body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
    monospace;
}


/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
[class^=ant-]::-ms-clear,
[class*= ant-]::-ms-clear,
[class^=ant-] input::-ms-clear,
[class*= ant-] input::-ms-clear,
[class^=ant-] input::-ms-reveal,
[class*= ant-] input::-ms-reveal {
  display: none;
}
/* stylelint-disable property-no-vendor-prefix, at-rule-no-vendor-prefix */
html,
body {
  width: 100%;
  height: 100%;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  margin: 0;
  color: #404041;
  font-size: 14px;
  font-family: 'PwC Helvetica Neue', Arial;
  font-variant: tabular-nums;
  line-height: 1.15;
  background-color: #fff;
  font-feature-settings: 'tnum', "tnum";
}
[tabindex='-1']:focus {
  outline: none !important;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5em;
  color: #000;
  font-weight: 500;
}
p {
  margin-top: 0;
  margin-bottom: 1em;
}
abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  border-bottom: 0;
  cursor: help;
}
address {
  margin-bottom: 1em;
  font-style: normal;
  line-height: inherit;
}
input[type='text'],
input[type='password'],
input[type='number'],
textarea {
  -webkit-appearance: none;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1em;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 500;
}
dd {
  margin-bottom: 0.5em;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1em;
}
dfn {
  font-style: italic;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: #D04A02;
  text-decoration: none;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  -webkit-text-decoration-skip: objects;
}
a:hover {
  color: #de6c26;
}
a:active {
  color: #ab3600;
}
a:active,
a:hover {
  text-decoration: none;
  outline: 0;
}
a:focus {
  text-decoration: none;
  outline: 0;
}
a[disabled] {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
pre,
code,
kbd,
samp {
  font-size: 1em;
  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
}
pre {
  margin-top: 0;
  margin-bottom: 1em;
  overflow: auto;
}
figure {
  margin: 0 0 1em;
}
img {
  vertical-align: middle;
  border-style: none;
}
a,
area,
button,
[role='button'],
input:not([type='range']),
label,
select,
summary,
textarea {
  touch-action: manipulation;
}
table {
  border-collapse: collapse;
}
caption {
  padding-top: 0.75em;
  padding-bottom: 0.3em;
  color: rgba(0, 0, 0, 0.45);
  text-align: left;
  caption-side: bottom;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type='radio'],
input[type='checkbox'] {
  box-sizing: border-box;
  padding: 0;
}
input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month'] {
  -webkit-appearance: listbox;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 0.5em;
  padding: 0;
  color: inherit;
  font-size: 1.5em;
  line-height: inherit;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}
[type='search'] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
mark {
  padding: 0.2em;
  background-color: #feffe6;
}
::selection {
  color: #fff;
  background: #D04A02;
}
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.anticon {
  display: inline-flex;
  align-items: center;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon > * {
  line-height: 1;
}
.anticon svg {
  display: inline-block;
}
.anticon::before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon > .anticon {
  line-height: 0;
  vertical-align: 0;
}
.anticon[tabindex] {
  cursor: pointer;
}
.anticon-spin,
.anticon-spin::before {
  display: inline-block;
  animation: loadingCircle 1s infinite linear;
}
.ant-fade-enter,
.ant-fade-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-fade-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-fade-enter.ant-fade-enter-active,
.ant-fade-appear.ant-fade-appear-active {
  animation-name: antFadeIn;
  animation-play-state: running;
}
.ant-fade-leave.ant-fade-leave-active {
  animation-name: antFadeOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-fade-enter,
.ant-fade-appear {
  opacity: 0;
  animation-timing-function: linear;
}
.ant-fade-leave {
  animation-timing-function: linear;
}
@keyframes antFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes antFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.ant-move-up-enter,
.ant-move-up-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-up-enter.ant-move-up-enter-active,
.ant-move-up-appear.ant-move-up-appear-active {
  animation-name: antMoveUpIn;
  animation-play-state: running;
}
.ant-move-up-leave.ant-move-up-leave-active {
  animation-name: antMoveUpOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-move-up-enter,
.ant-move-up-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-move-up-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.ant-move-down-enter,
.ant-move-down-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-down-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-down-enter.ant-move-down-enter-active,
.ant-move-down-appear.ant-move-down-appear-active {
  animation-name: antMoveDownIn;
  animation-play-state: running;
}
.ant-move-down-leave.ant-move-down-leave-active {
  animation-name: antMoveDownOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-move-down-enter,
.ant-move-down-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-move-down-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.ant-move-left-enter,
.ant-move-left-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-left-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-left-enter.ant-move-left-enter-active,
.ant-move-left-appear.ant-move-left-appear-active {
  animation-name: antMoveLeftIn;
  animation-play-state: running;
}
.ant-move-left-leave.ant-move-left-leave-active {
  animation-name: antMoveLeftOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-move-left-enter,
.ant-move-left-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-move-left-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.ant-move-right-enter,
.ant-move-right-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-right-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-right-enter.ant-move-right-enter-active,
.ant-move-right-appear.ant-move-right-appear-active {
  animation-name: antMoveRightIn;
  animation-play-state: running;
}
.ant-move-right-leave.ant-move-right-leave-active {
  animation-name: antMoveRightOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-move-right-enter,
.ant-move-right-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-move-right-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
@keyframes antMoveDownIn {
  0% {
    transform: translateY(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveDownOut {
  0% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateY(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveLeftIn {
  0% {
    transform: translateX(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveLeftOut {
  0% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateX(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveRightIn {
  0% {
    transform: translateX(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveRightOut {
  0% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateX(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveUpIn {
  0% {
    transform: translateY(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveUpOut {
  0% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateY(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes loadingCircle {
  100% {
    transform: rotate(360deg);
  }
}
[ant-click-animating='true'],
[ant-click-animating-without-extra-node='true'] {
  position: relative;
}
html {
  --antd-wave-shadow-color: #D04A02;
  --scroll-bar: 0;
}
[ant-click-animating-without-extra-node='true']::after,
.ant-click-animating-node {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  border-radius: inherit;
  box-shadow: 0 0 0 0 #D04A02;
  box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
  opacity: 0.2;
  animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-fill-mode: forwards;
  content: '';
  pointer-events: none;
}
@keyframes waveEffect {
  100% {
    box-shadow: 0 0 0 #D04A02;
    box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
  }
}
@keyframes fadeEffect {
  100% {
    opacity: 0;
  }
}
.ant-slide-up-enter,
.ant-slide-up-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-up-enter.ant-slide-up-enter-active,
.ant-slide-up-appear.ant-slide-up-appear-active {
  animation-name: antSlideUpIn;
  animation-play-state: running;
}
.ant-slide-up-leave.ant-slide-up-leave-active {
  animation-name: antSlideUpOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-slide-up-enter,
.ant-slide-up-appear {
  transform: scale(0);
  transform-origin: 0% 0%;
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.ant-slide-up-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.ant-slide-down-enter,
.ant-slide-down-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-down-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-down-enter.ant-slide-down-enter-active,
.ant-slide-down-appear.ant-slide-down-appear-active {
  animation-name: antSlideDownIn;
  animation-play-state: running;
}
.ant-slide-down-leave.ant-slide-down-leave-active {
  animation-name: antSlideDownOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-slide-down-enter,
.ant-slide-down-appear {
  transform: scale(0);
  transform-origin: 0% 0%;
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.ant-slide-down-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.ant-slide-left-enter,
.ant-slide-left-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-left-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-left-enter.ant-slide-left-enter-active,
.ant-slide-left-appear.ant-slide-left-appear-active {
  animation-name: antSlideLeftIn;
  animation-play-state: running;
}
.ant-slide-left-leave.ant-slide-left-leave-active {
  animation-name: antSlideLeftOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-slide-left-enter,
.ant-slide-left-appear {
  transform: scale(0);
  transform-origin: 0% 0%;
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.ant-slide-left-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.ant-slide-right-enter,
.ant-slide-right-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-right-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-right-enter.ant-slide-right-enter-active,
.ant-slide-right-appear.ant-slide-right-appear-active {
  animation-name: antSlideRightIn;
  animation-play-state: running;
}
.ant-slide-right-leave.ant-slide-right-leave-active {
  animation-name: antSlideRightOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-slide-right-enter,
.ant-slide-right-appear {
  transform: scale(0);
  transform-origin: 0% 0%;
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.ant-slide-right-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@keyframes antSlideUpIn {
  0% {
    transform: scaleY(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    transform: scaleY(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes antSlideUpOut {
  0% {
    transform: scaleY(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    transform: scaleY(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes antSlideDownIn {
  0% {
    transform: scaleY(0.8);
    transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    transform: scaleY(1);
    transform-origin: 100% 100%;
    opacity: 1;
  }
}
@keyframes antSlideDownOut {
  0% {
    transform: scaleY(1);
    transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    transform: scaleY(0.8);
    transform-origin: 100% 100%;
    opacity: 0;
  }
}
@keyframes antSlideLeftIn {
  0% {
    transform: scaleX(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    transform: scaleX(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes antSlideLeftOut {
  0% {
    transform: scaleX(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    transform: scaleX(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes antSlideRightIn {
  0% {
    transform: scaleX(0.8);
    transform-origin: 100% 0%;
    opacity: 0;
  }
  100% {
    transform: scaleX(1);
    transform-origin: 100% 0%;
    opacity: 1;
  }
}
@keyframes antSlideRightOut {
  0% {
    transform: scaleX(1);
    transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    transform: scaleX(0.8);
    transform-origin: 100% 0%;
    opacity: 0;
  }
}
.ant-zoom-enter,
.ant-zoom-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-enter.ant-zoom-enter-active,
.ant-zoom-appear.ant-zoom-appear-active {
  animation-name: antZoomIn;
  animation-play-state: running;
}
.ant-zoom-leave.ant-zoom-leave-active {
  animation-name: antZoomOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-enter,
.ant-zoom-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-enter-prepare,
.ant-zoom-appear-prepare {
  transform: none;
}
.ant-zoom-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-big-enter,
.ant-zoom-big-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-big-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-big-enter.ant-zoom-big-enter-active,
.ant-zoom-big-appear.ant-zoom-big-appear-active {
  animation-name: antZoomBigIn;
  animation-play-state: running;
}
.ant-zoom-big-leave.ant-zoom-big-leave-active {
  animation-name: antZoomBigOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-big-enter,
.ant-zoom-big-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-big-enter-prepare,
.ant-zoom-big-appear-prepare {
  transform: none;
}
.ant-zoom-big-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-big-fast-enter,
.ant-zoom-big-fast-appear {
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-big-fast-leave {
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-big-fast-enter.ant-zoom-big-fast-enter-active,
.ant-zoom-big-fast-appear.ant-zoom-big-fast-appear-active {
  animation-name: antZoomBigIn;
  animation-play-state: running;
}
.ant-zoom-big-fast-leave.ant-zoom-big-fast-leave-active {
  animation-name: antZoomBigOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-big-fast-enter,
.ant-zoom-big-fast-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-big-fast-enter-prepare,
.ant-zoom-big-fast-appear-prepare {
  transform: none;
}
.ant-zoom-big-fast-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-up-enter,
.ant-zoom-up-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-up-enter.ant-zoom-up-enter-active,
.ant-zoom-up-appear.ant-zoom-up-appear-active {
  animation-name: antZoomUpIn;
  animation-play-state: running;
}
.ant-zoom-up-leave.ant-zoom-up-leave-active {
  animation-name: antZoomUpOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-up-enter,
.ant-zoom-up-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-up-enter-prepare,
.ant-zoom-up-appear-prepare {
  transform: none;
}
.ant-zoom-up-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-down-enter,
.ant-zoom-down-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-down-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-down-enter.ant-zoom-down-enter-active,
.ant-zoom-down-appear.ant-zoom-down-appear-active {
  animation-name: antZoomDownIn;
  animation-play-state: running;
}
.ant-zoom-down-leave.ant-zoom-down-leave-active {
  animation-name: antZoomDownOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-down-enter,
.ant-zoom-down-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-down-enter-prepare,
.ant-zoom-down-appear-prepare {
  transform: none;
}
.ant-zoom-down-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-left-enter,
.ant-zoom-left-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-left-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-left-enter.ant-zoom-left-enter-active,
.ant-zoom-left-appear.ant-zoom-left-appear-active {
  animation-name: antZoomLeftIn;
  animation-play-state: running;
}
.ant-zoom-left-leave.ant-zoom-left-leave-active {
  animation-name: antZoomLeftOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-left-enter,
.ant-zoom-left-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-left-enter-prepare,
.ant-zoom-left-appear-prepare {
  transform: none;
}
.ant-zoom-left-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-right-enter,
.ant-zoom-right-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-right-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-right-enter.ant-zoom-right-enter-active,
.ant-zoom-right-appear.ant-zoom-right-appear-active {
  animation-name: antZoomRightIn;
  animation-play-state: running;
}
.ant-zoom-right-leave.ant-zoom-right-leave-active {
  animation-name: antZoomRightOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-right-enter,
.ant-zoom-right-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-right-enter-prepare,
.ant-zoom-right-appear-prepare {
  transform: none;
}
.ant-zoom-right-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
@keyframes antZoomIn {
  0% {
    transform: scale(0.2);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes antZoomOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.2);
    opacity: 0;
  }
}
@keyframes antZoomBigIn {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes antZoomBigOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.8);
    opacity: 0;
  }
}
@keyframes antZoomUpIn {
  0% {
    transform: scale(0.8);
    transform-origin: 50% 0%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 50% 0%;
  }
}
@keyframes antZoomUpOut {
  0% {
    transform: scale(1);
    transform-origin: 50% 0%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 50% 0%;
    opacity: 0;
  }
}
@keyframes antZoomLeftIn {
  0% {
    transform: scale(0.8);
    transform-origin: 0% 50%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 0% 50%;
  }
}
@keyframes antZoomLeftOut {
  0% {
    transform: scale(1);
    transform-origin: 0% 50%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 0% 50%;
    opacity: 0;
  }
}
@keyframes antZoomRightIn {
  0% {
    transform: scale(0.8);
    transform-origin: 100% 50%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 100% 50%;
  }
}
@keyframes antZoomRightOut {
  0% {
    transform: scale(1);
    transform-origin: 100% 50%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 100% 50%;
    opacity: 0;
  }
}
@keyframes antZoomDownIn {
  0% {
    transform: scale(0.8);
    transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 50% 100%;
  }
}
@keyframes antZoomDownOut {
  0% {
    transform: scale(1);
    transform-origin: 50% 100%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 50% 100%;
    opacity: 0;
  }
}
.ant-motion-collapse-legacy {
  overflow: hidden;
}
.ant-motion-collapse-legacy-active {
  transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.ant-motion-collapse {
  overflow: hidden;
  transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
.ant-affix {
  position: fixed;
  z-index: 10;
}
.ant-alert {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #404041;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.15;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  position: relative;
  display: flex;
  align-items: center;
  padding: 8px 15px;
  word-wrap: break-word;
  border-radius: 4px;
}
.ant-alert-content {
  flex: 1 1;
  min-width: 0;
}
.ant-alert-icon {
  margin-right: 8px;
}
.ant-alert-description {
  display: none;
  font-size: 14px;
  line-height: 22px;
}
.ant-alert-success {
  background-color: #cdd9cc;
  border: 1px solid #86bf86;
}
.ant-alert-success .ant-alert-icon {
  color: #22992E;
}
.ant-alert-info {
  background-color: #fff9e6;
  border: 1px solid #ffd77a;
}
.ant-alert-info .ant-alert-icon {
  color: #EB8C00;
}
.ant-alert-warning {
  background-color: #fffdeb;
  border: 1px solid #ffec99;
}
.ant-alert-warning .ant-alert-icon {
  color: #FFBF1F;
}
.ant-alert-error {
  background-color: #fff2ed;
  border: 1px solid #eba18f;
}
.ant-alert-error .ant-alert-icon {
  color: #C52A1A;
}
.ant-alert-error .ant-alert-description > pre {
  margin: 0;
  padding: 0;
}
.ant-alert-action {
  margin-left: 8px;
}
.ant-alert-close-icon {
  margin-left: 8px;
  padding: 0;
  overflow: hidden;
  font-size: 12px;
  line-height: 12px;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}
.ant-alert-close-icon .anticon-close {
  color: rgba(0, 0, 0, 0.45);
  transition: color 0.3s;
}
.ant-alert-close-icon .anticon-close:hover {
  color: rgba(0, 0, 0, 0.75);
}
.ant-alert-close-text {
  color: rgba(0, 0, 0, 0.45);
  transition: color 0.3s;
}
.ant-alert-close-text:hover {
  color: rgba(0, 0, 0, 0.75);
}
.ant-alert-with-description {
  align-items: flex-start;
  padding: 15px 15px 15px 24px;
}
.ant-alert-with-description.ant-alert-no-icon {
  padding: 15px 15px;
}
.ant-alert-with-description .ant-alert-icon {
  margin-right: 15px;
  font-size: 24px;
}
.ant-alert-with-description .ant-alert-message {
  display: block;
  margin-bottom: 4px;
  color: #000;
  font-size: 16px;
}
.ant-alert-message {
  color: #000;
}
.ant-alert-with-description .ant-alert-description {
  display: block;
}
.ant-alert.ant-alert-motion-leave {
  overflow: hidden;
  opacity: 1;
  transition: max-height 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), opacity 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), padding-top 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), padding-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), margin-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-alert.ant-alert-motion-leave-active {
  max-height: 0;
  margin-bottom: 0 !important;
  padding-top: 0;
  padding-bottom: 0;
  opacity: 0;
}
.ant-alert-banner {
  margin-bottom: 0;
  border: 0;
  border-radius: 0;
}
.ant-alert.ant-alert-rtl {
  direction: rtl;
}
.ant-alert-rtl .ant-alert-icon {
  margin-right: auto;
  margin-left: 8px;
}
.ant-alert-rtl .ant-alert-action {
  margin-right: 8px;
  margin-left: auto;
}
.ant-alert-rtl .ant-alert-close-icon {
  margin-right: 8px;
  margin-left: auto;
}
.ant-alert-rtl.ant-alert-with-description {
  padding-right: 24px;
  padding-left: 15px;
}
.ant-alert-rtl.ant-alert-with-description .ant-alert-icon {
  margin-right: auto;
  margin-left: 15px;
}
.ant-anchor {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #404041;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.15;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  position: relative;
  padding-left: 2px;
}
.ant-anchor-wrapper {
  margin-left: -4px;
  padding-left: 4px;
  overflow: auto;
  background-color: transparent;
}
.ant-anchor-ink {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.ant-anchor-ink::before {
  position: relative;
  display: block;
  width: 2px;
  height: 100%;
  margin: 0 auto;
  background-color: #f0f0f0;
  content: ' ';
}
.ant-anchor-ink-ball {
  position: absolute;
  left: 50%;
  display: none;
  width: 8px;
  height: 8px;
  background-color: #fff;
  border: 2px solid #D04A02;
  border-radius: 8px;
  transform: translateX(-50%);
  transition: top 0.3s ease-in-out;
}
.ant-anchor-ink-ball.ant-anchor-ink-ball-visible {
  display: inline-block;
}
.ant-anchor-fixed .ant-anchor-ink .ant-anchor-ink-ball {
  display: none;
}
.ant-anchor-link {
  padding: 4px 0 4px 16px;
}
.ant-anchor-link-title {
  position: relative;
  display: block;
  margin-bottom: 3px;
  overflow: hidden;
  color: #404041;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: all 0.3s;
}
.ant-anchor-link-title:only-child {
  margin-bottom: 0;
}
.ant-anchor-link-active > .ant-anchor-link-title {
  color: #D04A02;
}
.ant-anchor-link .ant-anchor-link {
  padding-top: 2px;
  padding-bottom: 2px;
}
.ant-anchor-rtl {
  direction: rtl;
}
.ant-anchor-rtl.ant-anchor-wrapper {
  margin-right: -4px;
  margin-left: 0;
  padding-right: 4px;
  padding-left: 0;
}
.ant-anchor-rtl .ant-anchor-ink {
  right: 0;
  left: auto;
}
.ant-anchor-rtl .ant-anchor-ink-ball {
  right: 50%;
  left: 0;
  transform: translateX(50%);
}
.ant-anchor-rtl .ant-anchor-link {
  padding: 4px 16px 4px 0;
}
.ant-select-auto-complete {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #404041;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.15;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
}
.ant-select-auto-complete .ant-select-clear {
  right: 13px;
}
.ant-avatar {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #404041;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.15;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  position: relative;
  display: inline-block;
  overflow: hidden;
  color: #fff;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  background: #ccc;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 50%;
}
.ant-avatar-image {
  background: transparent;
}
.ant-avatar .ant-image-img {
  display: block;
}
.ant-avatar-string {
  position: absolute;
  left: 50%;
  transform-origin: 0 center;
}
.ant-avatar.ant-avatar-icon {
  font-size: 18px;
}
.ant-avatar.ant-avatar-icon > .anticon {
  margin: 0;
}
.ant-avatar-lg {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
}
.ant-avatar-lg-string {
  position: absolute;
  left: 50%;
  transform-origin: 0 center;
}
.ant-avatar-lg.ant-avatar-icon {
  font-size: 24px;
}
.ant-avatar-lg.ant-avatar-icon > .anticon {
  margin: 0;
}
.ant-avatar-sm {
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 50%;
}
.ant-avatar-sm-string {
  position: absolute;
  left: 50%;
  transform-origin: 0 center;
}
.ant-avatar-sm.ant-avatar-icon {
  font-size: 14px;
}
.ant-avatar-sm.ant-avatar-icon > .anticon {
  margin: 0;
}
.ant-avatar-square {
  border-radius: 4px;
}
.ant-avatar > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ant-avatar-group {
  display: inline-flex;
}
.ant-avatar-group .ant-avatar {
  border: 1px solid #fff;
}
.ant-avatar-group .ant-avatar:not(:first-child) {
  margin-left: -8px;
}
.ant-avatar-group-popover .ant-avatar + .ant-avatar {
  margin-left: 3px;
}
.ant-avatar-group-rtl .ant-avatar:not(:first-child) {
  margin-right: -8px;
  margin-left: 0;
}
.ant-avatar-group-popover.ant-popover-rtl .ant-avatar + .ant-avatar {
  margin-right: 3px;
  margin-left: 0;
}
.ant-back-top {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #404041;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.15;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  position: fixed;
  right: 100px;
  bottom: 50px;
  z-index: 10;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.ant-back-top:empty {
  display: none;
}
.ant-back-top-rtl {
  right: auto;
  left: 100px;
  direction: rtl;
}
.ant-back-top-content {
  width: 40px;
  height: 40px;
  overflow: hidden;
  color: #fff;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.45);
  border-radius: 20px;
  transition: all 0.3s;
}
.ant-back-top-content:hover {
  background-color: #404041;
  transition: all 0.3s;
}
.ant-back-top-icon {
  font-size: 24px;
  line-height: 40px;
}
@media screen and (max-width: 768px) {
  .ant-back-top {
    right: 60px;
  }
  .ant-back-top-rtl {
    right: auto;
    left: 60px;
  }
}
@media screen and (max-width: 480px) {
  .ant-back-top {
    right: 20px;
  }
  .ant-back-top-rtl {
    right: auto;
    left: 20px;
  }
}
.ant-badge {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #404041;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.15;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  position: relative;
  display: inline-block;
  line-height: 1;
}
.ant-badge-count {
  z-index: auto;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  color: #fff;
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
  text-align: center;
  background: #E0301E;
  border-radius: 10px;
  box-shadow: 0 0 0 1px #fff;
}
.ant-badge-count a,
.ant-badge-count a:hover {
  color: #fff;
}
.ant-badge-count-sm {
  min-width: 14px;
  height: 14px;
  padding: 0;
  font-size: 12px;
  line-height: 14px;
  border-radius: 7px;
}
.ant-badge-multiple-words {
  padding: 0 8px;
}
.ant-badge-dot {
  z-index: auto;
  width: 6px;
  min-width: 6px;
  height: 6px;
  background: #E0301E;
  border-radius: 100%;
  box-shadow: 0 0 0 1px #fff;
}
.ant-badge-dot.ant-scroll-number {
  transition: background 1.5s;
}
.ant-badge-count,
.ant-badge-dot,
.ant-badge .ant-scroll-number-custom-component {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
  transform-origin: 100% 0%;
}
.ant-badge-count.anticon-spin,
.ant-badge-dot.anticon-spin,
.ant-badge .ant-scroll-number-custom-component.anticon-spin {
  animation: antBadgeLoadingCircle 1s infinite linear;
}
.ant-badge-status {
  line-height: inherit;
  vertical-align: baseline;
}
.ant-badge-status-dot {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 6px;
  height: 6px;
  vertical-align: middle;
  border-radius: 50%;
}
.ant-badge-status-success {
  background-color: #22992E;
}
.ant-badge-status-processing {
  position: relative;
  background-color: #EB8C00;
}
.ant-badge-status-processing::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #EB8C00;
  border-radius: 50%;
  animation: antStatusProcessing 1.2s infinite ease-in-out;
  content: '';
}
.ant-badge-status-default {
  background-color: #d9d9d9;
}
.ant-badge-status-error {
  background-color: #C52A1A;
}
.ant-badge-status-warning {
  background-color: #FFBF1F;
}
.ant-badge-status-pink {
  background: #eb2f96;
}
.ant-badge-status-magenta {
  background: #eb2f96;
}
.ant-badge-status-red {
  background: #f5222d;
}
.ant-badge-status-volcano {
  background: #fa541c;
}
.ant-badge-status-orange {
  background: #fa8c16;
}
.ant-badge-status-yellow {
  background: #fadb14;
}
.ant-badge-status-gold {
  background: #faad14;
}
.ant-badge-status-cyan {
  background: #13c2c2;
}
.ant-badge-status-lime {
  background: #a0d911;
}
.ant-badge-status-green {
  background: #52c41a;
}
.ant-badge-status-blue {
  background: #1890ff;
}
.ant-badge-status-geekblue {
  background: #2f54eb;
}
.ant-badge-status-purple {
  background: #722ed1;
}
.ant-badge-status-text {
  margin-left: 8px;
  color: #404041;
  font-size: 14px;
}
.ant-badge-zoom-appear,
.ant-badge-zoom-enter {
  animation: antZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  animation-fill-mode: both;
}
.ant-badge-zoom-leave {
  animation: antZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
  animation-fill-mode: both;
}
.ant-badge-not-a-wrapper .ant-badge-zoom-appear,
.ant-badge-not-a-wrapper .ant-badge-zoom-enter {
  animation: antNoWrapperZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
}
.ant-badge-not-a-wrapper .ant-badge-zoom-leave {
  animation: antNoWrapperZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
}
.ant-badge-not-a-wrapper:not(.ant-badge-status) {
  vertical-align: middle;
}
.ant-badge-not-a-wrapper .ant-scroll-number-custom-component,
.ant-badge-not-a-wrapper .ant-badge-count {
  transform: none;
}
.ant-badge-not-a-wrapper .ant-scroll-number-custom-component,
.ant-badge-not-a-wrapper .ant-scroll-number {
  position: relative;
  top: auto;
  display: block;
  transform-origin: 50% 50%;
}
@keyframes antStatusProcessing {
  0% {
    transform: scale(0.8);
    opacity: 0.5;
  }
  100% {
    transform: scale(2.4);
    opacity: 0;
  }
}
.ant-scroll-number {
  overflow: hidden;
  direction: ltr;
}
.ant-scroll-number-only {
  position: relative;
  display: inline-block;
  height: 20px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  /* stylelint-disable property-no-vendor-prefix */
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  /* stylelint-enable property-no-vendor-prefix */
}
.ant-scroll-number-only > p.ant-scroll-number-only-unit {
  height: 20px;
  margin: 0;
  /* stylelint-disable property-no-vendor-prefix */
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  /* stylelint-enable property-no-vendor-prefix */
}
.ant-scroll-number-symbol {
  vertical-align: top;
}
@keyframes antZoomBadgeIn {
  0% {
    transform: scale(0) translate(50%, -50%);
    opacity: 0;
  }
  100% {
    transform: scale(1) translate(50%, -50%);
  }
}
@keyframes antZoomBadgeOut {
  0% {
    transform: scale(1) translate(50%, -50%);
  }
  100% {
    transform: scale(0) translate(50%, -50%);
    opacity: 0;
  }
}
@keyframes antNoWrapperZoomBadgeIn {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
  }
}
@keyframes antNoWrapperZoomBadgeOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
    opacity: 0;
  }
}
@keyframes antBadgeLoadingCircle {
  0% {
    transform-origin: 50%;
  }
  100% {
    transform: translate(50%, -50%) rotate(360deg);
    transform-origin: 50%;
  }
}
.ant-ribbon-wrapper {
  position: relative;
}
.ant-ribbon {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #404041;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.15;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  position: absolute;
  top: 8px;
  height: 22px;
  padding: 0 8px;
  color: #fff;
  line-height: 22px;
  white-space: nowrap;
  background-color: #D04A02;
  border-radius: 2px;
}
.ant-ribbon-text {
  color: #fff;
}
.ant-ribbon-corner {
  position: absolute;
  top: 100%;
  width: 8px;
  height: 8px;
  color: currentcolor;
  border: 4px solid;
  transform: scaleY(0.75);
  transform-origin: top;
}
.ant-ribbon-corner::after {
  position: absolute;
  top: -4px;
  left: -4px;
  width: inherit;
  height: inherit;
  color: rgba(0, 0, 0, 0.25);
  border: inherit;
  content: '';
}
.ant-ribbon-color-pink {
  color: #eb2f96;
  background: #eb2f96;
}
.ant-ribbon-color-magenta {
  color: #eb2f96;
  background: #eb2f96;
}
.ant-ribbon-color-red {
  color: #f5222d;
  background: #f5222d;
}
.ant-ribbon-color-volcano {
  color: #fa541c;
  background: #fa541c;
}
.ant-ribbon-color-orange {
  color: #fa8c16;
  background: #fa8c16;
}
.ant-ribbon-color-yellow {
  color: #fadb14;
  background: #fadb14;
}
.ant-ribbon-color-gold {
  color: #faad14;
  background: #faad14;
}
.ant-ribbon-color-cyan {
  color: #13c2c2;
  background: #13c2c2;
}
.ant-ribbon-color-lime {
  color: #a0d911;
  background: #a0d911;
}
.ant-ribbon-color-green {
  color: #52c41a;
  background: #52c41a;
}
.ant-ribbon-color-blue {
  color: #1890ff;
  background: #1890ff;
}
.ant-ribbon-color-geekblue {
  color: #2f54eb;
  background: #2f54eb;
}
.ant-ribbon-color-purple {
  color: #722ed1;
  background: #722ed1;
}
.ant-ribbon.ant-ribbon-placement-end {
  right: -8px;
  border-bottom-right-radius: 0;
}
.ant-ribbon.ant-ribbon-placement-end .ant-ribbon-corner {
  right: 0;
  border-color: currentcolor transparent transparent currentcolor;
}
.ant-ribbon.ant-ribbon-placement-start {
  left: -8px;
  border-bottom-left-radius: 0;
}
.ant-ribbon.ant-ribbon-placement-start .ant-ribbon-corner {
  left: 0;
  border-color: currentcolor currentcolor transparent transparent;
}
.ant-badge-rtl {
  direction: rtl;
}
.ant-badge-rtl.ant-badge:not(.ant-badge-not-a-wrapper) .ant-badge-count,
.ant-badge-rtl.ant-badge:not(.ant-badge-not-a-wrapper) .ant-badge-dot,
.ant-badge-rtl.ant-badge:not(.ant-badge-not-a-wrapper) .ant-scroll-number-custom-component {
  right: auto;
  left: 0;
  direction: ltr;
  transform: translate(-50%, -50%);
  transform-origin: 0% 0%;
}
.ant-badge-rtl.ant-badge:not(.ant-badge-not-a-wrapper) .ant-scroll-number-custom-component {
  right: auto;
  left: 0;
  transform: translate(-50%, -50%);
  transform-origin: 0% 0%;
}
.ant-badge-rtl .ant-badge-status-text {
  margin-right: 8px;
  margin-left: 0;
}
.ant-badge:not(.ant-badge-not-a-wrapper).ant-badge-rtl .ant-badge-zoom-appear,
.ant-badge:not(.ant-badge-not-a-wrapper).ant-badge-rtl .ant-badge-zoom-enter {
  animation-name: antZoomBadgeInRtl;
}
.ant-badge:not(.ant-badge-not-a-wrapper).ant-badge-rtl .ant-badge-zoom-leave {
  animation-name: antZoomBadgeOutRtl;
}
.ant-ribbon-rtl {
  direction: rtl;
}
.ant-ribbon-rtl.ant-ribbon-placement-end {
  right: unset;
  left: -8px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}
.ant-ribbon-rtl.ant-ribbon-placement-end .ant-ribbon-corner {
  right: unset;
  left: 0;
  border-color: currentcolor currentcolor transparent transparent;
}
.ant-ribbon-rtl.ant-ribbon-placement-end .ant-ribbon-corner::after {
  border-color: currentcolor currentcolor transparent transparent;
}
.ant-ribbon-rtl.ant-ribbon-placement-start {
  right: -8px;
  left: unset;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.ant-ribbon-rtl.ant-ribbon-placement-start .ant-ribbon-corner {
  right: 0;
  left: unset;
  border-color: currentcolor transparent transparent currentcolor;
}
.ant-ribbon-rtl.ant-ribbon-placement-start .ant-ribbon-corner::after {
  border-color: currentcolor transparent transparent currentcolor;
}
@keyframes antZoomBadgeInRtl {
  0% {
    transform: scale(0) translate(-50%, -50%);
    opacity: 0;
  }
  100% {
    transform: scale(1) translate(-50%, -50%);
  }
}
@keyframes antZoomBadgeOutRtl {
  0% {
    transform: scale(1) translate(-50%, -50%);
  }
  100% {
    transform: scale(0) translate(-50%, -50%);
    opacity: 0;
  }
}
.ant-breadcrumb {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #404041;
  font-variant: tabular-nums;
  line-height: 1.15;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-breadcrumb .anticon {
  font-size: 14px;
}
.ant-breadcrumb ol {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-breadcrumb a {
  color: rgba(0, 0, 0, 0.45);
  transition: color 0.3s;
}
.ant-breadcrumb a:hover {
  color: #404041;
}
.ant-breadcrumb li:last-child {
  color: #404041;
}
.ant-breadcrumb li:last-child a {
  color: #404041;
}
li:last-child > .ant-breadcrumb-separator {
  display: none;
}
.ant-breadcrumb-separator {
  margin: 0 8px;
  color: rgba(0, 0, 0, 0.45);
}
.ant-breadcrumb-link > .anticon + span,
.ant-breadcrumb-link > .anticon + a {
  margin-left: 4px;
}
.ant-breadcrumb-overlay-link > .anticon {
  margin-left: 4px;
}
.ant-breadcrumb-rtl {
  direction: rtl;
}
.ant-breadcrumb-rtl::before {
  display: table;
  content: '';
}
.ant-breadcrumb-rtl::after {
  display: table;
  clear: both;
  content: '';
}
.ant-breadcrumb-rtl::before {
  display: table;
  content: '';
}
.ant-breadcrumb-rtl::after {
  display: table;
  clear: both;
  content: '';
}
.ant-breadcrumb-rtl > span {
  float: right;
}
.ant-breadcrumb-rtl .ant-breadcrumb-link > .anticon + span,
.ant-breadcrumb-rtl .ant-breadcrumb-link > .anticon + a {
  margin-right: 4px;
  margin-left: 0;
}
.ant-breadcrumb-rtl .ant-breadcrumb-overlay-link > .anticon {
  margin-right: 4px;
  margin-left: 0;
}
.ant-btn {
  line-height: 1.15;
  position: relative;
  display: inline-block;
  font-weight: 400;
  white-space: nowrap;
  text-align: center;
  background-image: none;
  border: 1px solid transparent;
  box-shadow: none;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-user-select: none;
          user-select: none;
  touch-action: manipulation;
  height: 36px;
  padding: 9px 15px;
  font-size: 14px;
  border-radius: 4px;
  color: #6D6E71;
  border-color: #CCC;
  background: #fff;
}
.ant-btn > .anticon {
  line-height: 1;
}
.ant-btn,
.ant-btn:active,
.ant-btn:focus {
  outline: 0;
}
.ant-btn:not([disabled]):hover {
  text-decoration: none;
}
.ant-btn:not([disabled]):active {
  outline: 0;
  box-shadow: none;
}
.ant-btn[disabled] {
  cursor: not-allowed;
}
.ant-btn[disabled] > * {
  pointer-events: none;
}
.ant-btn-lg {
  height: 40px;
  padding: 9.8px 15px;
  font-size: 16px;
  border-radius: 4px;
}
.ant-btn-sm {
  height: 24px;
  padding: 3px 7px;
  font-size: 14px;
  border-radius: 4px;
}
.ant-btn > a:only-child {
  color: currentcolor;
}
.ant-btn > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn:hover,
.ant-btn:focus {
  color: #f7ab28;
  border-color: #f7ab28;
  background: #fff;
}
.ant-btn:hover > a:only-child,
.ant-btn:focus > a:only-child {
  color: currentcolor;
}
.ant-btn:hover > a:only-child::after,
.ant-btn:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn:active {
  color: #c46f00;
  border-color: #c46f00;
  background: #fff;
}
.ant-btn:active > a:only-child {
  color: currentcolor;
}
.ant-btn:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn[disabled],
.ant-btn[disabled]:hover,
.ant-btn[disabled]:focus,
.ant-btn[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #D4D4D4;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn[disabled] > a:only-child,
.ant-btn[disabled]:hover > a:only-child,
.ant-btn[disabled]:focus > a:only-child,
.ant-btn[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn[disabled] > a:only-child::after,
.ant-btn[disabled]:hover > a:only-child::after,
.ant-btn[disabled]:focus > a:only-child::after,
.ant-btn[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn:hover,
.ant-btn:focus,
.ant-btn:active {
  text-decoration: none;
  background: #fff;
}
.ant-btn > span {
  display: inline-block;
}
.ant-btn-primary {
  color: #fff;
  border-color: #EB8C00;
  background: #EB8C00;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-primary > a:only-child {
  color: currentcolor;
}
.ant-btn-primary > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-primary:hover,
.ant-btn-primary:focus {
  color: #fff;
  border-color: #f7ab28;
  background: #f7ab28;
}
.ant-btn-primary:hover > a:only-child,
.ant-btn-primary:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-primary:hover > a:only-child::after,
.ant-btn-primary:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-primary:active {
  color: #fff;
  border-color: #c46f00;
  background: #c46f00;
}
.ant-btn-primary:active > a:only-child {
  color: currentcolor;
}
.ant-btn-primary:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-primary[disabled],
.ant-btn-primary[disabled]:hover,
.ant-btn-primary[disabled]:focus,
.ant-btn-primary[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #D4D4D4;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-primary[disabled] > a:only-child,
.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-primary[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-primary[disabled] > a:only-child::after,
.ant-btn-primary[disabled]:hover > a:only-child::after,
.ant-btn-primary[disabled]:focus > a:only-child::after,
.ant-btn-primary[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) {
  border-right-color: #de6c26;
  border-left-color: #de6c26;
}
.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled {
  border-color: #CCC;
}
.ant-btn-group .ant-btn-primary:first-child:not(:last-child) {
  border-right-color: #de6c26;
}
.ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] {
  border-right-color: #CCC;
}
.ant-btn-group .ant-btn-primary:last-child:not(:first-child),
.ant-btn-group .ant-btn-primary + .ant-btn-primary {
  border-left-color: #de6c26;
}
.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled],
.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] {
  border-left-color: #CCC;
}
.ant-btn-ghost {
  color: #404041;
  border-color: #D4D4D4;
  background: transparent;
}
.ant-btn-ghost > a:only-child {
  color: currentcolor;
}
.ant-btn-ghost > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-ghost:hover,
.ant-btn-ghost:focus {
  color: #f7ab28;
  border-color: #f7ab28;
  background: transparent;
}
.ant-btn-ghost:hover > a:only-child,
.ant-btn-ghost:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-ghost:hover > a:only-child::after,
.ant-btn-ghost:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-ghost:active {
  color: #c46f00;
  border-color: #c46f00;
  background: transparent;
}
.ant-btn-ghost:active > a:only-child {
  color: currentcolor;
}
.ant-btn-ghost:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-ghost[disabled],
.ant-btn-ghost[disabled]:hover,
.ant-btn-ghost[disabled]:focus,
.ant-btn-ghost[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #D4D4D4;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-ghost[disabled] > a:only-child,
.ant-btn-ghost[disabled]:hover > a:only-child,
.ant-btn-ghost[disabled]:focus > a:only-child,
.ant-btn-ghost[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-ghost[disabled] > a:only-child::after,
.ant-btn-ghost[disabled]:hover > a:only-child::after,
.ant-btn-ghost[disabled]:focus > a:only-child::after,
.ant-btn-ghost[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed {
  color: #6D6E71;
  border-color: #CCC;
  background: #fff;
  border-style: dashed;
}
.ant-btn-dashed > a:only-child {
  color: currentcolor;
}
.ant-btn-dashed > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed:hover,
.ant-btn-dashed:focus {
  color: #f7ab28;
  border-color: #f7ab28;
  background: #fff;
}
.ant-btn-dashed:hover > a:only-child,
.ant-btn-dashed:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-dashed:hover > a:only-child::after,
.ant-btn-dashed:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed:active {
  color: #c46f00;
  border-color: #c46f00;
  background: #fff;
}
.ant-btn-dashed:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dashed:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed[disabled],
.ant-btn-dashed[disabled]:hover,
.ant-btn-dashed[disabled]:focus,
.ant-btn-dashed[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #D4D4D4;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dashed[disabled] > a:only-child,
.ant-btn-dashed[disabled]:hover > a:only-child,
.ant-btn-dashed[disabled]:focus > a:only-child,
.ant-btn-dashed[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dashed[disabled] > a:only-child::after,
.ant-btn-dashed[disabled]:hover > a:only-child::after,
.ant-btn-dashed[disabled]:focus > a:only-child::after,
.ant-btn-dashed[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger {
  color: #fff;
  border-color: #C52A1A;
  background: #C52A1A;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-danger > a:only-child {
  color: currentcolor;
}
.ant-btn-danger > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger:hover,
.ant-btn-danger:focus {
  color: #fff;
  border-color: #d1503d;
  background: #d1503d;
}
.ant-btn-danger:hover > a:only-child,
.ant-btn-danger:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-danger:hover > a:only-child::after,
.ant-btn-danger:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger:active {
  color: #fff;
  border-color: #9e160d;
  background: #9e160d;
}
.ant-btn-danger:active > a:only-child {
  color: currentcolor;
}
.ant-btn-danger:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger[disabled],
.ant-btn-danger[disabled]:hover,
.ant-btn-danger[disabled]:focus,
.ant-btn-danger[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #D4D4D4;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-danger[disabled] > a:only-child,
.ant-btn-danger[disabled]:hover > a:only-child,
.ant-btn-danger[disabled]:focus > a:only-child,
.ant-btn-danger[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-danger[disabled] > a:only-child::after,
.ant-btn-danger[disabled]:hover > a:only-child::after,
.ant-btn-danger[disabled]:focus > a:only-child::after,
.ant-btn-danger[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link {
  color: #D04A02;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}
.ant-btn-link > a:only-child {
  color: currentcolor;
}
.ant-btn-link > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link:hover,
.ant-btn-link:focus {
  color: #f7ab28;
  border-color: #f7ab28;
  background: transparent;
}
.ant-btn-link:hover > a:only-child,
.ant-btn-link:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-link:hover > a:only-child::after,
.ant-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link:active {
  color: #c46f00;
  border-color: #c46f00;
  background: transparent;
}
.ant-btn-link:active > a:only-child {
  color: currentcolor;
}
.ant-btn-link:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link[disabled],
.ant-btn-link[disabled]:hover,
.ant-btn-link[disabled]:focus,
.ant-btn-link[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #D4D4D4;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-link[disabled] > a:only-child,
.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-link[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-link[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link:hover {
  background: transparent;
}
.ant-btn-link:hover,
.ant-btn-link:focus,
.ant-btn-link:active {
  border-color: transparent;
}
.ant-btn-link[disabled],
.ant-btn-link[disabled]:hover,
.ant-btn-link[disabled]:focus,
.ant-btn-link[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  background: transparent;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-link[disabled] > a:only-child,
.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-link[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-link[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-text {
  color: #404041;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}
.ant-btn-text > a:only-child {
  color: currentcolor;
}
.ant-btn-text > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-text:hover,
.ant-btn-text:focus {
  color: #f7ab28;
  border-color: #f7ab28;
  background: transparent;
}
.ant-btn-text:hover > a:only-child,
.ant-btn-text:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-text:hover > a:only-child::after,
.ant-btn-text:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-text:active {
  color: #c46f00;
  border-color: #c46f00;
  background: transparent;
}
.ant-btn-text:active > a:only-child {
  color: currentcolor;
}
.ant-btn-text:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-text[disabled],
.ant-btn-text[disabled]:hover,
.ant-btn-text[disabled]:focus,
.ant-btn-text[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #D4D4D4;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-text[disabled] > a:only-child,
.ant-btn-text[disabled]:hover > a:only-child,
.ant-btn-text[disabled]:focus > a:only-child,
.ant-btn-text[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-text[disabled] > a:only-child::after,
.ant-btn-text[disabled]:hover > a:only-child::after,
.ant-btn-text[disabled]:focus > a:only-child::after,
.ant-btn-text[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-text:hover,
.ant-btn-text:focus {
  color: #404041;
  background: rgba(0, 0, 0, 0.018);
  border-color: transparent;
}
.ant-btn-text:active {
  color: #404041;
  background: rgba(0, 0, 0, 0.028);
  border-color: transparent;
}
.ant-btn-text[disabled],
.ant-btn-text[disabled]:hover,
.ant-btn-text[disabled]:focus,
.ant-btn-text[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  background: transparent;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-text[disabled] > a:only-child,
.ant-btn-text[disabled]:hover > a:only-child,
.ant-btn-text[disabled]:focus > a:only-child,
.ant-btn-text[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-text[disabled] > a:only-child::after,
.ant-btn-text[disabled]:hover > a:only-child::after,
.ant-btn-text[disabled]:focus > a:only-child::after,
.ant-btn-text[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous {
  color: #C52A1A;
  border-color: #C52A1A;
  background: #fff;
}
.ant-btn-dangerous > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous:hover,
.ant-btn-dangerous:focus {
  color: #d1503d;
  border-color: #d1503d;
  background: #fff;
}
.ant-btn-dangerous:hover > a:only-child,
.ant-btn-dangerous:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous:hover > a:only-child::after,
.ant-btn-dangerous:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous:active {
  color: #9e160d;
  border-color: #9e160d;
  background: #fff;
}
.ant-btn-dangerous:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous[disabled],
.ant-btn-dangerous[disabled]:hover,
.ant-btn-dangerous[disabled]:focus,
.ant-btn-dangerous[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #D4D4D4;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dangerous[disabled] > a:only-child,
.ant-btn-dangerous[disabled]:hover > a:only-child,
.ant-btn-dangerous[disabled]:focus > a:only-child,
.ant-btn-dangerous[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous[disabled] > a:only-child::after,
.ant-btn-dangerous[disabled]:hover > a:only-child::after,
.ant-btn-dangerous[disabled]:focus > a:only-child::after,
.ant-btn-dangerous[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-primary {
  color: #fff;
  border-color: #C52A1A;
  background: #C52A1A;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dangerous.ant-btn-primary > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-primary > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-primary:hover,
.ant-btn-dangerous.ant-btn-primary:focus {
  color: #fff;
  border-color: #d1503d;
  background: #d1503d;
}
.ant-btn-dangerous.ant-btn-primary:hover > a:only-child,
.ant-btn-dangerous.ant-btn-primary:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-primary:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-primary:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-primary:active {
  color: #fff;
  border-color: #9e160d;
  background: #9e160d;
}
.ant-btn-dangerous.ant-btn-primary:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-primary:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-primary[disabled],
.ant-btn-dangerous.ant-btn-primary[disabled]:hover,
.ant-btn-dangerous.ant-btn-primary[disabled]:focus,
.ant-btn-dangerous.ant-btn-primary[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #D4D4D4;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dangerous.ant-btn-primary[disabled] > a:only-child,
.ant-btn-dangerous.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-dangerous.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-dangerous.ant-btn-primary[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-primary[disabled] > a:only-child::after,
.ant-btn-dangerous.ant-btn-primary[disabled]:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-primary[disabled]:focus > a:only-child::after,
.ant-btn-dangerous.ant-btn-primary[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-link {
  color: #C52A1A;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}
.ant-btn-dangerous.ant-btn-link > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-link > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-link:hover,
.ant-btn-dangerous.ant-btn-link:focus {
  color: #f7ab28;
  border-color: #f7ab28;
  background: transparent;
}
.ant-btn-dangerous.ant-btn-link:hover > a:only-child,
.ant-btn-dangerous.ant-btn-link:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-link:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-link:active {
  color: #c46f00;
  border-color: #c46f00;
  background: transparent;
}
.ant-btn-dangerous.ant-btn-link:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-link:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-link[disabled],
.ant-btn-dangerous.ant-btn-link[disabled]:hover,
.ant-btn-dangerous.ant-btn-link[disabled]:focus,
.ant-btn-dangerous.ant-btn-link[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #D4D4D4;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-link:hover,
.ant-btn-dangerous.ant-btn-link:focus {
  color: #d1503d;
  border-color: transparent;
  background: transparent;
}
.ant-btn-dangerous.ant-btn-link:hover > a:only-child,
.ant-btn-dangerous.ant-btn-link:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-link:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-link:active {
  color: #9e160d;
  border-color: transparent;
  background: transparent;
}
.ant-btn-dangerous.ant-btn-link:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-link:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-link[disabled],
.ant-btn-dangerous.ant-btn-link[disabled]:hover,
.ant-btn-dangerous.ant-btn-link[disabled]:focus,
.ant-btn-dangerous.ant-btn-link[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  background: transparent;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-text {
  color: #C52A1A;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}
.ant-btn-dangerous.ant-btn-text > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-text > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-text:hover,
.ant-btn-dangerous.ant-btn-text:focus {
  color: #f7ab28;
  border-color: #f7ab28;
  background: transparent;
}
.ant-btn-dangerous.ant-btn-text:hover > a:only-child,
.ant-btn-dangerous.ant-btn-text:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-text:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-text:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-text:active {
  color: #c46f00;
  border-color: #c46f00;
  background: transparent;
}
.ant-btn-dangerous.ant-btn-text:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-text:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-text[disabled],
.ant-btn-dangerous.ant-btn-text[disabled]:hover,
.ant-btn-dangerous.ant-btn-text[disabled]:focus,
.ant-btn-dangerous.ant-btn-text[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #D4D4D4;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dangerous.ant-btn-text[disabled] > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-text[disabled] > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-text:hover,
.ant-btn-dangerous.ant-btn-text:focus {
  color: #d1503d;
  border-color: transparent;
  background: rgba(0, 0, 0, 0.018);
}
.ant-btn-dangerous.ant-btn-text:hover > a:only-child,
.ant-btn-dangerous.ant-btn-text:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-text:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-text:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-text:active {
  color: #9e160d;
  border-color: transparent;
  background: rgba(0, 0, 0, 0.028);
}
.ant-btn-dangerous.ant-btn-text:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-text:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-text[disabled],
.ant-btn-dangerous.ant-btn-text[disabled]:hover,
.ant-btn-dangerous.ant-btn-text[disabled]:focus,
.ant-btn-dangerous.ant-btn-text[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  background: transparent;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dangerous.ant-btn-text[disabled] > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-text[disabled] > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-icon-only {
  width: 36px;
  height: 36px;
  padding: 7.8px 0;
  font-size: 16px;
  border-radius: 4px;
  vertical-align: -3px;
}
.ant-btn-icon-only > * {
  font-size: 16px;
}
.ant-btn-icon-only.ant-btn-lg {
  width: 40px;
  height: 40px;
  padding: 8.7px 0;
  font-size: 18px;
  border-radius: 4px;
}
.ant-btn-icon-only.ant-btn-lg > * {
  font-size: 18px;
}
.ant-btn-icon-only.ant-btn-sm {
  width: 24px;
  height: 24px;
  padding: 3px 0;
  font-size: 14px;
  border-radius: 4px;
}
.ant-btn-icon-only.ant-btn-sm > * {
  font-size: 14px;
}
.ant-btn-icon-only > .anticon {
  display: flex;
  justify-content: center;
}
.ant-btn-icon-only .anticon-loading {
  padding: 0 !important;
}
a.ant-btn-icon-only {
  vertical-align: -1px;
}
a.ant-btn-icon-only > .anticon {
  display: inline;
}
.ant-btn-round {
  height: 36px;
  padding: 9px 18px;
  font-size: 14px;
  border-radius: 36px;
}
.ant-btn-round.ant-btn-lg {
  height: 40px;
  padding: 9.8px 20px;
  font-size: 16px;
  border-radius: 40px;
}
.ant-btn-round.ant-btn-sm {
  height: 24px;
  padding: 3px 12px;
  font-size: 14px;
  border-radius: 24px;
}
.ant-btn-round.ant-btn-icon-only {
  width: auto;
}
.ant-btn-circle {
  min-width: 36px;
  padding-right: 0;
  padding-left: 0;
  text-align: center;
  border-radius: 50%;
}
.ant-btn-circle.ant-btn-lg {
  min-width: 40px;
  border-radius: 50%;
}
.ant-btn-circle.ant-btn-sm {
  min-width: 24px;
  border-radius: 50%;
}
.ant-btn::before {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  z-index: 1;
  display: none;
  background: #fff;
  border-radius: inherit;
  opacity: 0.35;
  transition: opacity 0.2s;
  content: '';
  pointer-events: none;
}
.ant-btn .anticon {
  transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-btn .anticon.anticon-plus > svg,
.ant-btn .anticon.anticon-minus > svg {
  shape-rendering: optimizespeed;
}
.ant-btn.ant-btn-loading {
  position: relative;
  cursor: default;
}
.ant-btn.ant-btn-loading::before {
  display: block;
}
.ant-btn > .ant-btn-loading-icon {
  transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-btn > .ant-btn-loading-icon .anticon {
  padding-right: 8px;
  animation: none;
}
.ant-btn > .ant-btn-loading-icon .anticon svg {
  animation: loadingCircle 1s infinite linear;
}
.ant-btn-group {
  position: relative;
  display: inline-flex;
}
.ant-btn-group > .ant-btn,
.ant-btn-group > span > .ant-btn {
  position: relative;
}
.ant-btn-group > .ant-btn:hover,
.ant-btn-group > span > .ant-btn:hover,
.ant-btn-group > .ant-btn:focus,
.ant-btn-group > span > .ant-btn:focus,
.ant-btn-group > .ant-btn:active,
.ant-btn-group > span > .ant-btn:active {
  z-index: 2;
}
.ant-btn-group > .ant-btn[disabled],
.ant-btn-group > span > .ant-btn[disabled] {
  z-index: 0;
}
.ant-btn-group .ant-btn-icon-only {
  font-size: 14px;
}
.ant-btn-group .ant-btn + .ant-btn,
.ant-btn + .ant-btn-group,
.ant-btn-group span + .ant-btn,
.ant-btn-group .ant-btn + span,
.ant-btn-group > span + span,
.ant-btn-group + .ant-btn,
.ant-btn-group + .ant-btn-group {
  margin-left: -1px;
}
.ant-btn-group .ant-btn-primary + .ant-btn:not(.ant-btn-primary):not([disabled]) {
  border-left-color: transparent;
}
.ant-btn-group .ant-btn {
  border-radius: 0;
}
.ant-btn-group > .ant-btn:first-child,
.ant-btn-group > span:first-child > .ant-btn {
  margin-left: 0;
}
.ant-btn-group > .ant-btn:only-child {
  border-radius: 4px;
}
.ant-btn-group > span:only-child > .ant-btn {
  border-radius: 4px;
}
.ant-btn-group > .ant-btn:first-child:not(:last-child),
.ant-btn-group > span:first-child:not(:last-child) > .ant-btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-btn-group > .ant-btn:last-child:not(:first-child),
.ant-btn-group > span:last-child:not(:first-child) > .ant-btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ant-btn-group-sm > .ant-btn:only-child {
  border-radius: 4px;
}
.ant-btn-group-sm > span:only-child > .ant-btn {
  border-radius: 4px;
}
.ant-btn-group-sm > .ant-btn:first-child:not(:last-child),
.ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-btn-group-sm > .ant-btn:last-child:not(:first-child),
.ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ant-btn-group > .ant-btn-group {
  float: left;
}
.ant-btn-group > .ant-btn-group:not(:first-child):not(:last-child) > .ant-btn {
  border-radius: 0;
}
.ant-btn-group > .ant-btn-group:first-child:not(:last-child) > .ant-btn:last-child {
  padding-right: 8px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-btn-group > .ant-btn-group:last-child:not(:first-child) > .ant-btn:first-child {
  padding-left: 8px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-btn-rtl.ant-btn-group .ant-btn + .ant-btn,
.ant-btn-rtl.ant-btn + .ant-btn-group,
.ant-btn-rtl.ant-btn-group span + .ant-btn,
.ant-btn-rtl.ant-btn-group .ant-btn + span,
.ant-btn-rtl.ant-btn-group > span + span,
.ant-btn-rtl.ant-btn-group + .ant-btn,
.ant-btn-rtl.ant-btn-group + .ant-btn-group,
.ant-btn-group-rtl.ant-btn-group .ant-btn + .ant-btn,
.ant-btn-group-rtl.ant-btn + .ant-btn-group,
.ant-btn-group-rtl.ant-btn-group span + .ant-btn,
.ant-btn-group-rtl.ant-btn-group .ant-btn + span,
.ant-btn-group-rtl.ant-btn-group > span + span,
.ant-btn-group-rtl.ant-btn-group + .ant-btn,
.ant-btn-group-rtl.ant-btn-group + .ant-btn-group {
  margin-right: -1px;
  margin-left: auto;
}
.ant-btn-group.ant-btn-group-rtl {
  direction: rtl;
}
.ant-btn-group-rtl.ant-btn-group > .ant-btn:first-child:not(:last-child),
.ant-btn-group-rtl.ant-btn-group > span:first-child:not(:last-child) > .ant-btn {
  border-radius: 0 4px 4px 0;
}
.ant-btn-group-rtl.ant-btn-group > .ant-btn:last-child:not(:first-child),
.ant-btn-group-rtl.ant-btn-group > span:last-child:not(:first-child) > .ant-btn {
  border-radius: 4px 0 0 4px;
}
.ant-btn-group-rtl.ant-btn-group-sm > .ant-btn:first-child:not(:last-child),
.ant-btn-group-rtl.ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn {
  border-radius: 0 4px 4px 0;
}
.ant-btn-group-rtl.ant-btn-group-sm > .ant-btn:last-child:not(:first-child),
.ant-btn-group-rtl.ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn {
  border-radius: 4px 0 0 4px;
}
.ant-btn:focus > span,
.ant-btn:active > span {
  position: relative;
}
.ant-btn > .anticon + span,
.ant-btn > span + .anticon {
  margin-left: 8px;
}
.ant-btn.ant-btn-background-ghost {
  color: #fff;
  border-color: #fff;
}
.ant-btn.ant-btn-background-ghost,
.ant-btn.ant-btn-background-ghost:hover,
.ant-btn.ant-btn-background-ghost:active,
.ant-btn.ant-btn-background-ghost:focus {
  background: transparent;
}
.ant-btn.ant-btn-background-ghost:hover,
.ant-btn.ant-btn-background-ghost:focus {
  color: #de6c26;
  border-color: #de6c26;
}
.ant-btn.ant-btn-background-ghost:active {
  color: #ab3600;
  border-color: #ab3600;
}
.ant-btn.ant-btn-background-ghost[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
  border-color: #CCC;
}
.ant-btn-background-ghost.ant-btn-primary {
  color: #EB8C00;
  border-color: #EB8C00;
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-primary > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-primary > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-primary:hover,
.ant-btn-background-ghost.ant-btn-primary:focus {
  color: #f7ab28;
  border-color: #f7ab28;
}
.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-primary:active {
  color: #c46f00;
  border-color: #c46f00;
}
.ant-btn-background-ghost.ant-btn-primary:active > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-primary:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-primary[disabled],
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #D4D4D4;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger {
  color: #C52A1A;
  border-color: #C52A1A;
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-danger > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-danger > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger:hover,
.ant-btn-background-ghost.ant-btn-danger:focus {
  color: #d1503d;
  border-color: #d1503d;
}
.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger:active {
  color: #9e160d;
  border-color: #9e160d;
}
.ant-btn-background-ghost.ant-btn-danger:active > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-danger:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger[disabled],
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #D4D4D4;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous {
  color: #C52A1A;
  border-color: #C52A1A;
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-dangerous > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-dangerous > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous:hover,
.ant-btn-background-ghost.ant-btn-dangerous:focus {
  color: #d1503d;
  border-color: #d1503d;
}
.ant-btn-background-ghost.ant-btn-dangerous:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-dangerous:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous:active {
  color: #9e160d;
  border-color: #9e160d;
}
.ant-btn-background-ghost.ant-btn-dangerous:active > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-dangerous:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous[disabled],
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #D4D4D4;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-dangerous[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-dangerous[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link {
  color: #C52A1A;
  border-color: transparent;
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus {
  color: #d1503d;
  border-color: transparent;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active {
  color: #9e160d;
  border-color: transparent;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled],
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #D4D4D4;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-two-chinese-chars::first-letter {
  letter-spacing: 0.34em;
}
.ant-btn-two-chinese-chars > *:not(.anticon) {
  margin-right: -0.34em;
  letter-spacing: 0.34em;
}
.ant-btn.ant-btn-block {
  width: 100%;
}
.ant-btn:empty {
  display: inline-block;
  width: 0;
  visibility: hidden;
  content: '\a0';
}
a.ant-btn {
  padding-top: 0.01px !important;
  line-height: 34px;
}
a.ant-btn-disabled {
  cursor: not-allowed;
}
a.ant-btn-disabled > * {
  pointer-events: none;
}
a.ant-btn-disabled,
a.ant-btn-disabled:hover,
a.ant-btn-disabled:focus,
a.ant-btn-disabled:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  background: transparent;
  text-shadow: none;
  box-shadow: none;
}
a.ant-btn-disabled > a:only-child,
a.ant-btn-disabled:hover > a:only-child,
a.ant-btn-disabled:focus > a:only-child,
a.ant-btn-disabled:active > a:only-child {
  color: currentcolor;
}
a.ant-btn-disabled > a:only-child::after,
a.ant-btn-disabled:hover > a:only-child::after,
a.ant-btn-disabled:focus > a:only-child::after,
a.ant-btn-disabled:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
a.ant-btn-lg {
  line-height: 38px;
}
a.ant-btn-sm {
  line-height: 22px;
}
.ant-btn-compact-item:not(.ant-btn-compact-last-item):not(.ant-btn-compact-item-rtl) {
  margin-right: -1px;
}
.ant-btn-compact-item:not(.ant-btn-compact-last-item).ant-btn-compact-item-rtl {
  margin-left: -1px;
}
.ant-btn-compact-item:hover,
.ant-btn-compact-item:focus,
.ant-btn-compact-item:active {
  z-index: 2;
}
.ant-btn-compact-item[disabled] {
  z-index: 0;
}
.ant-btn-compact-item:not(.ant-btn-compact-first-item):not(.ant-btn-compact-last-item).ant-btn {
  border-radius: 0;
}
.ant-btn-compact-item.ant-btn.ant-btn-compact-first-item:not(.ant-btn-compact-last-item):not(.ant-btn-compact-item-rtl) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-btn-compact-item.ant-btn.ant-btn-compact-last-item:not(.ant-btn-compact-first-item):not(.ant-btn-compact-item-rtl) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-btn-compact-item.ant-btn.ant-btn-compact-item-rtl.ant-btn-compact-first-item:not(.ant-btn-compact-last-item) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-btn-compact-item.ant-btn.ant-btn-compact-item-rtl.ant-btn-compact-last-item:not(.ant-btn-compact-first-item) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-btn-icon-only.ant-btn-compact-item {
  flex: none;
}
.ant-btn-compact-item.ant-btn-primary:not([disabled]) + .ant-btn-compact-item.ant-btn-primary:not([disabled]) {
  position: relative;
}
.ant-btn-compact-item.ant-btn-primary:not([disabled]) + .ant-btn-compact-item.ant-btn-primary:not([disabled])::after {
  position: absolute;
  top: -1px;
  left: -1px;
  display: inline-block;
  width: 1px;
  height: calc(100% + 1px * 2);
  background-color: #de6c26;
  content: ' ';
}
.ant-btn-compact-item-rtl.ant-btn-compact-first-item.ant-btn-compact-item-rtl:not(.ant-btn-compact-last-item) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-btn-compact-item-rtl.ant-btn-compact-last-item.ant-btn-compact-item-rtl:not(.ant-btn-compact-first-item) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-btn-compact-item-rtl.ant-btn-sm.ant-btn-compact-first-item.ant-btn-compact-item-rtl.ant-btn-sm:not(.ant-btn-compact-last-item) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-btn-compact-item-rtl.ant-btn-sm.ant-btn-compact-last-item.ant-btn-compact-item-rtl.ant-btn-sm:not(.ant-btn-compact-first-item) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-btn-compact-item-rtl.ant-btn-primary:not([disabled]) + .ant-btn-compact-item-rtl.ant-btn-primary:not([disabled])::after {
  right: -1px;
}
.ant-btn-compact-vertical-item:not(.ant-btn-compact-vertical-last-item) {
  margin-bottom: -1px;
}
.ant-btn-compact-vertical-item:hover,
.ant-btn-compact-vertical-item:focus,
.ant-btn-compact-vertical-item:active {
  z-index: 2;
}
.ant-btn-compact-vertical-item[disabled] {
  z-index: 0;
}
.ant-btn-compact-vertical-item:not(.ant-btn-compact-vertical-first-item):not(.ant-btn-compact-vertical-last-item) {
  border-radius: 0;
}
.ant-btn-compact-vertical-item.ant-btn-compact-vertical-first-item:not(.ant-btn-compact-vertical-last-item) {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-btn-compact-vertical-item.ant-btn-compact-vertical-last-item:not(.ant-btn-compact-vertical-first-item) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ant-btn-compact-vertical-item.ant-btn-primary:not([disabled]) + .ant-btn-compact-vertical-item.ant-btn-primary:not([disabled]) {
  position: relative;
}
.ant-btn-compact-vertical-item.ant-btn-primary:not([disabled]) + .ant-btn-compact-vertical-item.ant-btn-primary:not([disabled])::after {
  position: absolute;
  top: -1px;
  left: -1px;
  display: inline-block;
  width: calc(100% + 1px * 2);
  height: 1px;
  background-color: #de6c26;
  content: ' ';
}
.ant-btn-rtl {
  direction: rtl;
}
.ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child),
.ant-btn-group-rtl.ant-btn-group .ant-btn-primary + .ant-btn-primary {
  border-right-color: #de6c26;
  border-left-color: #CCC;
}
.ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled],
.ant-btn-group-rtl.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] {
  border-right-color: #CCC;
  border-left-color: #de6c26;
}
.ant-btn-rtl.ant-btn > .ant-btn-loading-icon .anticon {
  padding-right: 0;
  padding-left: 8px;
}
.ant-btn-rtl.ant-btn > .anticon + span,
.ant-btn-rtl.ant-btn > span + .anticon {
  margin-right: 8px;
  margin-left: 0;
}
.ant-picker-calendar {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #404041;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.15;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  background: #fff;
}
.ant-picker-calendar-header {
  display: flex;
  justify-content: flex-end;
  padding: 12px 0;
}
.ant-picker-calendar-header .ant-picker-calendar-year-select {
  min-width: 80px;
}
.ant-picker-calendar-header .ant-picker-calendar-month-select {
  min-width: 70px;
  margin-left: 8px;
}
.ant-picker-calendar-header .ant-picker-calendar-mode-switch {
  margin-left: 8px;
}
.ant-picker-calendar .ant-picker-panel {
  background: #fff;
  border: 0;
  border-top: 1px solid #f0f0f0;
  border-radius: 0;
}
.ant-picker-calendar .ant-picker-panel .ant-picker-month-panel,
.ant-picker-calendar .ant-picker-panel .ant-picker-date-panel {
  width: auto;
}
.ant-picker-calendar .ant-picker-panel .ant-picker-body {
  padding: 8px 0;
}
.ant-picker-calendar .ant-picker-panel .ant-picker-content {
  width: 100%;
}
.ant-picker-calendar-mini {
  border-radius: 4px;
}
.ant-picker-calendar-mini .ant-picker-calendar-header {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-picker-calendar-mini .ant-picker-panel {
  border-radius: 0 0 4px 4px;
}
.ant-picker-calendar-mini .ant-picker-content {
  height: 256px;
}
.ant-picker-calendar-mini .ant-picker-content th {
  height: auto;
  padding: 0;
  line-height: 18px;
}
.ant-picker-calendar-mini .ant-picker-cell::before {
  pointer-events: none;
}
.ant-picker-calendar-full .ant-picker-panel {
  display: block;
  width: 100%;
  text-align: right;
  background: #fff;
  border: 0;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-body th,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-body td {
  padding: 0;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-body th {
  height: auto;
  padding: 0 12px 5px 0;
  line-height: 18px;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell::before {
  display: none;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell:hover .ant-picker-calendar-date {
  background: #f5f5f5;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell .ant-picker-calendar-date-today::before {
  display: none;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date-today,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date-today {
  background: #fff3e6;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date .ant-picker-calendar-date-value,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date .ant-picker-calendar-date-value,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date-today .ant-picker-calendar-date-value,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date-today .ant-picker-calendar-date-value {
  color: #D04A02;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date {
  display: block;
  width: auto;
  height: auto;
  margin: 0 4px;
  padding: 4px 8px 0;
  border: 0;
  border-top: 2px solid #f0f0f0;
  border-radius: 0;
  transition: background 0.3s;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-value {
  line-height: 24px;
  transition: color 0.3s;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-content {
  position: static;
  width: auto;
  height: 86px;
  overflow-y: auto;
  color: #404041;
  line-height: 1.15;
  text-align: left;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-today {
  border-color: #D04A02;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-today .ant-picker-calendar-date-value {
  color: #404041;
}
@media only screen and (max-width: 480px) {
  .ant-picker-calendar-header {
    display: block;
  }
  .ant-picker-calendar-header .ant-picker-calendar-year-select {
    width: 50%;
  }
  .ant-picker-calendar-header .ant-picker-calendar-month-select {
    width: calc(50% - 8px);
  }
  .ant-picker-calendar-header .ant-picker-calendar-mode-switch {
    width: 100%;
    margin-top: 8px;
    margin-left: 0;
  }
  .ant-picker-calendar-header .ant-picker-calendar-mode-switch > label {
    width: 50%;
    text-align: center;
  }
}
.ant-picker-calendar-rtl {
  direction: rtl;
}
.ant-picker-calendar-rtl .ant-picker-calendar-header .ant-picker-calendar-month-select {
  margin-right: 8px;
  margin-left: 0;
}
.ant-picker-calendar-rtl .ant-picker-calendar-header .ant-picker-calendar-mode-switch {
  margin-right: 8px;
  margin-left: 0;
}
.ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel {
  text-align: left;
}
.ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel .ant-picker-body th {
  padding: 0 0 5px 12px;
}
.ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-content {
  text-align: right;
}
.ant-card {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #404041;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.15;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  position: relative;
  background: #fff;
  border-radius: 0;
}
.ant-card-rtl {
  direction: rtl;
}
.ant-card-hoverable {
  cursor: pointer;
  transition: box-shadow 0.3s, border-color 0.3s;
}
.ant-card-hoverable:hover {
  border-color: transparent;
  box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
}
.ant-card-bordered {
  border: 1px solid #f0f0f0;
}
.ant-card-head {
  min-height: 48px;
  margin-bottom: -1px;
  padding: 0 24px;
  color: #000;
  font-weight: 500;
  font-size: 16px;
  background: transparent;
  border-bottom: 1px solid #f0f0f0;
  border-radius: 0 0 0 0;
}
.ant-card-head::before {
  display: table;
  content: '';
}
.ant-card-head::after {
  display: table;
  clear: both;
  content: '';
}
.ant-card-head::before {
  display: table;
  content: '';
}
.ant-card-head::after {
  display: table;
  clear: both;
  content: '';
}
.ant-card-head-wrapper {
  display: flex;
  align-items: center;
}
.ant-card-head-title {
  display: inline-block;
  flex: 1 1;
  padding: 24px 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-card-head-title > .ant-typography,
.ant-card-head-title > .ant-typography-edit-content {
  left: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.ant-card-head .ant-tabs-top {
  clear: both;
  margin-bottom: -17px;
  color: #404041;
  font-weight: normal;
  font-size: 14px;
}
.ant-card-head .ant-tabs-top-bar {
  border-bottom: 1px solid #f0f0f0;
}
.ant-card-extra {
  margin-left: auto;
  padding: 24px 0;
  color: #404041;
  font-weight: normal;
  font-size: 14px;
}
.ant-card-rtl .ant-card-extra {
  margin-right: auto;
  margin-left: 0;
}
.ant-card-body {
  padding: 24px;
}
.ant-card-body::before {
  display: table;
  content: '';
}
.ant-card-body::after {
  display: table;
  clear: both;
  content: '';
}
.ant-card-body::before {
  display: table;
  content: '';
}
.ant-card-body::after {
  display: table;
  clear: both;
  content: '';
}
.ant-card-contain-grid .ant-card-body {
  display: flex;
  flex-wrap: wrap;
}
.ant-card-contain-grid:not(.ant-card-loading) .ant-card-body {
  margin: -1px 0 0 -1px;
  padding: 0;
}
.ant-card-grid {
  width: 33.33%;
  padding: 24px;
  border: 0;
  border-radius: 0;
  box-shadow: 1px 0 0 0 #f0f0f0, 0 1px 0 0 #f0f0f0, 1px 1px 0 0 #f0f0f0, 1px 0 0 0 #f0f0f0 inset, 0 1px 0 0 #f0f0f0 inset;
  transition: all 0.3s;
}
.ant-card-grid-hoverable:hover {
  position: relative;
  z-index: 1;
  box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
}
.ant-card-contain-tabs > .ant-card-head .ant-card-head-title {
  min-height: 24px;
  padding-bottom: 0;
}
.ant-card-contain-tabs > .ant-card-head .ant-card-extra {
  padding-bottom: 0;
}
.ant-card-bordered .ant-card-cover {
  margin-top: -1px;
  margin-right: -1px;
  margin-left: -1px;
}
.ant-card-cover > * {
  display: block;
  width: 100%;
}
.ant-card-cover img {
  border-radius: 0 0 0 0;
}
.ant-card-actions {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  background: #fff;
  border-top: 1px solid #f0f0f0;
}
.ant-card-actions::before {
  display: table;
  content: '';
}
.ant-card-actions::after {
  display: table;
  clear: both;
  content: '';
}
.ant-card-actions::before {
  display: table;
  content: '';
}
.ant-card-actions::after {
  display: table;
  clear: both;
  content: '';
}
.ant-card-actions > li {
  margin: 12px 0;
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
}
.ant-card-actions > li > span {
  position: relative;
  display: block;
  min-width: 32px;
  font-size: 14px;
  line-height: 1.15;
  cursor: pointer;
}
.ant-card-actions > li > span:hover {
  color: #D04A02;
  transition: color 0.3s;
}
.ant-card-actions > li > span a:not(.ant-btn),
.ant-card-actions > li > span > .anticon {
  display: inline-block;
  width: 100%;
  color: rgba(0, 0, 0, 0.45);
  line-height: 22px;
  transition: color 0.3s;
}
.ant-card-actions > li > span a:not(.ant-btn):hover,
.ant-card-actions > li > span > .anticon:hover {
  color: #D04A02;
}
.ant-card-actions > li > span > .anticon {
  font-size: 16px;
  line-height: 22px;
}
.ant-card-actions > li:not(:last-child) {
  border-right: 1px solid #f0f0f0;
}
.ant-card-rtl .ant-card-actions > li:not(:last-child) {
  border-right: none;
  border-left: 1px solid #f0f0f0;
}
.ant-card-type-inner .ant-card-head {
  padding: 0 24px;
  background: #fafafa;
}
.ant-card-type-inner .ant-card-head-title {
  padding: 12px 0;
  font-size: 14px;
}
.ant-card-type-inner .ant-card-body {
  padding: 16px 24px;
}
.ant-card-type-inner .ant-card-extra {
  padding: 13.5px 0;
}
.ant-card-meta {
  display: flex;
  margin: -4px 0;
}
.ant-card-meta::before {
  display: table;
  content: '';
}
.ant-card-meta::after {
  display: table;
  clear: both;
  content: '';
}
.ant-card-meta::before {
  display: table;
  content: '';
}
.ant-card-meta::after {
  display: table;
  clear: both;
  content: '';
}
.ant-card-meta-avatar {
  padding-right: 16px;
}
.ant-card-rtl .ant-card-meta-avatar {
  padding-right: 0;
  padding-left: 16px;
}
.ant-card-meta-detail {
  flex: 1 1;
  overflow: hidden;
}
.ant-card-meta-detail > div:not(:last-child) {
  margin-bottom: 8px;
}
.ant-card-meta-title {
  overflow: hidden;
  color: #000;
  font-weight: 500;
  font-size: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-card-meta-description {
  color: rgba(0, 0, 0, 0.45);
}
.ant-card-loading {
  overflow: hidden;
}
.ant-card-loading .ant-card-body {
  -webkit-user-select: none;
          user-select: none;
}
.ant-card-small > .ant-card-head {
  min-height: 36px;
  padding: 0 12px;
  font-size: 14px;
}
.ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-head-title {
  padding: 12px 0;
}
.ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-extra {
  padding: 12px 0;
  font-size: 14px;
}
.ant-card-small > .ant-card-body {
  padding: 12px;
}
.ant-carousel {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #404041;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.15;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
}
.ant-carousel .slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  touch-action: pan-y;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.ant-carousel .slick-list {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.ant-carousel .slick-list:focus {
  outline: none;
}
.ant-carousel .slick-list.dragging {
  cursor: pointer;
}
.ant-carousel .slick-list .slick-slide {
  pointer-events: none;
}
.ant-carousel .slick-list .slick-slide input.ant-radio-input,
.ant-carousel .slick-list .slick-slide input.ant-checkbox-input {
  visibility: hidden;
}
.ant-carousel .slick-list .slick-slide.slick-active {
  pointer-events: auto;
}
.ant-carousel .slick-list .slick-slide.slick-active input.ant-radio-input,
.ant-carousel .slick-list .slick-slide.slick-active input.ant-checkbox-input {
  visibility: visible;
}
.ant-carousel .slick-list .slick-slide > div > div {
  vertical-align: bottom;
}
.ant-carousel .slick-slider .slick-track,
.ant-carousel .slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
  touch-action: pan-y;
}
.ant-carousel .slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.ant-carousel .slick-track::before,
.ant-carousel .slick-track::after {
  display: table;
  content: '';
}
.ant-carousel .slick-track::after {
  clear: both;
}
.slick-loading .ant-carousel .slick-track {
  visibility: hidden;
}
.ant-carousel .slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
.ant-carousel .slick-slide img {
  display: block;
}
.ant-carousel .slick-slide.slick-loading img {
  display: none;
}
.ant-carousel .slick-slide.dragging img {
  pointer-events: none;
}
.ant-carousel .slick-initialized .slick-slide {
  display: block;
}
.ant-carousel .slick-loading .slick-slide {
  visibility: hidden;
}
.ant-carousel .slick-vertical .slick-slide {
  display: block;
  height: auto;
}
.ant-carousel .slick-arrow.slick-hidden {
  display: none;
}
.ant-carousel .slick-prev,
.ant-carousel .slick-next {
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  padding: 0;
  color: transparent;
  font-size: 0;
  line-height: 0;
  background: transparent;
  border: 0;
  outline: none;
  cursor: pointer;
}
.ant-carousel .slick-prev:hover,
.ant-carousel .slick-next:hover,
.ant-carousel .slick-prev:focus,
.ant-carousel .slick-next:focus {
  color: transparent;
  background: transparent;
  outline: none;
}
.ant-carousel .slick-prev:hover::before,
.ant-carousel .slick-next:hover::before,
.ant-carousel .slick-prev:focus::before,
.ant-carousel .slick-next:focus::before {
  opacity: 1;
}
.ant-carousel .slick-prev.slick-disabled::before,
.ant-carousel .slick-next.slick-disabled::before {
  opacity: 0.25;
}
.ant-carousel .slick-prev {
  left: -25px;
}
.ant-carousel .slick-prev::before {
  content: '←';
}
.ant-carousel .slick-next {
  right: -25px;
}
.ant-carousel .slick-next::before {
  content: '→';
}
.ant-carousel .slick-dots {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: flex !important;
  justify-content: center;
  margin-right: 15%;
  margin-bottom: 0;
  margin-left: 15%;
  padding-left: 0;
  list-style: none;
}
.ant-carousel .slick-dots-bottom {
  bottom: 12px;
}
.ant-carousel .slick-dots-top {
  top: 12px;
  bottom: auto;
}
.ant-carousel .slick-dots li {
  position: relative;
  display: inline-block;
  flex: 0 1 auto;
  box-sizing: content-box;
  width: 16px;
  height: 3px;
  margin: 0 4px;
  padding: 0;
  text-align: center;
  text-indent: -999px;
  vertical-align: top;
  transition: all 0.5s;
}
.ant-carousel .slick-dots li button {
  position: relative;
  display: block;
  width: 100%;
  height: 3px;
  padding: 0;
  color: transparent;
  font-size: 0;
  background: #fff;
  border: 0;
  border-radius: 1px;
  outline: none;
  cursor: pointer;
  opacity: 0.3;
  transition: all 0.5s;
}
.ant-carousel .slick-dots li button:hover,
.ant-carousel .slick-dots li button:focus {
  opacity: 0.75;
}
.ant-carousel .slick-dots li button::after {
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  content: '';
}
.ant-carousel .slick-dots li.slick-active {
  width: 24px;
}
.ant-carousel .slick-dots li.slick-active button {
  background: #fff;
  opacity: 1;
}
.ant-carousel .slick-dots li.slick-active:hover,
.ant-carousel .slick-dots li.slick-active:focus {
  opacity: 1;
}
.ant-carousel-vertical .slick-dots {
  top: 50%;
  bottom: auto;
  flex-direction: column;
  width: 3px;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.ant-carousel-vertical .slick-dots-left {
  right: auto;
  left: 12px;
}
.ant-carousel-vertical .slick-dots-right {
  right: 12px;
  left: auto;
}
.ant-carousel-vertical .slick-dots li {
  width: 3px;
  height: 16px;
  margin: 4px 0;
  vertical-align: baseline;
}
.ant-carousel-vertical .slick-dots li button {
  width: 3px;
  height: 16px;
}
.ant-carousel-vertical .slick-dots li.slick-active {
  width: 3px;
  height: 24px;
}
.ant-carousel-vertical .slick-dots li.slick-active button {
  width: 3px;
  height: 24px;
}
.ant-carousel-rtl {
  direction: rtl;
}
.ant-carousel-rtl .ant-carousel .slick-track {
  right: 0;
  left: auto;
}
.ant-carousel-rtl .ant-carousel .slick-prev {
  right: -25px;
  left: auto;
}
.ant-carousel-rtl .ant-carousel .slick-prev::before {
  content: '→';
}
.ant-carousel-rtl .ant-carousel .slick-next {
  right: auto;
  left: -25px;
}
.ant-carousel-rtl .ant-carousel .slick-next::before {
  content: '←';
}
.ant-carousel-rtl.ant-carousel .slick-dots {
  flex-direction: row-reverse;
}
.ant-carousel-rtl.ant-carousel-vertical .slick-dots {
  flex-direction: column;
}
@keyframes antCheckboxEffect {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}
.ant-cascader-checkbox {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #404041;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.15;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  position: relative;
  top: 0.2em;
  line-height: 1;
  white-space: nowrap;
  outline: none;
  cursor: pointer;
}
.ant-cascader-checkbox-wrapper:hover .ant-cascader-checkbox-inner,
.ant-cascader-checkbox:hover .ant-cascader-checkbox-inner,
.ant-cascader-checkbox-input:focus + .ant-cascader-checkbox-inner {
  border-color: #D04A02;
}
.ant-cascader-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #D04A02;
  border-radius: 2px;
  visibility: hidden;
  animation: antCheckboxEffect 0.36s ease-in-out;
  animation-fill-mode: backwards;
  content: '';
}
.ant-cascader-checkbox:hover::after,
.ant-cascader-checkbox-wrapper:hover .ant-cascader-checkbox::after {
  visibility: visible;
}
.ant-cascader-checkbox-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  direction: ltr;
  background-color: #fff;
  border: 1px solid #D4D4D4;
  border-radius: 2px;
  border-collapse: separate;
  transition: all 0.3s;
}
.ant-cascader-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 21.5%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: ' ';
}
.ant-cascader-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.ant-cascader-checkbox-checked .ant-cascader-checkbox-inner::after {
  position: absolute;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: ' ';
}
.ant-cascader-checkbox-checked .ant-cascader-checkbox-inner {
  background-color: #D04A02;
  border-color: #D04A02;
}
.ant-cascader-checkbox-disabled {
  cursor: not-allowed;
}
.ant-cascader-checkbox-disabled.ant-cascader-checkbox-checked .ant-cascader-checkbox-inner::after {
  border-color: rgba(0, 0, 0, 0.25);
  animation-name: none;
}
.ant-cascader-checkbox-disabled .ant-cascader-checkbox-input {
  cursor: not-allowed;
  pointer-events: none;
}
.ant-cascader-checkbox-disabled .ant-cascader-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #D4D4D4 !important;
}
.ant-cascader-checkbox-disabled .ant-cascader-checkbox-inner::after {
  border-color: #f5f5f5;
  border-collapse: separate;
  animation-name: none;
}
.ant-cascader-checkbox-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-cascader-checkbox-disabled:hover::after,
.ant-cascader-checkbox-wrapper:hover .ant-cascader-checkbox-disabled::after {
  visibility: hidden;
}
.ant-cascader-checkbox-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #404041;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.15;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  display: inline-flex;
  align-items: baseline;
  line-height: unset;
  cursor: pointer;
}
.ant-cascader-checkbox-wrapper::after {
  display: inline-block;
  width: 0;
  overflow: hidden;
  content: '\a0';
}
.ant-cascader-checkbox-wrapper.ant-cascader-checkbox-wrapper-disabled {
  cursor: not-allowed;
}
.ant-cascader-checkbox-wrapper + .ant-cascader-checkbox-wrapper {
  margin-left: 8px;
}
.ant-cascader-checkbox-wrapper.ant-cascader-checkbox-wrapper-in-form-item input[type='checkbox'] {
  width: 14px;
  height: 14px;
}
.ant-cascader-checkbox + span {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-cascader-checkbox-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #404041;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.15;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  display: inline-block;
}
.ant-cascader-checkbox-group-item {
  margin-right: 8px;
}
.ant-cascader-checkbox-group-item:last-child {
  margin-right: 0;
}
.ant-cascader-checkbox-group-item + .ant-cascader-checkbox-group-item {
  margin-left: 0;
}
.ant-cascader-checkbox-indeterminate .ant-cascader-checkbox-inner {
  background-color: #fff;
  border-color: #D4D4D4;
}
.ant-cascader-checkbox-indeterminate .ant-cascader-checkbox-inner::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: #D04A02;
  border: 0;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: ' ';
}
.ant-cascader-checkbox-indeterminate.ant-cascader-checkbox-disabled .ant-cascader-checkbox-inner::after {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-cascader-checkbox-rtl {
  direction: rtl;
}
.ant-cascader-checkbox-group-rtl .ant-cascader-checkbox-group-item {
  margin-right: 0;
  margin-left: 8px;
}
.ant-cascader-checkbox-group-rtl .ant-cascader-checkbox-group-item:last-child {
  margin-left: 0 !important;
}
.ant-cascader-checkbox-group-rtl .ant-cascader-checkbox-group-item + .ant-cascader-checkbox-group-item {
  margin-left: 8px;
}
.ant-cascader {
  width: 184px;
}
.ant-cascader-checkbox {
  top: 0;
  margin-right: 8px;
}
.ant-cascader-menus {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
}
.ant-cascader-menus.ant-cascader-menu-empty .ant-cascader-menu {
  width: 100%;
  height: auto;
}
.ant-cascader-menu {
  flex-grow: 1;
  min-width: 111px;
  height: 180px;
  margin: 0;
  margin: -4px 0;
  padding: 4px 0;
  overflow: auto;
  vertical-align: top;
  list-style: none;
  border-right: 1px solid #f0f0f0;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.ant-cascader-menu-item {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  padding: 5px 12px;
  overflow: hidden;
  line-height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-cascader-menu-item:hover {
  background: #f5f5f5;
}
.ant-cascader-menu-item-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-cascader-menu-item-disabled:hover {
  background: transparent;
}
.ant-cascader-menu-empty .ant-cascader-menu-item {
  color: rgba(0, 0, 0, 0.25);
  cursor: default;
  pointer-events: none;
}
.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled),
.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover {
  font-weight: 600;
  background-color: #fff3e6;
}
.ant-cascader-menu-item-content {
  flex: auto;
}
.ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,
.ant-cascader-menu-item-loading-icon {
  margin-left: 4px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 10px;
}
.ant-cascader-menu-item-disabled.ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,
.ant-cascader-menu-item-disabled.ant-cascader-menu-item-loading-icon {
  color: rgba(0, 0, 0, 0.25);
}
.ant-cascader-menu-item-keyword {
  color: #E0301E;
}
.ant-cascader-compact-item:not(.ant-cascader-compact-last-item):not(.ant-cascader-compact-item-rtl) {
  margin-right: -1px;
}
.ant-cascader-compact-item:not(.ant-cascader-compact-last-item).ant-cascader-compact-item-rtl {
  margin-left: -1px;
}
.ant-cascader-compact-item:hover,
.ant-cascader-compact-item:focus,
.ant-cascader-compact-item:active {
  z-index: 2;
}
.ant-cascader-compact-item[disabled] {
  z-index: 0;
}
.ant-cascader-compact-item:not(.ant-cascader-compact-first-item):not(.ant-cascader-compact-last-item).ant-cascader {
  border-radius: 0;
}
.ant-cascader-compact-item.ant-cascader.ant-cascader-compact-first-item:not(.ant-cascader-compact-last-item):not(.ant-cascader-compact-item-rtl) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-cascader-compact-item.ant-cascader.ant-cascader-compact-last-item:not(.ant-cascader-compact-first-item):not(.ant-cascader-compact-item-rtl) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-cascader-compact-item.ant-cascader.ant-cascader-compact-item-rtl.ant-cascader-compact-first-item:not(.ant-cascader-compact-last-item) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-cascader-compact-item.ant-cascader.ant-cascader-compact-item-rtl.ant-cascader-compact-last-item:not(.ant-cascader-compact-first-item) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-cascader-rtl .ant-cascader-menu-item-expand-icon,
.ant-cascader-rtl .ant-cascader-menu-item-loading-icon {
  margin-right: 4px;
  margin-left: 0;
}
.ant-cascader-rtl .ant-cascader-checkbox {
  top: 0;
  margin-right: 0;
  margin-left: 8px;
}
.ant-checkbox {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #404041;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.15;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  position: relative;
  top: 0.2em;
  line-height: 1;
  white-space: nowrap;
  outline: none;
  cursor: pointer;
}
.ant-checkbox-wrapper:hover .ant-checkbox-inner,
.ant-checkbox:hover .ant-checkbox-inner,
.ant-checkbox-input:focus + .ant-checkbox-inner {
  border-color: #D04A02;
}
.ant-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #D04A02;
  border-radius: 2px;
  visibility: hidden;
  animation: antCheckboxEffect 0.36s ease-in-out;
  animation-fill-mode: backwards;
  content: '';
}
.ant-checkbox:hover::after,
.ant-checkbox-wrapper:hover .ant-checkbox::after {
  visibility: visible;
}
.ant-checkbox-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  direction: ltr;
  background-color: #fff;
  border: 1px solid #D4D4D4;
  border-radius: 2px;
  border-collapse: separate;
  transition: all 0.3s;
}
.ant-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 21.5%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: ' ';
}
.ant-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.ant-checkbox-checked .ant-checkbox-inner::after {
  position: absolute;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: ' ';
}
.ant-checkbox-checked .ant-checkbox-inner {
  background-color: #D04A02;
  border-color: #D04A02;
}
.ant-checkbox-disabled {
  cursor: not-allowed;
}
.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after {
  border-color: rgba(0, 0, 0, 0.25);
  animation-name: none;
}
.ant-checkbox-disabled .ant-checkbox-input {
  cursor: not-allowed;
  pointer-events: none;
}
.ant-checkbox-disabled .ant-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #D4D4D4 !important;
}
.ant-checkbox-disabled .ant-checkbox-inner::after {
  border-color: #f5f5f5;
  border-collapse: separate;
  animation-name: none;
}
.ant-checkbox-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-checkbox-disabled:hover::after,
.ant-checkbox-wrapper:hover .ant-checkbox-disabled::after {
  visibility: hidden;
}
.ant-checkbox-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #404041;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.15;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  display: inline-flex;
  align-items: baseline;
  line-height: unset;
  cursor: pointer;
}
.ant-checkbox-wrapper::after {
  display: inline-block;
  width: 0;
  overflow: hidden;
  content: '\a0';
}
.ant-checkbox-wrapper.ant-checkbox-wrapper-disabled {
  cursor: not-allowed;
}
.ant-checkbox-wrapper + .ant-checkbox-wrapper {
  margin-left: 8px;
}
.ant-checkbox-wrapper.ant-checkbox-wrapper-in-form-item input[type='checkbox'] {
  width: 14px;
  height: 14px;
}
.ant-checkbox + span {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-checkbox-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #404041;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.15;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  display: inline-block;
}
.ant-checkbox-group-item {
  margin-right: 8px;
}
.ant-checkbox-group-item:last-child {
  margin-right: 0;
}
.ant-checkbox-group-item + .ant-checkbox-group-item {
  margin-left: 0;
}
.ant-checkbox-indeterminate .ant-checkbox-inner {
  background-color: #fff;
  border-color: #D4D4D4;
}
.ant-checkbox-indeterminate .ant-checkbox-inner::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: #D04A02;
  border: 0;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: ' ';
}
.ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner::after {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-checkbox-rtl {
  direction: rtl;
}
.ant-checkbox-group-rtl .ant-checkbox-group-item {
  margin-right: 0;
  margin-left: 8px;
}
.ant-checkbox-group-rtl .ant-checkbox-group-item:last-child {
  margin-left: 0 !important;
}
.ant-checkbox-group-rtl .ant-checkbox-group-item + .ant-checkbox-group-item {
  margin-left: 8px;
}
.ant-collapse {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #404041;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.15;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  background-color: #fafafa;
  border: 1px solid #D4D4D4;
  border-bottom: 0;
  border-radius: 4px;
}
.ant-collapse > .ant-collapse-item {
  border-bottom: 1px solid #D4D4D4;
}
.ant-collapse > .ant-collapse-item:last-child,
.ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header {
  border-radius: 0 0 4px 4px;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  padding: 10px;
  color: #000;
  line-height: 1.15;
  cursor: pointer;
  transition: all 0.3s, visibility 0s;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
  display: inline-block;
  margin-right: 12px;
  font-size: 12px;
  vertical-align: -1px;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {
  transition: transform 0.24s;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-header-text {
  flex: auto;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra {
  margin-left: auto;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header:focus {
  outline: none;
}
.ant-collapse > .ant-collapse-item .ant-collapse-header-collapsible-only {
  cursor: default;
}
.ant-collapse > .ant-collapse-item .ant-collapse-header-collapsible-only .ant-collapse-header-text {
  flex: none;
  cursor: pointer;
}
.ant-collapse > .ant-collapse-item .ant-collapse-icon-collapsible-only {
  cursor: default;
}
.ant-collapse > .ant-collapse-item .ant-collapse-icon-collapsible-only .ant-collapse-expand-icon {
  cursor: pointer;
}
.ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header {
  padding-left: 12px;
}
.ant-collapse-icon-position-end > .ant-collapse-item > .ant-collapse-header {
  position: relative;
  padding: 10px;
  padding-right: 36px;
}
.ant-collapse-icon-position-end > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
  position: absolute;
  top: 50%;
  right: 16px;
  left: auto;
  margin: 0;
  transform: translateY(-50%);
}
.ant-collapse-content {
  color: #404041;
  background-color: #fff;
  border-top: 1px solid #D4D4D4;
}
.ant-collapse-content > .ant-collapse-content-box {
  padding: 12px;
}
.ant-collapse-content-hidden {
  display: none;
}
.ant-collapse-item:last-child > .ant-collapse-content {
  border-radius: 0 0 4px 4px;
}
.ant-collapse-borderless {
  background-color: #fafafa;
  border: 0;
}
.ant-collapse-borderless > .ant-collapse-item {
  border-bottom: 1px solid #D4D4D4;
}
.ant-collapse-borderless > .ant-collapse-item:last-child,
.ant-collapse-borderless > .ant-collapse-item:last-child .ant-collapse-header {
  border-radius: 0;
}
.ant-collapse-borderless > .ant-collapse-item:last-child {
  border-bottom: 0;
}
.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content {
  background-color: transparent;
  border-top: 0;
}
.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
  padding-top: 4px;
}
.ant-collapse-ghost {
  background-color: transparent;
  border: 0;
}
.ant-collapse-ghost > .ant-collapse-item {
  border-bottom: 0;
}
.ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content {
  background-color: transparent;
  border-top: 0;
}
.ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
  padding-top: 12px;
  padding-bottom: 12px;
}
.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header,
.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header > .arrow {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-collapse-rtl {
  direction: rtl;
}
.ant-collapse-rtl.ant-collapse.ant-collapse-icon-position-end > .ant-collapse-item > .ant-collapse-header {
  position: relative;
  padding: 10px;
  padding-left: 36px;
}
.ant-collapse-rtl.ant-collapse.ant-collapse-icon-position-end > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
  position: absolute;
  top: 50%;
  right: auto;
  left: 16px;
  margin: 0;
  transform: translateY(-50%);
}
.ant-collapse-rtl .ant-collapse > .ant-collapse-item > .ant-collapse-header {
  padding: 10px;
  padding-right: 36px;
}
.ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
  margin-right: 0;
  margin-left: 12px;
}
.ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {
  transform: rotate(180deg);
}
.ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra {
  margin-right: auto;
  margin-left: 0;
}
.ant-collapse-rtl.ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header {
  padding-right: 12px;
  padding-left: 0;
}
.ant-comment {
  position: relative;
  background-color: inherit;
}
.ant-comment-inner {
  display: flex;
  padding: 16px 0;
}
.ant-comment-avatar {
  position: relative;
  flex-shrink: 0;
  margin-right: 12px;
  cursor: pointer;
}
.ant-comment-avatar img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.ant-comment-content {
  position: relative;
  flex: 1 1 auto;
  min-width: 1px;
  font-size: 14px;
  word-wrap: break-word;
}
.ant-comment-content-author {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 4px;
  font-size: 14px;
}
.ant-comment-content-author > a,
.ant-comment-content-author > span {
  padding-right: 8px;
  font-size: 12px;
  line-height: 18px;
}
.ant-comment-content-author-name {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  transition: color 0.3s;
}
.ant-comment-content-author-name > * {
  color: rgba(0, 0, 0, 0.45);
}
.ant-comment-content-author-name > *:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-comment-content-author-time {
  color: #ccc;
  white-space: nowrap;
  cursor: auto;
}
.ant-comment-content-detail p {
  margin-bottom: inherit;
  white-space: pre-wrap;
}
.ant-comment-actions {
  margin-top: 12px;
  margin-bottom: inherit;
  padding-left: 0;
}
.ant-comment-actions > li {
  display: inline-block;
  color: rgba(0, 0, 0, 0.45);
}
.ant-comment-actions > li > span {
  margin-right: 10px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  cursor: pointer;
  transition: color 0.3s;
  -webkit-user-select: none;
          user-select: none;
}
.ant-comment-actions > li > span:hover {
  color: #595959;
}
.ant-comment-nested {
  margin-left: 44px;
}
.ant-comment-rtl {
  direction: rtl;
}
.ant-comment-rtl .ant-comment-avatar {
  margin-right: 0;
  margin-left: 12px;
}
.ant-comment-rtl .ant-comment-content-author > a,
.ant-comment-rtl .ant-comment-content-author > span {
  padding-right: 0;
  padding-left: 8px;
}
.ant-comment-rtl .ant-comment-actions {
  padding-right: 0;
}
.ant-comment-rtl .ant-comment-actions > li > span {
  margin-right: 0;
  margin-left: 10px;
}
.ant-comment-rtl .ant-comment-nested {
  margin-right: 44px;
  margin-left: 0;
}
.ant-picker-status-error.ant-picker,
.ant-picker-status-error.ant-picker:not(.ant-picker-disabled):hover {
  background-color: #fff;
  border-color: #C52A1A;
}
.ant-picker-status-error.ant-picker-focused,
.ant-picker-status-error.ant-picker:focus {
  border-color: #d1503d;
  box-shadow: 0 0 0 2px rgba(197, 42, 26, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-picker-status-error.ant-picker .ant-picker-active-bar {
  background: #d1503d;
}
.ant-picker-status-warning.ant-picker,
.ant-picker-status-warning.ant-picker:not(.ant-picker-disabled):hover {
  background-color: #fff;
  border-color: #FFBF1F;
}
.ant-picker-status-warning.ant-picker-focused,
.ant-picker-status-warning.ant-picker:focus {
  border-color: #ffd147;
  box-shadow: 0 0 0 2px rgba(255, 191, 31, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-picker-status-warning.ant-picker .ant-picker-active-bar {
  background: #ffd147;
}
.ant-picker {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #404041;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.15;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  padding: 9px 11px 9px;
  position: relative;
  display: inline-flex;
  align-items: center;
  background: #fff;
  border: 1px solid #D4D4D4;
  border-radius: 4px;
  transition: border 0.3s, box-shadow 0.3s;
}
.ant-picker:hover,
.ant-picker-focused {
  border-color: #de6c26;
  border-right-width: 1px;
}
.ant-input-rtl .ant-picker:hover,
.ant-input-rtl .ant-picker-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-picker-focused {
  border-color: #de6c26;
  box-shadow: 0 0 0 2px rgba(208, 74, 2, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-rtl .ant-picker-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-picker.ant-picker-disabled {
  background: #f5f5f5;
  border-color: #D4D4D4;
  cursor: not-allowed;
}
.ant-picker.ant-picker-disabled .ant-picker-suffix {
  color: rgba(0, 0, 0, 0.25);
}
.ant-picker.ant-picker-borderless {
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
.ant-picker-input {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 100%;
}
.ant-picker-input > input {
  position: relative;
  display: inline-block;
  width: 100%;
  min-width: 0;
  padding: 9px 11px;
  color: #404041;
  font-size: 14px;
  line-height: 1.15;
  background-color: #fff;
  background-image: none;
  border: 1px solid #D4D4D4;
  border-radius: 4px;
  transition: all 0.3s;
  flex: auto;
  min-width: 1px;
  height: auto;
  padding: 0;
  background: transparent;
  border: 0;
}
.ant-picker-input > input::placeholder {
  color: #bfbfbf;
  -webkit-user-select: none;
          user-select: none;
}
.ant-picker-input > input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-picker-input > input:hover {
  border-color: #de6c26;
  border-right-width: 1px;
}
.ant-input-rtl .ant-picker-input > input:hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-picker-input > input:focus,
.ant-picker-input > input-focused {
  border-color: #de6c26;
  box-shadow: 0 0 0 2px rgba(208, 74, 2, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-rtl .ant-picker-input > input:focus,
.ant-input-rtl .ant-picker-input > input-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-picker-input > input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #D4D4D4;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-picker-input > input-disabled:hover {
  border-color: #D4D4D4;
  border-right-width: 1px;
}
.ant-picker-input > input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #D4D4D4;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-picker-input > input[disabled]:hover {
  border-color: #D4D4D4;
  border-right-width: 1px;
}
.ant-picker-input > input-borderless,
.ant-picker-input > input-borderless:hover,
.ant-picker-input > input-borderless:focus,
.ant-picker-input > input-borderless-focused,
.ant-picker-input > input-borderless-disabled,
.ant-picker-input > input-borderless[disabled] {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
textarea.ant-picker-input > input {
  max-width: 100%;
  height: auto;
  min-height: 36px;
  line-height: 1.15;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-picker-input > input-lg {
  padding: 9.8px 11px;
  font-size: 16px;
}
.ant-picker-input > input-sm {
  padding: 3px 7px;
}
.ant-picker-input > input-rtl {
  direction: rtl;
}
.ant-picker-input > input:focus {
  box-shadow: none;
}
.ant-picker-input > input[disabled] {
  background: transparent;
}
.ant-picker-input:hover .ant-picker-clear {
  opacity: 1;
}
.ant-picker-input-placeholder > input {
  color: #bfbfbf;
}
.ant-picker-large {
  padding: 10px 11px 10px;
}
.ant-picker-large .ant-picker-input > input {
  font-size: 16px;
}
.ant-picker-small {
  padding: 3px 7px 3px;
}
.ant-picker-suffix {
  display: flex;
  flex: none;
  align-self: center;
  margin-left: 4px;
  color: rgba(0, 0, 0, 0.25);
  line-height: 1;
  pointer-events: none;
}
.ant-picker-suffix > * {
  vertical-align: top;
}
.ant-picker-suffix > *:not(:last-child) {
  margin-right: 8px;
}
.ant-picker-clear {
  position: absolute;
  top: 50%;
  right: 0;
  color: rgba(0, 0, 0, 0.25);
  line-height: 1;
  background: #fff;
  transform: translateY(-50%);
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.3s, color 0.3s;
}
.ant-picker-clear > * {
  vertical-align: top;
}
.ant-picker-clear:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-picker-separator {
  position: relative;
  display: inline-block;
  width: 1em;
  height: 16px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 16px;
  vertical-align: top;
  cursor: default;
}
.ant-picker-focused .ant-picker-separator {
  color: rgba(0, 0, 0, 0.45);
}
.ant-picker-disabled .ant-picker-range-separator .ant-picker-separator {
  cursor: not-allowed;
}
.ant-picker-range {
  position: relative;
  display: inline-flex;
}
.ant-picker-range .ant-picker-clear {
  right: 11px;
}
.ant-picker-range:hover .ant-picker-clear {
  opacity: 1;
}
.ant-picker-range .ant-picker-active-bar {
  bottom: -1px;
  height: 2px;
  margin-left: 11px;
  background: #D04A02;
  opacity: 0;
  transition: all 0.3s ease-out;
  pointer-events: none;
}
.ant-picker-range.ant-picker-focused .ant-picker-active-bar {
  opacity: 1;
}
.ant-picker-range-separator {
  align-items: center;
  padding: 0 8px;
  line-height: 1;
}
.ant-picker-range.ant-picker-small .ant-picker-clear {
  right: 7px;
}
.ant-picker-range.ant-picker-small .ant-picker-active-bar {
  margin-left: 7px;
}
.ant-picker-dropdown {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #404041;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.15;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
}
.ant-picker-dropdown-hidden {
  display: none;
}
.ant-picker-dropdown-placement-bottomLeft .ant-picker-range-arrow {
  top: 2.58561808px;
  display: block;
  transform: rotate(-135deg) translateY(1px);
}
.ant-picker-dropdown-placement-topLeft .ant-picker-range-arrow {
  bottom: 2.58561808px;
  display: block;
  transform: rotate(45deg);
}
.ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-topLeft,
.ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-topRight,
.ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-topLeft,
.ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-topRight {
  animation-name: antSlideDownIn;
}
.ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-bottomLeft,
.ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-bottomRight,
.ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-bottomLeft,
.ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-bottomRight {
  animation-name: antSlideUpIn;
}
.ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-topLeft,
.ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-topRight {
  animation-name: antSlideDownOut;
}
.ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-bottomLeft,
.ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-bottomRight {
  animation-name: antSlideUpOut;
}
.ant-picker-dropdown-range {
  padding: 7.54247233px 0;
}
.ant-picker-dropdown-range-hidden {
  display: none;
}
.ant-picker-dropdown .ant-picker-panel > .ant-picker-time-panel {
  padding-top: 4px;
}
.ant-picker-ranges {
  margin-bottom: 0;
  padding: 4px 12px;
  overflow: hidden;
  line-height: 34px;
  text-align: left;
  list-style: none;
}
.ant-picker-ranges > li {
  display: inline-block;
}
.ant-picker-ranges .ant-picker-preset > .ant-tag-blue {
  color: #D04A02;
  background: #fff3e6;
  border-color: #f7b279;
  cursor: pointer;
}
.ant-picker-ranges .ant-picker-ok {
  float: right;
  margin-left: 8px;
}
.ant-picker-range-wrapper {
  display: flex;
}
.ant-picker-range-arrow {
  position: absolute;
  z-index: 1;
  width: 11.3137085px;
  height: 11.3137085px;
  margin-left: 16.5px;
  box-shadow: 2px 2px 6px -2px rgba(0, 0, 0, 0.1);
  transition: left 0.3s ease-out;
  border-radius: 0 0 2px;
  pointer-events: none;
}
.ant-picker-range-arrow::before {
  position: absolute;
  top: -11.3137085px;
  left: -11.3137085px;
  width: 33.9411255px;
  height: 33.9411255px;
  background: #fff;
  background-repeat: no-repeat;
  background-position: -10px -10px;
  content: '';
  -webkit-clip-path: inset(33% 33%);
          clip-path: inset(33% 33%);
  -webkit-clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
          clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
}
.ant-picker-panel-container {
  overflow: hidden;
  vertical-align: top;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0px 0px 4px 0px rgba(204, 204, 204, 0.2), 0px 4px 4px 0px rgba(204, 204, 204, 0.25);
  transition: margin 0.3s;
}
.ant-picker-panel-container .ant-picker-panels {
  display: inline-flex;
  flex-wrap: nowrap;
  direction: ltr;
}
.ant-picker-panel-container .ant-picker-panel {
  vertical-align: top;
  background: transparent;
  border-width: 0 0 1px 0;
  border-radius: 0;
}
.ant-picker-panel-container .ant-picker-panel .ant-picker-content,
.ant-picker-panel-container .ant-picker-panel table {
  text-align: center;
}
.ant-picker-panel-container .ant-picker-panel-focused {
  border-color: #f0f0f0;
}
.ant-picker-compact-item:not(.ant-picker-compact-last-item):not(.ant-picker-compact-item-rtl) {
  margin-right: -1px;
}
.ant-picker-compact-item:not(.ant-picker-compact-last-item).ant-picker-compact-item-rtl {
  margin-left: -1px;
}
.ant-picker-compact-item:hover,
.ant-picker-compact-item:focus,
.ant-picker-compact-item:active {
  z-index: 2;
}
.ant-picker-compact-item.ant-picker-focused {
  z-index: 2;
}
.ant-picker-compact-item[disabled] {
  z-index: 0;
}
.ant-picker-compact-item:not(.ant-picker-compact-first-item):not(.ant-picker-compact-last-item).ant-picker {
  border-radius: 0;
}
.ant-picker-compact-item.ant-picker.ant-picker-compact-first-item:not(.ant-picker-compact-last-item):not(.ant-picker-compact-item-rtl) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-picker-compact-item.ant-picker.ant-picker-compact-last-item:not(.ant-picker-compact-first-item):not(.ant-picker-compact-item-rtl) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-picker-compact-item.ant-picker.ant-picker-compact-item-rtl.ant-picker-compact-first-item:not(.ant-picker-compact-last-item) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-picker-compact-item.ant-picker.ant-picker-compact-item-rtl.ant-picker-compact-last-item:not(.ant-picker-compact-first-item) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-picker-panel {
  display: inline-flex;
  flex-direction: column;
  text-align: center;
  background: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 4px;
  outline: none;
}
.ant-picker-panel-focused {
  border-color: #D04A02;
}
.ant-picker-decade-panel,
.ant-picker-year-panel,
.ant-picker-quarter-panel,
.ant-picker-month-panel,
.ant-picker-week-panel,
.ant-picker-date-panel,
.ant-picker-time-panel {
  display: flex;
  flex-direction: column;
  width: 280px;
}
.ant-picker-header {
  display: flex;
  padding: 0 8px;
  color: #000;
  border-bottom: 1px solid #f0f0f0;
}
.ant-picker-header > * {
  flex: none;
}
.ant-picker-header button {
  padding: 0;
  color: rgba(0, 0, 0, 0.25);
  line-height: 40px;
  background: transparent;
  border: 0;
  cursor: pointer;
  transition: color 0.3s;
}
.ant-picker-header > button {
  min-width: 1.6em;
  font-size: 14px;
}
.ant-picker-header > button:hover {
  color: #404041;
}
.ant-picker-header-view {
  flex: auto;
  font-weight: 500;
  line-height: 40px;
}
.ant-picker-header-view button {
  color: inherit;
  font-weight: inherit;
}
.ant-picker-header-view button:not(:first-child) {
  margin-left: 8px;
}
.ant-picker-header-view button:hover {
  color: #D04A02;
}
.ant-picker-prev-icon,
.ant-picker-next-icon,
.ant-picker-super-prev-icon,
.ant-picker-super-next-icon {
  position: relative;
  display: inline-block;
  width: 7px;
  height: 7px;
}
.ant-picker-prev-icon::before,
.ant-picker-next-icon::before,
.ant-picker-super-prev-icon::before,
.ant-picker-super-next-icon::before {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 7px;
  height: 7px;
  border: 0 solid currentcolor;
  border-width: 1.5px 0 0 1.5px;
  content: '';
}
.ant-picker-super-prev-icon::after,
.ant-picker-super-next-icon::after {
  position: absolute;
  top: 4px;
  left: 4px;
  display: inline-block;
  width: 7px;
  height: 7px;
  border: 0 solid currentcolor;
  border-width: 1.5px 0 0 1.5px;
  content: '';
}
.ant-picker-prev-icon,
.ant-picker-super-prev-icon {
  transform: rotate(-45deg);
}
.ant-picker-next-icon,
.ant-picker-super-next-icon {
  transform: rotate(135deg);
}
.ant-picker-content {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
.ant-picker-content th,
.ant-picker-content td {
  position: relative;
  min-width: 24px;
  font-weight: 400;
}
.ant-picker-content th {
  height: 30px;
  color: #404041;
  line-height: 30px;
}
.ant-picker-cell {
  padding: 3px 0;
  color: rgba(0, 0, 0, 0.25);
  cursor: pointer;
}
.ant-picker-cell-in-view {
  color: #404041;
}
.ant-picker-cell::before {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  z-index: 1;
  height: 24px;
  transform: translateY(-50%);
  transition: all 0.3s;
  content: '';
}
.ant-picker-cell .ant-picker-cell-inner {
  position: relative;
  z-index: 2;
  display: inline-block;
  min-width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 4px;
  transition: background 0.3s, border 0.3s;
}
.ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner,
.ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner {
  background: #f5f5f5;
}
.ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  border: 1px solid #D04A02;
  border-radius: 4px;
  content: '';
}
.ant-picker-cell-in-view.ant-picker-cell-in-range {
  position: relative;
}
.ant-picker-cell-in-view.ant-picker-cell-in-range::before {
  background: #fff3e6;
}
.ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner,
.ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,
.ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner {
  color: #fff;
  background: #D04A02;
}
.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single)::before,
.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single)::before {
  background: #fff3e6;
}
.ant-picker-cell-in-view.ant-picker-cell-range-start::before {
  left: 50%;
}
.ant-picker-cell-in-view.ant-picker-cell-range-end::before {
  right: 50%;
}
.ant-picker-cell-in-view.ant-picker-cell-range-hover-start:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-end:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start-single::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-end-near-hover::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-start-near-hover::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-end-single::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-in-range)::after {
  position: absolute;
  top: 50%;
  z-index: 0;
  height: 24px;
  border-top: 1px dashed #fd7f3b;
  border-bottom: 1px dashed #fd7f3b;
  transform: translateY(-50%);
  transition: all 0.3s;
  content: '';
}
.ant-picker-cell-range-hover-start::after,
.ant-picker-cell-range-hover-end::after,
.ant-picker-cell-range-hover::after {
  right: 0;
  left: 2px;
}
.ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover::before,
.ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-hover::before,
.ant-picker-cell-in-view.ant-picker-cell-range-end.ant-picker-cell-range-hover::before,
.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single).ant-picker-cell-range-hover-start::before,
.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single).ant-picker-cell-range-hover-end::before,
.ant-picker-panel > :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start::before,
.ant-picker-panel > :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end::before {
  background: #feb087;
}
.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(.ant-picker-cell-range-end) .ant-picker-cell-inner {
  border-radius: 4px 0 0 4px;
}
.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(.ant-picker-cell-range-start) .ant-picker-cell-inner {
  border-radius: 0 4px 4px 0;
}
.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after,
.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: -1;
  background: #feb087;
  transition: all 0.3s;
  content: '';
}
.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after {
  right: -6px;
  left: 0;
}
.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after {
  right: 0;
  left: -6px;
}
.ant-picker-cell-range-hover.ant-picker-cell-range-start::after {
  right: 50%;
}
.ant-picker-cell-range-hover.ant-picker-cell-range-end::after {
  left: 50%;
}
tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:first-child::after,
tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after,
.ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range)::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after {
  left: 6px;
  border-left: 1px dashed #fd7f3b;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:last-child::after,
tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after,
.ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-edge-end.ant-picker-cell-range-hover-edge-end-near-range::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range)::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after {
  right: 6px;
  border-right: 1px dashed #fd7f3b;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ant-picker-cell-disabled {
  color: rgba(0, 0, 0, 0.25);
  pointer-events: none;
}
.ant-picker-cell-disabled .ant-picker-cell-inner {
  background: transparent;
}
.ant-picker-cell-disabled::before {
  background: rgba(0, 0, 0, 0.04);
}
.ant-picker-cell-disabled.ant-picker-cell-today .ant-picker-cell-inner::before {
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-picker-decade-panel .ant-picker-content,
.ant-picker-year-panel .ant-picker-content,
.ant-picker-quarter-panel .ant-picker-content,
.ant-picker-month-panel .ant-picker-content {
  height: 264px;
}
.ant-picker-decade-panel .ant-picker-cell-inner,
.ant-picker-year-panel .ant-picker-cell-inner,
.ant-picker-quarter-panel .ant-picker-cell-inner,
.ant-picker-month-panel .ant-picker-cell-inner {
  padding: 0 8px;
}
.ant-picker-quarter-panel .ant-picker-content {
  height: 56px;
}
.ant-picker-footer {
  width: -webkit-min-content;
  width: min-content;
  min-width: 100%;
  line-height: 38px;
  text-align: center;
  border-bottom: 1px solid transparent;
}
.ant-picker-panel .ant-picker-footer {
  border-top: 1px solid #f0f0f0;
}
.ant-picker-footer-extra {
  padding: 0 12px;
  line-height: 38px;
  text-align: left;
}
.ant-picker-footer-extra:not(:last-child) {
  border-bottom: 1px solid #f0f0f0;
}
.ant-picker-now {
  text-align: left;
}
.ant-picker-today-btn {
  color: #D04A02;
}
.ant-picker-today-btn:hover {
  color: #de6c26;
}
.ant-picker-today-btn:active {
  color: #ab3600;
}
.ant-picker-today-btn.ant-picker-today-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-picker-decade-panel .ant-picker-cell-inner {
  padding: 0 4px;
}
.ant-picker-decade-panel .ant-picker-cell::before {
  display: none;
}
.ant-picker-year-panel .ant-picker-body,
.ant-picker-quarter-panel .ant-picker-body,
.ant-picker-month-panel .ant-picker-body {
  padding: 0 8px;
}
.ant-picker-year-panel .ant-picker-cell-inner,
.ant-picker-quarter-panel .ant-picker-cell-inner,
.ant-picker-month-panel .ant-picker-cell-inner {
  width: 60px;
}
.ant-picker-year-panel .ant-picker-cell-range-hover-start::after,
.ant-picker-quarter-panel .ant-picker-cell-range-hover-start::after,
.ant-picker-month-panel .ant-picker-cell-range-hover-start::after {
  left: 14px;
  border-left: 1px dashed #fd7f3b;
  border-radius: 4px 0 0 4px;
}
.ant-picker-panel-rtl .ant-picker-year-panel .ant-picker-cell-range-hover-start::after,
.ant-picker-panel-rtl .ant-picker-quarter-panel .ant-picker-cell-range-hover-start::after,
.ant-picker-panel-rtl .ant-picker-month-panel .ant-picker-cell-range-hover-start::after {
  right: 14px;
  border-right: 1px dashed #fd7f3b;
  border-radius: 0 4px 4px 0;
}
.ant-picker-year-panel .ant-picker-cell-range-hover-end::after,
.ant-picker-quarter-panel .ant-picker-cell-range-hover-end::after,
.ant-picker-month-panel .ant-picker-cell-range-hover-end::after {
  right: 14px;
  border-right: 1px dashed #fd7f3b;
  border-radius: 0 4px 4px 0;
}
.ant-picker-panel-rtl .ant-picker-year-panel .ant-picker-cell-range-hover-end::after,
.ant-picker-panel-rtl .ant-picker-quarter-panel .ant-picker-cell-range-hover-end::after,
.ant-picker-panel-rtl .ant-picker-month-panel .ant-picker-cell-range-hover-end::after {
  left: 14px;
  border-left: 1px dashed #fd7f3b;
  border-radius: 4px 0 0 4px;
}
.ant-picker-week-panel .ant-picker-body {
  padding: 8px 12px;
}
.ant-picker-week-panel .ant-picker-cell:hover .ant-picker-cell-inner,
.ant-picker-week-panel .ant-picker-cell-selected .ant-picker-cell-inner,
.ant-picker-week-panel .ant-picker-cell .ant-picker-cell-inner {
  background: transparent !important;
}
.ant-picker-week-panel-row td {
  transition: background 0.3s;
}
.ant-picker-week-panel-row:hover td {
  background: #f5f5f5;
}
.ant-picker-week-panel-row-selected td,
.ant-picker-week-panel-row-selected:hover td {
  background: #D04A02;
}
.ant-picker-week-panel-row-selected td.ant-picker-cell-week,
.ant-picker-week-panel-row-selected:hover td.ant-picker-cell-week {
  color: rgba(255, 255, 255, 0.5);
}
.ant-picker-week-panel-row-selected td.ant-picker-cell-today .ant-picker-cell-inner::before,
.ant-picker-week-panel-row-selected:hover td.ant-picker-cell-today .ant-picker-cell-inner::before {
  border-color: #fff;
}
.ant-picker-week-panel-row-selected td .ant-picker-cell-inner,
.ant-picker-week-panel-row-selected:hover td .ant-picker-cell-inner {
  color: #fff;
}
.ant-picker-date-panel .ant-picker-body {
  padding: 8px 12px;
}
.ant-picker-date-panel .ant-picker-content {
  width: 252px;
}
.ant-picker-date-panel .ant-picker-content th {
  width: 36px;
}
.ant-picker-datetime-panel {
  display: flex;
}
.ant-picker-datetime-panel .ant-picker-time-panel {
  border-left: 1px solid #f0f0f0;
}
.ant-picker-datetime-panel .ant-picker-date-panel,
.ant-picker-datetime-panel .ant-picker-time-panel {
  transition: opacity 0.3s;
}
.ant-picker-datetime-panel-active .ant-picker-date-panel,
.ant-picker-datetime-panel-active .ant-picker-time-panel {
  opacity: 0.3;
}
.ant-picker-datetime-panel-active .ant-picker-date-panel-active,
.ant-picker-datetime-panel-active .ant-picker-time-panel-active {
  opacity: 1;
}
.ant-picker-time-panel {
  width: auto;
  min-width: auto;
}
.ant-picker-time-panel .ant-picker-content {
  display: flex;
  flex: auto;
  height: 224px;
}
.ant-picker-time-panel-column {
  flex: 1 0 auto;
  width: 56px;
  margin: 0;
  padding: 0;
  overflow-y: hidden;
  text-align: left;
  list-style: none;
  transition: background 0.3s;
}
.ant-picker-time-panel-column::after {
  display: block;
  height: 196px;
  content: '';
}
.ant-picker-datetime-panel .ant-picker-time-panel-column::after {
  height: 198px;
}
.ant-picker-time-panel-column:not(:first-child) {
  border-left: 1px solid #f0f0f0;
}
.ant-picker-time-panel-column-active {
  background: rgba(255, 243, 230, 0.2);
}
.ant-picker-time-panel-column:hover {
  overflow-y: auto;
}
.ant-picker-time-panel-column > li {
  margin: 0;
  padding: 0;
}
.ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner {
  display: block;
  width: 100%;
  height: 28px;
  margin: 0;
  padding: 0 0 0 14px;
  color: #404041;
  line-height: 28px;
  border-radius: 0;
  cursor: pointer;
  transition: background 0.3s;
}
.ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner:hover {
  background: #f5f5f5;
}
.ant-picker-time-panel-column > li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner {
  background: #fff3e6;
}
.ant-picker-time-panel-column > li.ant-picker-time-panel-cell-disabled .ant-picker-time-panel-cell-inner {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
  cursor: not-allowed;
}
/* stylelint-disable selector-type-no-unknown,selector-no-vendor-prefix */
_:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-month-panel .ant-picker-cell,
:root .ant-picker-range-wrapper .ant-picker-month-panel .ant-picker-cell,
_:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-cell,
:root .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-cell {
  padding: 21px 0;
}
.ant-picker-rtl {
  direction: rtl;
}
.ant-picker-rtl .ant-picker-suffix {
  margin-right: 4px;
  margin-left: 0;
}
.ant-picker-rtl .ant-picker-clear {
  right: auto;
  left: 0;
}
.ant-picker-rtl .ant-picker-separator {
  transform: rotate(180deg);
}
.ant-picker-panel-rtl .ant-picker-header-view button:not(:first-child) {
  margin-right: 8px;
  margin-left: 0;
}
.ant-picker-rtl.ant-picker-range .ant-picker-clear {
  right: auto;
  left: 11px;
}
.ant-picker-rtl.ant-picker-range .ant-picker-active-bar {
  margin-right: 11px;
  margin-left: 0;
}
.ant-picker-rtl.ant-picker-range.ant-picker-small .ant-picker-active-bar {
  margin-right: 7px;
}
.ant-picker-dropdown-rtl .ant-picker-ranges {
  text-align: right;
}
.ant-picker-dropdown-rtl .ant-picker-ranges .ant-picker-ok {
  float: left;
  margin-right: 8px;
  margin-left: 0;
}
.ant-picker-panel-rtl {
  direction: rtl;
}
.ant-picker-panel-rtl .ant-picker-prev-icon,
.ant-picker-panel-rtl .ant-picker-super-prev-icon {
  transform: rotate(135deg);
}
.ant-picker-panel-rtl .ant-picker-next-icon,
.ant-picker-panel-rtl .ant-picker-super-next-icon {
  transform: rotate(-45deg);
}
.ant-picker-cell .ant-picker-cell-inner {
  position: relative;
  z-index: 2;
  display: inline-block;
  min-width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 4px;
  transition: background 0.3s, border 0.3s;
}
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start::before {
  right: 50%;
  left: 0;
}
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-end::before {
  right: 0;
  left: 50%;
}
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-end::before {
  right: 50%;
  left: 50%;
}
.ant-picker-panel-rtl .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after {
  right: 0;
  left: -6px;
}
.ant-picker-panel-rtl .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after {
  right: -6px;
  left: 0;
}
.ant-picker-panel-rtl .ant-picker-cell-range-hover.ant-picker-cell-range-start::after {
  right: 0;
  left: 50%;
}
.ant-picker-panel-rtl .ant-picker-cell-range-hover.ant-picker-cell-range-end::after {
  right: 50%;
  left: 0;
}
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(.ant-picker-cell-range-end) .ant-picker-cell-inner {
  border-radius: 0 4px 4px 0;
}
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(.ant-picker-cell-range-start) .ant-picker-cell-inner {
  border-radius: 4px 0 0 4px;
}
.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-selected):first-child::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range)::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after {
  right: 6px;
  left: 0;
  border-right: 1px dashed #fd7f3b;
  border-left: none;
  border-radius: 0 4px 4px 0;
}
.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-selected):last-child::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-edge-end.ant-picker-cell-range-hover-edge-end-near-range::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range)::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after {
  right: 0;
  left: 6px;
  border-right: none;
  border-left: 1px dashed #fd7f3b;
  border-radius: 4px 0 0 4px;
}
.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after,
.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover)::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-end.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover)::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-start.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover)::after,
.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover.ant-picker-cell-range-hover-edge-start:last-child::after,
.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover.ant-picker-cell-range-hover-edge-end:first-child::after {
  right: 6px;
  left: 6px;
  border-right: 1px dashed #fd7f3b;
  border-left: 1px dashed #fd7f3b;
  border-radius: 4px;
}
.ant-picker-dropdown-rtl .ant-picker-footer-extra {
  direction: rtl;
  text-align: right;
}
.ant-picker-panel-rtl .ant-picker-time-panel {
  direction: ltr;
}
.ant-descriptions-header {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.ant-descriptions-title {
  flex: auto;
  overflow: hidden;
  color: #000;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.15;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-descriptions-extra {
  margin-left: auto;
  color: #404041;
  font-size: 14px;
}
.ant-descriptions-view {
  width: 100%;
  border-radius: 4px;
}
.ant-descriptions-view table {
  width: 100%;
  table-layout: fixed;
}
.ant-descriptions-row > th,
.ant-descriptions-row > td {
  padding-bottom: 16px;
}
.ant-descriptions-row:last-child {
  border-bottom: none;
}
.ant-descriptions-item-label {
  color: #000;
  font-weight: normal;
  font-size: 14px;
  line-height: 1.15;
  text-align: start;
}
.ant-descriptions-item-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.ant-descriptions-item-label.ant-descriptions-item-no-colon::after {
  content: ' ';
}
.ant-descriptions-item-no-label::after {
  margin: 0;
  content: '';
}
.ant-descriptions-item-content {
  display: table-cell;
  flex: 1 1;
  color: #404041;
  font-size: 14px;
  line-height: 1.15;
  word-break: break-word;
  overflow-wrap: break-word;
}
.ant-descriptions-item {
  padding-bottom: 0;
  vertical-align: top;
}
.ant-descriptions-item-container {
  display: flex;
}
.ant-descriptions-item-container .ant-descriptions-item-label,
.ant-descriptions-item-container .ant-descriptions-item-content {
  display: inline-flex;
  align-items: baseline;
}
.ant-descriptions-middle .ant-descriptions-row > th,
.ant-descriptions-middle .ant-descriptions-row > td {
  padding-bottom: 12px;
}
.ant-descriptions-small .ant-descriptions-row > th,
.ant-descriptions-small .ant-descriptions-row > td {
  padding-bottom: 8px;
}
.ant-descriptions-bordered .ant-descriptions-view {
  border: 1px solid #f0f0f0;
}
.ant-descriptions-bordered .ant-descriptions-view > table {
  table-layout: auto;
  border-collapse: collapse;
}
.ant-descriptions-bordered .ant-descriptions-item-label,
.ant-descriptions-bordered .ant-descriptions-item-content {
  padding: 16px 24px;
  border-right: 1px solid #f0f0f0;
}
.ant-descriptions-bordered .ant-descriptions-item-label:last-child,
.ant-descriptions-bordered .ant-descriptions-item-content:last-child {
  border-right: none;
}
.ant-descriptions-bordered .ant-descriptions-item-label {
  background-color: #fafafa;
}
.ant-descriptions-bordered .ant-descriptions-item-label::after {
  display: none;
}
.ant-descriptions-bordered .ant-descriptions-row {
  border-bottom: 1px solid #f0f0f0;
}
.ant-descriptions-bordered .ant-descriptions-row:last-child {
  border-bottom: none;
}
.ant-descriptions-bordered.ant-descriptions-middle .ant-descriptions-item-label,
.ant-descriptions-bordered.ant-descriptions-middle .ant-descriptions-item-content {
  padding: 12px 24px;
}
.ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-label,
.ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-content {
  padding: 8px 16px;
}
.ant-descriptions-rtl {
  direction: rtl;
}
.ant-descriptions-rtl .ant-descriptions-item-label::after {
  margin: 0 2px 0 8px;
}
.ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-label,
.ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-content {
  border-right: none;
  border-left: 1px solid #f0f0f0;
}
.ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-label:last-child,
.ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-content:last-child {
  border-left: none;
}
.ant-divider {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #404041;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.15;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  border-top: 1px solid #DEDEDE;
}
.ant-divider-vertical {
  position: relative;
  top: -0.06em;
  display: inline-block;
  height: 0.9em;
  margin: 0 8px;
  vertical-align: middle;
  border-top: 0;
  border-left: 1px solid #DEDEDE;
}
.ant-divider-horizontal {
  display: flex;
  clear: both;
  width: 100%;
  min-width: 100%;
  margin: 24px 0;
}
.ant-divider-horizontal.ant-divider-with-text {
  display: flex;
  align-items: center;
  margin: 16px 0;
  color: #000;
  font-weight: 500;
  font-size: 16px;
  white-space: nowrap;
  text-align: center;
  border-top: 0;
  border-top-color: #DEDEDE;
}
.ant-divider-horizontal.ant-divider-with-text::before,
.ant-divider-horizontal.ant-divider-with-text::after {
  position: relative;
  width: 50%;
  border-top: 1px solid transparent;
  border-top-color: inherit;
  border-bottom: 0;
  transform: translateY(50%);
  content: '';
}
.ant-divider-horizontal.ant-divider-with-text-left::before {
  width: 5%;
}
.ant-divider-horizontal.ant-divider-with-text-left::after {
  width: 95%;
}
.ant-divider-horizontal.ant-divider-with-text-right::before {
  width: 95%;
}
.ant-divider-horizontal.ant-divider-with-text-right::after {
  width: 5%;
}
.ant-divider-inner-text {
  display: inline-block;
  padding: 0 1em;
}
.ant-divider-dashed {
  background: none;
  border-color: #DEDEDE;
  border-style: dashed;
  border-width: 1px 0 0;
}
.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::before,
.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::after {
  border-style: dashed none none;
}
.ant-divider-vertical.ant-divider-dashed {
  border-width: 0 0 0 1px;
}
.ant-divider-plain.ant-divider-with-text {
  color: #404041;
  font-weight: normal;
  font-size: 14px;
}
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-no-default-orientation-margin-left::before {
  width: 0;
}
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-no-default-orientation-margin-left::after {
  width: 100%;
}
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-no-default-orientation-margin-left .ant-divider-inner-text {
  padding-left: 0;
}
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-no-default-orientation-margin-right::before {
  width: 100%;
}
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-no-default-orientation-margin-right::after {
  width: 0;
}
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-no-default-orientation-margin-right .ant-divider-inner-text {
  padding-right: 0;
}
.ant-divider-rtl {
  direction: rtl;
}
.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::before {
  width: 95%;
}
.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::after {
  width: 5%;
}
.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::before {
  width: 5%;
}
.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::after {
  width: 95%;
}
.ant-drawer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  pointer-events: none;
}
.ant-drawer-inline {
  position: absolute;
}
.ant-drawer-mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.45);
  pointer-events: auto;
}
.ant-drawer-content-wrapper {
  position: absolute;
  z-index: 1000;
  transition: all 0.3s;
}
.ant-drawer-content-wrapper-hidden {
  display: none;
}
.ant-drawer-left > .ant-drawer-content-wrapper {
  top: 0;
  bottom: 0;
  left: 0;
  box-shadow: 6px 0 16px -8px rgba(0, 0, 0, 0.08), 9px 0 28px 0 rgba(0, 0, 0, 0.05), 12px 0 48px 16px rgba(0, 0, 0, 0.03);
}
.ant-drawer-right > .ant-drawer-content-wrapper {
  top: 0;
  right: 0;
  bottom: 0;
  box-shadow: -6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0, 0.05), -12px 0 48px 16px rgba(0, 0, 0, 0.03);
}
.ant-drawer-top > .ant-drawer-content-wrapper {
  top: 0;
  right: 0;
  left: 0;
  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
}
.ant-drawer-bottom > .ant-drawer-content-wrapper {
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: 0 -6px 16px -8px rgba(0, 0, 0, 0.08), 0 -9px 28px 0 rgba(0, 0, 0, 0.05), 0 -12px 48px 16px rgba(0, 0, 0, 0.03);
}
.ant-drawer-content {
  width: 100%;
  height: 100%;
  overflow: auto;
  background: #fff;
  pointer-events: auto;
}
.ant-drawer-wrapper-body {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.ant-drawer-header {
  display: flex;
  flex: 0 1;
  align-items: center;
  padding: 16px 24px;
  font-size: 16px;
  line-height: 22px;
  border-bottom: 1px solid #f0f0f0;
}
.ant-drawer-header-title {
  display: flex;
  flex: 1 1;
  align-items: center;
  min-width: 0;
  min-height: 0;
}
.ant-drawer-extra {
  flex: none;
}
.ant-drawer-close {
  display: inline-block;
  margin-right: 12px;
  color: rgba(0, 0, 0, 0.45);
  font-weight: 700;
  font-size: 16px;
  font-style: normal;
  line-height: 1;
  text-align: center;
  text-transform: none;
  text-decoration: none;
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
  transition: color 0.3s;
  text-rendering: auto;
}
.ant-drawer-close:focus,
.ant-drawer-close:hover {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none;
}
.ant-drawer-title {
  flex: 1 1;
  margin: 0;
  color: #000;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
}
.ant-drawer-body {
  flex: 1 1;
  min-width: 0;
  min-height: 0;
  padding: 24px;
  overflow: auto;
}
.ant-drawer-footer {
  flex-shrink: 0;
  padding: 10px 16px;
  border-top: 1px solid #f0f0f0;
}
.panel-motion-enter-start,
.panel-motion-appear-start,
.panel-motion-leave-start {
  transition: none;
}
.panel-motion-enter-active,
.panel-motion-appear-active,
.panel-motion-leave-active {
  transition: all 0.3s;
}
.ant-drawer-mask-motion-enter-active,
.ant-drawer-mask-motion-appear-active,
.ant-drawer-mask-motion-leave-active {
  transition: all 0.3s;
}
.ant-drawer-mask-motion-enter,
.ant-drawer-mask-motion-appear {
  opacity: 0;
}
.ant-drawer-mask-motion-enter-active,
.ant-drawer-mask-motion-appear-active {
  opacity: 1;
}
.ant-drawer-mask-motion-leave {
  opacity: 1;
}
.ant-drawer-mask-motion-leave-active {
  opacity: 0;
}
.ant-drawer-panel-motion-left-enter-start,
.ant-drawer-panel-motion-left-appear-start,
.ant-drawer-panel-motion-left-leave-start {
  transition: none;
}
.ant-drawer-panel-motion-left-enter-active,
.ant-drawer-panel-motion-left-appear-active,
.ant-drawer-panel-motion-left-leave-active {
  transition: all 0.3s;
}
.ant-drawer-panel-motion-left-enter-start,
.ant-drawer-panel-motion-left-appear-start {
  transform: translateX(-100%) !important;
}
.ant-drawer-panel-motion-left-enter-active,
.ant-drawer-panel-motion-left-appear-active {
  transform: translateX(0);
}
.ant-drawer-panel-motion-left-leave {
  transform: translateX(0);
}
.ant-drawer-panel-motion-left-leave-active {
  transform: translateX(-100%);
}
.ant-drawer-panel-motion-right-enter-start,
.ant-drawer-panel-motion-right-appear-start,
.ant-drawer-panel-motion-right-leave-start {
  transition: none;
}
.ant-drawer-panel-motion-right-enter-active,
.ant-drawer-panel-motion-right-appear-active,
.ant-drawer-panel-motion-right-leave-active {
  transition: all 0.3s;
}
.ant-drawer-panel-motion-right-enter-start,
.ant-drawer-panel-motion-right-appear-start {
  transform: translateX(100%) !important;
}
.ant-drawer-panel-motion-right-enter-active,
.ant-drawer-panel-motion-right-appear-active {
  transform: translateX(0);
}
.ant-drawer-panel-motion-right-leave {
  transform: translateX(0);
}
.ant-drawer-panel-motion-right-leave-active {
  transform: translateX(100%);
}
.ant-drawer-panel-motion-top-enter-start,
.ant-drawer-panel-motion-top-appear-start,
.ant-drawer-panel-motion-top-leave-start {
  transition: none;
}
.ant-drawer-panel-motion-top-enter-active,
.ant-drawer-panel-motion-top-appear-active,
.ant-drawer-panel-motion-top-leave-active {
  transition: all 0.3s;
}
.ant-drawer-panel-motion-top-enter-start,
.ant-drawer-panel-motion-top-appear-start {
  transform: translateY(-100%) !important;
}
.ant-drawer-panel-motion-top-enter-active,
.ant-drawer-panel-motion-top-appear-active {
  transform: translateY(0);
}
.ant-drawer-panel-motion-top-leave {
  transform: translateY(0);
}
.ant-drawer-panel-motion-top-leave-active {
  transform: translateY(-100%);
}
.ant-drawer-panel-motion-bottom-enter-start,
.ant-drawer-panel-motion-bottom-appear-start,
.ant-drawer-panel-motion-bottom-leave-start {
  transition: none;
}
.ant-drawer-panel-motion-bottom-enter-active,
.ant-drawer-panel-motion-bottom-appear-active,
.ant-drawer-panel-motion-bottom-leave-active {
  transition: all 0.3s;
}
.ant-drawer-panel-motion-bottom-enter-start,
.ant-drawer-panel-motion-bottom-appear-start {
  transform: translateY(100%) !important;
}
.ant-drawer-panel-motion-bottom-enter-active,
.ant-drawer-panel-motion-bottom-appear-active {
  transform: translateY(0);
}
.ant-drawer-panel-motion-bottom-leave {
  transform: translateY(0);
}
.ant-drawer-panel-motion-bottom-leave-active {
  transform: translateY(100%);
}
.ant-drawer-rtl {
  direction: rtl;
}
.ant-drawer-rtl .ant-drawer-close {
  margin-right: 0;
  margin-left: 12px;
}
.ant-dropdown-menu-item.ant-dropdown-menu-item-danger {
  color: #C52A1A;
}
.ant-dropdown-menu-item.ant-dropdown-menu-item-danger:hover {
  color: #fff;
  background-color: #C52A1A;
}
.ant-dropdown {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #404041;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.15;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  display: block;
}
.ant-dropdown::before {
  position: absolute;
  top: -4px;
  right: 0;
  bottom: -4px;
  left: -7px;
  z-index: -9999;
  opacity: 0.0001;
  content: ' ';
}
.ant-dropdown-wrap {
  position: relative;
}
.ant-dropdown-wrap .ant-btn > .anticon-down {
  font-size: 10px;
}
.ant-dropdown-wrap .anticon-down::before {
  transition: transform 0.2s;
}
.ant-dropdown-wrap-open .anticon-down::before {
  transform: rotate(180deg);
}
.ant-dropdown-hidden,
.ant-dropdown-menu-hidden,
.ant-dropdown-menu-submenu-hidden {
  display: none;
}
.ant-dropdown-show-arrow.ant-dropdown-placement-topLeft,
.ant-dropdown-show-arrow.ant-dropdown-placement-top,
.ant-dropdown-show-arrow.ant-dropdown-placement-topRight {
  padding-bottom: 15.3137085px;
}
.ant-dropdown-show-arrow.ant-dropdown-placement-bottomLeft,
.ant-dropdown-show-arrow.ant-dropdown-placement-bottom,
.ant-dropdown-show-arrow.ant-dropdown-placement-bottomRight {
  padding-top: 15.3137085px;
}
.ant-dropdown-arrow {
  position: absolute;
  z-index: 1;
  display: block;
  width: 11.3137085px;
  height: 11.3137085px;
  border-radius: 0 0 2px;
  pointer-events: none;
}
.ant-dropdown-arrow::before {
  position: absolute;
  top: -11.3137085px;
  left: -11.3137085px;
  width: 33.9411255px;
  height: 33.9411255px;
  background: #fff;
  background-repeat: no-repeat;
  background-position: -10px -10px;
  content: '';
  -webkit-clip-path: inset(33% 33%);
          clip-path: inset(33% 33%);
  -webkit-clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
          clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
}
.ant-dropdown-placement-top > .ant-dropdown-arrow,
.ant-dropdown-placement-topLeft > .ant-dropdown-arrow,
.ant-dropdown-placement-topRight > .ant-dropdown-arrow {
  bottom: 10px;
  box-shadow: 3px 3px 7px -3px rgba(0, 0, 0, 0.1);
  transform: rotate(45deg);
}
.ant-dropdown-placement-top > .ant-dropdown-arrow {
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}
.ant-dropdown-placement-topLeft > .ant-dropdown-arrow {
  left: 16px;
}
.ant-dropdown-placement-topRight > .ant-dropdown-arrow {
  right: 16px;
}
.ant-dropdown-placement-bottom > .ant-dropdown-arrow,
.ant-dropdown-placement-bottomLeft > .ant-dropdown-arrow,
.ant-dropdown-placement-bottomRight > .ant-dropdown-arrow {
  top: 9.41421356px;
  box-shadow: 2px 2px 5px -2px rgba(0, 0, 0, 0.1);
  transform: rotate(-135deg) translateY(-0.5px);
}
.ant-dropdown-placement-bottom > .ant-dropdown-arrow {
  left: 50%;
  transform: translateX(-50%) rotate(-135deg) translateY(-0.5px);
}
.ant-dropdown-placement-bottomLeft > .ant-dropdown-arrow {
  left: 16px;
}
.ant-dropdown-placement-bottomRight > .ant-dropdown-arrow {
  right: 16px;
}
.ant-dropdown-menu {
  position: relative;
  margin: 0;
  padding: 4px 0;
  text-align: left;
  list-style-type: none;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 4px;
  outline: none;
  box-shadow: 0px 0px 4px 0px rgba(204, 204, 204, 0.2), 0px 4px 4px 0px rgba(204, 204, 204, 0.25);
}
.ant-dropdown-menu-item-group-title {
  padding: 5px 12px;
  color: rgba(0, 0, 0, 0.45);
  transition: all 0.3s;
}
.ant-dropdown-menu-submenu-popup {
  position: absolute;
  z-index: 1050;
  background: transparent;
  box-shadow: none;
  transform-origin: 0 0;
}
.ant-dropdown-menu-submenu-popup ul,
.ant-dropdown-menu-submenu-popup li {
  list-style: none;
}
.ant-dropdown-menu-submenu-popup ul {
  margin-right: 0.3em;
  margin-left: 0.3em;
}
.ant-dropdown-menu-item {
  position: relative;
  display: flex;
  align-items: center;
}
.ant-dropdown-menu-item-icon {
  min-width: 12px;
  margin-right: 8px;
  font-size: 12px;
}
.ant-dropdown-menu-title-content {
  flex: auto;
}
.ant-dropdown-menu-title-content > a {
  color: inherit;
  transition: all 0.3s;
}
.ant-dropdown-menu-title-content > a:hover {
  color: inherit;
}
.ant-dropdown-menu-title-content > a::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
}
.ant-dropdown-menu-item,
.ant-dropdown-menu-submenu-title {
  clear: both;
  margin: 0;
  padding: 5px 12px;
  color: #404041;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-dropdown-menu-item-selected,
.ant-dropdown-menu-submenu-title-selected {
  color: #D04A02;
  background-color: #fff3e6;
}
.ant-dropdown-menu-item:hover,
.ant-dropdown-menu-submenu-title:hover,
.ant-dropdown-menu-item.ant-dropdown-menu-item-active,
.ant-dropdown-menu-item.ant-dropdown-menu-submenu-title-active,
.ant-dropdown-menu-submenu-title.ant-dropdown-menu-item-active,
.ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title-active {
  background-color: #f5f5f5;
}
.ant-dropdown-menu-item.ant-dropdown-menu-item-disabled,
.ant-dropdown-menu-item.ant-dropdown-menu-submenu-title-disabled,
.ant-dropdown-menu-submenu-title.ant-dropdown-menu-item-disabled,
.ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-dropdown-menu-item.ant-dropdown-menu-item-disabled:hover,
.ant-dropdown-menu-item.ant-dropdown-menu-submenu-title-disabled:hover,
.ant-dropdown-menu-submenu-title.ant-dropdown-menu-item-disabled:hover,
.ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: #fff;
  cursor: not-allowed;
}
.ant-dropdown-menu-item.ant-dropdown-menu-item-disabled a,
.ant-dropdown-menu-item.ant-dropdown-menu-submenu-title-disabled a,
.ant-dropdown-menu-submenu-title.ant-dropdown-menu-item-disabled a,
.ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title-disabled a {
  pointer-events: none;
}
.ant-dropdown-menu-item-divider,
.ant-dropdown-menu-submenu-title-divider {
  height: 1px;
  margin: 4px 0;
  overflow: hidden;
  line-height: 0;
  background-color: #f0f0f0;
}
.ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon,
.ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon {
  position: absolute;
  right: 8px;
}
.ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon,
.ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon {
  margin-right: 0 !important;
  color: rgba(0, 0, 0, 0.45);
  font-size: 10px;
  font-style: normal;
}
.ant-dropdown-menu-item-group-list {
  margin: 0 8px;
  padding: 0;
  list-style: none;
}
.ant-dropdown-menu-submenu-title {
  padding-right: 24px;
}
.ant-dropdown-menu-submenu-vertical {
  position: relative;
}
.ant-dropdown-menu-submenu-vertical > .ant-dropdown-menu {
  position: absolute;
  top: 0;
  left: 100%;
  min-width: 100%;
  margin-left: 4px;
  transform-origin: 0 0;
}
.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title,
.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
  color: rgba(0, 0, 0, 0.25);
  background-color: #fff;
  cursor: not-allowed;
}
.ant-dropdown-menu-submenu-selected .ant-dropdown-menu-submenu-title {
  color: #D04A02;
}
.ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottom,
.ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottom,
.ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottomRight,
.ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottomRight {
  animation-name: antSlideUpIn;
}
.ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-topLeft,
.ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-topLeft,
.ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-top,
.ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-top,
.ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-topRight,
.ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-topRight {
  animation-name: antSlideDownIn;
}
.ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottom,
.ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottomRight {
  animation-name: antSlideUpOut;
}
.ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-topLeft,
.ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-top,
.ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-topRight {
  animation-name: antSlideDownOut;
}
.ant-dropdown-trigger > .anticon.anticon-down,
.ant-dropdown-link > .anticon.anticon-down,
.ant-dropdown-button > .anticon.anticon-down {
  font-size: 10px;
  vertical-align: baseline;
}
.ant-dropdown-button {
  white-space: nowrap;
}
.ant-dropdown-button.ant-btn-group > .ant-btn-loading,
.ant-dropdown-button.ant-btn-group > .ant-btn-loading + .ant-btn {
  cursor: default;
  pointer-events: none;
}
.ant-dropdown-button.ant-btn-group > .ant-btn-loading + .ant-btn::before {
  display: block;
}
.ant-dropdown-button.ant-btn-group > .ant-btn:last-child:not(:first-child):not(.ant-btn-icon-only) {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-dropdown-menu-dark,
.ant-dropdown-menu-dark .ant-dropdown-menu {
  background: #404041;
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a {
  color: rgba(255, 255, 255, 0.65);
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow::after,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow::after,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a .ant-dropdown-menu-submenu-arrow::after,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a .ant-dropdown-menu-submenu-arrow::after {
  color: rgba(255, 255, 255, 0.65);
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a:hover {
  color: #fff;
  background: transparent;
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected,
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected > a {
  color: #fff;
  background: #D04A02;
}
.ant-dropdown-rtl {
  direction: rtl;
}
.ant-dropdown-rtl.ant-dropdown::before {
  right: -7px;
  left: 0;
}
.ant-dropdown-menu.ant-dropdown-menu-rtl {
  direction: rtl;
  text-align: right;
}
.ant-dropdown-rtl .ant-dropdown-menu-item-group-title,
.ant-dropdown-menu-submenu-rtl .ant-dropdown-menu-item-group-title {
  direction: rtl;
  text-align: right;
}
.ant-dropdown-menu-submenu-popup.ant-dropdown-menu-submenu-rtl {
  transform-origin: 100% 0;
}
.ant-dropdown-rtl .ant-dropdown-menu-submenu-popup ul,
.ant-dropdown-rtl .ant-dropdown-menu-submenu-popup li {
  text-align: right;
}
.ant-dropdown-rtl .ant-dropdown-menu-item,
.ant-dropdown-rtl .ant-dropdown-menu-submenu-title {
  text-align: right;
}
.ant-dropdown-rtl .ant-dropdown-menu-item > .anticon:first-child,
.ant-dropdown-rtl .ant-dropdown-menu-submenu-title > .anticon:first-child,
.ant-dropdown-rtl .ant-dropdown-menu-item > span > .anticon:first-child,
.ant-dropdown-rtl .ant-dropdown-menu-submenu-title > span > .anticon:first-child {
  margin-right: 0;
  margin-left: 8px;
}
.ant-dropdown-rtl .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon,
.ant-dropdown-rtl .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon {
  right: auto;
  left: 8px;
}
.ant-dropdown-rtl .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon,
.ant-dropdown-rtl .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon {
  margin-left: 0 !important;
  transform: scaleX(-1);
}
.ant-dropdown-rtl .ant-dropdown-menu-submenu-title {
  padding-right: 12px;
  padding-left: 24px;
}
.ant-dropdown-rtl .ant-dropdown-menu-submenu-vertical > .ant-dropdown-menu {
  right: 100%;
  left: 0;
  margin-right: 4px;
  margin-left: 0;
}
.ant-empty {
  margin: 0 8px;
  font-size: 14px;
  line-height: 1.15;
  text-align: center;
}
.ant-empty-image {
  height: 100px;
  margin-bottom: 8px;
}
.ant-empty-image img {
  height: 100%;
}
.ant-empty-image svg {
  height: 100%;
  margin: auto;
}
.ant-empty-footer {
  margin-top: 16px;
}
.ant-empty-normal {
  margin: 32px 0;
  color: rgba(0, 0, 0, 0.25);
}
.ant-empty-normal .ant-empty-image {
  height: 40px;
}
.ant-empty-small {
  margin: 8px 0;
  color: rgba(0, 0, 0, 0.25);
}
.ant-empty-small .ant-empty-image {
  height: 35px;
}
.ant-empty-img-default-ellipse {
  fill: #f5f5f5;
  fill-opacity: 0.8;
}
.ant-empty-img-default-path-1 {
  fill: #aeb8c2;
}
.ant-empty-img-default-path-2 {
  fill: url('#linearGradient-1');
}
.ant-empty-img-default-path-3 {
  fill: #f5f5f7;
}
.ant-empty-img-default-path-4 {
  fill: #dce0e6;
}
.ant-empty-img-default-path-5 {
  fill: #dce0e6;
}
.ant-empty-img-default-g {
  fill: #fff;
}
.ant-empty-img-simple-ellipse {
  fill: #f5f5f5;
}
.ant-empty-img-simple-g {
  stroke: #d9d9d9;
}
.ant-empty-img-simple-path {
  fill: #fafafa;
}
.ant-empty-rtl {
  direction: rtl;
}
.ant-form-item .ant-input-number + .ant-form-text {
  margin-left: 8px;
}
.ant-form-inline {
  display: flex;
  flex-wrap: wrap;
}
.ant-form-inline .ant-form-item {
  flex: none;
  flex-wrap: nowrap;
  margin-right: 16px;
  margin-bottom: 0;
}
.ant-form-inline .ant-form-item-with-help {
  margin-bottom: 20px;
}
.ant-form-inline .ant-form-item > .ant-form-item-label,
.ant-form-inline .ant-form-item > .ant-form-item-control {
  display: inline-block;
  vertical-align: top;
}
.ant-form-inline .ant-form-item > .ant-form-item-label {
  flex: none;
}
.ant-form-inline .ant-form-item .ant-form-text {
  display: inline-block;
}
.ant-form-inline .ant-form-item .ant-form-item-has-feedback {
  display: inline-block;
}
.ant-form-horizontal .ant-form-item-label {
  flex-grow: 0;
}
.ant-form-horizontal .ant-form-item-control {
  flex: 1 1;
  min-width: 0;
}
.ant-form-horizontal .ant-form-item-label[class$='-24'] + .ant-form-item-control,
.ant-form-horizontal .ant-form-item-label[class*='-24 '] + .ant-form-item-control {
  min-width: unset;
}
.ant-form-vertical .ant-form-item-row {
  flex-direction: column;
}
.ant-form-vertical .ant-form-item-label > label {
  height: auto;
}
.ant-form-vertical .ant-form-item .ant-form-item-control {
  width: 100%;
}
.ant-form-vertical .ant-form-item-label,
.ant-col-24.ant-form-item-label,
.ant-col-xl-24.ant-form-item-label {
  padding: 0 0 8px;
  line-height: 1.15;
  white-space: initial;
  text-align: left;
}
.ant-form-vertical .ant-form-item-label > label,
.ant-col-24.ant-form-item-label > label,
.ant-col-xl-24.ant-form-item-label > label {
  margin: 0;
}
.ant-form-vertical .ant-form-item-label > label::after,
.ant-col-24.ant-form-item-label > label::after,
.ant-col-xl-24.ant-form-item-label > label::after {
  display: none;
}
.ant-form-rtl.ant-form-vertical .ant-form-item-label,
.ant-form-rtl.ant-col-24.ant-form-item-label,
.ant-form-rtl.ant-col-xl-24.ant-form-item-label {
  text-align: right;
}
@media (max-width: 575px) {
  .ant-form-item .ant-form-item-label {
    padding: 0 0 8px;
    line-height: 1.15;
    white-space: initial;
    text-align: left;
  }
  .ant-form-item .ant-form-item-label > label {
    margin: 0;
  }
  .ant-form-item .ant-form-item-label > label::after {
    display: none;
  }
  .ant-form-rtl.ant-form-item .ant-form-item-label {
    text-align: right;
  }
  .ant-form .ant-form-item {
    flex-wrap: wrap;
  }
  .ant-form .ant-form-item .ant-form-item-label,
  .ant-form .ant-form-item .ant-form-item-control {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ant-col-xs-24.ant-form-item-label {
    padding: 0 0 8px;
    line-height: 1.15;
    white-space: initial;
    text-align: left;
  }
  .ant-col-xs-24.ant-form-item-label > label {
    margin: 0;
  }
  .ant-col-xs-24.ant-form-item-label > label::after {
    display: none;
  }
  .ant-form-rtl.ant-col-xs-24.ant-form-item-label {
    text-align: right;
  }
}
@media (max-width: 767px) {
  .ant-col-sm-24.ant-form-item-label {
    padding: 0 0 8px;
    line-height: 1.15;
    white-space: initial;
    text-align: left;
  }
  .ant-col-sm-24.ant-form-item-label > label {
    margin: 0;
  }
  .ant-col-sm-24.ant-form-item-label > label::after {
    display: none;
  }
  .ant-form-rtl.ant-col-sm-24.ant-form-item-label {
    text-align: right;
  }
}
@media (max-width: 991px) {
  .ant-col-md-24.ant-form-item-label {
    padding: 0 0 8px;
    line-height: 1.15;
    white-space: initial;
    text-align: left;
  }
  .ant-col-md-24.ant-form-item-label > label {
    margin: 0;
  }
  .ant-col-md-24.ant-form-item-label > label::after {
    display: none;
  }
  .ant-form-rtl.ant-col-md-24.ant-form-item-label {
    text-align: right;
  }
}
@media (max-width: 1199px) {
  .ant-col-lg-24.ant-form-item-label {
    padding: 0 0 8px;
    line-height: 1.15;
    white-space: initial;
    text-align: left;
  }
  .ant-col-lg-24.ant-form-item-label > label {
    margin: 0;
  }
  .ant-col-lg-24.ant-form-item-label > label::after {
    display: none;
  }
  .ant-form-rtl.ant-col-lg-24.ant-form-item-label {
    text-align: right;
  }
}
@media (max-width: 1599px) {
  .ant-col-xl-24.ant-form-item-label {
    padding: 0 0 8px;
    line-height: 1.15;
    white-space: initial;
    text-align: left;
  }
  .ant-col-xl-24.ant-form-item-label > label {
    margin: 0;
  }
  .ant-col-xl-24.ant-form-item-label > label::after {
    display: none;
  }
  .ant-form-rtl.ant-col-xl-24.ant-form-item-label {
    text-align: right;
  }
}
.ant-form-item {
  /* Some non-status related component style is in `components.less` */
  /* To support leave along ErrorList. We add additional className to handle explain style */
}
.ant-form-item-explain-error {
  color: #C52A1A;
}
.ant-form-item-explain-warning {
  color: #FFBF1F;
}
.ant-form-item-has-feedback .ant-switch {
  margin: 2px 0 4px;
}
.ant-form-item-has-warning .ant-form-item-split {
  color: #FFBF1F;
}
.ant-form-item-has-error .ant-form-item-split {
  color: #C52A1A;
}
.ant-form {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #404041;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.15;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
}
.ant-form legend {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  padding: 0;
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  line-height: inherit;
  border: 0;
  border-bottom: 1px solid #D4D4D4;
}
.ant-form label {
  font-size: 14px;
}
.ant-form input[type='search'] {
  box-sizing: border-box;
}
.ant-form input[type='radio'],
.ant-form input[type='checkbox'] {
  line-height: normal;
}
.ant-form input[type='file'] {
  display: block;
}
.ant-form input[type='range'] {
  display: block;
  width: 100%;
}
.ant-form select[multiple],
.ant-form select[size] {
  height: auto;
}
.ant-form input[type='file']:focus,
.ant-form input[type='radio']:focus,
.ant-form input[type='checkbox']:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.ant-form output {
  display: block;
  padding-top: 15px;
  color: #404041;
  font-size: 14px;
  line-height: 1.15;
}
.ant-form .ant-form-text {
  display: inline-block;
  padding-right: 8px;
}
.ant-form-small .ant-form-item-label > label {
  height: 24px;
}
.ant-form-small .ant-form-item-control-input {
  min-height: 24px;
}
.ant-form-large .ant-form-item-label > label {
  height: 40px;
}
.ant-form-large .ant-form-item-control-input {
  min-height: 40px;
}
.ant-form-item {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #404041;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.15;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  margin-bottom: 20px;
  vertical-align: top;
}
.ant-form-item-with-help {
  transition: none;
}
.ant-form-item-hidden,
.ant-form-item-hidden.ant-row {
  display: none;
}
.ant-form-item-label {
  display: inline-block;
  flex-grow: 0;
  overflow: hidden;
  white-space: nowrap;
  text-align: right;
  vertical-align: middle;
}
.ant-form-item-label-left {
  text-align: left;
}
.ant-form-item-label-wrap {
  overflow: unset;
  line-height: 0.9em;
  white-space: unset;
}
.ant-form-item-label > label {
  position: relative;
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  height: 36px;
  color: #000;
  font-size: 14px;
}
.ant-form-item-label > label > .anticon {
  font-size: 14px;
  vertical-align: top;
}
.ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {
  display: inline-block;
  margin-right: 4px;
  color: #E0301E;
  font-size: 14px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.ant-form-hide-required-mark .ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {
  display: none;
}
.ant-form-item-label > label .ant-form-item-optional {
  display: inline-block;
  margin-left: 4px;
  color: rgba(0, 0, 0, 0.45);
}
.ant-form-hide-required-mark .ant-form-item-label > label .ant-form-item-optional {
  display: none;
}
.ant-form-item-label > label .ant-form-item-tooltip {
  color: rgba(0, 0, 0, 0.45);
  cursor: help;
  writing-mode: horizontal-tb;
  -webkit-margin-start: 4px;
          margin-inline-start: 4px;
}
.ant-form-item-label > label::after {
  content: ' ';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.ant-form-item-label > label.ant-form-item-no-colon::after {
  content: ' ';
}
.ant-form-item-control {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.ant-form-item-control:first-child:not([class^='ant-col-']):not([class*=' ant-col-']) {
  width: 100%;
}
.ant-form-item-control-input {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 36px;
}
.ant-form-item-control-input-content {
  flex: auto;
  max-width: 100%;
}
.ant-form-item-explain,
.ant-form-item-extra {
  clear: both;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.15;
  transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.ant-form-item-explain-connected {
  width: 100%;
}
.ant-form-item-extra {
  min-height: 20px;
}
.ant-form-item-with-help .ant-form-item-explain {
  height: auto;
  opacity: 1;
}
.ant-form-item-feedback-icon {
  font-size: 14px;
  text-align: center;
  visibility: visible;
  animation: zoomIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  pointer-events: none;
}
.ant-form-item-feedback-icon-success {
  color: #22992E;
}
.ant-form-item-feedback-icon-error {
  color: #C52A1A;
}
.ant-form-item-feedback-icon-warning {
  color: #FFBF1F;
}
.ant-form-item-feedback-icon-validating {
  color: #D04A02;
}
.ant-show-help {
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-show-help-appear,
.ant-show-help-enter {
  opacity: 0;
}
.ant-show-help-appear-active,
.ant-show-help-enter-active {
  opacity: 1;
}
.ant-show-help-leave {
  opacity: 1;
}
.ant-show-help-leave-active {
  opacity: 0;
}
.ant-show-help-item {
  overflow: hidden;
  transition: height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.ant-show-help-item-appear,
.ant-show-help-item-enter {
  transform: translateY(-5px);
  opacity: 0;
}
.ant-show-help-item-appear-active,
.ant-show-help-item-enter-active {
  transform: translateY(0);
  opacity: 1;
}
.ant-show-help-item-leave {
  transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.ant-show-help-item-leave-active {
  transform: translateY(-5px);
}
@keyframes diffZoomIn1 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes diffZoomIn2 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes diffZoomIn3 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.ant-form-rtl {
  direction: rtl;
}
.ant-form-rtl .ant-form-item-label {
  text-align: left;
}
.ant-form-rtl .ant-form-item-label > label.ant-form-item-required::before {
  margin-right: 0;
  margin-left: 4px;
}
.ant-form-rtl .ant-form-item-label > label::after {
  margin: 0 2px 0 8px;
}
.ant-form-rtl .ant-form-item-label > label .ant-form-item-optional {
  margin-right: 4px;
  margin-left: 0;
}
.ant-col-rtl .ant-form-item-control:first-child {
  width: 100%;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input {
  padding-right: 11px;
  padding-left: 24px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input-suffix {
  padding-right: 11px;
  padding-left: 18px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input {
  padding: 0;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input-number-affix-wrapper .ant-input-number {
  padding: 0;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input-search:not(.ant-input-search-enter-button) .ant-input-suffix {
  right: auto;
  left: 28px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input-number {
  padding-left: 18px;
}
.ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-arrow,
.ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-clear,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-arrow,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-clear,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-select-arrow,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-select-clear {
  right: auto;
  left: 32px;
}
.ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-selection-selected-value,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-selection-selected-value,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-select-selection-selected-value {
  padding-right: 0;
  padding-left: 42px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-arrow {
  margin-right: 0;
  margin-left: 19px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-clear {
  right: auto;
  left: 32px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-picker {
  padding-right: 11px;
  padding-left: 29.2px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-picker-large {
  padding-right: 11px;
  padding-left: 29.2px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-picker-small {
  padding-right: 7px;
  padding-left: 25.2px;
}
.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-success .ant-form-item-children-icon,
.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-warning .ant-form-item-children-icon,
.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-error .ant-form-item-children-icon,
.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-is-validating .ant-form-item-children-icon {
  right: auto;
  left: 0;
}
.ant-form-rtl.ant-form-inline .ant-form-item {
  margin-right: 0;
  margin-left: 16px;
}
.ant-row {
  display: flex;
  flex-flow: row wrap;
  min-width: 0;
}
.ant-row::before,
.ant-row::after {
  display: flex;
}
.ant-row-no-wrap {
  flex-wrap: nowrap;
}
.ant-row-start {
  justify-content: flex-start;
}
.ant-row-center {
  justify-content: center;
}
.ant-row-end {
  justify-content: flex-end;
}
.ant-row-space-between {
  justify-content: space-between;
}
.ant-row-space-around {
  justify-content: space-around;
}
.ant-row-space-evenly {
  justify-content: space-evenly;
}
.ant-row-top {
  align-items: flex-start;
}
.ant-row-middle {
  align-items: center;
}
.ant-row-bottom {
  align-items: flex-end;
}
.ant-col {
  position: relative;
  max-width: 100%;
  min-height: 1px;
}
.ant-col-24 {
  display: block;
  flex: 0 0 100%;
  max-width: 100%;
}
.ant-col-push-24 {
  left: 100%;
}
.ant-col-pull-24 {
  right: 100%;
}
.ant-col-offset-24 {
  margin-left: 100%;
}
.ant-col-order-24 {
  order: 24;
}
.ant-col-23 {
  display: block;
  flex: 0 0 95.83333333%;
  max-width: 95.83333333%;
}
.ant-col-push-23 {
  left: 95.83333333%;
}
.ant-col-pull-23 {
  right: 95.83333333%;
}
.ant-col-offset-23 {
  margin-left: 95.83333333%;
}
.ant-col-order-23 {
  order: 23;
}
.ant-col-22 {
  display: block;
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}
.ant-col-push-22 {
  left: 91.66666667%;
}
.ant-col-pull-22 {
  right: 91.66666667%;
}
.ant-col-offset-22 {
  margin-left: 91.66666667%;
}
.ant-col-order-22 {
  order: 22;
}
.ant-col-21 {
  display: block;
  flex: 0 0 87.5%;
  max-width: 87.5%;
}
.ant-col-push-21 {
  left: 87.5%;
}
.ant-col-pull-21 {
  right: 87.5%;
}
.ant-col-offset-21 {
  margin-left: 87.5%;
}
.ant-col-order-21 {
  order: 21;
}
.ant-col-20 {
  display: block;
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}
.ant-col-push-20 {
  left: 83.33333333%;
}
.ant-col-pull-20 {
  right: 83.33333333%;
}
.ant-col-offset-20 {
  margin-left: 83.33333333%;
}
.ant-col-order-20 {
  order: 20;
}
.ant-col-19 {
  display: block;
  flex: 0 0 79.16666667%;
  max-width: 79.16666667%;
}
.ant-col-push-19 {
  left: 79.16666667%;
}
.ant-col-pull-19 {
  right: 79.16666667%;
}
.ant-col-offset-19 {
  margin-left: 79.16666667%;
}
.ant-col-order-19 {
  order: 19;
}
.ant-col-18 {
  display: block;
  flex: 0 0 75%;
  max-width: 75%;
}
.ant-col-push-18 {
  left: 75%;
}
.ant-col-pull-18 {
  right: 75%;
}
.ant-col-offset-18 {
  margin-left: 75%;
}
.ant-col-order-18 {
  order: 18;
}
.ant-col-17 {
  display: block;
  flex: 0 0 70.83333333%;
  max-width: 70.83333333%;
}
.ant-col-push-17 {
  left: 70.83333333%;
}
.ant-col-pull-17 {
  right: 70.83333333%;
}
.ant-col-offset-17 {
  margin-left: 70.83333333%;
}
.ant-col-order-17 {
  order: 17;
}
.ant-col-16 {
  display: block;
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}
.ant-col-push-16 {
  left: 66.66666667%;
}
.ant-col-pull-16 {
  right: 66.66666667%;
}
.ant-col-offset-16 {
  margin-left: 66.66666667%;
}
.ant-col-order-16 {
  order: 16;
}
.ant-col-15 {
  display: block;
  flex: 0 0 62.5%;
  max-width: 62.5%;
}
.ant-col-push-15 {
  left: 62.5%;
}
.ant-col-pull-15 {
  right: 62.5%;
}
.ant-col-offset-15 {
  margin-left: 62.5%;
}
.ant-col-order-15 {
  order: 15;
}
.ant-col-14 {
  display: block;
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}
.ant-col-push-14 {
  left: 58.33333333%;
}
.ant-col-pull-14 {
  right: 58.33333333%;
}
.ant-col-offset-14 {
  margin-left: 58.33333333%;
}
.ant-col-order-14 {
  order: 14;
}
.ant-col-13 {
  display: block;
  flex: 0 0 54.16666667%;
  max-width: 54.16666667%;
}
.ant-col-push-13 {
  left: 54.16666667%;
}
.ant-col-pull-13 {
  right: 54.16666667%;
}
.ant-col-offset-13 {
  margin-left: 54.16666667%;
}
.ant-col-order-13 {
  order: 13;
}
.ant-col-12 {
  display: block;
  flex: 0 0 50%;
  max-width: 50%;
}
.ant-col-push-12 {
  left: 50%;
}
.ant-col-pull-12 {
  right: 50%;
}
.ant-col-offset-12 {
  margin-left: 50%;
}
.ant-col-order-12 {
  order: 12;
}
.ant-col-11 {
  display: block;
  flex: 0 0 45.83333333%;
  max-width: 45.83333333%;
}
.ant-col-push-11 {
  left: 45.83333333%;
}
.ant-col-pull-11 {
  right: 45.83333333%;
}
.ant-col-offset-11 {
  margin-left: 45.83333333%;
}
.ant-col-order-11 {
  order: 11;
}
.ant-col-10 {
  display: block;
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}
.ant-col-push-10 {
  left: 41.66666667%;
}
.ant-col-pull-10 {
  right: 41.66666667%;
}
.ant-col-offset-10 {
  margin-left: 41.66666667%;
}
.ant-col-order-10 {
  order: 10;
}
.ant-col-9 {
  display: block;
  flex: 0 0 37.5%;
  max-width: 37.5%;
}
.ant-col-push-9 {
  left: 37.5%;
}
.ant-col-pull-9 {
  right: 37.5%;
}
.ant-col-offset-9 {
  margin-left: 37.5%;
}
.ant-col-order-9 {
  order: 9;
}
.ant-col-8 {
  display: block;
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}
.ant-col-push-8 {
  left: 33.33333333%;
}
.ant-col-pull-8 {
  right: 33.33333333%;
}
.ant-col-offset-8 {
  margin-left: 33.33333333%;
}
.ant-col-order-8 {
  order: 8;
}
.ant-col-7 {
  display: block;
  flex: 0 0 29.16666667%;
  max-width: 29.16666667%;
}
.ant-col-push-7 {
  left: 29.16666667%;
}
.ant-col-pull-7 {
  right: 29.16666667%;
}
.ant-col-offset-7 {
  margin-left: 29.16666667%;
}
.ant-col-order-7 {
  order: 7;
}
.ant-col-6 {
  display: block;
  flex: 0 0 25%;
  max-width: 25%;
}
.ant-col-push-6 {
  left: 25%;
}
.ant-col-pull-6 {
  right: 25%;
}
.ant-col-offset-6 {
  margin-left: 25%;
}
.ant-col-order-6 {
  order: 6;
}
.ant-col-5 {
  display: block;
  flex: 0 0 20.83333333%;
  max-width: 20.83333333%;
}
.ant-col-push-5 {
  left: 20.83333333%;
}
.ant-col-pull-5 {
  right: 20.83333333%;
}
.ant-col-offset-5 {
  margin-left: 20.83333333%;
}
.ant-col-order-5 {
  order: 5;
}
.ant-col-4 {
  display: block;
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}
.ant-col-push-4 {
  left: 16.66666667%;
}
.ant-col-pull-4 {
  right: 16.66666667%;
}
.ant-col-offset-4 {
  margin-left: 16.66666667%;
}
.ant-col-order-4 {
  order: 4;
}
.ant-col-3 {
  display: block;
  flex: 0 0 12.5%;
  max-width: 12.5%;
}
.ant-col-push-3 {
  left: 12.5%;
}
.ant-col-pull-3 {
  right: 12.5%;
}
.ant-col-offset-3 {
  margin-left: 12.5%;
}
.ant-col-order-3 {
  order: 3;
}
.ant-col-2 {
  display: block;
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}
.ant-col-push-2 {
  left: 8.33333333%;
}
.ant-col-pull-2 {
  right: 8.33333333%;
}
.ant-col-offset-2 {
  margin-left: 8.33333333%;
}
.ant-col-order-2 {
  order: 2;
}
.ant-col-1 {
  display: block;
  flex: 0 0 4.16666667%;
  max-width: 4.16666667%;
}
.ant-col-push-1 {
  left: 4.16666667%;
}
.ant-col-pull-1 {
  right: 4.16666667%;
}
.ant-col-offset-1 {
  margin-left: 4.16666667%;
}
.ant-col-order-1 {
  order: 1;
}
.ant-col-0 {
  display: none;
}
.ant-col-push-0 {
  left: auto;
}
.ant-col-pull-0 {
  right: auto;
}
.ant-col-push-0 {
  left: auto;
}
.ant-col-pull-0 {
  right: auto;
}
.ant-col-offset-0 {
  margin-left: 0;
}
.ant-col-order-0 {
  order: 0;
}
.ant-col-push-0.ant-col-rtl {
  right: auto;
}
.ant-col-pull-0.ant-col-rtl {
  left: auto;
}
.ant-col-push-0.ant-col-rtl {
  right: auto;
}
.ant-col-pull-0.ant-col-rtl {
  left: auto;
}
.ant-col-offset-0.ant-col-rtl {
  margin-right: 0;
}
.ant-col-push-1.ant-col-rtl {
  right: 4.16666667%;
  left: auto;
}
.ant-col-pull-1.ant-col-rtl {
  right: auto;
  left: 4.16666667%;
}
.ant-col-offset-1.ant-col-rtl {
  margin-right: 4.16666667%;
  margin-left: 0;
}
.ant-col-push-2.ant-col-rtl {
  right: 8.33333333%;
  left: auto;
}
.ant-col-pull-2.ant-col-rtl {
  right: auto;
  left: 8.33333333%;
}
.ant-col-offset-2.ant-col-rtl {
  margin-right: 8.33333333%;
  margin-left: 0;
}
.ant-col-push-3.ant-col-rtl {
  right: 12.5%;
  left: auto;
}
.ant-col-pull-3.ant-col-rtl {
  right: auto;
  left: 12.5%;
}
.ant-col-offset-3.ant-col-rtl {
  margin-right: 12.5%;
  margin-left: 0;
}
.ant-col-push-4.ant-col-rtl {
  right: 16.66666667%;
  left: auto;
}
.ant-col-pull-4.ant-col-rtl {
  right: auto;
  left: 16.66666667%;
}
.ant-col-offset-4.ant-col-rtl {
  margin-right: 16.66666667%;
  margin-left: 0;
}
.ant-col-push-5.ant-col-rtl {
  right: 20.83333333%;
  left: auto;
}
.ant-col-pull-5.ant-col-rtl {
  right: auto;
  left: 20.83333333%;
}
.ant-col-offset-5.ant-col-rtl {
  margin-right: 20.83333333%;
  margin-left: 0;
}
.ant-col-push-6.ant-col-rtl {
  right: 25%;
  left: auto;
}
.ant-col-pull-6.ant-col-rtl {
  right: auto;
  left: 25%;
}
.ant-col-offset-6.ant-col-rtl {
  margin-right: 25%;
  margin-left: 0;
}
.ant-col-push-7.ant-col-rtl {
  right: 29.16666667%;
  left: auto;
}
.ant-col-pull-7.ant-col-rtl {
  right: auto;
  left: 29.16666667%;
}
.ant-col-offset-7.ant-col-rtl {
  margin-right: 29.16666667%;
  margin-left: 0;
}
.ant-col-push-8.ant-col-rtl {
  right: 33.33333333%;
  left: auto;
}
.ant-col-pull-8.ant-col-rtl {
  right: auto;
  left: 33.33333333%;
}
.ant-col-offset-8.ant-col-rtl {
  margin-right: 33.33333333%;
  margin-left: 0;
}
.ant-col-push-9.ant-col-rtl {
  right: 37.5%;
  left: auto;
}
.ant-col-pull-9.ant-col-rtl {
  right: auto;
  left: 37.5%;
}
.ant-col-offset-9.ant-col-rtl {
  margin-right: 37.5%;
  margin-left: 0;
}
.ant-col-push-10.ant-col-rtl {
  right: 41.66666667%;
  left: auto;
}
.ant-col-pull-10.ant-col-rtl {
  right: auto;
  left: 41.66666667%;
}
.ant-col-offset-10.ant-col-rtl {
  margin-right: 41.66666667%;
  margin-left: 0;
}
.ant-col-push-11.ant-col-rtl {
  right: 45.83333333%;
  left: auto;
}
.ant-col-pull-11.ant-col-rtl {
  right: auto;
  left: 45.83333333%;
}
.ant-col-offset-11.ant-col-rtl {
  margin-right: 45.83333333%;
  margin-left: 0;
}
.ant-col-push-12.ant-col-rtl {
  right: 50%;
  left: auto;
}
.ant-col-pull-12.ant-col-rtl {
  right: auto;
  left: 50%;
}
.ant-col-offset-12.ant-col-rtl {
  margin-right: 50%;
  margin-left: 0;
}
.ant-col-push-13.ant-col-rtl {
  right: 54.16666667%;
  left: auto;
}
.ant-col-pull-13.ant-col-rtl {
  right: auto;
  left: 54.16666667%;
}
.ant-col-offset-13.ant-col-rtl {
  margin-right: 54.16666667%;
  margin-left: 0;
}
.ant-col-push-14.ant-col-rtl {
  right: 58.33333333%;
  left: auto;
}
.ant-col-pull-14.ant-col-rtl {
  right: auto;
  left: 58.33333333%;
}
.ant-col-offset-14.ant-col-rtl {
  margin-right: 58.33333333%;
  margin-left: 0;
}
.ant-col-push-15.ant-col-rtl {
  right: 62.5%;
  left: auto;
}
.ant-col-pull-15.ant-col-rtl {
  right: auto;
  left: 62.5%;
}
.ant-col-offset-15.ant-col-rtl {
  margin-right: 62.5%;
  margin-left: 0;
}
.ant-col-push-16.ant-col-rtl {
  right: 66.66666667%;
  left: auto;
}
.ant-col-pull-16.ant-col-rtl {
  right: auto;
  left: 66.66666667%;
}
.ant-col-offset-16.ant-col-rtl {
  margin-right: 66.66666667%;
  margin-left: 0;
}
.ant-col-push-17.ant-col-rtl {
  right: 70.83333333%;
  left: auto;
}
.ant-col-pull-17.ant-col-rtl {
  right: auto;
  left: 70.83333333%;
}
.ant-col-offset-17.ant-col-rtl {
  margin-right: 70.83333333%;
  margin-left: 0;
}
.ant-col-push-18.ant-col-rtl {
  right: 75%;
  left: auto;
}
.ant-col-pull-18.ant-col-rtl {
  right: auto;
  left: 75%;
}
.ant-col-offset-18.ant-col-rtl {
  margin-right: 75%;
  margin-left: 0;
}
.ant-col-push-19.ant-col-rtl {
  right: 79.16666667%;
  left: auto;
}
.ant-col-pull-19.ant-col-rtl {
  right: auto;
  left: 79.16666667%;
}
.ant-col-offset-19.ant-col-rtl {
  margin-right: 79.16666667%;
  margin-left: 0;
}
.ant-col-push-20.ant-col-rtl {
  right: 83.33333333%;
  left: auto;
}
.ant-col-pull-20.ant-col-rtl {
  right: auto;
  left: 83.33333333%;
}
.ant-col-offset-20.ant-col-rtl {
  margin-right: 83.33333333%;
  margin-left: 0;
}
.ant-col-push-21.ant-col-rtl {
  right: 87.5%;
  left: auto;
}
.ant-col-pull-21.ant-col-rtl {
  right: auto;
  left: 87.5%;
}
.ant-col-offset-21.ant-col-rtl {
  margin-right: 87.5%;
  margin-left: 0;
}
.ant-col-push-22.ant-col-rtl {
  right: 91.66666667%;
  left: auto;
}
.ant-col-pull-22.ant-col-rtl {
  right: auto;
  left: 91.66666667%;
}
.ant-col-offset-22.ant-col-rtl {
  margin-right: 91.66666667%;
  margin-left: 0;
}
.ant-col-push-23.ant-col-rtl {
  right: 95.83333333%;
  left: auto;
}
.ant-col-pull-23.ant-col-rtl {
  right: auto;
  left: 95.83333333%;
}
.ant-col-offset-23.ant-col-rtl {
  margin-right: 95.83333333%;
  margin-left: 0;
}
.ant-col-push-24.ant-col-rtl {
  right: 100%;
  left: auto;
}
.ant-col-pull-24.ant-col-rtl {
  right: auto;
  left: 100%;
}
.ant-col-offset-24.ant-col-rtl {
  margin-right: 100%;
  margin-left: 0;
}
.ant-col-xs-24 {
  display: block;
  flex: 0 0 100%;
  max-width: 100%;
}
.ant-col-xs-push-24 {
  left: 100%;
}
.ant-col-xs-pull-24 {
  right: 100%;
}
.ant-col-xs-offset-24 {
  margin-left: 100%;
}
.ant-col-xs-order-24 {
  order: 24;
}
.ant-col-xs-23 {
  display: block;
  flex: 0 0 95.83333333%;
  max-width: 95.83333333%;
}
.ant-col-xs-push-23 {
  left: 95.83333333%;
}
.ant-col-xs-pull-23 {
  right: 95.83333333%;
}
.ant-col-xs-offset-23 {
  margin-left: 95.83333333%;
}
.ant-col-xs-order-23 {
  order: 23;
}
.ant-col-xs-22 {
  display: block;
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}
.ant-col-xs-push-22 {
  left: 91.66666667%;
}
.ant-col-xs-pull-22 {
  right: 91.66666667%;
}
.ant-col-xs-offset-22 {
  margin-left: 91.66666667%;
}
.ant-col-xs-order-22 {
  order: 22;
}
.ant-col-xs-21 {
  display: block;
  flex: 0 0 87.5%;
  max-width: 87.5%;
}
.ant-col-xs-push-21 {
  left: 87.5%;
}
.ant-col-xs-pull-21 {
  right: 87.5%;
}
.ant-col-xs-offset-21 {
  margin-left: 87.5%;
}
.ant-col-xs-order-21 {
  order: 21;
}
.ant-col-xs-20 {
  display: block;
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}
.ant-col-xs-push-20 {
  left: 83.33333333%;
}
.ant-col-xs-pull-20 {
  right: 83.33333333%;
}
.ant-col-xs-offset-20 {
  margin-left: 83.33333333%;
}
.ant-col-xs-order-20 {
  order: 20;
}
.ant-col-xs-19 {
  display: block;
  flex: 0 0 79.16666667%;
  max-width: 79.16666667%;
}
.ant-col-xs-push-19 {
  left: 79.16666667%;
}
.ant-col-xs-pull-19 {
  right: 79.16666667%;
}
.ant-col-xs-offset-19 {
  margin-left: 79.16666667%;
}
.ant-col-xs-order-19 {
  order: 19;
}
.ant-col-xs-18 {
  display: block;
  flex: 0 0 75%;
  max-width: 75%;
}
.ant-col-xs-push-18 {
  left: 75%;
}
.ant-col-xs-pull-18 {
  right: 75%;
}
.ant-col-xs-offset-18 {
  margin-left: 75%;
}
.ant-col-xs-order-18 {
  order: 18;
}
.ant-col-xs-17 {
  display: block;
  flex: 0 0 70.83333333%;
  max-width: 70.83333333%;
}
.ant-col-xs-push-17 {
  left: 70.83333333%;
}
.ant-col-xs-pull-17 {
  right: 70.83333333%;
}
.ant-col-xs-offset-17 {
  margin-left: 70.83333333%;
}
.ant-col-xs-order-17 {
  order: 17;
}
.ant-col-xs-16 {
  display: block;
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}
.ant-col-xs-push-16 {
  left: 66.66666667%;
}
.ant-col-xs-pull-16 {
  right: 66.66666667%;
}
.ant-col-xs-offset-16 {
  margin-left: 66.66666667%;
}
.ant-col-xs-order-16 {
  order: 16;
}
.ant-col-xs-15 {
  display: block;
  flex: 0 0 62.5%;
  max-width: 62.5%;
}
.ant-col-xs-push-15 {
  left: 62.5%;
}
.ant-col-xs-pull-15 {
  right: 62.5%;
}
.ant-col-xs-offset-15 {
  margin-left: 62.5%;
}
.ant-col-xs-order-15 {
  order: 15;
}
.ant-col-xs-14 {
  display: block;
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}
.ant-col-xs-push-14 {
  left: 58.33333333%;
}
.ant-col-xs-pull-14 {
  right: 58.33333333%;
}
.ant-col-xs-offset-14 {
  margin-left: 58.33333333%;
}
.ant-col-xs-order-14 {
  order: 14;
}
.ant-col-xs-13 {
  display: block;
  flex: 0 0 54.16666667%;
  max-width: 54.16666667%;
}
.ant-col-xs-push-13 {
  left: 54.16666667%;
}
.ant-col-xs-pull-13 {
  right: 54.16666667%;
}
.ant-col-xs-offset-13 {
  margin-left: 54.16666667%;
}
.ant-col-xs-order-13 {
  order: 13;
}
.ant-col-xs-12 {
  display: block;
  flex: 0 0 50%;
  max-width: 50%;
}
.ant-col-xs-push-12 {
  left: 50%;
}
.ant-col-xs-pull-12 {
  right: 50%;
}
.ant-col-xs-offset-12 {
  margin-left: 50%;
}
.ant-col-xs-order-12 {
  order: 12;
}
.ant-col-xs-11 {
  display: block;
  flex: 0 0 45.83333333%;
  max-width: 45.83333333%;
}
.ant-col-xs-push-11 {
  left: 45.83333333%;
}
.ant-col-xs-pull-11 {
  right: 45.83333333%;
}
.ant-col-xs-offset-11 {
  margin-left: 45.83333333%;
}
.ant-col-xs-order-11 {
  order: 11;
}
.ant-col-xs-10 {
  display: block;
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}
.ant-col-xs-push-10 {
  left: 41.66666667%;
}
.ant-col-xs-pull-10 {
  right: 41.66666667%;
}
.ant-col-xs-offset-10 {
  margin-left: 41.66666667%;
}
.ant-col-xs-order-10 {
  order: 10;
}
.ant-col-xs-9 {
  display: block;
  flex: 0 0 37.5%;
  max-width: 37.5%;
}
.ant-col-xs-push-9 {
  left: 37.5%;
}
.ant-col-xs-pull-9 {
  right: 37.5%;
}
.ant-col-xs-offset-9 {
  margin-left: 37.5%;
}
.ant-col-xs-order-9 {
  order: 9;
}
.ant-col-xs-8 {
  display: block;
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}
.ant-col-xs-push-8 {
  left: 33.33333333%;
}
.ant-col-xs-pull-8 {
  right: 33.33333333%;
}
.ant-col-xs-offset-8 {
  margin-left: 33.33333333%;
}
.ant-col-xs-order-8 {
  order: 8;
}
.ant-col-xs-7 {
  display: block;
  flex: 0 0 29.16666667%;
  max-width: 29.16666667%;
}
.ant-col-xs-push-7 {
  left: 29.16666667%;
}
.ant-col-xs-pull-7 {
  right: 29.16666667%;
}
.ant-col-xs-offset-7 {
  margin-left: 29.16666667%;
}
.ant-col-xs-order-7 {
  order: 7;
}
.ant-col-xs-6 {
  display: block;
  flex: 0 0 25%;
  max-width: 25%;
}
.ant-col-xs-push-6 {
  left: 25%;
}
.ant-col-xs-pull-6 {
  right: 25%;
}
.ant-col-xs-offset-6 {
  margin-left: 25%;
}
.ant-col-xs-order-6 {
  order: 6;
}
.ant-col-xs-5 {
  display: block;
  flex: 0 0 20.83333333%;
  max-width: 20.83333333%;
}
.ant-col-xs-push-5 {
  left: 20.83333333%;
}
.ant-col-xs-pull-5 {
  right: 20.83333333%;
}
.ant-col-xs-offset-5 {
  margin-left: 20.83333333%;
}
.ant-col-xs-order-5 {
  order: 5;
}
.ant-col-xs-4 {
  display: block;
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}
.ant-col-xs-push-4 {
  left: 16.66666667%;
}
.ant-col-xs-pull-4 {
  right: 16.66666667%;
}
.ant-col-xs-offset-4 {
  margin-left: 16.66666667%;
}
.ant-col-xs-order-4 {
  order: 4;
}
.ant-col-xs-3 {
  display: block;
  flex: 0 0 12.5%;
  max-width: 12.5%;
}
.ant-col-xs-push-3 {
  left: 12.5%;
}
.ant-col-xs-pull-3 {
  right: 12.5%;
}
.ant-col-xs-offset-3 {
  margin-left: 12.5%;
}
.ant-col-xs-order-3 {
  order: 3;
}
.ant-col-xs-2 {
  display: block;
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}
.ant-col-xs-push-2 {
  left: 8.33333333%;
}
.ant-col-xs-pull-2 {
  right: 8.33333333%;
}
.ant-col-xs-offset-2 {
  margin-left: 8.33333333%;
}
.ant-col-xs-order-2 {
  order: 2;
}
.ant-col-xs-1 {
  display: block;
  flex: 0 0 4.16666667%;
  max-width: 4.16666667%;
}
.ant-col-xs-push-1 {
  left: 4.16666667%;
}
.ant-col-xs-pull-1 {
  right: 4.16666667%;
}
.ant-col-xs-offset-1 {
  margin-left: 4.16666667%;
}
.ant-col-xs-order-1 {
  order: 1;
}
.ant-col-xs-0 {
  display: none;
}
.ant-col-push-0 {
  left: auto;
}
.ant-col-pull-0 {
  right: auto;
}
.ant-col-xs-push-0 {
  left: auto;
}
.ant-col-xs-pull-0 {
  right: auto;
}
.ant-col-xs-offset-0 {
  margin-left: 0;
}
.ant-col-xs-order-0 {
  order: 0;
}
.ant-col-push-0.ant-col-rtl {
  right: auto;
}
.ant-col-pull-0.ant-col-rtl {
  left: auto;
}
.ant-col-xs-push-0.ant-col-rtl {
  right: auto;
}
.ant-col-xs-pull-0.ant-col-rtl {
  left: auto;
}
.ant-col-xs-offset-0.ant-col-rtl {
  margin-right: 0;
}
.ant-col-xs-push-1.ant-col-rtl {
  right: 4.16666667%;
  left: auto;
}
.ant-col-xs-pull-1.ant-col-rtl {
  right: auto;
  left: 4.16666667%;
}
.ant-col-xs-offset-1.ant-col-rtl {
  margin-right: 4.16666667%;
  margin-left: 0;
}
.ant-col-xs-push-2.ant-col-rtl {
  right: 8.33333333%;
  left: auto;
}
.ant-col-xs-pull-2.ant-col-rtl {
  right: auto;
  left: 8.33333333%;
}
.ant-col-xs-offset-2.ant-col-rtl {
  margin-right: 8.33333333%;
  margin-left: 0;
}
.ant-col-xs-push-3.ant-col-rtl {
  right: 12.5%;
  left: auto;
}
.ant-col-xs-pull-3.ant-col-rtl {
  right: auto;
  left: 12.5%;
}
.ant-col-xs-offset-3.ant-col-rtl {
  margin-right: 12.5%;
  margin-left: 0;
}
.ant-col-xs-push-4.ant-col-rtl {
  right: 16.66666667%;
  left: auto;
}
.ant-col-xs-pull-4.ant-col-rtl {
  right: auto;
  left: 16.66666667%;
}
.ant-col-xs-offset-4.ant-col-rtl {
  margin-right: 16.66666667%;
  margin-left: 0;
}
.ant-col-xs-push-5.ant-col-rtl {
  right: 20.83333333%;
  left: auto;
}
.ant-col-xs-pull-5.ant-col-rtl {
  right: auto;
  left: 20.83333333%;
}
.ant-col-xs-offset-5.ant-col-rtl {
  margin-right: 20.83333333%;
  margin-left: 0;
}
.ant-col-xs-push-6.ant-col-rtl {
  right: 25%;
  left: auto;
}
.ant-col-xs-pull-6.ant-col-rtl {
  right: auto;
  left: 25%;
}
.ant-col-xs-offset-6.ant-col-rtl {
  margin-right: 25%;
  margin-left: 0;
}
.ant-col-xs-push-7.ant-col-rtl {
  right: 29.16666667%;
  left: auto;
}
.ant-col-xs-pull-7.ant-col-rtl {
  right: auto;
  left: 29.16666667%;
}
.ant-col-xs-offset-7.ant-col-rtl {
  margin-right: 29.16666667%;
  margin-left: 0;
}
.ant-col-xs-push-8.ant-col-rtl {
  right: 33.33333333%;
  left: auto;
}
.ant-col-xs-pull-8.ant-col-rtl {
  right: auto;
  left: 33.33333333%;
}
.ant-col-xs-offset-8.ant-col-rtl {
  margin-right: 33.33333333%;
  margin-left: 0;
}
.ant-col-xs-push-9.ant-col-rtl {
  right: 37.5%;
  left: auto;
}
.ant-col-xs-pull-9.ant-col-rtl {
  right: auto;
  left: 37.5%;
}
.ant-col-xs-offset-9.ant-col-rtl {
  margin-right: 37.5%;
  margin-left: 0;
}
.ant-col-xs-push-10.ant-col-rtl {
  right: 41.66666667%;
  left: auto;
}
.ant-col-xs-pull-10.ant-col-rtl {
  right: auto;
  left: 41.66666667%;
}
.ant-col-xs-offset-10.ant-col-rtl {
  margin-right: 41.66666667%;
  margin-left: 0;
}
.ant-col-xs-push-11.ant-col-rtl {
  right: 45.83333333%;
  left: auto;
}
.ant-col-xs-pull-11.ant-col-rtl {
  right: auto;
  left: 45.83333333%;
}
.ant-col-xs-offset-11.ant-col-rtl {
  margin-right: 45.83333333%;
  margin-left: 0;
}
.ant-col-xs-push-12.ant-col-rtl {
  right: 50%;
  left: auto;
}
.ant-col-xs-pull-12.ant-col-rtl {
  right: auto;
  left: 50%;
}
.ant-col-xs-offset-12.ant-col-rtl {
  margin-right: 50%;
  margin-left: 0;
}
.ant-col-xs-push-13.ant-col-rtl {
  right: 54.16666667%;
  left: auto;
}
.ant-col-xs-pull-13.ant-col-rtl {
  right: auto;
  left: 54.16666667%;
}
.ant-col-xs-offset-13.ant-col-rtl {
  margin-right: 54.16666667%;
  margin-left: 0;
}
.ant-col-xs-push-14.ant-col-rtl {
  right: 58.33333333%;
  left: auto;
}
.ant-col-xs-pull-14.ant-col-rtl {
  right: auto;
  left: 58.33333333%;
}
.ant-col-xs-offset-14.ant-col-rtl {
  margin-right: 58.33333333%;
  margin-left: 0;
}
.ant-col-xs-push-15.ant-col-rtl {
  right: 62.5%;
  left: auto;
}
.ant-col-xs-pull-15.ant-col-rtl {
  right: auto;
  left: 62.5%;
}
.ant-col-xs-offset-15.ant-col-rtl {
  margin-right: 62.5%;
  margin-left: 0;
}
.ant-col-xs-push-16.ant-col-rtl {
  right: 66.66666667%;
  left: auto;
}
.ant-col-xs-pull-16.ant-col-rtl {
  right: auto;
  left: 66.66666667%;
}
.ant-col-xs-offset-16.ant-col-rtl {
  margin-right: 66.66666667%;
  margin-left: 0;
}
.ant-col-xs-push-17.ant-col-rtl {
  right: 70.83333333%;
  left: auto;
}
.ant-col-xs-pull-17.ant-col-rtl {
  right: auto;
  left: 70.83333333%;
}
.ant-col-xs-offset-17.ant-col-rtl {
  margin-right: 70.83333333%;
  margin-left: 0;
}
.ant-col-xs-push-18.ant-col-rtl {
  right: 75%;
  left: auto;
}
.ant-col-xs-pull-18.ant-col-rtl {
  right: auto;
  left: 75%;
}
.ant-col-xs-offset-18.ant-col-rtl {
  margin-right: 75%;
  margin-left: 0;
}
.ant-col-xs-push-19.ant-col-rtl {
  right: 79.16666667%;
  left: auto;
}
.ant-col-xs-pull-19.ant-col-rtl {
  right: auto;
  left: 79.16666667%;
}
.ant-col-xs-offset-19.ant-col-rtl {
  margin-right: 79.16666667%;
  margin-left: 0;
}
.ant-col-xs-push-20.ant-col-rtl {
  right: 83.33333333%;
  left: auto;
}
.ant-col-xs-pull-20.ant-col-rtl {
  right: auto;
  left: 83.33333333%;
}
.ant-col-xs-offset-20.ant-col-rtl {
  margin-right: 83.33333333%;
  margin-left: 0;
}
.ant-col-xs-push-21.ant-col-rtl {
  right: 87.5%;
  left: auto;
}
.ant-col-xs-pull-21.ant-col-rtl {
  right: auto;
  left: 87.5%;
}
.ant-col-xs-offset-21.ant-col-rtl {
  margin-right: 87.5%;
  margin-left: 0;
}
.ant-col-xs-push-22.ant-col-rtl {
  right: 91.66666667%;
  left: auto;
}
.ant-col-xs-pull-22.ant-col-rtl {
  right: auto;
  left: 91.66666667%;
}
.ant-col-xs-offset-22.ant-col-rtl {
  margin-right: 91.66666667%;
  margin-left: 0;
}
.ant-col-xs-push-23.ant-col-rtl {
  right: 95.83333333%;
  left: auto;
}
.ant-col-xs-pull-23.ant-col-rtl {
  right: auto;
  left: 95.83333333%;
}
.ant-col-xs-offset-23.ant-col-rtl {
  margin-right: 95.83333333%;
  margin-left: 0;
}
.ant-col-xs-push-24.ant-col-rtl {
  right: 100%;
  left: auto;
}
.ant-col-xs-pull-24.ant-col-rtl {
  right: auto;
  left: 100%;
}
.ant-col-xs-offset-24.ant-col-rtl {
  margin-right: 100%;
  margin-left: 0;
}
@media (min-width: 576px) {
  .ant-col-sm-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ant-col-sm-push-24 {
    left: 100%;
  }
  .ant-col-sm-pull-24 {
    right: 100%;
  }
  .ant-col-sm-offset-24 {
    margin-left: 100%;
  }
  .ant-col-sm-order-24 {
    order: 24;
  }
  .ant-col-sm-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%;
  }
  .ant-col-sm-push-23 {
    left: 95.83333333%;
  }
  .ant-col-sm-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-sm-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-sm-order-23 {
    order: 23;
  }
  .ant-col-sm-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .ant-col-sm-push-22 {
    left: 91.66666667%;
  }
  .ant-col-sm-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-sm-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-sm-order-22 {
    order: 22;
  }
  .ant-col-sm-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .ant-col-sm-push-21 {
    left: 87.5%;
  }
  .ant-col-sm-pull-21 {
    right: 87.5%;
  }
  .ant-col-sm-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-sm-order-21 {
    order: 21;
  }
  .ant-col-sm-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .ant-col-sm-push-20 {
    left: 83.33333333%;
  }
  .ant-col-sm-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-sm-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-sm-order-20 {
    order: 20;
  }
  .ant-col-sm-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }
  .ant-col-sm-push-19 {
    left: 79.16666667%;
  }
  .ant-col-sm-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-sm-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-sm-order-19 {
    order: 19;
  }
  .ant-col-sm-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .ant-col-sm-push-18 {
    left: 75%;
  }
  .ant-col-sm-pull-18 {
    right: 75%;
  }
  .ant-col-sm-offset-18 {
    margin-left: 75%;
  }
  .ant-col-sm-order-18 {
    order: 18;
  }
  .ant-col-sm-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%;
  }
  .ant-col-sm-push-17 {
    left: 70.83333333%;
  }
  .ant-col-sm-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-sm-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-sm-order-17 {
    order: 17;
  }
  .ant-col-sm-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .ant-col-sm-push-16 {
    left: 66.66666667%;
  }
  .ant-col-sm-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-sm-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-sm-order-16 {
    order: 16;
  }
  .ant-col-sm-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .ant-col-sm-push-15 {
    left: 62.5%;
  }
  .ant-col-sm-pull-15 {
    right: 62.5%;
  }
  .ant-col-sm-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-sm-order-15 {
    order: 15;
  }
  .ant-col-sm-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .ant-col-sm-push-14 {
    left: 58.33333333%;
  }
  .ant-col-sm-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-sm-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-sm-order-14 {
    order: 14;
  }
  .ant-col-sm-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }
  .ant-col-sm-push-13 {
    left: 54.16666667%;
  }
  .ant-col-sm-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-sm-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-sm-order-13 {
    order: 13;
  }
  .ant-col-sm-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .ant-col-sm-push-12 {
    left: 50%;
  }
  .ant-col-sm-pull-12 {
    right: 50%;
  }
  .ant-col-sm-offset-12 {
    margin-left: 50%;
  }
  .ant-col-sm-order-12 {
    order: 12;
  }
  .ant-col-sm-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%;
  }
  .ant-col-sm-push-11 {
    left: 45.83333333%;
  }
  .ant-col-sm-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-sm-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-sm-order-11 {
    order: 11;
  }
  .ant-col-sm-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .ant-col-sm-push-10 {
    left: 41.66666667%;
  }
  .ant-col-sm-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-sm-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-sm-order-10 {
    order: 10;
  }
  .ant-col-sm-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .ant-col-sm-push-9 {
    left: 37.5%;
  }
  .ant-col-sm-pull-9 {
    right: 37.5%;
  }
  .ant-col-sm-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-sm-order-9 {
    order: 9;
  }
  .ant-col-sm-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .ant-col-sm-push-8 {
    left: 33.33333333%;
  }
  .ant-col-sm-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-sm-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-sm-order-8 {
    order: 8;
  }
  .ant-col-sm-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }
  .ant-col-sm-push-7 {
    left: 29.16666667%;
  }
  .ant-col-sm-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-sm-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-sm-order-7 {
    order: 7;
  }
  .ant-col-sm-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .ant-col-sm-push-6 {
    left: 25%;
  }
  .ant-col-sm-pull-6 {
    right: 25%;
  }
  .ant-col-sm-offset-6 {
    margin-left: 25%;
  }
  .ant-col-sm-order-6 {
    order: 6;
  }
  .ant-col-sm-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%;
  }
  .ant-col-sm-push-5 {
    left: 20.83333333%;
  }
  .ant-col-sm-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-sm-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-sm-order-5 {
    order: 5;
  }
  .ant-col-sm-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .ant-col-sm-push-4 {
    left: 16.66666667%;
  }
  .ant-col-sm-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-sm-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-sm-order-4 {
    order: 4;
  }
  .ant-col-sm-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .ant-col-sm-push-3 {
    left: 12.5%;
  }
  .ant-col-sm-pull-3 {
    right: 12.5%;
  }
  .ant-col-sm-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-sm-order-3 {
    order: 3;
  }
  .ant-col-sm-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .ant-col-sm-push-2 {
    left: 8.33333333%;
  }
  .ant-col-sm-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-sm-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-sm-order-2 {
    order: 2;
  }
  .ant-col-sm-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }
  .ant-col-sm-push-1 {
    left: 4.16666667%;
  }
  .ant-col-sm-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-sm-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-sm-order-1 {
    order: 1;
  }
  .ant-col-sm-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-sm-push-0 {
    left: auto;
  }
  .ant-col-sm-pull-0 {
    right: auto;
  }
  .ant-col-sm-offset-0 {
    margin-left: 0;
  }
  .ant-col-sm-order-0 {
    order: 0;
  }
  .ant-col-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-sm-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-sm-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-sm-offset-0.ant-col-rtl {
    margin-right: 0;
  }
  .ant-col-sm-push-1.ant-col-rtl {
    right: 4.16666667%;
    left: auto;
  }
  .ant-col-sm-pull-1.ant-col-rtl {
    right: auto;
    left: 4.16666667%;
  }
  .ant-col-sm-offset-1.ant-col-rtl {
    margin-right: 4.16666667%;
    margin-left: 0;
  }
  .ant-col-sm-push-2.ant-col-rtl {
    right: 8.33333333%;
    left: auto;
  }
  .ant-col-sm-pull-2.ant-col-rtl {
    right: auto;
    left: 8.33333333%;
  }
  .ant-col-sm-offset-2.ant-col-rtl {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  .ant-col-sm-push-3.ant-col-rtl {
    right: 12.5%;
    left: auto;
  }
  .ant-col-sm-pull-3.ant-col-rtl {
    right: auto;
    left: 12.5%;
  }
  .ant-col-sm-offset-3.ant-col-rtl {
    margin-right: 12.5%;
    margin-left: 0;
  }
  .ant-col-sm-push-4.ant-col-rtl {
    right: 16.66666667%;
    left: auto;
  }
  .ant-col-sm-pull-4.ant-col-rtl {
    right: auto;
    left: 16.66666667%;
  }
  .ant-col-sm-offset-4.ant-col-rtl {
    margin-right: 16.66666667%;
    margin-left: 0;
  }
  .ant-col-sm-push-5.ant-col-rtl {
    right: 20.83333333%;
    left: auto;
  }
  .ant-col-sm-pull-5.ant-col-rtl {
    right: auto;
    left: 20.83333333%;
  }
  .ant-col-sm-offset-5.ant-col-rtl {
    margin-right: 20.83333333%;
    margin-left: 0;
  }
  .ant-col-sm-push-6.ant-col-rtl {
    right: 25%;
    left: auto;
  }
  .ant-col-sm-pull-6.ant-col-rtl {
    right: auto;
    left: 25%;
  }
  .ant-col-sm-offset-6.ant-col-rtl {
    margin-right: 25%;
    margin-left: 0;
  }
  .ant-col-sm-push-7.ant-col-rtl {
    right: 29.16666667%;
    left: auto;
  }
  .ant-col-sm-pull-7.ant-col-rtl {
    right: auto;
    left: 29.16666667%;
  }
  .ant-col-sm-offset-7.ant-col-rtl {
    margin-right: 29.16666667%;
    margin-left: 0;
  }
  .ant-col-sm-push-8.ant-col-rtl {
    right: 33.33333333%;
    left: auto;
  }
  .ant-col-sm-pull-8.ant-col-rtl {
    right: auto;
    left: 33.33333333%;
  }
  .ant-col-sm-offset-8.ant-col-rtl {
    margin-right: 33.33333333%;
    margin-left: 0;
  }
  .ant-col-sm-push-9.ant-col-rtl {
    right: 37.5%;
    left: auto;
  }
  .ant-col-sm-pull-9.ant-col-rtl {
    right: auto;
    left: 37.5%;
  }
  .ant-col-sm-offset-9.ant-col-rtl {
    margin-right: 37.5%;
    margin-left: 0;
  }
  .ant-col-sm-push-10.ant-col-rtl {
    right: 41.66666667%;
    left: auto;
  }
  .ant-col-sm-pull-10.ant-col-rtl {
    right: auto;
    left: 41.66666667%;
  }
  .ant-col-sm-offset-10.ant-col-rtl {
    margin-right: 41.66666667%;
    margin-left: 0;
  }
  .ant-col-sm-push-11.ant-col-rtl {
    right: 45.83333333%;
    left: auto;
  }
  .ant-col-sm-pull-11.ant-col-rtl {
    right: auto;
    left: 45.83333333%;
  }
  .ant-col-sm-offset-11.ant-col-rtl {
    margin-right: 45.83333333%;
    margin-left: 0;
  }
  .ant-col-sm-push-12.ant-col-rtl {
    right: 50%;
    left: auto;
  }
  .ant-col-sm-pull-12.ant-col-rtl {
    right: auto;
    left: 50%;
  }
  .ant-col-sm-offset-12.ant-col-rtl {
    margin-right: 50%;
    margin-left: 0;
  }
  .ant-col-sm-push-13.ant-col-rtl {
    right: 54.16666667%;
    left: auto;
  }
  .ant-col-sm-pull-13.ant-col-rtl {
    right: auto;
    left: 54.16666667%;
  }
  .ant-col-sm-offset-13.ant-col-rtl {
    margin-right: 54.16666667%;
    margin-left: 0;
  }
  .ant-col-sm-push-14.ant-col-rtl {
    right: 58.33333333%;
    left: auto;
  }
  .ant-col-sm-pull-14.ant-col-rtl {
    right: auto;
    left: 58.33333333%;
  }
  .ant-col-sm-offset-14.ant-col-rtl {
    margin-right: 58.33333333%;
    margin-left: 0;
  }
  .ant-col-sm-push-15.ant-col-rtl {
    right: 62.5%;
    left: auto;
  }
  .ant-col-sm-pull-15.ant-col-rtl {
    right: auto;
    left: 62.5%;
  }
  .ant-col-sm-offset-15.ant-col-rtl {
    margin-right: 62.5%;
    margin-left: 0;
  }
  .ant-col-sm-push-16.ant-col-rtl {
    right: 66.66666667%;
    left: auto;
  }
  .ant-col-sm-pull-16.ant-col-rtl {
    right: auto;
    left: 66.66666667%;
  }
  .ant-col-sm-offset-16.ant-col-rtl {
    margin-right: 66.66666667%;
    margin-left: 0;
  }
  .ant-col-sm-push-17.ant-col-rtl {
    right: 70.83333333%;
    left: auto;
  }
  .ant-col-sm-pull-17.ant-col-rtl {
    right: auto;
    left: 70.83333333%;
  }
  .ant-col-sm-offset-17.ant-col-rtl {
    margin-right: 70.83333333%;
    margin-left: 0;
  }
  .ant-col-sm-push-18.ant-col-rtl {
    right: 75%;
    left: auto;
  }
  .ant-col-sm-pull-18.ant-col-rtl {
    right: auto;
    left: 75%;
  }
  .ant-col-sm-offset-18.ant-col-rtl {
    margin-right: 75%;
    margin-left: 0;
  }
  .ant-col-sm-push-19.ant-col-rtl {
    right: 79.16666667%;
    left: auto;
  }
  .ant-col-sm-pull-19.ant-col-rtl {
    right: auto;
    left: 79.16666667%;
  }
  .ant-col-sm-offset-19.ant-col-rtl {
    margin-right: 79.16666667%;
    margin-left: 0;
  }
  .ant-col-sm-push-20.ant-col-rtl {
    right: 83.33333333%;
    left: auto;
  }
  .ant-col-sm-pull-20.ant-col-rtl {
    right: auto;
    left: 83.33333333%;
  }
  .ant-col-sm-offset-20.ant-col-rtl {
    margin-right: 83.33333333%;
    margin-left: 0;
  }
  .ant-col-sm-push-21.ant-col-rtl {
    right: 87.5%;
    left: auto;
  }
  .ant-col-sm-pull-21.ant-col-rtl {
    right: auto;
    left: 87.5%;
  }
  .ant-col-sm-offset-21.ant-col-rtl {
    margin-right: 87.5%;
    margin-left: 0;
  }
  .ant-col-sm-push-22.ant-col-rtl {
    right: 91.66666667%;
    left: auto;
  }
  .ant-col-sm-pull-22.ant-col-rtl {
    right: auto;
    left: 91.66666667%;
  }
  .ant-col-sm-offset-22.ant-col-rtl {
    margin-right: 91.66666667%;
    margin-left: 0;
  }
  .ant-col-sm-push-23.ant-col-rtl {
    right: 95.83333333%;
    left: auto;
  }
  .ant-col-sm-pull-23.ant-col-rtl {
    right: auto;
    left: 95.83333333%;
  }
  .ant-col-sm-offset-23.ant-col-rtl {
    margin-right: 95.83333333%;
    margin-left: 0;
  }
  .ant-col-sm-push-24.ant-col-rtl {
    right: 100%;
    left: auto;
  }
  .ant-col-sm-pull-24.ant-col-rtl {
    right: auto;
    left: 100%;
  }
  .ant-col-sm-offset-24.ant-col-rtl {
    margin-right: 100%;
    margin-left: 0;
  }
}
@media (min-width: 768px) {
  .ant-col-md-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ant-col-md-push-24 {
    left: 100%;
  }
  .ant-col-md-pull-24 {
    right: 100%;
  }
  .ant-col-md-offset-24 {
    margin-left: 100%;
  }
  .ant-col-md-order-24 {
    order: 24;
  }
  .ant-col-md-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%;
  }
  .ant-col-md-push-23 {
    left: 95.83333333%;
  }
  .ant-col-md-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-md-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-md-order-23 {
    order: 23;
  }
  .ant-col-md-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .ant-col-md-push-22 {
    left: 91.66666667%;
  }
  .ant-col-md-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-md-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-md-order-22 {
    order: 22;
  }
  .ant-col-md-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .ant-col-md-push-21 {
    left: 87.5%;
  }
  .ant-col-md-pull-21 {
    right: 87.5%;
  }
  .ant-col-md-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-md-order-21 {
    order: 21;
  }
  .ant-col-md-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .ant-col-md-push-20 {
    left: 83.33333333%;
  }
  .ant-col-md-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-md-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-md-order-20 {
    order: 20;
  }
  .ant-col-md-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }
  .ant-col-md-push-19 {
    left: 79.16666667%;
  }
  .ant-col-md-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-md-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-md-order-19 {
    order: 19;
  }
  .ant-col-md-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .ant-col-md-push-18 {
    left: 75%;
  }
  .ant-col-md-pull-18 {
    right: 75%;
  }
  .ant-col-md-offset-18 {
    margin-left: 75%;
  }
  .ant-col-md-order-18 {
    order: 18;
  }
  .ant-col-md-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%;
  }
  .ant-col-md-push-17 {
    left: 70.83333333%;
  }
  .ant-col-md-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-md-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-md-order-17 {
    order: 17;
  }
  .ant-col-md-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .ant-col-md-push-16 {
    left: 66.66666667%;
  }
  .ant-col-md-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-md-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-md-order-16 {
    order: 16;
  }
  .ant-col-md-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .ant-col-md-push-15 {
    left: 62.5%;
  }
  .ant-col-md-pull-15 {
    right: 62.5%;
  }
  .ant-col-md-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-md-order-15 {
    order: 15;
  }
  .ant-col-md-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .ant-col-md-push-14 {
    left: 58.33333333%;
  }
  .ant-col-md-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-md-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-md-order-14 {
    order: 14;
  }
  .ant-col-md-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }
  .ant-col-md-push-13 {
    left: 54.16666667%;
  }
  .ant-col-md-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-md-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-md-order-13 {
    order: 13;
  }
  .ant-col-md-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .ant-col-md-push-12 {
    left: 50%;
  }
  .ant-col-md-pull-12 {
    right: 50%;
  }
  .ant-col-md-offset-12 {
    margin-left: 50%;
  }
  .ant-col-md-order-12 {
    order: 12;
  }
  .ant-col-md-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%;
  }
  .ant-col-md-push-11 {
    left: 45.83333333%;
  }
  .ant-col-md-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-md-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-md-order-11 {
    order: 11;
  }
  .ant-col-md-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .ant-col-md-push-10 {
    left: 41.66666667%;
  }
  .ant-col-md-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-md-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-md-order-10 {
    order: 10;
  }
  .ant-col-md-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .ant-col-md-push-9 {
    left: 37.5%;
  }
  .ant-col-md-pull-9 {
    right: 37.5%;
  }
  .ant-col-md-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-md-order-9 {
    order: 9;
  }
  .ant-col-md-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .ant-col-md-push-8 {
    left: 33.33333333%;
  }
  .ant-col-md-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-md-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-md-order-8 {
    order: 8;
  }
  .ant-col-md-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }
  .ant-col-md-push-7 {
    left: 29.16666667%;
  }
  .ant-col-md-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-md-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-md-order-7 {
    order: 7;
  }
  .ant-col-md-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .ant-col-md-push-6 {
    left: 25%;
  }
  .ant-col-md-pull-6 {
    right: 25%;
  }
  .ant-col-md-offset-6 {
    margin-left: 25%;
  }
  .ant-col-md-order-6 {
    order: 6;
  }
  .ant-col-md-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%;
  }
  .ant-col-md-push-5 {
    left: 20.83333333%;
  }
  .ant-col-md-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-md-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-md-order-5 {
    order: 5;
  }
  .ant-col-md-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .ant-col-md-push-4 {
    left: 16.66666667%;
  }
  .ant-col-md-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-md-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-md-order-4 {
    order: 4;
  }
  .ant-col-md-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .ant-col-md-push-3 {
    left: 12.5%;
  }
  .ant-col-md-pull-3 {
    right: 12.5%;
  }
  .ant-col-md-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-md-order-3 {
    order: 3;
  }
  .ant-col-md-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .ant-col-md-push-2 {
    left: 8.33333333%;
  }
  .ant-col-md-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-md-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-md-order-2 {
    order: 2;
  }
  .ant-col-md-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }
  .ant-col-md-push-1 {
    left: 4.16666667%;
  }
  .ant-col-md-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-md-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-md-order-1 {
    order: 1;
  }
  .ant-col-md-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-md-push-0 {
    left: auto;
  }
  .ant-col-md-pull-0 {
    right: auto;
  }
  .ant-col-md-offset-0 {
    margin-left: 0;
  }
  .ant-col-md-order-0 {
    order: 0;
  }
  .ant-col-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-md-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-md-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-md-offset-0.ant-col-rtl {
    margin-right: 0;
  }
  .ant-col-md-push-1.ant-col-rtl {
    right: 4.16666667%;
    left: auto;
  }
  .ant-col-md-pull-1.ant-col-rtl {
    right: auto;
    left: 4.16666667%;
  }
  .ant-col-md-offset-1.ant-col-rtl {
    margin-right: 4.16666667%;
    margin-left: 0;
  }
  .ant-col-md-push-2.ant-col-rtl {
    right: 8.33333333%;
    left: auto;
  }
  .ant-col-md-pull-2.ant-col-rtl {
    right: auto;
    left: 8.33333333%;
  }
  .ant-col-md-offset-2.ant-col-rtl {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  .ant-col-md-push-3.ant-col-rtl {
    right: 12.5%;
    left: auto;
  }
  .ant-col-md-pull-3.ant-col-rtl {
    right: auto;
    left: 12.5%;
  }
  .ant-col-md-offset-3.ant-col-rtl {
    margin-right: 12.5%;
    margin-left: 0;
  }
  .ant-col-md-push-4.ant-col-rtl {
    right: 16.66666667%;
    left: auto;
  }
  .ant-col-md-pull-4.ant-col-rtl {
    right: auto;
    left: 16.66666667%;
  }
  .ant-col-md-offset-4.ant-col-rtl {
    margin-right: 16.66666667%;
    margin-left: 0;
  }
  .ant-col-md-push-5.ant-col-rtl {
    right: 20.83333333%;
    left: auto;
  }
  .ant-col-md-pull-5.ant-col-rtl {
    right: auto;
    left: 20.83333333%;
  }
  .ant-col-md-offset-5.ant-col-rtl {
    margin-right: 20.83333333%;
    margin-left: 0;
  }
  .ant-col-md-push-6.ant-col-rtl {
    right: 25%;
    left: auto;
  }
  .ant-col-md-pull-6.ant-col-rtl {
    right: auto;
    left: 25%;
  }
  .ant-col-md-offset-6.ant-col-rtl {
    margin-right: 25%;
    margin-left: 0;
  }
  .ant-col-md-push-7.ant-col-rtl {
    right: 29.16666667%;
    left: auto;
  }
  .ant-col-md-pull-7.ant-col-rtl {
    right: auto;
    left: 29.16666667%;
  }
  .ant-col-md-offset-7.ant-col-rtl {
    margin-right: 29.16666667%;
    margin-left: 0;
  }
  .ant-col-md-push-8.ant-col-rtl {
    right: 33.33333333%;
    left: auto;
  }
  .ant-col-md-pull-8.ant-col-rtl {
    right: auto;
    left: 33.33333333%;
  }
  .ant-col-md-offset-8.ant-col-rtl {
    margin-right: 33.33333333%;
    margin-left: 0;
  }
  .ant-col-md-push-9.ant-col-rtl {
    right: 37.5%;
    left: auto;
  }
  .ant-col-md-pull-9.ant-col-rtl {
    right: auto;
    left: 37.5%;
  }
  .ant-col-md-offset-9.ant-col-rtl {
    margin-right: 37.5%;
    margin-left: 0;
  }
  .ant-col-md-push-10.ant-col-rtl {
    right: 41.66666667%;
    left: auto;
  }
  .ant-col-md-pull-10.ant-col-rtl {
    right: auto;
    left: 41.66666667%;
  }
  .ant-col-md-offset-10.ant-col-rtl {
    margin-right: 41.66666667%;
    margin-left: 0;
  }
  .ant-col-md-push-11.ant-col-rtl {
    right: 45.83333333%;
    left: auto;
  }
  .ant-col-md-pull-11.ant-col-rtl {
    right: auto;
    left: 45.83333333%;
  }
  .ant-col-md-offset-11.ant-col-rtl {
    margin-right: 45.83333333%;
    margin-left: 0;
  }
  .ant-col-md-push-12.ant-col-rtl {
    right: 50%;
    left: auto;
  }
  .ant-col-md-pull-12.ant-col-rtl {
    right: auto;
    left: 50%;
  }
  .ant-col-md-offset-12.ant-col-rtl {
    margin-right: 50%;
    margin-left: 0;
  }
  .ant-col-md-push-13.ant-col-rtl {
    right: 54.16666667%;
    left: auto;
  }
  .ant-col-md-pull-13.ant-col-rtl {
    right: auto;
    left: 54.16666667%;
  }
  .ant-col-md-offset-13.ant-col-rtl {
    margin-right: 54.16666667%;
    margin-left: 0;
  }
  .ant-col-md-push-14.ant-col-rtl {
    right: 58.33333333%;
    left: auto;
  }
  .ant-col-md-pull-14.ant-col-rtl {
    right: auto;
    left: 58.33333333%;
  }
  .ant-col-md-offset-14.ant-col-rtl {
    margin-right: 58.33333333%;
    margin-left: 0;
  }
  .ant-col-md-push-15.ant-col-rtl {
    right: 62.5%;
    left: auto;
  }
  .ant-col-md-pull-15.ant-col-rtl {
    right: auto;
    left: 62.5%;
  }
  .ant-col-md-offset-15.ant-col-rtl {
    margin-right: 62.5%;
    margin-left: 0;
  }
  .ant-col-md-push-16.ant-col-rtl {
    right: 66.66666667%;
    left: auto;
  }
  .ant-col-md-pull-16.ant-col-rtl {
    right: auto;
    left: 66.66666667%;
  }
  .ant-col-md-offset-16.ant-col-rtl {
    margin-right: 66.66666667%;
    margin-left: 0;
  }
  .ant-col-md-push-17.ant-col-rtl {
    right: 70.83333333%;
    left: auto;
  }
  .ant-col-md-pull-17.ant-col-rtl {
    right: auto;
    left: 70.83333333%;
  }
  .ant-col-md-offset-17.ant-col-rtl {
    margin-right: 70.83333333%;
    margin-left: 0;
  }
  .ant-col-md-push-18.ant-col-rtl {
    right: 75%;
    left: auto;
  }
  .ant-col-md-pull-18.ant-col-rtl {
    right: auto;
    left: 75%;
  }
  .ant-col-md-offset-18.ant-col-rtl {
    margin-right: 75%;
    margin-left: 0;
  }
  .ant-col-md-push-19.ant-col-rtl {
    right: 79.16666667%;
    left: auto;
  }
  .ant-col-md-pull-19.ant-col-rtl {
    right: auto;
    left: 79.16666667%;
  }
  .ant-col-md-offset-19.ant-col-rtl {
    margin-right: 79.16666667%;
    margin-left: 0;
  }
  .ant-col-md-push-20.ant-col-rtl {
    right: 83.33333333%;
    left: auto;
  }
  .ant-col-md-pull-20.ant-col-rtl {
    right: auto;
    left: 83.33333333%;
  }
  .ant-col-md-offset-20.ant-col-rtl {
    margin-right: 83.33333333%;
    margin-left: 0;
  }
  .ant-col-md-push-21.ant-col-rtl {
    right: 87.5%;
    left: auto;
  }
  .ant-col-md-pull-21.ant-col-rtl {
    right: auto;
    left: 87.5%;
  }
  .ant-col-md-offset-21.ant-col-rtl {
    margin-right: 87.5%;
    margin-left: 0;
  }
  .ant-col-md-push-22.ant-col-rtl {
    right: 91.66666667%;
    left: auto;
  }
  .ant-col-md-pull-22.ant-col-rtl {
    right: auto;
    left: 91.66666667%;
  }
  .ant-col-md-offset-22.ant-col-rtl {
    margin-right: 91.66666667%;
    margin-left: 0;
  }
  .ant-col-md-push-23.ant-col-rtl {
    right: 95.83333333%;
    left: auto;
  }
  .ant-col-md-pull-23.ant-col-rtl {
    right: auto;
    left: 95.83333333%;
  }
  .ant-col-md-offset-23.ant-col-rtl {
    margin-right: 95.83333333%;
    margin-left: 0;
  }
  .ant-col-md-push-24.ant-col-rtl {
    right: 100%;
    left: auto;
  }
  .ant-col-md-pull-24.ant-col-rtl {
    right: auto;
    left: 100%;
  }
  .ant-col-md-offset-24.ant-col-rtl {
    margin-right: 100%;
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .ant-col-lg-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ant-col-lg-push-24 {
    left: 100%;
  }
  .ant-col-lg-pull-24 {
    right: 100%;
  }
  .ant-col-lg-offset-24 {
    margin-left: 100%;
  }
  .ant-col-lg-order-24 {
    order: 24;
  }
  .ant-col-lg-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%;
  }
  .ant-col-lg-push-23 {
    left: 95.83333333%;
  }
  .ant-col-lg-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-lg-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-lg-order-23 {
    order: 23;
  }
  .ant-col-lg-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .ant-col-lg-push-22 {
    left: 91.66666667%;
  }
  .ant-col-lg-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-lg-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-lg-order-22 {
    order: 22;
  }
  .ant-col-lg-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .ant-col-lg-push-21 {
    left: 87.5%;
  }
  .ant-col-lg-pull-21 {
    right: 87.5%;
  }
  .ant-col-lg-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-lg-order-21 {
    order: 21;
  }
  .ant-col-lg-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .ant-col-lg-push-20 {
    left: 83.33333333%;
  }
  .ant-col-lg-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-lg-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-lg-order-20 {
    order: 20;
  }
  .ant-col-lg-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }
  .ant-col-lg-push-19 {
    left: 79.16666667%;
  }
  .ant-col-lg-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-lg-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-lg-order-19 {
    order: 19;
  }
  .ant-col-lg-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .ant-col-lg-push-18 {
    left: 75%;
  }
  .ant-col-lg-pull-18 {
    right: 75%;
  }
  .ant-col-lg-offset-18 {
    margin-left: 75%;
  }
  .ant-col-lg-order-18 {
    order: 18;
  }
  .ant-col-lg-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%;
  }
  .ant-col-lg-push-17 {
    left: 70.83333333%;
  }
  .ant-col-lg-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-lg-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-lg-order-17 {
    order: 17;
  }
  .ant-col-lg-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .ant-col-lg-push-16 {
    left: 66.66666667%;
  }
  .ant-col-lg-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-lg-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-lg-order-16 {
    order: 16;
  }
  .ant-col-lg-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .ant-col-lg-push-15 {
    left: 62.5%;
  }
  .ant-col-lg-pull-15 {
    right: 62.5%;
  }
  .ant-col-lg-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-lg-order-15 {
    order: 15;
  }
  .ant-col-lg-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .ant-col-lg-push-14 {
    left: 58.33333333%;
  }
  .ant-col-lg-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-lg-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-lg-order-14 {
    order: 14;
  }
  .ant-col-lg-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }
  .ant-col-lg-push-13 {
    left: 54.16666667%;
  }
  .ant-col-lg-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-lg-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-lg-order-13 {
    order: 13;
  }
  .ant-col-lg-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .ant-col-lg-push-12 {
    left: 50%;
  }
  .ant-col-lg-pull-12 {
    right: 50%;
  }
  .ant-col-lg-offset-12 {
    margin-left: 50%;
  }
  .ant-col-lg-order-12 {
    order: 12;
  }
  .ant-col-lg-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%;
  }
  .ant-col-lg-push-11 {
    left: 45.83333333%;
  }
  .ant-col-lg-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-lg-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-lg-order-11 {
    order: 11;
  }
  .ant-col-lg-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .ant-col-lg-push-10 {
    left: 41.66666667%;
  }
  .ant-col-lg-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-lg-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-lg-order-10 {
    order: 10;
  }
  .ant-col-lg-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .ant-col-lg-push-9 {
    left: 37.5%;
  }
  .ant-col-lg-pull-9 {
    right: 37.5%;
  }
  .ant-col-lg-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-lg-order-9 {
    order: 9;
  }
  .ant-col-lg-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .ant-col-lg-push-8 {
    left: 33.33333333%;
  }
  .ant-col-lg-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-lg-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-lg-order-8 {
    order: 8;
  }
  .ant-col-lg-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }
  .ant-col-lg-push-7 {
    left: 29.16666667%;
  }
  .ant-col-lg-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-lg-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-lg-order-7 {
    order: 7;
  }
  .ant-col-lg-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .ant-col-lg-push-6 {
    left: 25%;
  }
  .ant-col-lg-pull-6 {
    right: 25%;
  }
  .ant-col-lg-offset-6 {
    margin-left: 25%;
  }
  .ant-col-lg-order-6 {
    order: 6;
  }
  .ant-col-lg-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%;
  }
  .ant-col-lg-push-5 {
    left: 20.83333333%;
  }
  .ant-col-lg-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-lg-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-lg-order-5 {
    order: 5;
  }
  .ant-col-lg-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .ant-col-lg-push-4 {
    left: 16.66666667%;
  }
  .ant-col-lg-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-lg-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-lg-order-4 {
    order: 4;
  }
  .ant-col-lg-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .ant-col-lg-push-3 {
    left: 12.5%;
  }
  .ant-col-lg-pull-3 {
    right: 12.5%;
  }
  .ant-col-lg-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-lg-order-3 {
    order: 3;
  }
  .ant-col-lg-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .ant-col-lg-push-2 {
    left: 8.33333333%;
  }
  .ant-col-lg-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-lg-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-lg-order-2 {
    order: 2;
  }
  .ant-col-lg-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }
  .ant-col-lg-push-1 {
    left: 4.16666667%;
  }
  .ant-col-lg-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-lg-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-lg-order-1 {
    order: 1;
  }
  .ant-col-lg-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-lg-push-0 {
    left: auto;
  }
  .ant-col-lg-pull-0 {
    right: auto;
  }
  .ant-col-lg-offset-0 {
    margin-left: 0;
  }
  .ant-col-lg-order-0 {
    order: 0;
  }
  .ant-col-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-lg-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-lg-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-lg-offset-0.ant-col-rtl {
    margin-right: 0;
  }
  .ant-col-lg-push-1.ant-col-rtl {
    right: 4.16666667%;
    left: auto;
  }
  .ant-col-lg-pull-1.ant-col-rtl {
    right: auto;
    left: 4.16666667%;
  }
  .ant-col-lg-offset-1.ant-col-rtl {
    margin-right: 4.16666667%;
    margin-left: 0;
  }
  .ant-col-lg-push-2.ant-col-rtl {
    right: 8.33333333%;
    left: auto;
  }
  .ant-col-lg-pull-2.ant-col-rtl {
    right: auto;
    left: 8.33333333%;
  }
  .ant-col-lg-offset-2.ant-col-rtl {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  .ant-col-lg-push-3.ant-col-rtl {
    right: 12.5%;
    left: auto;
  }
  .ant-col-lg-pull-3.ant-col-rtl {
    right: auto;
    left: 12.5%;
  }
  .ant-col-lg-offset-3.ant-col-rtl {
    margin-right: 12.5%;
    margin-left: 0;
  }
  .ant-col-lg-push-4.ant-col-rtl {
    right: 16.66666667%;
    left: auto;
  }
  .ant-col-lg-pull-4.ant-col-rtl {
    right: auto;
    left: 16.66666667%;
  }
  .ant-col-lg-offset-4.ant-col-rtl {
    margin-right: 16.66666667%;
    margin-left: 0;
  }
  .ant-col-lg-push-5.ant-col-rtl {
    right: 20.83333333%;
    left: auto;
  }
  .ant-col-lg-pull-5.ant-col-rtl {
    right: auto;
    left: 20.83333333%;
  }
  .ant-col-lg-offset-5.ant-col-rtl {
    margin-right: 20.83333333%;
    margin-left: 0;
  }
  .ant-col-lg-push-6.ant-col-rtl {
    right: 25%;
    left: auto;
  }
  .ant-col-lg-pull-6.ant-col-rtl {
    right: auto;
    left: 25%;
  }
  .ant-col-lg-offset-6.ant-col-rtl {
    margin-right: 25%;
    margin-left: 0;
  }
  .ant-col-lg-push-7.ant-col-rtl {
    right: 29.16666667%;
    left: auto;
  }
  .ant-col-lg-pull-7.ant-col-rtl {
    right: auto;
    left: 29.16666667%;
  }
  .ant-col-lg-offset-7.ant-col-rtl {
    margin-right: 29.16666667%;
    margin-left: 0;
  }
  .ant-col-lg-push-8.ant-col-rtl {
    right: 33.33333333%;
    left: auto;
  }
  .ant-col-lg-pull-8.ant-col-rtl {
    right: auto;
    left: 33.33333333%;
  }
  .ant-col-lg-offset-8.ant-col-rtl {
    margin-right: 33.33333333%;
    margin-left: 0;
  }
  .ant-col-lg-push-9.ant-col-rtl {
    right: 37.5%;
    left: auto;
  }
  .ant-col-lg-pull-9.ant-col-rtl {
    right: auto;
    left: 37.5%;
  }
  .ant-col-lg-offset-9.ant-col-rtl {
    margin-right: 37.5%;
    margin-left: 0;
  }
  .ant-col-lg-push-10.ant-col-rtl {
    right: 41.66666667%;
    left: auto;
  }
  .ant-col-lg-pull-10.ant-col-rtl {
    right: auto;
    left: 41.66666667%;
  }
  .ant-col-lg-offset-10.ant-col-rtl {
    margin-right: 41.66666667%;
    margin-left: 0;
  }
  .ant-col-lg-push-11.ant-col-rtl {
    right: 45.83333333%;
    left: auto;
  }
  .ant-col-lg-pull-11.ant-col-rtl {
    right: auto;
    left: 45.83333333%;
  }
  .ant-col-lg-offset-11.ant-col-rtl {
    margin-right: 45.83333333%;
    margin-left: 0;
  }
  .ant-col-lg-push-12.ant-col-rtl {
    right: 50%;
    left: auto;
  }
  .ant-col-lg-pull-12.ant-col-rtl {
    right: auto;
    left: 50%;
  }
  .ant-col-lg-offset-12.ant-col-rtl {
    margin-right: 50%;
    margin-left: 0;
  }
  .ant-col-lg-push-13.ant-col-rtl {
    right: 54.16666667%;
    left: auto;
  }
  .ant-col-lg-pull-13.ant-col-rtl {
    right: auto;
    left: 54.16666667%;
  }
  .ant-col-lg-offset-13.ant-col-rtl {
    margin-right: 54.16666667%;
    margin-left: 0;
  }
  .ant-col-lg-push-14.ant-col-rtl {
    right: 58.33333333%;
    left: auto;
  }
  .ant-col-lg-pull-14.ant-col-rtl {
    right: auto;
    left: 58.33333333%;
  }
  .ant-col-lg-offset-14.ant-col-rtl {
    margin-right: 58.33333333%;
    margin-left: 0;
  }
  .ant-col-lg-push-15.ant-col-rtl {
    right: 62.5%;
    left: auto;
  }
  .ant-col-lg-pull-15.ant-col-rtl {
    right: auto;
    left: 62.5%;
  }
  .ant-col-lg-offset-15.ant-col-rtl {
    margin-right: 62.5%;
    margin-left: 0;
  }
  .ant-col-lg-push-16.ant-col-rtl {
    right: 66.66666667%;
    left: auto;
  }
  .ant-col-lg-pull-16.ant-col-rtl {
    right: auto;
    left: 66.66666667%;
  }
  .ant-col-lg-offset-16.ant-col-rtl {
    margin-right: 66.66666667%;
    margin-left: 0;
  }
  .ant-col-lg-push-17.ant-col-rtl {
    right: 70.83333333%;
    left: auto;
  }
  .ant-col-lg-pull-17.ant-col-rtl {
    right: auto;
    left: 70.83333333%;
  }
  .ant-col-lg-offset-17.ant-col-rtl {
    margin-right: 70.83333333%;
    margin-left: 0;
  }
  .ant-col-lg-push-18.ant-col-rtl {
    right: 75%;
    left: auto;
  }
  .ant-col-lg-pull-18.ant-col-rtl {
    right: auto;
    left: 75%;
  }
  .ant-col-lg-offset-18.ant-col-rtl {
    margin-right: 75%;
    margin-left: 0;
  }
  .ant-col-lg-push-19.ant-col-rtl {
    right: 79.16666667%;
    left: auto;
  }
  .ant-col-lg-pull-19.ant-col-rtl {
    right: auto;
    left: 79.16666667%;
  }
  .ant-col-lg-offset-19.ant-col-rtl {
    margin-right: 79.16666667%;
    margin-left: 0;
  }
  .ant-col-lg-push-20.ant-col-rtl {
    right: 83.33333333%;
    left: auto;
  }
  .ant-col-lg-pull-20.ant-col-rtl {
    right: auto;
    left: 83.33333333%;
  }
  .ant-col-lg-offset-20.ant-col-rtl {
    margin-right: 83.33333333%;
    margin-left: 0;
  }
  .ant-col-lg-push-21.ant-col-rtl {
    right: 87.5%;
    left: auto;
  }
  .ant-col-lg-pull-21.ant-col-rtl {
    right: auto;
    left: 87.5%;
  }
  .ant-col-lg-offset-21.ant-col-rtl {
    margin-right: 87.5%;
    margin-left: 0;
  }
  .ant-col-lg-push-22.ant-col-rtl {
    right: 91.66666667%;
    left: auto;
  }
  .ant-col-lg-pull-22.ant-col-rtl {
    right: auto;
    left: 91.66666667%;
  }
  .ant-col-lg-offset-22.ant-col-rtl {
    margin-right: 91.66666667%;
    margin-left: 0;
  }
  .ant-col-lg-push-23.ant-col-rtl {
    right: 95.83333333%;
    left: auto;
  }
  .ant-col-lg-pull-23.ant-col-rtl {
    right: auto;
    left: 95.83333333%;
  }
  .ant-col-lg-offset-23.ant-col-rtl {
    margin-right: 95.83333333%;
    margin-left: 0;
  }
  .ant-col-lg-push-24.ant-col-rtl {
    right: 100%;
    left: auto;
  }
  .ant-col-lg-pull-24.ant-col-rtl {
    right: auto;
    left: 100%;
  }
  .ant-col-lg-offset-24.ant-col-rtl {
    margin-right: 100%;
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .ant-col-xl-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ant-col-xl-push-24 {
    left: 100%;
  }
  .ant-col-xl-pull-24 {
    right: 100%;
  }
  .ant-col-xl-offset-24 {
    margin-left: 100%;
  }
  .ant-col-xl-order-24 {
    order: 24;
  }
  .ant-col-xl-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%;
  }
  .ant-col-xl-push-23 {
    left: 95.83333333%;
  }
  .ant-col-xl-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-xl-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-xl-order-23 {
    order: 23;
  }
  .ant-col-xl-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .ant-col-xl-push-22 {
    left: 91.66666667%;
  }
  .ant-col-xl-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-xl-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-xl-order-22 {
    order: 22;
  }
  .ant-col-xl-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .ant-col-xl-push-21 {
    left: 87.5%;
  }
  .ant-col-xl-pull-21 {
    right: 87.5%;
  }
  .ant-col-xl-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-xl-order-21 {
    order: 21;
  }
  .ant-col-xl-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .ant-col-xl-push-20 {
    left: 83.33333333%;
  }
  .ant-col-xl-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-xl-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-xl-order-20 {
    order: 20;
  }
  .ant-col-xl-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }
  .ant-col-xl-push-19 {
    left: 79.16666667%;
  }
  .ant-col-xl-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-xl-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-xl-order-19 {
    order: 19;
  }
  .ant-col-xl-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .ant-col-xl-push-18 {
    left: 75%;
  }
  .ant-col-xl-pull-18 {
    right: 75%;
  }
  .ant-col-xl-offset-18 {
    margin-left: 75%;
  }
  .ant-col-xl-order-18 {
    order: 18;
  }
  .ant-col-xl-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%;
  }
  .ant-col-xl-push-17 {
    left: 70.83333333%;
  }
  .ant-col-xl-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-xl-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-xl-order-17 {
    order: 17;
  }
  .ant-col-xl-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .ant-col-xl-push-16 {
    left: 66.66666667%;
  }
  .ant-col-xl-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-xl-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-xl-order-16 {
    order: 16;
  }
  .ant-col-xl-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .ant-col-xl-push-15 {
    left: 62.5%;
  }
  .ant-col-xl-pull-15 {
    right: 62.5%;
  }
  .ant-col-xl-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-xl-order-15 {
    order: 15;
  }
  .ant-col-xl-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .ant-col-xl-push-14 {
    left: 58.33333333%;
  }
  .ant-col-xl-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-xl-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-xl-order-14 {
    order: 14;
  }
  .ant-col-xl-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }
  .ant-col-xl-push-13 {
    left: 54.16666667%;
  }
  .ant-col-xl-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-xl-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-xl-order-13 {
    order: 13;
  }
  .ant-col-xl-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .ant-col-xl-push-12 {
    left: 50%;
  }
  .ant-col-xl-pull-12 {
    right: 50%;
  }
  .ant-col-xl-offset-12 {
    margin-left: 50%;
  }
  .ant-col-xl-order-12 {
    order: 12;
  }
  .ant-col-xl-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%;
  }
  .ant-col-xl-push-11 {
    left: 45.83333333%;
  }
  .ant-col-xl-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-xl-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-xl-order-11 {
    order: 11;
  }
  .ant-col-xl-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .ant-col-xl-push-10 {
    left: 41.66666667%;
  }
  .ant-col-xl-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-xl-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-xl-order-10 {
    order: 10;
  }
  .ant-col-xl-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .ant-col-xl-push-9 {
    left: 37.5%;
  }
  .ant-col-xl-pull-9 {
    right: 37.5%;
  }
  .ant-col-xl-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-xl-order-9 {
    order: 9;
  }
  .ant-col-xl-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .ant-col-xl-push-8 {
    left: 33.33333333%;
  }
  .ant-col-xl-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-xl-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-xl-order-8 {
    order: 8;
  }
  .ant-col-xl-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }
  .ant-col-xl-push-7 {
    left: 29.16666667%;
  }
  .ant-col-xl-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-xl-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-xl-order-7 {
    order: 7;
  }
  .ant-col-xl-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .ant-col-xl-push-6 {
    left: 25%;
  }
  .ant-col-xl-pull-6 {
    right: 25%;
  }
  .ant-col-xl-offset-6 {
    margin-left: 25%;
  }
  .ant-col-xl-order-6 {
    order: 6;
  }
  .ant-col-xl-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%;
  }
  .ant-col-xl-push-5 {
    left: 20.83333333%;
  }
  .ant-col-xl-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-xl-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-xl-order-5 {
    order: 5;
  }
  .ant-col-xl-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .ant-col-xl-push-4 {
    left: 16.66666667%;
  }
  .ant-col-xl-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-xl-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-xl-order-4 {
    order: 4;
  }
  .ant-col-xl-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .ant-col-xl-push-3 {
    left: 12.5%;
  }
  .ant-col-xl-pull-3 {
    right: 12.5%;
  }
  .ant-col-xl-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-xl-order-3 {
    order: 3;
  }
  .ant-col-xl-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .ant-col-xl-push-2 {
    left: 8.33333333%;
  }
  .ant-col-xl-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-xl-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-xl-order-2 {
    order: 2;
  }
  .ant-col-xl-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }
  .ant-col-xl-push-1 {
    left: 4.16666667%;
  }
  .ant-col-xl-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-xl-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-xl-order-1 {
    order: 1;
  }
  .ant-col-xl-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-xl-push-0 {
    left: auto;
  }
  .ant-col-xl-pull-0 {
    right: auto;
  }
  .ant-col-xl-offset-0 {
    margin-left: 0;
  }
  .ant-col-xl-order-0 {
    order: 0;
  }
  .ant-col-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-xl-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-xl-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-xl-offset-0.ant-col-rtl {
    margin-right: 0;
  }
  .ant-col-xl-push-1.ant-col-rtl {
    right: 4.16666667%;
    left: auto;
  }
  .ant-col-xl-pull-1.ant-col-rtl {
    right: auto;
    left: 4.16666667%;
  }
  .ant-col-xl-offset-1.ant-col-rtl {
    margin-right: 4.16666667%;
    margin-left: 0;
  }
  .ant-col-xl-push-2.ant-col-rtl {
    right: 8.33333333%;
    left: auto;
  }
  .ant-col-xl-pull-2.ant-col-rtl {
    right: auto;
    left: 8.33333333%;
  }
  .ant-col-xl-offset-2.ant-col-rtl {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  .ant-col-xl-push-3.ant-col-rtl {
    right: 12.5%;
    left: auto;
  }
  .ant-col-xl-pull-3.ant-col-rtl {
    right: auto;
    left: 12.5%;
  }
  .ant-col-xl-offset-3.ant-col-rtl {
    margin-right: 12.5%;
    margin-left: 0;
  }
  .ant-col-xl-push-4.ant-col-rtl {
    right: 16.66666667%;
    left: auto;
  }
  .ant-col-xl-pull-4.ant-col-rtl {
    right: auto;
    left: 16.66666667%;
  }
  .ant-col-xl-offset-4.ant-col-rtl {
    margin-right: 16.66666667%;
    margin-left: 0;
  }
  .ant-col-xl-push-5.ant-col-rtl {
    right: 20.83333333%;
    left: auto;
  }
  .ant-col-xl-pull-5.ant-col-rtl {
    right: auto;
    left: 20.83333333%;
  }
  .ant-col-xl-offset-5.ant-col-rtl {
    margin-right: 20.83333333%;
    margin-left: 0;
  }
  .ant-col-xl-push-6.ant-col-rtl {
    right: 25%;
    left: auto;
  }
  .ant-col-xl-pull-6.ant-col-rtl {
    right: auto;
    left: 25%;
  }
  .ant-col-xl-offset-6.ant-col-rtl {
    margin-right: 25%;
    margin-left: 0;
  }
  .ant-col-xl-push-7.ant-col-rtl {
    right: 29.16666667%;
    left: auto;
  }
  .ant-col-xl-pull-7.ant-col-rtl {
    right: auto;
    left: 29.16666667%;
  }
  .ant-col-xl-offset-7.ant-col-rtl {
    margin-right: 29.16666667%;
    margin-left: 0;
  }
  .ant-col-xl-push-8.ant-col-rtl {
    right: 33.33333333%;
    left: auto;
  }
  .ant-col-xl-pull-8.ant-col-rtl {
    right: auto;
    left: 33.33333333%;
  }
  .ant-col-xl-offset-8.ant-col-rtl {
    margin-right: 33.33333333%;
    margin-left: 0;
  }
  .ant-col-xl-push-9.ant-col-rtl {
    right: 37.5%;
    left: auto;
  }
  .ant-col-xl-pull-9.ant-col-rtl {
    right: auto;
    left: 37.5%;
  }
  .ant-col-xl-offset-9.ant-col-rtl {
    margin-right: 37.5%;
    margin-left: 0;
  }
  .ant-col-xl-push-10.ant-col-rtl {
    right: 41.66666667%;
    left: auto;
  }
  .ant-col-xl-pull-10.ant-col-rtl {
    right: auto;
    left: 41.66666667%;
  }
  .ant-col-xl-offset-10.ant-col-rtl {
    margin-right: 41.66666667%;
    margin-left: 0;
  }
  .ant-col-xl-push-11.ant-col-rtl {
    right: 45.83333333%;
    left: auto;
  }
  .ant-col-xl-pull-11.ant-col-rtl {
    right: auto;
    left: 45.83333333%;
  }
  .ant-col-xl-offset-11.ant-col-rtl {
    margin-right: 45.83333333%;
    margin-left: 0;
  }
  .ant-col-xl-push-12.ant-col-rtl {
    right: 50%;
    left: auto;
  }
  .ant-col-xl-pull-12.ant-col-rtl {
    right: auto;
    left: 50%;
  }
  .ant-col-xl-offset-12.ant-col-rtl {
    margin-right: 50%;
    margin-left: 0;
  }
  .ant-col-xl-push-13.ant-col-rtl {
    right: 54.16666667%;
    left: auto;
  }
  .ant-col-xl-pull-13.ant-col-rtl {
    right: auto;
    left: 54.16666667%;
  }
  .ant-col-xl-offset-13.ant-col-rtl {
    margin-right: 54.16666667%;
    margin-left: 0;
  }
  .ant-col-xl-push-14.ant-col-rtl {
    right: 58.33333333%;
    left: auto;
  }
  .ant-col-xl-pull-14.ant-col-rtl {
    right: auto;
    left: 58.33333333%;
  }
  .ant-col-xl-offset-14.ant-col-rtl {
    margin-right: 58.33333333%;
    margin-left: 0;
  }
  .ant-col-xl-push-15.ant-col-rtl {
    right: 62.5%;
    left: auto;
  }
  .ant-col-xl-pull-15.ant-col-rtl {
    right: auto;
    left: 62.5%;
  }
  .ant-col-xl-offset-15.ant-col-rtl {
    margin-right: 62.5%;
    margin-left: 0;
  }
  .ant-col-xl-push-16.ant-col-rtl {
    right: 66.66666667%;
    left: auto;
  }
  .ant-col-xl-pull-16.ant-col-rtl {
    right: auto;
    left: 66.66666667%;
  }
  .ant-col-xl-offset-16.ant-col-rtl {
    margin-right: 66.66666667%;
    margin-left: 0;
  }
  .ant-col-xl-push-17.ant-col-rtl {
    right: 70.83333333%;
    left: auto;
  }
  .ant-col-xl-pull-17.ant-col-rtl {
    right: auto;
    left: 70.83333333%;
  }
  .ant-col-xl-offset-17.ant-col-rtl {
    margin-right: 70.83333333%;
    margin-left: 0;
  }
  .ant-col-xl-push-18.ant-col-rtl {
    right: 75%;
    left: auto;
  }
  .ant-col-xl-pull-18.ant-col-rtl {
    right: auto;
    left: 75%;
  }
  .ant-col-xl-offset-18.ant-col-rtl {
    margin-right: 75%;
    margin-left: 0;
  }
  .ant-col-xl-push-19.ant-col-rtl {
    right: 79.16666667%;
    left: auto;
  }
  .ant-col-xl-pull-19.ant-col-rtl {
    right: auto;
    left: 79.16666667%;
  }
  .ant-col-xl-offset-19.ant-col-rtl {
    margin-right: 79.16666667%;
    margin-left: 0;
  }
  .ant-col-xl-push-20.ant-col-rtl {
    right: 83.33333333%;
    left: auto;
  }
  .ant-col-xl-pull-20.ant-col-rtl {
    right: auto;
    left: 83.33333333%;
  }
  .ant-col-xl-offset-20.ant-col-rtl {
    margin-right: 83.33333333%;
    margin-left: 0;
  }
  .ant-col-xl-push-21.ant-col-rtl {
    right: 87.5%;
    left: auto;
  }
  .ant-col-xl-pull-21.ant-col-rtl {
    right: auto;
    left: 87.5%;
  }
  .ant-col-xl-offset-21.ant-col-rtl {
    margin-right: 87.5%;
    margin-left: 0;
  }
  .ant-col-xl-push-22.ant-col-rtl {
    right: 91.66666667%;
    left: auto;
  }
  .ant-col-xl-pull-22.ant-col-rtl {
    right: auto;
    left: 91.66666667%;
  }
  .ant-col-xl-offset-22.ant-col-rtl {
    margin-right: 91.66666667%;
    margin-left: 0;
  }
  .ant-col-xl-push-23.ant-col-rtl {
    right: 95.83333333%;
    left: auto;
  }
  .ant-col-xl-pull-23.ant-col-rtl {
    right: auto;
    left: 95.83333333%;
  }
  .ant-col-xl-offset-23.ant-col-rtl {
    margin-right: 95.83333333%;
    margin-left: 0;
  }
  .ant-col-xl-push-24.ant-col-rtl {
    right: 100%;
    left: auto;
  }
  .ant-col-xl-pull-24.ant-col-rtl {
    right: auto;
    left: 100%;
  }
  .ant-col-xl-offset-24.ant-col-rtl {
    margin-right: 100%;
    margin-left: 0;
  }
}
@media (min-width: 1600px) {
  .ant-col-xxl-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ant-col-xxl-push-24 {
    left: 100%;
  }
  .ant-col-xxl-pull-24 {
    right: 100%;
  }
  .ant-col-xxl-offset-24 {
    margin-left: 100%;
  }
  .ant-col-xxl-order-24 {
    order: 24;
  }
  .ant-col-xxl-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%;
  }
  .ant-col-xxl-push-23 {
    left: 95.83333333%;
  }
  .ant-col-xxl-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-xxl-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-xxl-order-23 {
    order: 23;
  }
  .ant-col-xxl-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .ant-col-xxl-push-22 {
    left: 91.66666667%;
  }
  .ant-col-xxl-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-xxl-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-xxl-order-22 {
    order: 22;
  }
  .ant-col-xxl-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .ant-col-xxl-push-21 {
    left: 87.5%;
  }
  .ant-col-xxl-pull-21 {
    right: 87.5%;
  }
  .ant-col-xxl-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-xxl-order-21 {
    order: 21;
  }
  .ant-col-xxl-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .ant-col-xxl-push-20 {
    left: 83.33333333%;
  }
  .ant-col-xxl-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-xxl-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-xxl-order-20 {
    order: 20;
  }
  .ant-col-xxl-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }
  .ant-col-xxl-push-19 {
    left: 79.16666667%;
  }
  .ant-col-xxl-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-xxl-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-xxl-order-19 {
    order: 19;
  }
  .ant-col-xxl-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .ant-col-xxl-push-18 {
    left: 75%;
  }
  .ant-col-xxl-pull-18 {
    right: 75%;
  }
  .ant-col-xxl-offset-18 {
    margin-left: 75%;
  }
  .ant-col-xxl-order-18 {
    order: 18;
  }
  .ant-col-xxl-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%;
  }
  .ant-col-xxl-push-17 {
    left: 70.83333333%;
  }
  .ant-col-xxl-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-xxl-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-xxl-order-17 {
    order: 17;
  }
  .ant-col-xxl-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .ant-col-xxl-push-16 {
    left: 66.66666667%;
  }
  .ant-col-xxl-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-xxl-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-xxl-order-16 {
    order: 16;
  }
  .ant-col-xxl-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .ant-col-xxl-push-15 {
    left: 62.5%;
  }
  .ant-col-xxl-pull-15 {
    right: 62.5%;
  }
  .ant-col-xxl-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-xxl-order-15 {
    order: 15;
  }
  .ant-col-xxl-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .ant-col-xxl-push-14 {
    left: 58.33333333%;
  }
  .ant-col-xxl-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-xxl-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-xxl-order-14 {
    order: 14;
  }
  .ant-col-xxl-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }
  .ant-col-xxl-push-13 {
    left: 54.16666667%;
  }
  .ant-col-xxl-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-xxl-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-xxl-order-13 {
    order: 13;
  }
  .ant-col-xxl-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .ant-col-xxl-push-12 {
    left: 50%;
  }
  .ant-col-xxl-pull-12 {
    right: 50%;
  }
  .ant-col-xxl-offset-12 {
    margin-left: 50%;
  }
  .ant-col-xxl-order-12 {
    order: 12;
  }
  .ant-col-xxl-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%;
  }
  .ant-col-xxl-push-11 {
    left: 45.83333333%;
  }
  .ant-col-xxl-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-xxl-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-xxl-order-11 {
    order: 11;
  }
  .ant-col-xxl-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .ant-col-xxl-push-10 {
    left: 41.66666667%;
  }
  .ant-col-xxl-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-xxl-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-xxl-order-10 {
    order: 10;
  }
  .ant-col-xxl-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .ant-col-xxl-push-9 {
    left: 37.5%;
  }
  .ant-col-xxl-pull-9 {
    right: 37.5%;
  }
  .ant-col-xxl-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-xxl-order-9 {
    order: 9;
  }
  .ant-col-xxl-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .ant-col-xxl-push-8 {
    left: 33.33333333%;
  }
  .ant-col-xxl-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-xxl-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-xxl-order-8 {
    order: 8;
  }
  .ant-col-xxl-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }
  .ant-col-xxl-push-7 {
    left: 29.16666667%;
  }
  .ant-col-xxl-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-xxl-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-xxl-order-7 {
    order: 7;
  }
  .ant-col-xxl-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .ant-col-xxl-push-6 {
    left: 25%;
  }
  .ant-col-xxl-pull-6 {
    right: 25%;
  }
  .ant-col-xxl-offset-6 {
    margin-left: 25%;
  }
  .ant-col-xxl-order-6 {
    order: 6;
  }
  .ant-col-xxl-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%;
  }
  .ant-col-xxl-push-5 {
    left: 20.83333333%;
  }
  .ant-col-xxl-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-xxl-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-xxl-order-5 {
    order: 5;
  }
  .ant-col-xxl-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .ant-col-xxl-push-4 {
    left: 16.66666667%;
  }
  .ant-col-xxl-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-xxl-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-xxl-order-4 {
    order: 4;
  }
  .ant-col-xxl-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .ant-col-xxl-push-3 {
    left: 12.5%;
  }
  .ant-col-xxl-pull-3 {
    right: 12.5%;
  }
  .ant-col-xxl-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-xxl-order-3 {
    order: 3;
  }
  .ant-col-xxl-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .ant-col-xxl-push-2 {
    left: 8.33333333%;
  }
  .ant-col-xxl-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-xxl-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-xxl-order-2 {
    order: 2;
  }
  .ant-col-xxl-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }
  .ant-col-xxl-push-1 {
    left: 4.16666667%;
  }
  .ant-col-xxl-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-xxl-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-xxl-order-1 {
    order: 1;
  }
  .ant-col-xxl-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-xxl-push-0 {
    left: auto;
  }
  .ant-col-xxl-pull-0 {
    right: auto;
  }
  .ant-col-xxl-offset-0 {
    margin-left: 0;
  }
  .ant-col-xxl-order-0 {
    order: 0;
  }
  .ant-col-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-xxl-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-xxl-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-xxl-offset-0.ant-col-rtl {
    margin-right: 0;
  }
  .ant-col-xxl-push-1.ant-col-rtl {
    right: 4.16666667%;
    left: auto;
  }
  .ant-col-xxl-pull-1.ant-col-rtl {
    right: auto;
    left: 4.16666667%;
  }
  .ant-col-xxl-offset-1.ant-col-rtl {
    margin-right: 4.16666667%;
    margin-left: 0;
  }
  .ant-col-xxl-push-2.ant-col-rtl {
    right: 8.33333333%;
    left: auto;
  }
  .ant-col-xxl-pull-2.ant-col-rtl {
    right: auto;
    left: 8.33333333%;
  }
  .ant-col-xxl-offset-2.ant-col-rtl {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  .ant-col-xxl-push-3.ant-col-rtl {
    right: 12.5%;
    left: auto;
  }
  .ant-col-xxl-pull-3.ant-col-rtl {
    right: auto;
    left: 12.5%;
  }
  .ant-col-xxl-offset-3.ant-col-rtl {
    margin-right: 12.5%;
    margin-left: 0;
  }
  .ant-col-xxl-push-4.ant-col-rtl {
    right: 16.66666667%;
    left: auto;
  }
  .ant-col-xxl-pull-4.ant-col-rtl {
    right: auto;
    left: 16.66666667%;
  }
  .ant-col-xxl-offset-4.ant-col-rtl {
    margin-right: 16.66666667%;
    margin-left: 0;
  }
  .ant-col-xxl-push-5.ant-col-rtl {
    right: 20.83333333%;
    left: auto;
  }
  .ant-col-xxl-pull-5.ant-col-rtl {
    right: auto;
    left: 20.83333333%;
  }
  .ant-col-xxl-offset-5.ant-col-rtl {
    margin-right: 20.83333333%;
    margin-left: 0;
  }
  .ant-col-xxl-push-6.ant-col-rtl {
    right: 25%;
    left: auto;
  }
  .ant-col-xxl-pull-6.ant-col-rtl {
    right: auto;
    left: 25%;
  }
  .ant-col-xxl-offset-6.ant-col-rtl {
    margin-right: 25%;
    margin-left: 0;
  }
  .ant-col-xxl-push-7.ant-col-rtl {
    right: 29.16666667%;
    left: auto;
  }
  .ant-col-xxl-pull-7.ant-col-rtl {
    right: auto;
    left: 29.16666667%;
  }
  .ant-col-xxl-offset-7.ant-col-rtl {
    margin-right: 29.16666667%;
    margin-left: 0;
  }
  .ant-col-xxl-push-8.ant-col-rtl {
    right: 33.33333333%;
    left: auto;
  }
  .ant-col-xxl-pull-8.ant-col-rtl {
    right: auto;
    left: 33.33333333%;
  }
  .ant-col-xxl-offset-8.ant-col-rtl {
    margin-right: 33.33333333%;
    margin-left: 0;
  }
  .ant-col-xxl-push-9.ant-col-rtl {
    right: 37.5%;
    left: auto;
  }
  .ant-col-xxl-pull-9.ant-col-rtl {
    right: auto;
    left: 37.5%;
  }
  .ant-col-xxl-offset-9.ant-col-rtl {
    margin-right: 37.5%;
    margin-left: 0;
  }
  .ant-col-xxl-push-10.ant-col-rtl {
    right: 41.66666667%;
    left: auto;
  }
  .ant-col-xxl-pull-10.ant-col-rtl {
    right: auto;
    left: 41.66666667%;
  }
  .ant-col-xxl-offset-10.ant-col-rtl {
    margin-right: 41.66666667%;
    margin-left: 0;
  }
  .ant-col-xxl-push-11.ant-col-rtl {
    right: 45.83333333%;
    left: auto;
  }
  .ant-col-xxl-pull-11.ant-col-rtl {
    right: auto;
    left: 45.83333333%;
  }
  .ant-col-xxl-offset-11.ant-col-rtl {
    margin-right: 45.83333333%;
    margin-left: 0;
  }
  .ant-col-xxl-push-12.ant-col-rtl {
    right: 50%;
    left: auto;
  }
  .ant-col-xxl-pull-12.ant-col-rtl {
    right: auto;
    left: 50%;
  }
  .ant-col-xxl-offset-12.ant-col-rtl {
    margin-right: 50%;
    margin-left: 0;
  }
  .ant-col-xxl-push-13.ant-col-rtl {
    right: 54.16666667%;
    left: auto;
  }
  .ant-col-xxl-pull-13.ant-col-rtl {
    right: auto;
    left: 54.16666667%;
  }
  .ant-col-xxl-offset-13.ant-col-rtl {
    margin-right: 54.16666667%;
    margin-left: 0;
  }
  .ant-col-xxl-push-14.ant-col-rtl {
    right: 58.33333333%;
    left: auto;
  }
  .ant-col-xxl-pull-14.ant-col-rtl {
    right: auto;
    left: 58.33333333%;
  }
  .ant-col-xxl-offset-14.ant-col-rtl {
    margin-right: 58.33333333%;
    margin-left: 0;
  }
  .ant-col-xxl-push-15.ant-col-rtl {
    right: 62.5%;
    left: auto;
  }
  .ant-col-xxl-pull-15.ant-col-rtl {
    right: auto;
    left: 62.5%;
  }
  .ant-col-xxl-offset-15.ant-col-rtl {
    margin-right: 62.5%;
    margin-left: 0;
  }
  .ant-col-xxl-push-16.ant-col-rtl {
    right: 66.66666667%;
    left: auto;
  }
  .ant-col-xxl-pull-16.ant-col-rtl {
    right: auto;
    left: 66.66666667%;
  }
  .ant-col-xxl-offset-16.ant-col-rtl {
    margin-right: 66.66666667%;
    margin-left: 0;
  }
  .ant-col-xxl-push-17.ant-col-rtl {
    right: 70.83333333%;
    left: auto;
  }
  .ant-col-xxl-pull-17.ant-col-rtl {
    right: auto;
    left: 70.83333333%;
  }
  .ant-col-xxl-offset-17.ant-col-rtl {
    margin-right: 70.83333333%;
    margin-left: 0;
  }
  .ant-col-xxl-push-18.ant-col-rtl {
    right: 75%;
    left: auto;
  }
  .ant-col-xxl-pull-18.ant-col-rtl {
    right: auto;
    left: 75%;
  }
  .ant-col-xxl-offset-18.ant-col-rtl {
    margin-right: 75%;
    margin-left: 0;
  }
  .ant-col-xxl-push-19.ant-col-rtl {
    right: 79.16666667%;
    left: auto;
  }
  .ant-col-xxl-pull-19.ant-col-rtl {
    right: auto;
    left: 79.16666667%;
  }
  .ant-col-xxl-offset-19.ant-col-rtl {
    margin-right: 79.16666667%;
    margin-left: 0;
  }
  .ant-col-xxl-push-20.ant-col-rtl {
    right: 83.33333333%;
    left: auto;
  }
  .ant-col-xxl-pull-20.ant-col-rtl {
    right: auto;
    left: 83.33333333%;
  }
  .ant-col-xxl-offset-20.ant-col-rtl {
    margin-right: 83.33333333%;
    margin-left: 0;
  }
  .ant-col-xxl-push-21.ant-col-rtl {
    right: 87.5%;
    left: auto;
  }
  .ant-col-xxl-pull-21.ant-col-rtl {
    right: auto;
    left: 87.5%;
  }
  .ant-col-xxl-offset-21.ant-col-rtl {
    margin-right: 87.5%;
    margin-left: 0;
  }
  .ant-col-xxl-push-22.ant-col-rtl {
    right: 91.66666667%;
    left: auto;
  }
  .ant-col-xxl-pull-22.ant-col-rtl {
    right: auto;
    left: 91.66666667%;
  }
  .ant-col-xxl-offset-22.ant-col-rtl {
    margin-right: 91.66666667%;
    margin-left: 0;
  }
  .ant-col-xxl-push-23.ant-col-rtl {
    right: 95.83333333%;
    left: auto;
  }
  .ant-col-xxl-pull-23.ant-col-rtl {
    right: auto;
    left: 95.83333333%;
  }
  .ant-col-xxl-offset-23.ant-col-rtl {
    margin-right: 95.83333333%;
    margin-left: 0;
  }
  .ant-col-xxl-push-24.ant-col-rtl {
    right: 100%;
    left: auto;
  }
  .ant-col-xxl-pull-24.ant-col-rtl {
    right: auto;
    left: 100%;
  }
  .ant-col-xxl-offset-24.ant-col-rtl {
    margin-right: 100%;
    margin-left: 0;
  }
}
.ant-row-rtl {
  direction: rtl;
}
.ant-image {
  position: relative;
  display: inline-block;
}
.ant-image-img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}
.ant-image-img-placeholder {
  background-color: #f5f5f5;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQuNSAyLjVoLTEzQS41LjUgMCAwIDAgMSAzdjEwYS41LjUgMCAwIDAgLjUuNWgxM2EuNS41IDAgMCAwIC41LS41VjNhLjUuNSAwIDAgMC0uNS0uNXpNNS4yODEgNC43NWExIDEgMCAwIDEgMCAyIDEgMSAwIDAgMSAwLTJ6bTguMDMgNi44M2EuMTI3LjEyNyAwIDAgMS0uMDgxLjAzSDIuNzY5YS4xMjUuMTI1IDAgMCAxLS4wOTYtLjIwN2wyLjY2MS0zLjE1NmEuMTI2LjEyNiAwIDAgMSAuMTc3LS4wMTZsLjAxNi4wMTZMNy4wOCAxMC4wOWwyLjQ3LTIuOTNhLjEyNi4xMjYgMCAwIDEgLjE3Ny0uMDE2bC4wMTUuMDE2IDMuNTg4IDQuMjQ0YS4xMjcuMTI3IDAgMCAxLS4wMi4xNzV6IiBmaWxsPSIjOEM4QzhDIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30%;
}
.ant-image-mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.3s;
}
.ant-image-mask-info {
  padding: 0 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-image-mask-info .anticon {
  -webkit-margin-end: 4px;
          margin-inline-end: 4px;
}
.ant-image-mask:hover {
  opacity: 1;
}
.ant-image-placeholder {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.ant-image-preview {
  pointer-events: none;
  height: 100%;
  text-align: center;
}
.ant-image-preview.ant-zoom-enter,
.ant-image-preview.ant-zoom-appear {
  transform: none;
  opacity: 0;
  animation-duration: 0.3s;
  -webkit-user-select: none;
          user-select: none;
}
.ant-image-preview-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.45);
}
.ant-image-preview-mask-hidden {
  display: none;
}
.ant-image-preview-wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  outline: 0;
}
.ant-image-preview-body {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
.ant-image-preview-img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
  transform: scale3d(1, 1, 1);
  cursor: grab;
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  -webkit-user-select: none;
          user-select: none;
  pointer-events: auto;
}
.ant-image-preview-img-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.ant-image-preview-img-wrapper::before {
  display: inline-block;
  width: 1px;
  height: 50%;
  margin-right: -1px;
  content: '';
}
.ant-image-preview-moving .ant-image-preview-img {
  cursor: grabbing;
}
.ant-image-preview-moving .ant-image-preview-img-wrapper {
  transition-duration: 0s;
}
.ant-image-preview-wrap {
  z-index: 1080;
}
.ant-image-preview-operations-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1081;
  width: 100%;
}
.ant-image-preview-operations {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #404041;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.15;
  font-feature-settings: 'tnum', "tnum";
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  color: rgba(255, 255, 255, 0.85);
  list-style: none;
  background: rgba(0, 0, 0, 0.1);
  pointer-events: auto;
}
.ant-image-preview-operations-operation {
  margin-left: 12px;
  padding: 12px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-image-preview-operations-operation:hover {
  background: rgba(0, 0, 0, 0.2);
}
.ant-image-preview-operations-operation-disabled {
  color: rgba(255, 255, 255, 0.25);
  pointer-events: none;
}
.ant-image-preview-operations-operation:last-of-type {
  margin-left: 0;
}
.ant-image-preview-operations-progress {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.ant-image-preview-operations-icon {
  font-size: 18px;
}
.ant-image-preview-switch-left,
.ant-image-preview-switch-right {
  position: fixed;
  top: 50%;
  right: 8px;
  z-index: 1081;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  color: rgba(255, 255, 255, 0.85);
  background: rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  transition: all 0.3s;
  pointer-events: auto;
}
.ant-image-preview-switch-left:hover,
.ant-image-preview-switch-right:hover {
  background: rgba(0, 0, 0, 0.2);
}
.ant-image-preview-switch-left-disabled,
.ant-image-preview-switch-right-disabled,
.ant-image-preview-switch-left-disabled:hover,
.ant-image-preview-switch-right-disabled:hover {
  color: rgba(255, 255, 255, 0.25);
  background: rgba(0, 0, 0, 0.1);
  cursor: not-allowed;
}
.ant-image-preview-switch-left-disabled > .anticon,
.ant-image-preview-switch-right-disabled > .anticon,
.ant-image-preview-switch-left-disabled:hover > .anticon,
.ant-image-preview-switch-right-disabled:hover > .anticon {
  cursor: not-allowed;
}
.ant-image-preview-switch-left > .anticon,
.ant-image-preview-switch-right > .anticon {
  font-size: 18px;
}
.ant-image-preview-switch-left {
  left: 8px;
}
.ant-image-preview-switch-right {
  right: 8px;
}
.ant-input-affix-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
  min-width: 0;
  padding: 9px 11px;
  color: #404041;
  font-size: 14px;
  line-height: 1.15;
  background-color: #fff;
  background-image: none;
  border: 1px solid #D4D4D4;
  border-radius: 4px;
  transition: all 0.3s;
  display: inline-flex;
}
.ant-input-affix-wrapper::placeholder {
  color: #bfbfbf;
  -webkit-user-select: none;
          user-select: none;
}
.ant-input-affix-wrapper:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input-affix-wrapper:hover {
  border-color: #de6c26;
  border-right-width: 1px;
}
.ant-input-rtl .ant-input-affix-wrapper:hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input-affix-wrapper:focus,
.ant-input-affix-wrapper-focused {
  border-color: #de6c26;
  box-shadow: 0 0 0 2px rgba(208, 74, 2, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-rtl .ant-input-affix-wrapper:focus,
.ant-input-rtl .ant-input-affix-wrapper-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input-affix-wrapper-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #D4D4D4;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-affix-wrapper-disabled:hover {
  border-color: #D4D4D4;
  border-right-width: 1px;
}
.ant-input-affix-wrapper[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #D4D4D4;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-affix-wrapper[disabled]:hover {
  border-color: #D4D4D4;
  border-right-width: 1px;
}
.ant-input-affix-wrapper-borderless,
.ant-input-affix-wrapper-borderless:hover,
.ant-input-affix-wrapper-borderless:focus,
.ant-input-affix-wrapper-borderless-focused,
.ant-input-affix-wrapper-borderless-disabled,
.ant-input-affix-wrapper-borderless[disabled] {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
textarea.ant-input-affix-wrapper {
  max-width: 100%;
  height: auto;
  min-height: 36px;
  line-height: 1.15;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-input-affix-wrapper-lg {
  padding: 9.8px 11px;
  font-size: 16px;
}
.ant-input-affix-wrapper-sm {
  padding: 3px 7px;
}
.ant-input-affix-wrapper-rtl {
  direction: rtl;
}
.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
  border-color: #de6c26;
  border-right-width: 1px;
  z-index: 1;
}
.ant-input-rtl .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input-search-with-button .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
  z-index: 0;
}
.ant-input-affix-wrapper-focused,
.ant-input-affix-wrapper:focus {
  z-index: 1;
}
.ant-input-affix-wrapper-disabled .ant-input[disabled] {
  background: rgba(255, 255, 255, 0);
}
.ant-input-affix-wrapper > .ant-input {
  font-size: inherit;
  border: none;
  outline: none;
}
.ant-input-affix-wrapper > .ant-input:focus {
  box-shadow: none !important;
}
.ant-input-affix-wrapper > .ant-input:not(textarea) {
  padding: 0;
}
.ant-input-affix-wrapper::before {
  display: inline-block;
  width: 0;
  visibility: hidden;
  content: '\a0';
}
.ant-input-prefix,
.ant-input-suffix {
  display: flex;
  flex: none;
  align-items: center;
}
.ant-input-prefix > *:not(:last-child),
.ant-input-suffix > *:not(:last-child) {
  margin-right: 8px;
}
.ant-input-show-count-suffix {
  color: rgba(0, 0, 0, 0.45);
}
.ant-input-show-count-has-suffix {
  margin-right: 2px;
}
.ant-input-prefix {
  margin-right: 4px;
}
.ant-input-suffix {
  margin-left: 4px;
}
.anticon.ant-input-clear-icon,
.ant-input-clear-icon {
  margin: 0;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  vertical-align: -1px;
  cursor: pointer;
  transition: color 0.3s;
}
.anticon.ant-input-clear-icon:hover,
.ant-input-clear-icon:hover {
  color: rgba(0, 0, 0, 0.45);
}
.anticon.ant-input-clear-icon:active,
.ant-input-clear-icon:active {
  color: #404041;
}
.anticon.ant-input-clear-icon-hidden,
.ant-input-clear-icon-hidden {
  visibility: hidden;
}
.anticon.ant-input-clear-icon-has-suffix,
.ant-input-clear-icon-has-suffix {
  margin: 0 4px;
}
.ant-input-affix-wrapper.ant-input-affix-wrapper-textarea-with-clear-btn {
  padding: 0;
}
.ant-input-affix-wrapper.ant-input-affix-wrapper-textarea-with-clear-btn .ant-input-clear-icon {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 1;
}
.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,
.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {
  background: #fff;
  border-color: #C52A1A;
}
.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus,
.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input-focused {
  border-color: #d1503d;
  box-shadow: 0 0 0 2px rgba(197, 42, 26, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-status-error .ant-input-prefix {
  color: #C52A1A;
}
.ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,
.ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {
  background: #fff;
  border-color: #FFBF1F;
}
.ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus,
.ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input-focused {
  border-color: #ffd147;
  box-shadow: 0 0 0 2px rgba(255, 191, 31, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-status-warning .ant-input-prefix {
  color: #FFBF1F;
}
.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper,
.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover {
  background: #fff;
  border-color: #C52A1A;
}
.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus,
.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper-focused {
  border-color: #d1503d;
  box-shadow: 0 0 0 2px rgba(197, 42, 26, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-affix-wrapper-status-error .ant-input-prefix {
  color: #C52A1A;
}
.ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper,
.ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover {
  background: #fff;
  border-color: #FFBF1F;
}
.ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus,
.ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper-focused {
  border-color: #ffd147;
  box-shadow: 0 0 0 2px rgba(255, 191, 31, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-affix-wrapper-status-warning .ant-input-prefix {
  color: #FFBF1F;
}
.ant-input-textarea-status-error.ant-input-textarea-has-feedback .ant-input,
.ant-input-textarea-status-warning.ant-input-textarea-has-feedback .ant-input,
.ant-input-textarea-status-success.ant-input-textarea-has-feedback .ant-input,
.ant-input-textarea-status-validating.ant-input-textarea-has-feedback .ant-input {
  padding-right: 24px;
}
.ant-input-group-wrapper-status-error .ant-input-group-addon {
  color: #C52A1A;
  border-color: #C52A1A;
}
.ant-input-group-wrapper-status-warning .ant-input-group-addon {
  color: #FFBF1F;
  border-color: #FFBF1F;
}
.ant-input {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  position: relative;
  display: inline-block;
  width: 100%;
  min-width: 0;
  padding: 9px 11px;
  color: #404041;
  font-size: 14px;
  line-height: 1.15;
  background-color: #fff;
  background-image: none;
  border: 1px solid #D4D4D4;
  border-radius: 4px;
  transition: all 0.3s;
}
.ant-input::placeholder {
  color: #bfbfbf;
  -webkit-user-select: none;
          user-select: none;
}
.ant-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input:hover {
  border-color: #de6c26;
  border-right-width: 1px;
}
.ant-input-rtl .ant-input:hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input:focus,
.ant-input-focused {
  border-color: #de6c26;
  box-shadow: 0 0 0 2px rgba(208, 74, 2, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-rtl .ant-input:focus,
.ant-input-rtl .ant-input-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #D4D4D4;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-disabled:hover {
  border-color: #D4D4D4;
  border-right-width: 1px;
}
.ant-input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #D4D4D4;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input[disabled]:hover {
  border-color: #D4D4D4;
  border-right-width: 1px;
}
.ant-input-borderless,
.ant-input-borderless:hover,
.ant-input-borderless:focus,
.ant-input-borderless-focused,
.ant-input-borderless-disabled,
.ant-input-borderless[disabled] {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
textarea.ant-input {
  max-width: 100%;
  height: auto;
  min-height: 36px;
  line-height: 1.15;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-input-lg {
  padding: 9.8px 11px;
  font-size: 16px;
}
.ant-input-sm {
  padding: 3px 7px;
}
.ant-input-rtl {
  direction: rtl;
}
.ant-input-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #404041;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.15;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  position: relative;
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.ant-input-group[class*='col-'] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.ant-input-group > [class*='col-'] {
  padding-right: 8px;
}
.ant-input-group > [class*='col-']:last-child {
  padding-right: 0;
}
.ant-input-group-addon,
.ant-input-group-wrap,
.ant-input-group > .ant-input {
  display: table-cell;
}
.ant-input-group-addon:not(:first-child):not(:last-child),
.ant-input-group-wrap:not(:first-child):not(:last-child),
.ant-input-group > .ant-input:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.ant-input-group-addon,
.ant-input-group-wrap {
  width: 1px;
  white-space: nowrap;
  vertical-align: middle;
}
.ant-input-group-wrap > * {
  display: block !important;
}
.ant-input-group .ant-input {
  float: left;
  width: 100%;
  margin-bottom: 0;
  text-align: inherit;
}
.ant-input-group .ant-input:focus {
  z-index: 1;
  border-right-width: 1px;
}
.ant-input-group .ant-input:hover {
  z-index: 1;
  border-right-width: 1px;
}
.ant-input-search-with-button .ant-input-group .ant-input:hover {
  z-index: 0;
}
.ant-input-group-addon {
  position: relative;
  padding: 0 11px;
  color: #404041;
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  background-color: #fafafa;
  border: 1px solid #D4D4D4;
  border-radius: 4px;
  transition: all 0.3s;
}
.ant-input-group-addon .ant-select {
  margin: -10px -11px;
}
.ant-input-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  background-color: inherit;
  border: 1px solid transparent;
  box-shadow: none;
}
.ant-input-group-addon .ant-select-open .ant-select-selector,
.ant-input-group-addon .ant-select-focused .ant-select-selector {
  color: #D04A02;
}
.ant-input-group-addon .ant-cascader-picker {
  margin: -9px -12px;
  background-color: transparent;
}
.ant-input-group-addon .ant-cascader-picker .ant-cascader-input {
  text-align: left;
  border: 0;
  box-shadow: none;
}
.ant-input-group > .ant-input:first-child,
.ant-input-group-addon:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-group > .ant-input:first-child .ant-select .ant-select-selector,
.ant-input-group-addon:first-child .ant-select .ant-select-selector {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-group > .ant-input-affix-wrapper:not(:first-child) .ant-input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group > .ant-input-affix-wrapper:not(:last-child) .ant-input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-group-addon:first-child {
  border-right: 0;
}
.ant-input-group-addon:last-child {
  border-left: 0;
}
.ant-input-group > .ant-input:last-child,
.ant-input-group-addon:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group > .ant-input:last-child .ant-select .ant-select-selector,
.ant-input-group-addon:last-child .ant-select .ant-select-selector {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group-lg .ant-input,
.ant-input-group-lg > .ant-input-group-addon {
  padding: 9.8px 11px;
  font-size: 16px;
}
.ant-input-group-sm .ant-input,
.ant-input-group-sm > .ant-input-group-addon {
  padding: 3px 7px;
}
.ant-input-group-lg .ant-select-single .ant-select-selector {
  height: 40px;
}
.ant-input-group-sm .ant-select-single .ant-select-selector {
  height: 24px;
}
.ant-input-group .ant-input-affix-wrapper:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:last-child) {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-input-group .ant-input-affix-wrapper:not(:first-child),
.ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group.ant-input-group-compact {
  display: block;
}
.ant-input-group.ant-input-group-compact::before {
  display: table;
  content: '';
}
.ant-input-group.ant-input-group-compact::after {
  display: table;
  clear: both;
  content: '';
}
.ant-input-group.ant-input-group-compact::before {
  display: table;
  content: '';
}
.ant-input-group.ant-input-group-compact::after {
  display: table;
  clear: both;
  content: '';
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child),
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child),
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child) {
  border-right-width: 1px;
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):hover,
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):hover,
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):hover {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):focus,
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):focus,
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):focus {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > * {
  display: inline-block;
  float: none;
  vertical-align: top;
  border-radius: 0;
}
.ant-input-group.ant-input-group-compact > .ant-input-affix-wrapper,
.ant-input-group.ant-input-group-compact > .ant-input-number-affix-wrapper,
.ant-input-group.ant-input-group-compact > .ant-picker-range {
  display: inline-flex;
}
.ant-input-group.ant-input-group-compact > *:not(:last-child) {
  margin-right: -1px;
  border-right-width: 1px;
}
.ant-input-group.ant-input-group-compact .ant-input {
  float: none;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input,
.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input {
  border-right-width: 1px;
  border-radius: 0;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector:hover,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:hover,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:hover,
.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:hover {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector:focus,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:focus,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:focus,
.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:focus {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > .ant-select-focused {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-arrow {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > *:first-child,
.ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-input-group.ant-input-group-compact > *:last-child,
.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
  border-right-width: 1px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input {
  vertical-align: top;
}
.ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper {
  margin-left: -1px;
}
.ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper .ant-input-affix-wrapper {
  border-radius: 0;
}
.ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input-group-addon > .ant-input-search-button {
  border-radius: 0;
}
.ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
  border-radius: 4px 0 0 4px;
}
.ant-input-group > .ant-input-rtl:first-child,
.ant-input-group-rtl .ant-input-group-addon:first-child {
  border-radius: 0 4px 4px 0;
}
.ant-input-group-rtl .ant-input-group-addon:first-child {
  border-right: 1px solid #D4D4D4;
  border-left: 0;
}
.ant-input-group-rtl .ant-input-group-addon:last-child {
  border-right: 0;
  border-left: 1px solid #D4D4D4;
  border-radius: 4px 0 0 4px;
}
.ant-input-group-rtl.ant-input-group > .ant-input:last-child,
.ant-input-group-rtl.ant-input-group-addon:last-child {
  border-radius: 4px 0 0 4px;
}
.ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:first-child) {
  border-radius: 4px 0 0 4px;
}
.ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:last-child) {
  border-radius: 0 4px 4px 0;
}
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:not(:last-child) {
  margin-right: 0;
  margin-left: -1px;
  border-left-width: 1px;
}
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:first-child,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input {
  border-radius: 0 4px 4px 0;
}
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:last-child,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
  border-left-width: 1px;
  border-radius: 4px 0 0 4px;
}
.ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl + .ant-input-group-wrapper-rtl {
  margin-right: -1px;
  margin-left: 0;
}
.ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
  border-radius: 0 4px 4px 0;
}
.ant-input-group > .ant-input-rtl:first-child {
  border-radius: 0 4px 4px 0;
}
.ant-input-group > .ant-input-rtl:last-child {
  border-radius: 4px 0 0 4px;
}
.ant-input-group-rtl .ant-input-group-addon:first-child {
  border-right: 1px solid #D4D4D4;
  border-left: 0;
  border-radius: 0 4px 4px 0;
}
.ant-input-group-rtl .ant-input-group-addon:last-child {
  border-right: 0;
  border-left: 1px solid #D4D4D4;
  border-radius: 4px 0 0 4px;
}
.ant-input-group-wrapper {
  display: inline-block;
  width: 100%;
  text-align: start;
  vertical-align: top;
}
.ant-input-password-icon.anticon {
  color: rgba(0, 0, 0, 0.45);
  cursor: pointer;
  transition: all 0.3s;
}
.ant-input-password-icon.anticon:hover {
  color: rgba(0, 0, 0, 0.85);
}
.ant-input[type='color'] {
  height: 36px;
}
.ant-input[type='color'].ant-input-lg {
  height: 40px;
}
.ant-input[type='color'].ant-input-sm {
  height: 24px;
  padding-top: 3px;
  padding-bottom: 3px;
}
.ant-input-textarea-show-count > .ant-input {
  height: 100%;
}
.ant-input-textarea-show-count::after {
  float: right;
  color: rgba(0, 0, 0, 0.45);
  white-space: nowrap;
  content: attr(data-count);
  pointer-events: none;
}
.ant-input-textarea-show-count.ant-input-textarea-in-form-item::after {
  margin-bottom: -22px;
}
.ant-input-textarea-suffix {
  position: absolute;
  top: 0;
  right: 11px;
  bottom: 0;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  margin: auto;
}
.ant-input-compact-item:not(.ant-input-compact-last-item):not(.ant-input-compact-item-rtl) {
  margin-right: -1px;
}
.ant-input-compact-item:not(.ant-input-compact-last-item).ant-input-compact-item-rtl {
  margin-left: -1px;
}
.ant-input-compact-item:hover,
.ant-input-compact-item:focus,
.ant-input-compact-item:active {
  z-index: 2;
}
.ant-input-compact-item[disabled] {
  z-index: 0;
}
.ant-input-compact-item:not(.ant-input-compact-first-item):not(.ant-input-compact-last-item).ant-input {
  border-radius: 0;
}
.ant-input-compact-item.ant-input.ant-input-compact-first-item:not(.ant-input-compact-last-item):not(.ant-input-compact-item-rtl) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-compact-item.ant-input.ant-input-compact-last-item:not(.ant-input-compact-first-item):not(.ant-input-compact-item-rtl) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-compact-item.ant-input.ant-input-compact-item-rtl.ant-input-compact-first-item:not(.ant-input-compact-last-item) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-compact-item.ant-input.ant-input-compact-item-rtl.ant-input-compact-last-item:not(.ant-input-compact-first-item) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-search .ant-input:hover,
.ant-input-search .ant-input:focus {
  border-color: #de6c26;
}
.ant-input-search .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary),
.ant-input-search .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) {
  border-left-color: #de6c26;
}
.ant-input-search .ant-input-affix-wrapper {
  border-radius: 0;
}
.ant-input-search .ant-input-lg {
  line-height: 1.1498;
}
.ant-input-search > .ant-input-group > .ant-input-group-addon:last-child {
  left: -1px;
  padding: 0;
  border: 0;
}
.ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button {
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 0 4px 4px 0;
}
.ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary) {
  color: rgba(0, 0, 0, 0.45);
}
.ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary).ant-btn-loading::before {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.ant-input-search-button {
  height: 36px;
}
.ant-input-search-button:hover,
.ant-input-search-button:focus {
  z-index: 1;
}
.ant-input-search-large .ant-input-search-button {
  height: 40px;
}
.ant-input-search-small .ant-input-search-button {
  height: 24px;
}
.ant-input-search.ant-input-compact-item:not(.ant-input-compact-item-rtl):not(.ant-input-compact-last-item) .ant-input-group-addon .ant-input-search-button {
  margin-right: -1px;
  border-radius: 0;
}
.ant-input-search.ant-input-compact-item:not(.ant-input-compact-first-item) .ant-input,
.ant-input-search.ant-input-compact-item:not(.ant-input-compact-first-item) .ant-input-affix-wrapper {
  border-radius: 0;
}
.ant-input-search.ant-input-compact-item > .ant-input-group-addon .ant-input-search-button:hover,
.ant-input-search.ant-input-compact-item > .ant-input:hover,
.ant-input-search.ant-input-compact-item .ant-input-affix-wrapper:hover,
.ant-input-search.ant-input-compact-item > .ant-input-group-addon .ant-input-search-button:focus,
.ant-input-search.ant-input-compact-item > .ant-input:focus,
.ant-input-search.ant-input-compact-item .ant-input-affix-wrapper:focus,
.ant-input-search.ant-input-compact-item > .ant-input-group-addon .ant-input-search-button:active,
.ant-input-search.ant-input-compact-item > .ant-input:active,
.ant-input-search.ant-input-compact-item .ant-input-affix-wrapper:active {
  z-index: 2;
}
.ant-input-search.ant-input-compact-item > .ant-input-affix-wrapper-focused {
  z-index: 2;
}
.ant-input-search.ant-input-compact-item-rtl:not(.ant-input-compact-last-item) .ant-input-group-addon:last-child .ant-input-search-button {
  margin-left: -1px;
  border-radius: 0;
}
.ant-input-group-wrapper-rtl {
  direction: rtl;
}
.ant-input-group-rtl {
  direction: rtl;
}
.ant-input-affix-wrapper.ant-input-affix-wrapper-rtl > input.ant-input {
  border: none;
  outline: none;
}
.ant-input-affix-wrapper-rtl .ant-input-prefix {
  margin: 0 0 0 4px;
}
.ant-input-affix-wrapper-rtl .ant-input-suffix {
  margin: 0 4px 0 0;
}
.ant-input-textarea-rtl {
  direction: rtl;
}
.ant-input-textarea-rtl.ant-input-textarea-show-count::after {
  text-align: left;
}
.ant-input-affix-wrapper-rtl .ant-input-clear-icon-has-suffix {
  margin-right: 0;
  margin-left: 4px;
}
.ant-input-affix-wrapper-rtl .ant-input-clear-icon {
  right: auto;
  left: 8px;
}
.ant-input-search-rtl {
  direction: rtl;
}
.ant-input-search-rtl .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary),
.ant-input-search-rtl .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) {
  border-left-color: #D4D4D4;
}
.ant-input-search-rtl .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary):hover,
.ant-input-search-rtl .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary):hover {
  border-left-color: #de6c26;
}
.ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper:hover,
.ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper-focused {
  border-right-color: #de6c26;
}
.ant-input-search-rtl > .ant-input-group > .ant-input-group-addon:last-child {
  right: -1px;
  left: auto;
}
.ant-input-search-rtl > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button {
  border-radius: 4px 0 0 4px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ant-input {
    height: 36px;
  }
  .ant-input-lg {
    height: 40px;
  }
  .ant-input-sm {
    height: 24px;
  }
  .ant-input-affix-wrapper > input.ant-input {
    height: auto;
  }
}
.ant-input-number-affix-wrapper {
  display: inline-block;
  width: 100%;
  min-width: 0;
  padding: 9px 11px;
  color: #404041;
  font-size: 14px;
  line-height: 1.15;
  background-color: #fff;
  background-image: none;
  border: 1px solid #D4D4D4;
  border-radius: 4px;
  transition: all 0.3s;
  position: relative;
  display: inline-flex;
  width: 90px;
  padding: 0;
  -webkit-padding-start: 11px;
          padding-inline-start: 11px;
}
.ant-input-number-affix-wrapper::placeholder {
  color: #bfbfbf;
  -webkit-user-select: none;
          user-select: none;
}
.ant-input-number-affix-wrapper:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input-number-affix-wrapper:hover {
  border-color: #de6c26;
  border-right-width: 1px;
}
.ant-input-rtl .ant-input-number-affix-wrapper:hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input-number-affix-wrapper:focus,
.ant-input-number-affix-wrapper-focused {
  border-color: #de6c26;
  box-shadow: 0 0 0 2px rgba(208, 74, 2, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-rtl .ant-input-number-affix-wrapper:focus,
.ant-input-rtl .ant-input-number-affix-wrapper-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input-number-affix-wrapper-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #D4D4D4;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-number-affix-wrapper-disabled:hover {
  border-color: #D4D4D4;
  border-right-width: 1px;
}
.ant-input-number-affix-wrapper[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #D4D4D4;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-number-affix-wrapper[disabled]:hover {
  border-color: #D4D4D4;
  border-right-width: 1px;
}
.ant-input-number-affix-wrapper-borderless,
.ant-input-number-affix-wrapper-borderless:hover,
.ant-input-number-affix-wrapper-borderless:focus,
.ant-input-number-affix-wrapper-borderless-focused,
.ant-input-number-affix-wrapper-borderless-disabled,
.ant-input-number-affix-wrapper-borderless[disabled] {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
textarea.ant-input-number-affix-wrapper {
  max-width: 100%;
  height: auto;
  min-height: 36px;
  line-height: 1.15;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-input-number-affix-wrapper-lg {
  padding: 9.8px 11px;
  font-size: 16px;
}
.ant-input-number-affix-wrapper-sm {
  padding: 3px 7px;
}
.ant-input-number-affix-wrapper-rtl {
  direction: rtl;
}
.ant-input-number-affix-wrapper:not(.ant-input-number-affix-wrapper-disabled):hover {
  border-color: #de6c26;
  border-right-width: 1px;
  z-index: 1;
}
.ant-input-rtl .ant-input-number-affix-wrapper:not(.ant-input-number-affix-wrapper-disabled):hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input-number-affix-wrapper-focused,
.ant-input-number-affix-wrapper:focus {
  z-index: 1;
}
.ant-input-number-affix-wrapper-disabled .ant-input-number[disabled] {
  background: transparent;
}
.ant-input-number-affix-wrapper > div.ant-input-number {
  width: 100%;
  border: none;
  outline: none;
}
.ant-input-number-affix-wrapper > div.ant-input-number.ant-input-number-focused {
  box-shadow: none !important;
}
.ant-input-number-affix-wrapper input.ant-input-number-input {
  padding: 0;
}
.ant-input-number-affix-wrapper::before {
  display: inline-block;
  width: 0;
  visibility: hidden;
  content: '\a0';
}
.ant-input-number-affix-wrapper .ant-input-number-handler-wrap {
  z-index: 2;
}
.ant-input-number-prefix,
.ant-input-number-suffix {
  display: flex;
  flex: none;
  align-items: center;
  pointer-events: none;
}
.ant-input-number-prefix {
  -webkit-margin-end: 4px;
          margin-inline-end: 4px;
}
.ant-input-number-suffix {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  height: 100%;
  margin-right: 11px;
  margin-left: 4px;
}
.ant-input-number-group-wrapper .ant-input-number-affix-wrapper {
  width: 100%;
}
.ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number,
.ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:hover {
  background: #fff;
  border-color: #C52A1A;
}
.ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:focus,
.ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number-focused {
  border-color: #d1503d;
  box-shadow: 0 0 0 2px rgba(197, 42, 26, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-number-status-error .ant-input-number-prefix {
  color: #C52A1A;
}
.ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number,
.ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:hover {
  background: #fff;
  border-color: #FFBF1F;
}
.ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:focus,
.ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number-focused {
  border-color: #ffd147;
  box-shadow: 0 0 0 2px rgba(255, 191, 31, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-number-status-warning .ant-input-number-prefix {
  color: #FFBF1F;
}
.ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper,
.ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:hover {
  background: #fff;
  border-color: #C52A1A;
}
.ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:focus,
.ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper-focused {
  border-color: #d1503d;
  box-shadow: 0 0 0 2px rgba(197, 42, 26, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-number-affix-wrapper-status-error .ant-input-number-prefix {
  color: #C52A1A;
}
.ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper,
.ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:hover {
  background: #fff;
  border-color: #FFBF1F;
}
.ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:focus,
.ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper-focused {
  border-color: #ffd147;
  box-shadow: 0 0 0 2px rgba(255, 191, 31, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-number-affix-wrapper-status-warning .ant-input-number-prefix {
  color: #FFBF1F;
}
.ant-input-number-group-wrapper-status-error .ant-input-number-group-addon {
  color: #C52A1A;
  border-color: #C52A1A;
}
.ant-input-number-group-wrapper-status-warning .ant-input-number-group-addon {
  color: #FFBF1F;
  border-color: #FFBF1F;
}
.ant-input-number {
  box-sizing: border-box;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  position: relative;
  width: 100%;
  min-width: 0;
  padding: 9px 11px;
  color: #404041;
  font-size: 14px;
  line-height: 1.15;
  background-color: #fff;
  background-image: none;
  transition: all 0.3s;
  display: inline-block;
  width: 90px;
  margin: 0;
  padding: 0;
  border: 1px solid #D4D4D4;
  border-radius: 4px;
}
.ant-input-number::placeholder {
  color: #bfbfbf;
  -webkit-user-select: none;
          user-select: none;
}
.ant-input-number:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input-number:hover {
  border-color: #de6c26;
  border-right-width: 1px;
}
.ant-input-rtl .ant-input-number:hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input-number:focus,
.ant-input-number-focused {
  border-color: #de6c26;
  box-shadow: 0 0 0 2px rgba(208, 74, 2, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-rtl .ant-input-number:focus,
.ant-input-rtl .ant-input-number-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input-number-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #D4D4D4;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-number-disabled:hover {
  border-color: #D4D4D4;
  border-right-width: 1px;
}
.ant-input-number[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #D4D4D4;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-number[disabled]:hover {
  border-color: #D4D4D4;
  border-right-width: 1px;
}
.ant-input-number-borderless,
.ant-input-number-borderless:hover,
.ant-input-number-borderless:focus,
.ant-input-number-borderless-focused,
.ant-input-number-borderless-disabled,
.ant-input-number-borderless[disabled] {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
textarea.ant-input-number {
  max-width: 100%;
  height: auto;
  min-height: 36px;
  line-height: 1.15;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-input-number-lg {
  padding: 9.8px 11px;
  font-size: 16px;
}
.ant-input-number-sm {
  padding: 3px 7px;
}
.ant-input-number-rtl {
  direction: rtl;
}
.ant-input-number-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #404041;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.15;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  position: relative;
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.ant-input-number-group[class*='col-'] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.ant-input-number-group > [class*='col-'] {
  padding-right: 8px;
}
.ant-input-number-group > [class*='col-']:last-child {
  padding-right: 0;
}
.ant-input-number-group-addon,
.ant-input-number-group-wrap,
.ant-input-number-group > .ant-input-number {
  display: table-cell;
}
.ant-input-number-group-addon:not(:first-child):not(:last-child),
.ant-input-number-group-wrap:not(:first-child):not(:last-child),
.ant-input-number-group > .ant-input-number:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.ant-input-number-group-addon,
.ant-input-number-group-wrap {
  width: 1px;
  white-space: nowrap;
  vertical-align: middle;
}
.ant-input-number-group-wrap > * {
  display: block !important;
}
.ant-input-number-group .ant-input-number {
  float: left;
  width: 100%;
  margin-bottom: 0;
  text-align: inherit;
}
.ant-input-number-group .ant-input-number:focus {
  z-index: 1;
  border-right-width: 1px;
}
.ant-input-number-group .ant-input-number:hover {
  z-index: 1;
  border-right-width: 1px;
}
.ant-input-search-with-button .ant-input-number-group .ant-input-number:hover {
  z-index: 0;
}
.ant-input-number-group-addon {
  position: relative;
  padding: 0 11px;
  color: #404041;
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  background-color: #fafafa;
  border: 1px solid #D4D4D4;
  border-radius: 4px;
  transition: all 0.3s;
}
.ant-input-number-group-addon .ant-select {
  margin: -10px -11px;
}
.ant-input-number-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  background-color: inherit;
  border: 1px solid transparent;
  box-shadow: none;
}
.ant-input-number-group-addon .ant-select-open .ant-select-selector,
.ant-input-number-group-addon .ant-select-focused .ant-select-selector {
  color: #D04A02;
}
.ant-input-number-group-addon .ant-cascader-picker {
  margin: -9px -12px;
  background-color: transparent;
}
.ant-input-number-group-addon .ant-cascader-picker .ant-cascader-input {
  text-align: left;
  border: 0;
  box-shadow: none;
}
.ant-input-number-group > .ant-input-number:first-child,
.ant-input-number-group-addon:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-number-group > .ant-input-number:first-child .ant-select .ant-select-selector,
.ant-input-number-group-addon:first-child .ant-select .ant-select-selector {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-number-group > .ant-input-number-affix-wrapper:not(:first-child) .ant-input-number {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-number-group > .ant-input-number-affix-wrapper:not(:last-child) .ant-input-number {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-number-group-addon:first-child {
  border-right: 0;
}
.ant-input-number-group-addon:last-child {
  border-left: 0;
}
.ant-input-number-group > .ant-input-number:last-child,
.ant-input-number-group-addon:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-number-group > .ant-input-number:last-child .ant-select .ant-select-selector,
.ant-input-number-group-addon:last-child .ant-select .ant-select-selector {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-number-group-lg .ant-input-number,
.ant-input-number-group-lg > .ant-input-number-group-addon {
  padding: 9.8px 11px;
  font-size: 16px;
}
.ant-input-number-group-sm .ant-input-number,
.ant-input-number-group-sm > .ant-input-number-group-addon {
  padding: 3px 7px;
}
.ant-input-number-group-lg .ant-select-single .ant-select-selector {
  height: 40px;
}
.ant-input-number-group-sm .ant-select-single .ant-select-selector {
  height: 24px;
}
.ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-search .ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child),
.ant-input-search .ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-number-group.ant-input-number-group-compact {
  display: block;
}
.ant-input-number-group.ant-input-number-group-compact::before {
  display: table;
  content: '';
}
.ant-input-number-group.ant-input-number-group-compact::after {
  display: table;
  clear: both;
  content: '';
}
.ant-input-number-group.ant-input-number-group-compact::before {
  display: table;
  content: '';
}
.ant-input-number-group.ant-input-number-group-compact::after {
  display: table;
  clear: both;
  content: '';
}
.ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child),
.ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child),
.ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child) {
  border-right-width: 1px;
}
.ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child):hover,
.ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child):hover,
.ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child):hover {
  z-index: 1;
}
.ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child):focus,
.ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child):focus,
.ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child):focus {
  z-index: 1;
}
.ant-input-number-group.ant-input-number-group-compact > * {
  display: inline-block;
  float: none;
  vertical-align: top;
  border-radius: 0;
}
.ant-input-number-group.ant-input-number-group-compact > .ant-input-number-affix-wrapper,
.ant-input-number-group.ant-input-number-group-compact > .ant-input-number-number-affix-wrapper,
.ant-input-number-group.ant-input-number-group-compact > .ant-picker-range {
  display: inline-flex;
}
.ant-input-number-group.ant-input-number-group-compact > *:not(:last-child) {
  margin-right: -1px;
  border-right-width: 1px;
}
.ant-input-number-group.ant-input-number-group-compact .ant-input-number {
  float: none;
}
.ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector,
.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input,
.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input,
.ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input {
  border-right-width: 1px;
  border-radius: 0;
}
.ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector:hover,
.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input:hover,
.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input:hover,
.ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input:hover {
  z-index: 1;
}
.ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector:focus,
.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input:focus,
.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input:focus,
.ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input:focus {
  z-index: 1;
}
.ant-input-number-group.ant-input-number-group-compact > .ant-select-focused {
  z-index: 1;
}
.ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-arrow {
  z-index: 1;
}
.ant-input-number-group.ant-input-number-group-compact > *:first-child,
.ant-input-number-group.ant-input-number-group-compact > .ant-select:first-child > .ant-select-selector,
.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete:first-child .ant-input,
.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:first-child .ant-input {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-input-number-group.ant-input-number-group-compact > *:last-child,
.ant-input-number-group.ant-input-number-group-compact > .ant-select:last-child > .ant-select-selector,
.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:last-child .ant-input,
.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
  border-right-width: 1px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input {
  vertical-align: top;
}
.ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper {
  margin-left: -1px;
}
.ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper .ant-input-affix-wrapper {
  border-radius: 0;
}
.ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input-group-addon > .ant-input-search-button {
  border-radius: 0;
}
.ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
  border-radius: 4px 0 0 4px;
}
.ant-input-number-group > .ant-input-number-rtl:first-child,
.ant-input-number-group-rtl .ant-input-number-group-addon:first-child {
  border-radius: 0 4px 4px 0;
}
.ant-input-number-group-rtl .ant-input-number-group-addon:first-child {
  border-right: 1px solid #D4D4D4;
  border-left: 0;
}
.ant-input-number-group-rtl .ant-input-number-group-addon:last-child {
  border-right: 0;
  border-left: 1px solid #D4D4D4;
  border-radius: 4px 0 0 4px;
}
.ant-input-number-group-rtl.ant-input-number-group > .ant-input-number:last-child,
.ant-input-number-group-rtl.ant-input-number-group-addon:last-child {
  border-radius: 4px 0 0 4px;
}
.ant-input-number-group-rtl.ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child) {
  border-radius: 4px 0 0 4px;
}
.ant-input-number-group-rtl.ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) {
  border-radius: 0 4px 4px 0;
}
.ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > *:not(:last-child) {
  margin-right: 0;
  margin-left: -1px;
  border-left-width: 1px;
}
.ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > *:first-child,
.ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select:first-child > .ant-select-selector,
.ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete:first-child .ant-input,
.ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:first-child .ant-input {
  border-radius: 0 4px 4px 0;
}
.ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > *:last-child,
.ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select:last-child > .ant-select-selector,
.ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete:last-child .ant-input,
.ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:last-child .ant-input,
.ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
  border-left-width: 1px;
  border-radius: 4px 0 0 4px;
}
.ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper-rtl + .ant-input-group-wrapper-rtl {
  margin-right: -1px;
  margin-left: 0;
}
.ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper-rtl:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
  border-radius: 0 4px 4px 0;
}
.ant-input-number-group > .ant-input-number-rtl:first-child {
  border-radius: 0 4px 4px 0;
}
.ant-input-number-group > .ant-input-number-rtl:last-child {
  border-radius: 4px 0 0 4px;
}
.ant-input-number-group-rtl .ant-input-number-group-addon:first-child {
  border-right: 1px solid #D4D4D4;
  border-left: 0;
  border-radius: 0 4px 4px 0;
}
.ant-input-number-group-rtl .ant-input-number-group-addon:last-child {
  border-right: 0;
  border-left: 1px solid #D4D4D4;
  border-radius: 4px 0 0 4px;
}
.ant-input-number-group-wrapper {
  display: inline-block;
  text-align: start;
  vertical-align: top;
}
.ant-input-number-handler {
  position: relative;
  display: block;
  width: 100%;
  height: 50%;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.45);
  font-weight: bold;
  line-height: 0;
  text-align: center;
  border-left: 1px solid #D4D4D4;
  transition: all 0.1s linear;
}
.ant-input-number-handler:active {
  background: #f4f4f4;
}
.ant-input-number-handler:hover .ant-input-number-handler-up-inner,
.ant-input-number-handler:hover .ant-input-number-handler-down-inner {
  color: #de6c26;
}
.ant-input-number-handler-up-inner,
.ant-input-number-handler-down-inner {
  display: inline-flex;
  align-items: center;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 4px;
  width: 12px;
  height: 12px;
  color: rgba(0, 0, 0, 0.45);
  line-height: 12px;
  transition: all 0.1s linear;
  -webkit-user-select: none;
          user-select: none;
}
.ant-input-number-handler-up-inner > *,
.ant-input-number-handler-down-inner > * {
  line-height: 1;
}
.ant-input-number-handler-up-inner svg,
.ant-input-number-handler-down-inner svg {
  display: inline-block;
}
.ant-input-number-handler-up-inner::before,
.ant-input-number-handler-down-inner::before {
  display: none;
}
.ant-input-number-handler-up-inner .ant-input-number-handler-up-inner-icon,
.ant-input-number-handler-up-inner .ant-input-number-handler-down-inner-icon,
.ant-input-number-handler-down-inner .ant-input-number-handler-up-inner-icon,
.ant-input-number-handler-down-inner .ant-input-number-handler-down-inner-icon {
  display: block;
}
.ant-input-number:hover {
  border-color: #de6c26;
  border-right-width: 1px;
}
.ant-input-number:hover + .ant-form-item-children-icon {
  opacity: 0;
  transition: opacity 0.24s linear 0.24s;
}
.ant-input-number-focused {
  border-color: #de6c26;
  box-shadow: 0 0 0 2px rgba(208, 74, 2, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-rtl .ant-input-number-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input-number-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #D4D4D4;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-number-disabled:hover {
  border-color: #D4D4D4;
  border-right-width: 1px;
}
.ant-input-number-disabled .ant-input-number-input {
  cursor: not-allowed;
}
.ant-input-number-disabled .ant-input-number-handler-wrap {
  display: none;
}
.ant-input-number-readonly .ant-input-number-handler-wrap {
  display: none;
}
.ant-input-number-input {
  width: 100%;
  height: 34px;
  padding: 0 11px;
  text-align: left;
  background-color: transparent;
  border: 0;
  border-radius: 4px;
  outline: 0;
  transition: all 0.3s linear;
  -webkit-appearance: textfield !important;
          appearance: textfield !important;
}
.ant-input-number-input::placeholder {
  color: #bfbfbf;
  -webkit-user-select: none;
          user-select: none;
}
.ant-input-number-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input-number-input[type='number']::-webkit-inner-spin-button,
.ant-input-number-input[type='number']::-webkit-outer-spin-button {
  margin: 0;
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-appearance: none;
  appearance: none;
}
.ant-input-number-lg {
  padding: 0;
  font-size: 16px;
}
.ant-input-number-lg input {
  height: 38px;
}
.ant-input-number-sm {
  padding: 0;
}
.ant-input-number-sm input {
  height: 22px;
  padding: 0 7px;
}
.ant-input-number-handler-wrap {
  position: absolute;
  top: 0;
  right: 0;
  width: 22px;
  height: 100%;
  background: #fff;
  border-radius: 0 4px 4px 0;
  opacity: 0;
  transition: opacity 0.24s linear 0.1s;
}
.ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner,
.ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: auto;
  margin-right: 0;
  font-size: 7px;
}
.ant-input-number-borderless .ant-input-number-handler-wrap {
  border-left-width: 0;
}
.ant-input-number-handler-wrap:hover .ant-input-number-handler {
  height: 40%;
}
.ant-input-number:hover .ant-input-number-handler-wrap,
.ant-input-number-focused .ant-input-number-handler-wrap {
  opacity: 1;
}
.ant-input-number-handler-up {
  border-top-right-radius: 4px;
  cursor: pointer;
}
.ant-input-number-handler-up-inner {
  top: 50%;
  margin-top: -5px;
  text-align: center;
}
.ant-input-number-handler-up:hover {
  height: 60% !important;
}
.ant-input-number-handler-down {
  top: 0;
  border-top: 1px solid #D4D4D4;
  border-bottom-right-radius: 4px;
  cursor: pointer;
}
.ant-input-number-handler-down-inner {
  top: 50%;
  text-align: center;
  transform: translateY(-50%);
}
.ant-input-number-handler-down:hover {
  height: 60% !important;
}
.ant-input-number-borderless .ant-input-number-handler-down {
  border-top-width: 0;
}
.ant-input-number:hover:not(.ant-input-number-borderless) .ant-input-number-handler-down,
.ant-input-number-focused:not(.ant-input-number-borderless) .ant-input-number-handler-down {
  border-top: 1px solid #D4D4D4;
}
.ant-input-number-handler-up-disabled,
.ant-input-number-handler-down-disabled {
  cursor: not-allowed;
}
.ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner,
.ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner {
  color: rgba(0, 0, 0, 0.25);
}
.ant-input-number-borderless {
  box-shadow: none;
}
.ant-input-number-out-of-range input {
  color: #C52A1A;
}
.ant-input-number-compact-item:not(.ant-input-number-compact-last-item):not(.ant-input-number-compact-item-rtl) {
  margin-right: -1px;
}
.ant-input-number-compact-item:not(.ant-input-number-compact-last-item).ant-input-number-compact-item-rtl {
  margin-left: -1px;
}
.ant-input-number-compact-item:hover,
.ant-input-number-compact-item:focus,
.ant-input-number-compact-item:active {
  z-index: 2;
}
.ant-input-number-compact-item.ant-input-number-focused {
  z-index: 2;
}
.ant-input-number-compact-item[disabled] {
  z-index: 0;
}
.ant-input-number-compact-item:not(.ant-input-number-compact-first-item):not(.ant-input-number-compact-last-item).ant-input-number {
  border-radius: 0;
}
.ant-input-number-compact-item.ant-input-number.ant-input-number-compact-first-item:not(.ant-input-number-compact-last-item):not(.ant-input-number-compact-item-rtl) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-number-compact-item.ant-input-number.ant-input-number-compact-last-item:not(.ant-input-number-compact-first-item):not(.ant-input-number-compact-item-rtl) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-number-compact-item.ant-input-number.ant-input-number-compact-item-rtl.ant-input-number-compact-first-item:not(.ant-input-number-compact-last-item) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-number-compact-item.ant-input-number.ant-input-number-compact-item-rtl.ant-input-number-compact-last-item:not(.ant-input-number-compact-first-item) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-number-rtl {
  direction: rtl;
}
.ant-input-number-rtl .ant-input-number-handler {
  border-right: 1px solid #D4D4D4;
  border-left: 0;
}
.ant-input-number-rtl .ant-input-number-handler-wrap {
  right: auto;
  left: 0;
}
.ant-input-number-rtl.ant-input-number-borderless .ant-input-number-handler-wrap {
  border-right-width: 0;
}
.ant-input-number-rtl .ant-input-number-handler-up {
  border-top-right-radius: 0;
}
.ant-input-number-rtl .ant-input-number-handler-down {
  border-bottom-right-radius: 0;
}
.ant-input-number-rtl .ant-input-number-input {
  direction: ltr;
  text-align: right;
}
.ant-layout {
  display: flex;
  flex: auto;
  flex-direction: column;
  /* fix firefox can't set height smaller than content on flex item */
  min-height: 0;
  background: #F2F2F2;
}
.ant-layout,
.ant-layout * {
  box-sizing: border-box;
}
.ant-layout.ant-layout-has-sider {
  flex-direction: row;
}
.ant-layout.ant-layout-has-sider > .ant-layout,
.ant-layout.ant-layout-has-sider > .ant-layout-content {
  width: 0;
}
.ant-layout-header,
.ant-layout-footer {
  flex: 0 0 auto;
}
.ant-layout-header {
  height: 50px;
  padding: 0;
  color: #404041;
  line-height: 50px;
  background: #404041;
}
.ant-layout-footer {
  padding: 24px 50px;
  color: #404041;
  font-size: 14px;
  background: #F2F2F2;
}
.ant-layout-content {
  flex: auto;
  /* fix firefox can't set height smaller than content on flex item */
  min-height: 0;
}
.ant-layout-sider {
  position: relative;
  /* fix firefox can't set width smaller than content on flex item */
  min-width: 0;
  background: #404041;
  transition: all 0.2s;
}
.ant-layout-sider-children {
  height: 100%;
  margin-top: -0.1px;
  padding-top: 0.1px;
}
.ant-layout-sider-children .ant-menu.ant-menu-inline-collapsed {
  width: auto;
}
.ant-layout-sider-has-trigger {
  padding-bottom: 48px;
}
.ant-layout-sider-right {
  order: 1;
}
.ant-layout-sider-trigger {
  position: fixed;
  bottom: 0;
  z-index: 1;
  height: 48px;
  color: #fff;
  line-height: 48px;
  text-align: center;
  background: #002140;
  cursor: pointer;
  transition: all 0.2s;
}
.ant-layout-sider-zero-width > * {
  overflow: hidden;
}
.ant-layout-sider-zero-width-trigger {
  position: absolute;
  top: 50px;
  right: -36px;
  z-index: 1;
  width: 36px;
  height: 42px;
  color: #fff;
  font-size: 18px;
  line-height: 42px;
  text-align: center;
  background: #404041;
  border-radius: 0 4px 4px 0;
  cursor: pointer;
  transition: background 0.3s ease;
}
.ant-layout-sider-zero-width-trigger::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  transition: all 0.3s;
  content: '';
}
.ant-layout-sider-zero-width-trigger:hover::after {
  background: rgba(255, 255, 255, 0.1);
}
.ant-layout-sider-zero-width-trigger-right {
  left: -36px;
  border-radius: 4px 0 0 4px;
}
.ant-layout-sider-light {
  background: #fff;
}
.ant-layout-sider-light .ant-layout-sider-trigger {
  color: #404041;
  background: #fff;
}
.ant-layout-sider-light .ant-layout-sider-zero-width-trigger {
  color: #404041;
  background: #fff;
}
.ant-layout-rtl {
  direction: rtl;
}
.ant-list {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #404041;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.15;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  position: relative;
}
.ant-list * {
  outline: none;
}
.ant-list-pagination {
  margin-top: 24px;
  text-align: right;
}
.ant-list-pagination .ant-pagination-options {
  text-align: left;
}
.ant-list-more {
  margin-top: 12px;
  text-align: center;
}
.ant-list-more button {
  padding-right: 32px;
  padding-left: 32px;
}
.ant-list-spin {
  min-height: 40px;
  text-align: center;
}
.ant-list-empty-text {
  padding: 16px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 14px;
  text-align: center;
}
.ant-list-items {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0;
  color: #404041;
}
.ant-list-item-meta {
  display: flex;
  flex: 1 1;
  align-items: flex-start;
  max-width: 100%;
}
.ant-list-item-meta-avatar {
  margin-right: 16px;
}
.ant-list-item-meta-content {
  flex: 1 0;
  width: 0;
  color: #404041;
}
.ant-list-item-meta-title {
  margin-bottom: 4px;
  color: #404041;
  font-size: 14px;
  line-height: 1.15;
}
.ant-list-item-meta-title > a {
  color: #404041;
  transition: all 0.3s;
}
.ant-list-item-meta-title > a:hover {
  color: #D04A02;
}
.ant-list-item-meta-description {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.15;
}
.ant-list-item-action {
  flex: 0 0 auto;
  margin-left: 48px;
  padding: 0;
  font-size: 0;
  list-style: none;
}
.ant-list-item-action > li {
  position: relative;
  display: inline-block;
  padding: 0 8px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.15;
  text-align: center;
}
.ant-list-item-action > li:first-child {
  padding-left: 0;
}
.ant-list-item-action-split {
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 14px;
  margin-top: -7px;
  background-color: #f0f0f0;
}
.ant-list-header {
  background: transparent;
}
.ant-list-footer {
  background: transparent;
}
.ant-list-header,
.ant-list-footer {
  padding-top: 12px;
  padding-bottom: 12px;
}
.ant-list-empty {
  padding: 16px 0;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  text-align: center;
}
.ant-list-split .ant-list-item {
  border-bottom: 1px solid #f0f0f0;
}
.ant-list-split .ant-list-item:last-child {
  border-bottom: none;
}
.ant-list-split .ant-list-header {
  border-bottom: 1px solid #f0f0f0;
}
.ant-list-split.ant-list-empty .ant-list-footer {
  border-top: 1px solid #f0f0f0;
}
.ant-list-loading .ant-list-spin-nested-loading {
  min-height: 32px;
}
.ant-list-split.ant-list-something-after-last-item .ant-spin-container > .ant-list-items > .ant-list-item:last-child {
  border-bottom: 1px solid #f0f0f0;
}
.ant-list-lg .ant-list-item {
  padding: 16px 24px;
}
.ant-list-sm .ant-list-item {
  padding: 8px 16px;
}
.ant-list-vertical .ant-list-item {
  align-items: initial;
}
.ant-list-vertical .ant-list-item-main {
  display: block;
  flex: 1 1;
}
.ant-list-vertical .ant-list-item-extra {
  margin-left: 40px;
}
.ant-list-vertical .ant-list-item-meta {
  margin-bottom: 16px;
}
.ant-list-vertical .ant-list-item-meta-title {
  margin-bottom: 12px;
  color: #000;
  font-size: 16px;
  line-height: 24px;
}
.ant-list-vertical .ant-list-item-action {
  margin-top: 16px;
  margin-left: auto;
}
.ant-list-vertical .ant-list-item-action > li {
  padding: 0 16px;
}
.ant-list-vertical .ant-list-item-action > li:first-child {
  padding-left: 0;
}
.ant-list-grid .ant-col > .ant-list-item {
  display: block;
  max-width: 100%;
  margin-bottom: 16px;
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.ant-list-item-no-flex {
  display: block;
}
.ant-list:not(.ant-list-vertical) .ant-list-item-no-flex .ant-list-item-action {
  float: right;
}
.ant-list-bordered {
  border: 1px solid #D4D4D4;
  border-radius: 4px;
}
.ant-list-bordered .ant-list-header {
  padding-right: 24px;
  padding-left: 24px;
}
.ant-list-bordered .ant-list-footer {
  padding-right: 24px;
  padding-left: 24px;
}
.ant-list-bordered .ant-list-item {
  padding-right: 24px;
  padding-left: 24px;
}
.ant-list-bordered .ant-list-pagination {
  margin: 16px 24px;
}
.ant-list-bordered.ant-list-sm .ant-list-item {
  padding: 8px 16px;
}
.ant-list-bordered.ant-list-sm .ant-list-header,
.ant-list-bordered.ant-list-sm .ant-list-footer {
  padding: 8px 16px;
}
.ant-list-bordered.ant-list-lg .ant-list-item {
  padding: 16px 24px;
}
.ant-list-bordered.ant-list-lg .ant-list-header,
.ant-list-bordered.ant-list-lg .ant-list-footer {
  padding: 16px 24px;
}
@media screen and (max-width: 768px) {
  .ant-list-item-action {
    margin-left: 24px;
  }
  .ant-list-vertical .ant-list-item-extra {
    margin-left: 24px;
  }
}
@media screen and (max-width: 576px) {
  .ant-list-item {
    flex-wrap: wrap;
  }
  .ant-list-item-action {
    margin-left: 12px;
  }
  .ant-list-vertical .ant-list-item {
    flex-wrap: wrap-reverse;
  }
  .ant-list-vertical .ant-list-item-main {
    min-width: 220px;
  }
  .ant-list-vertical .ant-list-item-extra {
    margin: auto auto 16px;
  }
}
.ant-list-rtl {
  direction: rtl;
  text-align: right;
}
.ant-list-rtl .ReactVirtualized__List .ant-list-item {
  direction: rtl;
}
.ant-list-rtl .ant-list-pagination {
  text-align: left;
}
.ant-list-rtl .ant-list-item-meta-avatar {
  margin-right: 0;
  margin-left: 16px;
}
.ant-list-rtl .ant-list-item-action {
  margin-right: 48px;
  margin-left: 0;
}
.ant-list.ant-list-rtl .ant-list-item-action > li:first-child {
  padding-right: 0;
  padding-left: 16px;
}
.ant-list-rtl .ant-list-item-action-split {
  right: auto;
  left: 0;
}
.ant-list-rtl.ant-list-vertical .ant-list-item-extra {
  margin-right: 40px;
  margin-left: 0;
}
.ant-list-rtl.ant-list-vertical .ant-list-item-action {
  margin-right: auto;
}
.ant-list-rtl .ant-list-vertical .ant-list-item-action > li:first-child {
  padding-right: 0;
  padding-left: 16px;
}
.ant-list-rtl .ant-list:not(.ant-list-vertical) .ant-list-item-no-flex .ant-list-item-action {
  float: left;
}
@media screen and (max-width: 768px) {
  .ant-list-rtl .ant-list-item-action {
    margin-right: 24px;
    margin-left: 0;
  }
  .ant-list-rtl .ant-list-vertical .ant-list-item-extra {
    margin-right: 24px;
    margin-left: 0;
  }
}
@media screen and (max-width: 576px) {
  .ant-list-rtl .ant-list-item-action {
    margin-right: 22px;
    margin-left: 0;
  }
  .ant-list-rtl.ant-list-vertical .ant-list-item-extra {
    margin: auto auto 16px;
  }
}
.ant-mentions-status-error:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions,
.ant-mentions-status-error:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions:hover {
  background: #fff;
  border-color: #C52A1A;
}
.ant-mentions-status-error:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions:focus,
.ant-mentions-status-error:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions-focused {
  border-color: #d1503d;
  box-shadow: 0 0 0 2px rgba(197, 42, 26, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-mentions-status-error .ant-input-prefix {
  color: #C52A1A;
}
.ant-mentions-status-warning:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions,
.ant-mentions-status-warning:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions:hover {
  background: #fff;
  border-color: #FFBF1F;
}
.ant-mentions-status-warning:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions:focus,
.ant-mentions-status-warning:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions-focused {
  border-color: #ffd147;
  box-shadow: 0 0 0 2px rgba(255, 191, 31, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-mentions-status-warning .ant-input-prefix {
  color: #FFBF1F;
}
.ant-mentions {
  box-sizing: border-box;
  margin: 0;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  width: 100%;
  min-width: 0;
  padding: 9px 11px;
  color: #404041;
  font-size: 14px;
  background-color: #fff;
  background-image: none;
  border: 1px solid #D4D4D4;
  border-radius: 4px;
  transition: all 0.3s;
  position: relative;
  display: inline-block;
  height: auto;
  padding: 0;
  overflow: hidden;
  line-height: 1.15;
  white-space: pre-wrap;
  vertical-align: bottom;
}
.ant-mentions::placeholder {
  color: #bfbfbf;
  -webkit-user-select: none;
          user-select: none;
}
.ant-mentions:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-mentions:hover {
  border-color: #de6c26;
  border-right-width: 1px;
}
.ant-input-rtl .ant-mentions:hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-mentions:focus,
.ant-mentions-focused {
  border-color: #de6c26;
  box-shadow: 0 0 0 2px rgba(208, 74, 2, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-rtl .ant-mentions:focus,
.ant-input-rtl .ant-mentions-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-mentions-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #D4D4D4;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-mentions-disabled:hover {
  border-color: #D4D4D4;
  border-right-width: 1px;
}
.ant-mentions[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #D4D4D4;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-mentions[disabled]:hover {
  border-color: #D4D4D4;
  border-right-width: 1px;
}
.ant-mentions-borderless,
.ant-mentions-borderless:hover,
.ant-mentions-borderless:focus,
.ant-mentions-borderless-focused,
.ant-mentions-borderless-disabled,
.ant-mentions-borderless[disabled] {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
textarea.ant-mentions {
  max-width: 100%;
  height: auto;
  min-height: 36px;
  line-height: 1.15;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-mentions-lg {
  padding: 9.8px 11px;
  font-size: 16px;
}
.ant-mentions-sm {
  padding: 3px 7px;
}
.ant-mentions-rtl {
  direction: rtl;
}
.ant-mentions-disabled > textarea {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #D4D4D4;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-mentions-disabled > textarea:hover {
  border-color: #D4D4D4;
  border-right-width: 1px;
}
.ant-mentions-focused {
  border-color: #de6c26;
  box-shadow: 0 0 0 2px rgba(208, 74, 2, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-rtl .ant-mentions-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-mentions > textarea,
.ant-mentions-measure {
  min-height: 34px;
  margin: 0;
  padding: 9px 11px;
  overflow: inherit;
  overflow-x: hidden;
  overflow-y: auto;
  /* stylelint-disable declaration-block-no-redundant-longhand-properties */
  font-weight: inherit;
  font-size: inherit;
  font-family: inherit;
  font-style: inherit;
  font-feature-settings: inherit;
  font-variant: inherit;
  font-size-adjust: inherit;
  font-stretch: inherit;
  line-height: inherit;
  /* stylelint-enable declaration-block-no-redundant-longhand-properties */
  direction: inherit;
  letter-spacing: inherit;
  white-space: inherit;
  text-align: inherit;
  vertical-align: top;
  word-wrap: break-word;
  word-break: inherit;
  tab-size: inherit;
}
.ant-mentions > textarea {
  width: 100%;
  border: none;
  outline: none;
  resize: none;
}
.ant-mentions > textarea::placeholder {
  color: #bfbfbf;
  -webkit-user-select: none;
          user-select: none;
}
.ant-mentions > textarea:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-mentions-measure {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  color: transparent;
  pointer-events: none;
}
.ant-mentions-measure > span {
  display: inline-block;
  min-height: 1em;
}
.ant-mentions-dropdown {
  margin: 0;
  padding: 0;
  color: #404041;
  font-variant: tabular-nums;
  line-height: 1.15;
  list-style: none;
  font-feature-settings: 'tnum', "tnum", ;
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  box-sizing: border-box;
  font-size: 14px;
  font-variant: initial;
  background-color: #fff;
  border-radius: 4px;
  outline: none;
  box-shadow: 0px 0px 4px 0px rgba(204, 204, 204, 0.2), 0px 4px 4px 0px rgba(204, 204, 204, 0.25);
}
.ant-mentions-dropdown-hidden {
  display: none;
}
.ant-mentions-dropdown-menu {
  max-height: 250px;
  margin-bottom: 0;
  padding-left: 0;
  overflow: auto;
  list-style: none;
  outline: none;
}
.ant-mentions-dropdown-menu-item {
  position: relative;
  display: block;
  min-width: 100px;
  padding: 5px 12px;
  overflow: hidden;
  color: #404041;
  font-weight: normal;
  line-height: 1.15;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  transition: background 0.3s ease;
}
.ant-mentions-dropdown-menu-item:hover {
  background-color: #f5f5f5;
}
.ant-mentions-dropdown-menu-item:first-child {
  border-radius: 4px 4px 0 0;
}
.ant-mentions-dropdown-menu-item:last-child {
  border-radius: 0 0 4px 4px;
}
.ant-mentions-dropdown-menu-item-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-mentions-dropdown-menu-item-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: #fff;
  cursor: not-allowed;
}
.ant-mentions-dropdown-menu-item-selected {
  color: #404041;
  font-weight: 600;
  background-color: #fafafa;
}
.ant-mentions-dropdown-menu-item-active {
  background-color: #f5f5f5;
}
.ant-mentions-suffix {
  position: absolute;
  top: 0;
  right: 11px;
  bottom: 0;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  margin: auto;
}
.ant-mentions-rtl {
  direction: rtl;
}
.ant-menu-item-danger.ant-menu-item {
  color: #C52A1A;
}
.ant-menu-item-danger.ant-menu-item:hover,
.ant-menu-item-danger.ant-menu-item-active {
  color: #C52A1A;
}
.ant-menu-item-danger.ant-menu-item:active {
  background: #fff1f0;
}
.ant-menu-item-danger.ant-menu-item-selected {
  color: #C52A1A;
}
.ant-menu-item-danger.ant-menu-item-selected > a,
.ant-menu-item-danger.ant-menu-item-selected > a:hover {
  color: #C52A1A;
}
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected {
  background-color: #fff1f0;
}
.ant-menu-inline .ant-menu-item-danger.ant-menu-item::after {
  border-right-color: #C52A1A;
}
.ant-menu-dark .ant-menu-item-danger.ant-menu-item,
.ant-menu-dark .ant-menu-item-danger.ant-menu-item:hover,
.ant-menu-dark .ant-menu-item-danger.ant-menu-item > a {
  color: #C52A1A;
}
.ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected {
  color: #fff;
  background-color: #C52A1A;
}
.ant-menu {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #404041;
  font-variant: tabular-nums;
  line-height: 1.15;
  font-feature-settings: 'tnum', "tnum";
  margin-bottom: 0;
  padding-left: 0;
  color: #FFF;
  font-size: 14px;
  line-height: 0;
  text-align: left;
  list-style: none;
  background: #555;
  outline: none;
  box-shadow: 0px 0px 4px 0px rgba(204, 204, 204, 0.2), 0px 4px 4px 0px rgba(204, 204, 204, 0.25);
  transition: background 0.3s, width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;
}
.ant-menu::before {
  display: table;
  content: '';
}
.ant-menu::after {
  display: table;
  clear: both;
  content: '';
}
.ant-menu::before {
  display: table;
  content: '';
}
.ant-menu::after {
  display: table;
  clear: both;
  content: '';
}
.ant-menu.ant-menu-root:focus-visible {
  box-shadow: 0 0 0 2px #ffd1a6;
}
.ant-menu ul,
.ant-menu ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-menu-overflow {
  display: flex;
}
.ant-menu-overflow-item {
  flex: none;
}
.ant-menu-hidden,
.ant-menu-submenu-hidden {
  display: none;
}
.ant-menu-item-group-title {
  height: 1.15;
  padding: 8px 16px;
  color: #FFF;
  font-size: 14px;
  line-height: 1.15;
  transition: all 0.3s;
}
.ant-menu-horizontal .ant-menu-submenu {
  transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu,
.ant-menu-submenu-inline {
  transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu-selected {
  color: #FFF;
}
.ant-menu-item:active,
.ant-menu-submenu-title:active {
  background: #EB8C00;
}
.ant-menu-submenu .ant-menu-sub {
  cursor: initial;
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-title-content {
  transition: color 0.3s;
}
.ant-menu-item a {
  color: #FFF;
}
.ant-menu-item a:hover {
  color: #FFF;
}
.ant-menu-item a::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
  content: '';
}
.ant-menu-item > .ant-badge a {
  color: #FFF;
}
.ant-menu-item > .ant-badge a:hover {
  color: #FFF;
}
.ant-menu-item-divider {
  overflow: hidden;
  line-height: 0;
  border-color: #f0f0f0;
  border-style: solid;
  border-width: 1px 0 0;
}
.ant-menu-item-divider-dashed {
  border-style: dashed;
}
.ant-menu-horizontal .ant-menu-item,
.ant-menu-horizontal .ant-menu-submenu {
  margin-top: -1px;
}
.ant-menu-horizontal > .ant-menu-item:hover,
.ant-menu-horizontal > .ant-menu-item-active,
.ant-menu-horizontal > .ant-menu-submenu .ant-menu-submenu-title:hover {
  background-color: transparent;
}
.ant-menu-item-selected {
  color: #FFF;
}
.ant-menu-item-selected a,
.ant-menu-item-selected a:hover {
  color: #FFF;
}
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: #EB8C00;
}
.ant-menu-inline,
.ant-menu-vertical,
.ant-menu-vertical-left {
  border-right: 1px solid #f0f0f0;
}
.ant-menu-vertical-right {
  border-left: 1px solid #f0f0f0;
}
.ant-menu-vertical.ant-menu-sub,
.ant-menu-vertical-left.ant-menu-sub,
.ant-menu-vertical-right.ant-menu-sub {
  min-width: 160px;
  max-height: calc(100vh - 100px);
  padding: 0;
  overflow: hidden;
  border-right: 0;
}
.ant-menu-vertical.ant-menu-sub:not([class*='-active']),
.ant-menu-vertical-left.ant-menu-sub:not([class*='-active']),
.ant-menu-vertical-right.ant-menu-sub:not([class*='-active']) {
  overflow-x: hidden;
  overflow-y: auto;
}
.ant-menu-vertical.ant-menu-sub .ant-menu-item,
.ant-menu-vertical-left.ant-menu-sub .ant-menu-item,
.ant-menu-vertical-right.ant-menu-sub .ant-menu-item {
  left: 0;
  margin-left: 0;
  border-right: 0;
}
.ant-menu-vertical.ant-menu-sub .ant-menu-item::after,
.ant-menu-vertical-left.ant-menu-sub .ant-menu-item::after,
.ant-menu-vertical-right.ant-menu-sub .ant-menu-item::after {
  border-right: 0;
}
.ant-menu-vertical.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical-left.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical-right.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical.ant-menu-sub > .ant-menu-submenu,
.ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu,
.ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu {
  transform-origin: 0 0;
}
.ant-menu-horizontal.ant-menu-sub {
  min-width: 114px;
}
.ant-menu-horizontal .ant-menu-item,
.ant-menu-horizontal .ant-menu-submenu-title {
  transition: border-color 0.3s, background 0.3s;
}
.ant-menu-item,
.ant-menu-submenu-title {
  position: relative;
  display: block;
  margin: 0;
  padding: 0 20px;
  white-space: nowrap;
  cursor: pointer;
  transition: border-color 0.3s, background 0.3s, padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-item .ant-menu-item-icon,
.ant-menu-submenu-title .ant-menu-item-icon,
.ant-menu-item .anticon,
.ant-menu-submenu-title .anticon {
  min-width: 14px;
  font-size: 14px;
  transition: font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s;
}
.ant-menu-item .ant-menu-item-icon + span,
.ant-menu-submenu-title .ant-menu-item-icon + span,
.ant-menu-item .anticon + span,
.ant-menu-submenu-title .anticon + span {
  margin-left: 10px;
  opacity: 1;
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), margin 0.3s, color 0.3s;
}
.ant-menu-item .ant-menu-item-icon.svg,
.ant-menu-submenu-title .ant-menu-item-icon.svg {
  vertical-align: -0.125em;
}
.ant-menu-item.ant-menu-item-only-child > .anticon,
.ant-menu-submenu-title.ant-menu-item-only-child > .anticon,
.ant-menu-item.ant-menu-item-only-child > .ant-menu-item-icon,
.ant-menu-submenu-title.ant-menu-item-only-child > .ant-menu-item-icon {
  margin-right: 0;
}
.ant-menu-item:not(.ant-menu-item-disabled):focus-visible,
.ant-menu-submenu-title:not(.ant-menu-item-disabled):focus-visible {
  box-shadow: 0 0 0 2px #ffd1a6;
}
.ant-menu > .ant-menu-item-divider {
  margin: 1px 0;
  padding: 0;
}
.ant-menu-submenu-popup {
  position: absolute;
  z-index: 1050;
  background: transparent;
  border-radius: 4px;
  box-shadow: none;
  transform-origin: 0 0;
}
.ant-menu-submenu-popup::before {
  position: absolute;
  top: -7px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  opacity: 0.0001;
  content: ' ';
}
.ant-menu-submenu-placement-rightTop::before {
  top: 0;
  left: -7px;
}
.ant-menu-submenu > .ant-menu {
  background-color: #555;
  border-radius: 4px;
}
.ant-menu-submenu > .ant-menu-submenu-title::after {
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu-popup > .ant-menu {
  background-color: #555;
}
.ant-menu-submenu-expand-icon,
.ant-menu-submenu-arrow {
  position: absolute;
  top: 50%;
  right: 16px;
  width: 10px;
  color: #FFF;
  transform: translateY(-50%);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu-arrow::before,
.ant-menu-submenu-arrow::after {
  position: absolute;
  width: 6px;
  height: 1.5px;
  background-color: currentcolor;
  border-radius: 2px;
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  content: '';
}
.ant-menu-submenu-arrow::before {
  transform: rotate(45deg) translateY(-2.5px);
}
.ant-menu-submenu-arrow::after {
  transform: rotate(-45deg) translateY(2.5px);
}
.ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-expand-icon,
.ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow {
  color: #FFF;
}
.ant-menu-inline-collapsed .ant-menu-submenu-arrow::before,
.ant-menu-submenu-inline .ant-menu-submenu-arrow::before {
  transform: rotate(-45deg) translateX(2.5px);
}
.ant-menu-inline-collapsed .ant-menu-submenu-arrow::after,
.ant-menu-submenu-inline .ant-menu-submenu-arrow::after {
  transform: rotate(45deg) translateX(-2.5px);
}
.ant-menu-submenu-horizontal .ant-menu-submenu-arrow {
  display: none;
}
.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-menu-submenu-arrow {
  transform: translateY(-2px);
}
.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
  transform: rotate(-45deg) translateX(-2.5px);
}
.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before {
  transform: rotate(45deg) translateX(2.5px);
}
.ant-menu-vertical .ant-menu-submenu-selected,
.ant-menu-vertical-left .ant-menu-submenu-selected,
.ant-menu-vertical-right .ant-menu-submenu-selected {
  color: #FFF;
}
.ant-menu-horizontal {
  line-height: 46px;
  border: 0;
  border-bottom: 1px solid #f0f0f0;
  box-shadow: none;
}
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu {
  margin-top: -1px;
  margin-bottom: 0;
  padding: 0 20px;
}
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected {
  color: #FFF;
}
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected::after {
  border-bottom: 2px solid #FFF;
}
.ant-menu-horizontal > .ant-menu-item,
.ant-menu-horizontal > .ant-menu-submenu {
  position: relative;
  top: 1px;
  display: inline-block;
  vertical-align: bottom;
}
.ant-menu-horizontal > .ant-menu-item::after,
.ant-menu-horizontal > .ant-menu-submenu::after {
  position: absolute;
  right: 20px;
  bottom: 0;
  left: 20px;
  border-bottom: 2px solid transparent;
  transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  content: '';
}
.ant-menu-horizontal > .ant-menu-submenu > .ant-menu-submenu-title {
  padding: 0;
}
.ant-menu-horizontal > .ant-menu-item a {
  color: #FFF;
}
.ant-menu-horizontal > .ant-menu-item a:hover {
  color: #FFF;
}
.ant-menu-horizontal > .ant-menu-item a::before {
  bottom: -2px;
}
.ant-menu-horizontal > .ant-menu-item-selected a {
  color: #FFF;
}
.ant-menu-horizontal::after {
  display: block;
  clear: both;
  height: 0;
  content: '\20';
}
.ant-menu-vertical .ant-menu-item,
.ant-menu-vertical-left .ant-menu-item,
.ant-menu-vertical-right .ant-menu-item,
.ant-menu-inline .ant-menu-item {
  position: relative;
}
.ant-menu-vertical .ant-menu-item::after,
.ant-menu-vertical-left .ant-menu-item::after,
.ant-menu-vertical-right .ant-menu-item::after,
.ant-menu-inline .ant-menu-item::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border-right: 0 solid #FFF;
  transform: scaleY(0.0001);
  opacity: 0;
  transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  content: '';
}
.ant-menu-vertical .ant-menu-item,
.ant-menu-vertical-left .ant-menu-item,
.ant-menu-vertical-right .ant-menu-item,
.ant-menu-inline .ant-menu-item,
.ant-menu-vertical .ant-menu-submenu-title,
.ant-menu-vertical-left .ant-menu-submenu-title,
.ant-menu-vertical-right .ant-menu-submenu-title,
.ant-menu-inline .ant-menu-submenu-title {
  height: 40px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0 16px;
  overflow: hidden;
  line-height: 40px;
  text-overflow: ellipsis;
}
.ant-menu-vertical .ant-menu-submenu,
.ant-menu-vertical-left .ant-menu-submenu,
.ant-menu-vertical-right .ant-menu-submenu,
.ant-menu-inline .ant-menu-submenu {
  padding-bottom: 0.02px;
}
.ant-menu-vertical .ant-menu-item:not(:last-child),
.ant-menu-vertical-left .ant-menu-item:not(:last-child),
.ant-menu-vertical-right .ant-menu-item:not(:last-child),
.ant-menu-inline .ant-menu-item:not(:last-child) {
  margin-bottom: 0px;
}
.ant-menu-vertical > .ant-menu-item,
.ant-menu-vertical-left > .ant-menu-item,
.ant-menu-vertical-right > .ant-menu-item,
.ant-menu-inline > .ant-menu-item,
.ant-menu-vertical > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-vertical-left > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-vertical-right > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
  height: 40px;
  line-height: 40px;
}
.ant-menu-vertical .ant-menu-item-group-list .ant-menu-submenu-title,
.ant-menu-vertical .ant-menu-submenu-title {
  padding-right: 34px;
}
.ant-menu-inline {
  width: 100%;
}
.ant-menu-inline .ant-menu-selected::after,
.ant-menu-inline .ant-menu-item-selected::after {
  transform: scaleY(1);
  opacity: 1;
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-inline .ant-menu-item,
.ant-menu-inline .ant-menu-submenu-title {
  width: calc(100% + 1px);
}
.ant-menu-inline .ant-menu-item-group-list .ant-menu-submenu-title,
.ant-menu-inline .ant-menu-submenu-title {
  padding-right: 34px;
}
.ant-menu-inline.ant-menu-root .ant-menu-item,
.ant-menu-inline.ant-menu-root .ant-menu-submenu-title {
  display: flex;
  align-items: center;
  transition: border-color 0.3s, background 0.3s, padding 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.ant-menu-inline.ant-menu-root .ant-menu-item > .ant-menu-title-content,
.ant-menu-inline.ant-menu-root .ant-menu-submenu-title > .ant-menu-title-content {
  flex: auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ant-menu-inline.ant-menu-root .ant-menu-item > *,
.ant-menu-inline.ant-menu-root .ant-menu-submenu-title > * {
  flex: none;
}
.ant-menu.ant-menu-inline-collapsed {
  width: 65px;
}
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title {
  left: 0;
  padding: 0 calc(50% - 16px / 2);
  text-overflow: clip;
}
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-submenu-arrow,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-submenu-arrow,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow {
  opacity: 0;
}
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-item-icon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-item-icon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item .anticon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon {
  margin: 0;
  font-size: 16px;
  line-height: 40px;
}
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-item-icon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-item-icon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item .anticon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span {
  display: inline-block;
  opacity: 0;
}
.ant-menu.ant-menu-inline-collapsed .ant-menu-item-icon,
.ant-menu.ant-menu-inline-collapsed .anticon {
  display: inline-block;
}
.ant-menu.ant-menu-inline-collapsed-tooltip {
  pointer-events: none;
}
.ant-menu.ant-menu-inline-collapsed-tooltip .ant-menu-item-icon,
.ant-menu.ant-menu-inline-collapsed-tooltip .anticon {
  display: none;
}
.ant-menu.ant-menu-inline-collapsed-tooltip a {
  color: rgba(255, 255, 255, 0.85);
}
.ant-menu.ant-menu-inline-collapsed .ant-menu-item-group-title {
  padding-right: 4px;
  padding-left: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-menu-item-group-list {
  margin: 0;
  padding: 0;
}
.ant-menu-item-group-list .ant-menu-item,
.ant-menu-item-group-list .ant-menu-submenu-title {
  padding: 0 16px 0 28px;
}
.ant-menu-root.ant-menu-vertical,
.ant-menu-root.ant-menu-vertical-left,
.ant-menu-root.ant-menu-vertical-right,
.ant-menu-root.ant-menu-inline {
  box-shadow: none;
}
.ant-menu-root.ant-menu-inline-collapsed .ant-menu-item > .ant-menu-inline-collapsed-noicon,
.ant-menu-root.ant-menu-inline-collapsed .ant-menu-submenu .ant-menu-submenu-title > .ant-menu-inline-collapsed-noicon {
  font-size: 16px;
  text-align: center;
}
.ant-menu-sub.ant-menu-inline {
  padding: 0;
  background: #fafafa;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.ant-menu-sub.ant-menu-inline > .ant-menu-item,
.ant-menu-sub.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
  height: 40px;
  line-height: 40px;
  list-style-position: inside;
  list-style-type: disc;
}
.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title {
  padding-left: 32px;
}
.ant-menu-item-disabled,
.ant-menu-submenu-disabled {
  color: rgba(0, 0, 0, 0.25) !important;
  background: none;
  cursor: not-allowed;
}
.ant-menu-item-disabled::after,
.ant-menu-submenu-disabled::after {
  border-color: transparent !important;
}
.ant-menu-item-disabled a,
.ant-menu-submenu-disabled a {
  color: rgba(0, 0, 0, 0.25) !important;
  pointer-events: none;
}
.ant-menu-item-disabled > .ant-menu-submenu-title,
.ant-menu-submenu-disabled > .ant-menu-submenu-title {
  color: rgba(0, 0, 0, 0.25) !important;
  cursor: not-allowed;
}
.ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
  background: rgba(0, 0, 0, 0.25) !important;
}
.ant-layout-header .ant-menu {
  line-height: inherit;
}
.ant-menu-inline-collapsed-tooltip a,
.ant-menu-inline-collapsed-tooltip a:hover {
  color: #fff;
}
.ant-menu-light .ant-menu-item:hover,
.ant-menu-light .ant-menu-item-active,
.ant-menu-light .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
.ant-menu-light .ant-menu-submenu-active,
.ant-menu-light .ant-menu-submenu-title:hover {
  color: #FFF;
}
.ant-menu.ant-menu-root:focus-visible {
  box-shadow: 0 0 0 2px #ab3600;
}
.ant-menu-dark .ant-menu-item:focus-visible,
.ant-menu-dark .ant-menu-submenu-title:focus-visible {
  box-shadow: 0 0 0 2px #ab3600;
}
.ant-menu.ant-menu-dark,
.ant-menu-dark .ant-menu-sub,
.ant-menu.ant-menu-dark .ant-menu-sub {
  color: rgba(255, 255, 255, 0.65);
  background: #404041;
}
.ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow {
  opacity: 0.45;
  transition: all 0.3s;
}
.ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  background: #fff;
}
.ant-menu-dark.ant-menu-submenu-popup {
  background: transparent;
}
.ant-menu-dark .ant-menu-inline.ant-menu-sub {
  background: #000c17;
}
.ant-menu-dark.ant-menu-horizontal {
  border-bottom: 0;
}
.ant-menu-dark.ant-menu-horizontal > .ant-menu-item,
.ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu {
  top: 0;
  margin-top: 0;
  padding: 0 20px;
  border-color: #404041;
  border-bottom: 0;
}
.ant-menu-dark.ant-menu-horizontal > .ant-menu-item:hover {
  background-color: #D04A02;
}
.ant-menu-dark.ant-menu-horizontal > .ant-menu-item > a::before {
  bottom: 0;
}
.ant-menu-dark .ant-menu-item,
.ant-menu-dark .ant-menu-item-group-title,
.ant-menu-dark .ant-menu-item > a,
.ant-menu-dark .ant-menu-item > span > a {
  color: rgba(255, 255, 255, 0.65);
}
.ant-menu-dark.ant-menu-inline,
.ant-menu-dark.ant-menu-vertical,
.ant-menu-dark.ant-menu-vertical-left,
.ant-menu-dark.ant-menu-vertical-right {
  border-right: 0;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item,
.ant-menu-dark.ant-menu-vertical .ant-menu-item,
.ant-menu-dark.ant-menu-vertical-left .ant-menu-item,
.ant-menu-dark.ant-menu-vertical-right .ant-menu-item {
  left: 0;
  margin-left: 0;
  border-right: 0;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical-left .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical-right .ant-menu-item::after {
  border-right: 0;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item,
.ant-menu-dark.ant-menu-inline .ant-menu-submenu-title {
  width: 100%;
}
.ant-menu-dark .ant-menu-item:hover,
.ant-menu-dark .ant-menu-item-active,
.ant-menu-dark .ant-menu-submenu-active,
.ant-menu-dark .ant-menu-submenu-open,
.ant-menu-dark .ant-menu-submenu-selected,
.ant-menu-dark .ant-menu-submenu-title:hover {
  color: #fff;
  background-color: transparent;
}
.ant-menu-dark .ant-menu-item:hover > a,
.ant-menu-dark .ant-menu-item-active > a,
.ant-menu-dark .ant-menu-submenu-active > a,
.ant-menu-dark .ant-menu-submenu-open > a,
.ant-menu-dark .ant-menu-submenu-selected > a,
.ant-menu-dark .ant-menu-submenu-title:hover > a,
.ant-menu-dark .ant-menu-item:hover > span > a,
.ant-menu-dark .ant-menu-item-active > span > a,
.ant-menu-dark .ant-menu-submenu-active > span > a,
.ant-menu-dark .ant-menu-submenu-open > span > a,
.ant-menu-dark .ant-menu-submenu-selected > span > a,
.ant-menu-dark .ant-menu-submenu-title:hover > span > a {
  color: #fff;
}
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow {
  opacity: 1;
}
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before {
  background: #fff;
}
.ant-menu-dark .ant-menu-item:hover {
  background-color: transparent;
}
.ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: #D04A02;
}
.ant-menu-dark .ant-menu-item-selected {
  color: #fff;
  border-right: 0;
}
.ant-menu-dark .ant-menu-item-selected::after {
  border-right: 0;
}
.ant-menu-dark .ant-menu-item-selected > a,
.ant-menu-dark .ant-menu-item-selected > span > a,
.ant-menu-dark .ant-menu-item-selected > a:hover,
.ant-menu-dark .ant-menu-item-selected > span > a:hover {
  color: #fff;
}
.ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon,
.ant-menu-dark .ant-menu-item-selected .anticon {
  color: #fff;
}
.ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon + span,
.ant-menu-dark .ant-menu-item-selected .anticon + span {
  color: #fff;
}
.ant-menu.ant-menu-dark .ant-menu-item-selected,
.ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected {
  background-color: #D04A02;
}
.ant-menu-dark .ant-menu-item-disabled,
.ant-menu-dark .ant-menu-submenu-disabled,
.ant-menu-dark .ant-menu-item-disabled > a,
.ant-menu-dark .ant-menu-submenu-disabled > a,
.ant-menu-dark .ant-menu-item-disabled > span > a,
.ant-menu-dark .ant-menu-submenu-disabled > span > a {
  color: rgba(255, 255, 255, 0.35) !important;
  opacity: 0.8;
}
.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title {
  color: rgba(255, 255, 255, 0.35) !important;
}
.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
  background: rgba(255, 255, 255, 0.35) !important;
}
.ant-menu.ant-menu-rtl {
  direction: rtl;
  text-align: right;
}
.ant-menu-rtl .ant-menu-item-group-title {
  text-align: right;
}
.ant-menu-rtl.ant-menu-inline,
.ant-menu-rtl.ant-menu-vertical {
  border-right: none;
  border-left: 1px solid #f0f0f0;
}
.ant-menu-rtl.ant-menu-dark.ant-menu-inline,
.ant-menu-rtl.ant-menu-dark.ant-menu-vertical {
  border-left: none;
}
.ant-menu-rtl.ant-menu-vertical.ant-menu-sub > .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical-left.ant-menu-sub > .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical-right.ant-menu-sub > .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical.ant-menu-sub > .ant-menu-submenu,
.ant-menu-rtl.ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu,
.ant-menu-rtl.ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu {
  transform-origin: top right;
}
.ant-menu-rtl .ant-menu-item .ant-menu-item-icon,
.ant-menu-rtl .ant-menu-submenu-title .ant-menu-item-icon,
.ant-menu-rtl .ant-menu-item .anticon,
.ant-menu-rtl .ant-menu-submenu-title .anticon {
  margin-right: auto;
  margin-left: 10px;
}
.ant-menu-rtl .ant-menu-item.ant-menu-item-only-child > .ant-menu-item-icon,
.ant-menu-rtl .ant-menu-submenu-title.ant-menu-item-only-child > .ant-menu-item-icon,
.ant-menu-rtl .ant-menu-item.ant-menu-item-only-child > .anticon,
.ant-menu-rtl .ant-menu-submenu-title.ant-menu-item-only-child > .anticon {
  margin-left: 0;
}
.ant-menu-submenu-rtl.ant-menu-submenu-popup {
  transform-origin: 100% 0;
}
.ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-rtl .ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow {
  right: auto;
  left: 16px;
}
.ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  transform: rotate(-45deg) translateY(-2px);
}
.ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  transform: rotate(45deg) translateY(2px);
}
.ant-menu-rtl.ant-menu-vertical .ant-menu-item::after,
.ant-menu-rtl.ant-menu-vertical-left .ant-menu-item::after,
.ant-menu-rtl.ant-menu-vertical-right .ant-menu-item::after,
.ant-menu-rtl.ant-menu-inline .ant-menu-item::after {
  right: auto;
  left: 0;
}
.ant-menu-rtl.ant-menu-vertical .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical-left .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical-right .ant-menu-item,
.ant-menu-rtl.ant-menu-inline .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical .ant-menu-submenu-title,
.ant-menu-rtl.ant-menu-vertical-left .ant-menu-submenu-title,
.ant-menu-rtl.ant-menu-vertical-right .ant-menu-submenu-title,
.ant-menu-rtl.ant-menu-inline .ant-menu-submenu-title {
  text-align: right;
}
.ant-menu-rtl.ant-menu-inline .ant-menu-submenu-title {
  padding-right: 0;
  padding-left: 34px;
}
.ant-menu-rtl.ant-menu-vertical .ant-menu-submenu-title {
  padding-right: 16px;
  padding-left: 34px;
}
.ant-menu-rtl.ant-menu-inline-collapsed.ant-menu-vertical .ant-menu-submenu-title {
  padding: 0 calc(50% - 16px / 2);
}
.ant-menu-rtl .ant-menu-item-group-list .ant-menu-item,
.ant-menu-rtl .ant-menu-item-group-list .ant-menu-submenu-title {
  padding: 0 28px 0 16px;
}
.ant-menu-sub.ant-menu-inline {
  border: 0;
}
.ant-menu-rtl.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title {
  padding-right: 32px;
  padding-left: 0;
}
.ant-message {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #404041;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.15;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  position: fixed;
  top: 8px;
  left: 0;
  z-index: 1010;
  width: 100%;
  pointer-events: none;
}
.ant-message-notice {
  padding: 8px;
  text-align: center;
}
.ant-message-notice-content {
  display: inline-block;
  padding: 10px 16px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  pointer-events: all;
}
.ant-message-success .anticon {
  color: #22992E;
}
.ant-message-error .anticon {
  color: #C52A1A;
}
.ant-message-warning .anticon {
  color: #FFBF1F;
}
.ant-message-info .anticon,
.ant-message-loading .anticon {
  color: #EB8C00;
}
.ant-message .anticon {
  position: relative;
  top: 1px;
  margin-right: 8px;
  font-size: 16px;
}
.ant-message-notice.ant-move-up-leave.ant-move-up-leave-active {
  animation-name: MessageMoveOut;
  animation-duration: 0.3s;
}
@keyframes MessageMoveOut {
  0% {
    max-height: 150px;
    padding: 8px;
    opacity: 1;
  }
  100% {
    max-height: 0;
    padding: 0;
    opacity: 0;
  }
}
.ant-message-rtl {
  direction: rtl;
}
.ant-message-rtl span {
  direction: rtl;
}
.ant-message-rtl .anticon {
  margin-right: 0;
  margin-left: 8px;
}
.ant-modal {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #404041;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.15;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  pointer-events: none;
  position: relative;
  top: 100px;
  width: auto;
  max-width: calc(100vw - 32px);
  margin: 0 auto;
  padding-bottom: 24px;
}
.ant-modal.ant-zoom-enter,
.ant-modal.ant-zoom-appear {
  transform: none;
  opacity: 0;
  animation-duration: 0.3s;
  -webkit-user-select: none;
          user-select: none;
}
.ant-modal-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.45);
}
.ant-modal-mask-hidden {
  display: none;
}
.ant-modal-wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  outline: 0;
}
.ant-modal-wrap {
  z-index: 1000;
}
.ant-modal-title {
  margin: 0;
  color: #000;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  word-wrap: break-word;
}
.ant-modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-radius: 4px;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  pointer-events: auto;
}
.ant-modal-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  padding: 0;
  color: rgba(0, 0, 0, 0.45);
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
  transition: color 0.3s;
}
.ant-modal-close-x {
  display: block;
  width: 54px;
  height: 54px;
  font-size: 16px;
  font-style: normal;
  line-height: 54px;
  text-align: center;
  text-transform: none;
  text-rendering: auto;
}
.ant-modal-close:focus,
.ant-modal-close:hover {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none;
}
.ant-modal-header {
  padding: 16px 24px;
  color: #404041;
  background: #fff;
  border-bottom: 1px solid #f0f0f0;
  border-radius: 4px 4px 0 0;
}
.ant-modal-body {
  padding: 24px;
  font-size: 14px;
  line-height: 1.15;
  word-wrap: break-word;
}
.ant-modal-footer {
  padding: 10px 16px;
  text-align: right;
  background: transparent;
  border-top: 1px solid #f0f0f0;
  border-radius: 0 0 4px 4px;
}
.ant-modal-footer .ant-btn + .ant-btn:not(.ant-dropdown-trigger) {
  margin-bottom: 0;
  margin-left: 8px;
}
.ant-modal-open {
  overflow: hidden;
}
.ant-modal-centered {
  text-align: center;
}
.ant-modal-centered::before {
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  content: '';
}
.ant-modal-centered .ant-modal {
  top: 0;
  display: inline-block;
  padding-bottom: 0;
  text-align: left;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .ant-modal {
    max-width: calc(100vw - 16px);
    margin: 8px auto;
  }
  .ant-modal-centered .ant-modal {
    flex: 1 1;
  }
}
.ant-modal-confirm .ant-modal-header {
  display: none;
}
.ant-modal-confirm .ant-modal-body {
  padding: 32px 32px 24px;
}
.ant-modal-confirm-body-wrapper::before {
  display: table;
  content: '';
}
.ant-modal-confirm-body-wrapper::after {
  display: table;
  clear: both;
  content: '';
}
.ant-modal-confirm-body-wrapper::before {
  display: table;
  content: '';
}
.ant-modal-confirm-body-wrapper::after {
  display: table;
  clear: both;
  content: '';
}
.ant-modal-confirm-body .ant-modal-confirm-title {
  display: block;
  overflow: hidden;
  color: #000;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
}
.ant-modal-confirm-body .ant-modal-confirm-content {
  margin-top: 8px;
  color: #404041;
  font-size: 14px;
}
.ant-modal-confirm-body > .anticon {
  float: left;
  margin-right: 16px;
  font-size: 22px;
}
.ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
  margin-left: 38px;
}
.ant-modal-confirm .ant-modal-confirm-btns {
  margin-top: 24px;
  text-align: right;
}
.ant-modal-confirm .ant-modal-confirm-btns .ant-btn + .ant-btn {
  margin-bottom: 0;
  margin-left: 8px;
}
.ant-modal-confirm-error .ant-modal-confirm-body > .anticon {
  color: #C52A1A;
}
.ant-modal-confirm-warning .ant-modal-confirm-body > .anticon,
.ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon {
  color: #FFBF1F;
}
.ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
  color: #EB8C00;
}
.ant-modal-confirm-success .ant-modal-confirm-body > .anticon {
  color: #22992E;
}
.ant-modal-confirm .ant-zoom-leave .ant-modal-confirm-btns {
  pointer-events: none;
}
.ant-modal-wrap-rtl {
  direction: rtl;
}
.ant-modal-wrap-rtl .ant-modal-close {
  right: initial;
  left: 0;
}
.ant-modal-wrap-rtl .ant-modal-footer {
  text-align: left;
}
.ant-modal-wrap-rtl .ant-modal-footer .ant-btn + .ant-btn {
  margin-right: 8px;
  margin-left: 0;
}
.ant-modal-wrap-rtl .ant-modal-confirm-body {
  direction: rtl;
}
.ant-modal-wrap-rtl .ant-modal-confirm-body > .anticon {
  float: right;
  margin-right: 0;
  margin-left: 16px;
}
.ant-modal-wrap-rtl .ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
  margin-right: 38px;
  margin-left: 0;
}
.ant-modal-wrap-rtl .ant-modal-confirm-btns {
  text-align: left;
}
.ant-modal-wrap-rtl .ant-modal-confirm-btns .ant-btn + .ant-btn {
  margin-right: 8px;
  margin-left: 0;
}
.ant-modal-wrap-rtl.ant-modal-centered .ant-modal {
  text-align: right;
}
.ant-notification {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #404041;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.15;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  position: fixed;
  z-index: 1010;
  margin-right: 24px;
}
.ant-notification-close-icon {
  font-size: 14px;
  cursor: pointer;
}
.ant-notification-hook-holder {
  position: relative;
}
.ant-notification-notice {
  position: relative;
  width: 384px;
  max-width: calc(100vw - 24px * 2);
  margin-bottom: 16px;
  margin-left: auto;
  padding: 16px 24px;
  overflow: hidden;
  line-height: 1.15;
  word-wrap: break-word;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.ant-notification-top .ant-notification-notice,
.ant-notification-bottom .ant-notification-notice {
  margin-right: auto;
  margin-left: auto;
}
.ant-notification-topLeft .ant-notification-notice,
.ant-notification-bottomLeft .ant-notification-notice {
  margin-right: auto;
  margin-left: 0;
}
.ant-notification-notice-message {
  margin-bottom: 8px;
  color: #000;
  font-size: 16px;
  line-height: 24px;
}
.ant-notification-notice-message-single-line-auto-margin {
  display: block;
  width: calc(384px - 24px * 2 - 24px - 48px - 100%);
  max-width: 4px;
  background-color: transparent;
  pointer-events: none;
}
.ant-notification-notice-message-single-line-auto-margin::before {
  display: block;
  content: '';
}
.ant-notification-notice-description {
  font-size: 14px;
}
.ant-notification-notice-closable .ant-notification-notice-message {
  padding-right: 24px;
}
.ant-notification-notice-with-icon .ant-notification-notice-message {
  margin-bottom: 4px;
  margin-left: 48px;
  font-size: 16px;
}
.ant-notification-notice-with-icon .ant-notification-notice-description {
  margin-left: 48px;
  font-size: 14px;
}
.ant-notification-notice-icon {
  position: absolute;
  margin-left: 4px;
  font-size: 24px;
  line-height: 24px;
}
.anticon.ant-notification-notice-icon-success {
  color: #22992E;
}
.anticon.ant-notification-notice-icon-info {
  color: #EB8C00;
}
.anticon.ant-notification-notice-icon-warning {
  color: #FFBF1F;
}
.anticon.ant-notification-notice-icon-error {
  color: #C52A1A;
}
.ant-notification-notice-close {
  position: absolute;
  top: 16px;
  right: 22px;
  color: rgba(0, 0, 0, 0.45);
  outline: none;
}
.ant-notification-notice-close:hover {
  color: rgba(0, 0, 0, 0.67);
}
.ant-notification-notice-btn {
  float: right;
  margin-top: 16px;
}
.ant-notification .notification-fade-effect {
  animation-duration: 0.24s;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-fill-mode: both;
}
.ant-notification-fade-enter,
.ant-notification-fade-appear {
  animation-duration: 0.24s;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-fill-mode: both;
  opacity: 0;
  animation-play-state: paused;
}
.ant-notification-fade-leave {
  animation-duration: 0.24s;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-fill-mode: both;
  animation-duration: 0.2s;
  animation-play-state: paused;
}
.ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-fade-appear.ant-notification-fade-appear-active {
  animation-name: NotificationFadeIn;
  animation-play-state: running;
}
.ant-notification-fade-leave.ant-notification-fade-leave-active {
  animation-name: NotificationFadeOut;
  animation-play-state: running;
}
@keyframes NotificationFadeIn {
  0% {
    left: 384px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes NotificationFadeOut {
  0% {
    max-height: 150px;
    margin-bottom: 16px;
    opacity: 1;
  }
  100% {
    max-height: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    opacity: 0;
  }
}
.ant-notification-rtl {
  direction: rtl;
}
.ant-notification-rtl .ant-notification-notice-closable .ant-notification-notice-message {
  padding-right: 0;
  padding-left: 24px;
}
.ant-notification-rtl .ant-notification-notice-with-icon .ant-notification-notice-message {
  margin-right: 48px;
  margin-left: 0;
}
.ant-notification-rtl .ant-notification-notice-with-icon .ant-notification-notice-description {
  margin-right: 48px;
  margin-left: 0;
}
.ant-notification-rtl .ant-notification-notice-icon {
  margin-right: 4px;
  margin-left: 0;
}
.ant-notification-rtl .ant-notification-notice-close {
  right: auto;
  left: 22px;
}
.ant-notification-rtl .ant-notification-notice-btn {
  float: left;
}
.ant-notification-top,
.ant-notification-bottom {
  margin-right: 0;
  margin-left: 0;
}
.ant-notification-top .ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-top .ant-notification-fade-appear.ant-notification-fade-appear-active {
  animation-name: NotificationTopFadeIn;
}
.ant-notification-bottom .ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-bottom .ant-notification-fade-appear.ant-notification-fade-appear-active {
  animation-name: NotificationBottomFadeIn;
}
.ant-notification-topLeft,
.ant-notification-bottomLeft {
  margin-right: 0;
  margin-left: 24px;
}
.ant-notification-topLeft .ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-bottomLeft .ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-topLeft .ant-notification-fade-appear.ant-notification-fade-appear-active,
.ant-notification-bottomLeft .ant-notification-fade-appear.ant-notification-fade-appear-active {
  animation-name: NotificationLeftFadeIn;
}
@keyframes NotificationTopFadeIn {
  0% {
    margin-top: -100%;
    opacity: 0;
  }
  100% {
    margin-top: 0;
    opacity: 1;
  }
}
@keyframes NotificationBottomFadeIn {
  0% {
    margin-bottom: -100%;
    opacity: 0;
  }
  100% {
    margin-bottom: 0;
    opacity: 1;
  }
}
@keyframes NotificationLeftFadeIn {
  0% {
    right: 384px;
    opacity: 0;
  }
  100% {
    right: 0;
    opacity: 1;
  }
}
.ant-page-header {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #404041;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.15;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  position: relative;
  padding: 16px 24px;
  background-color: #fff;
}
.ant-page-header-ghost {
  background-color: inherit;
}
.ant-page-header.has-breadcrumb {
  padding-top: 12px;
}
.ant-page-header.has-footer {
  padding-bottom: 0;
}
.ant-page-header-back {
  margin-right: 16px;
  font-size: 16px;
  line-height: 1;
}
.ant-page-header-back-button {
  color: #D04A02;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  color: #000;
}
.ant-page-header-back-button:focus-visible,
.ant-page-header-back-button:hover {
  color: #de6c26;
}
.ant-page-header-back-button:active {
  color: #ab3600;
}
.ant-page-header .ant-divider-vertical {
  height: 14px;
  margin: 0 12px;
  vertical-align: middle;
}
.ant-breadcrumb + .ant-page-header-heading {
  margin-top: 8px;
}
.ant-page-header-heading {
  display: flex;
  justify-content: space-between;
}
.ant-page-header-heading-left {
  display: flex;
  align-items: center;
  margin: 4px 0;
  overflow: hidden;
}
.ant-page-header-heading-title {
  margin-right: 12px;
  margin-bottom: 0;
  color: #000;
  font-weight: 600;
  font-size: 20px;
  line-height: 36px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-page-header-heading .ant-avatar {
  margin-right: 12px;
}
.ant-page-header-heading-sub-title {
  margin-right: 12px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.15;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-page-header-heading-extra {
  margin: 4px 0;
  white-space: nowrap;
}
.ant-page-header-heading-extra > * {
  white-space: unset;
}
.ant-page-header-content {
  padding-top: 12px;
}
.ant-page-header-footer {
  margin-top: 16px;
}
.ant-page-header-footer .ant-tabs > .ant-tabs-nav {
  margin: 0;
}
.ant-page-header-footer .ant-tabs > .ant-tabs-nav::before {
  border: none;
}
.ant-page-header-footer .ant-tabs .ant-tabs-tab {
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 16px;
}
.ant-page-header-compact .ant-page-header-heading {
  flex-wrap: wrap;
}
.ant-page-header-rtl {
  direction: rtl;
}
.ant-page-header-rtl .ant-page-header-back {
  float: right;
  margin-right: 0;
  margin-left: 16px;
}
.ant-page-header-rtl .ant-page-header-heading-title {
  margin-right: 0;
  margin-left: 12px;
}
.ant-page-header-rtl .ant-page-header-heading .ant-avatar {
  margin-right: 0;
  margin-left: 12px;
}
.ant-page-header-rtl .ant-page-header-heading-sub-title {
  float: right;
  margin-right: 0;
  margin-left: 12px;
}
.ant-page-header-rtl .ant-page-header-heading-tags {
  float: right;
}
.ant-page-header-rtl .ant-page-header-heading-extra {
  float: left;
}
.ant-page-header-rtl .ant-page-header-heading-extra > * {
  margin-right: 12px;
  margin-left: 0;
}
.ant-page-header-rtl .ant-page-header-heading-extra > *:first-child {
  margin-right: 0;
}
.ant-page-header-rtl .ant-page-header-footer .ant-tabs-bar .ant-tabs-nav {
  float: right;
}
.ant-pagination {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #404041;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.15;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
}
.ant-pagination ul,
.ant-pagination ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-pagination::after {
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  content: ' ';
}
.ant-pagination-total-text {
  display: inline-block;
  height: 36px;
  margin-right: 8px;
  line-height: 34px;
  vertical-align: middle;
}
.ant-pagination-item {
  display: inline-block;
  min-width: 36px;
  height: 36px;
  margin-right: 8px;
  font-family: 'PwC Helvetica Neue', Arial;
  line-height: 34px;
  text-align: center;
  vertical-align: middle;
  list-style: none;
  background-color: #fff;
  border: 1px solid #D4D4D4;
  border-radius: 4px;
  outline: 0;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}
.ant-pagination-item a {
  display: block;
  padding: 0 6px;
  color: #404041;
  transition: none;
}
.ant-pagination-item a:hover {
  text-decoration: none;
}
.ant-pagination-item:hover {
  border-color: #D04A02;
  transition: all 0.3s;
}
.ant-pagination-item:hover a {
  color: #D04A02;
}
.ant-pagination-item:focus-visible {
  border-color: #D04A02;
  transition: all 0.3s;
}
.ant-pagination-item:focus-visible a {
  color: #D04A02;
}
.ant-pagination-item-active {
  font-weight: 500;
  background: #fff;
  border-color: #D04A02;
}
.ant-pagination-item-active a {
  color: #D04A02;
}
.ant-pagination-item-active:hover {
  border-color: #de6c26;
}
.ant-pagination-item-active:focus-visible {
  border-color: #de6c26;
}
.ant-pagination-item-active:hover a {
  color: #de6c26;
}
.ant-pagination-item-active:focus-visible a {
  color: #de6c26;
}
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  outline: 0;
}
.ant-pagination-jump-prev .ant-pagination-item-container,
.ant-pagination-jump-next .ant-pagination-item-container {
  position: relative;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon {
  color: #D04A02;
  font-size: 12px;
  letter-spacing: -1px;
  opacity: 0;
  transition: all 0.2s;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon-svg,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon-svg {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  margin: auto;
  color: rgba(0, 0, 0, 0.25);
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 2px;
  text-align: center;
  text-indent: 0.13em;
  opacity: 1;
  transition: all 0.2s;
}
.ant-pagination-jump-prev:hover .ant-pagination-item-link-icon,
.ant-pagination-jump-next:hover .ant-pagination-item-link-icon {
  opacity: 1;
}
.ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis,
.ant-pagination-jump-next:hover .ant-pagination-item-ellipsis {
  opacity: 0;
}
.ant-pagination-jump-prev:focus-visible .ant-pagination-item-link-icon,
.ant-pagination-jump-next:focus-visible .ant-pagination-item-link-icon {
  opacity: 1;
}
.ant-pagination-jump-prev:focus-visible .ant-pagination-item-ellipsis,
.ant-pagination-jump-next:focus-visible .ant-pagination-item-ellipsis {
  opacity: 0;
}
.ant-pagination-prev,
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  margin-right: 8px;
}
.ant-pagination-prev,
.ant-pagination-next,
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  display: inline-block;
  min-width: 36px;
  height: 36px;
  color: #404041;
  font-family: 'PwC Helvetica Neue', Arial;
  line-height: 36px;
  text-align: center;
  vertical-align: middle;
  list-style: none;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-pagination-prev,
.ant-pagination-next {
  font-family: Arial, Helvetica, sans-serif;
  outline: 0;
}
.ant-pagination-prev button,
.ant-pagination-next button {
  color: #404041;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}
.ant-pagination-prev:hover button,
.ant-pagination-next:hover button {
  border-color: #de6c26;
}
.ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-next .ant-pagination-item-link {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  font-size: 12px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #D4D4D4;
  border-radius: 4px;
  outline: none;
  transition: all 0.3s;
}
.ant-pagination-prev:focus-visible .ant-pagination-item-link,
.ant-pagination-next:focus-visible .ant-pagination-item-link {
  color: #D04A02;
  border-color: #D04A02;
}
.ant-pagination-prev:hover .ant-pagination-item-link,
.ant-pagination-next:hover .ant-pagination-item-link {
  color: #D04A02;
  border-color: #D04A02;
}
.ant-pagination-disabled,
.ant-pagination-disabled:hover {
  cursor: not-allowed;
}
.ant-pagination-disabled .ant-pagination-item-link,
.ant-pagination-disabled:hover .ant-pagination-item-link {
  color: rgba(0, 0, 0, 0.25);
  border-color: #D4D4D4;
  cursor: not-allowed;
}
.ant-pagination-disabled:focus-visible {
  cursor: not-allowed;
}
.ant-pagination-disabled:focus-visible .ant-pagination-item-link {
  color: rgba(0, 0, 0, 0.25);
  border-color: #D4D4D4;
  cursor: not-allowed;
}
.ant-pagination-slash {
  margin: 0 10px 0 5px;
}
.ant-pagination-options {
  display: inline-block;
  margin-left: 16px;
  vertical-align: middle;
}
@media all and (-ms-high-contrast: none) {
  .ant-pagination-options *::-ms-backdrop,
  .ant-pagination-options {
    vertical-align: top;
  }
}
.ant-pagination-options-size-changer.ant-select {
  display: inline-block;
  width: auto;
}
.ant-pagination-options-quick-jumper {
  display: inline-block;
  height: 36px;
  margin-left: 8px;
  line-height: 36px;
  vertical-align: top;
}
.ant-pagination-options-quick-jumper input {
  position: relative;
  display: inline-block;
  width: 100%;
  min-width: 0;
  padding: 9px 11px;
  color: #404041;
  font-size: 14px;
  line-height: 1.15;
  background-color: #fff;
  background-image: none;
  border: 1px solid #D4D4D4;
  border-radius: 4px;
  transition: all 0.3s;
  width: 50px;
  height: 36px;
  margin: 0 8px;
}
.ant-pagination-options-quick-jumper input::placeholder {
  color: #bfbfbf;
  -webkit-user-select: none;
          user-select: none;
}
.ant-pagination-options-quick-jumper input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-pagination-options-quick-jumper input:hover {
  border-color: #de6c26;
  border-right-width: 1px;
}
.ant-input-rtl .ant-pagination-options-quick-jumper input:hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-pagination-options-quick-jumper input:focus,
.ant-pagination-options-quick-jumper input-focused {
  border-color: #de6c26;
  box-shadow: 0 0 0 2px rgba(208, 74, 2, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-rtl .ant-pagination-options-quick-jumper input:focus,
.ant-input-rtl .ant-pagination-options-quick-jumper input-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-pagination-options-quick-jumper input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #D4D4D4;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-pagination-options-quick-jumper input-disabled:hover {
  border-color: #D4D4D4;
  border-right-width: 1px;
}
.ant-pagination-options-quick-jumper input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #D4D4D4;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-pagination-options-quick-jumper input[disabled]:hover {
  border-color: #D4D4D4;
  border-right-width: 1px;
}
.ant-pagination-options-quick-jumper input-borderless,
.ant-pagination-options-quick-jumper input-borderless:hover,
.ant-pagination-options-quick-jumper input-borderless:focus,
.ant-pagination-options-quick-jumper input-borderless-focused,
.ant-pagination-options-quick-jumper input-borderless-disabled,
.ant-pagination-options-quick-jumper input-borderless[disabled] {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
textarea.ant-pagination-options-quick-jumper input {
  max-width: 100%;
  height: auto;
  min-height: 36px;
  line-height: 1.15;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-pagination-options-quick-jumper input-lg {
  padding: 9.8px 11px;
  font-size: 16px;
}
.ant-pagination-options-quick-jumper input-sm {
  padding: 3px 7px;
}
.ant-pagination-options-quick-jumper input-rtl {
  direction: rtl;
}
.ant-pagination-simple .ant-pagination-prev,
.ant-pagination-simple .ant-pagination-next {
  height: 24px;
  line-height: 24px;
  vertical-align: top;
}
.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link {
  height: 24px;
  background-color: transparent;
  border: 0;
}
.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link::after,
.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link::after {
  height: 24px;
  line-height: 24px;
}
.ant-pagination-simple .ant-pagination-simple-pager {
  display: inline-block;
  height: 24px;
  margin-right: 8px;
}
.ant-pagination-simple .ant-pagination-simple-pager input {
  box-sizing: border-box;
  height: 100%;
  margin-right: 8px;
  padding: 0 6px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #D4D4D4;
  border-radius: 4px;
  outline: none;
  transition: border-color 0.3s;
}
.ant-pagination-simple .ant-pagination-simple-pager input:hover {
  border-color: #D04A02;
}
.ant-pagination-simple .ant-pagination-simple-pager input:focus {
  border-color: #de6c26;
  box-shadow: 0 0 0 2px rgba(208, 74, 2, 0.2);
}
.ant-pagination-simple .ant-pagination-simple-pager input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  border-color: #D4D4D4;
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-mini .ant-pagination-total-text,
.ant-pagination.ant-pagination-mini .ant-pagination-simple-pager {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.ant-pagination-mini .ant-pagination-item {
  min-width: 24px;
  height: 24px;
  margin: 0;
  line-height: 22px;
}
.ant-pagination.ant-pagination-mini .ant-pagination-item:not(.ant-pagination-item-active) {
  background: transparent;
  border-color: transparent;
}
.ant-pagination.ant-pagination-mini .ant-pagination-prev,
.ant-pagination.ant-pagination-mini .ant-pagination-next {
  min-width: 24px;
  height: 24px;
  margin: 0;
  line-height: 24px;
}
.ant-pagination.ant-pagination-mini .ant-pagination-prev .ant-pagination-item-link,
.ant-pagination.ant-pagination-mini .ant-pagination-next .ant-pagination-item-link {
  background: transparent;
  border-color: transparent;
}
.ant-pagination.ant-pagination-mini .ant-pagination-prev .ant-pagination-item-link::after,
.ant-pagination.ant-pagination-mini .ant-pagination-next .ant-pagination-item-link::after {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.ant-pagination-mini .ant-pagination-jump-prev,
.ant-pagination.ant-pagination-mini .ant-pagination-jump-next {
  height: 24px;
  margin-right: 0;
  line-height: 24px;
}
.ant-pagination.ant-pagination-mini .ant-pagination-options {
  margin-left: 2px;
}
.ant-pagination.ant-pagination-mini .ant-pagination-options-size-changer {
  top: 0px;
}
.ant-pagination.ant-pagination-mini .ant-pagination-options-quick-jumper {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.ant-pagination-mini .ant-pagination-options-quick-jumper input {
  padding: 3px 7px;
  width: 44px;
  height: 24px;
}
.ant-pagination.ant-pagination-disabled {
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item {
  background: #f5f5f5;
  border-color: #D4D4D4;
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item a {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
  border: none;
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-active {
  background: #e6e6e6;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-active a {
  color: rgba(0, 0, 0, 0.25);
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-link {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  border-color: #D4D4D4;
  cursor: not-allowed;
}
.ant-pagination-simple.ant-pagination.ant-pagination-disabled .ant-pagination-item-link {
  background: transparent;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-link-icon {
  opacity: 0;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-ellipsis {
  opacity: 1;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-simple-pager {
  color: rgba(0, 0, 0, 0.25);
}
@media only screen and (max-width: 992px) {
  .ant-pagination-item-after-jump-prev,
  .ant-pagination-item-before-jump-next {
    display: none;
  }
}
@media only screen and (max-width: 576px) {
  .ant-pagination-options {
    display: none;
  }
}
.ant-pagination-rtl .ant-pagination-total-text {
  margin-right: 0;
  margin-left: 8px;
}
.ant-pagination-rtl .ant-pagination-item,
.ant-pagination-rtl .ant-pagination-prev,
.ant-pagination-rtl .ant-pagination-jump-prev,
.ant-pagination-rtl .ant-pagination-jump-next {
  margin-right: 0;
  margin-left: 8px;
}
.ant-pagination-rtl .ant-pagination-slash {
  margin: 0 5px 0 10px;
}
.ant-pagination-rtl .ant-pagination-options {
  margin-right: 16px;
  margin-left: 0;
}
.ant-pagination-rtl .ant-pagination-options .ant-pagination-options-size-changer.ant-select {
  margin-right: 0;
  margin-left: 8px;
}
.ant-pagination-rtl .ant-pagination-options .ant-pagination-options-quick-jumper {
  margin-left: 0;
}
.ant-pagination-rtl.ant-pagination-simple .ant-pagination-simple-pager {
  margin-right: 0;
  margin-left: 8px;
}
.ant-pagination-rtl.ant-pagination-simple .ant-pagination-simple-pager input {
  margin-right: 0;
  margin-left: 8px;
}
.ant-pagination-rtl.ant-pagination.mini .ant-pagination-options {
  margin-right: 2px;
  margin-left: 0;
}
.ant-popconfirm {
  z-index: 1060;
}
.ant-popover {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #404041;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.15;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1030;
  max-width: 100vw;
  font-weight: normal;
  white-space: normal;
  text-align: left;
  cursor: auto;
  -webkit-user-select: text;
          user-select: text;
}
.ant-popover-content {
  position: relative;
}
.ant-popover::after {
  position: absolute;
  background: rgba(255, 255, 255, 0.01);
  content: '';
}
.ant-popover-hidden {
  display: none;
}
.ant-popover-placement-top,
.ant-popover-placement-topLeft,
.ant-popover-placement-topRight {
  padding-bottom: 15.3137085px;
}
.ant-popover-placement-right,
.ant-popover-placement-rightTop,
.ant-popover-placement-rightBottom {
  padding-left: 15.3137085px;
}
.ant-popover-placement-bottom,
.ant-popover-placement-bottomLeft,
.ant-popover-placement-bottomRight {
  padding-top: 15.3137085px;
}
.ant-popover-placement-left,
.ant-popover-placement-leftTop,
.ant-popover-placement-leftBottom {
  padding-right: 15.3137085px;
}
.ant-popover-inner {
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 4px;
  box-shadow: 0px 0px 4px 0px rgba(204, 204, 204, 0.2), 0px 4px 4px 0px rgba(204, 204, 204, 0.25);
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ant-popover {
    /* IE10+ */
  }
  .ant-popover-inner {
    box-shadow: 0px 0px 4px 0px rgba(204, 204, 204, 0.2), 0px 4px 4px 0px rgba(204, 204, 204, 0.25);
  }
}
.ant-popover-title {
  min-width: 177px;
  min-height: 32px;
  margin: 0;
  padding: 5px 16px 4px;
  color: #000;
  font-weight: 500;
  border-bottom: 1px solid #f0f0f0;
}
.ant-popover-inner-content {
  width: -webkit-max-content;
  width: max-content;
  max-width: 100%;
  padding: 12px 16px;
  color: #404041;
}
.ant-popover-message {
  display: flex;
  padding: 4px 0 12px;
  color: #404041;
  font-size: 14px;
}
.ant-popover-message-icon {
  display: inline-block;
  margin-right: 8px;
  color: #FFBF1F;
  font-size: 14px;
}
.ant-popover-buttons {
  margin-bottom: 4px;
  text-align: right;
}
.ant-popover-buttons button:not(:first-child) {
  margin-left: 8px;
}
.ant-popover-arrow {
  position: absolute;
  display: block;
  width: 22px;
  height: 22px;
  overflow: hidden;
  background: transparent;
  pointer-events: none;
}
.ant-popover-arrow-content {
  --antd-arrow-background-color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 11.3137085px;
  height: 11.3137085px;
  margin: auto;
  content: '';
  pointer-events: auto;
  border-radius: 0 0 2px;
  pointer-events: none;
}
.ant-popover-arrow-content::before {
  position: absolute;
  top: -11.3137085px;
  left: -11.3137085px;
  width: 33.9411255px;
  height: 33.9411255px;
  background: var(--antd-arrow-background-color);
  background-repeat: no-repeat;
  background-position: -10px -10px;
  content: '';
  -webkit-clip-path: inset(33% 33%);
          clip-path: inset(33% 33%);
  -webkit-clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
          clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
}
.ant-popover-placement-top .ant-popover-arrow,
.ant-popover-placement-topLeft .ant-popover-arrow,
.ant-popover-placement-topRight .ant-popover-arrow {
  bottom: 0;
  transform: translateY(100%);
}
.ant-popover-placement-top .ant-popover-arrow-content,
.ant-popover-placement-topLeft .ant-popover-arrow-content,
.ant-popover-placement-topRight .ant-popover-arrow-content {
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  transform: translateY(-11px) rotate(45deg);
}
.ant-popover-placement-top .ant-popover-arrow {
  left: 50%;
  transform: translateY(100%) translateX(-50%);
}
.ant-popover-placement-topLeft .ant-popover-arrow {
  left: 16px;
}
.ant-popover-placement-topRight .ant-popover-arrow {
  right: 16px;
}
.ant-popover-placement-right .ant-popover-arrow,
.ant-popover-placement-rightTop .ant-popover-arrow,
.ant-popover-placement-rightBottom .ant-popover-arrow {
  left: 0;
  transform: translateX(-100%);
}
.ant-popover-placement-right .ant-popover-arrow-content,
.ant-popover-placement-rightTop .ant-popover-arrow-content,
.ant-popover-placement-rightBottom .ant-popover-arrow-content {
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  transform: translateX(11px) rotate(135deg);
}
.ant-popover-placement-right .ant-popover-arrow {
  top: 50%;
  transform: translateX(-100%) translateY(-50%);
}
.ant-popover-placement-rightTop .ant-popover-arrow {
  top: 12px;
}
.ant-popover-placement-rightBottom .ant-popover-arrow {
  bottom: 12px;
}
.ant-popover-placement-bottom .ant-popover-arrow,
.ant-popover-placement-bottomLeft .ant-popover-arrow,
.ant-popover-placement-bottomRight .ant-popover-arrow {
  top: 0;
  transform: translateY(-100%);
}
.ant-popover-placement-bottom .ant-popover-arrow-content,
.ant-popover-placement-bottomLeft .ant-popover-arrow-content,
.ant-popover-placement-bottomRight .ant-popover-arrow-content {
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.06);
  transform: translateY(11px) rotate(-135deg);
}
.ant-popover-placement-bottom .ant-popover-arrow {
  left: 50%;
  transform: translateY(-100%) translateX(-50%);
}
.ant-popover-placement-bottomLeft .ant-popover-arrow {
  left: 16px;
}
.ant-popover-placement-bottomRight .ant-popover-arrow {
  right: 16px;
}
.ant-popover-placement-left .ant-popover-arrow,
.ant-popover-placement-leftTop .ant-popover-arrow,
.ant-popover-placement-leftBottom .ant-popover-arrow {
  right: 0;
  transform: translateX(100%);
}
.ant-popover-placement-left .ant-popover-arrow-content,
.ant-popover-placement-leftTop .ant-popover-arrow-content,
.ant-popover-placement-leftBottom .ant-popover-arrow-content {
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  transform: translateX(-11px) rotate(-45deg);
}
.ant-popover-placement-left .ant-popover-arrow {
  top: 50%;
  transform: translateX(100%) translateY(-50%);
}
.ant-popover-placement-leftTop .ant-popover-arrow {
  top: 12px;
}
.ant-popover-placement-leftBottom .ant-popover-arrow {
  bottom: 12px;
}
.ant-popover-pink .ant-popover-inner {
  background-color: #eb2f96;
}
.ant-popover-pink .ant-popover-arrow-content {
  background-color: #eb2f96;
}
.ant-popover-magenta .ant-popover-inner {
  background-color: #eb2f96;
}
.ant-popover-magenta .ant-popover-arrow-content {
  background-color: #eb2f96;
}
.ant-popover-red .ant-popover-inner {
  background-color: #f5222d;
}
.ant-popover-red .ant-popover-arrow-content {
  background-color: #f5222d;
}
.ant-popover-volcano .ant-popover-inner {
  background-color: #fa541c;
}
.ant-popover-volcano .ant-popover-arrow-content {
  background-color: #fa541c;
}
.ant-popover-orange .ant-popover-inner {
  background-color: #fa8c16;
}
.ant-popover-orange .ant-popover-arrow-content {
  background-color: #fa8c16;
}
.ant-popover-yellow .ant-popover-inner {
  background-color: #fadb14;
}
.ant-popover-yellow .ant-popover-arrow-content {
  background-color: #fadb14;
}
.ant-popover-gold .ant-popover-inner {
  background-color: #faad14;
}
.ant-popover-gold .ant-popover-arrow-content {
  background-color: #faad14;
}
.ant-popover-cyan .ant-popover-inner {
  background-color: #13c2c2;
}
.ant-popover-cyan .ant-popover-arrow-content {
  background-color: #13c2c2;
}
.ant-popover-lime .ant-popover-inner {
  background-color: #a0d911;
}
.ant-popover-lime .ant-popover-arrow-content {
  background-color: #a0d911;
}
.ant-popover-green .ant-popover-inner {
  background-color: #52c41a;
}
.ant-popover-green .ant-popover-arrow-content {
  background-color: #52c41a;
}
.ant-popover-blue .ant-popover-inner {
  background-color: #1890ff;
}
.ant-popover-blue .ant-popover-arrow-content {
  background-color: #1890ff;
}
.ant-popover-geekblue .ant-popover-inner {
  background-color: #2f54eb;
}
.ant-popover-geekblue .ant-popover-arrow-content {
  background-color: #2f54eb;
}
.ant-popover-purple .ant-popover-inner {
  background-color: #722ed1;
}
.ant-popover-purple .ant-popover-arrow-content {
  background-color: #722ed1;
}
.ant-popover-rtl {
  direction: rtl;
  text-align: right;
}
.ant-popover-rtl .ant-popover-message-icon {
  margin-right: 0;
  margin-left: 8px;
}
.ant-popover-rtl .ant-popover-message-title {
  padding-left: 16px;
}
.ant-popover-rtl .ant-popover-buttons {
  text-align: left;
}
.ant-popover-rtl .ant-popover-buttons button {
  margin-right: 8px;
  margin-left: 0;
}
.ant-progress {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #404041;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.15;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  display: inline-block;
}
.ant-progress-line {
  position: relative;
  width: 100%;
  font-size: 14px;
}
.ant-progress-steps {
  display: inline-block;
}
.ant-progress-steps-outer {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.ant-progress-steps-item {
  flex-shrink: 0;
  min-width: 2px;
  margin-right: 2px;
  background: #f3f3f3;
  transition: all 0.3s;
}
.ant-progress-steps-item-active {
  background: #EB8C00;
}
.ant-progress-small.ant-progress-line,
.ant-progress-small.ant-progress-line .ant-progress-text .anticon {
  font-size: 12px;
}
.ant-progress-outer {
  display: inline-block;
  width: 100%;
  margin-right: 0;
  padding-right: 0;
}
.ant-progress-show-info .ant-progress-outer {
  margin-right: calc(-2em - 8px);
  padding-right: calc(2em + 8px);
}
.ant-progress-inner {
  position: relative;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  vertical-align: middle;
  background-color: #f5f5f5;
  border-radius: 100px;
}
.ant-progress-circle-trail {
  stroke: #f5f5f5;
}
.ant-progress-circle-path {
  animation: ant-progress-appear 0.3s;
}
.ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
  stroke: #EB8C00;
}
.ant-progress-success-bg,
.ant-progress-bg {
  position: relative;
  background-color: #EB8C00;
  border-radius: 100px;
  transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
}
.ant-progress-success-bg {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #22992E;
}
.ant-progress-text {
  display: inline-block;
  width: 2em;
  margin-left: 8px;
  color: #404041;
  font-size: 1em;
  line-height: 1;
  white-space: nowrap;
  text-align: left;
  vertical-align: middle;
  word-break: normal;
}
.ant-progress-text .anticon {
  font-size: 14px;
}
.ant-progress-status-active .ant-progress-bg::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  border-radius: 10px;
  opacity: 0;
  animation: ant-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
  content: '';
}
.ant-progress-status-exception .ant-progress-bg {
  background-color: #C52A1A;
}
.ant-progress-status-exception .ant-progress-text {
  color: #C52A1A;
}
.ant-progress-status-exception .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
  stroke: #C52A1A;
}
.ant-progress-status-success .ant-progress-bg {
  background-color: #22992E;
}
.ant-progress-status-success .ant-progress-text {
  color: #22992E;
}
.ant-progress-status-success .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
  stroke: #22992E;
}
.ant-progress-circle .ant-progress-inner {
  position: relative;
  line-height: 1;
  background-color: transparent;
}
.ant-progress-circle .ant-progress-text {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  margin: 0;
  padding: 0;
  color: #404041;
  font-size: 1em;
  line-height: 1;
  white-space: normal;
  text-align: center;
  transform: translate(-50%, -50%);
}
.ant-progress-circle .ant-progress-text .anticon {
  font-size: 1.16666667em;
}
.ant-progress-circle.ant-progress-status-exception .ant-progress-text {
  color: #C52A1A;
}
.ant-progress-circle.ant-progress-status-success .ant-progress-text {
  color: #22992E;
}
@keyframes ant-progress-active {
  0% {
    transform: translateX(-100%) scaleX(0);
    opacity: 0.1;
  }
  20% {
    transform: translateX(-100%) scaleX(0);
    opacity: 0.5;
  }
  100% {
    transform: translateX(0) scaleX(1);
    opacity: 0;
  }
}
.ant-progress-rtl {
  direction: rtl;
}
.ant-progress-rtl.ant-progress-show-info .ant-progress-outer {
  margin-right: 0;
  margin-left: calc(-2em - 8px);
  padding-right: 0;
  padding-left: calc(2em + 8px);
}
.ant-progress-rtl .ant-progress-success-bg {
  right: 0;
  left: auto;
}
.ant-progress-rtl.ant-progress-line .ant-progress-text,
.ant-progress-rtl.ant-progress-steps .ant-progress-text {
  margin-right: 8px;
  margin-left: 0;
  text-align: right;
}
.ant-radio-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #404041;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.15;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  display: inline-block;
  font-size: 0;
}
.ant-radio-group .ant-badge-count {
  z-index: 1;
}
.ant-radio-group > .ant-badge:not(:first-child) > .ant-radio-button-wrapper {
  border-left: none;
}
.ant-radio-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #404041;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.15;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  position: relative;
  display: inline-flex;
  align-items: baseline;
  margin-right: 8px;
  cursor: pointer;
}
.ant-radio-wrapper-disabled {
  cursor: not-allowed;
}
.ant-radio-wrapper::after {
  display: inline-block;
  width: 0;
  overflow: hidden;
  content: '\a0';
}
.ant-radio-wrapper.ant-radio-wrapper-in-form-item input[type='radio'] {
  width: 14px;
  height: 14px;
}
.ant-radio {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #404041;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.15;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  position: relative;
  top: 0.2em;
  display: inline-block;
  outline: none;
  cursor: pointer;
}
.ant-radio-wrapper:hover .ant-radio,
.ant-radio:hover .ant-radio-inner,
.ant-radio-input:focus + .ant-radio-inner {
  border-color: #D04A02;
}
.ant-radio-input:focus + .ant-radio-inner {
  box-shadow: 0 0 0 3px rgba(208, 74, 2, 0.12);
}
.ant-radio-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #D04A02;
  border-radius: 50%;
  visibility: hidden;
  animation: antRadioEffect 0.36s ease-in-out;
  animation-fill-mode: both;
  content: '';
}
.ant-radio:hover::after,
.ant-radio-wrapper:hover .ant-radio::after {
  visibility: visible;
}
.ant-radio-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border-color: #D4D4D4;
  border-style: solid;
  border-width: 1px;
  border-radius: 50%;
  transition: all 0.3s;
}
.ant-radio-inner::after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
  background-color: #D04A02;
  border-top: 0;
  border-left: 0;
  border-radius: 16px;
  transform: scale(0);
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  content: ' ';
}
.ant-radio-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
}
.ant-radio.ant-radio-disabled .ant-radio-inner {
  border-color: #D4D4D4;
}
.ant-radio-checked .ant-radio-inner {
  border-color: #D04A02;
}
.ant-radio-checked .ant-radio-inner::after {
  transform: scale(0.5);
  opacity: 1;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-radio-disabled {
  cursor: not-allowed;
}
.ant-radio-disabled .ant-radio-inner {
  background-color: #f5f5f5;
  cursor: not-allowed;
}
.ant-radio-disabled .ant-radio-inner::after {
  background-color: rgba(0, 0, 0, 0.2);
}
.ant-radio-disabled .ant-radio-input {
  cursor: not-allowed;
}
.ant-radio-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
span.ant-radio + * {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-radio-button-wrapper {
  position: relative;
  display: inline-block;
  height: 36px;
  margin: 0;
  padding: 0 15px;
  color: #6D6E71;
  font-size: 14px;
  line-height: 34px;
  background: #fff;
  border: 1px solid #D4D4D4;
  border-top-width: 1.02px;
  border-left-width: 0;
  cursor: pointer;
  transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s;
}
.ant-radio-button-wrapper a {
  color: #6D6E71;
}
.ant-radio-button-wrapper > .ant-radio-button {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.ant-radio-group-large .ant-radio-button-wrapper {
  height: 40px;
  font-size: 16px;
  line-height: 38px;
}
.ant-radio-group-small .ant-radio-button-wrapper {
  height: 24px;
  padding: 0 7px;
  line-height: 22px;
}
.ant-radio-button-wrapper:not(:first-child)::before {
  position: absolute;
  top: -1px;
  left: -1px;
  display: block;
  box-sizing: content-box;
  width: 1px;
  height: 100%;
  padding: 1px 0;
  background-color: #D4D4D4;
  transition: background-color 0.3s;
  content: '';
}
.ant-radio-button-wrapper:first-child {
  border-left: 1px solid #D4D4D4;
  border-radius: 4px 0 0 4px;
}
.ant-radio-button-wrapper:last-child {
  border-radius: 0 4px 4px 0;
}
.ant-radio-button-wrapper:first-child:last-child {
  border-radius: 4px;
}
.ant-radio-button-wrapper:hover {
  position: relative;
  color: #D04A02;
}
.ant-radio-button-wrapper:focus-within {
  box-shadow: 0 0 0 3px rgba(208, 74, 2, 0.12);
}
.ant-radio-button-wrapper .ant-radio-inner,
.ant-radio-button-wrapper input[type='checkbox'],
.ant-radio-button-wrapper input[type='radio'] {
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  z-index: 1;
  color: #D04A02;
  background: #fff;
  border-color: #D04A02;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
  background-color: #D04A02;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
  border-color: #D04A02;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
  color: #de6c26;
  border-color: #de6c26;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover::before {
  background-color: #de6c26;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
  color: #ab3600;
  border-color: #ab3600;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active::before {
  background-color: #ab3600;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
  box-shadow: 0 0 0 3px rgba(208, 74, 2, 0.12);
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  color: #fff;
  background: #D04A02;
  border-color: #D04A02;
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
  color: #fff;
  background: #de6c26;
  border-color: #de6c26;
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
  color: #fff;
  background: #ab3600;
  border-color: #ab3600;
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
  box-shadow: 0 0 0 3px rgba(208, 74, 2, 0.12);
}
.ant-radio-button-wrapper-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #D4D4D4;
  cursor: not-allowed;
}
.ant-radio-button-wrapper-disabled:first-child,
.ant-radio-button-wrapper-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #D4D4D4;
}
.ant-radio-button-wrapper-disabled:first-child {
  border-left-color: #D4D4D4;
}
.ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
  color: rgba(0, 0, 0, 0.25);
  background-color: #e6e6e6;
  border-color: #D4D4D4;
  box-shadow: none;
}
@keyframes antRadioEffect {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}
.ant-radio-group.ant-radio-group-rtl {
  direction: rtl;
}
.ant-radio-wrapper.ant-radio-wrapper-rtl {
  margin-right: 0;
  margin-left: 8px;
  direction: rtl;
}
.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl {
  border-right-width: 0;
  border-left-width: 1px;
}
.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:not(:first-child)::before {
  right: -1px;
  left: 0;
}
.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:first-child {
  border-right: 1px solid #D4D4D4;
  border-radius: 0 4px 4px 0;
}
.ant-radio-button-wrapper-checked:not([class*=' ant-radio-button-wrapper-disabled']).ant-radio-button-wrapper:first-child {
  border-right-color: #de6c26;
}
.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:last-child {
  border-radius: 4px 0 0 4px;
}
.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper-disabled:first-child {
  border-right-color: #D4D4D4;
}
.ant-rate {
  box-sizing: border-box;
  color: #404041;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.15;
  font-feature-settings: 'tnum', "tnum";
  display: inline-block;
  margin: 0;
  padding: 0;
  color: #fadb14;
  font-size: 20px;
  line-height: unset;
  list-style: none;
  outline: none;
}
.ant-rate-disabled .ant-rate-star {
  cursor: default;
}
.ant-rate-disabled .ant-rate-star > div:hover {
  transform: scale(1);
}
.ant-rate-star {
  position: relative;
  display: inline-block;
  color: inherit;
  cursor: pointer;
}
.ant-rate-star:not(:last-child) {
  margin-right: 8px;
}
.ant-rate-star > div {
  transition: all 0.3s, outline 0s;
}
.ant-rate-star > div:hover {
  transform: scale(1.1);
}
.ant-rate-star > div:focus {
  outline: 0;
}
.ant-rate-star > div:focus-visible {
  outline: 1px dashed #fadb14;
  transform: scale(1.1);
}
.ant-rate-star-first,
.ant-rate-star-second {
  color: #f0f0f0;
  transition: all 0.3s;
  -webkit-user-select: none;
          user-select: none;
}
.ant-rate-star-first .anticon,
.ant-rate-star-second .anticon {
  vertical-align: middle;
}
.ant-rate-star-first {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  overflow: hidden;
  opacity: 0;
}
.ant-rate-star-half .ant-rate-star-first,
.ant-rate-star-half .ant-rate-star-second {
  opacity: 1;
}
.ant-rate-star-half .ant-rate-star-first,
.ant-rate-star-full .ant-rate-star-second {
  color: inherit;
}
.ant-rate-text {
  display: inline-block;
  margin: 0 8px;
  font-size: 14px;
}
.ant-rate-rtl {
  direction: rtl;
}
.ant-rate-rtl .ant-rate-star:not(:last-child) {
  margin-right: 0;
  margin-left: 8px;
}
.ant-rate-rtl .ant-rate-star-first {
  right: 0;
  left: auto;
}
.ant-result {
  padding: 48px 32px;
}
.ant-result-success .ant-result-icon > .anticon {
  color: #22992E;
}
.ant-result-error .ant-result-icon > .anticon {
  color: #C52A1A;
}
.ant-result-info .ant-result-icon > .anticon {
  color: #EB8C00;
}
.ant-result-warning .ant-result-icon > .anticon {
  color: #FFBF1F;
}
.ant-result-image {
  width: 250px;
  height: 295px;
  margin: auto;
}
.ant-result-icon {
  margin-bottom: 24px;
  text-align: center;
}
.ant-result-icon > .anticon {
  font-size: 72px;
}
.ant-result-title {
  color: #000;
  font-size: 24px;
  line-height: 1.8;
  text-align: center;
}
.ant-result-subtitle {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.6;
  text-align: center;
}
.ant-result-extra {
  margin: 24px 0 0 0;
  text-align: center;
}
.ant-result-extra > * {
  margin-right: 8px;
}
.ant-result-extra > *:last-child {
  margin-right: 0;
}
.ant-result-content {
  margin-top: 24px;
  padding: 24px 40px;
  background-color: #fafafa;
}
.ant-result-rtl {
  direction: rtl;
}
.ant-result-rtl .ant-result-extra > * {
  margin-right: 0;
  margin-left: 8px;
}
.ant-result-rtl .ant-result-extra > *:last-child {
  margin-left: 0;
}
.segmented-disabled-item,
.segmented-disabled-item:hover,
.segmented-disabled-item:focus {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.segmented-item-selected {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.05), 0 1px 4px -1px rgba(0, 0, 0, 0.07), 0 0 1px 0 rgba(0, 0, 0, 0.08);
}
.segmented-text-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: keep-all;
}
.ant-segmented {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #404041;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.15;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  display: inline-block;
  padding: 2px;
  color: rgba(0, 0, 0, 0.65);
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-segmented-group {
  position: relative;
  display: flex;
  align-items: stretch;
  justify-items: flex-start;
  width: 100%;
}
.ant-segmented.ant-segmented-block {
  display: flex;
}
.ant-segmented.ant-segmented-block .ant-segmented-item {
  flex: 1 1;
  min-width: 0;
}
.ant-segmented:not(.ant-segmented-disabled):hover,
.ant-segmented:not(.ant-segmented-disabled):focus {
  background-color: rgba(0, 0, 0, 0.06);
}
.ant-segmented-item {
  position: relative;
  text-align: center;
  cursor: pointer;
  transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-segmented-item-selected {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.05), 0 1px 4px -1px rgba(0, 0, 0, 0.07), 0 0 1px 0 rgba(0, 0, 0, 0.08);
  color: #262626;
}
.ant-segmented-item:hover,
.ant-segmented-item:focus {
  color: #262626;
}
.ant-segmented-item-label {
  min-height: 32px;
  padding: 0 11px;
  line-height: 32px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: keep-all;
}
.ant-segmented-item-icon + * {
  margin-left: 6px;
}
.ant-segmented-item-input {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}
.ant-segmented.ant-segmented-lg .ant-segmented-item-label {
  min-height: 36px;
  padding: 0 11px;
  font-size: 16px;
  line-height: 36px;
}
.ant-segmented.ant-segmented-sm .ant-segmented-item-label {
  min-height: 20px;
  padding: 0 7px;
  line-height: 20px;
}
.ant-segmented-item-disabled,
.ant-segmented-item-disabled:hover,
.ant-segmented-item-disabled:focus {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-segmented-thumb {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.05), 0 1px 4px -1px rgba(0, 0, 0, 0.07), 0 0 1px 0 rgba(0, 0, 0, 0.08);
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  padding: 4px 0;
}
.ant-segmented-thumb-motion-appear-active {
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  will-change: transform, width;
}
.ant-segmented.ant-segmented-rtl {
  direction: rtl;
}
.ant-segmented.ant-segmented-rtl .ant-segmented-item-icon {
  margin-right: 0;
  margin-left: 6px;
}
.ant-select-single .ant-select-selector {
  display: flex;
}
.ant-select-single .ant-select-selector .ant-select-selection-search {
  position: absolute;
  top: 0;
  right: 11px;
  bottom: 0;
  left: 11px;
}
.ant-select-single .ant-select-selector .ant-select-selection-search-input {
  width: 100%;
}
.ant-select-single .ant-select-selector .ant-select-selection-item,
.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
  padding: 0;
  line-height: 34px;
  transition: all 0.3s, visibility 0s;
}
.ant-select-single .ant-select-selector .ant-select-selection-item {
  position: relative;
  -webkit-user-select: none;
          user-select: none;
}
.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
  transition: none;
  pointer-events: none;
}
.ant-select-single .ant-select-selector::after,
.ant-select-single .ant-select-selector .ant-select-selection-item::after,
.ant-select-single .ant-select-selector .ant-select-selection-placeholder::after {
  display: inline-block;
  width: 0;
  visibility: hidden;
  content: '\a0';
}
.ant-select-single.ant-select-show-arrow .ant-select-selection-search {
  right: 25px;
}
.ant-select-single.ant-select-show-arrow .ant-select-selection-item,
.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
  padding-right: 18px;
}
.ant-select-single.ant-select-open .ant-select-selection-item {
  color: #bfbfbf;
}
.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  width: 100%;
  height: 36px;
  padding: 0 11px;
}
.ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
  height: 34px;
}
.ant-select-single:not(.ant-select-customize-input) .ant-select-selector::after {
  line-height: 34px;
}
.ant-select-single.ant-select-customize-input .ant-select-selector::after {
  display: none;
}
.ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-search {
  position: static;
  width: 100%;
}
.ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder {
  position: absolute;
  right: 0;
  left: 0;
  padding: 0 11px;
}
.ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder::after {
  display: none;
}
.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
  height: 40px;
}
.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector::after,
.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,
.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder {
  line-height: 38px;
}
.ant-select-single.ant-select-lg:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input {
  height: 38px;
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
  height: 24px;
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector::after,
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder {
  line-height: 22px;
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input {
  height: 22px;
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selection-search {
  right: 7px;
  left: 7px;
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
  padding: 0 7px;
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search {
  right: 28px;
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item,
.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder {
  padding-right: 21px;
}
.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
  padding: 0 11px;
}
/**
 * Do not merge `height` & `line-height` under style with `selection` & `search`,
 * since chrome may update to redesign with its align logic.
 */
.ant-select-selection-overflow {
  position: relative;
  display: flex;
  flex: auto;
  flex-wrap: wrap;
  max-width: 100%;
}
.ant-select-selection-overflow-item {
  flex: none;
  align-self: center;
  max-width: 100%;
}
.ant-select-multiple .ant-select-selector {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 3px 9px;
}
.ant-select-show-search.ant-select-multiple .ant-select-selector {
  cursor: text;
}
.ant-select-disabled.ant-select-multiple .ant-select-selector {
  background: #f5f5f5;
  cursor: not-allowed;
}
.ant-select-multiple .ant-select-selector::after {
  display: inline-block;
  width: 0;
  margin: 5px 0;
  line-height: 18px;
  visibility: hidden;
  content: '\a0';
}
.ant-select-multiple.ant-select-show-arrow .ant-select-selector,
.ant-select-multiple.ant-select-allow-clear .ant-select-selector {
  padding-right: 24px;
}
.ant-select-multiple .ant-select-selection-item {
  position: relative;
  display: flex;
  flex: none;
  box-sizing: border-box;
  max-width: 100%;
  height: 18px;
  margin-top: 5px;
  margin-bottom: 5px;
  line-height: 16px;
  background: #f5f5f5;
  border: 1px solid #f0f0f0;
  border-radius: 4px;
  cursor: default;
  transition: font-size 0.3s, line-height 0.3s, height 0.3s;
  -webkit-user-select: none;
          user-select: none;
  -webkit-margin-end: 9px;
          margin-inline-end: 9px;
  -webkit-padding-start: 8px;
          padding-inline-start: 8px;
  -webkit-padding-end: 4px;
          padding-inline-end: 4px;
}
.ant-select-disabled.ant-select-multiple .ant-select-selection-item {
  color: #bfbfbf;
  border-color: #D4D4D4;
  cursor: not-allowed;
}
.ant-select-multiple .ant-select-selection-item-content {
  display: inline-block;
  margin-right: 4px;
  overflow: hidden;
  white-space: pre;
  text-overflow: ellipsis;
}
.ant-select-multiple .ant-select-selection-item-remove {
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-flex;
  align-items: center;
  color: rgba(0, 0, 0, 0.45);
  font-weight: bold;
  font-size: 10px;
  line-height: inherit;
  cursor: pointer;
}
.ant-select-multiple .ant-select-selection-item-remove > * {
  line-height: 1;
}
.ant-select-multiple .ant-select-selection-item-remove svg {
  display: inline-block;
}
.ant-select-multiple .ant-select-selection-item-remove::before {
  display: none;
}
.ant-select-multiple .ant-select-selection-item-remove .ant-select-multiple .ant-select-selection-item-remove-icon {
  display: block;
}
.ant-select-multiple .ant-select-selection-item-remove > .anticon {
  vertical-align: middle;
}
.ant-select-multiple .ant-select-selection-item-remove:hover {
  color: rgba(0, 0, 0, 0.75);
}
.ant-select-multiple .ant-select-selection-overflow-item + .ant-select-selection-overflow-item .ant-select-selection-search {
  -webkit-margin-start: 0;
          margin-inline-start: 0;
}
.ant-select-multiple .ant-select-selection-search {
  position: relative;
  max-width: 100%;
  -webkit-margin-start: 2px;
          margin-inline-start: 2px;
}
.ant-select-multiple .ant-select-selection-search-input,
.ant-select-multiple .ant-select-selection-search-mirror {
  height: 18px;
  font-family: 'PwC Helvetica Neue', Arial;
  line-height: 18px;
  transition: all 0.3s;
}
.ant-select-multiple .ant-select-selection-search-input {
  width: 100%;
  min-width: 4.1px;
}
.ant-select-multiple .ant-select-selection-search-mirror {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  white-space: pre;
  visibility: hidden;
}
.ant-select-multiple .ant-select-selection-placeholder {
  position: absolute;
  top: 50%;
  right: 11px;
  left: 11px;
  transform: translateY(-50%);
  transition: all 0.3s;
}
.ant-select-multiple.ant-select-lg .ant-select-selector::after {
  line-height: 22px;
}
.ant-select-multiple.ant-select-lg .ant-select-selection-item {
  height: 22px;
  line-height: 20px;
}
.ant-select-multiple.ant-select-lg .ant-select-selection-search {
  height: 22px;
  line-height: 22px;
}
.ant-select-multiple.ant-select-lg .ant-select-selection-search-input,
.ant-select-multiple.ant-select-lg .ant-select-selection-search-mirror {
  height: 22px;
  line-height: 20px;
}
.ant-select-multiple.ant-select-sm .ant-select-selector::after {
  line-height: 6px;
}
.ant-select-multiple.ant-select-sm .ant-select-selection-item {
  height: 6px;
  line-height: 4px;
}
.ant-select-multiple.ant-select-sm .ant-select-selection-search {
  height: 6px;
  line-height: 6px;
}
.ant-select-multiple.ant-select-sm .ant-select-selection-search-input,
.ant-select-multiple.ant-select-sm .ant-select-selection-search-mirror {
  height: 6px;
  line-height: 4px;
}
.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
  left: 7px;
}
.ant-select-multiple.ant-select-sm .ant-select-selection-search {
  -webkit-margin-start: 3px;
          margin-inline-start: 3px;
}
.ant-select-disabled .ant-select-selection-item-remove {
  display: none;
}
.ant-select-status-error.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer) .ant-select-selector {
  background-color: #fff;
  border-color: #C52A1A !important;
}
.ant-select-status-error.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer).ant-select-open .ant-select-selector,
.ant-select-status-error.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer).ant-select-focused .ant-select-selector {
  border-color: #d1503d;
  box-shadow: 0 0 0 2px rgba(197, 42, 26, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-select-status-warning.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer) .ant-select-selector {
  background-color: #fff;
  border-color: #FFBF1F !important;
}
.ant-select-status-warning.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer).ant-select-open .ant-select-selector,
.ant-select-status-warning.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer).ant-select-focused .ant-select-selector {
  border-color: #ffd147;
  box-shadow: 0 0 0 2px rgba(255, 191, 31, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-select-status-error.ant-select-has-feedback .ant-select-clear,
.ant-select-status-warning.ant-select-has-feedback .ant-select-clear,
.ant-select-status-success.ant-select-has-feedback .ant-select-clear,
.ant-select-status-validating.ant-select-has-feedback .ant-select-clear {
  right: 32px;
}
.ant-select-status-error.ant-select-has-feedback .ant-select-selection-selected-value,
.ant-select-status-warning.ant-select-has-feedback .ant-select-selection-selected-value,
.ant-select-status-success.ant-select-has-feedback .ant-select-selection-selected-value,
.ant-select-status-validating.ant-select-has-feedback .ant-select-selection-selected-value {
  padding-right: 42px;
}
/* Reset search input style */
.ant-select {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #404041;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.15;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.ant-select:not(.ant-select-customize-input) .ant-select-selector {
  position: relative;
  background-color: #fff;
  border: 1px solid #D4D4D4;
  border-radius: 4px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
  cursor: pointer;
}
.ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector {
  cursor: text;
}
.ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
  cursor: auto;
}
.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
  border-color: #de6c26;
  box-shadow: 0 0 0 2px rgba(208, 74, 2, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-rtl .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  cursor: not-allowed;
}
.ant-select-multiple.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
  background: #f5f5f5;
}
.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
  cursor: not-allowed;
}
.ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
  outline: none;
  -webkit-appearance: none;
          appearance: none;
}
.ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input::-webkit-search-cancel-button {
  display: none;
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-appearance: none;
}
.ant-select:not(.ant-select-disabled):hover .ant-select-selector {
  border-color: #de6c26;
  border-right-width: 1px;
}
.ant-input-rtl .ant-select:not(.ant-select-disabled):hover .ant-select-selector {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-select-selection-item {
  flex: 1 1;
  overflow: hidden;
  font-weight: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media all and (-ms-high-contrast: none) {
  .ant-select-selection-item *::-ms-backdrop,
  .ant-select-selection-item {
    flex: auto;
  }
}
.ant-select-selection-placeholder {
  flex: 1 1;
  overflow: hidden;
  color: #bfbfbf;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
}
@media all and (-ms-high-contrast: none) {
  .ant-select-selection-placeholder *::-ms-backdrop,
  .ant-select-selection-placeholder {
    flex: auto;
  }
}
.ant-select-arrow {
  display: inline-flex;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  right: 11px;
  display: flex;
  align-items: center;
  height: 12px;
  margin-top: -6px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  line-height: 1;
  text-align: center;
  pointer-events: none;
}
.ant-select-arrow > * {
  line-height: 1;
}
.ant-select-arrow svg {
  display: inline-block;
}
.ant-select-arrow::before {
  display: none;
}
.ant-select-arrow .ant-select-arrow-icon {
  display: block;
}
.ant-select-arrow .anticon {
  vertical-align: top;
  transition: transform 0.3s;
}
.ant-select-arrow .anticon > svg {
  vertical-align: top;
}
.ant-select-arrow .anticon:not(.ant-select-suffix) {
  pointer-events: auto;
}
.ant-select-disabled .ant-select-arrow {
  cursor: not-allowed;
}
.ant-select-arrow > *:not(:last-child) {
  -webkit-margin-end: 8px;
          margin-inline-end: 8px;
}
.ant-select-clear {
  position: absolute;
  top: 50%;
  right: 11px;
  z-index: 1;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  font-style: normal;
  line-height: 1;
  text-align: center;
  text-transform: none;
  background: #fff;
  cursor: pointer;
  opacity: 0;
  transition: color 0.3s ease, opacity 0.15s ease;
  text-rendering: auto;
}
.ant-select-clear::before {
  display: block;
}
.ant-select-clear:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-select:hover .ant-select-clear {
  opacity: 1;
}
.ant-select-dropdown {
  margin: 0;
  padding: 0;
  color: #404041;
  font-variant: tabular-nums;
  line-height: 1.15;
  list-style: none;
  font-feature-settings: 'tnum', "tnum", ;
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  box-sizing: border-box;
  padding: 4px 0;
  overflow: hidden;
  font-size: 14px;
  font-variant: initial;
  background-color: #fff;
  border-radius: 4px;
  outline: none;
  box-shadow: 0px 0px 4px 0px rgba(204, 204, 204, 0.2), 0px 4px 4px 0px rgba(204, 204, 204, 0.25);
}
.ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-bottomLeft,
.ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-bottomLeft {
  animation-name: antSlideUpIn;
}
.ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-topLeft,
.ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-topLeft {
  animation-name: antSlideDownIn;
}
.ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-bottomLeft {
  animation-name: antSlideUpOut;
}
.ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-topLeft {
  animation-name: antSlideDownOut;
}
.ant-select-dropdown-hidden {
  display: none;
}
.ant-select-dropdown-empty {
  color: rgba(0, 0, 0, 0.25);
}
.ant-select-item-empty {
  position: relative;
  display: block;
  min-height: 32px;
  padding: 5px 12px;
  color: #404041;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.25);
}
.ant-select-item {
  position: relative;
  display: block;
  min-height: 32px;
  padding: 5px 12px;
  color: #404041;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  cursor: pointer;
  transition: background 0.3s ease;
}
.ant-select-item-group {
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  cursor: default;
}
.ant-select-item-option {
  display: flex;
}
.ant-select-item-option-content {
  flex: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-select-item-option-state {
  flex: none;
}
.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: #f5f5f5;
}
.ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  color: #404041;
  font-weight: 600;
  background-color: #fff3e6;
}
.ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state {
  color: #D04A02;
}
.ant-select-item-option-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-select-item-option-disabled.ant-select-item-option-selected {
  background-color: #f5f5f5;
}
.ant-select-item-option-grouped {
  padding-left: 24px;
}
.ant-select-lg {
  font-size: 16px;
}
.ant-select-borderless .ant-select-selector {
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
.ant-select.ant-select-in-form-item {
  width: 100%;
}
.ant-select-compact-item:not(.ant-select-compact-last-item) {
  margin-right: -1px;
}
.ant-select-compact-item:not(.ant-select-compact-last-item).ant-select-compact-item-rtl {
  margin-right: 0;
  margin-left: -1px;
}
.ant-select-compact-item:hover > *,
.ant-select-compact-item:focus > *,
.ant-select-compact-item:active > * {
  z-index: 2;
}
.ant-select-compact-item.ant-select-focused > * {
  z-index: 2;
}
.ant-select-compact-item[disabled] > * {
  z-index: 0;
}
.ant-select-compact-item:not(.ant-select-compact-first-item):not(.ant-select-compact-last-item).ant-select > .ant-select-selector {
  border-radius: 0;
}
.ant-select-compact-item.ant-select-compact-first-item.ant-select:not(.ant-select-compact-last-item):not(.ant-select-compact-item-rtl) > .ant-select-selector {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-select-compact-item.ant-select-compact-last-item.ant-select:not(.ant-select-compact-first-item):not(.ant-select-compact-item-rtl) > .ant-select-selector {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-select-compact-item.ant-select.ant-select-compact-first-item.ant-select-compact-item-rtl:not(.ant-select-compact-last-item) > .ant-select-selector {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-select-compact-item.ant-select.ant-select-compact-last-item.ant-select-compact-item-rtl:not(.ant-select-compact-first-item) > .ant-select-selector {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-select-rtl {
  direction: rtl;
}
.ant-select-rtl .ant-select-arrow {
  right: initial;
  left: 11px;
}
.ant-select-rtl .ant-select-clear {
  right: initial;
  left: 11px;
}
.ant-select-dropdown-rtl {
  direction: rtl;
}
.ant-select-dropdown-rtl .ant-select-item-option-grouped {
  padding-right: 24px;
  padding-left: 12px;
}
.ant-select-rtl.ant-select-multiple.ant-select-show-arrow .ant-select-selector,
.ant-select-rtl.ant-select-multiple.ant-select-allow-clear .ant-select-selector {
  padding-right: 9px;
  padding-left: 24px;
}
.ant-select-rtl.ant-select-multiple .ant-select-selection-item {
  text-align: right;
}
.ant-select-rtl.ant-select-multiple .ant-select-selection-item-content {
  margin-right: 0;
  margin-left: 4px;
  text-align: right;
}
.ant-select-rtl.ant-select-multiple .ant-select-selection-search-mirror {
  right: 0;
  left: auto;
}
.ant-select-rtl.ant-select-multiple .ant-select-selection-placeholder {
  right: 11px;
  left: auto;
}
.ant-select-rtl.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
  right: 7px;
}
.ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-item,
.ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
  right: 0;
  left: 9px;
  text-align: right;
}
.ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-search {
  right: 11px;
  left: 25px;
}
.ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-item,
.ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
  padding-right: 0;
  padding-left: 18px;
}
.ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search {
  right: 6px;
}
.ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item,
.ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder {
  padding-right: 0;
  padding-left: 21px;
}
.ant-skeleton {
  display: table;
  width: 100%;
}
.ant-skeleton-header {
  display: table-cell;
  padding-right: 16px;
  vertical-align: top;
}
.ant-skeleton-header .ant-skeleton-avatar {
  display: inline-block;
  vertical-align: top;
  background: rgba(190, 190, 190, 0.2);
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.ant-skeleton-header .ant-skeleton-avatar.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-header .ant-skeleton-avatar-lg {
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.ant-skeleton-header .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-header .ant-skeleton-avatar-sm {
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.ant-skeleton-header .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-content {
  display: table-cell;
  width: 100%;
  vertical-align: top;
}
.ant-skeleton-content .ant-skeleton-title {
  width: 100%;
  height: 16px;
  background: rgba(190, 190, 190, 0.2);
  border-radius: 4px;
}
.ant-skeleton-content .ant-skeleton-title + .ant-skeleton-paragraph {
  margin-top: 24px;
}
.ant-skeleton-content .ant-skeleton-paragraph {
  padding: 0;
}
.ant-skeleton-content .ant-skeleton-paragraph > li {
  width: 100%;
  height: 16px;
  list-style: none;
  background: rgba(190, 190, 190, 0.2);
  border-radius: 4px;
}
.ant-skeleton-content .ant-skeleton-paragraph > li:last-child:not(:first-child):not(:nth-child(2)) {
  width: 61%;
}
.ant-skeleton-content .ant-skeleton-paragraph > li + li {
  margin-top: 16px;
}
.ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title {
  margin-top: 12px;
}
.ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title + .ant-skeleton-paragraph {
  margin-top: 28px;
}
.ant-skeleton-round .ant-skeleton-content .ant-skeleton-title,
.ant-skeleton-round .ant-skeleton-content .ant-skeleton-paragraph > li {
  border-radius: 100px;
}
.ant-skeleton-active .ant-skeleton-title,
.ant-skeleton-active .ant-skeleton-paragraph > li,
.ant-skeleton-active .ant-skeleton-avatar,
.ant-skeleton-active .ant-skeleton-button,
.ant-skeleton-active .ant-skeleton-input,
.ant-skeleton-active .ant-skeleton-image {
  position: relative;
  /* stylelint-disable-next-line property-no-vendor-prefix,value-no-vendor-prefix */
  z-index: 0;
  overflow: hidden;
  background: transparent;
}
.ant-skeleton-active .ant-skeleton-title::after,
.ant-skeleton-active .ant-skeleton-paragraph > li::after,
.ant-skeleton-active .ant-skeleton-avatar::after,
.ant-skeleton-active .ant-skeleton-button::after,
.ant-skeleton-active .ant-skeleton-input::after,
.ant-skeleton-active .ant-skeleton-image::after {
  position: absolute;
  top: 0;
  right: -150%;
  bottom: 0;
  left: -150%;
  background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%);
  animation: ant-skeleton-loading 1.4s ease infinite;
  content: '';
}
.ant-skeleton.ant-skeleton-block {
  width: 100%;
}
.ant-skeleton.ant-skeleton-block .ant-skeleton-button {
  width: 100%;
}
.ant-skeleton.ant-skeleton-block .ant-skeleton-input {
  width: 100%;
}
.ant-skeleton-element {
  display: inline-block;
  width: auto;
}
.ant-skeleton-element .ant-skeleton-button {
  display: inline-block;
  vertical-align: top;
  background: rgba(190, 190, 190, 0.2);
  border-radius: 4px;
  width: 72px;
  min-width: 72px;
  height: 36px;
  line-height: 36px;
}
.ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-square {
  width: 36px;
  min-width: 36px;
}
.ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-circle {
  width: 36px;
  min-width: 36px;
  border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-round {
  border-radius: 36px;
}
.ant-skeleton-element .ant-skeleton-button-lg {
  width: 80px;
  min-width: 80px;
  height: 40px;
  line-height: 40px;
}
.ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-square {
  width: 40px;
  min-width: 40px;
}
.ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-circle {
  width: 40px;
  min-width: 40px;
  border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-round {
  border-radius: 40px;
}
.ant-skeleton-element .ant-skeleton-button-sm {
  width: 48px;
  min-width: 48px;
  height: 24px;
  line-height: 24px;
}
.ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-square {
  width: 24px;
  min-width: 24px;
}
.ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-circle {
  width: 24px;
  min-width: 24px;
  border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-round {
  border-radius: 24px;
}
.ant-skeleton-element .ant-skeleton-avatar {
  display: inline-block;
  vertical-align: top;
  background: rgba(190, 190, 190, 0.2);
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.ant-skeleton-element .ant-skeleton-avatar.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-avatar-lg {
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.ant-skeleton-element .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-avatar-sm {
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.ant-skeleton-element .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-input {
  display: inline-block;
  vertical-align: top;
  background: rgba(190, 190, 190, 0.2);
  width: 180px;
  min-width: 180px;
  height: 36px;
  line-height: 36px;
}
.ant-skeleton-element .ant-skeleton-input-lg {
  width: 200px;
  min-width: 200px;
  height: 40px;
  line-height: 40px;
}
.ant-skeleton-element .ant-skeleton-input-sm {
  width: 120px;
  min-width: 120px;
  height: 24px;
  line-height: 24px;
}
.ant-skeleton-element .ant-skeleton-image {
  display: flex;
  align-items: center;
  justify-content: center;
  vertical-align: top;
  background: rgba(190, 190, 190, 0.2);
  width: 96px;
  height: 96px;
  line-height: 96px;
}
.ant-skeleton-element .ant-skeleton-image.ant-skeleton-image-circle {
  border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-image-path {
  fill: #bfbfbf;
}
.ant-skeleton-element .ant-skeleton-image-svg {
  width: 48px;
  height: 48px;
  line-height: 48px;
  max-width: 192px;
  max-height: 192px;
}
.ant-skeleton-element .ant-skeleton-image-svg.ant-skeleton-image-circle {
  border-radius: 50%;
}
@keyframes ant-skeleton-loading {
  0% {
    transform: translateX(-37.5%);
  }
  100% {
    transform: translateX(37.5%);
  }
}
.ant-skeleton-rtl {
  direction: rtl;
}
.ant-skeleton-rtl .ant-skeleton-header {
  padding-right: 0;
  padding-left: 16px;
}
.ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title,
.ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph > li {
  animation-name: ant-skeleton-loading-rtl;
}
.ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-avatar {
  animation-name: ant-skeleton-loading-rtl;
}
@keyframes ant-skeleton-loading-rtl {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}
.ant-slider {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #404041;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.15;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  position: relative;
  height: 12px;
  margin: 10px 6px 10px;
  padding: 4px 0;
  cursor: pointer;
  touch-action: none;
}
.ant-slider-vertical {
  width: 12px;
  height: 100%;
  margin: 6px 10px;
  padding: 0 4px;
}
.ant-slider-vertical .ant-slider-rail {
  width: 4px;
  height: 100%;
}
.ant-slider-vertical .ant-slider-track {
  width: 4px;
}
.ant-slider-vertical .ant-slider-handle {
  margin-top: -6px;
  margin-left: -5px;
}
.ant-slider-vertical .ant-slider-mark {
  top: 0;
  left: 12px;
  width: 18px;
  height: 100%;
}
.ant-slider-vertical .ant-slider-mark-text {
  left: 4px;
  white-space: nowrap;
}
.ant-slider-vertical .ant-slider-step {
  width: 4px;
  height: 100%;
}
.ant-slider-vertical .ant-slider-dot {
  top: auto;
  margin-left: -2px;
}
.ant-slider-tooltip .ant-tooltip-inner {
  min-width: unset;
}
.ant-slider-rtl.ant-slider-vertical .ant-slider-handle {
  margin-right: -5px;
  margin-left: 0;
}
.ant-slider-rtl.ant-slider-vertical .ant-slider-mark {
  right: 12px;
  left: auto;
}
.ant-slider-rtl.ant-slider-vertical .ant-slider-mark-text {
  right: 4px;
  left: auto;
}
.ant-slider-rtl.ant-slider-vertical .ant-slider-dot {
  right: 2px;
  left: auto;
}
.ant-slider-with-marks {
  margin-bottom: 28px;
}
.ant-slider-rail {
  position: absolute;
  width: 100%;
  height: 4px;
  background-color: #f5f5f5;
  border-radius: 4px;
  transition: background-color 0.3s;
}
.ant-slider-track {
  position: absolute;
  height: 4px;
  background-color: #f7b279;
  border-radius: 4px;
  transition: background-color 0.3s;
}
.ant-slider-handle {
  position: absolute;
  width: 14px;
  height: 14px;
  margin-top: -5px;
  background-color: #fff;
  border: solid 2px #f7b279;
  border-radius: 50%;
  box-shadow: 0;
  cursor: pointer;
  transition: border-color 0.3s, box-shadow 0.6s, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.ant-slider-handle-dragging {
  z-index: 1;
}
.ant-slider-handle:focus {
  border-color: #d96e35;
  outline: none;
  box-shadow: 0 0 0 5px rgba(208, 74, 2, 0.12);
}
.ant-slider-handle.ant-tooltip-open {
  border-color: #D04A02;
}
.ant-slider-handle::after {
  position: absolute;
  top: -6px;
  right: -6px;
  bottom: -6px;
  left: -6px;
  content: '';
}
.ant-slider:hover .ant-slider-rail {
  background-color: #e1e1e1;
}
.ant-slider:hover .ant-slider-track {
  background-color: #eb8f4d;
}
.ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {
  border-color: #eb8f4d;
}
.ant-slider-mark {
  position: absolute;
  top: 14px;
  left: 0;
  width: 100%;
  font-size: 14px;
}
.ant-slider-mark-text {
  position: absolute;
  display: inline-block;
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
  word-break: keep-all;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}
.ant-slider-mark-text-active {
  color: #404041;
}
.ant-slider-step {
  position: absolute;
  width: 100%;
  height: 4px;
  background: transparent;
  pointer-events: none;
}
.ant-slider-dot {
  position: absolute;
  top: -2px;
  width: 8px;
  height: 8px;
  background-color: #fff;
  border: 2px solid #f0f0f0;
  border-radius: 50%;
  cursor: pointer;
}
.ant-slider-dot-active {
  border-color: #e8a581;
}
.ant-slider-disabled {
  cursor: not-allowed;
}
.ant-slider-disabled .ant-slider-rail {
  background-color: #f5f5f5 !important;
}
.ant-slider-disabled .ant-slider-track {
  background-color: rgba(0, 0, 0, 0.25) !important;
}
.ant-slider-disabled .ant-slider-handle,
.ant-slider-disabled .ant-slider-dot {
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.25) !important;
  box-shadow: none;
  cursor: not-allowed;
}
.ant-slider-disabled .ant-slider-mark-text,
.ant-slider-disabled .ant-slider-dot {
  cursor: not-allowed !important;
}
.ant-slider-rtl {
  direction: rtl;
}
.ant-slider-rtl .ant-slider-mark {
  right: 0;
  left: auto;
}
.ant-space {
  display: inline-flex;
}
.ant-space-vertical {
  flex-direction: column;
}
.ant-space-align-center {
  align-items: center;
}
.ant-space-align-start {
  align-items: flex-start;
}
.ant-space-align-end {
  align-items: flex-end;
}
.ant-space-align-baseline {
  align-items: baseline;
}
.ant-space-item:empty {
  display: none;
}
.ant-space-compact {
  display: inline-flex;
}
.ant-space-compact-block {
  display: flex;
  width: 100%;
}
.ant-space-compact-vertical {
  flex-direction: column;
}
.ant-space-rtl {
  direction: rtl;
}
.ant-space-compact-rtl {
  direction: rtl;
}
.ant-spin {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #404041;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.15;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  position: absolute;
  display: none;
  color: #D04A02;
  font-size: 0;
  text-align: center;
  vertical-align: middle;
  opacity: 0;
  transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-spin-spinning {
  position: static;
  display: inline-block;
  opacity: 1;
}
.ant-spin-nested-loading {
  position: relative;
}
.ant-spin-nested-loading > div > .ant-spin {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  display: block;
  width: 100%;
  height: 100%;
  max-height: 400px;
}
.ant-spin-nested-loading > div > .ant-spin .ant-spin-dot {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -10px;
}
.ant-spin-nested-loading > div > .ant-spin .ant-spin-text {
  position: absolute;
  top: 50%;
  width: 100%;
  padding-top: 5px;
  font-size: 14px;
  text-shadow: 0 1px 2px #fff;
}
.ant-spin-nested-loading > div > .ant-spin.ant-spin-show-text .ant-spin-dot {
  margin-top: -20px;
}
.ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-dot {
  margin: -7px;
}
.ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-text {
  padding-top: 2px;
}
.ant-spin-nested-loading > div > .ant-spin-sm.ant-spin-show-text .ant-spin-dot {
  margin-top: -17px;
}
.ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-dot {
  margin: -16px;
}
.ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-text {
  padding-top: 11px;
}
.ant-spin-nested-loading > div > .ant-spin-lg.ant-spin-show-text .ant-spin-dot {
  margin-top: -26px;
}
.ant-spin-container {
  position: relative;
  transition: opacity 0.3s;
}
.ant-spin-container::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: none \9;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0;
  transition: all 0.3s;
  content: '';
  pointer-events: none;
}
.ant-spin-blur {
  clear: both;
  opacity: 0.5;
  -webkit-user-select: none;
          user-select: none;
  pointer-events: none;
}
.ant-spin-blur::after {
  opacity: 0.4;
  pointer-events: auto;
}
.ant-spin-tip {
  color: rgba(0, 0, 0, 0.45);
}
.ant-spin-dot {
  position: relative;
  display: inline-block;
  font-size: 20px;
  width: 1em;
  height: 1em;
}
.ant-spin-dot-item {
  position: absolute;
  display: block;
  width: 9px;
  height: 9px;
  background-color: #D04A02;
  border-radius: 100%;
  transform: scale(0.75);
  transform-origin: 50% 50%;
  opacity: 0.3;
  animation: antSpinMove 1s infinite linear alternate;
}
.ant-spin-dot-item:nth-child(1) {
  top: 0;
  left: 0;
}
.ant-spin-dot-item:nth-child(2) {
  top: 0;
  right: 0;
  animation-delay: 0.4s;
}
.ant-spin-dot-item:nth-child(3) {
  right: 0;
  bottom: 0;
  animation-delay: 0.8s;
}
.ant-spin-dot-item:nth-child(4) {
  bottom: 0;
  left: 0;
  animation-delay: 1.2s;
}
.ant-spin-dot-spin {
  transform: rotate(0deg);
  animation: antRotate 1.2s infinite linear;
}
.ant-spin-sm .ant-spin-dot {
  font-size: 14px;
}
.ant-spin-sm .ant-spin-dot i {
  width: 6px;
  height: 6px;
}
.ant-spin-lg .ant-spin-dot {
  font-size: 32px;
}
.ant-spin-lg .ant-spin-dot i {
  width: 14px;
  height: 14px;
}
.ant-spin.ant-spin-show-text .ant-spin-text {
  display: block;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ */
  .ant-spin-blur {
    background: #fff;
    opacity: 0.5;
  }
}
@keyframes antSpinMove {
  to {
    opacity: 1;
  }
}
@keyframes antRotate {
  to {
    transform: rotate(360deg);
  }
}
.ant-spin-rtl {
  direction: rtl;
}
.ant-spin-rtl .ant-spin-dot-spin {
  transform: rotate(-45deg);
  animation-name: antRotateRtl;
}
@keyframes antRotateRtl {
  to {
    transform: rotate(-405deg);
  }
}
.ant-statistic {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #404041;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.15;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
}
.ant-statistic-title {
  margin-bottom: 4px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-statistic-skeleton {
  padding-top: 16px;
}
.ant-statistic-content {
  color: #000;
  font-size: 24px;
  font-family: 'PwC Helvetica Neue', Arial;
}
.ant-statistic-content-value {
  display: inline-block;
  direction: ltr;
}
.ant-statistic-content-prefix,
.ant-statistic-content-suffix {
  display: inline-block;
}
.ant-statistic-content-prefix {
  margin-right: 4px;
}
.ant-statistic-content-suffix {
  margin-left: 4px;
}
.ant-statistic-rtl {
  direction: rtl;
}
.ant-statistic-rtl .ant-statistic-content-prefix {
  margin-right: 0;
  margin-left: 4px;
}
.ant-statistic-rtl .ant-statistic-content-suffix {
  margin-right: 4px;
  margin-left: 0;
}
.ant-steps {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #404041;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.15;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  display: flex;
  width: 100%;
  font-size: 0;
  text-align: initial;
}
.ant-steps-item {
  position: relative;
  display: inline-block;
  flex: 1 1;
  overflow: hidden;
  vertical-align: top;
}
.ant-steps-item-container {
  outline: none;
}
.ant-steps-item:last-child {
  flex: none;
}
.ant-steps-item:last-child > .ant-steps-item-container > .ant-steps-item-tail,
.ant-steps-item:last-child > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  display: none;
}
.ant-steps-item-icon,
.ant-steps-item-content {
  display: inline-block;
  vertical-align: top;
}
.ant-steps-item-icon {
  width: 32px;
  height: 32px;
  margin: 0 8px 0 0;
  font-size: 16px;
  font-family: 'PwC Helvetica Neue', Arial;
  line-height: 32px;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 32px;
  transition: background-color 0.3s, border-color 0.3s;
}
.ant-steps-item-icon .ant-steps-icon {
  position: relative;
  top: -0.5px;
  color: #D04A02;
  line-height: 1;
}
.ant-steps-item-tail {
  position: absolute;
  top: 12px;
  left: 0;
  width: 100%;
  padding: 0 10px;
}
.ant-steps-item-tail::after {
  display: inline-block;
  width: 100%;
  height: 1px;
  background: #f0f0f0;
  border-radius: 1px;
  transition: background 0.3s;
  content: '';
}
.ant-steps-item-title {
  position: relative;
  display: inline-block;
  padding-right: 16px;
  color: #404041;
  font-size: 16px;
  line-height: 36px;
}
.ant-steps-item-title::after {
  position: absolute;
  top: 18px;
  left: 100%;
  display: block;
  width: 9999px;
  height: 1px;
  background: #f0f0f0;
  content: '';
}
.ant-steps-item-subtitle {
  display: inline;
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.45);
  font-weight: normal;
  font-size: 14px;
}
.ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-steps-item-wait .ant-steps-item-icon {
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon {
  color: rgba(0, 0, 0, 0.25);
}
.ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: rgba(0, 0, 0, 0.25);
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: rgba(0, 0, 0, 0.45);
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #f0f0f0;
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #f0f0f0;
}
.ant-steps-item-process .ant-steps-item-icon {
  background-color: #fff;
  border-color: #D04A02;
}
.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
  color: #D04A02;
}
.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: #D04A02;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: #000;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #f0f0f0;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  color: #404041;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #f0f0f0;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-icon {
  background: #D04A02;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-icon .ant-steps-icon {
  color: #fff;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-title {
  font-weight: 500;
}
.ant-steps-item-finish .ant-steps-item-icon {
  background-color: #fff;
  border-color: #D04A02;
}
.ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon {
  color: #D04A02;
}
.ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: #D04A02;
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: #404041;
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #D04A02;
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #D04A02;
}
.ant-steps-item-error .ant-steps-item-icon {
  background-color: #fff;
  border-color: #C52A1A;
}
.ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon {
  color: #C52A1A;
}
.ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: #C52A1A;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: #C52A1A;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #f0f0f0;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  color: #C52A1A;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #f0f0f0;
}
.ant-steps-item.ant-steps-next-error .ant-steps-item-title::after {
  background: #C52A1A;
}
.ant-steps-item-disabled {
  cursor: not-allowed;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] {
  cursor: pointer;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-title,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-subtitle,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-description,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-icon .ant-steps-icon {
  transition: color 0.3s;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-title,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-subtitle,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-description {
  color: #D04A02;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role='button']:hover .ant-steps-item-icon {
  border-color: #D04A02;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role='button']:hover .ant-steps-item-icon .ant-steps-icon {
  color: #D04A02;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
  padding-left: 16px;
  white-space: nowrap;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child {
  padding-left: 0;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child .ant-steps-item-title {
  padding-right: 0;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-tail {
  display: none;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-description {
  max-width: 140px;
  white-space: normal;
}
.ant-steps-item-custom > .ant-steps-item-container > .ant-steps-item-icon {
  height: auto;
  background: none;
  border: 0;
}
.ant-steps-item-custom > .ant-steps-item-container > .ant-steps-item-icon > .ant-steps-icon {
  top: 0px;
  left: 0.5px;
  width: 32px;
  height: 32px;
  font-size: 24px;
  line-height: 32px;
}
.ant-steps-item-custom.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
  color: #D04A02;
}
.ant-steps:not(.ant-steps-vertical) .ant-steps-item-custom .ant-steps-item-icon {
  width: auto;
  background: none;
}
.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
  padding-left: 12px;
}
.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child {
  padding-left: 0;
}
.ant-steps-small .ant-steps-item-icon {
  width: 24px;
  height: 24px;
  margin: 0 8px 0 0;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  border-radius: 24px;
}
.ant-steps-small .ant-steps-item-title {
  padding-right: 12px;
  font-size: 14px;
  line-height: 24px;
}
.ant-steps-small .ant-steps-item-title::after {
  top: 12px;
}
.ant-steps-small .ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-steps-small .ant-steps-item-tail {
  top: 8px;
}
.ant-steps-small .ant-steps-item-custom .ant-steps-item-icon {
  width: inherit;
  height: inherit;
  line-height: inherit;
  background: none;
  border: 0;
  border-radius: 0;
}
.ant-steps-small .ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon {
  font-size: 24px;
  line-height: 24px;
  transform: none;
}
.ant-steps-vertical {
  display: flex;
  flex-direction: column;
}
.ant-steps-vertical > .ant-steps-item {
  display: block;
  flex: 1 0 auto;
  padding-left: 0;
  overflow: visible;
}
.ant-steps-vertical > .ant-steps-item .ant-steps-item-icon {
  float: left;
  margin-right: 16px;
}
.ant-steps-vertical > .ant-steps-item .ant-steps-item-content {
  display: block;
  min-height: 48px;
  overflow: hidden;
}
.ant-steps-vertical > .ant-steps-item .ant-steps-item-title {
  line-height: 32px;
}
.ant-steps-vertical > .ant-steps-item .ant-steps-item-description {
  padding-bottom: 12px;
}
.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  position: absolute;
  top: 0;
  left: 15px;
  width: 1px;
  height: 100%;
  padding: 38px 0 6px;
}
.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail::after {
  width: 1px;
  height: 100%;
}
.ant-steps-vertical > .ant-steps-item:not(:last-child) > .ant-steps-item-container > .ant-steps-item-tail {
  display: block;
}
.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  display: none;
}
.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-tail {
  position: absolute;
  top: 0;
  left: 11px;
  padding: 30px 0 6px;
}
.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-title {
  line-height: 24px;
}
.ant-steps-label-vertical .ant-steps-item {
  overflow: visible;
}
.ant-steps-label-vertical .ant-steps-item-tail {
  margin-left: 58px;
  padding: 3.5px 24px;
}
.ant-steps-label-vertical .ant-steps-item-content {
  display: block;
  width: 116px;
  margin-top: 8px;
  text-align: center;
}
.ant-steps-label-vertical .ant-steps-item-icon {
  display: inline-block;
  margin-left: 42px;
}
.ant-steps-label-vertical .ant-steps-item-title {
  padding-right: 0;
  padding-left: 0;
}
.ant-steps-label-vertical .ant-steps-item-title::after {
  display: none;
}
.ant-steps-label-vertical .ant-steps-item-subtitle {
  display: block;
  margin-bottom: 4px;
  margin-left: 0;
  line-height: 1.15;
}
.ant-steps-label-vertical.ant-steps-small:not(.ant-steps-dot) .ant-steps-item-icon {
  margin-left: 46px;
}
.ant-steps-dot .ant-steps-item-title,
.ant-steps-dot.ant-steps-small .ant-steps-item-title {
  line-height: 1.15;
}
.ant-steps-dot .ant-steps-item-tail,
.ant-steps-dot.ant-steps-small .ant-steps-item-tail {
  top: 2px;
  width: 100%;
  margin: 0 0 0 70px;
  padding: 0;
}
.ant-steps-dot .ant-steps-item-tail::after,
.ant-steps-dot.ant-steps-small .ant-steps-item-tail::after {
  width: calc(100% - 20px);
  height: 3px;
  margin-left: 12px;
}
.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item:first-child .ant-steps-icon-dot {
  left: 2px;
}
.ant-steps-dot .ant-steps-item-icon,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon {
  width: 8px;
  height: 8px;
  margin-left: 67px;
  padding-right: 0;
  line-height: 8px;
  background: transparent;
  border: 0;
}
.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  transition: all 0.3s;
  /* expand hover area */
}
.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot::after {
  position: absolute;
  top: -12px;
  left: -26px;
  width: 60px;
  height: 32px;
  background: rgba(0, 0, 0, 0.001);
  content: '';
}
.ant-steps-dot .ant-steps-item-content,
.ant-steps-dot.ant-steps-small .ant-steps-item-content {
  width: 140px;
}
.ant-steps-dot .ant-steps-item-process .ant-steps-item-icon,
.ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-item-icon {
  position: relative;
  top: -1px;
  width: 10px;
  height: 10px;
  line-height: 10px;
  background: none;
}
.ant-steps-dot .ant-steps-item-process .ant-steps-icon:first-child .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-icon:first-child .ant-steps-icon-dot {
  left: 0;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item-icon {
  margin-top: 13px;
  margin-left: 0;
  background: none;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  top: 6.5px;
  left: -9px;
  margin: 0;
  padding: 22px 0 4px;
}
.ant-steps-vertical.ant-steps-dot.ant-steps-small .ant-steps-item-icon {
  margin-top: 10px;
}
.ant-steps-vertical.ant-steps-dot.ant-steps-small .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  top: 3.5px;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot {
  left: 0;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item-content {
  width: inherit;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-item-container .ant-steps-item-icon .ant-steps-icon-dot {
  top: -1px;
  left: -1px;
}
.ant-steps-navigation {
  padding-top: 12px;
}
.ant-steps-navigation.ant-steps-small .ant-steps-item-container {
  margin-left: -12px;
}
.ant-steps-navigation .ant-steps-item {
  overflow: visible;
  text-align: center;
}
.ant-steps-navigation .ant-steps-item-container {
  display: inline-block;
  height: 100%;
  margin-left: -16px;
  padding-bottom: 12px;
  text-align: left;
  transition: opacity 0.3s;
}
.ant-steps-navigation .ant-steps-item-container .ant-steps-item-content {
  max-width: auto;
}
.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title {
  max-width: 100%;
  padding-right: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title::after {
  display: none;
}
.ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role='button'] {
  cursor: pointer;
}
.ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role='button']:hover {
  opacity: 0.85;
}
.ant-steps-navigation .ant-steps-item:last-child {
  flex: 1 1;
}
.ant-steps-navigation .ant-steps-item:last-child::after {
  display: none;
}
.ant-steps-navigation .ant-steps-item::after {
  position: absolute;
  top: 50%;
  left: 100%;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-top: -14px;
  margin-left: -2px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-bottom: none;
  border-left: none;
  transform: rotate(45deg);
  content: '';
}
.ant-steps-navigation .ant-steps-item::before {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: inline-block;
  width: 0;
  height: 2px;
  background-color: #D04A02;
  transition: width 0.3s, left 0.3s;
  transition-timing-function: ease-out;
  content: '';
}
.ant-steps-navigation .ant-steps-item.ant-steps-item-active::before {
  left: 0;
  width: 100%;
}
.ant-steps-navigation.ant-steps-vertical > .ant-steps-item {
  margin-right: 0 !important;
}
.ant-steps-navigation.ant-steps-vertical > .ant-steps-item::before {
  display: none;
}
.ant-steps-navigation.ant-steps-vertical > .ant-steps-item.ant-steps-item-active::before {
  top: 0;
  right: 0;
  left: unset;
  display: block;
  width: 3px;
  height: calc(100% - 24px);
}
.ant-steps-navigation.ant-steps-vertical > .ant-steps-item::after {
  position: relative;
  top: -2px;
  left: 50%;
  display: block;
  width: 8px;
  height: 8px;
  margin-bottom: 8px;
  text-align: center;
  transform: rotate(135deg);
}
.ant-steps-navigation.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  visibility: hidden;
}
.ant-steps-navigation.ant-steps-horizontal > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  visibility: hidden;
}
.ant-steps-rtl {
  direction: rtl;
}
.ant-steps.ant-steps-rtl .ant-steps-item-icon {
  margin-right: 0;
  margin-left: 8px;
}
.ant-steps-rtl .ant-steps-item-tail {
  right: 0;
  left: auto;
}
.ant-steps-rtl .ant-steps-item-title {
  padding-right: 0;
  padding-left: 16px;
}
.ant-steps-rtl .ant-steps-item-title .ant-steps-item-subtitle {
  float: left;
  margin-right: 8px;
  margin-left: 0;
}
.ant-steps-rtl .ant-steps-item-title::after {
  right: 100%;
  left: auto;
}
.ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
  padding-right: 16px;
  padding-left: 0;
}
.ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child {
  padding-right: 0;
}
.ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child .ant-steps-item-title {
  padding-left: 0;
}
.ant-steps-rtl .ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon {
  right: 0.5px;
  left: auto;
}
.ant-steps-rtl.ant-steps-navigation.ant-steps-small .ant-steps-item-container {
  margin-right: -12px;
  margin-left: 0;
}
.ant-steps-rtl.ant-steps-navigation .ant-steps-item-container {
  margin-right: -16px;
  margin-left: 0;
  text-align: right;
}
.ant-steps-rtl.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title {
  padding-left: 0;
}
.ant-steps-rtl.ant-steps-navigation .ant-steps-item::after {
  right: 100%;
  left: auto;
  margin-right: -2px;
  margin-left: 0;
  transform: rotate(225deg);
}
.ant-steps-rtl.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
  padding-right: 12px;
  padding-left: 0;
}
.ant-steps-rtl.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child {
  padding-right: 0;
}
.ant-steps-rtl.ant-steps-small .ant-steps-item-title {
  padding-right: 0;
  padding-left: 12px;
}
.ant-steps-rtl.ant-steps-vertical > .ant-steps-item .ant-steps-item-icon {
  float: right;
  margin-right: 0;
  margin-left: 16px;
}
.ant-steps-rtl.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  right: 16px;
  left: auto;
}
.ant-steps-rtl.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-tail {
  right: 12px;
  left: auto;
}
.ant-steps-rtl.ant-steps-label-vertical .ant-steps-item-title {
  padding-left: 0;
}
.ant-steps-rtl.ant-steps-dot .ant-steps-item-tail,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-tail {
  margin: 0 70px 0 0;
}
.ant-steps-rtl.ant-steps-dot .ant-steps-item-tail::after,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-tail::after {
  margin-right: 12px;
  margin-left: 0;
}
.ant-steps-rtl.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item:first-child .ant-steps-icon-dot {
  right: 2px;
  left: auto;
}
.ant-steps-rtl.ant-steps-dot .ant-steps-item-icon,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon {
  margin-right: 67px;
  margin-left: 0;
}
.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot {
  /* expand hover area */
}
.ant-steps-rtl.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot {
  float: right;
}
.ant-steps-rtl.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot::after {
  right: -26px;
  left: auto;
}
.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item-icon {
  margin-right: 0;
  margin-left: 16px;
}
.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  right: -9px;
  left: auto;
}
.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot {
  right: 0;
  left: auto;
}
.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-icon-dot {
  right: -2px;
  left: auto;
}
.ant-steps-rtl.ant-steps-with-progress.ant-steps-vertical > .ant-steps-item {
  padding-right: 4px;
}
.ant-steps-rtl.ant-steps-with-progress.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  right: 19px;
}
.ant-steps-rtl.ant-steps-with-progress.ant-steps-small.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  right: 15px;
}
.ant-steps-rtl.ant-steps-with-progress.ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:first-child {
  padding-right: 4px;
  padding-left: 0;
}
.ant-steps-rtl.ant-steps-with-progress.ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:first-child.ant-steps-item-active {
  padding-right: 4px;
}
.ant-steps-with-progress .ant-steps-item {
  padding-top: 4px;
}
.ant-steps-with-progress .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  top: 4px;
  left: 19px;
}
.ant-steps-with-progress.ant-steps-horizontal .ant-steps-item:first-child,
.ant-steps-with-progress.ant-steps-small.ant-steps-horizontal .ant-steps-item:first-child {
  padding-bottom: 4px;
  padding-left: 4px;
}
.ant-steps-with-progress.ant-steps-small > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  left: 15px;
}
.ant-steps-with-progress.ant-steps-vertical .ant-steps-item {
  padding-left: 4px;
}
.ant-steps-with-progress.ant-steps-label-vertical .ant-steps-item .ant-steps-item-tail {
  top: 14px !important;
}
.ant-steps-with-progress .ant-steps-item-icon {
  position: relative;
}
.ant-steps-with-progress .ant-steps-item-icon .ant-progress {
  position: absolute;
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
}
.ant-switch {
  margin: 0;
  padding: 0;
  color: #404041;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.15;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  min-width: 44px;
  height: 22px;
  line-height: 22px;
  vertical-align: middle;
  background-color: rgba(0, 0, 0, 0.25);
  border: 0;
  border-radius: 100px;
  cursor: pointer;
  transition: all 0.2s;
  -webkit-user-select: none;
          user-select: none;
}
.ant-switch:focus {
  outline: 0;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}
.ant-switch-checked:focus {
  box-shadow: 0 0 0 2px #fff3e6;
}
.ant-switch:focus:hover {
  box-shadow: none;
}
.ant-switch-checked {
  background-color: #EB8C00;
}
.ant-switch-loading,
.ant-switch-disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.ant-switch-loading *,
.ant-switch-disabled * {
  box-shadow: none;
  cursor: not-allowed;
}
.ant-switch-inner {
  display: block;
  margin: 0 7px 0 25px;
  color: #fff;
  font-size: 12px;
  transition: margin 0.2s;
}
.ant-switch-checked .ant-switch-inner {
  margin: 0 25px 0 7px;
}
.ant-switch-handle {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 18px;
  height: 18px;
  transition: all 0.2s ease-in-out;
}
.ant-switch-handle::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
  border-radius: 9px;
  box-shadow: 0 2px 4px 0 rgba(0, 35, 11, 0.2);
  transition: all 0.2s ease-in-out;
  content: '';
}
.ant-switch-checked .ant-switch-handle {
  left: calc(100% - 18px - 2px);
}
.ant-switch:not(.ant-switch-disabled):active .ant-switch-handle::before {
  right: -30%;
  left: 0;
}
.ant-switch:not(.ant-switch-disabled):active.ant-switch-checked .ant-switch-handle::before {
  right: 0;
  left: -30%;
}
.ant-switch-loading-icon.anticon {
  position: relative;
  top: 2px;
  color: rgba(0, 0, 0, 0.65);
  vertical-align: top;
}
.ant-switch-checked .ant-switch-loading-icon {
  color: #EB8C00;
}
.ant-switch-small {
  min-width: 28px;
  height: 16px;
  line-height: 16px;
}
.ant-switch-small .ant-switch-inner {
  margin: 0 5px 0 18px;
  font-size: 12px;
}
.ant-switch-small .ant-switch-handle {
  width: 12px;
  height: 12px;
}
.ant-switch-small .ant-switch-loading-icon {
  top: 1.5px;
  font-size: 9px;
}
.ant-switch-small.ant-switch-checked .ant-switch-inner {
  margin: 0 18px 0 5px;
}
.ant-switch-small.ant-switch-checked .ant-switch-handle {
  left: calc(100% - 12px - 2px);
}
.ant-switch-rtl {
  direction: rtl;
}
.ant-switch-rtl .ant-switch-inner {
  margin: 0 25px 0 7px;
}
.ant-switch-rtl .ant-switch-handle {
  right: 2px;
  left: auto;
}
.ant-switch-rtl:not(.ant-switch-rtl-disabled):active .ant-switch-handle::before {
  right: 0;
  left: -30%;
}
.ant-switch-rtl:not(.ant-switch-rtl-disabled):active.ant-switch-checked .ant-switch-handle::before {
  right: -30%;
  left: 0;
}
.ant-switch-rtl.ant-switch-checked .ant-switch-inner {
  margin: 0 7px 0 25px;
}
.ant-switch-rtl.ant-switch-checked .ant-switch-handle {
  right: calc(100% - 18px - 2px);
}
.ant-switch-rtl.ant-switch-small.ant-switch-checked .ant-switch-handle {
  right: calc(100% - 12px - 2px);
}
.ant-table.ant-table-middle {
  font-size: 14px;
}
.ant-table.ant-table-middle .ant-table-title,
.ant-table.ant-table-middle .ant-table-footer,
.ant-table.ant-table-middle .ant-table-thead > tr > th,
.ant-table.ant-table-middle .ant-table-tbody > tr > td,
.ant-table.ant-table-middle tfoot > tr > th,
.ant-table.ant-table-middle tfoot > tr > td {
  padding: 7.5px 12px;
}
.ant-table.ant-table-middle .ant-table-filter-trigger {
  margin-right: -6px;
}
.ant-table.ant-table-middle .ant-table-expanded-row-fixed {
  margin: -7.5px -12px;
}
.ant-table.ant-table-middle .ant-table-tbody .ant-table-wrapper:only-child .ant-table {
  margin: -7.5px -12px -7.5px 36px;
}
.ant-table.ant-table-middle .ant-table-selection-column {
  -webkit-padding-start: 3px;
          padding-inline-start: 3px;
}
.ant-table.ant-table-small {
  font-size: 14px;
}
.ant-table.ant-table-small .ant-table-title,
.ant-table.ant-table-small .ant-table-footer,
.ant-table.ant-table-small .ant-table-thead > tr > th,
.ant-table.ant-table-small .ant-table-tbody > tr > td,
.ant-table.ant-table-small tfoot > tr > th,
.ant-table.ant-table-small tfoot > tr > td {
  padding: 5px 12px;
}
.ant-table.ant-table-small .ant-table-filter-trigger {
  margin-right: -6px;
}
.ant-table.ant-table-small .ant-table-expanded-row-fixed {
  margin: -5px -12px;
}
.ant-table.ant-table-small .ant-table-tbody .ant-table-wrapper:only-child .ant-table {
  margin: -5px -12px -5px 36px;
}
.ant-table.ant-table-small .ant-table-selection-column {
  -webkit-padding-start: 3px;
          padding-inline-start: 3px;
}
.ant-table.ant-table-bordered > .ant-table-title {
  border: 1px solid #f0f0f0;
  border-bottom: 0;
}
.ant-table.ant-table-bordered > .ant-table-container {
  border-left: 1px solid #f0f0f0;
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tfoot > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tfoot > tr > td {
  border-right: 1px solid #f0f0f0;
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr:not(:last-child) > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr:not(:last-child) > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr:not(:last-child) > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr:not(:last-child) > th {
  border-bottom: 1px solid #f0f0f0;
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > th::before,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > th::before,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > th::before,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr > th::before {
  background-color: transparent !important;
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tfoot > tr > .ant-table-cell-fix-right-first::after {
  border-right: 1px solid #f0f0f0;
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > td > .ant-table-expanded-row-fixed {
  margin: -10px -25px;
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td > .ant-table-expanded-row-fixed::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > td > .ant-table-expanded-row-fixed::after {
  position: absolute;
  top: 0;
  right: 1px;
  bottom: 0;
  border-right: 1px solid #f0f0f0;
  content: '';
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table {
  border-top: 1px solid #f0f0f0;
}
.ant-table.ant-table-bordered.ant-table-scroll-horizontal > .ant-table-container > .ant-table-body > table > tbody > tr.ant-table-expanded-row > td,
.ant-table.ant-table-bordered.ant-table-scroll-horizontal > .ant-table-container > .ant-table-body > table > tbody > tr.ant-table-placeholder > td {
  border-right: 0;
}
.ant-table.ant-table-bordered.ant-table-middle > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered.ant-table-middle > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed {
  margin: -7.5px -13px;
}
.ant-table.ant-table-bordered.ant-table-small > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered.ant-table-small > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed {
  margin: -5px -13px;
}
.ant-table.ant-table-bordered > .ant-table-footer {
  border: 1px solid #f0f0f0;
  border-top: 0;
}
.ant-table-cell .ant-table-container:first-child {
  border-top: 0;
}
.ant-table-cell-scrollbar:not([rowspan]) {
  box-shadow: 0 1px 0 1px #fafafa;
}
.ant-table-wrapper {
  clear: both;
  max-width: 100%;
}
.ant-table-wrapper::before {
  display: table;
  content: '';
}
.ant-table-wrapper::after {
  display: table;
  clear: both;
  content: '';
}
.ant-table-wrapper::before {
  display: table;
  content: '';
}
.ant-table-wrapper::after {
  display: table;
  clear: both;
  content: '';
}
.ant-table {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #404041;
  font-variant: tabular-nums;
  line-height: 1.15;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  position: relative;
  font-size: 14px;
  background: #fff;
  border-radius: 4px;
}
.ant-table table {
  width: 100%;
  text-align: left;
  border-radius: 4px 4px 0 0;
  border-collapse: separate;
  border-spacing: 0;
}
.ant-table-thead > tr > th,
.ant-table-tbody > tr > td,
.ant-table tfoot > tr > th,
.ant-table tfoot > tr > td {
  position: relative;
  padding: 10px 24px;
  overflow-wrap: break-word;
}
.ant-table-cell-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: keep-all;
}
.ant-table-cell-ellipsis.ant-table-cell-fix-left-last,
.ant-table-cell-ellipsis.ant-table-cell-fix-right-first {
  overflow: visible;
}
.ant-table-cell-ellipsis.ant-table-cell-fix-left-last .ant-table-cell-content,
.ant-table-cell-ellipsis.ant-table-cell-fix-right-first .ant-table-cell-content {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ant-table-cell-ellipsis .ant-table-column-title {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: keep-all;
}
.ant-table-title {
  padding: 10px 24px;
}
.ant-table-footer {
  padding: 10px 24px;
  color: #000;
  background: #fafafa;
}
.ant-table-thead > tr > th {
  position: relative;
  color: #000;
  font-weight: 500;
  text-align: left;
  background: #fafafa;
  border-bottom: 1px solid #f0f0f0;
  transition: background 0.3s ease;
}
.ant-table-thead > tr > th[colspan]:not([colspan='1']) {
  text-align: center;
}
.ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 1.6em;
  background-color: rgba(0, 0, 0, 0.06);
  transform: translateY(-50%);
  transition: background-color 0.3s;
  content: '';
}
.ant-table-thead > tr:not(:last-child) > th[colspan] {
  border-bottom: 0;
}
.ant-table-tbody > tr > td {
  border-bottom: 1px solid #f0f0f0;
  transition: background 0.3s;
}
.ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table,
.ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table {
  margin: -10px -24px -10px 24px;
}
.ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td,
.ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td {
  border-bottom: 0;
}
.ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:first-child,
.ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:first-child,
.ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:last-child,
.ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:last-child {
  border-radius: 0;
}
.ant-table-tbody > tr.ant-table-row:hover > td,
.ant-table-tbody > tr > td.ant-table-cell-row-hover {
  background: #fafafa;
}
.ant-table-tbody > tr.ant-table-row-selected > td {
  background: #fff3e6;
  border-color: rgba(0, 0, 0, 0.03);
}
.ant-table-tbody > tr.ant-table-row-selected:hover > td {
  background: #ffeedc;
}
.ant-table-summary {
  position: relative;
  z-index: 2;
  background: #fff;
}
div.ant-table-summary {
  box-shadow: 0 -1px 0 #f0f0f0;
}
.ant-table-summary > tr > th,
.ant-table-summary > tr > td {
  border-bottom: 1px solid #f0f0f0;
}
.ant-table-pagination.ant-pagination {
  margin: 16px 0;
}
.ant-table-pagination {
  display: flex;
  flex-wrap: wrap;
  grid-row-gap: 8px;
  row-gap: 8px;
}
.ant-table-pagination > * {
  flex: none;
}
.ant-table-pagination-left {
  justify-content: flex-start;
}
.ant-table-pagination-center {
  justify-content: center;
}
.ant-table-pagination-right {
  justify-content: flex-end;
}
.ant-table-thead th.ant-table-column-has-sorters {
  outline: none;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-table-thead th.ant-table-column-has-sorters:hover {
  background: rgba(0, 0, 0, 0.04);
}
.ant-table-thead th.ant-table-column-has-sorters:hover::before {
  background-color: transparent !important;
}
.ant-table-thead th.ant-table-column-has-sorters:focus-visible {
  color: #D04A02;
}
.ant-table-thead th.ant-table-column-has-sorters.ant-table-cell-fix-left:hover,
.ant-table-thead th.ant-table-column-has-sorters.ant-table-cell-fix-right:hover {
  background: #f5f5f5;
}
.ant-table-thead th.ant-table-column-sort {
  background: #f5f5f5;
}
.ant-table-thead th.ant-table-column-sort::before {
  background-color: transparent !important;
}
td.ant-table-column-sort {
  background: #fafafa;
}
.ant-table-column-title {
  position: relative;
  z-index: 1;
  flex: 1 1;
}
.ant-table-column-sorters {
  display: flex;
  flex: auto;
  align-items: center;
  justify-content: space-between;
}
.ant-table-column-sorters::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
}
.ant-table-column-sorter {
  margin-left: 4px;
  color: #bfbfbf;
  font-size: 0;
  transition: color 0.3s;
}
.ant-table-column-sorter-inner {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}
.ant-table-column-sorter-up,
.ant-table-column-sorter-down {
  font-size: 11px;
}
.ant-table-column-sorter-up.active,
.ant-table-column-sorter-down.active {
  color: #D04A02;
}
.ant-table-column-sorter-up + .ant-table-column-sorter-down {
  margin-top: -0.3em;
}
.ant-table-column-sorters:hover .ant-table-column-sorter {
  color: #a6a6a6;
}
.ant-table-filter-column {
  display: flex;
  justify-content: space-between;
}
.ant-table-filter-trigger {
  position: relative;
  display: flex;
  align-items: center;
  margin: -4px -12px -4px 4px;
  padding: 0 4px;
  color: #bfbfbf;
  font-size: 12px;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-table-filter-trigger:hover {
  color: rgba(0, 0, 0, 0.45);
  background: rgba(0, 0, 0, 0.04);
}
.ant-table-filter-trigger.active {
  color: #D04A02;
}
.ant-table-filter-dropdown {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #404041;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.15;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  min-width: 120px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0px 0px 4px 0px rgba(204, 204, 204, 0.2), 0px 4px 4px 0px rgba(204, 204, 204, 0.25);
}
.ant-table-filter-dropdown .ant-dropdown-menu {
  max-height: 264px;
  overflow-x: hidden;
  border: 0;
  box-shadow: none;
}
.ant-table-filter-dropdown .ant-dropdown-menu:empty::after {
  display: block;
  padding: 8px 0;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  text-align: center;
  content: 'Not Found';
}
.ant-table-filter-dropdown-tree {
  padding: 8px 8px 0;
}
.ant-table-filter-dropdown-tree .ant-tree-treenode .ant-tree-node-content-wrapper:hover {
  background-color: #f5f5f5;
}
.ant-table-filter-dropdown-tree .ant-tree-treenode-checkbox-checked .ant-tree-node-content-wrapper,
.ant-table-filter-dropdown-tree .ant-tree-treenode-checkbox-checked .ant-tree-node-content-wrapper:hover {
  background-color: #ffd1a6;
}
.ant-table-filter-dropdown-search {
  padding: 8px;
  border-bottom: 1px #f0f0f0 solid;
}
.ant-table-filter-dropdown-search-input input {
  min-width: 140px;
}
.ant-table-filter-dropdown-search-input .anticon {
  color: rgba(0, 0, 0, 0.25);
}
.ant-table-filter-dropdown-checkall {
  width: 100%;
  margin-bottom: 4px;
  margin-left: 4px;
}
.ant-table-filter-dropdown-submenu > ul {
  max-height: calc(100vh - 130px);
  overflow-x: hidden;
  overflow-y: auto;
}
.ant-table-filter-dropdown .ant-checkbox-wrapper + span,
.ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span {
  padding-left: 8px;
}
.ant-table-filter-dropdown-btns {
  display: flex;
  justify-content: space-between;
  padding: 7px 8px;
  overflow: hidden;
  background-color: inherit;
  border-top: 1px solid #f0f0f0;
}
.ant-table-selection-col {
  width: 32px;
}
.ant-table-bordered .ant-table-selection-col {
  width: 50px;
}
table tr th.ant-table-selection-column,
table tr td.ant-table-selection-column {
  padding-right: 8px;
  padding-left: 8px;
  text-align: center;
}
table tr th.ant-table-selection-column .ant-radio-wrapper,
table tr td.ant-table-selection-column .ant-radio-wrapper {
  margin-right: 0;
}
table tr th.ant-table-selection-column.ant-table-cell-fix-left {
  z-index: 3;
}
table tr th.ant-table-selection-column::after {
  background-color: transparent !important;
}
.ant-table-selection {
  position: relative;
  display: inline-flex;
  flex-direction: column;
}
.ant-table-selection-extra {
  position: absolute;
  top: 0;
  z-index: 1;
  cursor: pointer;
  transition: all 0.3s;
  -webkit-margin-start: 100%;
          margin-inline-start: 100%;
  -webkit-padding-start: 6px;
          padding-inline-start: 6px;
}
.ant-table-selection-extra .anticon {
  color: #bfbfbf;
  font-size: 10px;
}
.ant-table-selection-extra .anticon:hover {
  color: #a6a6a6;
}
.ant-table-expand-icon-col {
  width: 48px;
}
.ant-table-row-expand-icon-cell {
  text-align: center;
}
.ant-table-row-expand-icon-cell .ant-table-row-expand-icon {
  display: inline-flex;
  float: none;
  vertical-align: sub;
}
.ant-table-row-indent {
  float: left;
  height: 1px;
}
.ant-table-row-expand-icon {
  color: #D04A02;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  position: relative;
  float: left;
  box-sizing: border-box;
  width: 17px;
  height: 17px;
  padding: 0;
  color: inherit;
  line-height: 17px;
  background: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 4px;
  transform: scale(0.94117647);
  transition: all 0.3s;
  -webkit-user-select: none;
          user-select: none;
}
.ant-table-row-expand-icon:focus-visible,
.ant-table-row-expand-icon:hover {
  color: #de6c26;
}
.ant-table-row-expand-icon:active {
  color: #ab3600;
}
.ant-table-row-expand-icon:focus,
.ant-table-row-expand-icon:hover,
.ant-table-row-expand-icon:active {
  border-color: currentcolor;
}
.ant-table-row-expand-icon::before,
.ant-table-row-expand-icon::after {
  position: absolute;
  background: currentcolor;
  transition: transform 0.3s ease-out;
  content: '';
}
.ant-table-row-expand-icon::before {
  top: 7px;
  right: 3px;
  left: 3px;
  height: 1px;
}
.ant-table-row-expand-icon::after {
  top: 3px;
  bottom: 3px;
  left: 7px;
  width: 1px;
  transform: rotate(90deg);
}
.ant-table-row-expand-icon-collapsed::before {
  transform: rotate(-180deg);
}
.ant-table-row-expand-icon-collapsed::after {
  transform: rotate(0deg);
}
.ant-table-row-expand-icon-spaced {
  background: transparent;
  border: 0;
  visibility: hidden;
}
.ant-table-row-expand-icon-spaced::before,
.ant-table-row-expand-icon-spaced::after {
  display: none;
  content: none;
}
.ant-table-row-indent + .ant-table-row-expand-icon {
  margin-top: -0.45px;
  margin-right: 8px;
}
tr.ant-table-expanded-row > td,
tr.ant-table-expanded-row:hover > td {
  background: #fbfbfb;
}
tr.ant-table-expanded-row .ant-descriptions-view {
  display: flex;
}
tr.ant-table-expanded-row .ant-descriptions-view table {
  flex: auto;
  width: auto;
}
.ant-table .ant-table-expanded-row-fixed {
  position: relative;
  margin: -10px -24px;
  padding: 10px 24px;
}
.ant-table-tbody > tr.ant-table-placeholder {
  text-align: center;
}
.ant-table-empty .ant-table-tbody > tr.ant-table-placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.ant-table-tbody > tr.ant-table-placeholder:hover > td {
  background: #fff;
}
.ant-table-cell-fix-left,
.ant-table-cell-fix-right {
  position: -webkit-sticky !important;
  position: sticky !important;
  z-index: 2;
  background: #fff;
}
.ant-table-cell-fix-left-first::after,
.ant-table-cell-fix-left-last::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: -1px;
  width: 30px;
  transform: translateX(100%);
  transition: box-shadow 0.3s;
  content: '';
  pointer-events: none;
}
.ant-table-cell-fix-left-all::after {
  display: none;
}
.ant-table-cell-fix-right-first::after,
.ant-table-cell-fix-right-last::after {
  position: absolute;
  top: 0;
  bottom: -1px;
  left: 0;
  width: 30px;
  transform: translateX(-100%);
  transition: box-shadow 0.3s;
  content: '';
  pointer-events: none;
}
.ant-table .ant-table-container::before,
.ant-table .ant-table-container::after {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: calc(calc(2 + 1) + 1);
  width: 30px;
  transition: box-shadow 0.3s;
  content: '';
  pointer-events: none;
}
.ant-table .ant-table-container::before {
  left: 0;
}
.ant-table .ant-table-container::after {
  right: 0;
}
.ant-table-ping-left:not(.ant-table-has-fix-left) > .ant-table-container {
  position: relative;
}
.ant-table-ping-left:not(.ant-table-has-fix-left) > .ant-table-container::before {
  box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);
}
.ant-table-ping-left .ant-table-cell-fix-left-first::after,
.ant-table-ping-left .ant-table-cell-fix-left-last::after {
  box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);
}
.ant-table-ping-left .ant-table-cell-fix-left-last::before {
  background-color: transparent !important;
}
.ant-table-ping-right:not(.ant-table-has-fix-right) > .ant-table-container {
  position: relative;
}
.ant-table-ping-right:not(.ant-table-has-fix-right) > .ant-table-container::after {
  box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
}
.ant-table-ping-right .ant-table-cell-fix-right-first::after,
.ant-table-ping-right .ant-table-cell-fix-right-last::after {
  box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
}
.ant-table-sticky-holder {
  position: -webkit-sticky;
  position: sticky;
  z-index: calc(2 + 1);
  background: #fff;
}
.ant-table-sticky-scroll {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  z-index: calc(2 + 1);
  display: flex;
  align-items: center;
  background: #ffffff;
  border-top: 1px solid #f0f0f0;
  opacity: 0.6;
}
.ant-table-sticky-scroll:hover {
  transform-origin: center bottom;
}
.ant-table-sticky-scroll-bar {
  height: 8px;
  background-color: rgba(0, 0, 0, 0.35);
  border-radius: 4px;
}
.ant-table-sticky-scroll-bar:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.ant-table-sticky-scroll-bar-active {
  background-color: rgba(0, 0, 0, 0.8);
}
@media all and (-ms-high-contrast: none) {
  .ant-table-ping-left .ant-table-cell-fix-left-last::after {
    box-shadow: none !important;
  }
  .ant-table-ping-right .ant-table-cell-fix-right-first::after {
    box-shadow: none !important;
  }
}
.ant-table {
  /* title + table */
  /* table */
  /* table + footer */
}
.ant-table-title {
  border-radius: 4px 4px 0 0;
}
.ant-table-title + .ant-table-container {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ant-table-title + .ant-table-container table {
  border-radius: 0;
}
.ant-table-title + .ant-table-container table > thead > tr:first-child th:first-child {
  border-radius: 0;
}
.ant-table-title + .ant-table-container table > thead > tr:first-child th:last-child {
  border-radius: 0;
}
.ant-table-container {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 4px;
}
.ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 4px;
}
.ant-table-footer {
  border-radius: 0 0 4px 4px;
}
.ant-table-wrapper-rtl {
  direction: rtl;
}
.ant-table-rtl {
  direction: rtl;
}
.ant-table-wrapper-rtl .ant-table table {
  text-align: right;
}
.ant-table-wrapper-rtl .ant-table-thead > tr > th[colspan]:not([colspan='1']) {
  text-align: center;
}
.ant-table-wrapper-rtl .ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
  right: auto;
  left: 0;
}
.ant-table-wrapper-rtl .ant-table-thead > tr > th {
  text-align: right;
}
.ant-table-tbody > tr .ant-table-wrapper:only-child .ant-table.ant-table-rtl {
  margin: -10px 41px -10px -24px;
}
.ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-left {
  justify-content: flex-end;
}
.ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-right {
  justify-content: flex-start;
}
.ant-table-wrapper-rtl .ant-table-column-sorter {
  margin-right: 4px;
  margin-left: 0;
}
.ant-table-wrapper-rtl .ant-table-filter-column-title {
  padding: 10px 24px 10px 2.3em;
}
.ant-table-rtl .ant-table-thead tr th.ant-table-column-has-sorters .ant-table-filter-column-title {
  padding: 0 0 0 2.3em;
}
.ant-table-wrapper-rtl .ant-table-filter-trigger {
  margin: -4px 4px -4px -12px;
}
.ant-dropdown-rtl .ant-table-filter-dropdown .ant-checkbox-wrapper + span,
.ant-dropdown-rtl .ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span,
.ant-dropdown-menu-submenu-rtl.ant-table-filter-dropdown .ant-checkbox-wrapper + span,
.ant-dropdown-menu-submenu-rtl.ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span {
  padding-right: 8px;
  padding-left: 0;
}
.ant-table-wrapper-rtl .ant-table-selection {
  text-align: center;
}
.ant-table-wrapper-rtl .ant-table-row-indent {
  float: right;
}
.ant-table-wrapper-rtl .ant-table-row-expand-icon {
  float: right;
}
.ant-table-wrapper-rtl .ant-table-row-indent + .ant-table-row-expand-icon {
  margin-right: 0;
  margin-left: 8px;
}
.ant-table-wrapper-rtl .ant-table-row-expand-icon::after {
  transform: rotate(-90deg);
}
.ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed::before {
  transform: rotate(180deg);
}
.ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed::after {
  transform: rotate(0deg);
}
.ant-tabs-small > .ant-tabs-nav .ant-tabs-tab {
  padding: 8px 0;
  font-size: 14px;
}
.ant-tabs-large > .ant-tabs-nav .ant-tabs-tab {
  padding: 16px 0;
  font-size: 16px;
}
.ant-tabs-card.ant-tabs-small > .ant-tabs-nav .ant-tabs-tab {
  padding: 6px 16px;
}
.ant-tabs-card.ant-tabs-large > .ant-tabs-nav .ant-tabs-tab {
  padding: 7px 16px 6px;
}
.ant-tabs-rtl {
  direction: rtl;
}
.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab {
  margin: 0 0 0 32px;
}
.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab:last-of-type {
  margin-left: 0;
}
.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .anticon {
  margin-right: 0;
  margin-left: 12px;
}
.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove {
  margin-right: 8px;
  margin-left: -4px;
}
.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove .anticon {
  margin: 0;
}
.ant-tabs-rtl.ant-tabs-left > .ant-tabs-nav {
  order: 1;
}
.ant-tabs-rtl.ant-tabs-left > .ant-tabs-content-holder {
  order: 0;
}
.ant-tabs-rtl.ant-tabs-right > .ant-tabs-nav {
  order: 0;
}
.ant-tabs-rtl.ant-tabs-right > .ant-tabs-content-holder {
  order: 1;
}
.ant-tabs-rtl.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
  margin-right: 2px;
  margin-left: 0;
}
.ant-tabs-rtl.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-add,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-add,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-add,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-add {
  margin-right: 2px;
  margin-left: 0;
}
.ant-tabs-dropdown-rtl {
  direction: rtl;
}
.ant-tabs-dropdown-rtl .ant-tabs-dropdown-menu-item {
  text-align: right;
}
.ant-tabs-top,
.ant-tabs-bottom {
  flex-direction: column;
}
.ant-tabs-top > .ant-tabs-nav,
.ant-tabs-bottom > .ant-tabs-nav,
.ant-tabs-top > div > .ant-tabs-nav,
.ant-tabs-bottom > div > .ant-tabs-nav {
  margin: 0;
}
.ant-tabs-top > .ant-tabs-nav::before,
.ant-tabs-bottom > .ant-tabs-nav::before,
.ant-tabs-top > div > .ant-tabs-nav::before,
.ant-tabs-bottom > div > .ant-tabs-nav::before {
  position: absolute;
  right: 0;
  left: 0;
  border-bottom: 1px solid #f0f0f0;
  content: '';
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar {
  height: 2px;
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar-animated {
  transition: width 0.3s, left 0.3s, right 0.3s;
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
  top: 0;
  bottom: 0;
  width: 30px;
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::before {
  left: 0;
  box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
  right: 0;
  box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before {
  opacity: 1;
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after {
  opacity: 1;
}
.ant-tabs-top > .ant-tabs-nav::before,
.ant-tabs-top > div > .ant-tabs-nav::before {
  bottom: 0;
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar {
  bottom: 0;
}
.ant-tabs-bottom > .ant-tabs-nav,
.ant-tabs-bottom > div > .ant-tabs-nav {
  order: 1;
  margin-top: 16px;
  margin-bottom: 0;
}
.ant-tabs-bottom > .ant-tabs-nav::before,
.ant-tabs-bottom > div > .ant-tabs-nav::before {
  top: 0;
}
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar {
  top: 0;
}
.ant-tabs-bottom > .ant-tabs-content-holder,
.ant-tabs-bottom > div > .ant-tabs-content-holder {
  order: 0;
}
.ant-tabs-left > .ant-tabs-nav,
.ant-tabs-right > .ant-tabs-nav,
.ant-tabs-left > div > .ant-tabs-nav,
.ant-tabs-right > div > .ant-tabs-nav {
  flex-direction: column;
  min-width: 50px;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab {
  padding: 8px 24px;
  text-align: center;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
  margin: 16px 0 0 0;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap {
  flex-direction: column;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
  right: 0;
  left: 0;
  height: 30px;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::before {
  top: 0;
  box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
  bottom: 0;
  box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before {
  opacity: 1;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after {
  opacity: 1;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar {
  width: 2px;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar-animated {
  transition: height 0.3s, top 0.3s;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-list,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-list,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-list,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-list,
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-operations,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-operations,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-operations,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-operations {
  flex: 1 0 auto;
  flex-direction: column;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar {
  right: 0;
}
.ant-tabs-left > .ant-tabs-content-holder,
.ant-tabs-left > div > .ant-tabs-content-holder {
  margin-left: -1px;
  border-left: 1px solid #f0f0f0;
}
.ant-tabs-left > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane,
.ant-tabs-left > div > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane {
  padding-left: 24px;
}
.ant-tabs-right > .ant-tabs-nav,
.ant-tabs-right > div > .ant-tabs-nav {
  order: 1;
}
.ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar {
  left: 0;
}
.ant-tabs-right > .ant-tabs-content-holder,
.ant-tabs-right > div > .ant-tabs-content-holder {
  order: 0;
  margin-right: -1px;
  border-right: 1px solid #f0f0f0;
}
.ant-tabs-right > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane,
.ant-tabs-right > div > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane {
  padding-right: 24px;
}
.ant-tabs-dropdown {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #404041;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.15;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  display: block;
}
.ant-tabs-dropdown-hidden {
  display: none;
}
.ant-tabs-dropdown-menu {
  max-height: 200px;
  margin: 0;
  padding: 4px 0;
  overflow-x: hidden;
  overflow-y: auto;
  text-align: left;
  list-style-type: none;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 4px;
  outline: none;
  box-shadow: 0px 0px 4px 0px rgba(204, 204, 204, 0.2), 0px 4px 4px 0px rgba(204, 204, 204, 0.25);
}
.ant-tabs-dropdown-menu-item {
  display: flex;
  align-items: center;
  min-width: 120px;
  margin: 0;
  padding: 5px 12px;
  overflow: hidden;
  color: #404041;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-tabs-dropdown-menu-item > span {
  flex: 1 1;
  white-space: nowrap;
}
.ant-tabs-dropdown-menu-item-remove {
  flex: none;
  margin-left: 12px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  background: transparent;
  border: 0;
  cursor: pointer;
}
.ant-tabs-dropdown-menu-item-remove:hover {
  color: #de6c26;
}
.ant-tabs-dropdown-menu-item:hover {
  background: #f5f5f5;
}
.ant-tabs-dropdown-menu-item-disabled,
.ant-tabs-dropdown-menu-item-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
  cursor: not-allowed;
}
.ant-tabs-card > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab {
  margin: 0;
  padding: 11px 16px;
  background: #fafafa;
  border: 1px solid #f0f0f0;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs-card > .ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab-active {
  color: #D04A02;
  background: #fff;
}
.ant-tabs-card > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-card > div > .ant-tabs-nav .ant-tabs-ink-bar {
  visibility: hidden;
}
.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
  margin-left: 2px;
}
.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab {
  border-radius: 4px 4px 0 0;
}
.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab-active {
  border-bottom-color: #fff;
}
.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab {
  border-radius: 0 0 4px 4px;
}
.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab-active {
  border-top-color: #fff;
}
.ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
  margin-top: 2px;
}
.ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab {
  border-radius: 4px 0 0 4px;
}
.ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab-active {
  border-right-color: #fff;
}
.ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab {
  border-radius: 0 4px 4px 0;
}
.ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab-active {
  border-left-color: #fff;
}
.ant-tabs {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #404041;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.15;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  display: flex;
}
.ant-tabs > .ant-tabs-nav,
.ant-tabs > div > .ant-tabs-nav {
  position: relative;
  display: flex;
  flex: none;
  align-items: center;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap {
  position: relative;
  display: inline-block;
  display: flex;
  flex: auto;
  align-self: stretch;
  overflow: hidden;
  white-space: nowrap;
  transform: translate(0);
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
  position: absolute;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s;
  content: '';
  pointer-events: none;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-list,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-list {
  position: relative;
  display: flex;
  transition: transform 0.3s;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations {
  display: flex;
  align-self: stretch;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations-hidden,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations-hidden {
  position: absolute;
  visibility: hidden;
  pointer-events: none;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-more,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more {
  position: relative;
  padding: 11px 16px;
  background: transparent;
  border: 0;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-more::after,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 5px;
  transform: translateY(100%);
  content: '';
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-add,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add {
  min-width: 40px;
  margin-left: 2px;
  padding: 0 8px;
  background: #fafafa;
  border: 1px solid #f0f0f0;
  border-radius: 4px 4px 0 0;
  outline: none;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:hover,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:hover {
  color: #de6c26;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:active,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:active,
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:focus,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:focus {
  color: #ab3600;
}
.ant-tabs-extra-content {
  flex: none;
}
.ant-tabs-centered > .ant-tabs-nav .ant-tabs-nav-wrap:not([class*='ant-tabs-nav-wrap-ping']),
.ant-tabs-centered > div > .ant-tabs-nav .ant-tabs-nav-wrap:not([class*='ant-tabs-nav-wrap-ping']) {
  justify-content: center;
}
.ant-tabs-ink-bar {
  position: absolute;
  background: #D04A02;
  pointer-events: none;
}
.ant-tabs-tab {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 18px 0;
  font-size: 14px;
  background: transparent;
  border: 0;
  outline: none;
  cursor: pointer;
}
.ant-tabs-tab-btn:focus,
.ant-tabs-tab-remove:focus,
.ant-tabs-tab-btn:active,
.ant-tabs-tab-remove:active {
  color: #ab3600;
}
.ant-tabs-tab-btn {
  outline: none;
  transition: all 0.3s;
}
.ant-tabs-tab-remove {
  flex: none;
  margin-right: -4px;
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-tabs-tab-remove:hover {
  color: #000;
}
.ant-tabs-tab:hover {
  color: #de6c26;
}
.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #D04A02;
  text-shadow: 0 0 0.25px currentcolor;
}
.ant-tabs-tab.ant-tabs-tab-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:focus,
.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:focus,
.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:active,
.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:active {
  color: rgba(0, 0, 0, 0.25);
}
.ant-tabs-tab .ant-tabs-tab-remove .anticon {
  margin: 0;
}
.ant-tabs-tab .anticon {
  margin-right: 12px;
}
.ant-tabs-tab + .ant-tabs-tab {
  margin: 0 50px 0 0;
}
.ant-tabs-content {
  position: relative;
  width: 100%;
}
.ant-tabs-content-holder {
  flex: auto;
  min-width: 0;
  min-height: 0;
}
.ant-tabs-tabpane {
  outline: none;
}
.ant-tabs-tabpane-hidden {
  display: none;
}
.ant-tabs-switch-appear,
.ant-tabs-switch-enter {
  transition: none;
}
.ant-tabs-switch-appear-start,
.ant-tabs-switch-enter-start {
  opacity: 0;
}
.ant-tabs-switch-appear-active,
.ant-tabs-switch-enter-active {
  opacity: 1;
  transition: opacity 0.3s;
}
.ant-tabs-switch-leave {
  position: absolute;
  transition: none;
  inset: 0;
}
.ant-tabs-switch-leave-start {
  opacity: 1;
}
.ant-tabs-switch-leave-active {
  opacity: 0;
  transition: opacity 0.3s;
}
.ant-tag {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #404041;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.15;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  display: inline-block;
  height: auto;
  margin-right: 8px;
  padding: 0 7px;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
  background: #fafafa;
  border: 1px solid #D4D4D4;
  border-radius: 4px;
  opacity: 1;
  transition: all 0.3s;
}
.ant-tag,
.ant-tag a,
.ant-tag a:hover {
  color: #404041;
}
.ant-tag > a:first-child:last-child {
  display: inline-block;
  margin: 0 -8px;
  padding: 0 8px;
}
.ant-tag-close-icon {
  margin-left: 3px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 10px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-tag-close-icon:hover {
  color: #000;
}
.ant-tag-has-color {
  border-color: transparent;
}
.ant-tag-has-color,
.ant-tag-has-color a,
.ant-tag-has-color a:hover,
.ant-tag-has-color .anticon-close,
.ant-tag-has-color .anticon-close:hover {
  color: #fff;
}
.ant-tag-checkable {
  background-color: transparent;
  border-color: transparent;
  cursor: pointer;
}
.ant-tag-checkable:not(.ant-tag-checkable-checked):hover {
  color: #D04A02;
}
.ant-tag-checkable:active,
.ant-tag-checkable-checked {
  color: #fff;
}
.ant-tag-checkable-checked {
  background-color: #D04A02;
}
.ant-tag-checkable:active {
  background-color: #ab3600;
}
.ant-tag-hidden {
  display: none;
}
.ant-tag-pink {
  color: #c41d7f;
  background: #fff0f6;
  border-color: #ffadd2;
}
.ant-tag-pink-inverse {
  color: #fff;
  background: #eb2f96;
  border-color: #eb2f96;
}
.ant-tag-magenta {
  color: #c41d7f;
  background: #fff0f6;
  border-color: #ffadd2;
}
.ant-tag-magenta-inverse {
  color: #fff;
  background: #eb2f96;
  border-color: #eb2f96;
}
.ant-tag-red {
  color: #cf1322;
  background: #fff1f0;
  border-color: #ffa39e;
}
.ant-tag-red-inverse {
  color: #fff;
  background: #f5222d;
  border-color: #f5222d;
}
.ant-tag-volcano {
  color: #d4380d;
  background: #fff2e8;
  border-color: #ffbb96;
}
.ant-tag-volcano-inverse {
  color: #fff;
  background: #fa541c;
  border-color: #fa541c;
}
.ant-tag-orange {
  color: #d46b08;
  background: #fff7e6;
  border-color: #ffd591;
}
.ant-tag-orange-inverse {
  color: #fff;
  background: #fa8c16;
  border-color: #fa8c16;
}
.ant-tag-yellow {
  color: #d4b106;
  background: #feffe6;
  border-color: #fffb8f;
}
.ant-tag-yellow-inverse {
  color: #fff;
  background: #fadb14;
  border-color: #fadb14;
}
.ant-tag-gold {
  color: #d48806;
  background: #fffbe6;
  border-color: #ffe58f;
}
.ant-tag-gold-inverse {
  color: #fff;
  background: #faad14;
  border-color: #faad14;
}
.ant-tag-cyan {
  color: #08979c;
  background: #e6fffb;
  border-color: #87e8de;
}
.ant-tag-cyan-inverse {
  color: #fff;
  background: #13c2c2;
  border-color: #13c2c2;
}
.ant-tag-lime {
  color: #7cb305;
  background: #fcffe6;
  border-color: #eaff8f;
}
.ant-tag-lime-inverse {
  color: #fff;
  background: #a0d911;
  border-color: #a0d911;
}
.ant-tag-green {
  color: #389e0d;
  background: #f6ffed;
  border-color: #b7eb8f;
}
.ant-tag-green-inverse {
  color: #fff;
  background: #52c41a;
  border-color: #52c41a;
}
.ant-tag-blue {
  color: #096dd9;
  background: #e6f7ff;
  border-color: #91d5ff;
}
.ant-tag-blue-inverse {
  color: #fff;
  background: #1890ff;
  border-color: #1890ff;
}
.ant-tag-geekblue {
  color: #1d39c4;
  background: #f0f5ff;
  border-color: #adc6ff;
}
.ant-tag-geekblue-inverse {
  color: #fff;
  background: #2f54eb;
  border-color: #2f54eb;
}
.ant-tag-purple {
  color: #531dab;
  background: #f9f0ff;
  border-color: #d3adf7;
}
.ant-tag-purple-inverse {
  color: #fff;
  background: #722ed1;
  border-color: #722ed1;
}
.ant-tag-success {
  color: #22992E;
  background: #cdd9cc;
  border-color: #86bf86;
}
.ant-tag-processing {
  color: #EB8C00;
  background: #fff9e6;
  border-color: #ffd77a;
}
.ant-tag-error {
  color: #C52A1A;
  background: #fff2ed;
  border-color: #eba18f;
}
.ant-tag-warning {
  color: #FFBF1F;
  background: #fffdeb;
  border-color: #ffec99;
}
.ant-tag > .anticon + span,
.ant-tag > span + .anticon {
  margin-left: 7px;
}
.ant-tag.ant-tag-rtl {
  margin-right: 0;
  margin-left: 8px;
  direction: rtl;
  text-align: right;
}
.ant-tag-rtl .ant-tag-close-icon {
  margin-right: 3px;
  margin-left: 0;
}
.ant-tag-rtl.ant-tag > .anticon + span,
.ant-tag-rtl.ant-tag > span + .anticon {
  margin-right: 7px;
  margin-left: 0;
}
.ant-timeline {
  box-sizing: border-box;
  color: #404041;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.15;
  font-feature-settings: 'tnum', "tnum";
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-timeline-item {
  position: relative;
  margin: 0;
  padding-bottom: 20px;
  font-size: 14px;
  list-style: none;
}
.ant-timeline-item-tail {
  position: absolute;
  top: 10px;
  left: 4px;
  height: calc(100% - 10px);
  border-left: 2px solid #f0f0f0;
}
.ant-timeline-item-pending .ant-timeline-item-head {
  font-size: 12px;
  background-color: transparent;
}
.ant-timeline-item-pending .ant-timeline-item-tail {
  display: none;
}
.ant-timeline-item-head {
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #fff;
  border: 2px solid transparent;
  border-radius: 100px;
}
.ant-timeline-item-head-blue {
  color: #D04A02;
  border-color: #D04A02;
}
.ant-timeline-item-head-red {
  color: #C52A1A;
  border-color: #C52A1A;
}
.ant-timeline-item-head-green {
  color: #22992E;
  border-color: #22992E;
}
.ant-timeline-item-head-gray {
  color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-timeline-item-head-custom {
  position: absolute;
  top: 5.5px;
  left: 5px;
  width: auto;
  height: auto;
  margin-top: 0;
  padding: 3px 1px;
  line-height: 1;
  text-align: center;
  border: 0;
  border-radius: 0;
  transform: translate(-50%, -50%);
}
.ant-timeline-item-content {
  position: relative;
  top: -1.1px;
  margin: 0 0 0 26px;
  word-break: break-word;
}
.ant-timeline-item-last > .ant-timeline-item-tail {
  display: none;
}
.ant-timeline-item-last > .ant-timeline-item-content {
  min-height: 48px;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-tail,
.ant-timeline.ant-timeline-right .ant-timeline-item-tail,
.ant-timeline.ant-timeline-label .ant-timeline-item-tail,
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
.ant-timeline.ant-timeline-right .ant-timeline-item-head,
.ant-timeline.ant-timeline-label .ant-timeline-item-head,
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom {
  left: 50%;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
.ant-timeline.ant-timeline-right .ant-timeline-item-head,
.ant-timeline.ant-timeline-label .ant-timeline-item-head {
  margin-left: -4px;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom {
  margin-left: 1px;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-left .ant-timeline-item-content,
.ant-timeline.ant-timeline-right .ant-timeline-item-left .ant-timeline-item-content,
.ant-timeline.ant-timeline-label .ant-timeline-item-left .ant-timeline-item-content {
  left: calc(50% - 4px);
  width: calc(50% - 14px);
  text-align: left;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-right .ant-timeline-item-content,
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content,
.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-content {
  width: calc(50% - 12px);
  margin: 0;
  text-align: right;
}
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-tail,
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head,
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head-custom {
  left: calc(100% - 4px - 2px);
}
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content {
  width: calc(100% - 18px);
}
.ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail {
  display: block;
  height: calc(100% - 14px);
  border-left: 2px dotted #f0f0f0;
}
.ant-timeline.ant-timeline-reverse .ant-timeline-item-last .ant-timeline-item-tail {
  display: none;
}
.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-tail {
  top: 15px;
  display: block;
  height: calc(100% - 15px);
  border-left: 2px dotted #f0f0f0;
}
.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-content {
  min-height: 48px;
}
.ant-timeline.ant-timeline-label .ant-timeline-item-label {
  position: absolute;
  top: -1.1px;
  width: calc(50% - 12px);
  text-align: right;
}
.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-label {
  left: calc(50% + 14px);
  width: calc(50% - 14px);
  text-align: left;
}
.ant-timeline-rtl {
  direction: rtl;
}
.ant-timeline-rtl .ant-timeline-item-tail {
  right: 4px;
  left: auto;
  border-right: 2px solid #f0f0f0;
  border-left: none;
}
.ant-timeline-rtl .ant-timeline-item-head-custom {
  right: 5px;
  left: auto;
  transform: translate(50%, -50%);
}
.ant-timeline-rtl .ant-timeline-item-content {
  margin: 0 18px 0 0;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-tail,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-tail,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-tail,
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom {
  right: 50%;
  left: auto;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head {
  margin-right: -4px;
  margin-left: 0;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom {
  margin-right: 1px;
  margin-left: 0;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-left .ant-timeline-item-content,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-left .ant-timeline-item-content,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-left .ant-timeline-item-content {
  right: calc(50% - 4px);
  left: auto;
  text-align: right;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-right .ant-timeline-item-content,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-content {
  text-align: left;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-tail,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head-custom {
  right: 0;
  left: auto;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content {
  width: 100%;
  margin-right: 18px;
  text-align: right;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail {
  border-right: 2px dotted #f0f0f0;
  border-left: none;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-tail {
  border-right: 2px dotted #f0f0f0;
  border-left: none;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-label {
  text-align: left;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-label {
  right: calc(50% + 14px);
  text-align: right;
}
.ant-tooltip {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #404041;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.15;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  position: absolute;
  z-index: 1070;
  display: block;
  width: -webkit-max-content;
  width: max-content;
  width: intrinsic;
  max-width: 250px;
  visibility: visible;
}
.ant-tooltip-content {
  position: relative;
}
.ant-tooltip-hidden {
  display: none;
}
.ant-tooltip-placement-top,
.ant-tooltip-placement-topLeft,
.ant-tooltip-placement-topRight {
  padding-bottom: 14.3137085px;
}
.ant-tooltip-placement-right,
.ant-tooltip-placement-rightTop,
.ant-tooltip-placement-rightBottom {
  padding-left: 14.3137085px;
}
.ant-tooltip-placement-bottom,
.ant-tooltip-placement-bottomLeft,
.ant-tooltip-placement-bottomRight {
  padding-top: 14.3137085px;
}
.ant-tooltip-placement-left,
.ant-tooltip-placement-leftTop,
.ant-tooltip-placement-leftBottom {
  padding-right: 14.3137085px;
}
.ant-tooltip-inner {
  min-width: 30px;
  min-height: 32px;
  padding: 6px 8px;
  color: #fff;
  text-align: left;
  text-decoration: none;
  word-wrap: break-word;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 4px;
  box-shadow: 0px 0px 4px 0px rgba(204, 204, 204, 0.2), 0px 4px 4px 0px rgba(204, 204, 204, 0.25);
}
.ant-tooltip-arrow {
  position: absolute;
  z-index: 2;
  display: block;
  width: 22px;
  height: 22px;
  overflow: hidden;
  background: transparent;
  pointer-events: none;
}
.ant-tooltip-arrow-content {
  --antd-arrow-background-color: linear-gradient(to right bottom, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.75));
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 11.3137085px;
  height: 11.3137085px;
  margin: auto;
  content: '';
  pointer-events: auto;
  border-radius: 0 0 2px;
  pointer-events: none;
}
.ant-tooltip-arrow-content::before {
  position: absolute;
  top: -11.3137085px;
  left: -11.3137085px;
  width: 33.9411255px;
  height: 33.9411255px;
  background: var(--antd-arrow-background-color);
  background-repeat: no-repeat;
  background-position: -10px -10px;
  content: '';
  -webkit-clip-path: inset(33% 33%);
          clip-path: inset(33% 33%);
  -webkit-clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
          clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
}
.ant-tooltip-placement-top .ant-tooltip-arrow,
.ant-tooltip-placement-topLeft .ant-tooltip-arrow,
.ant-tooltip-placement-topRight .ant-tooltip-arrow {
  bottom: 0;
  transform: translateY(100%);
}
.ant-tooltip-placement-top .ant-tooltip-arrow-content,
.ant-tooltip-placement-topLeft .ant-tooltip-arrow-content,
.ant-tooltip-placement-topRight .ant-tooltip-arrow-content {
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  transform: translateY(-11px) rotate(45deg);
}
.ant-tooltip-placement-top .ant-tooltip-arrow {
  left: 50%;
  transform: translateY(100%) translateX(-50%);
}
.ant-tooltip-placement-topLeft .ant-tooltip-arrow {
  left: 13px;
}
.ant-tooltip-placement-topRight .ant-tooltip-arrow {
  right: 13px;
}
.ant-tooltip-placement-right .ant-tooltip-arrow,
.ant-tooltip-placement-rightTop .ant-tooltip-arrow,
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
  left: 0;
  transform: translateX(-100%);
}
.ant-tooltip-placement-right .ant-tooltip-arrow-content,
.ant-tooltip-placement-rightTop .ant-tooltip-arrow-content,
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow-content {
  box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
  transform: translateX(11px) rotate(135deg);
}
.ant-tooltip-placement-right .ant-tooltip-arrow {
  top: 50%;
  transform: translateX(-100%) translateY(-50%);
}
.ant-tooltip-placement-rightTop .ant-tooltip-arrow {
  top: 5px;
}
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
  bottom: 5px;
}
.ant-tooltip-placement-left .ant-tooltip-arrow,
.ant-tooltip-placement-leftTop .ant-tooltip-arrow,
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
  right: 0;
  transform: translateX(100%);
}
.ant-tooltip-placement-left .ant-tooltip-arrow-content,
.ant-tooltip-placement-leftTop .ant-tooltip-arrow-content,
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow-content {
  box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
  transform: translateX(-11px) rotate(315deg);
}
.ant-tooltip-placement-left .ant-tooltip-arrow {
  top: 50%;
  transform: translateX(100%) translateY(-50%);
}
.ant-tooltip-placement-leftTop .ant-tooltip-arrow {
  top: 5px;
}
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
  bottom: 5px;
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow,
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
  top: 0;
  transform: translateY(-100%);
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow-content,
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow-content,
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow-content {
  box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);
  transform: translateY(11px) rotate(225deg);
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow {
  left: 50%;
  transform: translateY(-100%) translateX(-50%);
}
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow {
  left: 13px;
}
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
  right: 13px;
}
.ant-tooltip-pink .ant-tooltip-inner {
  background-color: #eb2f96;
}
.ant-tooltip-pink .ant-tooltip-arrow-content::before {
  background: #eb2f96;
}
.ant-tooltip-magenta .ant-tooltip-inner {
  background-color: #eb2f96;
}
.ant-tooltip-magenta .ant-tooltip-arrow-content::before {
  background: #eb2f96;
}
.ant-tooltip-red .ant-tooltip-inner {
  background-color: #f5222d;
}
.ant-tooltip-red .ant-tooltip-arrow-content::before {
  background: #f5222d;
}
.ant-tooltip-volcano .ant-tooltip-inner {
  background-color: #fa541c;
}
.ant-tooltip-volcano .ant-tooltip-arrow-content::before {
  background: #fa541c;
}
.ant-tooltip-orange .ant-tooltip-inner {
  background-color: #fa8c16;
}
.ant-tooltip-orange .ant-tooltip-arrow-content::before {
  background: #fa8c16;
}
.ant-tooltip-yellow .ant-tooltip-inner {
  background-color: #fadb14;
}
.ant-tooltip-yellow .ant-tooltip-arrow-content::before {
  background: #fadb14;
}
.ant-tooltip-gold .ant-tooltip-inner {
  background-color: #faad14;
}
.ant-tooltip-gold .ant-tooltip-arrow-content::before {
  background: #faad14;
}
.ant-tooltip-cyan .ant-tooltip-inner {
  background-color: #13c2c2;
}
.ant-tooltip-cyan .ant-tooltip-arrow-content::before {
  background: #13c2c2;
}
.ant-tooltip-lime .ant-tooltip-inner {
  background-color: #a0d911;
}
.ant-tooltip-lime .ant-tooltip-arrow-content::before {
  background: #a0d911;
}
.ant-tooltip-green .ant-tooltip-inner {
  background-color: #52c41a;
}
.ant-tooltip-green .ant-tooltip-arrow-content::before {
  background: #52c41a;
}
.ant-tooltip-blue .ant-tooltip-inner {
  background-color: #1890ff;
}
.ant-tooltip-blue .ant-tooltip-arrow-content::before {
  background: #1890ff;
}
.ant-tooltip-geekblue .ant-tooltip-inner {
  background-color: #2f54eb;
}
.ant-tooltip-geekblue .ant-tooltip-arrow-content::before {
  background: #2f54eb;
}
.ant-tooltip-purple .ant-tooltip-inner {
  background-color: #722ed1;
}
.ant-tooltip-purple .ant-tooltip-arrow-content::before {
  background: #722ed1;
}
.ant-tooltip-rtl {
  direction: rtl;
}
.ant-tooltip-rtl .ant-tooltip-inner {
  text-align: right;
}
.ant-transfer-customize-list .ant-transfer-list {
  flex: 1 1 50%;
  width: auto;
  height: auto;
  min-height: 200px;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-small {
  border: 0;
  border-radius: 0;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-small .ant-table-selection-column {
  width: 40px;
  min-width: 40px;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th {
  background: #fafafa;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-small > .ant-table-content .ant-table-row:last-child td {
  border-bottom: 1px solid #f0f0f0;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-small .ant-table-body {
  margin: 0;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-pagination.ant-pagination {
  margin: 16px 0 4px;
}
.ant-transfer-customize-list .ant-input[disabled] {
  background-color: transparent;
}
.ant-transfer-status-error .ant-transfer-list {
  border-color: #C52A1A;
}
.ant-transfer-status-error .ant-transfer-list-search:not([disabled]) {
  border-color: #D4D4D4;
}
.ant-transfer-status-error .ant-transfer-list-search:not([disabled]):hover {
  border-color: #de6c26;
  border-right-width: 1px;
}
.ant-input-rtl .ant-transfer-status-error .ant-transfer-list-search:not([disabled]):hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-transfer-status-error .ant-transfer-list-search:not([disabled]):focus {
  border-color: #de6c26;
  box-shadow: 0 0 0 2px rgba(208, 74, 2, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-rtl .ant-transfer-status-error .ant-transfer-list-search:not([disabled]):focus {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-transfer-status-warning .ant-transfer-list {
  border-color: #FFBF1F;
}
.ant-transfer-status-warning .ant-transfer-list-search:not([disabled]) {
  border-color: #D4D4D4;
}
.ant-transfer-status-warning .ant-transfer-list-search:not([disabled]):hover {
  border-color: #de6c26;
  border-right-width: 1px;
}
.ant-input-rtl .ant-transfer-status-warning .ant-transfer-list-search:not([disabled]):hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-transfer-status-warning .ant-transfer-list-search:not([disabled]):focus {
  border-color: #de6c26;
  box-shadow: 0 0 0 2px rgba(208, 74, 2, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-rtl .ant-transfer-status-warning .ant-transfer-list-search:not([disabled]):focus {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-transfer {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #404041;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.15;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  position: relative;
  display: flex;
  align-items: stretch;
}
.ant-transfer-disabled .ant-transfer-list {
  background: #f5f5f5;
}
.ant-transfer-list {
  display: flex;
  flex-direction: column;
  width: 180px;
  height: 200px;
  border: 1px solid #D4D4D4;
  border-radius: 4px;
}
.ant-transfer-list-with-pagination {
  width: 250px;
  height: auto;
}
.ant-transfer-list-search .anticon-search {
  color: rgba(0, 0, 0, 0.25);
}
.ant-transfer-list-header {
  display: flex;
  flex: none;
  align-items: center;
  height: 40px;
  padding: 11px 12px 12px;
  color: #404041;
  background: #fff;
  border-bottom: 1px solid #f0f0f0;
  border-radius: 4px 4px 0 0;
}
.ant-transfer-list-header > *:not(:last-child) {
  margin-right: 4px;
}
.ant-transfer-list-header > * {
  flex: none;
}
.ant-transfer-list-header-title {
  flex: auto;
  overflow: hidden;
  white-space: nowrap;
  text-align: right;
  text-overflow: ellipsis;
}
.ant-transfer-list-header-dropdown {
  font-size: 10px;
  transform: translateY(10%);
  cursor: pointer;
}
.ant-transfer-list-header-dropdown[disabled] {
  cursor: not-allowed;
}
.ant-transfer-list-body {
  display: flex;
  flex: auto;
  flex-direction: column;
  overflow: hidden;
  font-size: 14px;
}
.ant-transfer-list-body-search-wrapper {
  position: relative;
  flex: none;
  padding: 12px;
}
.ant-transfer-list-content {
  flex: auto;
  margin: 0;
  padding: 0;
  overflow: auto;
  list-style: none;
}
.ant-transfer-list-content-item {
  display: flex;
  align-items: center;
  min-height: 36px;
  padding: 6px 12px;
  line-height: 24px;
  transition: all 0.3s;
}
.ant-transfer-list-content-item > *:not(:last-child) {
  margin-right: 8px;
}
.ant-transfer-list-content-item > * {
  flex: none;
}
.ant-transfer-list-content-item-text {
  flex: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-transfer-list-content-item-remove {
  position: relative;
  color: #D4D4D4;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-transfer-list-content-item-remove:hover {
  color: #de6c26;
}
.ant-transfer-list-content-item-remove::after {
  position: absolute;
  top: -6px;
  right: -50%;
  bottom: -6px;
  left: -50%;
  content: '';
}
.ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover {
  background-color: #f5f5f5;
  cursor: pointer;
}
.ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled).ant-transfer-list-content-item-checked:hover {
  background-color: #ffeedc;
}
.ant-transfer-list-content-show-remove .ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover {
  background: transparent;
  cursor: default;
}
.ant-transfer-list-content-item-checked {
  background-color: #fff3e6;
}
.ant-transfer-list-content-item-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-transfer-list-pagination {
  padding: 8px 0;
  text-align: right;
  border-top: 1px solid #f0f0f0;
}
.ant-transfer-list-body-not-found {
  flex: none;
  width: 100%;
  margin: auto 0;
  color: rgba(0, 0, 0, 0.25);
  text-align: center;
}
.ant-transfer-list-footer {
  border-top: 1px solid #f0f0f0;
}
.ant-transfer-operation {
  display: flex;
  flex: none;
  flex-direction: column;
  align-self: center;
  margin: 0 8px;
  vertical-align: middle;
}
.ant-transfer-operation .ant-btn {
  display: block;
}
.ant-transfer-operation .ant-btn:first-child {
  margin-bottom: 4px;
}
.ant-transfer-operation .ant-btn .anticon {
  font-size: 12px;
}
.ant-transfer .ant-empty-image {
  max-height: -2px;
}
.ant-transfer-rtl {
  direction: rtl;
}
.ant-transfer-rtl .ant-transfer-list-search {
  padding-right: 8px;
  padding-left: 24px;
}
.ant-transfer-rtl .ant-transfer-list-search-action {
  right: auto;
  left: 12px;
}
.ant-transfer-rtl .ant-transfer-list-header > *:not(:last-child) {
  margin-right: 0;
  margin-left: 4px;
}
.ant-transfer-rtl .ant-transfer-list-header {
  right: 0;
  left: auto;
}
.ant-transfer-rtl .ant-transfer-list-header-title {
  text-align: left;
}
.ant-transfer-rtl .ant-transfer-list-content-item > *:not(:last-child) {
  margin-right: 0;
  margin-left: 8px;
}
.ant-transfer-rtl .ant-transfer-list-pagination {
  text-align: left;
}
.ant-transfer-rtl .ant-transfer-list-footer {
  right: 0;
  left: auto;
}
@keyframes ant-tree-node-fx-do-not-use {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.ant-tree.ant-tree-directory .ant-tree-treenode {
  position: relative;
}
.ant-tree.ant-tree-directory .ant-tree-treenode::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 4px;
  left: 0;
  transition: background-color 0.3s;
  content: '';
  pointer-events: none;
}
.ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: #f5f5f5;
}
.ant-tree.ant-tree-directory .ant-tree-treenode > * {
  z-index: 1;
}
.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-switcher {
  transition: color 0.3s;
}
.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper {
  border-radius: 0;
  -webkit-user-select: none;
          user-select: none;
}
.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper:hover {
  background: transparent;
}
.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper.ant-tree-node-selected {
  color: #fff;
  background: transparent;
}
.ant-tree.ant-tree-directory .ant-tree-treenode-selected:hover::before,
.ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: #D04A02;
}
.ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-switcher {
  color: #fff;
}
.ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-content-wrapper {
  color: #fff;
  background: transparent;
}
.ant-tree-checkbox {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #404041;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.15;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  position: relative;
  top: 0.2em;
  line-height: 1;
  white-space: nowrap;
  outline: none;
  cursor: pointer;
}
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner,
.ant-tree-checkbox:hover .ant-tree-checkbox-inner,
.ant-tree-checkbox-input:focus + .ant-tree-checkbox-inner {
  border-color: #D04A02;
}
.ant-tree-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #D04A02;
  border-radius: 2px;
  visibility: hidden;
  animation: antCheckboxEffect 0.36s ease-in-out;
  animation-fill-mode: backwards;
  content: '';
}
.ant-tree-checkbox:hover::after,
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox::after {
  visibility: visible;
}
.ant-tree-checkbox-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  direction: ltr;
  background-color: #fff;
  border: 1px solid #D4D4D4;
  border-radius: 2px;
  border-collapse: separate;
  transition: all 0.3s;
}
.ant-tree-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 21.5%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: ' ';
}
.ant-tree-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
  position: absolute;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: ' ';
}
.ant-tree-checkbox-checked .ant-tree-checkbox-inner {
  background-color: #D04A02;
  border-color: #D04A02;
}
.ant-tree-checkbox-disabled {
  cursor: not-allowed;
}
.ant-tree-checkbox-disabled.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
  border-color: rgba(0, 0, 0, 0.25);
  animation-name: none;
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-input {
  cursor: not-allowed;
  pointer-events: none;
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #D4D4D4 !important;
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
  border-color: #f5f5f5;
  border-collapse: separate;
  animation-name: none;
}
.ant-tree-checkbox-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-tree-checkbox-disabled:hover::after,
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-disabled::after {
  visibility: hidden;
}
.ant-tree-checkbox-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #404041;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.15;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  display: inline-flex;
  align-items: baseline;
  line-height: unset;
  cursor: pointer;
}
.ant-tree-checkbox-wrapper::after {
  display: inline-block;
  width: 0;
  overflow: hidden;
  content: '\a0';
}
.ant-tree-checkbox-wrapper.ant-tree-checkbox-wrapper-disabled {
  cursor: not-allowed;
}
.ant-tree-checkbox-wrapper + .ant-tree-checkbox-wrapper {
  margin-left: 8px;
}
.ant-tree-checkbox-wrapper.ant-tree-checkbox-wrapper-in-form-item input[type='checkbox'] {
  width: 14px;
  height: 14px;
}
.ant-tree-checkbox + span {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-tree-checkbox-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #404041;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.15;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  display: inline-block;
}
.ant-tree-checkbox-group-item {
  margin-right: 8px;
}
.ant-tree-checkbox-group-item:last-child {
  margin-right: 0;
}
.ant-tree-checkbox-group-item + .ant-tree-checkbox-group-item {
  margin-left: 0;
}
.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner {
  background-color: #fff;
  border-color: #D4D4D4;
}
.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: #D04A02;
  border: 0;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: ' ';
}
.ant-tree-checkbox-indeterminate.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-tree-checkbox-rtl {
  direction: rtl;
}
.ant-tree-checkbox-group-rtl .ant-tree-checkbox-group-item {
  margin-right: 0;
  margin-left: 8px;
}
.ant-tree-checkbox-group-rtl .ant-tree-checkbox-group-item:last-child {
  margin-left: 0 !important;
}
.ant-tree-checkbox-group-rtl .ant-tree-checkbox-group-item + .ant-tree-checkbox-group-item {
  margin-left: 8px;
}
.ant-tree {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #404041;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.15;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  background: #fff;
  border-radius: 4px;
  transition: background-color 0.3s;
}
.ant-tree-focused:not(:hover):not(.ant-tree-active-focused) {
  background: #fff3e6;
}
.ant-tree-list-holder-inner {
  align-items: flex-start;
}
.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner {
  align-items: stretch;
}
.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-node-content-wrapper {
  flex: auto;
}
.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-treenode.dragging {
  position: relative;
}
.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-treenode.dragging::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 4px;
  left: 0;
  border: 1px solid #D04A02;
  opacity: 0;
  animation: ant-tree-node-fx-do-not-use 0.3s;
  animation-play-state: running;
  animation-fill-mode: forwards;
  content: '';
  pointer-events: none;
}
.ant-tree .ant-tree-treenode {
  display: flex;
  align-items: flex-start;
  padding: 0 0 4px 0;
  outline: none;
}
.ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper:hover {
  background: transparent;
}
.ant-tree .ant-tree-treenode-active .ant-tree-node-content-wrapper {
  background: #f5f5f5;
}
.ant-tree .ant-tree-treenode:not(.ant-tree .ant-tree-treenode-disabled).filter-node .ant-tree-title {
  color: inherit;
  font-weight: 500;
}
.ant-tree .ant-tree-treenode-draggable .ant-tree-draggable-icon {
  width: 24px;
  line-height: 24px;
  text-align: center;
  visibility: visible;
  opacity: 0.2;
  transition: opacity 0.3s;
}
.ant-tree-treenode:hover .ant-tree .ant-tree-treenode-draggable .ant-tree-draggable-icon {
  opacity: 0.45;
}
.ant-tree .ant-tree-treenode-draggable.ant-tree-treenode-disabled .ant-tree-draggable-icon {
  visibility: hidden;
}
.ant-tree-indent {
  align-self: stretch;
  white-space: nowrap;
  -webkit-user-select: none;
          user-select: none;
}
.ant-tree-indent-unit {
  display: inline-block;
  width: 24px;
}
.ant-tree-draggable-icon {
  visibility: hidden;
}
.ant-tree-switcher {
  position: relative;
  flex: none;
  align-self: stretch;
  width: 24px;
  margin: 0;
  line-height: 24px;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}
.ant-tree-switcher .ant-tree-switcher-icon,
.ant-tree-switcher .ant-select-tree-switcher-icon {
  display: inline-block;
  font-size: 10px;
  vertical-align: baseline;
}
.ant-tree-switcher .ant-tree-switcher-icon svg,
.ant-tree-switcher .ant-select-tree-switcher-icon svg {
  transition: transform 0.3s;
}
.ant-tree-switcher-noop {
  cursor: default;
}
.ant-tree-switcher_close .ant-tree-switcher-icon svg {
  transform: rotate(-90deg);
}
.ant-tree-switcher-loading-icon {
  color: #D04A02;
}
.ant-tree-switcher-leaf-line {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.ant-tree-switcher-leaf-line::before {
  position: absolute;
  top: 0;
  right: 12px;
  bottom: -4px;
  margin-left: -1px;
  border-right: 1px solid #d9d9d9;
  content: ' ';
}
.ant-tree-switcher-leaf-line::after {
  position: absolute;
  width: 10px;
  height: 14px;
  border-bottom: 1px solid #d9d9d9;
  content: ' ';
}
.ant-tree-checkbox {
  top: initial;
  margin: 4px 8px 0 0;
}
.ant-tree .ant-tree-node-content-wrapper {
  position: relative;
  z-index: auto;
  min-height: 24px;
  margin: 0;
  padding: 0 4px;
  color: inherit;
  line-height: 24px;
  background: transparent;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s;
}
.ant-tree .ant-tree-node-content-wrapper:hover {
  background-color: #f5f5f5;
}
.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected {
  background-color: #ffd1a6;
}
.ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle {
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  vertical-align: top;
}
.ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle:empty {
  display: none;
}
.ant-tree-unselectable .ant-tree-node-content-wrapper:hover {
  background-color: transparent;
}
.ant-tree-node-content-wrapper {
  line-height: 24px;
  -webkit-user-select: none;
          user-select: none;
}
.ant-tree-node-content-wrapper .ant-tree-drop-indicator {
  position: absolute;
  z-index: 1;
  height: 2px;
  background-color: #D04A02;
  border-radius: 1px;
  pointer-events: none;
}
.ant-tree-node-content-wrapper .ant-tree-drop-indicator::after {
  position: absolute;
  top: -3px;
  left: -6px;
  width: 8px;
  height: 8px;
  background-color: transparent;
  border: 2px solid #D04A02;
  border-radius: 50%;
  content: '';
}
.ant-tree .ant-tree-treenode.drop-container > [draggable] {
  box-shadow: 0 0 0 2px #D04A02;
}
.ant-tree-show-line .ant-tree-indent-unit {
  position: relative;
  height: 100%;
}
.ant-tree-show-line .ant-tree-indent-unit::before {
  position: absolute;
  top: 0;
  right: 12px;
  bottom: -4px;
  border-right: 1px solid #D4D4D4;
  content: '';
}
.ant-tree-show-line .ant-tree-indent-unit-end::before {
  display: none;
}
.ant-tree-show-line .ant-tree-switcher {
  background: #fff;
}
.ant-tree-show-line .ant-tree-switcher-line-icon {
  vertical-align: -0.15em;
}
.ant-tree .ant-tree-treenode-leaf-last .ant-tree-switcher-leaf-line::before {
  top: auto !important;
  bottom: auto !important;
  height: 14px !important;
}
.ant-tree-rtl {
  direction: rtl;
}
.ant-tree-rtl .ant-tree-node-content-wrapper[draggable='true'] .ant-tree-drop-indicator::after {
  right: -6px;
  left: unset;
}
.ant-tree .ant-tree-treenode-rtl {
  direction: rtl;
}
.ant-tree-rtl .ant-tree-switcher_close .ant-tree-switcher-icon svg {
  transform: rotate(90deg);
}
.ant-tree-rtl.ant-tree-show-line .ant-tree-indent-unit::before {
  right: auto;
  left: -13px;
  border-right: none;
  border-left: 1px solid #D4D4D4;
}
.ant-tree-rtl .ant-tree-checkbox {
  margin: 4px 0 0 8px;
}
.ant-tree-select-dropdown-rtl .ant-select-tree-checkbox {
  margin: 4px 0 0 8px;
}
.ant-select-tree-checkbox {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #404041;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.15;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  position: relative;
  top: 0.2em;
  line-height: 1;
  white-space: nowrap;
  outline: none;
  cursor: pointer;
}
.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-inner,
.ant-select-tree-checkbox:hover .ant-select-tree-checkbox-inner,
.ant-select-tree-checkbox-input:focus + .ant-select-tree-checkbox-inner {
  border-color: #D04A02;
}
.ant-select-tree-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #D04A02;
  border-radius: 2px;
  visibility: hidden;
  animation: antCheckboxEffect 0.36s ease-in-out;
  animation-fill-mode: backwards;
  content: '';
}
.ant-select-tree-checkbox:hover::after,
.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox::after {
  visibility: visible;
}
.ant-select-tree-checkbox-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  direction: ltr;
  background-color: #fff;
  border: 1px solid #D4D4D4;
  border-radius: 2px;
  border-collapse: separate;
  transition: all 0.3s;
}
.ant-select-tree-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 21.5%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: ' ';
}
.ant-select-tree-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after {
  position: absolute;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: ' ';
}
.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner {
  background-color: #D04A02;
  border-color: #D04A02;
}
.ant-select-tree-checkbox-disabled {
  cursor: not-allowed;
}
.ant-select-tree-checkbox-disabled.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after {
  border-color: rgba(0, 0, 0, 0.25);
  animation-name: none;
}
.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-input {
  cursor: not-allowed;
  pointer-events: none;
}
.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #D4D4D4 !important;
}
.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after {
  border-color: #f5f5f5;
  border-collapse: separate;
  animation-name: none;
}
.ant-select-tree-checkbox-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-select-tree-checkbox-disabled:hover::after,
.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-disabled::after {
  visibility: hidden;
}
.ant-select-tree-checkbox-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #404041;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.15;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  display: inline-flex;
  align-items: baseline;
  line-height: unset;
  cursor: pointer;
}
.ant-select-tree-checkbox-wrapper::after {
  display: inline-block;
  width: 0;
  overflow: hidden;
  content: '\a0';
}
.ant-select-tree-checkbox-wrapper.ant-select-tree-checkbox-wrapper-disabled {
  cursor: not-allowed;
}
.ant-select-tree-checkbox-wrapper + .ant-select-tree-checkbox-wrapper {
  margin-left: 8px;
}
.ant-select-tree-checkbox-wrapper.ant-select-tree-checkbox-wrapper-in-form-item input[type='checkbox'] {
  width: 14px;
  height: 14px;
}
.ant-select-tree-checkbox + span {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-select-tree-checkbox-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #404041;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.15;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  display: inline-block;
}
.ant-select-tree-checkbox-group-item {
  margin-right: 8px;
}
.ant-select-tree-checkbox-group-item:last-child {
  margin-right: 0;
}
.ant-select-tree-checkbox-group-item + .ant-select-tree-checkbox-group-item {
  margin-left: 0;
}
.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner {
  background-color: #fff;
  border-color: #D4D4D4;
}
.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: #D04A02;
  border: 0;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: ' ';
}
.ant-select-tree-checkbox-indeterminate.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-select-tree-checkbox-rtl {
  direction: rtl;
}
.ant-select-tree-checkbox-group-rtl .ant-select-tree-checkbox-group-item {
  margin-right: 0;
  margin-left: 8px;
}
.ant-select-tree-checkbox-group-rtl .ant-select-tree-checkbox-group-item:last-child {
  margin-left: 0 !important;
}
.ant-select-tree-checkbox-group-rtl .ant-select-tree-checkbox-group-item + .ant-select-tree-checkbox-group-item {
  margin-left: 8px;
}
.ant-tree-select-dropdown {
  padding: 8px 4px;
}
.ant-tree-select-dropdown-rtl {
  direction: rtl;
}
.ant-tree-select-dropdown .ant-select-tree {
  border-radius: 0;
}
.ant-tree-select-dropdown .ant-select-tree-list-holder-inner {
  align-items: stretch;
}
.ant-tree-select-dropdown .ant-select-tree-list-holder-inner .ant-select-tree-treenode .ant-select-tree-node-content-wrapper {
  flex: auto;
}
.ant-select-tree {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #404041;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.15;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  background: #fff;
  border-radius: 4px;
  transition: background-color 0.3s;
}
.ant-select-tree-focused:not(:hover):not(.ant-select-tree-active-focused) {
  background: #fff3e6;
}
.ant-select-tree-list-holder-inner {
  align-items: flex-start;
}
.ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner {
  align-items: stretch;
}
.ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-node-content-wrapper {
  flex: auto;
}
.ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-treenode.dragging {
  position: relative;
}
.ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-treenode.dragging::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 4px;
  left: 0;
  border: 1px solid #D04A02;
  opacity: 0;
  animation: ant-tree-node-fx-do-not-use 0.3s;
  animation-play-state: running;
  animation-fill-mode: forwards;
  content: '';
  pointer-events: none;
}
.ant-select-tree .ant-select-tree-treenode {
  display: flex;
  align-items: flex-start;
  padding: 0 0 4px 0;
  outline: none;
}
.ant-select-tree .ant-select-tree-treenode-disabled .ant-select-tree-node-content-wrapper {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-select-tree .ant-select-tree-treenode-disabled .ant-select-tree-node-content-wrapper:hover {
  background: transparent;
}
.ant-select-tree .ant-select-tree-treenode-active .ant-select-tree-node-content-wrapper {
  background: #f5f5f5;
}
.ant-select-tree .ant-select-tree-treenode:not(.ant-select-tree .ant-select-tree-treenode-disabled).filter-node .ant-select-tree-title {
  color: inherit;
  font-weight: 500;
}
.ant-select-tree .ant-select-tree-treenode-draggable .ant-select-tree-draggable-icon {
  width: 24px;
  line-height: 24px;
  text-align: center;
  visibility: visible;
  opacity: 0.2;
  transition: opacity 0.3s;
}
.ant-select-tree-treenode:hover .ant-select-tree .ant-select-tree-treenode-draggable .ant-select-tree-draggable-icon {
  opacity: 0.45;
}
.ant-select-tree .ant-select-tree-treenode-draggable.ant-select-tree-treenode-disabled .ant-select-tree-draggable-icon {
  visibility: hidden;
}
.ant-select-tree-indent {
  align-self: stretch;
  white-space: nowrap;
  -webkit-user-select: none;
          user-select: none;
}
.ant-select-tree-indent-unit {
  display: inline-block;
  width: 24px;
}
.ant-select-tree-draggable-icon {
  visibility: hidden;
}
.ant-select-tree-switcher {
  position: relative;
  flex: none;
  align-self: stretch;
  width: 24px;
  margin: 0;
  line-height: 24px;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}
.ant-select-tree-switcher .ant-tree-switcher-icon,
.ant-select-tree-switcher .ant-select-tree-switcher-icon {
  display: inline-block;
  font-size: 10px;
  vertical-align: baseline;
}
.ant-select-tree-switcher .ant-tree-switcher-icon svg,
.ant-select-tree-switcher .ant-select-tree-switcher-icon svg {
  transition: transform 0.3s;
}
.ant-select-tree-switcher-noop {
  cursor: default;
}
.ant-select-tree-switcher_close .ant-select-tree-switcher-icon svg {
  transform: rotate(-90deg);
}
.ant-select-tree-switcher-loading-icon {
  color: #D04A02;
}
.ant-select-tree-switcher-leaf-line {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.ant-select-tree-switcher-leaf-line::before {
  position: absolute;
  top: 0;
  right: 12px;
  bottom: -4px;
  margin-left: -1px;
  border-right: 1px solid #d9d9d9;
  content: ' ';
}
.ant-select-tree-switcher-leaf-line::after {
  position: absolute;
  width: 10px;
  height: 14px;
  border-bottom: 1px solid #d9d9d9;
  content: ' ';
}
.ant-select-tree-checkbox {
  top: initial;
  margin: 4px 8px 0 0;
}
.ant-select-tree .ant-select-tree-node-content-wrapper {
  position: relative;
  z-index: auto;
  min-height: 24px;
  margin: 0;
  padding: 0 4px;
  color: inherit;
  line-height: 24px;
  background: transparent;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s;
}
.ant-select-tree .ant-select-tree-node-content-wrapper:hover {
  background-color: #f5f5f5;
}
.ant-select-tree .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected {
  background-color: #ffd1a6;
}
.ant-select-tree .ant-select-tree-node-content-wrapper .ant-select-tree-iconEle {
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  vertical-align: top;
}
.ant-select-tree .ant-select-tree-node-content-wrapper .ant-select-tree-iconEle:empty {
  display: none;
}
.ant-select-tree-unselectable .ant-select-tree-node-content-wrapper:hover {
  background-color: transparent;
}
.ant-select-tree-node-content-wrapper {
  line-height: 24px;
  -webkit-user-select: none;
          user-select: none;
}
.ant-select-tree-node-content-wrapper .ant-tree-drop-indicator {
  position: absolute;
  z-index: 1;
  height: 2px;
  background-color: #D04A02;
  border-radius: 1px;
  pointer-events: none;
}
.ant-select-tree-node-content-wrapper .ant-tree-drop-indicator::after {
  position: absolute;
  top: -3px;
  left: -6px;
  width: 8px;
  height: 8px;
  background-color: transparent;
  border: 2px solid #D04A02;
  border-radius: 50%;
  content: '';
}
.ant-select-tree .ant-select-tree-treenode.drop-container > [draggable] {
  box-shadow: 0 0 0 2px #D04A02;
}
.ant-select-tree-show-line .ant-select-tree-indent-unit {
  position: relative;
  height: 100%;
}
.ant-select-tree-show-line .ant-select-tree-indent-unit::before {
  position: absolute;
  top: 0;
  right: 12px;
  bottom: -4px;
  border-right: 1px solid #D4D4D4;
  content: '';
}
.ant-select-tree-show-line .ant-select-tree-indent-unit-end::before {
  display: none;
}
.ant-select-tree-show-line .ant-select-tree-switcher {
  background: #fff;
}
.ant-select-tree-show-line .ant-select-tree-switcher-line-icon {
  vertical-align: -0.15em;
}
.ant-select-tree .ant-select-tree-treenode-leaf-last .ant-select-tree-switcher-leaf-line::before {
  top: auto !important;
  bottom: auto !important;
  height: 14px !important;
}
.ant-tree-select-dropdown-rtl .ant-select-tree .ant-select-tree-switcher_close .ant-select-tree-switcher-icon svg {
  transform: rotate(90deg);
}
.ant-tree-select-dropdown-rtl .ant-select-tree .ant-select-tree-switcher-loading-icon {
  transform: scaleY(-1);
}
.ant-typography {
  color: #404041;
  word-break: break-word;
}
.ant-typography.ant-typography-secondary {
  color: rgba(0, 0, 0, 0.45);
}
.ant-typography.ant-typography-success {
  color: #22992E;
}
.ant-typography.ant-typography-warning {
  color: #FFBF1F;
}
.ant-typography.ant-typography-danger {
  color: #C52A1A;
}
a.ant-typography.ant-typography-danger:active,
a.ant-typography.ant-typography-danger:focus {
  color: #9e160d;
}
a.ant-typography.ant-typography-danger:hover {
  color: #d1503d;
}
.ant-typography.ant-typography-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
  -webkit-user-select: none;
          user-select: none;
}
div.ant-typography,
.ant-typography p {
  margin-bottom: 1em;
}
h1.ant-typography,
div.ant-typography-h1,
div.ant-typography-h1 > textarea,
.ant-typography h1 {
  margin-bottom: 0.5em;
  color: #000;
  font-weight: 600;
  font-size: 38px;
  line-height: 1.23;
}
h2.ant-typography,
div.ant-typography-h2,
div.ant-typography-h2 > textarea,
.ant-typography h2 {
  margin-bottom: 0.5em;
  color: #000;
  font-weight: 600;
  font-size: 30px;
  line-height: 1.35;
}
h3.ant-typography,
div.ant-typography-h3,
div.ant-typography-h3 > textarea,
.ant-typography h3 {
  margin-bottom: 0.5em;
  color: #000;
  font-weight: 600;
  font-size: 24px;
  line-height: 1.35;
}
h4.ant-typography,
div.ant-typography-h4,
div.ant-typography-h4 > textarea,
.ant-typography h4 {
  margin-bottom: 0.5em;
  color: #000;
  font-weight: 600;
  font-size: 20px;
  line-height: 1.4;
}
h5.ant-typography,
div.ant-typography-h5,
div.ant-typography-h5 > textarea,
.ant-typography h5 {
  margin-bottom: 0.5em;
  color: #000;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
}
.ant-typography + h1.ant-typography,
.ant-typography + h2.ant-typography,
.ant-typography + h3.ant-typography,
.ant-typography + h4.ant-typography,
.ant-typography + h5.ant-typography {
  margin-top: 1.2em;
}
.ant-typography div + h1,
.ant-typography ul + h1,
.ant-typography li + h1,
.ant-typography p + h1,
.ant-typography h1 + h1,
.ant-typography h2 + h1,
.ant-typography h3 + h1,
.ant-typography h4 + h1,
.ant-typography h5 + h1,
.ant-typography div + h2,
.ant-typography ul + h2,
.ant-typography li + h2,
.ant-typography p + h2,
.ant-typography h1 + h2,
.ant-typography h2 + h2,
.ant-typography h3 + h2,
.ant-typography h4 + h2,
.ant-typography h5 + h2,
.ant-typography div + h3,
.ant-typography ul + h3,
.ant-typography li + h3,
.ant-typography p + h3,
.ant-typography h1 + h3,
.ant-typography h2 + h3,
.ant-typography h3 + h3,
.ant-typography h4 + h3,
.ant-typography h5 + h3,
.ant-typography div + h4,
.ant-typography ul + h4,
.ant-typography li + h4,
.ant-typography p + h4,
.ant-typography h1 + h4,
.ant-typography h2 + h4,
.ant-typography h3 + h4,
.ant-typography h4 + h4,
.ant-typography h5 + h4,
.ant-typography div + h5,
.ant-typography ul + h5,
.ant-typography li + h5,
.ant-typography p + h5,
.ant-typography h1 + h5,
.ant-typography h2 + h5,
.ant-typography h3 + h5,
.ant-typography h4 + h5,
.ant-typography h5 + h5 {
  margin-top: 1.2em;
}
a.ant-typography-ellipsis,
span.ant-typography-ellipsis {
  display: inline-block;
  max-width: 100%;
}
a.ant-typography,
.ant-typography a {
  color: #D04A02;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  text-decoration: none;
}
a.ant-typography:focus-visible,
.ant-typography a:focus-visible,
a.ant-typography:hover,
.ant-typography a:hover {
  color: #de6c26;
}
a.ant-typography:active,
.ant-typography a:active {
  color: #ab3600;
}
a.ant-typography:active,
.ant-typography a:active,
a.ant-typography:hover,
.ant-typography a:hover {
  text-decoration: none;
}
a.ant-typography[disabled],
.ant-typography a[disabled],
a.ant-typography.ant-typography-disabled,
.ant-typography a.ant-typography-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
a.ant-typography[disabled]:active,
.ant-typography a[disabled]:active,
a.ant-typography.ant-typography-disabled:active,
.ant-typography a.ant-typography-disabled:active,
a.ant-typography[disabled]:hover,
.ant-typography a[disabled]:hover,
a.ant-typography.ant-typography-disabled:hover,
.ant-typography a.ant-typography-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
}
a.ant-typography[disabled]:active,
.ant-typography a[disabled]:active,
a.ant-typography.ant-typography-disabled:active,
.ant-typography a.ant-typography-disabled:active {
  pointer-events: none;
}
.ant-typography code {
  margin: 0 0.2em;
  padding: 0.2em 0.4em 0.1em;
  font-size: 85%;
  background: rgba(150, 150, 150, 0.1);
  border: 1px solid rgba(100, 100, 100, 0.2);
  border-radius: 3px;
}
.ant-typography kbd {
  margin: 0 0.2em;
  padding: 0.15em 0.4em 0.1em;
  font-size: 90%;
  background: rgba(150, 150, 150, 0.06);
  border: 1px solid rgba(100, 100, 100, 0.2);
  border-bottom-width: 2px;
  border-radius: 3px;
}
.ant-typography mark {
  padding: 0;
  background-color: #ffe58f;
}
.ant-typography u,
.ant-typography ins {
  text-decoration: underline;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}
.ant-typography s,
.ant-typography del {
  text-decoration: line-through;
}
.ant-typography strong {
  font-weight: 600;
}
.ant-typography-expand,
.ant-typography-edit,
.ant-typography-copy {
  color: #D04A02;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  margin-left: 4px;
}
.ant-typography-expand:focus-visible,
.ant-typography-edit:focus-visible,
.ant-typography-copy:focus-visible,
.ant-typography-expand:hover,
.ant-typography-edit:hover,
.ant-typography-copy:hover {
  color: #de6c26;
}
.ant-typography-expand:active,
.ant-typography-edit:active,
.ant-typography-copy:active {
  color: #ab3600;
}
.ant-typography-copy-success,
.ant-typography-copy-success:hover,
.ant-typography-copy-success:focus {
  color: #22992E;
}
.ant-typography-edit-content {
  position: relative;
}
div.ant-typography-edit-content {
  left: -12px;
  margin-top: -10px;
  margin-bottom: calc(1em - 9px - 1px);
}
.ant-typography-edit-content-confirm {
  position: absolute;
  right: 10px;
  bottom: 8px;
  color: rgba(0, 0, 0, 0.45);
  font-weight: normal;
  font-size: 14px;
  font-style: normal;
  pointer-events: none;
}
.ant-typography-edit-content textarea {
  height: 1em;
  margin: 0 !important;
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -moz-transition: none;
}
.ant-typography ul,
.ant-typography ol {
  margin: 0 0 1em;
  padding: 0;
}
.ant-typography ul li,
.ant-typography ol li {
  margin: 0 0 0 20px;
  padding: 0 0 0 4px;
}
.ant-typography ul {
  list-style-type: circle;
}
.ant-typography ul ul {
  list-style-type: disc;
}
.ant-typography ol {
  list-style-type: decimal;
}
.ant-typography pre,
.ant-typography blockquote {
  margin: 1em 0;
}
.ant-typography pre {
  padding: 0.4em 0.6em;
  white-space: pre-wrap;
  word-wrap: break-word;
  background: rgba(150, 150, 150, 0.1);
  border: 1px solid rgba(100, 100, 100, 0.2);
  border-radius: 3px;
}
.ant-typography pre code {
  display: inline;
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
  background: transparent;
  border: 0;
}
.ant-typography blockquote {
  padding: 0 0 0 0.6em;
  border-left: 4px solid rgba(100, 100, 100, 0.2);
  opacity: 0.85;
}
.ant-typography-single-line {
  white-space: nowrap;
}
.ant-typography-ellipsis-single-line {
  overflow: hidden;
  text-overflow: ellipsis;
}
a.ant-typography-ellipsis-single-line,
span.ant-typography-ellipsis-single-line {
  vertical-align: bottom;
}
.ant-typography-ellipsis-multiple-line {
  /* stylelint-disable-next-line value-no-vendor-prefix */
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
}
.ant-typography-rtl {
  direction: rtl;
}
.ant-typography-rtl .ant-typography-expand,
.ant-typography-rtl .ant-typography-edit,
.ant-typography-rtl .ant-typography-copy {
  margin-right: 4px;
  margin-left: 0;
}
.ant-typography-rtl .ant-typography-expand {
  float: left;
}
div.ant-typography-edit-content.ant-typography-rtl {
  right: -12px;
  left: auto;
}
.ant-typography-rtl .ant-typography-edit-content-confirm {
  right: auto;
  left: 10px;
}
.ant-typography-rtl.ant-typography ul li,
.ant-typography-rtl.ant-typography ol li {
  margin: 0 20px 0 0;
  padding: 0 4px 0 0;
}
.ant-upload {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #404041;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.15;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  outline: 0;
}
.ant-upload p {
  margin: 0;
}
.ant-upload-btn {
  display: block;
  width: 100%;
  outline: none;
}
.ant-upload input[type='file'] {
  cursor: pointer;
}
.ant-upload.ant-upload-select {
  display: inline-block;
}
.ant-upload.ant-upload-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-upload.ant-upload-select-picture-card {
  width: 104px;
  height: 104px;
  margin-right: 8px;
  margin-bottom: 8px;
  text-align: center;
  vertical-align: top;
  background-color: #fafafa;
  border: 1px dashed #D4D4D4;
  border-radius: 4px;
  cursor: pointer;
  transition: border-color 0.3s;
}
.ant-upload.ant-upload-select-picture-card > .ant-upload {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-align: center;
}
.ant-upload.ant-upload-select-picture-card:hover {
  border-color: #D04A02;
}
.ant-upload-disabled.ant-upload.ant-upload-select-picture-card:hover {
  border-color: #D4D4D4;
}
.ant-upload.ant-upload-drag {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  background: #fafafa;
  border: 1px dashed #D4D4D4;
  border-radius: 4px;
  cursor: pointer;
  transition: border-color 0.3s;
}
.ant-upload.ant-upload-drag .ant-upload {
  padding: 16px 0;
}
.ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled) {
  border-color: #ab3600;
}
.ant-upload.ant-upload-drag.ant-upload-disabled {
  cursor: not-allowed;
}
.ant-upload.ant-upload-drag .ant-upload-btn {
  display: table;
  height: 100%;
}
.ant-upload.ant-upload-drag .ant-upload-drag-container {
  display: table-cell;
  vertical-align: middle;
}
.ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover {
  border-color: #de6c26;
}
.ant-upload.ant-upload-drag p.ant-upload-drag-icon {
  margin-bottom: 20px;
}
.ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon {
  color: #de6c26;
  font-size: 48px;
}
.ant-upload.ant-upload-drag p.ant-upload-text {
  margin: 0 0 4px;
  color: #000;
  font-size: 16px;
}
.ant-upload.ant-upload-drag p.ant-upload-hint {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-upload.ant-upload-drag .anticon-plus {
  color: rgba(0, 0, 0, 0.25);
  font-size: 30px;
  transition: all 0.3s;
}
.ant-upload.ant-upload-drag .anticon-plus:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-upload.ant-upload-drag:hover .anticon-plus {
  color: rgba(0, 0, 0, 0.45);
}
.ant-upload-picture-card-wrapper {
  display: inline-block;
  width: 100%;
}
.ant-upload-picture-card-wrapper::before {
  display: table;
  content: '';
}
.ant-upload-picture-card-wrapper::after {
  display: table;
  clear: both;
  content: '';
}
.ant-upload-picture-card-wrapper::before {
  display: table;
  content: '';
}
.ant-upload-picture-card-wrapper::after {
  display: table;
  clear: both;
  content: '';
}
.ant-upload-list {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #404041;
  font-size: 14px;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  line-height: 1.15;
}
.ant-upload-list::before {
  display: table;
  content: '';
}
.ant-upload-list::after {
  display: table;
  clear: both;
  content: '';
}
.ant-upload-list::before {
  display: table;
  content: '';
}
.ant-upload-list::after {
  display: table;
  clear: both;
  content: '';
}
.ant-upload-list-item {
  position: relative;
  height: 16.1px;
  margin-top: 8px;
  font-size: 14px;
}
.ant-upload-list-item-name {
  display: inline-block;
  width: 100%;
  padding-left: 22px;
  overflow: hidden;
  line-height: 1.15;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-upload-list-item-card-actions {
  position: absolute;
  right: 0;
}
.ant-upload-list-item-card-actions-btn {
  opacity: 0;
}
.ant-upload-list-item-card-actions-btn.ant-btn-sm {
  height: 16.1px;
  line-height: 1;
  vertical-align: top;
}
.ant-upload-list-item-card-actions.picture {
  top: 22px;
  line-height: 0;
}
.ant-upload-list-item-card-actions-btn:focus,
.ant-upload-list-item-card-actions.picture .ant-upload-list-item-card-actions-btn {
  opacity: 1;
}
.ant-upload-list-item-card-actions .anticon {
  color: rgba(0, 0, 0, 0.45);
  transition: all 0.3s;
}
.ant-upload-list-item-card-actions:hover .anticon {
  color: #404041;
}
.ant-upload-list-item-info {
  height: 100%;
  transition: background-color 0.3s;
}
.ant-upload-list-item-info > span {
  display: block;
  width: 100%;
  height: 100%;
}
.ant-upload-list-item-info .anticon-loading .anticon,
.ant-upload-list-item-info .ant-upload-text-icon .anticon {
  position: absolute;
  top: 5px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-upload-list-item:hover .ant-upload-list-item-info {
  background-color: #f5f5f5;
}
.ant-upload-list-item:hover .ant-upload-list-item-card-actions-btn {
  opacity: 1;
}
.ant-upload-list-item-error,
.ant-upload-list-item-error .ant-upload-text-icon > .anticon,
.ant-upload-list-item-error .ant-upload-list-item-name {
  color: #C52A1A;
}
.ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {
  color: #C52A1A;
}
.ant-upload-list-item-error .ant-upload-list-item-card-actions-btn {
  opacity: 1;
}
.ant-upload-list-item-progress {
  position: absolute;
  bottom: -12px;
  width: 100%;
  padding-left: 26px;
  font-size: 14px;
  line-height: 0;
}
.ant-upload-list-picture .ant-upload-list-item,
.ant-upload-list-picture-card .ant-upload-list-item {
  position: relative;
  height: 66px;
  padding: 8px;
  border: 1px solid #D4D4D4;
  border-radius: 4px;
}
.ant-upload-list-picture .ant-upload-list-item:hover,
.ant-upload-list-picture-card .ant-upload-list-item:hover {
  background: transparent;
}
.ant-upload-list-picture .ant-upload-list-item-error,
.ant-upload-list-picture-card .ant-upload-list-item-error {
  border-color: #C52A1A;
}
.ant-upload-list-picture .ant-upload-list-item-info,
.ant-upload-list-picture-card .ant-upload-list-item-info {
  padding: 0;
}
.ant-upload-list-picture .ant-upload-list-item:hover .ant-upload-list-item-info,
.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info {
  background: transparent;
}
.ant-upload-list-picture .ant-upload-list-item-uploading,
.ant-upload-list-picture-card .ant-upload-list-item-uploading {
  border-style: dashed;
}
.ant-upload-list-picture .ant-upload-list-item-thumbnail,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail {
  width: 48px;
  height: 48px;
  line-height: 60px;
  text-align: center;
  opacity: 0.8;
}
.ant-upload-list-picture .ant-upload-list-item-thumbnail .anticon,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail .anticon {
  font-size: 26px;
}
.ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#e6f7ff'],
.ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#e6f7ff'] {
  fill: #fff2ed;
}
.ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#1890ff'],
.ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#1890ff'] {
  fill: #C52A1A;
}
.ant-upload-list-picture .ant-upload-list-item-icon,
.ant-upload-list-picture-card .ant-upload-list-item-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 26px;
  transform: translate(-50%, -50%);
}
.ant-upload-list-picture .ant-upload-list-item-icon .anticon,
.ant-upload-list-picture-card .ant-upload-list-item-icon .anticon {
  font-size: 26px;
}
.ant-upload-list-picture .ant-upload-list-item-image,
.ant-upload-list-picture-card .ant-upload-list-item-image {
  max-width: 100%;
}
.ant-upload-list-picture .ant-upload-list-item-thumbnail img,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
  display: block;
  width: 48px;
  height: 48px;
  overflow: hidden;
}
.ant-upload-list-picture .ant-upload-list-item-name,
.ant-upload-list-picture-card .ant-upload-list-item-name {
  display: inline-block;
  box-sizing: border-box;
  max-width: 100%;
  margin: 0 0 0 8px;
  padding-right: 8px;
  padding-left: 48px;
  overflow: hidden;
  line-height: 44px;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: all 0.3s;
}
.ant-upload-list-picture .ant-upload-list-item-uploading .ant-upload-list-item-name,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-name {
  margin-bottom: 12px;
}
.ant-upload-list-picture .ant-upload-list-item-progress,
.ant-upload-list-picture-card .ant-upload-list-item-progress {
  bottom: 14px;
  width: calc(100% - 24px);
  margin-top: 0;
  padding-left: 56px;
}
.ant-upload-list-picture-card-container {
  display: inline-block;
  width: 104px;
  height: 104px;
  margin: 0 8px 8px 0;
  vertical-align: top;
}
.ant-upload-list-picture-card .ant-upload-list-item {
  height: 100%;
  margin: 0;
}
.ant-upload-list-picture-card .ant-upload-list-item-info {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.ant-upload-list-picture-card .ant-upload-list-item-info::before {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: all 0.3s;
  content: ' ';
}
.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info::before {
  opacity: 1;
}
.ant-upload-list-picture-card .ant-upload-list-item-actions {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  white-space: nowrap;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.3s;
}
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete {
  z-index: 10;
  width: 16px;
  margin: 0 4px;
  color: rgba(255, 255, 255, 0.85);
  font-size: 16px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye:hover,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download:hover,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete:hover {
  color: #fff;
}
.ant-upload-list-picture-card .ant-upload-list-item-info:hover + .ant-upload-list-item-actions,
.ant-upload-list-picture-card .ant-upload-list-item-actions:hover {
  opacity: 1;
}
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
  position: static;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.ant-upload-list-picture-card .ant-upload-list-item-name {
  display: none;
  margin: 8px 0 0;
  padding: 0;
  line-height: 1.15;
  text-align: center;
}
.ant-upload-list-picture-card .ant-upload-list-item-file + .ant-upload-list-item-name {
  position: absolute;
  bottom: 10px;
  display: block;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading.ant-upload-list-item {
  background-color: #fafafa;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info {
  height: auto;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info::before,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-eye,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-delete {
  display: none;
}
.ant-upload-list-picture-card .ant-upload-list-item-progress {
  bottom: 32px;
  width: calc(100% - 14px);
  padding-left: 0;
}
.ant-upload-list-text-container,
.ant-upload-list-picture-container {
  transition: opacity 0.3s, height 0.3s;
}
.ant-upload-list-text-container::before,
.ant-upload-list-picture-container::before {
  display: table;
  width: 0;
  height: 0;
  content: '';
}
.ant-upload-list-text-container .ant-upload-span,
.ant-upload-list-picture-container .ant-upload-span {
  display: block;
  flex: auto;
}
.ant-upload-list-text .ant-upload-span,
.ant-upload-list-picture .ant-upload-span {
  display: flex;
  align-items: center;
}
.ant-upload-list-text .ant-upload-span > *,
.ant-upload-list-picture .ant-upload-span > * {
  flex: none;
}
.ant-upload-list-text .ant-upload-list-item-name,
.ant-upload-list-picture .ant-upload-list-item-name {
  flex: auto;
  margin: 0;
  padding: 0 8px;
}
.ant-upload-list-text .ant-upload-list-item-card-actions,
.ant-upload-list-picture .ant-upload-list-item-card-actions {
  position: static;
}
.ant-upload-list-text .ant-upload-text-icon .anticon {
  position: static;
}
.ant-upload-list .ant-upload-animate-inline-appear,
.ant-upload-list .ant-upload-animate-inline-enter,
.ant-upload-list .ant-upload-animate-inline-leave {
  animation-duration: 0.3s;
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
  animation-fill-mode: forwards;
}
.ant-upload-list .ant-upload-animate-inline-appear,
.ant-upload-list .ant-upload-animate-inline-enter {
  animation-name: uploadAnimateInlineIn;
}
.ant-upload-list .ant-upload-animate-inline-leave {
  animation-name: uploadAnimateInlineOut;
}
@keyframes uploadAnimateInlineIn {
  from {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}
@keyframes uploadAnimateInlineOut {
  to {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}
.ant-upload-rtl {
  direction: rtl;
}
.ant-upload-rtl.ant-upload.ant-upload-select-picture-card {
  margin-right: auto;
  margin-left: 8px;
}
.ant-upload-list-rtl {
  direction: rtl;
}
.ant-upload-list-rtl .ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-1 {
  padding-right: 22px;
  padding-left: 14px;
}
.ant-upload-list-rtl .ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-2 {
  padding-right: 22px;
  padding-left: 28px;
}
.ant-upload-list-rtl .ant-upload-list-item-name {
  padding-right: 22px;
  padding-left: 0;
}
.ant-upload-list-rtl .ant-upload-list-item-name-icon-count-1 {
  padding-left: 14px;
}
.ant-upload-list-rtl .ant-upload-list-item-card-actions {
  right: auto;
  left: 0;
}
.ant-upload-list-rtl .ant-upload-list-item-card-actions .anticon {
  padding-right: 0;
  padding-left: 5px;
}
.ant-upload-list-rtl .ant-upload-list-item-info {
  padding: 0 4px 0 12px;
}
.ant-upload-list-rtl .ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {
  padding-right: 0;
  padding-left: 5px;
}
.ant-upload-list-rtl .ant-upload-list-item-progress {
  padding-right: 26px;
  padding-left: 0;
}
.ant-upload-list-picture .ant-upload-list-item-info,
.ant-upload-list-picture-card .ant-upload-list-item-info {
  padding: 0;
}
.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-thumbnail,
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-thumbnail {
  right: 8px;
  left: auto;
}
.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-icon,
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-icon {
  right: 50%;
  left: auto;
  transform: translate(50%, -50%);
}
.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name,
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name {
  margin: 0 8px 0 0;
  padding-right: 48px;
  padding-left: 8px;
}
.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name-icon-count-1,
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-1 {
  padding-right: 48px;
  padding-left: 18px;
}
.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name-icon-count-2,
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-2 {
  padding-right: 48px;
  padding-left: 36px;
}
.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-progress,
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-progress {
  padding-right: 0;
  padding-left: 0;
}
.ant-upload-list-rtl .ant-upload-list-picture-card-container {
  margin: 0 0 8px 8px;
}
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-actions {
  right: 50%;
  left: auto;
  transform: translate(50%, -50%);
}
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-file + .ant-upload-list-item-name {
  margin: 8px 0 0;
  padding: 0;
}
/* PwC Brand colors */
/* Neutral greys **/
/* Status colors */
@font-face {
  font-family: 'PwC Helvetica Neue_n2';
  src: url(/static/media/418e7417-47f3-40a1-8817-519a566f9d82.a2cb9cab.eot) format('eot');
}
@font-face {
  font-family: 'Helvetica Neue';
  src: url(/static/media/418e7417-47f3-40a1-8817-519a566f9d82.a2cb9cab.eot);
  src: url(/static/media/418e7417-47f3-40a1-8817-519a566f9d82.a2cb9cab.eot) format('eot'), url(/static/media/02b3f97a-406d-43cb-885c-ba5233577cad.41e2df0c.woff2) format('woff2'), url(/static/media/cad33bbd-bbf2-423b-98c5-51136c054e14.5aa0c1f5.woff) format('woff'), url(/static/media/22c6282d-e7aa-406b-89dc-5176916a9c44.a434e0b2.ttf) format('truetype');
  font-weight: 275;
  font-style: normal;
}
@font-face {
  font-family: 'PwC Helvetica Neue_n2';
  src: url(/static/media/da266c3a-a094-4adc-a81e-12f73609ba16.211d0e83.eot) format('eot');
}
@font-face {
  font-family: 'Helvetica Neue';
  src: url(/static/media/da266c3a-a094-4adc-a81e-12f73609ba16.211d0e83.eot);
  src: url(/static/media/da266c3a-a094-4adc-a81e-12f73609ba16.211d0e83.eot) format('eot'), url(/static/media/7d63ccf8-e0ae-4dee-ad4d-bbc798aa5803.9be96844.woff2) format('woff2'), url(/static/media/b2c1327f-ab3d-4230-93d7-eee8596e1498.776090a0.woff) format('woff'), url(/static/media/922917a9-4ca8-4c0b-b1bb-417b6ff0210e.74de1f3e.ttf) format('truetype');
  font-weight: 250;
  font-style: normal;
}
@font-face {
  font-family: 'PwC Helvetica Neue_n3';
  src: url(/static/media/cb0d1e8a-e111-4dbf-82c2-e948aba954c0.59340e30.eot) format('eot');
}
@font-face {
  font-family: 'Helvetica Neue';
  src: url(/static/media/cb0d1e8a-e111-4dbf-82c2-e948aba954c0.59340e30.eot);
  src: url(/static/media/cb0d1e8a-e111-4dbf-82c2-e948aba954c0.59340e30.eot) format('eot'), url(/static/media/f9c5199e-a996-4c08-9042-1eb845bb7495.7d242f75.woff2) format('woff2'), url(/static/media/2a34f1f8-d701-4949-b12d-133c1c2636eb.84210de9.woff) format('woff'), url(/static/media/fdf10d5e-4ce0-45e5-a6c1-5eaff6cb1c11.d4600fe3.ttf) format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'PwC Helvetica Neue_n4';
  src: url(/static/media/522972a6-5867-47ae-82fc-a7cf9bd5d4d4.561c8a31.eot) format('eot');
}
@font-face {
  font-family: 'Helvetica Neue';
  src: url(/static/media/522972a6-5867-47ae-82fc-a7cf9bd5d4d4.561c8a31.eot);
  src: url(/static/media/522972a6-5867-47ae-82fc-a7cf9bd5d4d4.561c8a31.eot) format('eot'), url(/static/media/08b57253-2e0d-4c12-9c57-107f6c67bc49.2d8377e1.woff2) format('woff2'), url(/static/media/08edde9d-c27b-4731-a27f-d6cd9b01cd06.189fb735.woff) format('woff'), url(/static/media/8f4a1705-214a-4dd0-80b8-72252c37e688.6e3568f6.ttf) format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'PwC Helvetica Neue_n5';
  src: url(/static/media/5640036d-d549-4f16-b31e-87da78d9e832.fde6aa5b.eot) format('eot');
}
@font-face {
  font-family: 'Helvetica Neue';
  src: url(/static/media/5640036d-d549-4f16-b31e-87da78d9e832.fde6aa5b.eot);
  src: url(/static/media/5640036d-d549-4f16-b31e-87da78d9e832.fde6aa5b.eot) format('eot'), url(/static/media/240c57a0-fdce-440d-9ce3-85e0cb56f470.4c7f5997.woff2) format('woff2'), url(/static/media/7802e576-2ffa-4f22-a409-534355fbea79.b1dce775.woff) format('woff'), url(/static/media/14d824a2-2a5c-4692-8e30-74f6e177b675.f7a280dd.ttf) format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'PwC Helvetica Neue_n7';
  src: url(/static/media/4c21ab66-1566-4a85-b310-fbc649985f88.262ac026.eot) format('eot');
}
@font-face {
  font-family: 'Helvetica Neue';
  src: url(/static/media/4c21ab66-1566-4a85-b310-fbc649985f88.262ac026.eot);
  src: url(/static/media/4c21ab66-1566-4a85-b310-fbc649985f88.262ac026.eot) format('eot'), url(/static/media/800da3b0-675f-465f-892d-d76cecbdd5b1.bd36da35.woff2) format('woff2'), url(/static/media/7b415a05-784a-4a4c-8c94-67e9288312f5.e538f0d7.woff) format('woff'), url(/static/media/f07c25ed-2d61-4e44-99ab-a0bc3ec67662.7f4fe881.ttf) format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'PwC Helvetica Neue_n9';
  src: url(/static/media/4cc8f5da-4e24-4929-8efb-866ffcb1fe7e.1f0dd630.eot) format('eot');
}
@font-face {
  font-family: 'Helvetica Neue';
  src: url(/static/media/4cc8f5da-4e24-4929-8efb-866ffcb1fe7e.1f0dd630.eot);
  src: url(/static/media/4cc8f5da-4e24-4929-8efb-866ffcb1fe7e.1f0dd630.eot) format('eot'), url(/static/media/93ce67e5-64e3-4a99-99a3-545f20c5beec.5867fe24.woff2) format('woff2'), url(/static/media/96b3a113-3e18-46f9-b6e3-5bdee7288b20.9598cf84.woff) format('woff'), url(/static/media/556d95c6-2352-4272-9422-83d53f66cfa3.e5b59c47.ttf) format('truetype');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Source Han Sans CN';
  src: url(/static/media/SourceHanSansCN-Normal.aac26a32.otf) format('opentype');
}
@font-face {
  font-family: 'Source Han Sans CN';
  src: url(/static/media/SourceHanSansCN-Medium.b1630234.otf) format('opentype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Source Han Sans CN';
  src: url(/static/media/SourceHanSansCN-Bold.5b6413e1.otf) format('opentype'), url(/static/media/SourceHanSansCN-Bold.06f996e5.ttf) format('opentype');
  font-weight: 700;
  font-style: normal;
}
:root {
  /* PwC Brand colors */
  --color-orange: #D04A02;
  --color-digital-rose: #D93954;
  --color-red: #E0301E;
  --color-yellow: #FFB600;
  --color-tangerine: #EB8C00;
  /* Neutral greys **/
  --greys-black: #000000;
  --greys-dark-grey: #2D2D2D;
  --greys-medium-grey: #464646;
  --greys-grey: #7D7D7D;
  --greys-light-grey: #DEDEDE;
  --greys-lighter-grey: #F2F2F2;
  --greys-white: #FFFFFF;
  --greys-grey-medium: #6D6E71;
  --greys-grey-med-alt: #7D7E82;
  /* Status colors */
  --status-error: #C52A1A;
  --status-warning: #FFBF1F;
  --status-success: #22992E;
  /* Spacing */
  --horizontal-padding: 12px;
  --horizontal-padding-lg: 24px;
  --vertical-margin: 24px;
  /* Shadow */
  --box-shadow: 0px 4px 4px rgba(204, 204, 204, 0.25);
}
.full-width {
  width: 100%;
}
.hidden {
  display: none;
}
.text-padding {
  padding: 0 24px;
}
.form-control-padding {
  padding: 0 12px;
}
.section-margin {
  margin-top: 24px;
}
.page-section {
  padding: 0 24px;
  margin-top: 24px;
}
.inline-margin {
  margin-left: 4px;
}
.item-group {
  --gutter-size: 16px;
}
.item-group > *:not(:last-child) {
  margin-right: var(--gutter-size);
}
.box-shadow {
  box-shadow: 0px 4px 4px rgba(204, 204, 204, 0.25);
}
.text-align-center {
  text-align: center;
}
.text-align-right {
  text-align: right;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.absolute {
  position: absolute;
}
.inline-block {
  display: inline-block;
}
.flex {
  display: flex;
}
.flex-auto {
  flex: 1 1 auto;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex-end {
  display: flex;
  justify-content: space-between;
}
.flex-stretch {
  display: flex;
  align-items: stretch;
}
.flex-space-between {
  display: flex;
  justify-content: space-between;
}
.pointer {
  cursor: pointer;
}
.required::after {
  display: inline-block;
  margin-left: 4px;
  color: #E0301E;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.f-bold {
  font-weight: bold;
}
.f-12 {
  font-size: 12px;
}
.f-16 {
  font-size: 16px;
}
.text-overflow {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.color-black {
  color: #000000;
}
.color-grey {
  color: #6D6E71;
}
body {
  font-size: 16px;
  margin: 0;
  font-family: 'Helvetica Neue';
  height: 100%;
}
#root {
  height: 100%;
}
.overview {
  position: relative;
  background: #fff;
  word-wrap: break-word;
  word-break: break-word;
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.overview .overview-header {
  flex: 0 0 auto;
  position: relative;
  z-index: 1;
  color: #fff;
}
.overview .overview-panel {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #fff;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.overview .overview-content {
  padding: 7vw 0;
  position: relative;
  z-index: 2;
  margin: -1px auto;
  overflow: auto;
}
.overview .overview-content .overview-container {
  margin: 0 auto;
  padding: 0.625em 1.875em 0;
  max-width: 41.25em;
}
.overview .overview-content .overview-container .overview-container-content {
  display: flex;
  flex-direction: column;
}
.overview .overview-content .overview-container .overview-container-content .overview-brand {
  order: -1;
  margin: 0 0 1.875em;
  font-size: 1em;
  font-weight: 600;
  line-height: 2em;
  color: #fff;
}
.overview .overview-content .overview-container .overview-container-content .overview-brand .overview-brand-label {
  text-align: center;
  display: block;
  float: left;
  margin: 0 1rem 0 0;
  width: 2em;
  height: 2em;
  border: 1px solid #fff;
  border-radius: 50%;
  background-color: #3db0a6;
  background-size: cover;
}
.overview .overview-content .overview-container .overview-container-content .overview-brand .overview-brand-label div {
  font-size: 0.6em;
}
.overview .overview-content .overview-container .overview-container-content .overview-title-wrap .overview-title {
  margin: 0 0 6rem;
  line-height: 1.2;
  font-weight: 900;
  text-decoration: none;
}
.overview .overview-content .overview-container .overview-container-content .overview-title-wrap .overview-title h1 {
  font-size: 2.75em;
  color: #fff;
  font-weight: 900;
}
.overview .overview-content .overview-container .overview-container-content .overview-button {
  background: #fff;
  display: inline-block;
  font-size: 0.75em;
  font-weight: 800;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0 3rem;
  transition: opacity 0.3s;
  color: #313537;
  align-items: center;
  border: none;
}
.overview .overview-main .overview-logo {
  padding-bottom: 1.875em;
}
.overview .overview-main .overview-description {
  font-weight: 400;
  line-height: 2.0625;
  padding-bottom: 3.125em;
}
.overview .overview-main .overview-list .overview-list__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.overview .overview-main .overview-list .overview-list__list .overview-list-item {
  margin: 0;
  padding: 0;
}
.overview .overview-main .overview-list .overview-list__list .overview-list-item .overview-list-item__link {
  display: flex;
  align-items: center;
  text-decoration: none;
  transition: background-color 0.3s;
}
.overview .overview-main .overview-list .overview-list__list .overview-list-item .overview-list-item__link .overview-list-item__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.875em;
  opacity: 0.4;
  pointer-events: none;
}
.overview .overview-main .overview-list .overview-list__list .overview-list-item .overview-list-item__link .overview-list-item__title {
  flex: 1 1;
  display: block;
  padding: 1.25em 0.625em;
  font-family: lato, sans-serif;
  font-size: 0.8125em;
  line-height: 1em;
  font-weight: 700;
  text-decoration: none;
  color: #313537;
}
.pagenotfound {
  text-align: center;
  font-size: 2rem;
  color: red;
  margin-top: 1rem;
}
#root {
  max-width: 1980px;
  margin: auto;
}

@keyframes float {
  0% {
    box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.2);
    transform: translatey(0px);
  }
  50% {
    box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.2);
    transform: translatey(-20px);
  }
  100% {
    box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.2);
    transform: translatey(0px);
  }
}
@keyframes speechbubble {
  0% {
    width: 132px;
    height: 132px;
    transform: rotate(0deg);
  }
  30% {
    width: 160px;
    height: 160px;
    transform: rotate(-6.87deg);
  }
  60% {
    width: 160px;
    height: 160px;
    transform: rotate(-6.87deg);
  }
  90% {
    width: 132px;
    height: 132px;
    transform: rotate(0deg);
  }
  100% {
    width: 132px;
    height: 132px;
    transform: rotate(0deg);
  }
}
body {
  font-family: 'Helvetica Neue';
  min-width: 1440px;
}
.ant-select-item {
  font-size: 18px;
}
.cyber-security-training-page {
  height: 100%;
}
.cyber-security-training-page.landing-page .header-section {
  background: url(/static/media/homelandingbg.712170c7.png);
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 1000px;
}
.cyber-security-training-page.landing-page .header-section .page-header {
  background-color: transparent;
}
.cyber-security-training-page.landing-page .header-section .branding-section {
  background-color: transparent;
  min-height: 920px;
}
.cyber-security-training-page .ant-layout {
  height: 100%;
}
.cyber-security-training-page .ant-layout .page-header {
  position: relative;
  height: auto;
  line-height: 4rem;
  padding: 1rem 2.5rem;
  background-color: #fff3e4;
  display: inline-flex;
  width: 100%;
  top: 0;
  z-index: 100;
}
.cyber-security-training-page .ant-layout .page-header .logo-cpttm {
  float: left;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(/static/media/cpttm.eaea2cf1.png);
  height: 4rem;
  width: 34rem;
}
.cyber-security-training-page .ant-layout .page-header .logo {
  width: 8.5rem;
  float: left;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(data:image/png;base64,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);
}
.cyber-security-training-page .ant-layout .page-header .logo.hkgcsmeaa {
  background-image: url(/static/media/hkgcsmeaa.35154c3d.png);
  width: 6rem;
  margin-left: 1.5rem;
  display: block!important;
}
.cyber-security-training-page .ant-layout .page-header .logo.consumer {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPUAAAAjCAMAAAB7CLxlAAADAFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAMm0cAAAAAAAAAAAAAAAAAAAAAIyMAAAAAAAAAFgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALnUgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAASmkUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALnUgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMnEgAAAAAAAAAAAAAAAALnkkAAAAAAAAAAAALnUkAAAAAAAALnEgAAAAAAAAAAAAAAAAMnUgAAAAAAAAAAAAAAAAAfz8AAAAMnUkAAAAPnUkLnkgMnEgMm0gAnz4AAAAMnEkAAAAAAAAAAAALnUgAAAAAAAAAAAAAAAAAAAALnUgAAAAAAAAAAAAAAAAAoUgAAAAAAAAAAAAAAAALnUgLnUkAAAAAAAAAAAAMnUgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMnUYAAAAMnkcLnEkAAAAMnUgLnUgMnEkJnEcLnUkMnUkAAAALnEkAAAAAAAAAAAAAAAAAAAALnUkLnUgLnUkLnUsLnUkAAAAQnEgLnEkAAAALnUgAAAAMnEgMnUgMnUgMnUkLnUkMnEoAAAAMnUgMnUgLnEkMnEgLnUcLnUgMnUgLnEgMnEgLnUcLnkkLnUgMnUgMnEgMnUgLnEkMnEcAAAALnUgMm0kKnEkLnUgAAAAAAAALm0kKnkkMnUgLnUgImUwMnUkMnUgLnEkNn0kLnEgLnEgNm0cLnUgLnEgMnEgAAAALnEgKnUYAqlUNnUgLnUkMnUgLnUkLnEgImUQLnUgLnkkLnEgLnUgKnUgMnUkAAAAMnkmKVadZAAAA/HRSTlMAvf4e1RFmZwgDjuOVAqBbARhx2AZjPucgu5O2c/vpJX0cVQWMqLFYxEZTxaphyd3r7rP6oiy4z1IOlkKZiOAjdUvykP33DNIwOxKK3OILpUUkazVeUUBvC27Hyu/1VX/5KygH5SzA9N+YFFe4OIQ2gCrOv9dlBC/77CFj5RMFSv5qEMGXT8NdnZzvTm0iKgj2X0g6rcfRrcw7WjfaaBvUPHmDJ69nwnDi244b1E97iBkt8TIKs+udFvQJD4San/mMpr12wD530v1y9jWCUl+pe1eVkKJLQHUTxXlGahaHbDJ4mh74ZqsjylpN6eDOVkMvA2HtfoqwHq9CbdjnZ3tTAAANqUlEQVRo3tVZB1hUxxYe2IWAuxRZ2rLsAlKUJhakiSssrAgICCpdlGIJIGJLXEuIEBAVS2ygIjaixhaxxG6iJsTeo2JLTF56zEszr/jdw5u5be+CKPjyve/l+MmdPffMvfPPOXPaRQjTuHvjDr+BukwWibPW3EoUcqzjzJnBgMZJhrJD/HqifK+Uds+wrY4wZFhbM9ejycM9Sq31/JygimlGmKrkM9o+Y3MGehk6RVHU395tKb5y8sbdVy7vvvX5N3OfvQlvHN5y4d6ly/8+/tbNlacf/4CnUVOE9000FWbIZfMQNB/WoSWWjiw7KkbeCwoafaFAURXU0xD1vm7k4iPO4zjx6qzpE2VZGgDQjdILeoFlkiem8P6r2ywqDCDkZVCf3nXrj7EYQSvF0tkj2z/ZevDUoR23Z393affu72af2XHoSnHLrjnnKU6sFf/98f5dQ9TICoyXhIINKgIRiofuLHdboIcl9BsTHj2+xAPkvPAo123znLX9RjrbLU8AHmBqPz+psx9sG1zO652QwpcdBIoN3rhEDWUeYPoSqFe1YDV+en0Oj5oSbkEH1HIbA/6+DWpUnhCBpEq0HOLMoITluc/L6JkBC7xrlJ6VRdppAvVpNBrov0ytBh1nFu77HUPj4pA/5CKRS97QxbxwIwTJCXlBneB1IzIheC9CNhDQdXW3fMuc048/fNoe8n10n1aswYa03P6GnrLbALWjjzmysEZuEpd1Smv/AjOW7aKcbrnBWFEbFC2uDVIYWriZ5iFCmdEu3O9CB1Aq8TaAsl6FbTyJF0wNC7QklBQeyUMOD4BgSVDt6sxqyT5dgtTKrGsWvpUffn7xMWu/LNKLKA29Z6jl05/N4sQ/bZ0leE4kqPbjS1NKiBSc7Uw5RdVA814pjLS3Ulbb54RU5hmc62xnFKxM5n+b577e3X1SAgYcJDJbvE7E8RvsV9gzFGvPMctgmJ1JiNRpc7y0ZMR+P/DrEujDR87vFPzc8qhFAPEueg+l6ZV/9vRnQtkd1Dnhk1yCYRNWHUhU9boAqGKNVq2RykDWqy4GCnoHV4Elw5b3VydI1MEah74Q4NlL4sBvRlw8eLlq9mRrhVZhCgX1AYTq1aD3+vO0yvoqsVgck+mgjUnuEuh7M2eeb/3egPWP+8VjGZRz1sxFO9c8ZVDPPDj7sFBs6UfUQuqkwcx4vKQAKXMSA9igZeO9dkKwLUIHJtrhn8Gs1fqXRtj4R86TQdLgTSD3sWNcn79lAWhtkLeu0L0RG7hVE/vcZmhAtoRQevRD/m1Jw2KNK9NHR6HqgPkQ2xXQx6nfvjw2h3rS1gB+/Ro77I+O3WjdTl1P/Jqizh+cPddQ5MJv1HFs/dtnGQRxhDY0uk2ePGKxbwzL8sH2Ko9Pqg5UG3VzksFIgfRyGeAYXh6orS1kGAtAMRxfxvTDu/QgXsu7dlOQxYgJxYjBmZ/uNwyJLVHfDFQgzYONXYrVX7+GL4eoP9rdSnzlzJat1JN7V6ldU746d6zt7d3U+TXkaFPU5wJutwhkBAzJeSenSHh7z549m/xHJsHUeMbnuDe42E2LBtgXowFdMIyezJ5rW9pPQUU+fer3crFrG1gNX0RoeCWM4V/mBIo6XUXCVN8JFTE4Q+g8USuZ60lqbvubUxZS1Gx0Ddv2rfY3X6UYc/+59Xc9czA0I3GS7eDFjulGGwSri5KGYYpXKJfwARigd8L4wqaNsStyR0EOyy3RBBRsmJYN0zcMq6ovqC8YyPIzwGatHSErU3Dln/ugsqSkRFrqIS0dZLPuaFdQs6a95vgz0rEr+DCfQY/w31Xtb35xhLm+dvFjPbNfNkIyJ3pYK+O5C7QpGTaY7MLhdY43wNUFJVUwYzew4ky+pLloHkwdaLp+hlKd4jxmMG/hWRW+hKp8BRaO3XidUQUmuS64S77szbc6vvfGHIz3PTpwnZ3VXtdjX2vH84G3ERoPqr46nUqQhUmhthGTl2eWcZNQ3AlUOkx9skGQeyI5kKO9GYSizeCIjsaVxx1FJjBI6Nonme3FhDw0Fn8W6jXEc59EN4j/vtwZ1G5AlBfcq2zkyJ7eq6fyfM/s3BHLyyK9RRkwWSifpB7ug8nblNc1Jl9tlmTDoFoYKJScPzpTMlGiU6kSKozX69k9Yep4YgHyfQF/mq7PEbgr8ZHHGcurnUDtqAISNGVRjIPVL6Smvk5WMd4oUyauahBOqGUtvEHpry+53A4gf1x7GNeGCNJwZN8beje97uYHwd7meq4/LMqbhMktrM+fhnolQV1MX1o/6QTq5UDXfAUkD9kkg/FcvjUkZDrELBHdiewPvjMmmegnVMPEBEwBDrCWY6U0OslVWllK4cgEUHpwuWdtAGiiRpCM1VUCDlnDOemREDON1rW2j3VXUFMdo06kS8lV6DTVrqTswMK93ej0ZA8davy4bGt/tlLhzeSfOY3GSsFxjVDUOGPKcJ3uzRdi4OAbNZA+pEODFVwS3qdxEa9he89sXjpSnLHWH5NPtQK9DOpvdrdzB3+nC41dv3xLo/6qI9RLv5/1/FfYpgrM2mQx+j8g6kPmepdql4Y8otFu37mLvt7sKHIdpm6jvxrNXJk4DlPidSqx7a2DdNHx/oUfadRPf2lz+zo1bhae+eUtKu0vh3o7V1z90BZ14vt0ybGwxxxG4Od2CTxXiM3+y6G+1eNaD0zXrt2yeMaxJqjTfmAGbTW6pQdLl3a+sK9o8T/DY2H9382/yrQXjuxY2EqRf6c6M6khvk7sxbpY+1rxVCe6NRTqyvmzFFJsmm8elkmCz6ISutaIfIgLkqFsnmlbg0tOE9fw6hNJ0jiUG3Uifrnw+bGe4tVhTLvJfX2FrFeKO+3tpXTwaJKK0Aqu+i53YhIiKyNZ72aco5vHl+Fg0C3/BQCKmWbR2eKFjK5/XPpi0DUAvgodnCC9ISPoo/A1hlLClxixAvVZeLm+YLSB5JUn4A6Trz5AKEQXSgtMUuHUOxeiVTqlxA1ZQbYO5OaC7plO4QvgQ2K4BqY3TofRqXhsx5SZb+N8rglsGNFkepBcAPVeYlA9QKEQjtAgKHw+gEQWLPX+TLZZduGFoCPAkhiYM87AbVcz/VoPiMd/e3EdsDojEsqxosOlOA3/YAhdnCpNSJZlx3SRSXcgGWZwebYbKmI2jk5Wmcw1qBveHZAR/XaPIfLzmUS3J6zARR/4s9WfKUIu0JdkDaKYUcgM8CxXMHk+gjS2M6hvFB56EegmYKotlG+OVz+CGbsC1kZmgnEg/SsLb8gJDWtmQtRRTMMpTkIAJ5MihkEtwpO5XnAp2DPJ3gGEHOpZpqyPAeq8ZWzfgkYdrGUsyN2sc6ivUi1bz+tBt85cVUx98QLUgf35LqUJsSeG+uBkO2CMN8MgqIeDn0U71HKgy41tAGEGusYOQRLENuCWeQoa71xxshHvkAB1E0zygEoWdao+0+0M6jdWUh8h6zVpN/659fG7j7cefPXRv5aim9TpY89Fna3vUg5n1UKwjbZAaksMoBuLGq0HOFFoiDpU05xJzr4qKQkrcbFWKVEpY0LxgV0hUnAA7UHv2Dz78kOdJ1qrR50LkcgL/6dRx4NZF1B/+S4+zod+3UL8V2IaabIsnfXddRza52x5Duj86HBBCcg3TWxgCEGNMmAzixq5BQJZmAD1UFhnBXn4DOelGMfhFcttSj0izNBP5LuPFd94HqrvXgzjh+Lx+G0C1CHEcGJp1GHLUOdRX5rJnuSnV56kfVZ8Lu3JqV1vMpyxnz4HtoO+BIjV9wk8dYhGjfZgr5rFthrKxcruKEybTvdVo++gGbAXGYehugCMbR228CJGzE6XpO+H7ef7TAgtUHKO3d04HDvv/fQXQGxgNGpUByJzjLqU/+j0YtQXn/ul52rHqD2A79qba7lYVUga4DRqbHCVfhi1OVnwAOyOPUYzqLGuqzXuKFy9EftfR1iP9cR2DtZPiMtUu3MPlfgKThDXap0P3tjCadRF2IMyqJF4WWq0KT7krp1EnVis992tz/rYdbPjFAWymPzIJR+f3RlcV9CRQ00+PwaiOFUz3QatxNUx7eez1NjZ1iHkmA1id2Te1xIthvmcNxvSnftsQMIyE4vv5JEgRicmSAS9cJYC85jAH8ehto0BEuWS2EPh4sihTn/myqfMYb73tPm6J8T/uMMMtAxIU1NUQVp3luCJ1xUrplMKCRO3cF5iSb6NxKLkfQHWKF+9bARpgVuhdK2U3hSSoGXKsL5LypuGLjHHqB2xP+A76FFQi61pIOk2FBZATT4ySwFVd3pri0i24EGipw8tmi6Gnnj/Y2DMAZRvA2XoKESRQxYrahrq0nbdOzpAargFlzuCPXQYfLAMGDVHAIz+AHR01qTiYk5FJj7TU0ELDsTbLa4HLG1DNE9Si7LsBrqFiLorST9d44gtxoX4pgF8p4V+pposO1QBMAFATgdk8yDQKmEBnTP8xIh2p63b2hI/B8DLAg0BKfGshBLarHrujt9nv2JI77wjGLyD/301+8mZjs927JhBVkxmgA5YDSplg85AzvuKiJMz7xllx4QU61EezcQXNOSQOeWpJI43FKVbeOcU5az1SUeiRTghCV3Pt5NRetHDzansONk53plXm318Cf2O9JC9XCBn3u1W4xFB8jOLylz8+pycn3LmR/4HmDrUnlowJkEAAAAASUVORK5CYII=);
  background-position: center center;
  width: 15rem;
  margin-left: 1.5rem;
  display: block!important;
}
.cyber-security-training-page .ant-layout .page-header .logo.cpttm {
  background-image: url(/static/media/cpttm.eaea2cf1.png);
  background-position: center center;
  width: 20rem;
  margin-left: 1.5rem;
  display: block!important;
}
.cyber-security-training-page .ant-layout .page-header .divider {
  width: 1px;
  height: 48px;
  background-color: #F26927;
  float: left;
  margin: auto 10px;
}
.cyber-security-training-page .ant-layout .page-header .page-title-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.cyber-security-training-page .ant-layout .page-header .page-title-container .page-title {
  color: #333333;
  font-size: 21px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0.09em;
}
.cyber-security-training-page .ant-layout .page-header .right {
  position: absolute;
  right: 55px;
  top: 0px;
  line-height: 100px;
  font-weight: 400;
  letter-spacing: 0em;
  text-align: left;
}
.cyber-security-training-page .ant-layout .page-header .right .language-switch {
  font-size: 18px;
}
.cyber-security-training-page .ant-layout-content {
  height: 100%;
  background-color: #fff;
}
.cyber-security-training-page .ant-layout-content .branding-section-container {
  overflow: hidden;
}
.cyber-security-training-page .ant-layout-content .branding-section {
  display: flex;
  background: #fff;
  position: relative;
  margin-bottom: 120px;
  z-index: 1;
  justify-content: space-between;
  grid-gap: 68px;
  gap: 68px;
}
.cyber-security-training-page .ant-layout-content .branding-section::after {
  content: " ";
  border-radius: 0 0 50% 50%;
  position: absolute;
  width: 140%;
  background: transparent;
  z-index: 0;
  bottom: 35px;
  height: 800px;
  left: -20%;
}
.cyber-security-training-page .ant-layout-content .branding-section .branding-section-img-con {
  width: 60%;
  position: relative;
}
.cyber-security-training-page .ant-layout-content .branding-section .branding-section-img-con img.branding-section-img {
  visibility: hidden;
  z-index: 1;
  width: 830px;
  top: -85px;
  position: relative;
}
.cyber-security-training-page .ant-layout-content .branding-section .branding-text-content {
  margin-top: 80px;
  z-index: 1;
  padding-left: 58px;
  width: 40%;
}
.cyber-security-training-page .ant-layout-content .branding-section .branding-text-content .branding-overview-text {
  font-size: 48px;
  font-weight: 700;
  line-height: 72px;
  letter-spacing: 0em;
  text-align: left;
}
.cyber-security-training-page .ant-layout-content .branding-section .branding-text-content .branding-text {
  font-size: 44px;
  font-weight: 700;
  line-height: 54px;
  letter-spacing: 0em;
  text-align: left;
}
.cyber-security-training-page .ant-layout-content .branding-section .branding-text-content .branding-text .l2 .red {
  margin-bottom: 25px;
}
.cyber-security-training-page .ant-layout-content .branding-section .branding-text-content .branding-text .anytime {
  color: #f48c08;
}
.cyber-security-training-page .ant-layout-content .branding-section .branding-text-content .branding-text .anywhere {
  color: #3889ff;
}
.cyber-security-training-page .ant-layout-content .branding-section .branding-text-content .branding-description p {
  font-size: 18px;
  font-weight: 400;
  line-height: 29px;
  letter-spacing: 0px;
  margin-top: 50px;
  color: #626262;
}
.cyber-security-training-page .ant-layout-content .branding-section .branding-text-content .branding-description p a {
  color: #3889ff;
}
.cyber-security-training-page .ant-layout-content .branding-section .img-flame-training {
  position: absolute;
  width: 188px;
  z-index: 1;
  left: 580px;
  top: 200px;
}
.cyber-security-training-page .ant-layout-content .branding-section .img-speech-bubble {
  position: absolute;
  width: 132px;
  z-index: 1;
  left: 120px;
  animation: speechbubble 5s ease-in-out infinite;
  top: 0;
}
.cyber-security-training-page .ant-layout-content .branding-section .brand-float {
  position: absolute;
  z-index: 2;
  border-radius: 20px;
  box-shadow: 0px 2px 16px 4px rgba(115, 115, 115, 0.1);
}
.cyber-security-training-page .ant-layout-content .branding-section .brand-float.c1 {
  top: 335px;
  left: 30px;
}
.cyber-security-training-page .ant-layout-content .branding-section .brand-float.c2 {
  top: 400px;
  right: 50px;
}
.cyber-security-training-page .ant-layout-content .branding-section .brand-float.c3 {
  width: 320px;
  top: 50px;
  left: 120px;
  display: flex;
}
.cyber-security-training-page .ant-layout-content .branding-section .brand-float.c3 .brand-float-container {
  min-height: 91px;
  min-width: 320px;
  margin: auto;
  display: flex;
  align-items: center;
}
.cyber-security-training-page .ant-layout-content .branding-section .brand-float .brand-float-container {
  background: #fff;
  padding: 38.5px 32px 28.25px;
  color: #595959;
  border-radius: 20px;
  min-width: 260px;
  min-height: 185px;
}
.cyber-security-training-page .ant-layout-content .branding-section .brand-float .brand-float-container .brand-float-text {
  font-size: 24px;
  font-weight: 700;
  line-height: 44px;
}
.cyber-security-training-page .ant-layout-content .branding-section .brand-float .brand-float-container .brand-float-text .anticon {
  float: right;
  color: #4EE381;
}
.cyber-security-training-page .ant-layout-content .branding-section .brand-float .brand-float-container .brand-float-status {
  line-height: 20px;
  margin-bottom: 5px;
}
.cyber-security-training-page .ant-layout-content .branding-section .brand-float .brand-float-container .brand-float-title {
  line-height: 20px;
  margin-bottom: 5px;
  font-size: 21px;
  font-weight: 700;
  text-align: center;
}
.cyber-security-training-page .ant-layout-content .branding-section .brand-float .brand-float-container button {
  margin-top: 20px;
  color: #FFFFFF;
  width: 100%;
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  line-height: 30px;
  padding-top: 13px;
  padding-bottom: 13px;
  height: auto;
}
.cyber-security-training-page .ant-layout-content .branding-section .brand-float .brand-float-container button.join-btn {
  background-color: #D8587E;
}
.cyber-security-training-page .ant-layout-content .branding-section .brand-float .brand-float-container button.download-btn {
  background-color: #F88B3D;
}
.cyber-security-training-page .ant-layout-content .branding-section .brand-float .brand-float-container .brand-float-icon {
  border-radius: 8px;
  background-color: #23BDEE;
  min-width: 50px;
  height: 50px;
  float: left;
  text-align: center;
  padding: auto;
  vertical-align: middle;
  line-height: 50px;
  margin-right: 10px;
}
.cyber-security-training-page .ant-layout-content .hottopic-section-container .hottopic-section-header {
  font-size: 64px;
  font-weight: 700;
  line-height: 61.62px;
  letter-spacing: 0em;
  text-align: center;
  margin-bottom: 60px;
}
.cyber-security-training-page .ant-layout-content .about-section {
  margin-top: 107.5px;
  padding-top: 107.5px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: linear-gradient(180deg, rgba(236, 240, 253, 0) 0%, rgba(236, 240, 253, 0.53) 14.32%, #ECF0FD 45.83%, rgba(236, 240, 253, 0.43) 84.33%, rgba(236, 240, 253, 0) 100%);
}
.cyber-security-training-page .ant-layout-content .about-section .about-section-title {
  font-size: 64px;
  font-weight: 700;
  line-height: 61.62px;
  letter-spacing: 0em;
  text-align: center;
  margin-bottom: 180px;
}
.cyber-security-training-page .ant-layout-content .about-section .about-panel {
  width: 1024px;
  padding: 79px 101px;
  border-radius: 24px;
  box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.15);
  position: relative;
  background-color: #fff;
}
.cyber-security-training-page .ant-layout-content .about-section .about-panel p {
  font-size: 21px;
  font-weight: 400;
  line-height: 34px;
  margin-bottom: 30px;
}
.cyber-security-training-page .ant-layout-content .about-section .about-panel .content-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 38px;
  text-align: center;
  margin-bottom: 13px;
}
.cyber-security-training-page .ant-layout-content .about-section .about-panel .top-img {
  position: absolute;
  width: 116px;
  top: 28px;
  right: -58px;
}
.cyber-security-training-page .ant-layout-content .about-section .about-panel .bottom-img {
  position: absolute;
  width: 116px;
  bottom: 28px;
  left: -58px;
}
.cyber-security-training-page .ant-layout-content .general-course-start-button {
  color: #F48C06;
  border: 2px solid #F48C06;
  text-align: center;
  margin-top: 30px;
  position: relative;
  width: 287px;
  height: 70px;
  border-radius: 70px;
  padding-right: 70px;
  justify-content: center;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.cyber-security-training-page .ant-layout-content .general-course-start-button:hover {
  background-color: #FAAD14;
  color: #fff;
}
.cyber-security-training-page .ant-layout-content .general-course-start-button:hover .circle {
  background-color: #fff;
}
.cyber-security-training-page .ant-layout-content .general-course-start-button .circle {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: 2px solid #F48C06;
  position: absolute;
  top: -2px;
  right: -2px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cyber-security-training-page .ant-layout-content .general-course-start-button span {
  font-family: Helvetica Neue;
  font-size: 21px;
  font-weight: 500;
  line-height: 34px;
  letter-spacing: 0.02em;
  text-align: left;
}
.cyber-security-training-page .ant-layout-content .general-course-start-button2 {
  width: 277px;
  text-align: center;
  color: #0CA3A3;
  border: 2px solid #0CA3A3;
  width: 287px;
  height: 70px;
  border-radius: 70px;
  margin-top: 59.4px;
  position: relative;
  padding-right: 70px;
  justify-content: center;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.cyber-security-training-page .ant-layout-content .general-course-start-button2:hover {
  background-color: #0CA3A3;
  color: #fff;
}
.cyber-security-training-page .ant-layout-content .general-course-start-button2:hover .circle {
  background-color: #fff;
}
.cyber-security-training-page .ant-layout-content .general-course-start-button2 .circle {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: 2px solid #0CA3A3;
  position: absolute;
  top: -2px;
  right: -2px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cyber-security-training-page .ant-layout-content .general-course-start-button2 span {
  font-family: Helvetica Neue;
  font-size: 21px;
  font-weight: 500;
  line-height: 34px;
  letter-spacing: 0.02em;
  text-align: left;
}
.cyber-security-training-page .ant-layout-content .general-course-start-button3 {
  width: 277px;
  text-align: center;
  color: #78C6E3;
  border: 2px solid #78C6E3;
  width: 287px;
  height: 70px;
  border-radius: 70px;
  margin-top: 59.4px;
  position: relative;
  padding-right: 70px;
  justify-content: center;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.cyber-security-training-page .ant-layout-content .general-course-start-button3:hover {
  background-color: #78C6E3;
  color: #fff;
}
.cyber-security-training-page .ant-layout-content .general-course-start-button3:hover .circle {
  background-color: #fff;
}
.cyber-security-training-page .ant-layout-content .general-course-start-button3 .circle {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: 2px solid #78C6E3;
  position: absolute;
  top: -2px;
  right: -2px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cyber-security-training-page .ant-layout-content .general-course-start-button3 span {
  font-family: Helvetica Neue;
  font-size: 21px;
  font-weight: 500;
  line-height: 34px;
  letter-spacing: 0.02em;
  text-align: left;
}
.cyber-security-training-page .ant-layout-content .general-course-start-button4 {
  width: 277px;
  text-align: center;
  color: #597EF7;
  border: 2px solid #597EF7;
  width: 287px;
  height: 70px;
  border-radius: 70px;
  margin-top: 59.4px;
  position: relative;
  padding-right: 70px;
  justify-content: center;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.cyber-security-training-page .ant-layout-content .general-course-start-button4:hover {
  background-color: #597EF7;
  color: #fff;
}
.cyber-security-training-page .ant-layout-content .general-course-start-button4:hover .circle {
  background-color: #fff;
}
.cyber-security-training-page .ant-layout-content .general-course-start-button4 .circle {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: 2px solid #597EF7;
  position: absolute;
  top: -2px;
  right: -2px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cyber-security-training-page .ant-layout-content .general-course-start-button4 span {
  font-family: Helvetica Neue;
  font-size: 21px;
  font-weight: 500;
  line-height: 34px;
  letter-spacing: 0.02em;
  text-align: left;
}
.cyber-security-training-page .ant-layout-content .general-course-start-button5 {
  width: 277px;
  text-align: center;
  color: #D0B175;
  border: 2px solid #D0B175;
  width: 287px;
  height: 70px;
  border-radius: 70px;
  margin-top: 59.4px;
  position: relative;
  padding-right: 70px;
  justify-content: center;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.cyber-security-training-page .ant-layout-content .general-course-start-button5:hover {
  background-color: #D0B175;
  color: #fff;
}
.cyber-security-training-page .ant-layout-content .general-course-start-button5:hover .circle {
  background-color: #fff;
}
.cyber-security-training-page .ant-layout-content .general-course-start-button5 .circle {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: 2px solid #D0B175;
  position: absolute;
  top: -2px;
  right: -2px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cyber-security-training-page .ant-layout-content .general-course-start-button5 span {
  font-family: Helvetica Neue;
  font-size: 21px;
  font-weight: 500;
  line-height: 34px;
  letter-spacing: 0.02em;
  text-align: left;
}
.cyber-security-training-page .ant-layout-content .general-course-start-button6 {
  color: #A3D4CA;
  border: 2px solid #A3D4CA;
  width: 277px;
  text-align: center;
  width: 287px;
  height: 70px;
  border-radius: 70px;
  margin-top: 59.4px;
  position: relative;
  padding-right: 70px;
  justify-content: center;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.cyber-security-training-page .ant-layout-content .general-course-start-button6:hover {
  background-color: #A3D4CA;
  color: #fff;
}
.cyber-security-training-page .ant-layout-content .general-course-start-button6:hover .circle {
  background-color: #fff;
}
.cyber-security-training-page .ant-layout-content .general-course-start-button6 .circle {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: 2px solid #A3D4CA;
  position: absolute;
  top: -2px;
  right: -2px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cyber-security-training-page .ant-layout-content .general-course-start-button6 span {
  font-family: Helvetica Neue;
  font-size: 21px;
  font-weight: 500;
  line-height: 34px;
  letter-spacing: 0.02em;
  text-align: left;
}
.cyber-security-training-page .ant-layout-content .course-selector-section {
  padding-top: 155px;
}
.cyber-security-training-page .ant-layout-content .course-selector-section .course-selector-section-title {
  font-family: 'Helvetica Neue';
  font-size: 46px;
  font-weight: 600;
  line-height: 53px;
  letter-spacing: 0em;
  text-align: center;
  margin-bottom: 14px;
}
.cyber-security-training-page .ant-layout-content .course-selector-section .course-selector-section-desc {
  font-family: 'Helvetica Neue';
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0px;
  text-align: center;
  color: #999;
}
.cyber-security-training-page .ant-layout-content .course-selector-section .course-list {
  margin-top: 60px;
  justify-content: center;
  display: flex;
  grid-gap: 10px;
  gap: 10px;
}
.cyber-security-training-page .ant-layout-content .course-selector-section .course-list .course-filters-section {
  width: 30%;
}
.cyber-security-training-page .ant-layout-content .course-selector-section .course-list .course-filters-section .course-filters-section-item {
  margin-bottom: 65px;
}
.cyber-security-training-page .ant-layout-content .course-selector-section .course-list .course-filters-section .course-filters-section-item .course-filters-section-name {
  font-family: 'Helvetica Neue';
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
  letter-spacing: 0px;
  text-align: left;
  margin-bottom: 26px;
}
.cyber-security-training-page .ant-layout-content .course-selector-section .course-list .course-filters-section .course-filters-section-item .course-filters-list {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 20px;
  gap: 20px;
}
.cyber-security-training-page .ant-layout-content .course-selector-section .course-list .course-filters-section .course-filters-section-item .course-filters-list .course-filters-item {
  width: calc(50% - 10px);
  font-family: 'Helvetica Neue';
  font-size: 20px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0em;
  text-align: center;
  background-color: #ECECEC;
  border-radius: 50px;
  padding-top: 14px;
  padding-bottom: 14px;
  box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.cyber-security-training-page .ant-layout-content .course-selector-section .course-list .course-list-section {
  width: 60%;
  padding-left: 80px;
  background-color: #fff;
}
.cyber-security-training-page .ant-layout-content .course-selector-section .course-list .course-list-section .display-all-btn {
  margin-left: calc(50% - 57px);
  font-family: 'Helvetica Neue';
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0px;
  text-align: center;
}
.cyber-security-training-page .ant-layout-content .course-selector-section .course-list .course-list-section .course-list-section-label {
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 39px;
  letter-spacing: 0px;
  text-align: left;
  margin-bottom: 50px;
}
.cyber-security-training-page .ant-layout-content .course-selector-section .course-list .course-list-section .course-list-items {
  display: flex;
  justify-content: space-between;
}
.cyber-security-training-page .ant-layout-content .course-selector-section .course-list .course-list-section .course-list-items.l1 .course-brand {
  background-size: cover;
  background-color: #0C53A3;
  background-image: url(/static/media/GeneralStaff_Background.5b878c55.svg);
}
.cyber-security-training-page .ant-layout-content .course-selector-section .course-list .course-list-section .course-list-items.l2 .course-brand {
  background-size: cover;
  background-color: #2C2281;
  background-image: url(/static/media/IndustrySector_Background.f207c564.svg);
}
.cyber-security-training-page .ant-layout-content .course-selector-section .course-list .course-list-section .course-list-items.l3 .course-brand {
  background-size: cover;
  background-color: #0CA3A3;
  background-image: url(/static/media/JobPosition_Background.eb81823a.svg);
}
.cyber-security-training-page .ant-layout-content .course-selector-section .course-list .course-list-section .course-list-items.l4 .course-brand {
  background-size: cover;
  background-color: #EF878D;
  background-image: url(/static/media/HotTopic_Background.1e739720.svg);
}
.cyber-security-training-page .ant-layout-content .course-selector-section .course-list .course-list-section .course-list-items .course-item {
  height: 173px;
  width: 236px;
  border-radius: 30px;
  background-color: #fff;
  margin-bottom: 30px;
}
.cyber-security-training-page .ant-layout-content .course-selector-section .course-list .course-list-section .course-list-items .course-item .course-brand {
  align-items: center;
  display: flex;
  justify-content: space-around;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  height: 130px;
  padding-left: 10px;
}
.cyber-security-training-page .ant-layout-content .course-selector-section .course-list .course-list-section .course-list-items .course-item .course-brand .course-text {
  width: 174px;
  color: #fff;
  margin: auto 0;
}
.cyber-security-training-page .ant-layout-content .course-selector-section .course-list .course-list-section .course-list-items .course-item .course-brand .course-text .course-name {
  font-family: 'Helvetica Neue';
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0px;
  text-align: left;
}
.cyber-security-training-page .ant-layout-content .course-selector-section .course-list .course-list-section .course-list-items .course-item .course-brand img {
  width: 90%;
}
.cyber-security-training-page .ant-layout-content .course-selector-section .course-list .course-list-section .course-list-items .course-item .status-bar {
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  color: #999;
  line-height: 40px;
  padding-left: 13px;
  border: 1px solid #DADADA;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
.cyber-security-training-page .ant-layout-content .course-selector-section .course-list .course-list-section .course-list-items .course-item .status-bar .time-icon {
  margin-right: 5px;
}
.cyber-security-training-page .ant-layout-content .course-selector-section .course-list .course-list-section .course-list-items .course-item .status-bar .dot {
  margin-right: 5px;
  margin-left: 5px;
  width: 4px;
  height: 4px;
  background-color: #999;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
}
.cyber-security-training-page .ant-layout-content .course-selector-section .course-list .course-list-section .course-list-items .course-item .status-bar .status.in-progress {
  color: #0C53A3;
}
.cyber-security-training-page .ant-layout-content .course-selector-section .course-list .course-list-section .course-list-items .course-item .status-bar .status.completed {
  color: #0CA39A;
}
.cyber-security-training-page .ant-layout-content .course-selector-section .course-list .course-list-section .course-list-items .course-item .status-bar .action-btn .ant-btn {
  background: #F26927;
  border: none;
  color: #fff;
  float: right;
  vertical-align: middle;
  margin: 10px;
  height: 18px;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
}
.cyber-security-training-page .ant-layout-content .course-selector-section .course-list .course-list-section .course-list-section-name {
  font-family: 'Helvetica Neue';
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
  letter-spacing: 0px;
  text-align: left;
  color: #272D4E;
  margin-bottom: 26px;
}
.cyber-security-training-page .ant-layout-content .course-selector-section .course-list-filter-section {
  width: 49%;
  border-bottom: 2px dashed #999;
}
.cyber-security-training-page .ant-layout-content .course-selector-section .course-list-filter-section .course-list-filter-label {
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 39px;
  letter-spacing: 0px;
  text-align: left;
  color: #333;
}
.cyber-security-training-page .ant-layout-content .course-selector-section .course-list-filter-selector {
  width: 49%;
  border-bottom: 2px dashed #999;
}
.cyber-security-training-page .ant-layout-content .course-selector-section .course-list-filter-selector .course-list-filter-selector-label {
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: left;
  color: #666;
}
.cyber-security-training-page .ant-layout-content .course-selector-section .course-list-filter-selector .course-list-filter-selector-label.l2 {
  margin-top: 80px;
}
.cyber-security-training-page .ant-layout-content .course-selector-section .course-list-filter-selector .course-list-filter-selector-container {
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
  grid-gap: 10px;
  gap: 10px;
  margin-bottom: 80px;
}
.cyber-security-training-page .ant-layout-content .course-selector-section .course-list-filter-selector .course-list-filter-selector-container .filter-selector-tag {
  width: 30%;
  height: 45px;
  border-radius: 32px;
  background: #ECECEC;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 45px;
  letter-spacing: 0em;
  text-align: center;
  margin-top: 20px;
  color: #333;
}
.cyber-security-training-page .ant-layout-content .section-container {
  margin: auto;
  overflow: hidden;
}
.cyber-security-training-page .ant-layout-content .introducing-section {
  justify-content: center;
  display: flex;
  padding-top: 177px;
  flex-direction: column;
  margin-bottom: 117px;
}
.cyber-security-training-page .ant-layout-content .introducing-section .section-container {
  position: relative;
  margin-right: 68px;
  margin-left: 68px;
}
.cyber-security-training-page .ant-layout-content .introducing-section .section-container .introducing-img {
  max-height: 240px;
  min-height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cyber-security-training-page .ant-layout-content .introducing-section .section-container .introducing-section-title {
  font-family: 'Helvetica Neue';
  font-size: 64px;
  font-weight: 700;
  line-height: 61.62px;
  letter-spacing: 0em;
  text-align: center;
  color: #272d4e;
  margin-bottom: 133px;
}
.cyber-security-training-page .ant-layout-content .introducing-section .section-container .introducing-section-title .info {
  color: #f26a26;
}
.cyber-security-training-page .ant-layout-content .introducing-section .section-container .introducing-list {
  display: flex;
  flex-direction: row;
  justify-content: center;
  grid-gap: 100px;
  gap: 100px;
  position: relative;
}
.cyber-security-training-page .ant-layout-content .introducing-section .section-container .introducing-list .introducing-item {
  width: 30%;
  max-width: 280px;
  text-align: center;
}
.cyber-security-training-page .ant-layout-content .introducing-section .section-container .introducing-list .introducing-item.working {
  position: relative;
}
.cyber-security-training-page .ant-layout-content .introducing-section .section-container .introducing-list .introducing-item.working .introducing-circle-1 {
  border-radius: 50%;
  width: 80px;
  height: 80px;
  background: #687EF3;
  position: absolute;
  top: -100px;
  left: 0px;
}
.cyber-security-training-page .ant-layout-content .introducing-section .section-container .introducing-list .introducing-item.working .introducing-circle-2 {
  border-radius: 50%;
  width: 23px;
  height: 23px;
  background: #F3A268;
  position: absolute;
  top: -140px;
  left: 65px;
}
.cyber-security-training-page .ant-layout-content .introducing-section .section-container .introducing-list .introducing-item.meeting {
  margin-top: 57px;
}
.cyber-security-training-page .ant-layout-content .introducing-section .section-container .introducing-list .introducing-item.contacting {
  margin-top: 114px;
  position: relative;
}
.cyber-security-training-page .ant-layout-content .introducing-section .section-container .introducing-list .introducing-item.contacting .introducing-circle-3 {
  border-radius: 50%;
  width: 20px;
  height: 20px;
  background: #34E7A5;
  position: absolute;
  right: 0px;
  bottom: 165px;
}
.cyber-security-training-page .ant-layout-content .introducing-section .section-container .introducing-list .introducing-item.contacting .introducing-triangle-1 {
  position: absolute;
  top: -50px;
  right: 50px;
  border-color: #FBA333;
  height: 0px;
  width: 0px;
  border-style: solid;
  border-width: 14px;
  border-color: transparent transparent #FBA333 transparent;
  transform: rotate(300deg);
}
.cyber-security-training-page .ant-layout-content .introducing-section .section-container .introducing-list .introducing-item .introducing-title {
  margin-top: 30px;
  margin-bottom: 4px;
  font-family: 'Helvetica Neue';
  font-size: 27px;
  font-weight: 600;
  line-height: 53px;
  letter-spacing: 0em;
  text-align: center;
  color: #272D4E;
}
.cyber-security-training-page .ant-layout-content .introducing-section .section-container .introducing-list .introducing-item .introducing-description {
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-weight: 500;
  line-height: 23px;
  letter-spacing: 0em;
  text-align: center;
  color: #94A2B3;
}
.cyber-security-training-page .ant-layout-content .introducing-section .section-container .cybersec-introducing-list {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  text-align: center;
  grid-gap: 144px;
  gap: 144px;
  position: relative;
}
.cyber-security-training-page .ant-layout-content .introducing-section .section-container .cybersec-introducing-list .cybersec-introducing-item .introducing-title {
  max-width: 260px;
  font-size: 32px;
  font-weight: 700;
  line-height: 51px;
  letter-spacing: 0em;
  text-align: center;
  margin-top: 50px;
}
.cyber-security-training-page .ant-layout-content .introducing-section .section-container .cybersec-introducing-list .introducing-circle-1 {
  border-radius: 50%;
  width: 80px;
  height: 80px;
  background: #687EF3;
  position: absolute;
  top: -150px;
  left: 0px;
}
.cyber-security-training-page .ant-layout-content .introducing-section .section-container .cybersec-introducing-list .introducing-circle-2 {
  border-radius: 50%;
  width: 23px;
  height: 23px;
  background: #F3A268;
  position: absolute;
  top: -190px;
  left: 65px;
}
.cyber-security-training-page .ant-layout-content .resources-section {
  background: #3789FF;
  padding: 88px 127px;
  margin-top: 207px;
}
.cyber-security-training-page .ant-layout-content .resources-section .section-container {
  display: flex;
  align-items: center;
  grid-gap: 165px;
  gap: 165px;
  margin-bottom: 106px;
}
.cyber-security-training-page .ant-layout-content .resources-section .section-container .resources-section-label {
  color: #fff;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 43.96px;
  letter-spacing: 0px;
  text-align: left;
  position: relative;
  padding-left: 65px;
  width: 400px;
}
.cyber-security-training-page .ant-layout-content .resources-section .section-container .resources-section-label img {
  position: absolute;
  left: 0;
  width: 55.48px;
}
.cyber-security-training-page .ant-layout-content .resources-section .section-container .resources-links {
  display: flex;
  width: 800px;
  flex-wrap: wrap;
  grid-gap: 20px 60px;
  gap: 20px 60px;
  flex-direction: column;
}
.cyber-security-training-page .ant-layout-content .resources-section .section-container .resources-links .resources-link {
  font-size: 18px;
  font-weight: 500;
  color: #000;
  width: 460px;
  height: 58px;
  background-color: #fff;
  line-height: 58px;
  border-radius: 10px;
  text-align: left;
  position: relative;
  padding-left: 18px;
}
.cyber-security-training-page .ant-layout-content .resources-section .section-container .resources-links .resources-link .anticon {
  position: absolute;
  right: 10px;
  top: 20px;
}
.cyber-security-training-page .ant-layout-content .organization-section {
  background-color: #fff;
  padding: 80px 130px;
}
.cyber-security-training-page .ant-layout-content .organization-section .organization-section-label {
  font-size: 64px;
  font-weight: 700;
  line-height: 62px;
  letter-spacing: 0em;
  text-align: center;
  margin-bottom: 88px;
}
.cyber-security-training-page .ant-layout-content .organization-section .organization-list {
  display: flex;
  width: 100%;
  align-items: center;
  flex-wrap: wrap;
  grid-gap: 4%;
  gap: 4%;
}
.cyber-security-training-page .ant-layout-content .organization-section .organization-list div {
  width: 22%;
  text-align: center;
  margin-bottom: 116px;
}
.cyber-security-training-page .ant-layout-content .organization-section .organization-list div img {
  max-width: 100%;
  max-height: 128px;
}
.cyber-security-training-page .progress-bar {
  padding: 42px 130px 18px;
  color: #333333;
  position: relative;
  background: #F7F8FB;
}
.cyber-security-training-page .progress-bar .title {
  font-size: 32px;
  font-weight: 700;
  line-height: 39px;
  margin-bottom: 15px;
}
.cyber-security-training-page .progress-bar .subtitle {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  margin-bottom: 12px;
}
.cyber-security-training-page .progress-bar .progress-sections-container {
  display: flex;
  grid-gap: 6px;
  gap: 6px;
  padding-right: 120px;
}
.cyber-security-training-page .progress-bar .round-progress {
  position: absolute;
  right: 130px;
  top: 40px;
}
.cyber-security-training-page .video-section {
  background: #0C53A3;
  color: #fff;
  padding: 100px 130px;
}
.cyber-security-training-page .video-section .video-overview {
  display: flex;
  grid-gap: 100px;
  gap: 100px;
}
.cyber-security-training-page .video-section .video-overview .video-overview-text {
  width: 60%;
  max-width: 610px;
}
.cyber-security-training-page .video-section .video-overview .video-overview-text .video-section-title {
  font-size: 32px;
  font-weight: 700;
  line-height: 39px;
  margin-top: 28px;
  margin-bottom: 36px;
}
.cyber-security-training-page .video-section .video-overview .video-overview-text .video-section-description {
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
}
.cyber-security-training-page .video-section .video-overview .video-overview-img {
  width: 40%;
}
.cyber-security-training-page .red {
  color: #f26a26;
}
.cyber-security-training-page .blue {
  color: #3889ff;
}
.cyber-security-training-page .strong {
  font-weight: 700;
}
.cyber-security-training-page .hide {
  display: none!important;
}
.cyber-security-training-page .visibility-hidden {
  visibility: hidden;
}
.cyber-security-training-page .animation {
  opacity: 0;
  transition: all 500ms linear 0s;
}
.cyber-security-training-page .animation.fade-in {
  opacity: 1;
}
.cyber-security-training-page .scrollAnimation {
  transition: all 1000ms linear 0s;
}
.non-border {
  border: none !important;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.cpttm-page .ant-layout .page-header .logo-cpttm {
    width: 32rem;
    height: 3rem;
    margin-left: 1rem;
  }
  .cyber-security-training-page.cpttm-page .ant-layout-content .course-left-side .toggle-menu-icon {
    top: -3.5rem !important;
  }
}

.mobile-view {
  display: none;
}
@media (min-width: 1980px) {
  .cyber-security-training-page.course-page .ant-layout-content .course-body .prevent-msg-container {
    left: 0;
    width: 100% !important;
    margin-left: 198px !important;
  }
}
@media (max-width: 1024px) {
  html {
    font-size: 10px;
  }
  body {
    min-width: auto;
  }
  .ant-select-item {
    font-size: 16px;
  }
  .mobile-view {
    display: block;
  }
  .cyber-security-training-page .ant-layout .page-header {
    display: flex;
    align-items: center;
    padding: 0.8rem 0.8rem 0.8rem 3.8rem;
    line-height: 2.5rem;
  }
  .cyber-security-training-page .ant-layout .page-header .logo {
    width: 5rem;
  }
  .cyber-security-training-page .ant-layout .page-header .divider {
    height: 2rem;
    margin: auto 0.5rem auto 0;
  }
  .cyber-security-training-page .ant-layout .page-header .page-title-container .page-title {
    font-size: 1.2rem;
    line-height: 1.4rem;
  }
  .cyber-security-training-page .ant-layout .page-header .right {
    line-height: 4.4rem;
    right: 0;
  }
  .cyber-security-training-page .ant-layout .page-header .right .language-switch {
    font-size: 16px;
  }
  .cyber-security-training-page .ant-layout .page-header .right .home-button {
    padding: 0;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .header-section {
    background: linear-gradient(95.22deg, #F0F7FF -3.19%, #6FA3FF 130.61%);
    min-height: auto;
    width: auto;
    height: auto!important;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .header-section .fixed-element {
    position: fixed;
    width: 100%;
    z-index: 999;
    top: 0;
    transition: opacity 0.3s ease-in-out;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .header-section .branding-section {
    margin-top: 80px;
    min-height: auto;
    flex-wrap: wrap;
    grid-gap: 4rem;
    gap: 4rem;
    margin-bottom: 7.5rem;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .header-section .page-header {
    padding: 0.8rem;
    line-height: 2.5rem;
    background-color: #BFD3FB;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .header-section .page-header .logo {
    width: 5rem;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .header-section .page-header .logo.consumer {
    width: 12rem;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .header-section .page-header .logo.cpttm {
    width: 16rem;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .header-section .divider {
    height: 2rem;
    margin: auto 0.5rem auto 0;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .header-section .page-title-container .page-title {
    font-size: 1.2rem;
    line-height: 1.4rem;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .header-section .branding-text-content {
    width: 100%;
    order: 2;
    margin-top: 0;
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .header-section .branding-text-content .branding-text {
    font-size: 2.6rem;
    line-height: 3rem;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .header-section .branding-text-content .branding-text .l2 .red {
    margin-bottom: 1.6rem;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .header-section .branding-text-content .branding-description p {
    margin-top: 2.3rem;
    font-size: 1.4rem;
    line-height: 2rem;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .header-section .branding-text-content .branding-description p a {
    color: #3889ff;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .header-section .branding-section-img-con {
    width: 100%;
    order: 1;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .header-section .branding-section-img-con .brand-float.c1 {
    top: 25rem;
    left: 12%;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .header-section .branding-section-img-con .brand-float.c2 {
    top: 13rem;
    right: 7%;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .header-section .branding-section-img-con .brand-float.c3 {
    width: 14.5rem;
    top: 6.5rem;
    left: 5%;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .header-section .branding-section-img-con .brand-float .brand-float-container {
    padding: 0.9rem 1.4rem;
    min-height: auto;
    min-width: auto;
    width: 100%;
    text-align: center;
    border-radius: 1.2rem;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .header-section .branding-section-img-con .brand-float .brand-float-container .brand-float-text {
    font-size: 1rem;
    line-height: 2.5rem;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .header-section .branding-section-img-con .brand-float .brand-float-container .brand-float-title {
    font-size: 1.2rem;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .header-section .branding-section-img-con .brand-float .brand-float-container button {
    margin-top: 1rem;
    font-size: 1rem;
    line-height: 1rem;
    padding: 0.7rem 2.5rem;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .header-section .branding-section-img-con .brand-float .brand-float-container .brand-float-icon {
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.1rem;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .header-section .branding-section-img-con .brand-float .brand-float-container .brand-float-icon img {
    max-width: 50%;
    max-height: 50%;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .introducing-section {
    padding-top: 13rem;
    margin-bottom: 10rem;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .introducing-section .section-container {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .introducing-section .section-container .introducing-section-title {
    font-size: 2.4rem;
    margin-bottom: 0;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .introducing-section .section-container .cybersec-introducing-list .introducing-circle-1 {
    width: 3rem;
    height: 3rem;
    top: -10rem;
    left: 0;
    display: none;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .introducing-section .section-container .cybersec-introducing-list .introducing-circle-2 {
    width: 1.4375rem;
    height: 1.4375rem;
    top: -12rem;
    left: 2.5rem;
    display: none;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .introducing-section .cybersec-introducing-list {
    grid-gap: 6.6rem;
    gap: 6.6rem;
    flex-direction: column;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .introducing-section .cybersec-introducing-list .cybersec-introducing-item .introducing-title {
    font-size: 2rem;
    margin-top: 2rem;
    line-height: 2.2rem;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .general-course-section {
    margin-bottom: 10rem;
    padding-top: 0;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .general-course-section .course-section-title {
    font-size: 2.6rem;
    margin-bottom: 3rem;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .general-course-section .course-content {
    grid-gap: 4.5rem;
    gap: 4.5rem;
    margin-left: 2rem;
    margin-right: 2rem;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: space-between;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .general-course-section .course-content .course-content-left {
    width: 100%;
    max-width: auto;
    order: 2;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .general-course-section .course-content .course-content-left .general-course-title {
    font-size: 2rem;
    line-height: 2.4rem;
    text-align: left;
    margin-bottom: 1.8rem;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .general-course-section .course-content .course-content-left .content {
    font-size: 1.6rem;
    line-height: 2.1rem;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .general-course-section .course-content .course-content-left .general-course-time-steps {
    font-size: 0.9rem;
    margin-bottom: 2.5rem;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .general-course-section .course-content .course-content-left .general-course-time-steps .general-course-time-steps-item {
    width: 24%;
    height: auto;
    border-radius: 0.9rem;
    padding: 1rem;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .general-course-section .course-content .course-content-left .general-course-time-steps .mask .out-circle {
    width: 1.2rem;
    height: 1.2rem;
    border: 0.2rem solid #FAAD14;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .general-course-section .course-content .course-content-left .general-course-time-steps .mask .out-circle2 {
    width: 1.2rem;
    height: 1.2rem;
    border: 0.2rem solid #1AB6B6;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .general-course-section .course-content .course-content-left .general-course-time-steps .mask .out-circle3 {
    width: 1.2rem;
    height: 1.2rem;
    border: 0.2rem solid #4f97ff;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .general-course-section .course-content .course-content-left .general-course-time-steps .mask .out-circle4 {
    width: 1.2rem;
    height: 1.2rem;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .general-course-section .course-content .course-content-left .general-course-time-steps .mask .out-circle5 {
    width: 1.2rem;
    height: 1.2rem;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .general-course-section .course-content .course-content-left .general-course-time-steps .mask .line {
    border-top: 1px dashed #FAAD14;
    left: 1.2rem;
    top: 0.55rem;
    width: calc(100% + 1.2rem);
  }
  .cyber-security-training-page.landing-page .ant-layout-content .general-course-section .course-content .course-content-left .general-course-time-steps .mask .line2 {
    border-top: 1px dashed #1AB6B6;
    left: 1.2rem;
    top: 0.55rem;
    width: calc(100% + 1rem);
  }
  .cyber-security-training-page.landing-page .ant-layout-content .general-course-section .course-content .course-content-left .general-course-time-steps .mask .line3 {
    left: 1.2rem;
    top: 0.55rem;
    width: calc(100% + 1rem);
  }
  .cyber-security-training-page.landing-page .ant-layout-content .general-course-section .course-content .course-content-left .general-course-time-steps .mask .line4 {
    border-top: 1px dashed #4f97ff;
    left: 1.2rem;
    top: 0.55rem;
    width: calc(100% + 1rem);
  }
  .cyber-security-training-page.landing-page .ant-layout-content .general-course-section .course-content .course-content-left .general-course-time-steps .mask .line5 {
    border-top: 1px dashed #D0B175;
    left: 1.2rem;
    top: 0.55rem;
    width: calc(100% + 1rem);
  }
  .cyber-security-training-page.landing-page .ant-layout-content .general-course-section .course-content .course-content-left .general-course-time-steps .name {
    font-size: 0.9rem;
    line-height: 1.5rem;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .general-course-section .course-content .course-content-left .general-course-time-steps .desc {
    font-size: 0.9rem;
    line-height: 1.1rem;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .general-course-section .course-content .course-content-left .general-course-start-button {
    height: 4rem;
    padding: 1rem 5rem 1rem 1.6rem;
    width: auto;
    float: left;
    margin-top: 2.5rem;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .general-course-section .course-content .course-content-left .general-course-start-button span {
    font-size: 1.2rem;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .general-course-section .course-content .course-content-left .general-course-start-button .circle {
    width: 4rem;
    height: 4rem;
    top: -2px;
    right: -2px;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .general-course-section .course-content .course-content-left .general-course-start-button .circle img {
    width: 68%!important;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .general-course-section .course-content .course-content-left .general-course-start-button2 {
    height: 4rem;
    padding: 1rem 5rem 1rem 1.6rem;
    width: auto;
    float: left;
    margin-top: 2.5rem;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .general-course-section .course-content .course-content-left .general-course-start-button2 span {
    font-size: 1.2rem;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .general-course-section .course-content .course-content-left .general-course-start-button2 .circle {
    width: 4rem;
    height: 4rem;
    top: -2px;
    right: -2px;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .general-course-section .course-content .course-content-left .general-course-start-button2 .circle img {
    width: 68%!important;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .general-course-section .course-content .course-content-left .general-course-start-button3 {
    height: 4rem;
    padding: 1rem 5rem 1rem 1.6rem;
    width: auto;
    float: left;
    margin-top: 2.5rem;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .general-course-section .course-content .course-content-left .general-course-start-button3 span {
    font-size: 1.2rem;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .general-course-section .course-content .course-content-left .general-course-start-button3 .circle {
    width: 4rem;
    height: 4rem;
    top: -2px;
    right: -2px;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .general-course-section .course-content .course-content-left .general-course-start-button3 .circle img {
    width: 68%!important;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .general-course-section .course-content .course-content-left .general-course-start-button4 {
    height: 4rem;
    padding: 1rem 5rem 1rem 1.6rem;
    width: auto;
    float: left;
    margin-top: 2.5rem;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .general-course-section .course-content .course-content-left .general-course-start-button4 span {
    font-size: 1.2rem;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .general-course-section .course-content .course-content-left .general-course-start-button4 .circle {
    width: 4rem;
    height: 4rem;
    top: -2px;
    right: -2px;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .general-course-section .course-content .course-content-left .general-course-start-button4 .circle img {
    width: 68%!important;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .general-course-section .course-content .course-content-left .general-course-start-button5 {
    height: 4rem;
    padding: 1rem 5rem 1rem 1.6rem;
    width: auto;
    float: left;
    margin-top: 2.5rem;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .general-course-section .course-content .course-content-left .general-course-start-button5 span {
    font-size: 1.2rem;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .general-course-section .course-content .course-content-left .general-course-start-button5 .circle {
    width: 4rem;
    height: 4rem;
    top: -2px;
    right: -2px;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .general-course-section .course-content .course-content-left .general-course-start-button5 .circle img {
    width: 68%!important;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .general-course-section .course-content .course-content-right {
    width: 100%;
    max-width: auto;
    order: 1;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .about-section {
    padding-top: 0;
    margin-top: 0;
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .about-section .about-section-title {
    font-size: 2.6rem;
    line-height: 3rem;
    margin-bottom: 2.6rem;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .about-section .about-panel {
    width: 100%;
    height: auto;
    padding: 2.7rem 3.5rem;
    border-radius: 0.8rem;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .about-section .about-panel .top-img,
  .cyber-security-training-page.landing-page .ant-layout-content .about-section .about-panel .bottom-img {
    display: none;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .about-section .about-panel p {
    font-size: 1.6rem;
    line-height: 2.5rem;
    margin-bottom: 2rem;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .resources-section {
    margin-top: 8rem;
    padding: 5rem 2rem;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .resources-section .section-container {
    grid-gap: 0;
    gap: 0;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 5.6rem;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .resources-section .section-container:last-child {
    margin-bottom: 0;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .resources-section .section-container .resources-section-label {
    width: 100%;
    font-size: 2.6rem;
    line-height: 3.2rem;
    padding-left: 0;
    text-align: center;
    margin-bottom: 3.2rem;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .resources-section .section-container .resources-section-label img {
    height: 3.2rem;
    width: auto;
    position: relative;
    margin-right: 1.4rem;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .resources-section .section-container .resources-links {
    width: 100%;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .resources-section .section-container .resources-links .resources-link {
    font-size: 1.4rem;
    width: 100%;
    height: auto;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .organization-section {
    padding: 5rem 2rem;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .organization-section .organization-section-label {
    font-size: 2.6rem;
    margin-bottom: 4.7rem;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .organization-section .organization-list div {
    width: 48%;
    margin-bottom: 3.8rem;
  }
  .four-steps-section-1200 {
    margin-top: 5rem;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.landing-page .ant-layout-content .header-section .page-header .logo {
    width: 4rem;
    background-position: center center;
    margin-left: 0;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .header-section .page-header .logo.consumer {
    width: 9.5rem;
    margin-left: 0.8rem;
  }
  .cyber-security-training-page.landing-page .ant-layout-content .header-section .page-header .logo.cpttm {
    width: 12rem;
    margin-left: 0;
  }
  .cyber-security-training-page.course-page .ant-layout .page-header .logo {
    width: 4rem;
    background-position: center center;
    margin-left: 0;
  }
  .cyber-security-training-page.course-page .ant-layout .page-header .logo.consumer {
    width: 9.5rem;
    margin-left: 0.8rem;
  }
  .cyber-security-training-page.course-page .ant-layout .page-header .logo.cpttm {
    width: 12rem;
    margin-left: 0;
  }
}

.cyber-security-training-page.en.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .tips {
  display: block;
  font-size: 2rem;
  text-align: center;
  padding-top: 0.5rem;
}
.cyber-security-training-page.en.course-page .ant-layout-content .course-body .course-body-content .warning-alert span {
  font-size: 1.5rem;
  padding: 0!important;
}
.cyber-security-training-page.en.course-page .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-desc {
  line-height: 1.5rem;
}
.cyber-security-training-page.en.course-page .ant-layout-content .course-body .course-body-content .results-sections .business-problem .text {
  font-size: 1.8rem;
}
.cyber-security-training-page.en.course-page .ant-layout-content .course-body .course-body-content .animation002 .bp-panel,
.cyber-security-training-page.en.course-page .ant-layout-content .course-body .course-body-content .base-practice-section .bp-panel {
  font-size: 1rem;
  padding-bottom: 10vw!important;
}
.cyber-security-training-page.en.course-page .ant-layout-content .course-body .course-body-content .animation002 .bp-panel img,
.cyber-security-training-page.en.course-page .ant-layout-content .course-body .course-body-content .base-practice-section .bp-panel img {
  top: unset!important;
  bottom: 2vw;
}
.cyber-security-training-page.en.course-page .ant-layout-content .course-body .course-body-content .base-practice-section .bp-center-circle {
  font-size: 1.3rem !important;
}
.cyber-security-training-page.en.course-page .ant-layout-content .course-body .course-body-content .t004 .t004-alert span {
  font-size: 1.2rem;
}
.cyber-security-training-page.en.course-page .ant-layout-content .course-body .course-body-content .talk-content {
  width: 290px!important;
  font-size: 28px!important;
}
.cyber-security-training-page.en.course-page .ant-layout-content .course-body .course-body-content .en-line-height-21 {
  line-height: 1.3125rem;
  font-size: 1rem;
}
.cyber-security-training-page.en.course-page .ant-layout-content .course-body .course-body-content .animation001 .animation001-1 {
  line-height: 2rem;
}
.cyber-security-training-page.en.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .tips {
  line-height: 2.2rem;
  padding-top: 1.8rem;
}
.cyber-security-training-page.en.course-page .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-right .secure-warning-board {
  font-size: 2.2rem;
  line-height: 3.2rem;
  padding-right: 8rem;
}
.cyber-security-training-page.en.course-page .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item .phishing-body .text,
.cyber-security-training-page.en.course-page .ant-layout-content .course-body .course-body-content .animation001 .animation001-2 .animation001-item .animation001-body .text {
  padding: 0.8rem;
  height: auto;
  min-height: 8rem;
}
.cyber-security-training-page.en.course-page .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .text {
  font-size: 1.2rem;
}
.cyber-security-training-page.en.course-page .ant-layout-content .course-body .course-body-content .topic-tab-section .pic1 {
  top: -12.5rem;
}
.cyber-security-training-page.en.course-page .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel {
  padding: 1rem 1rem;
  font-size: 1rem;
}
.cyber-security-training-page.en .ant-tabs-nav-list {
  width: 100%;
}
.cyber-security-training-page.en .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tab {
  max-width: calc(25% - 57.5px);
  white-space: normal;
  font-size: 1.3125rem !important;
  line-height: 1.5rem !important;
}
.cyber-security-training-page.en .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tab .ant-tabs-tab-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.en.course-page .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person .popover-message .l1 {
    padding-top: 9%;
  }
  .cyber-security-training-page.en.course-page .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person .popover-message .l1,
  .cyber-security-training-page.en.course-page .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person .popover-message .l2 {
    font-size: 3vw;
    line-height: 3.5vw;
    padding-left: 9%;
  }
  .cyber-security-training-page.en.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .tips {
    padding-top: 2.5vw;
    font-size: 3.2vw;
    line-height: 3.5vw;
  }
  .cyber-security-training-page.en.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel {
    padding: 1vw;
    font-size: 2vw;
    line-height: 2.2vw;
  }
  .cyber-security-training-page.en.course-page .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel,
  .cyber-security-training-page.en.course-page .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel,
  .cyber-security-training-page.en.course-page .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel {
    font-size: 1rem!important;
    line-height: 1.3rem !important;
    padding: 1vw;
    height: auto;
    min-height: 21.8vw;
  }
  .cyber-security-training-page.en.course-page .ant-layout-content .course-body .course-body-content .topic-item .secure-warning-section .secure-warning-section-right .secure-warning-board {
    padding-left: 3rem;
    padding-right: 12rem;
  }
  .cyber-security-training-page.en.course-page .ant-layout-content .course-body .course-body-content .topic-item .animation004 .four-steps-section {
    margin-top: 7rem;
  }
  .cyber-security-training-page.en.course-page .ant-layout-content .course-body .course-body-content .topic-item .animation001 .animation001-2 .animation001-item .animation001-body .text {
    font-size: 2.8vw;
    line-height: 3vw;
  }
  .cyber-security-training-page.en.course-page .ant-layout-content .course-body .course-body-content .topic-item .animation004 .four-steps-section .step .text {
    font-size: 2vw;
    line-height: 2.2vw;
  }
  .cyber-security-training-page.en.course-page .ant-layout-content .course-body .course-body-content .topic-item .message1-section .tips {
    font-size: 1.5rem;
    padding: 3rem 8rem 3rem 3rem;
  }
  .cyber-security-training-page.en.course-page .ant-layout-content .course-body .course-body-content .topic-item .message1-section .tips div {
    line-height: 1.8rem !important;
  }
  .cyber-security-training-page.en.course-page .ant-layout-content .course-body .course-body-content.t1400 .topic-item .topic-tab-section img.pic2 {
    width: 30rem;
    top: -13.125rem;
    max-width: 70%;
  }
  .cyber-security-training-page.en.course-page .ant-layout-content .course-body .course-body-content.t1400 .topic-item .topic-tab-section .talk-content {
    font-size: 2.3vw !important;
    padding-right: 7.5rem;
    right: calc(8.625rem + 2vw);
    text-align: center;
    display: flex;
    align-items: center;
  }
  .cyber-security-training-page.en .animation005 .animation005-item {
    height: auto;
    min-height: 36rem;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.en.course-page .ant-layout-content .course-body .course-body-content.t1400 .topic-item .topic-tab-section img.pic2 {
    width: 25rem;
    top: -11.125rem;
    max-width: 70%;
  }
  .cyber-security-training-page.en .animation005 .animation005-item {
    height: auto;
    min-height: 32rem;
  }
  .cyber-security-training-page.en.course-page .ant-layout-content .course-body .course-body-content .topic-item .message1-section .tips {
    font-size: 1rem;
    padding: 1rem 5rem 2rem 3rem;
  }
  .cyber-security-training-page.en.course-page .ant-layout-content .course-body .course-body-content .topic-item .message1-section .tips div {
    line-height: 1.3rem !important;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.en.course-page .ant-layout-content .course-body .course-body-content .topic-item .message1-section .tips div {
    line-height: 1.2rem !important;
  }
  .cyber-security-training-page.en.course-page .ant-layout-content .course-body .course-body-content .topic-item .message1-section .tips {
    font-size: 1rem;
    padding: 1rem 3rem 3rem 1rem;
    text-align: center;
  }
  .cyber-security-training-page.en.course-page.senior-manager .ant-layout-content .course-body .course-body-content .topic-item .animation004 .four-steps-section {
    margin-top: 0;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.en.course-page .ant-layout-content .course-body .course-body-content.t1400 .topic-item .topic-tab-section img.pic2 {
    width: 20rem;
    top: -12.125rem;
    right: 12rem;
  }
  .cyber-security-training-page.en.course-page .ant-layout-content .course-body .course-body-content.t1400 .topic-item .topic-tab-section .talk-content {
    padding-left: 1.8rem;
    font-size: 1.2rem !important;
    max-width: 75%;
    line-height: 1.5rem !important;
    top: -9rem;
  }
}

.cyber-security-training-page .ant-layout-content .course-section-container {
  padding-top: 7.3125rem;
  position: relative;
}
.cyber-security-training-page .ant-layout-content .course-section-container .introducing-circle-3 {
  border-radius: 50%;
  width: 64px;
  height: 64px;
  background: #F4B767;
  position: absolute;
  top: 300px;
  left: 107px;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-header {
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  margin-bottom: 12rem;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body {
  display: flex;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-left {
  width: 20%;
  height: 100%;
  padding-left: 2rem;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-left .ant-checkbox .ant-checkbox-inner {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 1.5px solid #333333;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-left .ant-checkbox-checked .ant-checkbox-inner {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background-color: #333333;
  border: 1.5px solid #333333;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-left .ant-checkbox-checked .ant-checkbox-inner::after {
  width: 10px;
  height: 13px;
  left: calc(50% - 6px);
  border-radius: 1.5px;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-left .ant-checkbox-indeterminate .ant-checkbox-inner::after {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: white;
  border: 1.5px solid #333333;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-left .filter {
  font-size: 32px;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-left > .ant-checkbox-wrapper {
  margin-bottom: 35px;
  margin-top: 30px;
  font-size: 20px;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-left .ant-checkbox-checked::after {
  border: none;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-left .ant-checkbox-wrapper {
  display: flex;
  align-items: center;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-left .ant-checkbox-wrapper .ant-checkbox + span {
  height: 34px;
  line-height: 34px;
  padding-right: 15px;
  padding-left: 15px;
  padding-top: 2px;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-left .ant-checkbox-wrapper:first-child > span {
  padding-top: 3px;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-left .sub-filter {
  position: relative;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-left .sub-filter .default-item {
  position: absolute;
  top: 42px;
  left: 0;
  cursor: not-allowed;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-left .sub-filter .default-item > .ant-checkbox-checked {
  cursor: not-allowed;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-left .sub-filter .default-item > .ant-checkbox-checked .ant-checkbox-inner {
  cursor: not-allowed;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-left .sub-filter .default-item > span {
  font-size: 20px;
  padding-top: 6px;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-left .sub-filter .filter-item {
  font-size: 24px;
  position: absolute;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-left .sub-filter .filter-item1 {
  top: 0;
  left: 0;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-left .sub-filter .filter-item2 {
  top: 255px;
  left: 0;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-left .sub-filter .filter-item3 {
  top: 717px;
  left: 0;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-left .sub-filter .ant-checkbox-group {
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  flex-direction: column;
  grid-gap: 35px;
  gap: 35px;
  padding-top: 115px;
  padding-bottom: 25px;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-left .sub-filter .ant-checkbox-group .ant-checkbox-group-item {
  font-size: 20px;
  display: flex;
  align-items: flex-start;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-left .sub-filter .ant-checkbox-group .ant-checkbox-group-item:nth-child(3) {
  margin-top: 50px;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-left .sub-filter .ant-checkbox-group .ant-checkbox-group-item:nth-child(9) {
  margin-top: 50px;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-left .sub-filter .ant-checkbox-group .ant-checkbox-wrapper .ant-checkbox + span {
  padding-top: 3px;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right {
  width: 85%;
  position: relative;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section-body-prompt {
  width: 95%;
  height: 900px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #F2F2F2;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section-body-prompt img {
  width: 40%;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section-body-prompt .course-section-body-prompt-content {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  margin-top: 3rem;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section {
  position: relative;
  margin-bottom: 8rem;
  background-color: white;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .introducing-circle {
  border-radius: 50%;
  width: 4rem;
  height: 4rem;
  background: #F4B767;
  position: absolute;
  top: -3.5rem;
  left: 6.6875rem;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content {
  display: flex;
  grid-gap: 5rem;
  gap: 5rem;
  justify-content: space-around;
  margin-left: 4.25rem;
  margin-right: 4.25rem;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left {
  width: 50%;
  max-width: 682px;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-title {
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 2.25rem;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-title .course-message {
  color: #C00200;
  font-size: 18px;
  font-weight: 400;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .content {
  font-size: 1.3125rem;
  font-weight: 400;
  line-height: 1.5;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-time-steps {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.875rem;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-time-steps .course-time-steps-item {
  width: 125.6px;
  min-height: 125.6px;
  border-radius: 16.75px;
  box-shadow: 0px 8.37302px 16.746px rgba(0, 0, 0, 0.15);
  padding: 14px;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-time-steps .time {
  margin-bottom: 8px;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-time-steps .mask {
  margin-bottom: 7px;
  position: relative;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-time-steps .mask .out-circle {
  width: 20.93px;
  height: 20.93px;
  border-radius: 50%;
  border: 4.18651px solid #FAAD14;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-time-steps .mask .line {
  border-top: 1.6746px dashed #FAAD14;
  position: absolute;
  left: 20px;
  top: 9px;
  width: 146px;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-time-steps .name {
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 5px;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-time-steps .desc {
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .prize {
  font-size: 1.25rem;
  font-weight: 600;
  text-decoration: underline;
  font-style: oblique;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-start-button {
  color: #F48C06;
  border: 2px solid #F48C06;
  text-align: center;
  margin-top: 30px;
  position: relative;
  width: 287px;
  height: 70px;
  border-radius: 70px;
  padding-right: 70px;
  justify-content: center;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-start-button:hover {
  background-color: #FAAD14;
  color: #fff;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-start-button:hover .circle {
  background-color: #fff;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-start-button .circle {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: 2px solid #F48C06;
  position: absolute;
  top: -2px;
  right: -2px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-start-button span {
  font-family: Helvetica Neue;
  font-size: 21px;
  font-weight: 500;
  line-height: 34px;
  letter-spacing: 0.02em;
  text-align: left;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-right {
  width: 50%;
  max-width: 682px;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-right .course-content-right-img {
  width: 100%;
  padding: 20px;
  position: relative;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-right .course-content-right-img .rect1 {
  position: absolute;
  top: 0;
  left: 0;
  height: 140px;
  width: 140px;
  border-radius: 20px;
  background: #4F97FF;
  z-index: 0;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-right .course-content-right-img .rect2 {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 230px;
  width: 230px;
  border-radius: 20px;
  background: #F3AC50;
  z-index: 0;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-right .course-content-right-img img {
  z-index: 1;
  position: relative;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.general-staff .course-content .course-content-left .course-time-steps {
  justify-content: flex-start;
  grid-gap: 20px;
  gap: 20px;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.general-staff .course-content .course-content-left .course-time-steps .course-time-steps-item {
  width: calc(25% - 20px);
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.general-staff .course-content .course-content-left .course-time-steps .mask .line {
  width: calc(100% + 13.07px);
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.senior-manager .introducing-circle {
  background: #0CA3A3;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.senior-manager .course-content .course-content-left .course-time-steps .mask .out-circle {
  width: 20.93px;
  height: 20.93px;
  border-radius: 50%;
  border: 4.18651px solid #1AB6B6;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.senior-manager .course-content .course-content-left .course-time-steps .mask .line {
  border-top: 1.6746px dashed #1AB6B6;
  position: absolute;
  left: 20px;
  top: 9px;
  width: 102px;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.senior-manager .course-content .course-content-left .course-start-button {
  color: #0CA3A3;
  border: 2px solid #0CA3A3;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.senior-manager .course-content .course-content-left .course-start-button .circle {
  border: 2px solid #0CA3A3;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.senior-manager .course-content .course-content-left .course-start-button:hover {
  background-color: #0CA3A3;
  color: #fff;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.senior-manager .course-content .course-content-right .course-content-right-img .rect1 {
  background: #F58F5E;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.senior-manager .course-content .course-content-right .course-content-right-img .rect2 {
  background: #0CA3A3;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.finance .introducing-circle {
  background: #78C6E3;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.finance .course-content .course-content-left .course-time-steps .mask .out-circle {
  border: 4.18651px solid #78C6E3;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.finance .course-content .course-content-left .course-time-steps .mask .line {
  border-top: 1.6746px dashed #78C6E3;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.finance .course-content .course-content-left .course-start-button {
  color: #78C6E3;
  border: 2px solid #78C6E3;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.finance .course-content .course-content-left .course-start-button .circle {
  border: 2px solid #78C6E3;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.finance .course-content .course-content-left .course-start-button:hover {
  background-color: #78C6E3;
  color: #fff;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.finance .course-content .course-content-right .course-content-right-img .rect1 {
  background: #F58F5E;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.finance .course-content .course-content-right .course-content-right-img .rect2 {
  background: #78C6E3;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.hr .introducing-circle {
  background: #597EF7;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.hr .course-content .course-content-left .course-time-steps .mask .out-circle {
  border: 4.18651px solid #597EF7;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.hr .course-content .course-content-left .course-time-steps .mask .line {
  border-top: 1.6746px dashed #597EF7;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.hr .course-content .course-content-left .course-start-button {
  color: #597EF7;
  border: 2px solid #597EF7;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.hr .course-content .course-content-left .course-start-button .circle {
  border: 2px solid #597EF7;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.hr .course-content .course-content-left .course-start-button:hover {
  background-color: #597EF7;
  color: #fff;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.hr .course-content .course-content-right .course-content-right-img .rect1 {
  background: #F58F5E;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.hr .course-content .course-content-right .course-content-right-img .rect2 {
  background: #78C6E3;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.market .introducing-circle {
  background: #D0B175;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.market .course-content .course-content-left .course-time-steps .mask .out-circle {
  border: 4.18651px solid #D0B175;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.market .course-content .course-content-left .course-time-steps .mask .line {
  border-top: 1.6746px dashed #D0B175;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.market .course-content .course-content-left .course-start-button {
  color: #D0B175;
  border: 2px solid #D0B175;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.market .course-content .course-content-left .course-start-button .circle {
  border: 2px solid #D0B175;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.market .course-content .course-content-left .course-start-button:hover {
  background-color: #D0B175;
  color: #fff;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.market .course-content .course-content-right .course-content-right-img .rect1 {
  background: #F3D586;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.market .course-content .course-content-right .course-content-right-img .rect2 {
  background: #EDA926;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.customer .introducing-circle {
  background: #A3D4CA;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.customer .course-content .course-content-left .course-time-steps .mask .out-circle {
  border: 4.18651px solid #A3D4CA;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.customer .course-content .course-content-left .course-time-steps .mask .line {
  border-top: 1.6746px dashed #A3D4CA;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.customer .course-content .course-content-left .course-start-button {
  color: #A3D4CA;
  border: 2px solid #A3D4CA;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.customer .course-content .course-content-left .course-start-button .circle {
  border: 2px solid #A3D4CA;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.customer .course-content .course-content-left .course-start-button:hover {
  background-color: #A3D4CA;
  color: #fff;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.customer .course-content .course-content-right .course-content-right-img .rect1 {
  background: #A3D4CA;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.customer .course-content .course-content-right .course-content-right-img .rect2 {
  background: #7CD7C4;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.it .introducing-circle {
  background: #FF7043;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.it .course-content .course-content-left .course-time-steps .mask .out-circle {
  border: 4.18651px solid #FF7043;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.it .course-content .course-content-left .course-time-steps .mask .line {
  border-top: 1.6746px dashed #FF7043;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.it .course-content .course-content-left .course-start-button {
  color: #FF7043;
  border: 2px solid #FF7043;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.it .course-content .course-content-left .course-start-button .circle {
  border: 2px solid #FF7043;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.it .course-content .course-content-left .course-start-button:hover {
  background-color: #FF7043;
  color: #fff;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.it .course-content .course-content-right .course-content-right-img .rect1 {
  background: #FFA285;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.it .course-content .course-content-right .course-content-right-img .rect2 {
  background: #FFAF96;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.ngo .introducing-circle {
  background: #53CC92;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.ngo .course-content .course-content-left .course-time-steps .mask .out-circle {
  width: 20.93px;
  height: 20.93px;
  border-radius: 50%;
  border: 4.18651px solid #53CC92;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.ngo .course-content .course-content-left .course-time-steps .mask .line {
  border-top: 1.6746px dashed #53CC92;
  position: absolute;
  left: 20px;
  top: 9px;
  width: 102px;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.ngo .course-content .course-content-left .course-start-button {
  color: #53CC92;
  border: 2px solid #53CC92;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.ngo .course-content .course-content-left .course-start-button .circle {
  border: 2px solid #53CC92;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.ngo .course-content .course-content-left .course-start-button:hover {
  background-color: #53CC92;
  color: #fff;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.ngo .course-content .course-content-right .course-content-right-img .rect1 {
  background: #53CC92;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.ngo .course-content .course-content-right .course-content-right-img .rect2 {
  background: #53CC92;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.E-commerce .introducing-circle {
  background: #5384CC;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.E-commerce .course-content .course-content-left .course-time-steps .mask .out-circle {
  width: 20.93px;
  height: 20.93px;
  border-radius: 50%;
  border: 4.18651px solid #5384CC;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.E-commerce .course-content .course-content-left .course-time-steps .mask .line {
  border-top: 1.6746px dashed #5384CC;
  position: absolute;
  left: 20px;
  top: 9px;
  width: 102px;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.E-commerce .course-content .course-content-left .course-start-button {
  color: #5384CC;
  border: 2px solid #5384CC;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.E-commerce .course-content .course-content-left .course-start-button .circle {
  border: 2px solid #5384CC;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.E-commerce .course-content .course-content-left .course-start-button:hover {
  background-color: #5384CC;
  color: #fff;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.E-commerce .course-content .course-content-right .course-content-right-img .rect1 {
  background: #5384CC;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.E-commerce .course-content .course-content-right .course-content-right-img .rect2 {
  background: #5384CC;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.startup .introducing-circle {
  background: #BACD43;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.startup .course-content .course-content-left .course-time-steps .mask .out-circle {
  width: 20.93px;
  height: 20.93px;
  border-radius: 50%;
  border: 4.18651px solid #BACD43;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.startup .course-content .course-content-left .course-time-steps .mask .line {
  border-top: 1.6746px dashed #BACD43;
  position: absolute;
  left: 20px;
  top: 9px;
  width: 102px;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.startup .course-content .course-content-left .course-start-button {
  color: #BACD43;
  border: 2px solid #BACD43;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.startup .course-content .course-content-left .course-start-button .circle {
  border: 2px solid #BACD43;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.startup .course-content .course-content-left .course-start-button:hover {
  background-color: #BACD43;
  color: #fff;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.startup .course-content .course-content-right .course-content-right-img .rect1 {
  background: #BACD43;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.startup .course-content .course-content-right .course-content-right-img .rect2 {
  background: #BACD43;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.fsi .introducing-circle {
  background: #00A8B5;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.fsi .course-content .course-content-left .course-time-steps .mask .out-circle {
  width: 20.93px;
  height: 20.93px;
  border-radius: 50%;
  border: 4.18651px solid #00A8B5;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.fsi .course-content .course-content-left .course-time-steps .mask .line {
  border-top: 1.6746px dashed #00A8B5;
  position: absolute;
  left: 20px;
  top: 9px;
  width: 102px;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.fsi .course-content .course-content-left .course-start-button {
  color: #00A8B5;
  border: 2px solid #00A8B5;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.fsi .course-content .course-content-left .course-start-button .circle {
  border: 2px solid #00A8B5;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.fsi .course-content .course-content-left .course-start-button:hover {
  background-color: #00A8B5;
  color: #fff;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.fsi .course-content .course-content-right .course-content-right-img .rect1 {
  background: #00A8B5;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.fsi .course-content .course-content-right .course-content-right-img .rect2 {
  background: #00A8B5;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.student .introducing-circle {
  background: #837DFF;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.student .course-content .course-content-left .course-time-steps {
  width: 110%;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.student .course-content .course-content-left .course-time-steps .course-time-steps-item {
  width: 15.5%;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.student .course-content .course-content-left .course-time-steps .mask .out-circle {
  width: 20.93px;
  height: 20.93px;
  border-radius: 50%;
  border: 4.18651px solid #837DFF;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.student .course-content .course-content-left .course-time-steps .mask .line {
  border-top: 1.6746px dashed #837DFF;
  position: absolute;
  left: 20px;
  top: 9px;
  width: 86px;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.student .course-content .course-content-left .course-start-button {
  color: #837DFF;
  border: 2px solid #837DFF;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.student .course-content .course-content-left .course-start-button .circle {
  border: 2px solid #837DFF;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.student .course-content .course-content-left .course-start-button:hover {
  background-color: #837DFF;
  color: #fff;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.student .course-content .course-content-right .course-content-right-img .rect1 {
  background: #837DFF;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.student .course-content .course-content-right .course-content-right-img .rect2 {
  background: #837DFF;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.general2024 .introducing-circle {
  background: #FF7043;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.general2024 .course-content .course-content-left .course-time-steps {
  justify-content: flex-start;
  grid-gap: 20px;
  gap: 20px;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.general2024 .course-content .course-content-left .course-time-steps .course-time-steps-item {
  width: calc(25% - 20px);
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.general2024 .course-content .course-content-left .course-time-steps .mask .out-circle {
  width: 20.93px;
  height: 20.93px;
  border-radius: 50%;
  border: 4.18651px solid #FF7043;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.general2024 .course-content .course-content-left .course-time-steps .mask .line {
  border-top: 1.6746px dashed #FF7043;
  position: absolute;
  left: 20px;
  top: 9px;
  width: calc(100% + 13.07px);
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.general2024 .course-content .course-content-left .course-start-button {
  color: #FF7043;
  border: 2px solid #FF7043;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.general2024 .course-content .course-content-left .course-start-button .circle {
  border: 2px solid #FF7043;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.general2024 .course-content .course-content-left .course-start-button:hover {
  background-color: #FF7043;
  color: #fff;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.general2024 .course-content .course-content-right .course-content-right-img .rect1 {
  background: #FF7043;
}
.cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.general2024 .course-content .course-content-right .course-content-right-img .rect2 {
  background: #FF7043;
}
.cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body {
  display: flex;
}
.cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-left {
  width: 20%;
  height: 100%;
  padding-left: 2rem;
}
.cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-left .ant-checkbox .ant-checkbox-inner {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 1.5px solid #333333;
}
.cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-left .ant-checkbox-checked .ant-checkbox-inner {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background-color: #333333;
  border: 1.5px solid #333333;
}
.cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-left .ant-checkbox-checked .ant-checkbox-inner::after {
  width: 10px;
  height: 13px;
  left: calc(50% - 6px);
  border-radius: 1.5px;
}
.cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-left .ant-checkbox-indeterminate .ant-checkbox-inner::after {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: white;
  border: 1.5px solid #333333;
}
.cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-left .filter {
  font-size: 28px;
}
.cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-left > .ant-checkbox-wrapper {
  margin-bottom: 15px;
  margin-top: 20px;
  font-size: 20px;
}
.cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-left .ant-checkbox-checked::after {
  border: none;
}
.cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-left .ant-checkbox-wrapper {
  display: flex;
  align-items: center;
}
.cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-left .ant-checkbox-wrapper .ant-checkbox + span {
  height: 34px;
  line-height: 34px;
  padding-right: 15px;
  padding-left: 15px;
  padding-top: 2px;
}
.cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-left .ant-checkbox-wrapper:first-child > span {
  padding-top: 3px;
}
.cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-left .sub-filter {
  position: relative;
}
.cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-left .sub-filter .default-item {
  position: absolute;
  top: 50px;
  left: 0;
  cursor: not-allowed;
}
.cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-left .sub-filter .default-item > .ant-checkbox-checked {
  cursor: not-allowed;
}
.cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-left .sub-filter .default-item > .ant-checkbox-checked .ant-checkbox-inner {
  cursor: not-allowed;
}
.cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-left .sub-filter .default-item > span {
  font-size: 20px;
  padding-top: 6px;
}
.cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-left .sub-filter .filter-item {
  font-size: 24px;
  position: absolute;
  display: flex;
  align-items: center;
  min-height: 56px;
}
.cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-left .sub-filter .filter-item1 {
  top: 0;
  left: 0;
}
.cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-left .sub-filter .filter-item2 {
  top: 225px;
  left: 0;
}
.cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-left .sub-filter .filter-item3 {
  top: 645px;
  left: 0;
}
.cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-left .sub-filter .ant-checkbox-group {
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  flex-direction: column;
  grid-gap: 25px;
  gap: 25px;
  padding-top: 110px;
  padding-bottom: 25px;
}
.cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-left .sub-filter .ant-checkbox-group .ant-checkbox-group-item {
  font-size: 20px;
  display: flex;
  align-items: flex-start;
}
.cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-left .sub-filter .ant-checkbox-group .ant-checkbox-group-item:nth-child(3) {
  margin-top: 65px;
}
.cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-left .sub-filter .ant-checkbox-group .ant-checkbox-group-item:nth-child(9) {
  margin-top: 65px;
}
.cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-left .sub-filter .ant-checkbox-group .ant-checkbox-wrapper .ant-checkbox + span {
  padding-top: 3px;
}
.cyber-security-training-page.sc .ant-layout-content .course-section-container .course-section-body .course-section-body-left .sub-filter .filter-item3 {
  top: 725px;
  left: 0;
}
.cyber-security-training-page.sc .ant-layout-content .course-section-container .course-section-body .course-section-body-left .sub-filter .ant-checkbox-group .ant-checkbox-group-item:nth-child(9) {
  margin-top: 65px;
}

@media (max-width: 1024px) {
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-left {
    display: none;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right {
    width: 100%;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section-body-prompt {
    width: 100%;
    height: 600px;
    margin-top: -8rem;
    margin-bottom: 10rem;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .introducing-circle {
    display: none;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content {
    flex-direction: column-reverse;
    justify-content: space-around;
    align-items: center;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left {
    width: 100%;
    max-width: unset;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-title {
    text-align: left;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .content {
    font-size: 2rem;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-time-steps {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.875rem;
    grid-gap: 1rem;
    gap: 1rem;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-time-steps .course-time-steps-item {
    width: calc(25% - 1rem);
    min-height: unset;
    border-radius: 16.75px;
    box-shadow: 0px 8.37302px 16.746px rgba(0, 0, 0, 0.15);
    padding: 14px 15.91px;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-time-steps .time {
    margin-bottom: 8px;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-time-steps .mask {
    margin-bottom: 7px;
    position: relative;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-time-steps .mask .out-circle {
    width: 20.93px;
    height: 20.93px;
    border-radius: 50%;
    border: 4.18651px solid #FAAD14;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-time-steps .mask .line {
    border-top: 1.6746px dashed #FAAD14;
    position: absolute;
    left: 20px;
    top: 9px;
    width: calc(100% + 1rem);
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-time-steps .name {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 5px;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-time-steps .desc {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-start-button {
    color: #F48C06;
    border: 2px solid #F48C06;
    text-align: center;
    margin-top: 30px;
    position: relative;
    width: 26rem;
    height: 7rem;
    border-radius: 70px;
    padding-right: 70px;
    justify-content: center;
    display: flex;
    align-items: center;
    cursor: pointer;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-start-button:hover {
    background-color: #FAAD14;
    color: #fff;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-start-button:hover .circle {
    background-color: #fff;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-start-button .circle {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 2px solid #F48C06;
    position: absolute;
    top: -2px;
    right: -2px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-start-button span {
    font-family: Helvetica Neue;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: 0.02em;
    text-align: left;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-right {
    width: 100%;
    max-width: unset;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-right .course-content-right-img .rect1 {
    width: 15rem;
    height: 15rem;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-right .course-content-right-img .rect2 {
    width: 20rem;
    height: 20rem;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.senior-manager .introducing-circle {
    background: #0CA3A3;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.senior-manager .course-content .course-content-left .course-time-steps .mask .out-circle {
    width: 20.93px;
    height: 20.93px;
    border-radius: 50%;
    border: 4.18651px solid #1AB6B6;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.senior-manager .course-content .course-content-left .course-time-steps .mask .line {
    border-top: 1.6746px dashed #1AB6B6;
    position: absolute;
    left: 20px;
    top: 9px;
    width: calc(96% + 1rem);
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.senior-manager .course-content .course-content-left .course-start-button {
    color: #0CA3A3;
    border: 2px solid #0CA3A3;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.senior-manager .course-content .course-content-left .course-start-button .circle {
    border: 2px solid #0CA3A3;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.senior-manager .course-content .course-content-left .course-start-button:hover {
    background-color: #0CA3A3;
    color: #fff;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.senior-manager .course-content .course-content-right .course-content-right-img .rect1 {
    background: #F58F5E;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.senior-manager .course-content .course-content-right .course-content-right-img .rect2 {
    background: #0CA3A3;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.finance .introducing-circle {
    background: #78C6E3;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.finance .course-content .course-content-left .course-time-steps .mask .out-circle {
    border: 4.18651px solid #78C6E3;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.finance .course-content .course-content-left .course-time-steps .mask .line {
    border-top: 1.6746px dashed #78C6E3;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.finance .course-content .course-content-left .course-start-button {
    color: #78C6E3;
    border: 2px solid #78C6E3;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.finance .course-content .course-content-left .course-start-button .circle {
    border: 2px solid #78C6E3;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.finance .course-content .course-content-left .course-start-button:hover {
    background-color: #78C6E3;
    color: #fff;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.finance .course-content .course-content-right .course-content-right-img .rect1 {
    background: #F58F5E;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.finance .course-content .course-content-right .course-content-right-img .rect2 {
    background: #78C6E3;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.hr .introducing-circle {
    background: #597EF7;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.hr .course-content .course-content-left .course-time-steps .mask .out-circle {
    border: 4.18651px solid #597EF7;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.hr .course-content .course-content-left .course-time-steps .mask .line {
    border-top: 1.6746px dashed #597EF7;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.hr .course-content .course-content-left .course-start-button {
    color: #597EF7;
    border: 2px solid #597EF7;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.hr .course-content .course-content-left .course-start-button .circle {
    border: 2px solid #597EF7;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.hr .course-content .course-content-left .course-start-button:hover {
    background-color: #597EF7;
    color: #fff;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.hr .course-content .course-content-right .course-content-right-img .rect1 {
    background: #F58F5E;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.hr .course-content .course-content-right .course-content-right-img .rect2 {
    background: #78C6E3;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.market .introducing-circle {
    background: #D0B175;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.market .course-content .course-content-left .course-time-steps .mask .out-circle {
    border: 4.18651px solid #D0B175;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.market .course-content .course-content-left .course-time-steps .mask .line {
    border-top: 1.6746px dashed #D0B175;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.market .course-content .course-content-left .course-start-button {
    color: #D0B175;
    border: 2px solid #D0B175;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.market .course-content .course-content-left .course-start-button .circle {
    border: 2px solid #D0B175;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.market .course-content .course-content-left .course-start-button:hover {
    background-color: #D0B175;
    color: #fff;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.market .course-content .course-content-right .course-content-right-img .rect1 {
    background: #F3D586;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.market .course-content .course-content-right .course-content-right-img .rect2 {
    background: #EDA926;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.customer .introducing-circle {
    background: #A3D4CA;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.customer .course-content .course-content-left .course-time-steps .mask .out-circle {
    border: 4.18651px solid #A3D4CA;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.customer .course-content .course-content-left .course-time-steps .mask .line {
    border-top: 1.6746px dashed #A3D4CA;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.customer .course-content .course-content-left .course-start-button {
    color: #A3D4CA;
    border: 2px solid #A3D4CA;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.customer .course-content .course-content-left .course-start-button .circle {
    border: 2px solid #A3D4CA;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.customer .course-content .course-content-left .course-start-button:hover {
    background-color: #A3D4CA;
    color: #fff;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.customer .course-content .course-content-right .course-content-right-img .rect1 {
    background: #A3D4CA;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.customer .course-content .course-content-right .course-content-right-img .rect2 {
    background: #7CD7C4;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.it .introducing-circle {
    background: #FF7043;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.it .course-content .course-content-left .course-time-steps .mask .out-circle {
    border: 4.18651px solid #FF7043;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.it .course-content .course-content-left .course-time-steps .mask .line {
    border-top: 1.6746px dashed #FF7043;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.it .course-content .course-content-left .course-start-button {
    color: #FF7043;
    border: 2px solid #FF7043;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.it .course-content .course-content-left .course-start-button .circle {
    border: 2px solid #FF7043;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.it .course-content .course-content-left .course-start-button:hover {
    background-color: #FF7043;
    color: #fff;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.it .course-content .course-content-right .course-content-right-img .rect1 {
    background: #FFA285;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.it .course-content .course-content-right .course-content-right-img .rect2 {
    background: #FFAF96;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.ngo .introducing-circle {
    background: #53CC92;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.ngo .course-content .course-content-left .course-time-steps .mask .out-circle {
    width: 20.93px;
    height: 20.93px;
    border-radius: 50%;
    border: 4.18651px solid #53CC92;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.ngo .course-content .course-content-left .course-time-steps .mask .line {
    border-top: 1.6746px dashed #53CC92;
    position: absolute;
    left: 20px;
    top: 9px;
    width: calc(96% + 1rem);
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.ngo .course-content .course-content-left .course-start-button {
    color: #53CC92;
    border: 2px solid #53CC92;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.ngo .course-content .course-content-left .course-start-button .circle {
    border: 2px solid #53CC92;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.ngo .course-content .course-content-left .course-start-button:hover {
    background-color: #53CC92;
    color: #fff;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.ngo .course-content .course-content-right .course-content-right-img .rect1 {
    background: #53CC92;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.ngo .course-content .course-content-right .course-content-right-img .rect2 {
    background: #53CC92;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.E-commerce .introducing-circle {
    background: #5384CC;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.E-commerce .course-content .course-content-left .course-time-steps .mask .out-circle {
    width: 20.93px;
    height: 20.93px;
    border-radius: 50%;
    border: 4.18651px solid #5384CC;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.E-commerce .course-content .course-content-left .course-time-steps .mask .line {
    border-top: 1.6746px dashed #5384CC;
    position: absolute;
    left: 20px;
    top: 9px;
    width: calc(96% + 1rem);
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.E-commerce .course-content .course-content-left .course-start-button {
    color: #5384CC;
    border: 2px solid #5384CC;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.E-commerce .course-content .course-content-left .course-start-button .circle {
    border: 2px solid #5384CC;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.E-commerce .course-content .course-content-left .course-start-button:hover {
    background-color: #5384CC;
    color: #fff;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.E-commerce .course-content .course-content-right .course-content-right-img .rect1 {
    background: #5384CC;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.E-commerce .course-content .course-content-right .course-content-right-img .rect2 {
    background: #5384CC;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.startup .introducing-circle {
    background: #BACD43;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.startup .course-content .course-content-left .course-time-steps .mask .out-circle {
    width: 20.93px;
    height: 20.93px;
    border-radius: 50%;
    border: 4.18651px solid #BACD43;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.startup .course-content .course-content-left .course-time-steps .mask .line {
    border-top: 1.6746px dashed #BACD43;
    position: absolute;
    left: 20px;
    top: 9px;
    width: calc(96% + 1rem);
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.startup .course-content .course-content-left .course-start-button {
    color: #BACD43;
    border: 2px solid #BACD43;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.startup .course-content .course-content-left .course-start-button .circle {
    border: 2px solid #BACD43;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.startup .course-content .course-content-left .course-start-button:hover {
    background-color: #BACD43;
    color: #fff;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.startup .course-content .course-content-right .course-content-right-img .rect1 {
    background: #BACD43;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.startup .course-content .course-content-right .course-content-right-img .rect2 {
    background: #BACD43;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.fsi .introducing-circle {
    background: #00A8B5;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.fsi .course-content .course-content-left .course-time-steps .mask .out-circle {
    width: 20.93px;
    height: 20.93px;
    border-radius: 50%;
    border: 4.18651px solid #00A8B5;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.fsi .course-content .course-content-left .course-time-steps .mask .line {
    border-top: 1.6746px dashed #00A8B5;
    position: absolute;
    left: 20px;
    top: 9px;
    width: calc(96% + 1rem);
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.fsi .course-content .course-content-left .course-start-button {
    color: #00A8B5;
    border: 2px solid #00A8B5;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.fsi .course-content .course-content-left .course-start-button .circle {
    border: 2px solid #00A8B5;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.fsi .course-content .course-content-left .course-start-button:hover {
    background-color: #00A8B5;
    color: #fff;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.fsi .course-content .course-content-right .course-content-right-img .rect1 {
    background: #00A8B5;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.fsi .course-content .course-content-right .course-content-right-img .rect2 {
    background: #00A8B5;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.student .introducing-circle {
    background: #837DFF;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.student .course-content .course-content-left .course-time-steps {
    width: 100%;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.student .course-content .course-content-left .course-time-steps .mask .out-circle {
    width: 20.93px;
    height: 20.93px;
    border-radius: 50%;
    border: 4.18651px solid #837DFF;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.student .course-content .course-content-left .course-time-steps .mask .line {
    border-top: 1.6746px dashed #837DFF;
    position: absolute;
    left: 20px;
    top: 9px;
    width: calc(96% + 1rem);
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.student .course-content .course-content-left .course-start-button {
    color: #837DFF;
    border: 2px solid #837DFF;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.student .course-content .course-content-left .course-start-button .circle {
    border: 2px solid #837DFF;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.student .course-content .course-content-left .course-start-button:hover {
    background-color: #837DFF;
    color: #fff;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.student .course-content .course-content-right .course-content-right-img .rect1 {
    background: #837DFF;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.student .course-content .course-content-right .course-content-right-img .rect2 {
    background: #837DFF;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.general2024 .introducing-circle {
    background: #FF7043;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.general2024 .course-content .course-content-left .course-time-steps .mask .out-circle {
    width: 20.93px;
    height: 20.93px;
    border-radius: 50%;
    border: 4.18651px solid #FF7043;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.general2024 .course-content .course-content-left .course-time-steps .mask .line {
    border-top: 1.6746px dashed #FF7043;
    position: absolute;
    left: 20px;
    top: 9px;
    width: calc(96% + 1rem);
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.general2024 .course-content .course-content-left .course-start-button {
    color: #FF7043;
    border: 2px solid #FF7043;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.general2024 .course-content .course-content-left .course-start-button .circle {
    border: 2px solid #FF7043;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.general2024 .course-content .course-content-left .course-start-button:hover {
    background-color: #FF7043;
    color: #fff;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.general2024 .course-content .course-content-right .course-content-right-img .rect1 {
    background: #FF7043;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.general2024 .course-content .course-content-right .course-content-right-img .rect2 {
    background: #FF7043;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .introducing-circle {
    display: none;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content {
    flex-direction: column-reverse;
    justify-content: space-around;
    align-items: center;
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left {
    width: 100%;
    max-width: unset;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-title {
    text-align: left;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .content {
    font-size: 1.8rem;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-time-steps {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.875rem;
    grid-gap: 1rem;
    gap: 1rem;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-time-steps .course-time-steps-item {
    width: calc(25% - 1rem);
    min-height: unset;
    border-radius: 16.75px;
    box-shadow: 0px 8.37302px 16.746px rgba(0, 0, 0, 0.15);
    padding: 14px 15.91px;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-time-steps .time {
    margin-bottom: 8px;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-time-steps .mask {
    margin-bottom: 7px;
    position: relative;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-time-steps .mask .out-circle {
    width: 20.93px;
    height: 20.93px;
    border-radius: 50%;
    border: 4.18651px solid #FAAD14;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-time-steps .mask .line {
    border-top: 1.6746px dashed #FAAD14;
    position: absolute;
    left: 20px;
    top: 9px;
    width: calc(100% + 1rem);
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-time-steps .name {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 5px;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-time-steps .desc {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-start-button {
    color: #F48C06;
    border: 2px solid #F48C06;
    text-align: center;
    margin-top: 30px;
    position: relative;
    width: 30rem;
    height: 6rem;
    border-radius: 70px;
    padding-right: 70px;
    justify-content: center;
    display: flex;
    align-items: center;
    cursor: pointer;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-start-button:hover {
    background-color: #FAAD14;
    color: #fff;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-start-button:hover .circle {
    background-color: #fff;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-start-button .circle {
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    border: 2px solid #F48C06;
    position: absolute;
    top: -2px;
    right: -2px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-start-button .circle img {
    width: 68%;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-start-button span {
    font-family: Helvetica Neue;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: 0.02em;
    text-align: left;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-right {
    width: 100%;
    max-width: unset;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-right .course-content-right-img .rect1 {
    width: 12rem;
    height: 12rem;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-right .course-content-right-img .rect2 {
    width: 16rem;
    height: 16rem;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.senior-manager .introducing-circle {
    background: #0CA3A3;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.senior-manager .course-content .course-content-left .course-time-steps .mask .out-circle {
    width: 20.93px;
    height: 20.93px;
    border-radius: 50%;
    border: 4.18651px solid #1AB6B6;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.senior-manager .course-content .course-content-left .course-time-steps .mask .line {
    border-top: 1.6746px dashed #1AB6B6;
    position: absolute;
    left: 20px;
    top: 9px;
    width: calc(94% + 1rem);
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.senior-manager .course-content .course-content-left .course-start-button {
    color: #0CA3A3;
    border: 2px solid #0CA3A3;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.senior-manager .course-content .course-content-left .course-start-button .circle {
    border: 2px solid #0CA3A3;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.senior-manager .course-content .course-content-left .course-start-button:hover {
    background-color: #0CA3A3;
    color: #fff;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.senior-manager .course-content .course-content-right .course-content-right-img .rect1 {
    background: #F58F5E;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.senior-manager .course-content .course-content-right .course-content-right-img .rect2 {
    background: #0CA3A3;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.finance .introducing-circle {
    background: #78C6E3;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.finance .course-content .course-content-left .course-time-steps .mask .out-circle {
    border: 4.18651px solid #78C6E3;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.finance .course-content .course-content-left .course-time-steps .mask .line {
    border-top: 1.6746px dashed #78C6E3;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.finance .course-content .course-content-left .course-start-button {
    color: #78C6E3;
    border: 2px solid #78C6E3;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.finance .course-content .course-content-left .course-start-button .circle {
    border: 2px solid #78C6E3;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.finance .course-content .course-content-left .course-start-button:hover {
    background-color: #78C6E3;
    color: #fff;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.finance .course-content .course-content-right .course-content-right-img .rect1 {
    background: #F58F5E;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.finance .course-content .course-content-right .course-content-right-img .rect2 {
    background: #78C6E3;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.hr .introducing-circle {
    background: #597EF7;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.hr .course-content .course-content-left .course-time-steps .mask .out-circle {
    border: 4.18651px solid #597EF7;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.hr .course-content .course-content-left .course-time-steps .mask .line {
    border-top: 1.6746px dashed #597EF7;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.hr .course-content .course-content-left .course-start-button {
    color: #597EF7;
    border: 2px solid #597EF7;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.hr .course-content .course-content-left .course-start-button .circle {
    border: 2px solid #597EF7;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.hr .course-content .course-content-left .course-start-button:hover {
    background-color: #597EF7;
    color: #fff;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.hr .course-content .course-content-right .course-content-right-img .rect1 {
    background: #F58F5E;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.hr .course-content .course-content-right .course-content-right-img .rect2 {
    background: #78C6E3;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.market .introducing-circle {
    background: #D0B175;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.market .course-content .course-content-left .course-time-steps .mask .out-circle {
    border: 4.18651px solid #D0B175;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.market .course-content .course-content-left .course-time-steps .mask .line {
    border-top: 1.6746px dashed #D0B175;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.market .course-content .course-content-left .course-start-button {
    color: #D0B175;
    border: 2px solid #D0B175;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.market .course-content .course-content-left .course-start-button .circle {
    border: 2px solid #D0B175;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.market .course-content .course-content-left .course-start-button:hover {
    background-color: #D0B175;
    color: #fff;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.market .course-content .course-content-right .course-content-right-img .rect1 {
    background: #F3D586;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.market .course-content .course-content-right .course-content-right-img .rect2 {
    background: #EDA926;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.customer .introducing-circle {
    background: #A3D4CA;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.customer .course-content .course-content-left .course-time-steps .mask .out-circle {
    border: 4.18651px solid #A3D4CA;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.customer .course-content .course-content-left .course-time-steps .mask .line {
    border-top: 1.6746px dashed #A3D4CA;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.customer .course-content .course-content-left .course-start-button {
    color: #A3D4CA;
    border: 2px solid #A3D4CA;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.customer .course-content .course-content-left .course-start-button .circle {
    border: 2px solid #A3D4CA;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.customer .course-content .course-content-left .course-start-button:hover {
    background-color: #A3D4CA;
    color: #fff;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.customer .course-content .course-content-right .course-content-right-img .rect1 {
    background: #A3D4CA;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.customer .course-content .course-content-right .course-content-right-img .rect2 {
    background: #7CD7C4;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.it .introducing-circle {
    background: #FF7043;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.it .course-content .course-content-left .course-time-steps .mask .out-circle {
    border: 4.18651px solid #FF7043;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.it .course-content .course-content-left .course-time-steps .mask .line {
    border-top: 1.6746px dashed #FF7043;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.it .course-content .course-content-left .course-start-button {
    color: #FF7043;
    border: 2px solid #FF7043;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.it .course-content .course-content-left .course-start-button .circle {
    border: 2px solid #FF7043;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.it .course-content .course-content-left .course-start-button:hover {
    background-color: #FF7043;
    color: #fff;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.it .course-content .course-content-right .course-content-right-img .rect1 {
    background: #FFA285;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.it .course-content .course-content-right .course-content-right-img .rect2 {
    background: #FFAF96;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.ngo .introducing-circle {
    background: #53CC92;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.ngo .course-content .course-content-left .course-time-steps .mask .out-circle {
    border: 4.18651px solid #53CC92;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.ngo .course-content .course-content-left .course-time-steps .mask .line {
    border-top: 1.6746px dashed #53CC92;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.ngo .course-content .course-content-left .course-start-button {
    color: #53CC92;
    border: 2px solid #53CC92;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.ngo .course-content .course-content-left .course-start-button .circle {
    border: 2px solid #53CC92;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.ngo .course-content .course-content-left .course-start-button:hover {
    background-color: #53CC92;
    color: #fff;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.ngo .course-content .course-content-right .course-content-right-img .rect1 {
    background: #53CC92;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.ngo .course-content .course-content-right .course-content-right-img .rect2 {
    background: #53CC92;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.E-commerce .introducing-circle {
    background: #5384CC;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.E-commerce .course-content .course-content-left .course-time-steps .mask .out-circle {
    border: 4.18651px solid #5384CC;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.E-commerce .course-content .course-content-left .course-time-steps .mask .line {
    border-top: 1.6746px dashed #5384CC;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.E-commerce .course-content .course-content-left .course-start-button {
    color: #5384CC;
    border: 2px solid #5384CC;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.E-commerce .course-content .course-content-left .course-start-button .circle {
    border: 2px solid #5384CC;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.E-commerce .course-content .course-content-left .course-start-button:hover {
    background-color: #5384CC;
    color: #fff;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.E-commerce .course-content .course-content-right .course-content-right-img .rect1 {
    background: #5384CC;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.E-commerce .course-content .course-content-right .course-content-right-img .rect2 {
    background: #5384CC;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.startup .introducing-circle {
    background: #BACD43;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.startup .course-content .course-content-left .course-time-steps .mask .out-circle {
    border: 4.18651px solid #BACD43;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.startup .course-content .course-content-left .course-time-steps .mask .line {
    border-top: 1.6746px dashed #BACD43;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.startup .course-content .course-content-left .course-start-button {
    color: #BACD43;
    border: 2px solid #BACD43;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.startup .course-content .course-content-left .course-start-button .circle {
    border: 2px solid #BACD43;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.startup .course-content .course-content-left .course-start-button:hover {
    background-color: #BACD43;
    color: #fff;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.startup .course-content .course-content-right .course-content-right-img .rect1 {
    background: #BACD43;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.startup .course-content .course-content-right .course-content-right-img .rect2 {
    background: #BACD43;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.fsi .introducing-circle {
    background: #00A8B5;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.fsi .course-content .course-content-left .course-time-steps .mask .out-circle {
    border: 4.18651px solid #00A8B5;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.fsi .course-content .course-content-left .course-time-steps .mask .line {
    border-top: 1.6746px dashed #00A8B5;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.fsi .course-content .course-content-left .course-start-button {
    color: #00A8B5;
    border: 2px solid #00A8B5;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.fsi .course-content .course-content-left .course-start-button .circle {
    border: 2px solid #00A8B5;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.fsi .course-content .course-content-left .course-start-button:hover {
    background-color: #00A8B5;
    color: #fff;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.fsi .course-content .course-content-right .course-content-right-img .rect1 {
    background: #00A8B5;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.fsi .course-content .course-content-right .course-content-right-img .rect2 {
    background: #00A8B5;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.student .introducing-circle {
    background: #837DFF;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.student .course-content .course-content-left .course-time-steps .mask .out-circle {
    width: 20.93px;
    height: 20.93px;
    border-radius: 50%;
    border: 4.18651px solid #837DFF;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.student .course-content .course-content-left .course-time-steps .mask .line {
    border-top: 1.6746px dashed #837DFF;
    position: absolute;
    left: 20px;
    top: 9px;
    width: calc(96% + 1rem);
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.student .course-content .course-content-left .course-start-button {
    color: #837DFF;
    border: 2px solid #837DFF;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.student .course-content .course-content-left .course-start-button .circle {
    border: 2px solid #837DFF;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.student .course-content .course-content-left .course-start-button:hover {
    background-color: #837DFF;
    color: #fff;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.student .course-content .course-content-right .course-content-right-img .rect1 {
    background: #837DFF;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.student .course-content .course-content-right .course-content-right-img .rect2 {
    background: #837DFF;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.general2024 .introducing-circle {
    background: #FF7043;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.general2024 .course-content .course-content-left .course-time-steps .mask .out-circle {
    width: 20.93px;
    height: 20.93px;
    border-radius: 50%;
    border: 4.18651px solid #FF7043;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.general2024 .course-content .course-content-left .course-time-steps .mask .line {
    border-top: 1.6746px dashed #FF7043;
    position: absolute;
    left: 20px;
    top: 9px;
    width: calc(98% + 1rem);
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.general2024 .course-content .course-content-left .course-start-button {
    color: #FF7043;
    border: 2px solid #FF7043;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.general2024 .course-content .course-content-left .course-start-button .circle {
    border: 2px solid #FF7043;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.general2024 .course-content .course-content-left .course-start-button:hover {
    background-color: #FF7043;
    color: #fff;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.general2024 .course-content .course-content-right .course-content-right-img .rect1 {
    background: #FF7043;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.general2024 .course-content .course-content-right .course-content-right-img .rect2 {
    background: #FF7043;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .introducing-circle {
    display: none;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content {
    flex-direction: column-reverse;
    justify-content: space-around;
    align-items: center;
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left {
    width: 100%;
    max-width: unset;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-title {
    text-align: left;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .content {
    font-size: 1.8rem;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-time-steps {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.875rem;
    grid-gap: 1rem;
    gap: 1rem;
    flex-wrap: wrap;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-time-steps .course-time-steps-item {
    width: 100%;
    min-height: unset;
    border-radius: 16.75px;
    box-shadow: 0px 8.37302px 16.746px rgba(0, 0, 0, 0.15);
    padding: 1rem;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-time-steps .time {
    font-size: 1.5rem;
    line-height: 1;
    margin-bottom: 8px;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-time-steps .mask {
    margin-bottom: 7px;
    position: relative;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-time-steps .mask .out-circle {
    width: 20.93px;
    height: 20.93px;
    border-radius: 50%;
    border: 4.18651px solid #FAAD14;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-time-steps .mask .line {
    border-top: 1.6746px dashed #FAAD14;
    position: absolute;
    left: 20px;
    top: 9px;
    width: calc(90% + 1rem);
    display: none;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-time-steps .name {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 5px;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-time-steps .desc {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-start-button {
    color: #F48C06;
    border: 2px solid #F48C06;
    text-align: center;
    border-radius: 70px;
    position: relative;
    justify-content: center;
    display: flex;
    align-items: center;
    cursor: pointer;
    height: 4rem;
    padding: 1rem 4rem 1rem 0.6rem;
    width: 52%;
    margin-top: 2.5rem;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-start-button:hover {
    background-color: #FAAD14;
    color: #fff;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-start-button:hover .circle {
    background-color: #fff;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-start-button .circle {
    border-radius: 50%;
    border: 2px solid #F48C06;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    top: -2px;
    right: -2px;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-start-button .circle img {
    width: 68%;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-start-button span {
    font-family: Helvetica Neue;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: 0.02em;
    text-align: left;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-right {
    width: 100%;
    max-width: unset;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-right .course-content-right-img .rect1 {
    width: 12rem;
    height: 12rem;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-right .course-content-right-img .rect2 {
    width: 16rem;
    height: 16rem;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.senior-manager .introducing-circle {
    background: #0CA3A3;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.senior-manager .course-content .course-content-left .course-time-steps .course-time-steps-item .mask .out-circle {
    width: 20.93px;
    height: 20.93px;
    border-radius: 50%;
    border: 4.18651px solid #1AB6B6;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.senior-manager .course-content .course-content-left .course-time-steps .course-time-steps-item .mask .line {
    border-top: 1.6746px dashed #1AB6B6;
    position: absolute;
    left: 20px;
    top: 9px;
    width: calc(75% + 1rem);
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.senior-manager .course-content .course-content-left .course-start-button {
    color: #0CA3A3;
    border: 2px solid #0CA3A3;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.senior-manager .course-content .course-content-left .course-start-button .circle {
    border: 2px solid #0CA3A3;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.senior-manager .course-content .course-content-left .course-start-button:hover {
    background-color: #0CA3A3;
    color: #fff;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.senior-manager .course-content .course-content-right .course-content-right-img .rect1 {
    background: #F58F5E;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.senior-manager .course-content .course-content-right .course-content-right-img .rect2 {
    background: #0CA3A3;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.finance .introducing-circle {
    background: #78C6E3;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.finance .course-content .course-content-left .course-time-steps .mask .out-circle {
    border: 4.18651px solid #78C6E3;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.finance .course-content .course-content-left .course-time-steps .mask .line {
    border-top: 1.6746px dashed #78C6E3;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.finance .course-content .course-content-left .course-start-button {
    color: #78C6E3;
    border: 2px solid #78C6E3;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.finance .course-content .course-content-left .course-start-button .circle {
    border: 2px solid #78C6E3;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.finance .course-content .course-content-left .course-start-button:hover {
    background-color: #78C6E3;
    color: #fff;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.finance .course-content .course-content-right .course-content-right-img .rect1 {
    background: #F58F5E;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.finance .course-content .course-content-right .course-content-right-img .rect2 {
    background: #78C6E3;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.hr .introducing-circle {
    background: #597EF7;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.hr .course-content .course-content-left .course-time-steps .mask .out-circle {
    border: 4.18651px solid #597EF7;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.hr .course-content .course-content-left .course-time-steps .mask .line {
    border-top: 1.6746px dashed #597EF7;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.hr .course-content .course-content-left .course-start-button {
    color: #597EF7;
    border: 2px solid #597EF7;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.hr .course-content .course-content-left .course-start-button .circle {
    border: 2px solid #597EF7;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.hr .course-content .course-content-left .course-start-button:hover {
    background-color: #597EF7;
    color: #fff;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.hr .course-content .course-content-right .course-content-right-img .rect1 {
    background: #F58F5E;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.hr .course-content .course-content-right .course-content-right-img .rect2 {
    background: #78C6E3;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.market .introducing-circle {
    background: #D0B175;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.market .course-content .course-content-left .course-time-steps .mask .out-circle {
    border: 4.18651px solid #D0B175;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.market .course-content .course-content-left .course-time-steps .mask .line {
    border-top: 1.6746px dashed #D0B175;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.market .course-content .course-content-left .course-start-button {
    color: #D0B175;
    border: 2px solid #D0B175;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.market .course-content .course-content-left .course-start-button .circle {
    border: 2px solid #D0B175;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.market .course-content .course-content-left .course-start-button:hover {
    background-color: #D0B175;
    color: #fff;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.market .course-content .course-content-right .course-content-right-img .rect1 {
    background: #F3D586;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.market .course-content .course-content-right .course-content-right-img .rect2 {
    background: #EDA926;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.customer .introducing-circle {
    background: #A3D4CA;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.customer .course-content .course-content-left .course-time-steps .mask .out-circle {
    border: 4.18651px solid #A3D4CA;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.customer .course-content .course-content-left .course-time-steps .mask .line {
    border-top: 1.6746px dashed #A3D4CA;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.customer .course-content .course-content-left .course-start-button {
    color: #A3D4CA;
    border: 2px solid #A3D4CA;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.customer .course-content .course-content-left .course-start-button .circle {
    border: 2px solid #A3D4CA;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.customer .course-content .course-content-left .course-start-button:hover {
    background-color: #A3D4CA;
    color: #fff;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.customer .course-content .course-content-right .course-content-right-img .rect1 {
    background: #A3D4CA;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.customer .course-content .course-content-right .course-content-right-img .rect2 {
    background: #7CD7C4;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.it .introducing-circle {
    background: #FF7043;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.it .course-content .course-content-left .course-time-steps .mask .out-circle {
    border: 4.18651px solid #FF7043;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.it .course-content .course-content-left .course-time-steps .mask .line {
    border-top: 1.6746px dashed #FF7043;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.it .course-content .course-content-left .course-start-button {
    color: #FF7043;
    border: 2px solid #FF7043;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.it .course-content .course-content-left .course-start-button .circle {
    border: 2px solid #FF7043;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.it .course-content .course-content-left .course-start-button:hover {
    background-color: #FF7043;
    color: #fff;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.it .course-content .course-content-right .course-content-right-img .rect1 {
    background: #FFA285;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.it .course-content .course-content-right .course-content-right-img .rect2 {
    background: #FFAF96;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.ngo .introducing-circle {
    background: #53CC92;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.ngo .course-content .course-content-left .course-time-steps .mask .out-circle {
    border: 4.18651px solid #53CC92;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.ngo .course-content .course-content-left .course-time-steps .mask .line {
    border-top: 1.6746px dashed #53CC92;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.ngo .course-content .course-content-left .course-start-button {
    color: #53CC92;
    border: 2px solid #53CC92;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.ngo .course-content .course-content-left .course-start-button .circle {
    border: 2px solid #53CC92;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.ngo .course-content .course-content-left .course-start-button:hover {
    background-color: #53CC92;
    color: #fff;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.ngo .course-content .course-content-right .course-content-right-img .rect1 {
    background: #53CC92;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.ngo .course-content .course-content-right .course-content-right-img .rect2 {
    background: #53CC92;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.E-commerce .introducing-circle {
    background: #5384CC;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.E-commerce .course-content .course-content-left .course-time-steps .mask .out-circle {
    border: 4.18651px solid #5384CC;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.E-commerce .course-content .course-content-left .course-time-steps .mask .line {
    border-top: 1.6746px dashed #5384CC;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.E-commerce .course-content .course-content-left .course-start-button {
    color: #5384CC;
    border: 2px solid #5384CC;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.E-commerce .course-content .course-content-left .course-start-button .circle {
    border: 2px solid #5384CC;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.E-commerce .course-content .course-content-left .course-start-button:hover {
    background-color: #5384CC;
    color: #fff;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.E-commerce .course-content .course-content-right .course-content-right-img .rect1 {
    background: #5384CC;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.E-commerce .course-content .course-content-right .course-content-right-img .rect2 {
    background: #5384CC;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.startup .introducing-circle {
    background: #BACD43;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.startup .course-content .course-content-left .course-time-steps .mask .out-circle {
    border: 4.18651px solid #BACD43;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.startup .course-content .course-content-left .course-time-steps .mask .line {
    border-top: 1.6746px dashed #BACD43;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.startup .course-content .course-content-left .course-start-button {
    color: #BACD43;
    border: 2px solid #BACD43;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.startup .course-content .course-content-left .course-start-button .circle {
    border: 2px solid #BACD43;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.startup .course-content .course-content-left .course-start-button:hover {
    background-color: #BACD43;
    color: #fff;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.startup .course-content .course-content-right .course-content-right-img .rect1 {
    background: #BACD43;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.startup .course-content .course-content-right .course-content-right-img .rect2 {
    background: #BACD43;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.fsi .introducing-circle {
    background: #00A8B5;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.fsi .course-content .course-content-left .course-time-steps .mask .out-circle {
    border: 4.18651px solid #00A8B5;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.fsi .course-content .course-content-left .course-time-steps .mask .line {
    border-top: 1.6746px dashed #00A8B5;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.fsi .course-content .course-content-left .course-start-button {
    color: #00A8B5;
    border: 2px solid #00A8B5;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.fsi .course-content .course-content-left .course-start-button .circle {
    border: 2px solid #00A8B5;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.fsi .course-content .course-content-left .course-start-button:hover {
    background-color: #00A8B5;
    color: #fff;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.fsi .course-content .course-content-right .course-content-right-img .rect1 {
    background: #00A8B5;
  }
  .cyber-security-training-page .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.fsi .course-content .course-content-right .course-content-right-img .rect2 {
    background: #00A8B5;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .introducing-circle {
    display: none;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content {
    flex-direction: column-reverse;
    justify-content: space-around;
    align-items: center;
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left {
    width: 100%;
    max-width: unset;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-title {
    text-align: left;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .content {
    font-size: 1.8rem;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-time-steps {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.875rem;
    grid-gap: 1rem;
    gap: 1rem;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-time-steps .course-time-steps-item {
    min-height: unset;
    border-radius: 16.75px;
    box-shadow: 0px 8.37302px 16.746px rgba(0, 0, 0, 0.15);
    padding: 1rem;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-time-steps .time {
    font-size: 1.5rem;
    line-height: 1;
    margin-bottom: 8px;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-time-steps .mask {
    margin-bottom: 7px;
    position: relative;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-time-steps .mask .out-circle {
    width: 20.93px;
    height: 20.93px;
    border-radius: 50%;
    border: 4.18651px solid #FAAD14;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-time-steps .mask .line {
    border-top: 1.6746px dashed #FAAD14;
    position: absolute;
    left: 20px;
    top: 9px;
    width: calc(90% + 1rem);
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-time-steps .name {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 5px;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-time-steps .desc {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-start-button {
    color: #F48C06;
    border: 2px solid #F48C06;
    text-align: center;
    border-radius: 70px;
    position: relative;
    justify-content: center;
    display: flex;
    align-items: center;
    cursor: pointer;
    height: 4rem;
    padding: 1rem 4rem 1rem 0.6rem;
    width: 100%;
    margin-top: 2.5rem;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-start-button:hover {
    background-color: #FAAD14;
    color: #fff;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-start-button:hover .circle {
    background-color: #fff;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-start-button .circle {
    border-radius: 50%;
    border: 2px solid #F48C06;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    top: -2px;
    right: -2px;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-start-button .circle img {
    width: 68%;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-left .course-start-button span {
    font-family: Helvetica Neue;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: 0.02em;
    text-align: left;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-right {
    width: 100%;
    max-width: unset;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-right .course-content-right-img .rect1 {
    width: 12rem;
    height: 12rem;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section .course-content .course-content-right .course-content-right-img .rect2 {
    width: 16rem;
    height: 16rem;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.senior-manager .introducing-circle {
    background: #0CA3A3;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.senior-manager .course-content .course-content-left .course-time-steps .course-time-steps-item .mask .out-circle {
    width: 20.93px;
    height: 20.93px;
    border-radius: 50%;
    border: 4.18651px solid #1AB6B6;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.senior-manager .course-content .course-content-left .course-time-steps .course-time-steps-item .mask .line {
    border-top: 1.6746px dashed #1AB6B6;
    position: absolute;
    left: 20px;
    top: 9px;
    width: calc(75% + 1rem);
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.senior-manager .course-content .course-content-left .course-start-button {
    color: #0CA3A3;
    border: 2px solid #0CA3A3;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.senior-manager .course-content .course-content-left .course-start-button .circle {
    border: 2px solid #0CA3A3;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.senior-manager .course-content .course-content-left .course-start-button:hover {
    background-color: #0CA3A3;
    color: #fff;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.senior-manager .course-content .course-content-right .course-content-right-img .rect1 {
    background: #F58F5E;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.senior-manager .course-content .course-content-right .course-content-right-img .rect2 {
    background: #0CA3A3;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.finance .introducing-circle {
    background: #78C6E3;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.finance .course-content .course-content-left .course-time-steps .mask .out-circle {
    border: 4.18651px solid #78C6E3;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.finance .course-content .course-content-left .course-time-steps .mask .line {
    border-top: 1.6746px dashed #78C6E3;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.finance .course-content .course-content-left .course-start-button {
    color: #78C6E3;
    border: 2px solid #78C6E3;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.finance .course-content .course-content-left .course-start-button .circle {
    border: 2px solid #78C6E3;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.finance .course-content .course-content-left .course-start-button:hover {
    background-color: #78C6E3;
    color: #fff;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.finance .course-content .course-content-right .course-content-right-img .rect1 {
    background: #F58F5E;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.finance .course-content .course-content-right .course-content-right-img .rect2 {
    background: #78C6E3;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.hr .introducing-circle {
    background: #597EF7;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.hr .course-content .course-content-left .course-time-steps .mask .out-circle {
    border: 4.18651px solid #597EF7;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.hr .course-content .course-content-left .course-time-steps .mask .line {
    border-top: 1.6746px dashed #597EF7;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.hr .course-content .course-content-left .course-start-button {
    color: #597EF7;
    border: 2px solid #597EF7;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.hr .course-content .course-content-left .course-start-button .circle {
    border: 2px solid #597EF7;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.hr .course-content .course-content-left .course-start-button:hover {
    background-color: #597EF7;
    color: #fff;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.hr .course-content .course-content-right .course-content-right-img .rect1 {
    background: #F58F5E;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.hr .course-content .course-content-right .course-content-right-img .rect2 {
    background: #78C6E3;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.market .introducing-circle {
    background: #D0B175;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.market .course-content .course-content-left .course-time-steps .mask .out-circle {
    border: 4.18651px solid #D0B175;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.market .course-content .course-content-left .course-time-steps .mask .line {
    border-top: 1.6746px dashed #D0B175;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.market .course-content .course-content-left .course-start-button {
    color: #D0B175;
    border: 2px solid #D0B175;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.market .course-content .course-content-left .course-start-button .circle {
    border: 2px solid #D0B175;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.market .course-content .course-content-left .course-start-button:hover {
    background-color: #D0B175;
    color: #fff;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.market .course-content .course-content-right .course-content-right-img .rect1 {
    background: #F3D586;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.market .course-content .course-content-right .course-content-right-img .rect2 {
    background: #EDA926;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.customer .introducing-circle {
    background: #A3D4CA;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.customer .course-content .course-content-left .course-time-steps .mask .out-circle {
    border: 4.18651px solid #A3D4CA;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.customer .course-content .course-content-left .course-time-steps .mask .line {
    border-top: 1.6746px dashed #A3D4CA;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.customer .course-content .course-content-left .course-start-button {
    color: #A3D4CA;
    border: 2px solid #A3D4CA;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.customer .course-content .course-content-left .course-start-button .circle {
    border: 2px solid #A3D4CA;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.customer .course-content .course-content-left .course-start-button:hover {
    background-color: #A3D4CA;
    color: #fff;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.customer .course-content .course-content-right .course-content-right-img .rect1 {
    background: #A3D4CA;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.customer .course-content .course-content-right .course-content-right-img .rect2 {
    background: #7CD7C4;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.it .introducing-circle {
    background: #FF7043;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.it .course-content .course-content-left .course-time-steps .mask .out-circle {
    border: 4.18651px solid #FF7043;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.it .course-content .course-content-left .course-time-steps .mask .line {
    border-top: 1.6746px dashed #FF7043;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.it .course-content .course-content-left .course-start-button {
    color: #FF7043;
    border: 2px solid #FF7043;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.it .course-content .course-content-left .course-start-button .circle {
    border: 2px solid #FF7043;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.it .course-content .course-content-left .course-start-button:hover {
    background-color: #FF7043;
    color: #fff;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.it .course-content .course-content-right .course-content-right-img .rect1 {
    background: #FFA285;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.it .course-content .course-content-right .course-content-right-img .rect2 {
    background: #FFAF96;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.ngo .introducing-circle {
    background: #53CC92;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.ngo .course-content .course-content-left .course-time-steps .mask .out-circle {
    border: 4.18651px solid #53CC92;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.ngo .course-content .course-content-left .course-time-steps .mask .line {
    border-top: 1.6746px dashed #53CC92;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.ngo .course-content .course-content-left .course-start-button {
    color: #53CC92;
    border: 2px solid #53CC92;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.ngo .course-content .course-content-left .course-start-button .circle {
    border: 2px solid #53CC92;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.ngo .course-content .course-content-left .course-start-button:hover {
    background-color: #53CC92;
    color: #fff;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.ngo .course-content .course-content-right .course-content-right-img .rect1 {
    background: #53CC92;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.ngo .course-content .course-content-right .course-content-right-img .rect2 {
    background: #53CC92;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.E-commerce .introducing-circle {
    background: #5384CC;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.E-commerce .course-content .course-content-left .course-time-steps .mask .out-circle {
    border: 4.18651px solid #5384CC;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.E-commerce .course-content .course-content-left .course-time-steps .mask .line {
    border-top: 1.6746px dashed #5384CC;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.E-commerce .course-content .course-content-left .course-start-button {
    color: #5384CC;
    border: 2px solid #5384CC;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.E-commerce .course-content .course-content-left .course-start-button .circle {
    border: 2px solid #5384CC;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.E-commerce .course-content .course-content-left .course-start-button:hover {
    background-color: #5384CC;
    color: #fff;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.E-commerce .course-content .course-content-right .course-content-right-img .rect1 {
    background: #5384CC;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.E-commerce .course-content .course-content-right .course-content-right-img .rect2 {
    background: #5384CC;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.startup .introducing-circle {
    background: #BACD43;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.startup .course-content .course-content-left .course-time-steps .mask .out-circle {
    border: 4.18651px solid #BACD43;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.startup .course-content .course-content-left .course-time-steps .mask .line {
    border-top: 1.6746px dashed #BACD43;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.startup .course-content .course-content-left .course-start-button {
    color: #BACD43;
    border: 2px solid #BACD43;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.startup .course-content .course-content-left .course-start-button .circle {
    border: 2px solid #BACD43;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.startup .course-content .course-content-left .course-start-button:hover {
    background-color: #BACD43;
    color: #fff;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.startup .course-content .course-content-right .course-content-right-img .rect1 {
    background: #BACD43;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.startup .course-content .course-content-right .course-content-right-img .rect2 {
    background: #BACD43;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.fsi .introducing-circle {
    background: #00A8B5;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.fsi .course-content .course-content-left .course-time-steps .mask .out-circle {
    border: 4.18651px solid #00A8B5;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.fsi .course-content .course-content-left .course-time-steps .mask .line {
    border-top: 1.6746px dashed #00A8B5;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.fsi .course-content .course-content-left .course-start-button {
    color: #00A8B5;
    border: 2px solid #00A8B5;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.fsi .course-content .course-content-left .course-start-button .circle {
    border: 2px solid #00A8B5;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.fsi .course-content .course-content-left .course-start-button:hover {
    background-color: #00A8B5;
    color: #fff;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.fsi .course-content .course-content-right .course-content-right-img .rect1 {
    background: #00A8B5;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.fsi .course-content .course-content-right .course-content-right-img .rect2 {
    background: #00A8B5;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.student .introducing-circle {
    background: #837DFF;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.student .course-content .course-content-left .course-time-steps .mask .out-circle {
    border: 4.18651px solid #837DFF;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.student .course-content .course-content-left .course-time-steps .mask .line {
    border-top: 1.6746px dashed #837DFF;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.student .course-content .course-content-left .course-start-button {
    color: #837DFF;
    border: 2px solid #837DFF;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.student .course-content .course-content-left .course-start-button .circle {
    border: 2px solid #837DFF;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.student .course-content .course-content-left .course-start-button:hover {
    background-color: #837DFF;
    color: #fff;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.student .course-content .course-content-right .course-content-right-img .rect1 {
    background: #837DFF;
  }
  .cyber-security-training-page.en .ant-layout-content .course-section-container .course-section-body .course-section-body-right .course-section.student .course-content .course-content-right .course-content-right-img .rect2 {
    background: #837DFF;
  }
}

.notification {
  display: flex;
  position: fixed;
  top: 45%;
  z-index: -100;
  text-align: center;
  max-width: calc(1980px - 5rem);
}
.notification.fade-in {
  z-index: 999;
}
.notification .message {
  opacity: 0.8;
  margin: auto;
  background: #333333e8;
  border-radius: 20px;
  padding: 3rem;
  font-size: 2rem;
  font-weight: 500;
  color: #fff;
  width: 100%;
}
@media (max-width: 1024px) {
  .notification {
    width: calc(100% - 1.6rem);
  }
  .notification .message {
    font-size: 2.2rem;
    padding: 4rem;
  }
}
@media (max-width: 768px) {
  .notification {
    width: calc(100% - 1.6rem);
  }
  .notification .message {
    font-size: 1.8rem;
    padding: 3rem;
  }
}
@media (max-width: 480px) {
  .notification {
    width: calc(100% - 1.6rem);
  }
  .notification .message {
    font-size: 1.8rem;
    padding: 2rem;
  }
}

.filter-bar {
  display: none;
}
@media (max-width: 1024px) {
  .filter-bar {
    display: block;
    position: relative;
  }
  .filter-bar .filter {
    width: 100%;
    height: 42px;
    font-size: 14px;
    line-height: 42px;
    text-align: center;
    background-color: #DCE8FD;
    position: relative;
  }
  .filter-bar .filter .filterArrow {
    position: absolute;
    right: 25px;
    top: 16px;
  }
  .filter-bar .filter-submit {
    position: absolute;
    display: flex;
    align-items: center;
    font-size: 14px;
    height: 30px;
    padding: 2px 20px;
    margin: 6px;
    top: 0;
    right: 0;
    color: #FFFFFF;
    background: #F26927;
    box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.043);
    border-radius: 30px;
  }
  .filter-bar .filter-down {
    background-color: white;
    padding: 30px;
    overflow: hidden;
  }
  .filter-bar .filter-down .filter-down-body {
    overflow-y: scroll;
    height: calc(100vh - 146px);
  }
  .filter-bar .filter-down .filter-down-body > .ant-checkbox-wrapper {
    display: inline-flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    width: 100%;
    font-size: 14px;
    padding: 12px 22px;
    background-color: #F4F4F4;
  }
  .filter-bar .filter-down .filter-down-body > .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
    width: 21px;
    height: 21px;
    border-radius: 50%;
    border: 1.5px solid #333333;
  }
  .filter-bar .filter-down .filter-down-body > .ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner {
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background-color: #333333;
    border: 1.5px solid #333333;
  }
  .filter-bar .filter-down .filter-down-body > .ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner::after {
    width: 6px;
    height: 10px;
    left: calc(50% - 5px);
    border-radius: 1.5px;
  }
  .filter-bar .filter-down .filter-down-body > .ant-checkbox-wrapper .ant-checkbox-indeterminate .ant-checkbox-inner::after {
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background-color: white;
    border: 1.5px solid #333333;
  }
  .filter-bar .filter-down .filter-down-body > .ant-checkbox-wrapper .ant-checkbox-checked::after {
    border: none;
  }
  .filter-bar .filter-down .filter-down-body > .ant-checkbox-wrapper .ant-checkbox + span {
    width: 100%;
    height: 100%;
  }
  .filter-bar .filter-down .filter-down-body .sub-filter {
    position: relative;
  }
  .filter-bar .filter-down .filter-down-body .sub-filter .filter-item {
    width: 100%;
    text-align: center;
    font-size: 24px;
    position: absolute;
  }
  .filter-bar .filter-down .filter-down-body .sub-filter .filter-item1 {
    font-size: 16px;
    top: 10px;
  }
  .filter-bar .filter-down .filter-down-body .sub-filter .filter-item2 {
    font-size: 16px;
    top: 194px;
  }
  .filter-bar .filter-down .filter-down-body .sub-filter .filter-item3 {
    font-size: 16px;
    top: 526px;
  }
  .filter-bar .filter-down .filter-down-body .sub-filter .default-item {
    width: 100%;
    font-size: 14px;
    padding: 12px 22px;
    display: inline-flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    background-color: #F4F4F4;
    margin-top: 35px;
  }
  .filter-bar .filter-down .filter-down-body .sub-filter .default-item .ant-checkbox + span {
    width: 100%;
    height: 100%;
  }
  .filter-bar .filter-down .filter-down-body .sub-filter .default-item .ant-checkbox-checked .ant-checkbox-inner {
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background-color: #333333;
    border: 1.5px solid #333333;
  }
  .filter-bar .filter-down .filter-down-body .sub-filter .default-item .ant-checkbox-checked .ant-checkbox-inner::after {
    left: 27.5%;
  }
  .filter-bar .filter-down .filter-down-body .sub-filter .default-item .ant-checkbox-checked::after {
    border: none;
  }
  .filter-bar .filter-down .filter-down-body .sub-filter .ant-checkbox-group {
    width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    display: flex;
    flex-direction: column;
    grid-gap: 2px;
    gap: 2px;
    padding-top: 2px;
    padding-bottom: 5px;
  }
  .filter-bar .filter-down .filter-down-body .sub-filter .ant-checkbox-group .ant-checkbox-group-item {
    width: 100%;
    font-size: 14px;
    padding: 12px 22px;
    display: inline-flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    background-color: #F4F4F4;
  }
  .filter-bar .filter-down .filter-down-body .sub-filter .ant-checkbox-group .ant-checkbox-group-item .ant-checkbox .ant-checkbox-inner {
    width: 21px;
    height: 21px;
    border-radius: 50%;
    border: 1.5px solid #333333;
  }
  .filter-bar .filter-down .filter-down-body .sub-filter .ant-checkbox-group .ant-checkbox-group-item .ant-checkbox-checked .ant-checkbox-inner {
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background-color: #333333;
    border: 1.5px solid #333333;
  }
  .filter-bar .filter-down .filter-down-body .sub-filter .ant-checkbox-group .ant-checkbox-group-item .ant-checkbox-checked .ant-checkbox-inner::after {
    width: 6px;
    height: 10px;
    left: calc(50% - 5px);
    border-radius: 1.5px;
  }
  .filter-bar .filter-down .filter-down-body .sub-filter .ant-checkbox-group .ant-checkbox-group-item .ant-checkbox-indeterminate .ant-checkbox-inner::after {
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background-color: white;
    border: 1.5px solid #333333;
  }
  .filter-bar .filter-down .filter-down-body .sub-filter .ant-checkbox-group .ant-checkbox-group-item .ant-checkbox-checked::after {
    border: none;
  }
  .filter-bar .filter-down .filter-down-body .sub-filter .ant-checkbox-group .ant-checkbox-group-item .ant-checkbox + span {
    width: 100%;
    height: 100%;
  }
  .filter-bar .filter-down .filter-down-body .sub-filter .ant-checkbox-group .ant-checkbox-group-item:nth-child(3) {
    margin-top: 35px;
  }
  .filter-bar .filter-down .filter-down-body .sub-filter .ant-checkbox-group .ant-checkbox-group-item:nth-child(9) {
    margin-top: 35px;
  }
}

.cyber-security-training-page .ant-layout-content .hottopic-section-body {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  grid-gap: 50px;
  gap: 50px;
}
.cyber-security-training-page .ant-layout-content .hottopic-section-body .hot-topic-section {
  display: flex;
  max-width: 1200px;
  padding: 20px;
  border-radius: 195px;
  overflow: hidden;
}
.cyber-security-training-page .ant-layout-content .hottopic-section-body .hot-topic-section .hot-topic-img {
  width: 350px;
  height: 350px;
  border-radius: 50% 0 0 50%;
  margin: auto;
}
.cyber-security-training-page .ant-layout-content .hottopic-section-body .hot-topic-section .hot-topic-content {
  width: 70%;
  padding: 50px 80px;
  position: relative;
}
.cyber-security-training-page .ant-layout-content .hottopic-section-body .hot-topic-section .hot-topic-content .hot-topic-title {
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 20px;
}
.cyber-security-training-page .ant-layout-content .hottopic-section-body .hot-topic-section .hot-topic-content .hot-topic-description {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 30px;
}
.cyber-security-training-page .ant-layout-content .hottopic-section-body .hot-topic-section .hot-topic-content .hot-topic-start-button {
  font-size: 20px;
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  border: 2px solid white;
  border-radius: 30px;
  padding: 20px 35px;
}
.cyber-security-training-page .ant-layout-content .hottopic-section-body .hot-topic-button {
  display: flex;
  align-items: center;
  width: 50px;
}
.cyber-security-training-page .ant-layout-content .hottopic-section-body .hot-topic-button .hot-topic-btn {
  width: 100%;
  height: 100px;
  background-color: #F6F6F6;
  border: none;
  cursor: pointer;
}

.cyber-security-training-page .ant-layout-content .hottopic-mobile-section-header {
  font-size: 4rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 30px;
}
.cyber-security-training-page .ant-layout-content .hottopic-mobile-section-body {
  position: relative;
}
.cyber-security-training-page .ant-layout-content .hottopic-mobile-section-body .hot-topic-mobile-section {
  width: 100%;
  display: flex;
  justify-content: center;
}
.cyber-security-training-page .ant-layout-content .hottopic-mobile-section-body .hot-topic-mobile-section .hot-topic-mobile-img {
  width: 250px;
  border-radius: 50% 50% 0 0;
}
.cyber-security-training-page .ant-layout-content .hottopic-mobile-section-body .hot-topic-mobile-section .hot-topic-mobile-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 50px 80px;
  position: relative;
}
.cyber-security-training-page .ant-layout-content .hottopic-mobile-section-body .hot-topic-mobile-section .hot-topic-mobile-content .hot-topic-mobile-title {
  font-size: 36px;
  font-weight: 600;
}
.cyber-security-training-page .ant-layout-content .hottopic-mobile-section-body .hot-topic-mobile-section .hot-topic-mobile-content .hot-topic-mobile-description {
  font-size: 1.8rem;
  line-height: 1.5;
  min-height: 270px;
}
.cyber-security-training-page .ant-layout-content .hottopic-mobile-section-body .hot-topic-mobile-section .hot-topic-mobile-content .hot-topic-mobile-start-button {
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  border: 2px solid white;
  border-radius: 30px;
  padding: 15px 30px;
  margin-bottom: 4rem;
}
.cyber-security-training-page .ant-layout-content .hottopic-mobile-section-body .hot-topic-mobile-button {
  position: absolute;
  display: flex;
  align-items: center;
  width: 50px;
  height: 100%;
  z-index: 99;
}
.cyber-security-training-page .ant-layout-content .hottopic-mobile-section-body .hot-topic-mobile-button .hot-topic-btn {
  width: 100%;
  height: 100px;
  background-color: #F6F6F6;
  border: none;
  cursor: pointer;
}
.cyber-security-training-page .ant-layout-content .hottopic-mobile-section-body .hot-topic-mobile-button.previous {
  left: 0;
  top: 0;
}
.cyber-security-training-page .ant-layout-content .hottopic-mobile-section-body .hot-topic-mobile-button.next {
  right: 0;
  top: 0;
}

.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation {
  position: relative;
  margin-bottom: 10rem !important;
  cursor: pointer;
  background: linear-gradient(to right top, #555c65, #343645);
  margin-left: -3.5rem;
  width: calc(100% + 7rem);
  padding: 3vw;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .avater {
  margin-top: 5%;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message {
  width: 45vw;
  height: 10vw;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message .conversation-message-text {
  line-height: 1.2;
  font-size: 1.5vw;
  font-weight: 400;
  z-index: 10;
  position: relative;
  height: 100%;
  display: flex;
  text-align: center;
  padding: 1vw 1vw 1vw 7vw;
  justify-content: center;
  align-items: center;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .avater {
  margin-top: 5%;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message {
  width: 45vw;
  height: 10vw;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message .conversation-message-text {
  font-size: 1.6vw;
  line-height: 1.2;
  padding: 1vw 11vw 1vw 3vw;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  top: 10rem;
  left: 10rem;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation.ransomware .conversation-line1 .avater {
  margin-top: 3%;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation.ransomware .conversation-line1 .conversation-message {
  width: 45vw;
  height: 10vw;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation.ransomware .conversation-line1 .conversation-message .conversation-message-text {
  line-height: 1.2;
  font-size: 1.5vw;
  font-weight: 400;
  z-index: 10;
  position: relative;
  height: 100%;
  display: flex;
  text-align: center;
  padding: 1vw 2vw 1vw 11vw;
  justify-content: center;
  align-items: center;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation.ransomware .conversation-line2 .avater {
  margin-top: 3%;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation.ransomware .conversation-line2 .conversation-message {
  width: 45vw;
  height: 10vw;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation.ransomware .conversation-line2 .conversation-message .conversation-message-text {
  font-size: 1.6vw;
  line-height: 1.2;
  padding: 1vw 11vw 1vw 3vw;
}
.cyber-security-training-page.course-page.ransomware.en .ant-layout-content .course-body .course-body-content .topic-item .conversation {
  position: relative;
  margin-bottom: 10rem !important;
  cursor: pointer;
}
.cyber-security-training-page.course-page.ransomware.en .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .avater {
  margin-top: 5%;
}
.cyber-security-training-page.course-page.ransomware.en .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message {
  width: 45vw;
  height: 12vw;
}
.cyber-security-training-page.course-page.ransomware.en .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message .conversation-message-text {
  font-size: 1.6vw;
  line-height: 1.2;
  padding: 1vw 3vw 1vw 11vw;
}
.cyber-security-training-page.course-page.ransomware.en .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .avater {
  margin-top: 5%;
}
.cyber-security-training-page.course-page.ransomware.en .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message {
  width: 45vw;
  height: 10vw;
}
.cyber-security-training-page.course-page.ransomware.en .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message .conversation-message-text {
  font-size: 1.6vw;
  line-height: 1.2;
  padding: 1vw 11vw 1vw 3vw;
}
.cyber-security-training-page.course-page.ransomware.en .ant-layout-content .course-body .course-body-content .topic-item .conversation .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  top: 10rem;
  left: 10rem;
}
.cyber-security-training-page.course-page.ransomware.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.ransomware .conversation-line1 .avater {
  margin-top: 10%;
}
.cyber-security-training-page.course-page.ransomware.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.ransomware .conversation-line1 .conversation-message {
  height: 15vw;
}
.cyber-security-training-page.course-page.ransomware.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.ransomware .conversation-line2 .conversation-message {
  height: 13vw;
}

.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation {
  position: relative;
  cursor: pointer;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  top: 12rem;
  left: 12rem;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .conversation {
    width: calc(100% + 4rem);
    margin-left: -2rem;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .conversation .avater {
    width: 12vw !important;
    height: 12vw !important;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message {
    width: 56vw !important;
    height: 12vw !important;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message-text {
    font-size: 1.5vw !important;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message-text {
    padding: 1vw 3vw 1vw 14vw !important;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message-text {
    padding: 1vw 14vw 1vw 5vw !important;
  }
  .cyber-security-training-page.course-page.ransomware.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.ransomware .conversation-line1 .avater {
    margin-top: 5%;
  }
  .cyber-security-training-page.course-page.ransomware.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.ransomware .conversation-line1 .conversation-message {
    height: 15vw;
  }
  .cyber-security-training-page.course-page.ransomware.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.ransomware .conversation-line2 .avater {
    margin-top: 2%;
  }
  .cyber-security-training-page.course-page.ransomware.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.ransomware .conversation-line2 .conversation-message {
    height: 13vw;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message-text {
    font-size: 1.6rem !important;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .avater {
    margin-top: 10%;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message {
    width: 75vw !important;
    height: 22vw !important;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 {
    margin-bottom: 3rem;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .avater {
    margin-top: 5%;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message {
    width: 75vw !important;
    height: 14vw !important;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message .conversation-message-text {
    font-size: 1.6vw;
    line-height: 1.2;
    padding: 1vw 12vw 1vw 3vw;
  }
  .cyber-security-training-page.course-page.ransomware.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.ransomware .conversation-line1 .avater {
    margin-top: 10%;
  }
  .cyber-security-training-page.course-page.ransomware.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.ransomware .conversation-line1 .conversation-message {
    height: 15vw;
  }
  .cyber-security-training-page.course-page.ransomware.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.ransomware .conversation-line2 .avater {
    margin-top: 2%;
  }
  .cyber-security-training-page.course-page.ransomware.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.ransomware .conversation-line2 .conversation-message {
    height: 13vw;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message {
    width: 75vw !important;
    height: 25vw !important;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message-text {
    font-size: 1.4rem !important;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .avater {
    margin-top: 30% !important;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message {
    width: 80vw !important;
    height: 45vw !important;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message .conversation-message-text {
    padding: 1vw 4vw 1vw 16vw !important;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 {
    margin-bottom: 3rem;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .avater {
    margin-top: 12% !important;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message {
    width: 80vw !important;
    height: 30vw !important;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message .conversation-message-text {
    font-size: 1.6vw;
    line-height: 1.2;
    padding: 4vw 20vw 3vw 8vw !important;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .conversation .click-point {
    position: absolute;
    width: 40px;
    transform: rotate(-45deg);
    z-index: 10;
    transition: all 800ms linear 0s;
    top: 12rem;
    left: 5rem;
  }
  .cyber-security-training-page.course-page.ransomware.en .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .avater {
    margin-top: 15% !important;
  }
  .cyber-security-training-page.course-page.ransomware.en .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message {
    height: 30vw !important;
  }
  .cyber-security-training-page.course-page.ransomware.en .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message .conversation-message-text {
    padding: 2vw 4vw 2vw 17vw !important;
  }
  .cyber-security-training-page.course-page.ransomware.en .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .avater {
    margin-top: 12% !important;
  }
  .cyber-security-training-page.course-page.ransomware.en .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message {
    height: 30vw !important;
  }
  .cyber-security-training-page.course-page.ransomware.en .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message .conversation-message-text {
    padding: 1vw 16vw 1vw 5vw !important;
  }
  .cyber-security-training-page.course-page.ransomware.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.ransomware .conversation-line1 .avater {
    margin-top: 40% !important;
  }
  .cyber-security-training-page.course-page.ransomware.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.ransomware .conversation-line1 .conversation-message {
    width: 80vw !important;
    height: 55vw !important;
  }
  .cyber-security-training-page.course-page.ransomware.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.ransomware .conversation-line1 .conversation-message .conversation-message-text {
    padding: 4vw 5vw 2vw 19vw !important;
  }
  .cyber-security-training-page.course-page.ransomware.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.ransomware .conversation-line2 {
    margin-bottom: 3rem;
  }
  .cyber-security-training-page.course-page.ransomware.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.ransomware .conversation-line2 .avater {
    margin-top: 25% !important;
  }
  .cyber-security-training-page.course-page.ransomware.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.ransomware .conversation-line2 .conversation-message {
    width: 75vw !important;
    height: 45vw !important;
  }
  .cyber-security-training-page.course-page.ransomware.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.ransomware .conversation-line2 .conversation-message .conversation-message-text {
    font-size: 1.6vw;
    line-height: 1.2;
    padding: 6vw 20vw 3vw 8vw !important;
  }
  .cyber-security-training-page.course-page.ransomware.en .ant-layout-content .course-body .course-body-content .topic-item .conversation .click-point {
    position: absolute;
    width: 40px;
    transform: rotate(-45deg);
    z-index: 10;
    transition: all 800ms linear 0s;
    top: 7rem;
    left: 5rem;
  }
}

.ransomware .animation001 {
  display: flex;
}
.ransomware .animation001 .animation001-1 {
  display: none;
}
.ransomware .animation001 .animation001-2 {
  margin: auto;
  display: flex;
  justify-content: center;
  width: 90%;
  flex-wrap: wrap;
  grid-gap: 1rem;
  gap: 1rem;
}
.ransomware .animation001 .animation001-2 .animation001-item {
  position: relative;
}
.ransomware .animation001 .animation001-2 .animation001-item .click-point {
  position: absolute;
  z-index: 1;
  width: 110px;
  bottom: -110px;
  left: 30%;
}
.ransomware .animation001 .animation001-2 .animation001-item {
  width: calc(25% - 1rem);
  cursor: pointer;
}
.ransomware .animation001 .animation001-2 .animation001-item .animation001-icon {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  text-align: center;
  line-height: 96px;
  margin-left: 65px;
  margin-bottom: 23px;
}
.ransomware .animation001 .animation001-2 .animation001-item .animation001-title-container {
  display: none;
  justify-content: center;
  margin-bottom: 1.75rem;
}
.ransomware .animation001 .animation001-2 .animation001-item .animation001-title-container .animation001-title {
  color: #fff;
  font-size: 1.5rem;
  padding: 1rem;
  font-weight: 700;
  background: #DB536A;
  border-radius: 0.625rem;
  min-width: 65%;
  text-align: center;
}
.ransomware .animation001 .animation001-2 .animation001-item .animation001-body {
  text-align: center;
}
.ransomware .animation001 .animation001-2 .animation001-item .animation001-body img {
  margin: auto;
  width: 100%;
}
.ransomware .animation001 .animation001-2 .animation001-item .animation001-body .text {
  color: white;
  font-weight: 600;
  padding: 15px;
  height: 84.42px;
  font-size: 24px;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ransomware .animation001 .animation001-2 .animation001-item .animation001-body .content {
  margin-top: 1.5rem;
  font-size: 22px;
  text-align: left;
  line-height: 1.5;
}
.ransomware .animation001.ransoware-animation001 .animation001-2 .animation001-item {
  margin-bottom: 3rem;
}
.ransomware .animation001.ransoware-animation001 .animation001-2 .animation001-item.item0 .animation001-title {
  background-color: #DB536A;
}
.ransomware .animation001.ransoware-animation001 .animation001-2 .animation001-item.item0 .animation001-body .text {
  background-color: #2791F2;
}
.ransomware .animation001.ransoware-animation001 .animation001-2 .animation001-item.item1 .animation001-title {
  background-color: #0C53A3;
}
.ransomware .animation001.ransoware-animation001 .animation001-2 .animation001-item.item1 .animation001-body .text {
  background-color: #0DC1C1;
}
.ransomware .animation001.ransoware-animation001 .animation001-2 .animation001-item.item2 .animation001-title {
  background-color: #38876F;
}
.ransomware .animation001.ransoware-animation001 .animation001-2 .animation001-item.item2 .animation001-body .text {
  background-color: #D23D21;
}
.ransomware .animation001.ransoware-animation001 .animation001-2 .animation001-item.item3 .animation001-title {
  background-color: #D23D21;
}
.ransomware .animation001.ransoware-animation001 .animation001-2 .animation001-item.item3 .animation001-body .text {
  background-color: #FAAD14;
}
.ransomware.en .animation001.ransoware-animation001 .animation001-item .animation001-body .text {
  line-height: 1.3;
}
.ransomware.en .animation001.ransoware-animation001 .animation001-item .animation001-body .content {
  line-height: 1.3;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .animation001.ransoware-animation001 .animation001-1 {
    display: none;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .animation001.ransoware-animation001 .animation001-2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    grid-gap: 4rem;
    gap: 4rem;
    width: 80%;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .animation001.ransoware-animation001 .animation001-2 .animation001-item {
    width: calc(50% - 4rem) !important;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .animation001.ransoware-animation001 .animation001-2 .animation001-item .animation001-body img {
    width: 100%;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .animation001.ransoware-animation001 .animation001-2 .animation001-item .animation001-body .text {
    min-height: 100px;
    padding: 0.9rem;
    font-size: 2.2rem;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .animation001.ransoware-animation001 .animation001-2 .animation001-item .animation001-body .content {
    font-size: 2rem;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .animation001.ransoware-animation001 .animation001-2 .animation001-item .animation001-icon {
    width: 12vw;
    height: 12vw;
    line-height: 12vw;
    margin: auto;
    margin-bottom: 4vw;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .animation001.ransoware-animation001 .animation001-2 .animation001-item .animation001-icon img {
    width: 100%;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .animation001.ransoware-animation001 .animation001-2 .animation001-item .animation001-title-container .animation001-title {
    height: 120px;
    line-height: 100px;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .animation001.ransoware-animation001 .animation001-2 {
    grid-gap: 2rem;
    gap: 2rem;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .animation001.ransoware-animation001 .animation001-2 .animation001-item {
    width: calc(50% - 2rem) !important;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .animation001.ransoware-animation001 .animation001-2 .animation001-item .animation001-body .text {
    font-size: 2rem;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .animation001.ransoware-animation001 .animation001-2 .animation001-item .animation001-body .content {
    font-size: 1.8rem;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .animation001.ransoware-animation001 .animation001-2 .animation001-item .animation001-title-container .animation001-title {
    height: 90px;
    line-height: 70px;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .animation001.ransoware-animation001 .animation001-2 {
    grid-gap: 1rem;
    gap: 1rem;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .animation001.ransoware-animation001 .animation001-2 .animation001-item {
    width: calc(100% - 4rem) !important;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .animation001.ransoware-animation001 .animation001-2 .animation001-item .animation001-body img {
    width: 100%;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .animation001.ransoware-animation001 .animation001-2 .animation001-item .animation001-body .text {
    font-size: 1.8rem;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .animation001.ransoware-animation001 .animation001-2 .animation001-item .animation001-body .content {
    font-size: 1.6rem;
  }
}

.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation004 {
  position: relative;
  height: 400px;
  margin-top: 48px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation004.no-title {
  position: relative;
  z-index: 0;
  display: flex;
  justify-content: center;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section {
  margin-left: -56px !important;
  width: 1000px;
  position: relative;
  height: 100%;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation004 .img-g5584 {
  position: absolute;
  z-index: 0;
  top: 164px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation004 .animation004-title {
  background: url(data:image/png;base64,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);
  width: 317px;
  height: 184px;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  left: 100px;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2rem;
  padding: 1rem;
  text-align: center;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section {
  margin-top: 0;
  position: relative;
  height: 100%;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step {
  width: 180px;
  position: absolute;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  grid-gap: 1rem;
  gap: 1rem;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .step-title {
  display: none;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .text {
  font-size: 24px;
  font-weight: 400;
  line-height: 29px;
  text-align: center;
  margin-bottom: 0;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .sub-task-text .view-more-btn {
  padding: 0;
  font-size: 24px;
  color: black;
  font-weight: 600;
  height: auto;
  position: relative;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .sub-task-text .view-more-btn .click-point1 {
  width: 40px;
  cursor: pointer;
  position: absolute;
  left: unset;
  top: unset;
  bottom: -5px;
  right: -15px;
  transform: rotate(270deg);
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .indicator {
  width: 100%;
  line-height: 68.78px;
  display: flex;
  font-size: 26px;
  font-weight: 700;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .indicator.indicator-title {
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 0.625rem;
  justify-content: center;
  display: flex;
  min-height: 4rem;
  text-align: center;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step img {
  position: absolute;
  width: 280px;
  left: -195px;
  bottom: -108px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step1 {
  top: auto;
  left: 0;
  bottom: 124px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step1 .indicator {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAABGCAYAAABmILAIAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAL1SURBVHgB7d1NkppAGIDhxiKLrOIRzG1yhBwhx5irZJdr5CSZXQ4QBVF+wtfFZ7WItDiiQL9PlaXDbHmnfwAnSr+/bQyATp9/vb3Hn+LijwFwYZck7/Xb15UBcCFJU5Nl2UY+xwbAme1uZw6Hw+lnIgEaVVXZQI7H49lxIgFqZVmaf9utKYri4ndEguDleW5HEAmlC5EgaPv93i7S+xAJgiSjxk7WH/Uo4kMkCI6MHmn9koX6LYgEwRgyeriIBEEYOnq4iASLJjtXuyTp3Nq9FZFgkezUqo6jfWHwHkSCRZHp1D7L7PTqnqlV299vPzZEgkV4dBwuIsGsjRmHIhLM0jPiUESCWZHdKrmNPatfY8ehiASzIHGkaTr4QuAjEAkm65lTqj5EgkmRGOTC36tGjS5Egkl4xVrjVkSCl5lyGC4iwVPNJQwXkWBUEoJEYeM4HmcThotI8FC68JZFd15HMZXF993imHu38DEahYwUcsdtXn+e42jRh0gwiNyCLjFIGDaOBUbRRiS4SoKQCIp6lNAp1NKD6EIksDHYIOoI5D2UEeJWRBIIOfnlpNcQdJTQ47iOSGZOv3VQRwA54fXEt8eaIHA/IpmI9snePqbvZX3yV84L4yOSkehJ7P6Fd//K261T5zOmi0gG0pPaLmybqczZsSYELAeRtOiitmgWtacFrzMaICzBRaK7OjoKnH5mBECHVWHWi4zktL3pjAa63QkMEUXlfCMhBDzL5CNxY9ArwVwAwzNNJhJiwFS9JBK9tTqkO0kxX6NGojtGemt13kQBzMlDI7G3UxMEFubuSGSU0Ec0mTJhyW6ORKZN8kC/PnzDVitCcTUSnTrZZ5cDfSINEKdIJIIsy2wcc/3qF2AMcSL/V67ZjgVwrqyidSzf2g2gWxRF65UB0ItIAA8iATyIBPAgEsCDSAAPIgE8iATwIBLAg0gADyIBelSV4bYUoM9qVX0hEsCDSAAPIgE8iATwIBLAg0gAj7gy1U8DoFNUVb//A1Rb9MBga6C3AAAAAElFTkSuQmCC);
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step1 img {
  left: -240px;
  bottom: -136px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step2 {
  top: auto;
  left: 270px;
  bottom: 167px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step2 .indicator {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAABFCAYAAADgtMKmAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALuSURBVHgB7dxBctowFIDhB/W+HIFtj9Eb9BS5Undd9U5Ztj1C2wkBbEvxMxYYsC2c2GDJ/zeTCTMkO/15km2yeH768UsAXNtkv7/8fPqaFC/XAuDcJhO7TVf6cikAzhWByDaVhQiRAFeqQOoSASBirchLEcc+v3qLSABTBPJ/J5LbxreJBPOWmSKQ/WGStCASzNem2F5tM++PEQnmJ9PzR/v26hKRYF5ei8nxmvb6FSLBPOjZ42V/8/SoIxLETQ/kOj1uOHu0IRLEy8Vh+0+POiJBfPSGoF65Mh+LQz1/+74mEsRDzx16KE+NDIlIEL6R4nCIBOEaOQ6HSBAWPYTv8sOBfIAzxy2IBGHQOLb5IFer+iISTNudtlRdiATT88Cp0YRIMA3urJHmD50aTYgEj6Nh6LNUup3SJ3MnMDWaEAnuS0PQO+L6NeEw6ogE4zNVGBPcSt2CSDA8t43aFwfvvbnb/YxRJBnPbmEA9Sj0e4DToguRoD+dDLp1ys0hiDzgSXEDIkE3W00GDSOrogjgsD0kIsGBLnzdJWXVhNDXMwyiCZHMiS54XfNZNRlMFUMW+OF6ZEQSCxeALnadBOVrc4rCvYfeiGSK3GIu/9rbUwDWnt7Tby4G9x5GQSRjOy5wqRb1xcI/hiAs9okikvfq2t6Y6r4Biz4KRNKkfsB1f/mNPd/fs/hnY56RtF3lcZc+CQCVYims4o2kft3fTQKu8qAnY23gkbSFwDTAgMKIxD1AVwbADTDc17QiuYyhfB3GB3MQr8dFUn+SlMmACRs/kssH51LODAjL8JGUW6T8MBmy+D9rgPh9LJL6lonzAyLVL5L84hNpnCEwA92RuC1TGs6/fwGGdh6JmxREARwl5aTQ/3Kx46OaQJNE/u0EQLPFcrFeCoBORAJ4EAngQSSAB5EAHkQCeBAJ4EEkgAeRAB5EAngQCdDB2uWKSIAOn0Q+EwngQSSAB5EAHkQCeBAJ4EEkgEdixf4RAC0Wf98AYqTlQ0RwE48AAAAASUVORK5CYII=);
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step3 {
  top: auto;
  left: 545px;
  bottom: 210px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step3 .indicator {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAABFCAYAAADgtMKmAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMiSURBVHgB7dxNctowGIBhGdiXI3CG3qC36Bm67xl6hK56nm57g7b7thkCBLAtqf4EIiYBKwZsbOt9ZjrJkC79ok/+S759/vFTAXhluzS/Pn19/2FilZopAEfSJ6NWcz2V30cKwBEXyIOWX10kEwXgYL3QavNojj4jEmBvPS8CWZpXnxMJomeLjfnyb67yrT35dyJB1HRWBPIvVya3Z/8PkSBaMlrJiBVCJIiOKbpYPZwfr14iEkRFVo/Nwihr3haIIBJEoe7qUUYkGDQ5c7WVvcdjeO9xDpFgsOTK+dO83mh1CpFgcGSkkivnl4xWL335+H1GJBiMW8ZRRiTovabi8IgEvdV0HB6RoHfaisMjEvSCP5UrFwOvPVtVF5Gg02S1SDemOJ1rW4/DIxJ0jls1VkZlRRxtjVRViASd4fcacvv6vVaNU4gEd9WFcSqESNC6PoRRRiRonOwx0rXsL2Sf0a1R6i2IBI2Q1SJPrcq23dh8X2qsx1MiwU3oTIKw7oxU1zbe19DjhEhQn4xPulgl8mx4UZxCJKgkQcibRGSV0FkRRL4LJCZEggOJQbt/ygWRp6ryVTuxIJLI+JVBRiX5afQuCpMPe2S6BpEMiARgtXUvPdBarkHsVgS3h3D7BkK4BJF0lB9z5IC3xVFuzPNB7mLY/3R/N4xFTSKSFpS/4f0BLwe1P9h3n/sI+LbvGiK5gj/QZa73B778Xv6G56DvPyI5wwcgG1w3zujdfUY6Z7yJTbSRlCMorwBscFE2Ssywr7iXz/u7kUhOdxIBakiSAdyWci4ExiHcSi8i8WeHspQLYGhf5yJx9wntY3ArBKsC7uxukbhN89Yc7hNiZUBXtRKJXxXkTlL2DOibm0dSDkIexBn6swYYvqsiKT98k6fymCZBYHhqReI31TrbPb8c28M3iFNlJBJFurE8gIOoHUXS91e/AE2Y+BeFMT4Bp00Wf3IF4DSr7GykAFQiEiCASIAAIgECiAQIIBIggEiAACIBAogECCASIIBIgAqJTaZEAlRJ1DsiAQKIBAggEiCASIAAIgECiAQIkBdB/FYAzpn/BxpxqBXldz9PAAAAAElFTkSuQmCC);
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step4 {
  top: auto;
  left: 820px;
  bottom: 255px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step4 .indicator {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAABGCAYAAABmILAIAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALySURBVHgB7dxPctowFIBxQVhk0UVu0PRmuUHbG3Smh+iyR+sRwiTFNrZll4fzGkHAMn9sLPn7zWQgwFIfT2Cb2dcf6W8D4IPc2uWvn5++L8zMPBkAO6qqMsnfbLm5u4kEwA4J5OUlMdbWD/I/kQCOsmwCqev6/2NEArxZr0uzWmU7gQgiATaSJDdpuj74HJFg0mRqvL6mpijs0dcQCSZLwlitUvmA3vo6IsHkyPRI03z71wWRYFK6Tg8XkWASTp0eLiJB9M6ZHi4iQbTkwGCSZK3fXHVBJIjOJVurfU/f/jwQCaIhcWRZsY1j/6j5ubLsnkgQvj7icBEJgtV3HIpIEJyh4lBEgmDIt1RyEuKl31adikgwajo1iqIcPA5FJBglCSLPi+01HkNsqdoQCUZjDFPjECLBTY01DBeRYHBuGHLqyK23Uz5EgkFUVb35fDHuiXEMkaAXMh1kSsiH7zwvt5GEaH5vOS0F1yMToixtMNuoLubmjkhwHp0UsUVxCJGgE4lAYrC22vzZ7f9TQSTY4U4IDUKu6It1SnRBJBMlH6Q1BPntW7mNect0CSKJkCx0WevNJGgikCiaKWGD/abpVogkALqoZcHLQtcFr/eb11RvzxumwZURycBkUesi10W/v9jfQ2DBjwGRXIFub3QrowtdHuMdPnxE4qHv/BJA8w5f7Sx+9vfxm3wkGoBOAL0lAKjoI2n2/hoCEeA0lb17jCKSQyFwEAzXElQk7gEw9yAYEwF9GmUk+zEwFXBLN42E84QQgsEicaeD3HJ6BELRSyQahJxaLfflYhymA0J1cSTulqkJgyAQl5Mjkckg1yw3F95M6+IbTJM3EveKNImDKYGp+RCJ/vQLWyegsZAIJAaZFiH/9AvQl8Xz84ppARwxn9WPcwIB2s0NgFZEAngQCeBBJIAHkQAeRAJ4EAngQSSAB5EAHkQCeBAJ0KKuZ5+JBPAgEsCDSAAPIgE8iATwIBLAg0gAj0U5t18MgIPuTbb8B39gApjHABaiAAAAAElFTkSuQmCC);
}
.cyber-security-training-page.course-page.ransomware.en .ant-layout-content .course-body .course-body-content .animation004 {
  height: 565px;
}
.cyber-security-training-page.course-page.ransomware.en .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .sub-task-text .view-more-btn {
  font-size: 20px;
}
.cyber-security-training-page.course-page.ransomware.en .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .sub-task-text .view-more-btn .click-point1 {
  width: 40px;
  bottom: -8px;
  right: -30px;
}

@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation004 {
    position: relative;
    margin-left: 0rem;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation004 .img-g5584 {
    display: none;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation004 .animation004-title {
    background: none;
    font-weight: 500;
    line-height: 3.375rem;
    letter-spacing: 0em;
    border-left: 5px solid #F26927;
    font-size: 2.1rem;
    position: relative;
    padding-bottom: 0;
    width: 100vw;
    justify-content: left;
    left: auto;
    height: auto;
    width: auto;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation004.no-title {
    margin-bottom: 0 !important;
    margin-top: 10rem;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section {
    margin-left: 0 !important;
    width: 100%;
    margin-top: 0;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .click-point {
    top: auto !important;
    width: 12vw;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step {
    width: 21vw;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .indicator {
    line-height: 5vw;
    background-size: cover !important;
    font-size: 3vw;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .text {
    font-size: 1.8rem;
    line-height: 1.4;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .step-title {
    font-size: 3vw;
    line-height: 4vw;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .sub-task-text {
    margin-top: 0;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .sub-task-text button.ant-btn.ant-btn-link {
    font-size: 1.8rem !important;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .sub-task-text button.ant-btn.ant-btn-link .click-point1 {
    width: 40px;
    cursor: pointer;
    position: absolute;
    left: unset;
    top: unset;
    bottom: -5px;
    right: 15px;
    transform: rotate(270deg);
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step img {
    width: 25vw;
    left: -12vw;
    bottom: -10vw;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step1 {
    bottom: 20vw;
    top: auto;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step2 {
    bottom: 25vw;
    left: 24vw;
    top: auto;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step3 {
    bottom: 30vw;
    left: 48vw;
    top: auto;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step4 {
    bottom: 35vw;
    left: 72vw;
    top: auto;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section {
    margin-left: 0 !important;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .click-point {
    top: auto !important;
    width: 12vw;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step {
    width: 21vw;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .indicator {
    line-height: 5vw;
    background-size: cover !important;
    font-size: 3vw;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .text {
    font-size: 3vw;
    line-height: 4vw;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .step-title {
    font-size: 3vw;
    line-height: 4vw;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .sub-task-text {
    margin-top: 0;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step img {
    width: 25vw;
    left: -12vw;
    bottom: -10vw;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step1 {
    bottom: 20vw;
    top: auto;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step2 {
    bottom: 25vw;
    left: 24vw;
    top: auto;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step3 {
    bottom: 30vw;
    left: 48vw;
    top: auto;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step4 {
    bottom: 35vw;
    left: 72vw;
    top: auto;
  }
  .cyber-security-training-page.course-page.ransomware.en .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step {
    align-items: center;
    justify-content: center;
  }
  .cyber-security-training-page.course-page.ransomware.en .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .sub-task-text {
    font-size: 1.6rem;
  }
  .cyber-security-training-page.course-page.ransomware.en .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .sub-task-text button.ant-btn.ant-btn-link {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .cyber-security-training-page.course-page.ransomware.en .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .sub-task-text button.ant-btn.ant-btn-link .click-point1 {
    width: 30px;
    right: -30px;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation004 .animation004-title {
    display: none;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation004.no-title {
    margin-top: 3.5rem;
    height: 450px;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .sub-task-text button.ant-btn.ant-btn-link .click-point1 {
    bottom: -5px;
    right: -5px;
  }
  .cyber-security-training-page.course-page.ransomware.en .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step {
    align-items: center;
    justify-content: center;
  }
  .cyber-security-training-page.course-page.ransomware.en .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .sub-task-text button.ant-btn.ant-btn-link {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 1.5rem !important;
  }
  .cyber-security-training-page.course-page.ransomware.en .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .sub-task-text button.ant-btn.ant-btn-link .click-point1 {
    width: 30px;
    right: -30px;
  }
  .animation004-modal.ransomware .ant-modal-content .animation004-modal-header {
    margin-left: 2rem;
    margin-top: 1rem;
    margin-bottom: 0;
  }
  .animation004-modal.ransomware .ant-modal-content .ant-modal-body .next-button .click-point2 {
    transform: rotate(90deg);
    bottom: 0;
  }
  .animation004-modal.ransomware .ant-modal-content .ant-modal-body .prev-button .click-point1 {
    transform: rotate(270deg);
    bottom: 0;
  }
  .animation004-modal.ransomware .ant-modal-content .ant-modal-body .border {
    margin-left: 2rem;
    margin-right: 2rem;
    margin-top: 0;
    margin-bottom: 1rem;
  }
  .animation004-modal.ransomware .ant-modal-content .ant-modal-body .content {
    width: 80%;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation004 .animation004-title {
    display: none;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation004.no-title {
    height: 215px;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .indicator {
    font-size: 1.5rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .text {
    font-size: 1.4rem;
    line-height: 1.3;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .sub-task-text button.ant-btn.ant-btn-link {
    font-size: 1.2rem !important;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .sub-task-text button.ant-btn.ant-btn-link .click-point1 {
    width: 20px;
    right: -12px;
    bottom: 0;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step2 {
    left: 23vw;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step3 {
    left: 46vw;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step4 {
    left: 70vw;
  }
  .cyber-security-training-page.course-page.ransomware.en .ant-layout-content .course-body .course-body-content .animation004 .animation004-title {
    display: none;
  }
  .cyber-security-training-page.course-page.ransomware.en .ant-layout-content .course-body .course-body-content .animation004.no-title {
    height: 350px;
  }
  .cyber-security-training-page.course-page.ransomware.en .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .sub-task-text button.ant-btn.ant-btn-link {
    font-size: 1rem !important;
  }
  .cyber-security-training-page.course-page.ransomware.en .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .sub-task-text button.ant-btn.ant-btn-link .click-point1 {
    width: 20px;
    right: -8px;
    bottom: -15px;
    transform: rotate(315deg);
  }
}

.ransomware .animation009 {
  padding-bottom: 3.5rem;
  position: relative;
}
.ransomware .animation009 .animation009-tip {
  margin-top: -15rem;
  margin-right: 5%;
  width: 15%;
  height: 45rem;
  background: url(/static/media/9881.3dcc291c.png) no-repeat center center;
  background-size: 100%;
  padding: 13rem 1rem 23.5rem 1rem;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 2rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
}
.ransomware .animation009 .animation009-content {
  width: 90%;
  display: flex;
  flex-wrap: wrap;
  grid-gap: 1rem;
  gap: 1rem;
  justify-content: center;
  padding-right: 0;
  margin: auto;
}
.ransomware .animation009 .animation009-content .animation009-item {
  position: relative;
  background-color: #FFF3E4;
  border-radius: 0.625rem;
  padding: 0 1.5625rem 1.5625rem;
  width: calc(25% - 1rem) !important;
}
.ransomware .animation009 .animation009-content .animation009-item .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 100;
  transition: all 800ms linear 0s;
  bottom: -80px;
  right: -80px;
}
.ransomware .animation009 .animation009-content .animation009-item.r1 .view-more-btn .click-point2 {
  display: none;
}
.ransomware .animation009 .animation009-content .animation009-item.r1 .view-more-btn .click-point3 {
  display: none;
}
.ransomware .animation009 .animation009-content .animation009-item.r2 .view-more-btn .click-point1 {
  display: none;
}
.ransomware .animation009 .animation009-content .animation009-item.r2 .view-more-btn .click-point3 {
  display: none;
}
.ransomware .animation009 .animation009-content .animation009-item.r3 .view-more-btn .click-point1 {
  display: none;
}
.ransomware .animation009 .animation009-content .animation009-item.r3 .view-more-btn .click-point2 {
  display: none;
}
.ransomware .animation009 .animation009-content .animation009-item .animation009-indicate {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.75rem;
}
.ransomware .animation009 .animation009-content .animation009-item .animation009-indicate .animation009-icon {
  width: 6.25rem;
  height: 6.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem;
}
.ransomware .animation009 .animation009-content .animation009-item .animation009-indicate .animation009-icon img {
  max-width: 100%;
  max-height: 100%;
}
.ransomware .animation009 .animation009-content .animation009-item .animation009-indicate .animation009-indicate-number {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.6;
}
.ransomware .animation009 .animation009-content .animation009-item .animation009-title {
  font-size: 24px;
  line-height: 1.5;
  font-weight: 600;
  margin: 1rem 0;
}
.ransomware .animation009 .animation009-content .animation009-item .animation009-text {
  font-size: 22px;
  line-height: 1.5;
}
.ransomware .animation009 .animation009-content .animation009-item .view-more-btn {
  padding-left: 0;
}
.ransomware .animation009 .animation009-content .animation009-item .view-more-btn .tip-btn {
  padding: 0.5625rem;
  font-size: 1.125rem;
  line-height: 1.2;
  background: #FFE5C4;
  border-radius: 6px;
}
.ransomware .animation009 .animation009-content .animation009-item .view-more-btn .click-point1 {
  width: 40px !important;
  position: absolute;
  right: -10%;
  top: 60%;
  transform: rotate(315deg);
}
.ransomware .animation009 .animation009-content .animation009-item .view-more-btn .click-point2 {
  width: 40px !important;
  position: absolute;
  right: -10%;
  top: 60%;
  transform: rotate(315deg);
}
.ransomware .animation009 .animation009-content .animation009-item .view-more-btn .click-point3 {
  width: 40px !important;
  position: absolute;
  right: -10%;
  top: 60%;
  transform: rotate(315deg);
}
.ransomware.en .animation009 .animation009-content {
  width: 100%;
}
.ransomware.en .animation009 .animation009-content .animation009-item .animation009-title {
  line-height: 1.3;
  height: 65px;
  display: flex;
  align-items: center;
}
.ransomware.en .animation009 .animation009-content .animation009-item .animation009-text {
  line-height: 1.3;
}
@media (max-width: 1024px) {
  .ransomware .animation009 .animation009-content {
    width: 80%;
    padding-right: 0 !important;
    grid-gap: 4rem;
    gap: 4rem;
  }
  .ransomware .animation009 .animation009-content .animation009-item {
    width: calc(50% - 4rem) !important;
  }
  .ransomware .animation009 .animation009-content .animation009-item .animation009-title {
    font-size: 2.2rem;
  }
  .ransomware .animation009 .animation009-content .animation009-item .animation009-text {
    font-size: 2rem;
  }
}
@media (max-width: 768px) {
  .ransomware .animation009 .animation009-content {
    grid-gap: 2rem;
    gap: 2rem;
  }
  .ransomware .animation009 .animation009-content .animation009-item {
    width: calc(50% - 2rem) !important;
  }
  .ransomware .animation009 .animation009-content .animation009-item .animation009-title {
    font-size: 2rem;
  }
  .ransomware .animation009 .animation009-content .animation009-item .animation009-text {
    font-size: 1.8rem;
  }
}
@media (max-width: 480px) {
  .animation009-modal {
    width: 100% !important;
  }
  .animation009-modal .ant-modal-body {
    padding: 0;
  }
  .animation009-modal-header {
    margin-left: 0;
  }
  .ransomware .animation009 .animation009-content .animation009-item {
    width: 100% !important;
  }
  .ransomware .animation009 .animation009-content .animation009-item .animation009-title {
    font-size: 1.8rem;
  }
  .ransomware .animation009 .animation009-content .animation009-item .animation009-text {
    font-size: 1.6rem;
  }
  .ransomware.en .animation009 .animation009-content {
    width: 80%;
  }
  .ransomware.en .animation009 .animation009-content .animation009-item .animation009-title {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
}

.ransomware .component002 {
  width: 90%;
  margin: auto;
}
.ransomware .component002 .cando-section .can-do .cando-body .cando-content ul li,
.ransomware .component002 .cando-section .can-not-do .cando-body .cando-content ul li {
  margin-bottom: 1rem;
  font-size: 22px;
}
.ransomware .component002 .cando-section .can-do .cando-body .cando-content ul li .cando-content-body .view-more,
.ransomware .component002 .cando-section .can-not-do .cando-body .cando-content ul li .cando-content-body .view-more {
  width: auto;
}
.ransomware .component002 .cando-section .can-do .cando-body .cando-content ul li .cando-content-body .view-more .view-more-btn,
.ransomware .component002 .cando-section .can-not-do .cando-body .cando-content ul li .cando-content-body .view-more .view-more-btn {
  padding: 0;
  font-size: 1.3125rem;
  height: auto;
  position: relative;
  color: #E7444E;
}
.ransomware .component002 .cando-section .can-do .cando-body .cando-content ul li .cando-content-body .view-more .view-more-btn .click-point1,
.ransomware .component002 .cando-section .can-not-do .cando-body .cando-content ul li .cando-content-body .view-more .view-more-btn .click-point1 {
  width: 40px;
  cursor: pointer;
  position: absolute;
  bottom: -10px;
  right: -45px;
  transform: rotate(270deg);
}
@media (max-width: 1024px) {
  .ransomware .component002 .cando-section .can-do .cando-body .cando-content ul li .cando-content-body,
  .ransomware .component002 .cando-section .can-not-do .cando-body .cando-content ul li .cando-content-body {
    font-size: 1.8rem;
  }
  .ransomware .component002 .cando-section .can-do .cando-body .cando-content ul li .cando-content-body .view-more .view-more-btn,
  .ransomware .component002 .cando-section .can-not-do .cando-body .cando-content ul li .cando-content-body .view-more .view-more-btn {
    font-size: 1.6rem;
  }
}
@media (max-width: 480px) {
  .ransomware .component002 .cando-section {
    padding: 0;
    margin-top: 3.5rem;
    margin-bottom: 10rem;
  }
  .ransomware .component002 .cando-section .can-do .cando-title,
  .ransomware .component002 .cando-section .can-not-do .cando-title {
    font-size: 1.8rem;
  }
  .ransomware .component002 .cando-section .can-do .cando-body .cando-content ul li,
  .ransomware .component002 .cando-section .can-not-do .cando-body .cando-content ul li {
    line-height: 1.5;
  }
  .ransomware .component002 .cando-section .can-do .cando-body .cando-content ul li .cando-content-body,
  .ransomware .component002 .cando-section .can-not-do .cando-body .cando-content ul li .cando-content-body {
    font-size: 1.6rem;
  }
  .ransomware .component002 .cando-section .can-do .cando-body .cando-content ul li .cando-content-body .view-more .view-more-btn .click-point1,
  .ransomware .component002 .cando-section .can-not-do .cando-body .cando-content ul li .cando-content-body .view-more .view-more-btn .click-point1 {
    right: -34px;
  }
}

.ransomware .component003 {
  position: relative;
}
.ransomware .component003 .component003-title {
  position: absolute;
  left: 2.5%;
  top: 5%;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.2;
}
.ransomware .component003 .component003-tip {
  border: 1px solid #000;
  border-radius: 47%;
  position: absolute;
  font-size: 1.5rem;
  padding: 4rem;
  text-align: left;
  max-width: 42rem;
  min-height: 9rem;
  display: flex;
  align-items: center;
}
.ransomware .component003 .component003-tip .tip-text {
  z-index: 1;
}
.ransomware .component003 .tip-arrow {
  position: absolute;
  left: -82px;
  top: calc(50% - 15px);
  background: #fff;
  height: 24px;
  width: 128px;
}
.ransomware .component003 .tip-arrow .line1 {
  width: 64px;
  height: 1px;
  background: #000;
  transform: rotate(-12deg);
  position: absolute;
  top: 5px;
  right: 43px;
}
.ransomware .component003 .tip-arrow .line2 {
  width: 61px;
  height: 1px;
  background: #000;
  transform: rotate(12deg);
  position: absolute;
  bottom: 5px;
  right: 46px;
}
.ransomware .component003.position-left img {
  max-width: 40vw;
  position: relative;
  z-index: 11;
}
.ransomware .component003.position-left .component003-tip {
  margin-left: 300px;
  padding: 4rem;
}
.ransomware .component003.position-right {
  text-align: right;
}
.ransomware .component003.position-right img {
  max-width: 40vw;
  position: relative;
  z-index: 11;
}
.ransomware .component003.position-right .component003-tip {
  right: 0;
  margin-right: 25%;
  padding: 3rem;
  z-index: 11;
}
.ransomware .component003.position-right .component003-tip .tip-arrow {
  left: unset;
  right: -105px;
  top: calc(50% - 14px);
}
.ransomware .component003.position-right .component003-tip .tip-arrow .line1 {
  transform: rotate(12deg);
  position: absolute;
  top: 5px;
  right: 46px;
}
.ransomware .component003.position-right .component003-tip .tip-arrow .line2 {
  transform: rotate(-12deg);
  position: absolute;
  bottom: 5px;
  right: 46px;
}
.ransomware.en .component003 .component003-tip {
  font-size: 20px;
}
.ransomware.en .component003.position-right .component003-tip .tip-arrow .line1 {
  width: 64px;
}
@media (max-width: 1024px) {
  .ransomware .component003 .tip-arrow {
    left: -80px;
  }
  .ransomware .component003 .tip-arrow .line1 {
    width: 55px;
    transform: rotate(-14deg);
    top: 6px;
    right: 45px;
  }
  .ransomware .component003 .tip-arrow .line2 {
    width: 52px;
    transform: rotate(12deg);
    bottom: 5px;
    right: 47px;
  }
  .ransomware .component003 .component003-title {
    left: 8.5%;
  }
  .ransomware .component003.position-left img {
    max-width: 20vw;
  }
  .ransomware .component003.position-left .component003-tip {
    margin-left: 28vw;
  }
  .ransomware .component003.position-left .component003-tip .tip-arrow .line1 {
    width: 55px;
    transform: rotate(-14deg);
    top: 6px;
    right: 44px;
  }
  .ransomware .component003.position-right img {
    max-width: 20vw;
  }
  .ransomware .component003.position-right .component003-tip {
    margin-right: 25%;
    font-size: 1.6rem;
    line-height: 1.5;
    max-width: 45rem;
  }
  .ransomware .component003.position-right .component003-tip .tip-arrow {
    right: -93px;
  }
  .ransomware .component003.position-right .component003-tip .tip-arrow .line1 {
    width: 60px;
    top: 6px;
    right: 41px;
  }
  .ransomware .component003.position-right .component003-tip .tip-arrow .line2 {
    width: 55px;
    bottom: 5px;
    right: 41px;
  }
  .ransomware.en .component003 .component003-tip {
    font-size: 1.5rem;
  }
  .ransomware.en .component003.position-left .component003-tip {
    margin-left: 28vw;
  }
  .ransomware.en .component003.position-right .component003-tip .tip-arrow {
    right: -97px;
  }
  .ransomware.en .component003.position-right .component003-tip .tip-arrow .line1 {
    width: 58px;
    top: 6px;
    right: 44px;
  }
  .ransomware.en .component003.position-right .component003-tip .tip-arrow .line2 {
    width: 54px;
    bottom: 5px;
    right: 45px;
  }
}
@media (max-width: 768px) {
  .ransomware .component003 .component003-title {
    top: -9rem;
  }
  .ransomware .component003.position-left .component003-tip {
    margin-left: 38vw;
  }
  .ransomware .component003.position-right img {
    margin-top: 5%;
  }
  .ransomware .component003.position-right .component003-tip {
    right: 0;
    margin-right: 24%;
    padding: 6%;
    max-width: 35rem;
  }
  .ransomware .component003.position-right .component003-tip .tip-arrow {
    right: -93px;
  }
  .ransomware .component003.position-right .component003-tip .tip-arrow .line1 {
    width: 60px;
    top: 5px;
    right: 36px;
  }
  .ransomware .component003.position-right .component003-tip .tip-arrow .line2 {
    width: 58px;
    bottom: 5px;
    right: 36px;
  }
  .ransomware .component003.position-right .tip-text span {
    font-size: unset !important;
  }
  .ransomware.en .component003 .tip-arrow {
    left: -77px;
  }
  .ransomware.en .component003 .tip-arrow .line1 {
    width: 55px;
    transform: rotate(-14deg);
    top: 6px;
    right: 43px;
  }
  .ransomware.en .component003 .tip-arrow .line2 {
    width: 52px;
    transform: rotate(12deg);
    bottom: 5px;
    right: 47px;
  }
  .ransomware.en .component003.position-left .component003-tip {
    margin-left: 28vw;
  }
  .ransomware.en .component003.position-right .component003-tip .tip-arrow {
    right: -98px;
  }
  .ransomware.en .component003.position-right .component003-tip .tip-arrow .line1 {
    width: 57px;
    top: 6px;
    right: 44px;
  }
  .ransomware.en .component003.position-right .component003-tip .tip-arrow .line2 {
    width: 54px;
    bottom: 5px;
    right: 45px;
  }
}
@media (max-width: 480px) {
  .ransomware .component003 .component003-tip {
    font-size: 1.4rem;
  }
  .ransomware .component003.position-right img {
    max-width: 25vw;
    margin-top: 8%;
  }
  .ransomware .component003.position-right .component003-tip {
    right: 0;
    margin-right: 35%;
    padding: 6%;
    font-size: 1.4rem;
  }
  .ransomware .component003.position-right .component003-tip .tip-arrow {
    right: -91px;
  }
  .ransomware .component003.position-right .component003-tip .tip-arrow .line2 {
    width: 58px;
  }
  .ransomware .component003.position-right .tip-text span {
    font-size: unset !important;
    display: inline;
  }
  .ransomware .component003.position-left .component003-tip {
    padding: 3rem;
  }
  .ransomware .component003.position-left .component003-tip span {
    font-size: unset !important;
  }
  .cyber-security-training-page.course-page.ransomware.en .ant-layout-content .course-body .course-body-content .component003.position-right .component003-tip {
    font-size: 1.4rem;
  }
}

.ransomware .RealCase.Moblie {
  display: none;
}
.ransomware .RealCase.Desktop {
  width: calc(100% + 7rem);
  margin-bottom: 10rem;
  position: relative;
}
.ransomware .RealCase.Desktop img {
  width: 100%;
  z-index: 1;
}
.ransomware .RealCase.Desktop.p1 .source1 {
  width: 16%;
  height: 3%;
  position: absolute;
  top: 85%;
  left: 44%;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: none;
  font-size: 24px;
  color: #595959;
  z-index: 2;
}
.ransomware .RealCase.Desktop.p1 .source2 {
  width: 14%;
  height: 3%;
  position: absolute;
  top: 87.5%;
  left: 44.5%;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: none;
  font-size: 24px;
  color: #595959;
  z-index: 2;
  display: none;
}
.ransomware.en .RealCase.Moblie {
  display: none;
}
.ransomware.en .RealCase.Desktop {
  width: calc(100% + 3.5rem);
  margin-left: -3.5rem;
  margin-right: 0;
  margin-bottom: 50px;
  position: relative;
}
.ransomware.en .RealCase.Desktop img {
  width: 100%;
  z-index: 1;
}
.ransomware.en .RealCase.Desktop.p1 .source1 {
  width: 16%;
  height: 3%;
  position: absolute;
  top: 85.5%;
  left: 43.5%;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: none;
  font-size: 24px;
  color: #595959;
  z-index: 2;
}
.ransomware.en .RealCase.Desktop.p1 .source2 {
  display: none;
}
@media (max-width: 1024px) {
  .ransomware .RealCase.Desktop {
    width: calc(100% + 4rem);
    margin-left: -2rem;
    margin-bottom: 10rem;
  }
}
@media (max-width: 768px) {
  .ransomware .RealCase.Desktop {
    display: none;
  }
  .ransomware .RealCase.Moblie {
    display: block;
    width: calc(100% + 7rem);
    margin-left: -3.5rem;
    margin-right: 0;
    margin-bottom: 50px;
    position: relative;
  }
  .ransomware .RealCase.Moblie img {
    width: 100%;
    z-index: 1;
  }
  .ransomware .RealCase.Moblie.p1 .source1 {
    width: 44%;
    height: 2%;
    position: absolute;
    top: 94.5%;
    left: 4%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 24px;
    color: #595959;
    z-index: 2;
  }
  .ransomware .RealCase.Moblie.p1 .source2 {
    display: none;
  }
  .ransomware.en .RealCase.Moblie {
    display: block;
    width: calc(100% + 7rem);
    margin-left: -3.5rem;
    margin-right: 0;
    margin-bottom: 50px;
    position: relative;
  }
  .ransomware.en .RealCase.Moblie img {
    width: 100%;
    z-index: 1;
  }
  .ransomware.en .RealCase.Moblie.p1 .source1 {
    width: 42%;
    height: 1.5%;
    position: absolute;
    top: 94.8%;
    left: 4%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 24px;
    color: #595959;
    z-index: 2;
  }
  .ransomware.en .RealCase.Moblie.p1 .source2 {
    width: 42%;
    height: 1.5%;
    position: absolute;
    top: 97%;
    left: 4%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 24px;
    color: #595959;
    z-index: 2;
    display: none;
  }
  .ransomware.sc .RealCase.Moblie {
    display: block;
    width: calc(100% + 7rem);
    margin-left: -3.5rem;
    margin-right: 0;
    margin-bottom: 50px;
    position: relative;
  }
  .ransomware.sc .RealCase.Moblie img {
    width: 100%;
    z-index: 1;
  }
  .ransomware.sc .RealCase.Moblie.p1 .source1 {
    width: 34%;
    height: 1.5%;
    position: absolute;
    top: 96%;
    left: 5%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 24px;
    color: #595959;
    z-index: 2;
  }
  .ransomware.sc .RealCase.Moblie.p1 .source2 {
    width: 34%;
    height: 1.5%;
    position: absolute;
    top: 96%;
    left: 5%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 24px;
    color: #595959;
    z-index: 2;
  }
}

.ransomware.cyber-security-training-page.course-page .ant-layout-content .course-body .next-topic-button {
  background-color: #407BFF;
}
.ransomware.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .title {
  border-color: #407BFF;
}
.ransomware.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .title .l2 {
  color: #407BFF;
}
.ransomware.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body {
  border-color: #407BFF;
}
.ransomware.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-last-button {
  border-color: #407BFF;
}
.ransomware.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-last-button span {
  color: #407BFF;
}
.ransomware.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-submit-button {
  background-color: #407BFF;
}
.ransomware.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-submit-button[disabled] {
  background-color: rgba(64, 123, 255, 0.6);
  border-color: #407BFF;
}
.ransomware.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area.correct .ant-btn-link {
  color: #0CA3A3;
}
.ransomware.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area.wrong .ant-btn-link {
  color: #E7444E;
}
.ransomware.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
  background: #407BFF;
}
.ransomware.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab.active .number {
  border-color: #407BFF;
}
.ransomware.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .course-landing {
  background: rgba(255, 112, 67, 0.3);
}
.ransomware.cyber-security-training-page.course-page .ant-layout-content .ant-radio-checked .ant-radio-inner {
  border-color: #407BFF;
}
.ransomware.cyber-security-training-page.course-page .ant-layout-content .ant-radio-inner::after {
  background-color: #407BFF;
}
.ransomware.cyber-security-training-page.course-page .ant-layout-content .ant-radio-wrapper:hover .ant-radio,
.ransomware.cyber-security-training-page.course-page .ant-layout-content .ant-radio:hover .ant-radio-inner,
.ransomware.cyber-security-training-page.course-page .ant-layout-content .ant-radio-input:focus + .ant-radio-inner {
  border-color: #407BFF;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content.quiz .progress .progress-line {
  background-color: #407BFF;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass .cert-download-input .cert-download-button {
  background-color: #407BFF;
}

.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content {
  min-width: auto;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content {
  min-height: 800px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content.quiz .course-landing .landing-img {
  position: relative;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content.quiz .course-landing .landing-img img {
  top: unset;
  width: auto;
  max-height: 700px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .quiz-section {
  position: relative;
}

.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation014 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-right: 56px;
  grid-gap: 2rem;
  gap: 2rem;
  max-width: 1290px;
  margin: 3.5rem auto;
}
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation014.component {
  margin-bottom: 0 !important;
}
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation014 .animation014-item {
  width: calc(33.33% - 1rem);
  display: flex;
  flex-direction: column;
  align-items: self-start;
  justify-content: center;
  position: relative;
  cursor: pointer;
}
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  bottom: -45px;
  right: -45px;
}
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation014 .animation014-item.r1 .animation014-header {
  color: #597EF7;
  opacity: 0.7;
}
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation014 .animation014-item.r2 .animation014-header {
  color: #31AC71;
}
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation014 .animation014-item.r3 .animation014-header {
  color: #D3830B;
}
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation014 .animation014-item.r4 .animation014-header {
  color: #138EB5;
}
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-header {
  width: 85%;
  font-size: 24px;
  line-height: 1.2;
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 36px;
}
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-text {
  width: 100%;
  height: 240px;
  background: url(/static/media/a014-long.42f4728d.svg) no-repeat center center;
  background-size: 100%;
  font-size: 16px;
  line-height: 1.3;
  padding: 3rem 1.5rem 1rem 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -50px;
}
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-text div ul {
  margin-bottom: 0;
  -webkit-padding-start: 20px;
          padding-inline-start: 20px;
}
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation014-description {
  font-size: 20px;
  margin-top: 1.5rem;
  margin-bottom: 10rem;
  text-align: center;
}
.cyber-security-training-page.course-page.socialMedia.en .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-header {
  min-height: 60px;
  margin-bottom: 28px;
}
.cyber-security-training-page.course-page.socialMedia.en .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-text {
  line-height: 1.2;
}
@media (min-width: 1500px) {
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-text {
    font-size: 20px;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.socialMedia.en .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-text {
    font-size: 18px;
    line-height: 1.2;
  }
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation014-description {
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation014 {
    padding-right: 0;
  }
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-header {
    font-size: 1.6rem;
    min-height: 40px;
    align-items: center;
    margin-bottom: 15px;
  }
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-text {
    margin-top: -40px;
    height: 200px;
    font-size: 1.4rem;
    line-height: 1.5;
    padding: 5rem 1.5rem 2rem 1.5rem;
  }
  .cyber-security-training-page.course-page.socialMedia.en .ant-layout-content .course-body .course-body-content .animation014-description {
    font-size: 1.8rem;
  }
  .cyber-security-training-page.course-page.socialMedia.en .ant-layout-content .course-body .course-body-content .animation014 {
    flex-wrap: wrap;
    grid-gap: 2rem;
    gap: 2rem;
    grid-row-gap: 4rem;
    row-gap: 4rem;
    width: 80%;
    justify-content: space-around;
  }
  .cyber-security-training-page.course-page.socialMedia.en .ant-layout-content .course-body .course-body-content .animation014 .animation014-item {
    width: calc(50% - 2rem);
  }
  .cyber-security-training-page.course-page.socialMedia.en .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-header {
    font-size: 2rem;
    margin-bottom: 0;
  }
  .cyber-security-training-page.course-page.socialMedia.en .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-text {
    font-size: 1.8rem;
    height: 320px;
    padding: 8rem 2rem 3rem 2rem;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation014-description {
    font-size: 1.6rem;
  }
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation014 {
    padding-right: 0;
    flex-wrap: wrap;
    grid-gap: 2rem;
    gap: 2rem;
  }
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation014 .animation014-item {
    width: calc(50% - 2rem);
    padding: 0 3rem;
    display: flex;
    align-items: flex-start;
  }
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-header {
    font-size: 2rem;
    width: 80%;
    margin-bottom: 5px;
  }
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-text {
    height: 240px;
    font-size: 1.6rem;
  }
  .cyber-security-training-page.course-page.socialMedia.en .ant-layout-content .course-body .course-body-content .animation014-description {
    font-size: 1.6rem;
  }
  .cyber-security-training-page.course-page.socialMedia.en .ant-layout-content .course-body .course-body-content .animation014 {
    padding-right: 0;
    width: 100%;
  }
  .cyber-security-training-page.course-page.socialMedia.en .ant-layout-content .course-body .course-body-content .animation014 .animation014-item {
    width: calc(50% - 2rem);
    padding: 0 2rem;
    display: flex;
    align-items: flex-start;
  }
  .cyber-security-training-page.course-page.socialMedia.en .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-header {
    font-size: 1.8rem;
    min-height: 40px;
    margin-bottom: 0;
    padding-left: 1.5rem;
  }
  .cyber-security-training-page.course-page.socialMedia.en .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-text {
    height: 265px;
    font-size: 1.6rem;
    padding: 4.5rem 2rem 1rem 2rem;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation014 .animation014-item {
    width: 100%;
    align-items: flex-start;
  }
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .click-point {
    position: absolute;
    width: 70px;
    transform: rotate(-45deg);
    z-index: 10;
    transition: all 800ms linear 0s;
    bottom: -15px;
    right: -15px;
  }
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-header {
    padding-left: 1rem;
  }
  .cyber-security-training-page.course-page.socialMedia.en .ant-layout-content .course-body .course-body-content .animation014 .animation014-item {
    width: 100%;
    align-items: flex-start;
  }
  .cyber-security-training-page.course-page.socialMedia.en .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-text {
    align-items: center;
  }
}

.socialMedia .animation019 {
  width: 78%;
  display: flex;
  position: relative;
  margin: auto;
  margin-bottom: 10rem;
  margin-top: 16rem;
}
.socialMedia .animation019 .click-point1 {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  bottom: 0;
  left: 50%;
}
.socialMedia .animation019 .animation019-bg {
  position: relative;
  margin: auto;
  width: calc(450px / 646 * 1209);
  height: 450px;
  background-image: url(/static/media/a019.1851f939.gif);
  background-size: 100% 100%;
}
.socialMedia .animation019 .animation019-title {
  width: 12rem;
  font-size: 20px;
  line-height: 1.5;
  position: absolute;
  left: calc(50% - 6rem);
  bottom: 10%;
  text-align: center;
}
.socialMedia .animation019 .animation019-panel {
  font-size: 16px;
  position: absolute;
  text-align: center;
  z-index: 2;
}
.socialMedia .animation019 .animation019-panel.s1 {
  left: calc(50% - 36rem);
  bottom: 90px;
}
.socialMedia .animation019 .animation019-panel.s2 {
  left: calc(50% - 28rem);
  bottom: 330px;
}
.socialMedia .animation019 .animation019-panel.s3 {
  left: calc(50% - 6rem);
  bottom: 470px;
}
.socialMedia .animation019 .animation019-panel.s4 {
  right: calc(50% - 28rem);
  bottom: 330px;
}
.socialMedia .animation019 .animation019-panel.s5 {
  right: calc(50% - 37rem);
  bottom: 90px;
}
.socialMedia .animation019 .animation019-panel .animation019-container {
  height: 7.125rem;
  width: 13rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}
.socialMedia .animation019 .animation019-panel .animation019-container .animation019-subtitle {
  font-size: 18px;
  line-height: 1.5;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.socialMedia .animation019 .animation019-panel .animation019-container .animation019-content {
  font-size: 16px;
  line-height: 1.5;
}
.socialMedia.en .animation019 {
  margin-top: 20rem;
}
.socialMedia.en .animation019 .animation019-title {
  line-height: 1.2;
}
.socialMedia.en .animation019 .animation019-panel.s2 {
  bottom: 370px;
}
.socialMedia.en .animation019 .animation019-panel.s3 {
  left: calc(50% - 7rem);
  bottom: 490px;
}
.socialMedia.en .animation019 .animation019-panel.s3 .animation019-container {
  width: 15rem;
}
.socialMedia.en .animation019 .animation019-panel.s4 {
  bottom: 350px;
}
.socialMedia.en .animation019 .animation019-panel .animation019-container .animation019-subtitle {
  line-height: 1.2;
}
.socialMedia.en .animation019 .animation019-panel .animation019-container .animation019-content {
  line-height: 1.2;
}
@media (max-width: 1024px) {
  .socialMedia .animation019 {
    width: 100%;
    display: flex;
    position: relative;
    margin: auto;
    margin-bottom: 10rem;
    margin-top: 20rem;
  }
  .socialMedia .animation019 .animation019-bg {
    width: calc(70vw - 4rem);
    height: calc((70vw - 4rem) * 646 / 1209);
  }
  .socialMedia .animation019 .animation019-panel.s1 {
    right: 78vw;
    left: unset;
    bottom: 7vw;
  }
  .socialMedia .animation019 .animation019-panel.s2 {
    right: 68vw;
    left: unset;
    bottom: 28vw;
  }
  .socialMedia .animation019 .animation019-panel.s3 {
    width: 20rem;
    left: calc(50% - 10rem);
    bottom: 38vw;
  }
  .socialMedia .animation019 .animation019-panel.s3 .animation019-container {
    width: 20rem;
  }
  .socialMedia .animation019 .animation019-panel.s4 {
    left: 67vw;
    right: unset;
    bottom: 29vw;
  }
  .socialMedia .animation019 .animation019-panel.s5 {
    left: 78vw;
    right: unset;
    bottom: 7vw;
  }
  .socialMedia .animation019 .animation019-panel .animation019-content {
    font-size: 1.4rem;
  }
  .socialMedia .animation019 .animation019-panel .animation019-container {
    width: 18rem;
  }
  .socialMedia.en .animation019 {
    width: 100%;
    display: flex;
    position: relative;
    margin: auto;
    margin-bottom: 10rem;
    margin-top: 25rem;
  }
  .socialMedia.en .animation019 .animation019-bg {
    width: calc(70vw - 4rem);
    height: calc((70vw - 4rem) * 646 / 1209);
  }
  .socialMedia.en .animation019 .animation019-title {
    width: 14rem;
    font-size: 1.8rem;
    left: calc(50% - 7rem);
  }
  .socialMedia.en .animation019 .animation019-panel.s1 {
    right: 78vw;
    left: unset;
    bottom: 7vw;
  }
  .socialMedia.en .animation019 .animation019-panel.s2 {
    right: 68vw;
    left: unset;
    bottom: 30vw;
  }
  .socialMedia.en .animation019 .animation019-panel.s3 {
    width: 20rem;
    left: calc(50% - 9rem);
    bottom: 40vw;
  }
  .socialMedia.en .animation019 .animation019-panel.s3 .animation019-container {
    width: 20rem;
  }
  .socialMedia.en .animation019 .animation019-panel.s4 {
    left: 67vw;
    right: unset;
    bottom: 30vw;
  }
  .socialMedia.en .animation019 .animation019-panel.s5 {
    left: 78vw;
    right: unset;
    bottom: 7vw;
  }
  .socialMedia.en .animation019 .animation019-panel .animation019-content {
    font-size: 1.4rem;
  }
  .socialMedia.en .animation019 .animation019-panel .animation019-container {
    width: 18rem;
  }
}
@media (max-width: 768px) {
  .socialMedia .animation019 {
    margin-top: 25rem;
  }
  .socialMedia .animation019 .animation019-title {
    width: 9rem;
    font-size: 1.4rem;
    position: absolute;
    left: calc(50% - 4.5rem);
    bottom: 10%;
    text-align: center;
  }
  .socialMedia .animation019 .animation019-bg {
    width: 60vw;
    height: calc(60vw * 646 / 1209);
  }
  .socialMedia .animation019 .animation019-panel .animation019-content {
    padding: 1rem;
    width: 12rem;
  }
  .socialMedia .animation019 .animation019-panel.s1 {
    right: 73vw;
    left: unset;
    bottom: 7vw;
  }
  .socialMedia .animation019 .animation019-panel.s2 {
    right: 58vw;
    left: unset;
    bottom: 30vw;
  }
  .socialMedia .animation019 .animation019-panel.s3 {
    left: calc(50% - 10rem) !important;
    bottom: 40vw;
  }
  .socialMedia .animation019 .animation019-panel.s4 {
    left: 58vw;
    right: unset;
    bottom: 30vw;
  }
  .socialMedia .animation019 .animation019-panel.s5 {
    left: 73vw;
    right: unset;
    bottom: 7vw;
  }
  .socialMedia .animation019 .animation019-panel .animation019-container .animation019-subtitle {
    font-size: 1.6rem;
  }
  .socialMedia .animation019 .animation019-panel .animation019-container .animation019-content {
    font-size: 1.4rem;
  }
  .socialMedia.en .animation019 {
    margin-top: 30rem;
    margin-bottom: 15rem;
  }
  .socialMedia.en .animation019 .animation019-title {
    font-size: 1.6rem;
    width: 14rem;
    left: calc(50% - 7rem);
  }
  .socialMedia.en .animation019 .animation019-panel .animation019-container {
    width: 13rem;
  }
  .socialMedia.en .animation019 .animation019-panel.s2 {
    right: 65vw;
    bottom: 36vw;
  }
  .socialMedia.en .animation019 .animation019-panel.s3 {
    left: calc(50% - 7.5rem) !important;
    bottom: 48vw;
  }
  .socialMedia.en .animation019 .animation019-panel.s3 .animation019-container {
    width: 16rem;
  }
  .socialMedia.en .animation019 .animation019-panel.s3 .animation019-container .animation019-content {
    width: 100%;
  }
  .socialMedia.en .animation019 .animation019-panel.s4 {
    left: 64vw;
    bottom: 36vw;
  }
}
@media (max-width: 480px) {
  .socialMedia .animation019 {
    margin-top: 22rem;
    margin-bottom: 25rem;
  }
  .socialMedia .animation019 .animation019-title {
    width: 7rem;
    bottom: -10vw;
    left: calc(50% - 3rem);
    font-size: 1.4rem;
  }
  .socialMedia .animation019 .animation019-bg {
    width: 80vw;
    height: calc(80vw * 646 / 1209);
  }
  .socialMedia .animation019 .animation019-panel {
    display: flex;
    align-items: start;
  }
  .socialMedia .animation019 .animation019-panel .animation019-content {
    height: auto;
  }
  .socialMedia .animation019 .animation019-panel.s1 {
    left: -5vw;
    right: unset;
    bottom: -32vw;
  }
  .socialMedia .animation019 .animation019-panel.s2 {
    right: 62vw;
    left: unset;
    bottom: 45vw;
  }
  .socialMedia .animation019 .animation019-panel.s3 {
    width: 14rem;
    right: unset;
    bottom: 55vw;
    left: calc(50% - 7rem) !important;
  }
  .socialMedia .animation019 .animation019-panel.s4 {
    left: 62vw;
    bottom: 40vw;
  }
  .socialMedia .animation019 .animation019-panel.s5 {
    left: 56vw;
    bottom: -36vw;
  }
  .socialMedia .animation019 .animation019-panel .animation019-container {
    width: 12rem;
  }
  .socialMedia .animation019 .animation019-panel .animation019-container .animation019-subtitle {
    font-size: 1.4rem;
  }
  .socialMedia .animation019 .animation019-panel .animation019-container .animation019-content {
    font-size: 1.2rem;
  }
  .socialMedia.en .animation019 {
    margin-top: 25rem;
    margin-bottom: 30rem;
  }
  .socialMedia.en .animation019 .animation019-title {
    width: 7rem;
    bottom: -4vw;
    left: calc(50% - 3rem);
    font-size: 1.2rem;
  }
  .socialMedia.en .animation019 .animation019-bg {
    width: 80vw;
    height: calc(80vw * 646 / 1209);
  }
  .socialMedia.en .animation019 .animation019-panel {
    display: flex;
    align-items: start;
  }
  .socialMedia.en .animation019 .animation019-panel.s1 {
    left: -5vw;
    right: unset;
    bottom: -42vw;
  }
  .socialMedia.en .animation019 .animation019-panel.s2 {
    right: 62vw;
    left: unset;
    bottom: 45vw;
  }
  .socialMedia.en .animation019 .animation019-panel.s3 {
    width: 14rem;
    right: unset;
    bottom: 62vw;
    left: calc(50% - 6.5rem) !important;
  }
  .socialMedia.en .animation019 .animation019-panel.s4 {
    left: 62vw;
    bottom: 42vw;
  }
  .socialMedia.en .animation019 .animation019-panel.s5 {
    left: 56vw;
    bottom: -42vw;
  }
  .socialMedia.en .animation019 .animation019-panel .animation019-container {
    width: 12rem;
  }
  .socialMedia.en .animation019 .animation019-panel .animation019-container .animation019-subtitle {
    font-size: 1.2rem;
    margin-bottom: 0;
  }
  .socialMedia.en .animation019 .animation019-panel .animation019-container .animation019-content {
    font-size: 1.2rem;
  }
}

.socialMedia .animation022 {
  margin-right: 1.5rem;
  margin-left: 1.5rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  max-width: 1680px;
}
.socialMedia .animation022 .animation022-tip {
  width: 20%;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.socialMedia .animation022 .animation022-tip .tip {
  background-image: url(/static/media/9881.3dcc291c.png);
  background-size: contain;
  background-repeat: no-repeat;
  height: 35rem;
  width: 13rem;
  text-align: center;
  padding-top: 110px;
  padding-bottom: 310px;
  display: flex;
  align-items: center;
  font-size: 20px;
  line-height: 1.5;
  font-weight: 500;
  padding-left: 1rem;
  padding-right: 1rem;
}
.socialMedia .animation022 .animation022-content {
  width: 80%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  grid-gap: 2.5rem;
  gap: 2.5rem;
  margin-left: -48px;
}
.socialMedia .animation022 .animation022-content .animation022-item {
  width: calc(20% - 1rem);
  grid-gap: 1rem;
  gap: 1rem;
  padding-left: 6.5rem;
  height: 25rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  z-index: 2;
  background-image: url(/static/media/a022-market.edf1b973.svg);
  background-repeat: no-repeat;
  position: relative;
}
.socialMedia .animation022 .animation022-content .animation022-item .click-point {
  position: absolute;
  z-index: 10;
  width: 100px;
  right: -25%;
  bottom: 0;
  transform: rotate(315deg);
}
.socialMedia .animation022 .animation022-content .animation022-item .animation022-number {
  font-size: 4rem;
  font-weight: 700;
  width: 100%;
  text-align: center;
}
.socialMedia .animation022 .animation022-content .animation022-item .animation022-item-content {
  width: 100%;
}
.socialMedia .animation022 .animation022-content .animation022-item .animation022-item-content .animation022-item-title {
  font-size: 20px;
  line-height: 1.3;
  font-weight: 600;
  text-align: center;
  margin-bottom: 0.5rem;
  min-height: 78px;
  display: flex;
  align-items: center;
}
.socialMedia .animation022 .animation022-content .animation022-item .animation022-item-content .animation022-item-text {
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  min-height: 265px;
}
.socialMedia .animation022 .animation022-content .animation022-item .animation022-item-content .view-more {
  position: relative;
}
.socialMedia .animation022 .animation022-content .animation022-item .animation022-item-content .view-more button {
  border: 0 !important;
  padding: 0 !important;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.socialMedia .animation022 .animation022-content .animation022-item .animation022-item-content .view-more button span {
  font-size: 16px;
}
.socialMedia .animation022 .animation022-content .animation022-item .animation022-item-content .view-more .click-point1 {
  position: absolute;
  z-index: 10;
  width: 40px;
  right: -25px;
  bottom: -25px;
  transform: rotate(315deg);
}
.socialMedia.en .animation022 {
  max-width: 1240px;
  margin: auto;
  width: 80%;
}
.socialMedia.en .animation022 .animation022-tip {
  width: 20%;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.socialMedia.en .animation022 .animation022-tip .tip {
  font-size: 20px;
  line-height: 1.2;
}
.socialMedia.en .animation022 .animation022-content .animation022-item {
  width: calc(40% - 1rem);
  grid-gap: 0.5rem;
  gap: 0.5rem;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding-left: 7rem;
}
.socialMedia.en .animation022 .animation022-content .animation022-item .animation022-item-content .animation022-item-title {
  display: none;
}
.socialMedia.en .animation022 .animation022-content .animation022-item .animation022-item-content .animation022-item-text {
  line-height: 1.2;
  min-height: 155px;
}
.socialMedia.en .animation022 .animation022-content .animation022-item .animation022-item-content .view-more button {
  padding: 0 0 0 0.5rem !important;
}
@media (max-width: 1500px) {
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation022 .animation022-content {
    justify-content: center;
    grid-gap: 5rem;
    gap: 5rem;
  }
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item {
    width: calc(40% - 5rem) !important;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .click-point {
    width: 65px;
    right: 0;
    bottom: 0;
  }
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content .animation022-item-title {
    min-height: 78px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content .animation022-item-text {
    text-align: center;
    width: 100%;
    margin-left: 0;
  }
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content .animation022-item-text .linkDetail {
    display: inline-block;
  }
  .cyber-security-training-page.course-page.socialMedia.en .ant-layout-content .course-body .course-body-content .animation022 {
    width: 100%;
  }
  .cyber-security-training-page.course-page.socialMedia.en .ant-layout-content .course-body .course-body-content .animation022 .animation022-content {
    padding-right: 0;
  }
  .cyber-security-training-page.course-page.socialMedia.en .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item {
    width: calc(33.33% - 1rem) !important;
  }
  .cyber-security-training-page.course-page.socialMedia.en .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content .animation022-item-title {
    display: none;
  }
  .cyber-security-training-page.course-page.socialMedia.en .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content .animation022-item-text {
    line-height: 1.2;
  }
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation022 .animation022-tip {
    display: none;
  }
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation022 .animation022-content {
    width: 100%;
    justify-content: center;
    grid-gap: 5rem;
    gap: 5rem;
  }
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item {
    width: calc(40% - 5rem) !important;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding-left: 12rem;
  }
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .click-point {
    width: 65px;
    right: 0;
    bottom: 0;
  }
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content .animation022-item-title {
    min-height: 78px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content .animation022-item-text {
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    min-height: 168px;
    width: 100%;
    margin-left: 0;
  }
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content .animation022-item-text .linkDetail {
    display: inline-block;
  }
  .cyber-security-training-page.course-page.socialMedia.en .ant-layout-content .course-body .course-body-content .animation022 {
    width: 100%;
  }
  .cyber-security-training-page.course-page.socialMedia.en .ant-layout-content .course-body .course-body-content .animation022 .animation022-content {
    padding-right: 0;
  }
  .cyber-security-training-page.course-page.socialMedia.en .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item {
    width: calc(33.33% - 1rem) !important;
  }
  .cyber-security-training-page.course-page.socialMedia.en .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content .animation022-item-title {
    display: none;
  }
  .cyber-security-training-page.course-page.socialMedia.en .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content .animation022-item-text {
    line-height: 1.2;
  }
  .animation022-modal-general2024 {
    width: 90% !important;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation022 .animation022-content {
    flex-wrap: wrap;
    grid-gap: 1rem;
    gap: 1rem;
  }
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item {
    width: calc(50% - 1rem) !important;
    padding-left: 13rem;
  }
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content .animation022-item-title {
    font-size: 1.7rem;
    line-height: 1.4;
    min-height: 50px;
    margin-bottom: 0.5rem;
  }
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content .animation022-item-text {
    font-size: 1.5rem;
    line-height: 1.4;
    min-height: 110px;
  }
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content .view-more {
    position: relative;
  }
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content .view-more button {
    border: 0 !important;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content .view-more button span {
    font-size: 1.5rem;
  }
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content .view-more .click-point1 {
    position: absolute;
    z-index: 10;
    width: 40px;
    right: -25px;
    bottom: -25px;
    transform: rotate(315deg);
  }
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-line img {
    height: 100%;
  }
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-icon {
    width: 6.25rem;
    height: 6.25rem;
    min-height: 6.25rem;
  }
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .background-line {
    top: 70%;
  }
  .cyber-security-training-page.course-page.socialMedia.en .ant-layout-content .course-body .course-body-content .animation022 {
    width: 90%;
    margin: 3.5rem auto;
  }
  .cyber-security-training-page.course-page.socialMedia.en .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item {
    width: calc(50% - 1rem) !important;
    min-height: 220px;
  }
  .cyber-security-training-page.course-page.socialMedia.en .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content .animation022-item-title {
    line-height: 1.2;
    min-height: 42px;
  }
  .cyber-security-training-page.course-page.socialMedia.en .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content .animation022-item-text {
    min-height: 130px;
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.socialMedia.en .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content .view-more {
    position: relative;
  }
  .cyber-security-training-page.course-page.socialMedia.en .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content .view-more button {
    border: 0 !important;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.socialMedia.en .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content .view-more button span {
    font-size: 1.5rem;
  }
  .cyber-security-training-page.course-page.socialMedia.en .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content .view-more .click-point1 {
    position: absolute;
    z-index: 10;
    width: 40px;
    right: -25px;
    bottom: -25px;
    transform: rotate(315deg);
  }
  .cyber-security-training-page.course-page.socialMedia.en .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-line img {
    height: 100%;
  }
  .cyber-security-training-page.course-page.socialMedia.en .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-icon {
    width: 6.25rem;
    height: 6.25rem;
    min-height: 6.25rem;
  }
  .cyber-security-training-page.course-page.socialMedia.en .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .background-line {
    top: 70%;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item {
    width: 100% !important;
    padding-left: 12rem;
  }
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content .animation022-item-text {
    font-size: 1.4rem;
    line-height: 1.4;
    min-height: 100px;
  }
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content .view-more button span {
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content .animation022-item-title {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .cyber-security-training-page.course-page.socialMedia.en .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item {
    width: 100% !important;
  }
  .cyber-security-training-page.course-page.socialMedia.en .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content .animation022-item-text {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .cyber-security-training-page.course-page.socialMedia.en .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content .animation022-item-title {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
}

.socialMedia .component003 {
  position: relative;
}
.socialMedia .component003 .component003-title {
  position: absolute;
  left: 2.5%;
  top: 5%;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.2;
}
.socialMedia .component003 .component003-tip {
  border: 1px solid #000;
  border-radius: 47%;
  position: absolute;
  font-size: 1.5rem;
  padding: 4rem;
  text-align: left;
  max-width: 42rem;
  min-height: 9rem;
  display: flex;
  align-items: center;
}
.socialMedia .component003 .component003-tip .tip-text {
  z-index: 1;
}
.socialMedia .component003 .tip-arrow {
  position: absolute;
  left: -82px;
  top: calc(50% - 15px);
  background: #fff;
  height: 24px;
  width: 128px;
}
.socialMedia .component003 .tip-arrow .line1 {
  width: 64px;
  height: 1px;
  background: #000;
  transform: rotate(-12deg);
  position: absolute;
  top: 5px;
  right: 43px;
}
.socialMedia .component003 .tip-arrow .line2 {
  width: 61px;
  height: 1px;
  background: #000;
  transform: rotate(12deg);
  position: absolute;
  bottom: 5px;
  right: 46px;
}
.socialMedia .component003.position-left img {
  max-width: 40vw;
  position: relative;
  z-index: 11;
}
.socialMedia .component003.position-left .component003-tip {
  margin-left: 300px;
  padding: 4rem;
}
.socialMedia .component003.position-right {
  text-align: right;
}
.socialMedia .component003.position-right img {
  max-width: 12vw;
  position: relative;
  z-index: 11;
}
.socialMedia .component003.position-right .component003-tip {
  right: 0;
  margin-right: 15%;
  padding: 3rem;
  z-index: 11;
  font-size: 20px;
}
.socialMedia .component003.position-right .component003-tip .tip-arrow {
  left: unset;
  right: -105px;
  top: calc(50% - 15px);
}
.socialMedia .component003.position-right .component003-tip .tip-arrow .line1 {
  transform: rotate(12deg);
  position: absolute;
  width: 63px;
  top: 5px;
  right: 46px;
}
.socialMedia .component003.position-right .component003-tip .tip-arrow .line2 {
  transform: rotate(-12deg);
  position: absolute;
  bottom: 5px;
  right: 46px;
}
.socialMedia.en .component003 .component003-tip {
  font-size: 20px;
}
.socialMedia.en .component003.position-right .component003-tip .tip-arrow .line1 {
  width: 66px;
}
@media (max-width: 1024px) {
  .socialMedia .component003.position-right img {
    max-width: 16vw;
  }
  .socialMedia .component003.position-right .component003-tip {
    font-size: 16px;
    margin-right: 20%;
  }
  .socialMedia .component003.position-right .component003-tip .tip-arrow {
    right: -104px;
  }
  .socialMedia .component003.position-right .component003-tip .tip-arrow .line1 {
    transform: rotate(11deg);
    width: 67px;
    right: 46px;
  }
}
@media (max-width: 768px) {
  .socialMedia .component003.position-right img {
    max-width: 20vw;
  }
  .socialMedia .component003.position-right .component003-tip {
    font-size: 16px;
    margin-right: 25%;
  }
  .socialMedia .component003.position-right .component003-tip .tip-arrow {
    right: -104px;
  }
  .socialMedia .component003.position-right .component003-tip .tip-arrow .line1 {
    transform: rotate(11deg);
    width: 67px;
    right: 46px;
  }
}
@media (max-width: 768px) {
  .socialMedia .component003.position-right img {
    margin-top: 10%;
    max-width: 30vw;
  }
  .socialMedia .component003.position-right .component003-tip {
    font-size: 1.4rem;
    margin-right: 40%;
  }
  .socialMedia .component003.position-right .component003-tip .tip-arrow {
    right: -106px;
  }
  .socialMedia .component003.position-right .component003-tip .tip-arrow .line1 {
    transform: rotate(11deg);
    width: 63px;
    right: 46px;
  }
  .socialMedia.en .component003.position-right img {
    margin-top: 0;
    max-width: 30vw;
  }
  .socialMedia.en .component003.position-right .component003-tip {
    font-size: 1.4rem;
    margin-right: 28%;
  }
  .socialMedia.en .component003.position-right .component003-tip .tip-arrow {
    right: -101px;
  }
  .socialMedia.en .component003.position-right .component003-tip .tip-arrow .line1 {
    transform: rotate(11deg);
    width: 63px;
    right: 46px;
  }
  .socialMedia.en .component003.position-right .component003-tip .tip-arrow .line2 {
    width: 57px;
  }
}
@media (max-width: 480px) {
  .socialMedia .component003.position-right img {
    margin-top: 10%;
    max-width: 30vw;
  }
  .socialMedia .component003.position-right .component003-tip {
    font-size: 1.4rem;
    margin-right: 40%;
  }
  .socialMedia .component003.position-right .component003-tip .tip-arrow {
    right: -106px;
  }
  .socialMedia .component003.position-right .component003-tip .tip-arrow .line1 {
    transform: rotate(11deg);
    width: 63px;
    right: 46px;
  }
  .socialMedia.en .component003.position-right img {
    margin-top: 10%;
    max-width: 30vw;
  }
  .socialMedia.en .component003.position-right .component003-tip {
    font-size: 1.4rem;
    margin-right: 40%;
  }
  .socialMedia.en .component003.position-right .component003-tip .tip-arrow {
    right: -107px;
  }
  .socialMedia.en .component003.position-right .component003-tip .tip-arrow .line1 {
    transform: rotate(11deg);
    width: 63px;
    right: 46px;
  }
  .socialMedia.en .component003.position-right .component003-tip .tip-arrow .line2 {
    width: 62px;
  }
}

.socialMedia .RealCase.Moblie {
  display: none;
}
.socialMedia .RealCase.Desktop {
  width: calc(100% + 7rem);
  margin-left: -3.5rem;
  margin-right: -3.5rem;
  margin-bottom: 10rem;
  position: relative;
}
.socialMedia .RealCase.Desktop img {
  width: 100%;
  z-index: 1;
}
.socialMedia .RealCase.Desktop.p1 .source1 {
  width: 11%;
  height: 3.5%;
  position: absolute;
  top: 84.5%;
  left: 44.5%;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: none;
  font-size: 24px;
  color: #595959;
  z-index: 2;
}
.socialMedia.en .RealCase.Desktop {
  width: calc(100% + 3.5rem);
  margin-left: -3.5rem;
  margin-right: 0;
  margin-bottom: 50px;
  position: relative;
}
.socialMedia.en .RealCase.Desktop img {
  width: 100%;
  z-index: 1;
}
.socialMedia.en .RealCase.Desktop.p1 .source1 {
  width: 13%;
  height: 3%;
  position: absolute;
  top: 90.5%;
  left: 41.5%;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: none;
  font-size: 24px;
  color: #595959;
  z-index: 2;
}
@media (max-width: 1024px) {
  .socialMedia .RealCase.Desktop {
    width: calc(100% + 4rem);
    margin-left: -2rem;
    margin-bottom: 10rem;
  }
}
@media (max-width: 768px) {
  .socialMedia .RealCase.Desktop {
    display: none;
  }
  .socialMedia .RealCase.Moblie {
    display: block;
    width: calc(100% + 7rem);
    margin-left: -3.5rem;
    margin-right: 0;
    margin-bottom: 50px;
    position: relative;
  }
  .socialMedia .RealCase.Moblie img {
    width: 100%;
    z-index: 1;
  }
  .socialMedia .RealCase.Moblie.p1 .source1 {
    width: 34%;
    height: 2.5%;
    position: absolute;
    top: 92.5%;
    left: 4%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 24px;
    color: #595959;
    z-index: 2;
  }
  .socialMedia.en .RealCase.Moblie {
    display: block;
    width: calc(100% + 7rem);
    margin-left: -3.5rem;
    margin-right: 0;
    margin-bottom: 50px;
    position: relative;
  }
  .socialMedia.en .RealCase.Moblie img {
    width: 100%;
    z-index: 1;
  }
  .socialMedia.en .RealCase.Moblie.p1 .source1 {
    width: 34%;
    height: 2%;
    position: absolute;
    top: 95%;
    left: 4%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 24px;
    color: #595959;
    z-index: 2;
  }
  .socialMedia.sc .RealCase.Moblie {
    display: block;
    width: calc(100% + 7rem);
    margin-left: -3.5rem;
    margin-right: 0;
    margin-bottom: 50px;
    position: relative;
  }
  .socialMedia.sc .RealCase.Moblie img {
    width: 100%;
    z-index: 1;
  }
  .socialMedia.sc .RealCase.Moblie.p1 .source1 {
    width: 34%;
    height: 1.5%;
    position: absolute;
    top: 96%;
    left: 5%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 24px;
    color: #595959;
    z-index: 2;
  }
}

.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content {
  min-width: auto;
}
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content {
  min-height: 800px;
}
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content.quiz .course-landing .landing-img {
  position: relative;
}
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content.quiz .course-landing .landing-img img {
  top: unset;
  width: auto;
  max-height: 700px;
}
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .quiz-section {
  position: relative;
}
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .socialMedia-title01 {
  margin-top: 3.5rem;
}
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .socialMedia-title01-message {
  position: relative;
  top: -8rem;
}


.socialMedia.cyber-security-training-page.course-page .ant-layout-content .course-body .next-topic-button {
  background-color: #FF7043;
}
.socialMedia.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .title {
  border-color: #FF7043;
}
.socialMedia.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .title .l2 {
  color: #FF7043;
}
.socialMedia.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body {
  border-color: #FF7043;
}
.socialMedia.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-last-button {
  border-color: #FF7043;
}
.socialMedia.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-last-button span {
  color: #FF7043;
}
.socialMedia.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-submit-button {
  background-color: #FF7043;
}
.socialMedia.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-submit-button[disabled] {
  background-color: rgba(255, 112, 67, 0.6);
  border-color: #FF7043;
}
.socialMedia.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area.correct .ant-btn-link {
  color: #0CA3A3;
}
.socialMedia.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area.wrong .ant-btn-link {
  color: #E7444E;
}
.socialMedia.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
  background: #FF7043;
}
.socialMedia.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab.active .number {
  border-color: #FF7043;
}
.socialMedia.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .course-landing {
  background: rgba(255, 112, 67, 0.3);
}
.socialMedia.cyber-security-training-page.course-page .ant-layout-content .ant-radio-checked .ant-radio-inner {
  border-color: #FF7043;
}
.socialMedia.cyber-security-training-page.course-page .ant-layout-content .ant-radio-inner::after {
  background-color: #FF7043;
}
.socialMedia.cyber-security-training-page.course-page .ant-layout-content .ant-radio-wrapper:hover .ant-radio,
.socialMedia.cyber-security-training-page.course-page .ant-layout-content .ant-radio:hover .ant-radio-inner,
.socialMedia.cyber-security-training-page.course-page .ant-layout-content .ant-radio-input:focus + .ant-radio-inner {
  border-color: #FF7043;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content.quiz .progress .progress-line {
  background-color: #FF7043;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass .cert-download-input .cert-download-button {
  background-color: #FF7043;
}

.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .conversation.ppd-1 .conversation-line1 .avater {
  margin-top: 3%;
}
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .conversation.ppd-1 .conversation-line1 .conversation-message {
  width: 45vw;
  height: 10vw;
}
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .conversation.ppd-1 .conversation-line1 .conversation-message .conversation-message-text {
  line-height: 1.2;
  font-size: 1.5vw;
  font-weight: 400;
  z-index: 10;
  position: relative;
  height: 100%;
  display: flex;
  text-align: center;
  padding: 1vw 3vw 1vw 11vw;
  justify-content: center;
  align-items: center;
}
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .conversation.ppd-1 .conversation-line2 .avater {
  margin-top: 4%;
}
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .conversation.ppd-1 .conversation-line2 .conversation-message {
  width: 45vw;
  height: 10vw;
}
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .conversation.ppd-1 .conversation-line2 .conversation-message .conversation-message-text {
  font-size: 1.6vw;
  line-height: 1.2;
  padding: 1vw 11vw 1vw 3vw;
}
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .conversation.ppd-2 .conversation-line1 .avater {
  margin-top: 3%;
}
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .conversation.ppd-2 .conversation-line1 .conversation-message {
  width: 45vw;
  height: 10vw;
}
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .conversation.ppd-2 .conversation-line1 .conversation-message .conversation-message-text {
  line-height: 1.2;
  font-size: 1.5vw;
  font-weight: 400;
  z-index: 10;
  position: relative;
  height: 100%;
  display: flex;
  text-align: center;
  padding: 1vw 3vw 1vw 11vw;
  justify-content: center;
  align-items: center;
}
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .conversation.ppd-2 .conversation-line2 .avater {
  margin-top: 4%;
}
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .conversation.ppd-2 .conversation-line2 .conversation-message {
  width: 45vw;
  height: 14vw;
}
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .conversation.ppd-2 .conversation-line2 .conversation-message .conversation-message-text {
  font-size: 1.6vw;
  line-height: 1.2;
  padding: 1vw 11vw 1vw 3vw;
}
.cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.ppd-1 .conversation-line1 .avater {
  margin-top: 6%;
}
.cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.ppd-1 .conversation-line1 .conversation-message {
  height: 14vw;
}
.cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.ppd-1 .conversation-line2 .conversation-message {
  height: 15vw;
}
.cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.ppd-1 .conversation-line2 .conversation-message .conversation-message-text {
  padding: 1vw 11vw 1vw 4vw;
}
.cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.ppd-2 .conversation-line2 .conversation-message {
  height: 16vw;
}

@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .conversation {
    width: calc(100% + 4rem);
    margin-left: -2rem;
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .conversation .avater {
    width: 12vw !important;
    height: 12vw !important;
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message {
    width: 56vw !important;
    height: 12vw !important;
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message-text {
    font-size: 1.5vw !important;
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message-text {
    padding: 1vw 3vw 1vw 14vw !important;
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message-text {
    padding: 1vw 14vw 1vw 5vw !important;
  }
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.ppd .conversation-line1 .avater {
    margin-top: 5%;
  }
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.ppd .conversation-line1 .conversation-message {
    height: 15vw;
  }
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.ppd .conversation-line2 .avater {
    margin-top: 2%;
  }
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.ppd .conversation-line2 .conversation-message {
    height: 13vw;
  }
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.ppd-1 .conversation-line1 .avater {
    margin-top: 3%;
  }
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.ppd-2 .conversation-line1 .avater {
    margin-top: 2%;
  }
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.ppd-2 .conversation-line2 .conversation-message {
    width: 56vw !important;
    height: 16vw !important;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message-text {
    font-size: 1.6rem !important;
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .avater {
    margin-top: 10%;
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message {
    width: 75vw !important;
    height: 14vw !important;
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 {
    margin-bottom: 3rem;
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .avater {
    margin-top: 5%;
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message {
    width: 75vw !important;
    height: 14vw !important;
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message .conversation-message-text {
    font-size: 1.6vw;
    line-height: 1.2;
    padding: 1vw 12vw 1vw 3vw;
  }
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.ppd .conversation-line1 .avater {
    margin-top: 10%;
  }
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.ppd .conversation-line1 .conversation-message {
    height: 15vw;
  }
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.ppd .conversation-line2 .avater {
    margin-top: 2%;
  }
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.ppd .conversation-line2 .conversation-message {
    height: 13vw;
  }
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.ppd-1 .conversation-line1 .avater {
    margin-top: 4%;
  }
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.ppd-1 .conversation-line1 .conversation-message {
    width: 75vw !important;
    height: 16vw !important;
  }
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.ppd-1 .conversation-line1 .conversation-message .conversation-message-text {
    padding: 3vw 5vw 3vw 18vw !important;
  }
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.ppd-1 .conversation-line2 .conversation-message {
    width: 75vw !important;
    height: 16vw !important;
  }
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.ppd-1 .conversation-line2 .conversation-message .conversation-message-text {
    padding: 3vw 16vw 3vw 7vw !important;
  }
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.ppd-2 .conversation-line2 .conversation-message {
    width: 56vw !important;
    height: 22vw !important;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message {
    width: 75vw !important;
    height: 25vw !important;
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message-text {
    font-size: 1.4rem !important;
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .avater {
    margin-top: 15% !important;
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message {
    width: 80vw !important;
    height: 30vw !important;
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message .conversation-message-text {
    padding: 1vw 4vw 1vw 16vw !important;
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 {
    margin-bottom: 3rem;
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .avater {
    margin-top: 12% !important;
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message {
    width: 80vw !important;
    height: 30vw !important;
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message .conversation-message-text {
    font-size: 1.6vw;
    line-height: 1.2;
    padding: 4vw 20vw 3vw 8vw !important;
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .conversation .click-point {
    position: absolute;
    width: 40px;
    transform: rotate(-45deg);
    z-index: 10;
    transition: all 800ms linear 0s;
    top: 12rem;
    left: 5rem;
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .conversation.ppd-2 .conversation-line2 {
    margin-bottom: 3rem;
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .conversation.ppd-2 .conversation-line2 .avater {
    margin-top: 15% !important;
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .conversation.ppd-2 .conversation-line2 .conversation-message {
    height: 40vw !important;
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .conversation.ppd-2 .conversation-line2 .conversation-message .conversation-message-text {
    font-size: 1.6vw;
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .avater {
    margin-top: 15% !important;
  }
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message {
    height: 30vw !important;
  }
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message .conversation-message-text {
    padding: 2vw 4vw 2vw 17vw !important;
  }
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .avater {
    margin-top: 12% !important;
  }
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message {
    height: 30vw !important;
  }
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message .conversation-message-text {
    padding: 1vw 16vw 1vw 5vw !important;
  }
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.ppd .conversation-line1 .avater {
    margin-top: 40% !important;
  }
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.ppd .conversation-line1 .conversation-message {
    width: 80vw !important;
    height: 55vw !important;
  }
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.ppd .conversation-line1 .conversation-message .conversation-message-text {
    padding: 4vw 5vw 2vw 19vw !important;
  }
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.ppd .conversation-line2 {
    margin-bottom: 3rem;
  }
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.ppd .conversation-line2 .avater {
    margin-top: 25% !important;
  }
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.ppd .conversation-line2 .conversation-message {
    width: 75vw !important;
    height: 45vw !important;
  }
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.ppd .conversation-line2 .conversation-message .conversation-message-text {
    font-size: 1.6vw;
    line-height: 1.2;
    padding: 6vw 20vw 3vw 8vw !important;
  }
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.ppd-1 .conversation-line1 .avater {
    margin-top: 25% !important;
  }
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.ppd-1 .conversation-line1 .conversation-message {
    width: 75vw !important;
    height: 45vw !important;
  }
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.ppd-1 .conversation-line2 .avater {
    margin-top: 20% !important;
  }
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.ppd-1 .conversation-line2 .conversation-message {
    width: 75vw !important;
    height: 45vw !important;
  }
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.ppd-1 .conversation-line2 .conversation-message .conversation-message-text {
    padding: 3vw 16vw 3vw 7vw !important;
  }
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.ppd-1 .click-point {
    top: 12rem;
  }
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.ppd-2 .conversation-line1 .conversation-message {
    width: 75vw !important;
    height: 30vw !important;
  }
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.ppd-2 .conversation-line2 .avater {
    margin-top: 28% !important;
  }
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.ppd-2 .conversation-line2 .conversation-message {
    width: 75vw !important;
    height: 60vw !important;
  }
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .topic-item .conversation .click-point {
    position: absolute;
    width: 40px;
    transform: rotate(-45deg);
    z-index: 10;
    transition: all 800ms linear 0s;
    top: 7rem;
    left: 5rem;
  }
}

.ppd .component003 {
  position: relative;
}
.ppd .component003 .component003-title {
  position: absolute;
  left: 2.5%;
  top: 5%;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.2;
}
.ppd .component003 .component003-tip {
  border: 1px solid #000;
  border-radius: 47%;
  position: absolute;
  font-size: 1.5rem;
  padding: 4rem;
  text-align: left;
  max-width: 42rem;
  min-height: 9rem;
  display: flex;
  align-items: center;
}
.ppd .component003 .component003-tip .tip-text {
  z-index: 1;
}
.ppd .component003 .tip-arrow {
  position: absolute;
  left: -82px;
  top: calc(50% - 15px);
  background: #fff;
  height: 24px;
  width: 128px;
}
.ppd .component003 .tip-arrow .line1 {
  width: 64px;
  height: 1px;
  background: #000;
  transform: rotate(-12deg);
  position: absolute;
  top: 5px;
  right: 43px;
}
.ppd .component003 .tip-arrow .line2 {
  width: 61px;
  height: 1px;
  background: #000;
  transform: rotate(12deg);
  position: absolute;
  bottom: 5px;
  right: 46px;
}
.ppd .component003.position-left img {
  max-width: 40vw;
  position: relative;
  z-index: 11;
}
.ppd .component003.position-left .component003-tip {
  margin-left: 300px;
  padding: 3rem 4rem;
  font-size: 20px;
  line-height: 1.5;
}
.ppd .component003.position-right {
  text-align: right;
}
.ppd .component003.position-right img {
  max-width: 12vw;
  position: relative;
  z-index: 11;
  margin-top: 2%;
}
.ppd .component003.position-right .component003-tip {
  right: 0;
  margin-right: 14%;
  padding: 3rem;
  z-index: 11;
  font-size: 20px;
  line-height: 1.5;
}
.ppd .component003.position-right .component003-tip .tip-arrow {
  left: unset;
  right: -105px;
  top: calc(50% - 15px);
}
.ppd .component003.position-right .component003-tip .tip-arrow .line1 {
  transform: rotate(12deg);
  position: absolute;
  width: 63px;
  top: 5px;
  right: 46px;
}
.ppd .component003.position-right .component003-tip .tip-arrow .line2 {
  transform: rotate(-12deg);
  position: absolute;
  bottom: 5px;
  right: 46px;
}
.ppd .component003.position-right.ppd-c003-1 img {
  margin-top: 4%;
}
.ppd .component003.position-right.ppd-c003-1 .component003-tip {
  margin-right: 15%;
  padding: 3rem 4rem;
}
.ppd .component003.position-right.ppd-c003-1 .component003-tip .tip-text .ppd-c003-1-a {
  color: #6F7AE2;
  text-decoration: underline;
  cursor: pointer;
  font-weight: 500;
}
.ppd .component003.position-right.ppd-c003-1 .component003-tip .tip-arrow {
  right: -106px;
}
.ppd .component003.position-right.ppd-c003-2 {
  margin-bottom: 10rem !important;
}
.ppd .component003.position-right.ppd-c003-2 img {
  margin-top: 4rem;
}
.ppd .component003.position-right.ppd-c003-2 .component003-tip .tip-arrow .line2 {
  width: 60px;
}
.ppd .component003.position-right.ppd-c003-2 .component003-tip .tip-text .ppd-c003-2-a {
  color: #6F7AE2;
  text-decoration: underline;
  cursor: pointer;
  font-weight: 500;
}
.ppd.en .component003 .component003-tip {
  font-size: 20px;
  line-height: 1.3;
}
.ppd.en .component003.position-right .component003-tip .tip-arrow .line1 {
  width: 66px;
}
.ppd.en .component003.ppd-c003-1 .component003-tip .tip-arrow {
  right: -106px;
}
.ppd.en .component003.ppd-c003-1 .component003-tip .tip-arrow .line1 {
  width: 62px;
}
.ppd.en .component003.ppd-c003-2 .component003-tip .tip-arrow {
  right: -105px;
}
.ppd.en .component003.ppd-c003-2 .component003-tip .tip-arrow .line1 {
  width: 63px;
}
.ppd.en .component003.ppd-c003-3 .component003-tip .tip-arrow {
  left: -81px;
  top: calc(50% - 14px);
}
.ppd.en .component003.ppd-c003-3 .component003-tip .tip-arrow .line1 {
  width: 63px;
}
.ppd.en .component003.ppd-c003-4 .component003-tip .tip-arrow {
  right: -105px;
}
.ppd.en .component003.ppd-c003-4 .component003-tip .tip-arrow .line1 {
  width: 63px;
}
@media (max-width: 1024px) {
  .ppd .component003.position-left img {
    max-width: 24vw;
  }
  .ppd .component003.position-left .component003-tip {
    font-size: unset;
    margin-left: 24%;
  }
  .ppd .component003.position-left.ppd-c003-3 .component003-tip .tip-arrow .line1 {
    width: 65px;
    right: 40px;
  }
  .ppd .component003.position-right img {
    max-width: 16vw;
  }
  .ppd .component003.position-right .component003-tip {
    font-size: 16px;
    margin-right: 20%;
  }
  .ppd .component003.position-right .component003-tip .tip-arrow {
    right: -104px;
  }
  .ppd .component003.position-right .component003-tip .tip-arrow .line1 {
    transform: rotate(11deg);
    width: 67px;
    right: 46px;
  }
  .ppd .component003.position-right.ppd-c003-1 img {
    margin-right: -2%;
  }
  .ppd .component003.position-right.ppd-c003-1 .component003-tip .tip-arrow .line1 {
    width: 63px;
  }
  .ppd .component003.position-right.ppd-c003-2 .component003-tip .tip-arrow .line1 {
    width: 63px;
  }
  .ppd.en .component003.ppd-c003-1 img {
    max-width: 14vw;
    margin-top: 6%;
  }
  .ppd.en .component003.ppd-c003-1 .component003-tip {
    margin-right: 15%;
    padding: 4rem 4rem;
  }
  .ppd.en .component003.ppd-c003-1 .component003-tip .tip-arrow .line1 {
    width: 62px;
  }
  .ppd.en .component003.ppd-c003-2 .component003-tip {
    padding: 4rem;
  }
  .ppd.en .component003.ppd-c003-2 .component003-tip .tip-arrow .line1 {
    width: 61px;
  }
  .ppd.en .component003.ppd-c003-3 .component003-tip {
    padding: 4rem;
  }
  .ppd.en .component003.ppd-c003-3 .component003-tip .tip-arrow .line1 {
    width: 63px;
    right: 44px;
  }
}
@media (max-width: 768px) {
  .ppd .component003.position-right img {
    max-width: 14vw;
  }
  .ppd .component003.position-right .component003-tip {
    font-size: 16px;
    margin-right: 25%;
  }
  .ppd .component003.position-right .component003-tip .tip-arrow {
    right: -104px;
  }
  .ppd .component003.position-right .component003-tip .tip-arrow .line1 {
    transform: rotate(11deg);
    width: 67px;
    right: 46px;
  }
  .ppd .component003.position-right.ppd-c003-1 img {
    margin-top: 5%;
  }
  .ppd.en .component003.ppd-c003-1 img {
    margin-top: 8%;
  }
  .ppd.en .component003.ppd-c003-1 .component003-tip {
    margin-right: 18%;
    padding: 4rem 4rem;
  }
  .ppd.en .component003.ppd-c003-3 .component003-tip {
    margin-left: 30%;
  }
  .ppd.en .component003.ppd-c003-4 .component003-tip {
    margin-right: 20%;
  }
  .ppd.en .component003.ppd-c003-4 .component003-tip .tip-arrow .line1 {
    width: 66px;
  }
}
@media (max-width: 480px) {
  .ppd .component003.position-left.ppd-c003-3 img {
    margin-top: 22%;
    max-width: 36vw;
  }
  .ppd .component003.position-left.ppd-c003-3 .component003-tip {
    margin-left: 44%;
  }
  .ppd .component003.position-left.ppd-c003-3 .component003-tip .tip-arrow .line1 {
    width: 61px;
    right: 46px;
  }
  .ppd .component003.position-right img {
    margin-top: 10%;
    max-width: 30vw;
  }
  .ppd .component003.position-right .component003-tip {
    font-size: 1.4rem;
    margin-right: 40%;
  }
  .ppd .component003.position-right .component003-tip .tip-arrow {
    right: -106px;
  }
  .ppd .component003.position-right .component003-tip .tip-arrow .line1 {
    transform: rotate(11deg);
    width: 63px;
    right: 46px;
  }
  .ppd .component003.position-right.ppd-c003-1 img {
    margin-top: 40%;
  }
  .ppd .component003.position-right.ppd-c003-1 .component003-tip {
    margin-right: 35%;
    padding: 3rem 4rem;
  }
  .ppd .component003.position-right.ppd-c003-1 .component003-tip .tip-arrow {
    top: calc(50% + 24px);
    rotate: 18deg;
  }
  .ppd .component003.position-right.ppd-c003-1 .component003-tip .tip-arrow .line1 {
    width: 66px;
  }
  .ppd .component003.position-right.ppd-c003-2 img {
    margin-top: 12%;
  }
  .ppd .component003.position-right.ppd-c003-2 .component003-tip .tip-arrow .line1 {
    width: 61px;
  }
  .ppd.en .component003.position-left .component003-tip {
    font-size: 1.4rem;
  }
  .ppd.en .component003.position-right img {
    margin-top: 10%;
    max-width: 30vw;
  }
  .ppd.en .component003.position-right .component003-tip {
    font-size: 1.4rem;
    margin-right: 40%;
  }
  .ppd.en .component003.position-right .component003-tip .tip-arrow {
    right: -107px;
  }
  .ppd.en .component003.position-right .component003-tip .tip-arrow .line1 {
    transform: rotate(11deg);
    width: 63px;
    right: 46px;
  }
  .ppd.en .component003.position-right .component003-tip .tip-arrow .line2 {
    width: 62px;
  }
  .ppd.en .component003.ppd-c003-1 img {
    margin-top: 48%;
  }
  .ppd.en .component003.ppd-c003-1 .component003-tip {
    margin-right: 35%;
    padding: 3rem 3rem 4rem 4rem;
  }
  .ppd.en .component003.ppd-c003-1 .component003-tip .tip-arrow .line1 {
    width: 67px;
  }
  .ppd.en .component003.ppd-c003-2 img {
    margin-top: 12%;
  }
  .ppd.en .component003.ppd-c003-2 .component003-tip {
    padding: 2rem 2rem 2rem 4rem;
  }
  .ppd.en .component003.ppd-c003-3 img {
    margin-top: 14%;
  }
  .ppd.en .component003.ppd-c003-3 .component003-tip {
    margin-left: 40%;
    padding: 2rem 2rem 2rem 4rem;
  }
  .ppd.en .component003.ppd-c003-4 img {
    margin-top: 12%;
  }
  .ppd.en .component003.ppd-c003-4 .component003-tip {
    margin-right: 38%;
    padding: 3rem 2rem 3rem 3rem;
  }
  .ppd.en .component003.ppd-c003-4 .component003-tip .tip-arrow .line1 {
    width: 63px;
  }
}

.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation011 {
  padding-bottom: 0;
  max-width: 1280px;
  margin: 0 auto;
  position: relative;
}
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation011 .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  top: 7.5rem;
  left: 15rem;
}
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation011 .animation011-content {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  padding-right: 0;
}
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation011 .animation011-content .animation011-item {
  margin-bottom: 3rem;
  width: 100%;
  height: 7.5rem;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation011 .animation011-content .animation011-item.r1 .animation011-text .view-more .view-more-btn {
  color: #078BFF;
}
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation011 .animation011-content .animation011-item.r2 .animation011-text .view-more .view-more-btn {
  color: #379F19;
}
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation011 .animation011-content .animation011-item.r3 .animation011-text .view-more .view-more-btn {
  color: #FF8601;
}
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation011 .animation011-content .animation011-item.r4 .animation011-text .view-more .view-more-btn {
  color: #561987;
}
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation011 .animation011-content .animation011-item .animation011-body {
  padding-left: 30px;
  display: flex;
  flex-direction: column;
}
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation011 .animation011-content .animation011-item .animation011-body .animation011-title {
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 600;
}
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation011 .animation011-content .animation011-item .animation011-body .animation011-text {
  font-size: 1.5rem;
  line-height: 1.5;
  font-weight: 400;
  padding-left: 0;
}
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation011 .animation011-content .animation011-item:first-child {
  height: 9.5rem;
}
.cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .component.animation011 {
  margin: 0 auto;
}
.cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .component.animation011 .animation011-content .animation011-item .animation011-text {
  line-height: 1.2;
}
.cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .component.animation011 .animation011-content .animation011-item .animation011-text .view-more {
  padding: 0 0.5rem;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation011 {
    margin-right: 0;
    margin-top: 0;
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation011 .animation011-content {
    padding-right: 0 !important;
    grid-gap: 2.5rem;
    gap: 2.5rem;
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation011 .animation011-content .animation011-item {
    height: 5.5rem;
    margin-bottom: 0;
    padding-left: 0 !important;
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation011 .animation011-content .animation011-item .animation011-icon {
    height: 5.5rem;
    width: 5.5rem;
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation011 .animation011-content .animation011-item .animation011-icon img {
    height: 5.5rem;
    width: 5.5rem;
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation011 .animation011-content .animation011-item .animation011-text {
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .component.animation011 {
    margin: -8rem auto;
    margin-top: 0;
  }
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .component.animation011 .animation011-content .animation011-item .animation011-text {
    line-height: 1.3;
  }
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .component.animation011 .animation011-content .animation011-item:first-child {
    height: 12rem;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation011 {
    margin: -5rem auto;
    margin-top: 0;
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation011 .animation011-content {
    flex-wrap: wrap;
    grid-row-gap: 3rem;
    row-gap: 3rem;
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation011 .animation011-content .animation011-item {
    padding-left: 0 !important;
    margin-bottom: 0;
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation011 .animation011-content .animation011-item .animation011-indicate-number {
    min-width: 11rem;
    height: 3.625rem;
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation011 .animation011-content .animation011-item .animation011-indicate-number .number {
    text-align: center;
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation011 .animation011-content .animation011-item .animation011-indicate-number .animation011-icon {
    width: 5.5rem;
    height: 5.5rem;
  }
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .component.animation011 {
    margin: -2rem auto;
    margin-top: 0;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation011 {
    margin-top: 4rem !important;
    margin-bottom: 10rem !important;
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation011 .animation011-content {
    width: 100%;
    grid-row-gap: 6rem;
    row-gap: 6rem;
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation011 .animation011-content .animation011-item {
    padding-left: 0 !important;
    height: 55px;
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation011 .animation011-content .animation011-item .animation011-indicate-number {
    min-width: 9rem;
    height: 55px;
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation011 .animation011-content .animation011-item .animation011-indicate-number .number {
    font-size: 1.8rem;
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation011 .animation011-content .animation011-item .animation011-icon img {
    width: 55px;
    height: 55px;
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation011 .animation011-content .animation011-item .animation011-body {
    padding-left: 10px;
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation011 .animation011-content .animation011-item .animation011-body .animation011-title {
    font-size: 1.6rem;
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation011 .animation011-content .animation011-item .animation011-body .animation011-text {
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation011 .animation011-content .animation011-item:first-child {
    height: 15rem;
  }
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .component.animation011 .animation011-content {
    grid-row-gap: 2rem;
    row-gap: 2rem;
  }
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .component.animation011 .animation011-content .animation011-item {
    height: auto;
  }
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .component.animation011 .animation011-content .animation011-item .animation011-text {
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .component.animation011 .animation011-content .animation011-item .animation011-text .view-more .view-more-btn .click-point1 {
    width: 20px;
    bottom: -2px;
    right: -20px;
  }
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .component.animation011 .animation011-content .animation011-item:first-child {
    height: 25rem;
  }
}

.cyber-security-training-page.course-page.ppdt-layout-content .course-body .course-body-content .component.animation028 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  grid-gap: 0;
  gap: 0;
  margin-right: 3.5rem;
  width: 75%;
  margin: -12rem auto;
}
.cyber-security-training-page.course-page.ppdt-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner {
  display: flex;
  grid-gap: 1rem;
  gap: 1rem;
  justify-content: space-between;
  width: calc(20% - 1.5rem);
}
.cyber-security-training-page.course-page.ppdt-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item {
  width: 250px;
  position: relative;
}
.cyber-security-training-page.course-page.ppdt-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 100;
  transition: all 800ms linear 0s;
  bottom: 50%;
  right: -80px;
}
.cyber-security-training-page.course-page.ppdt-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item.r2,
.cyber-security-training-page.course-page.ppdt-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item.r4 {
  margin-top: 140%;
}
.cyber-security-training-page.course-page.ppdt-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item.r1 .text,
.cyber-security-training-page.course-page.ppdt-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item.r3 .text,
.cyber-security-training-page.course-page.ppdt-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item.r5 .text {
  top: 0;
  bottom: unset;
  height: 290px;
}
.cyber-security-training-page.course-page.ppdt-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item.r6 {
  margin-top: -10%;
}
.cyber-security-training-page.course-page.ppdt-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item img {
  width: 250px;
}
.cyber-security-training-page.course-page.ppdt-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item .text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  padding: 3rem;
  font-size: 1.3rem;
  line-height: 1.3;
}
.cyber-security-training-page.course-page.ppdt-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item .text .sub-task-text {
  width: 100%;
  height: auto;
}
.cyber-security-training-page.course-page.ppdt-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item .text .sub-task-text button {
  width: 100%;
  position: relative;
  color: #00C3E6;
  font-size: 1.3rem !important;
}
.cyber-security-training-page.course-page.ppdt-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item .text .sub-task-text button .click-point1 {
  position: absolute;
  width: 30px;
  bottom: -15px;
  right: -10px;
  transform: rotate(315deg);
}
.cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .component.animation028 {
  max-width: 1500px;
  margin: auto;
}
.cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner {
  width: calc(20% - 1.5rem);
  grid-gap: 1rem;
  gap: 1rem;
}
.cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item.r2,
.cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item.r4 {
  height: 350px;
}
.cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item.r1 .text,
.cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item.r3 .text,
.cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item.r5 .text {
  height: 350px;
}
.cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item .bg-img {
  width: 300px;
}
.cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item .text {
  width: 300px;
  font-size: 20px;
  line-height: 1.1;
  padding: 2rem 3rem;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation028 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    grid-gap: 8rem;
    gap: 8rem;
    grid-row-gap: 4rem;
    row-gap: 4rem;
    margin-right: 2rem;
    width: 100%;
    margin: unset;
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner {
    display: flex;
    grid-gap: 1rem;
    gap: 1rem;
    justify-content: space-between;
    width: calc(33.33% - 8rem);
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item {
    width: 100%;
    position: relative;
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item .click-point {
    position: absolute;
    width: 100px;
    transform: rotate(-45deg);
    z-index: 100;
    transition: all 800ms linear 0s;
    bottom: 0;
    right: 0;
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item.r2,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item.r4 {
    margin-top: 0;
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item.r1 .text,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item.r3 .text,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item.r5 .text {
    top: 0;
    bottom: unset;
    height: 100%;
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item img {
    width: 100%;
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item .text {
    padding: 4.5rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item .text .sub-task-text button {
    font-size: 1.6rem !important;
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item .text .sub-task-text button .click-point1 {
    right: 0;
  }
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .component.animation028 {
    grid-gap: 5rem;
    gap: 5rem;
    grid-row-gap: 3rem;
    row-gap: 3rem;
    justify-content: center;
    margin-right: 0;
  }
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner {
    width: calc(33.33% - 5rem);
  }
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item.r2,
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item.r4 {
    height: 290px;
  }
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item.r1 .text,
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item.r3 .text,
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item.r5 .text {
    height: 290px;
  }
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item .bg-img {
    width: 250px;
  }
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item .text {
    width: 250px;
    font-size: 1.6rem;
    line-height: 1.1;
    padding: 2rem 3rem;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation028 {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 1.5rem;
    gap: 1.5rem;
    margin-right: 2rem;
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner {
    display: flex;
    grid-gap: 1rem;
    gap: 1rem;
    justify-content: space-between;
    width: calc(33.33% - 1.5rem);
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item {
    width: 100%;
    position: relative;
    margin-top: 0 !important;
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item .click-point {
    position: absolute;
    width: 100px;
    transform: rotate(-45deg);
    z-index: 100;
    transition: all 800ms linear 0s;
    bottom: 50%;
    right: -80px;
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item.r1 .text,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item.r3 .text,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item.r5 .text {
    top: 0;
    bottom: unset;
    height: 100%;
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item img {
    width: 100%;
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item .text {
    display: flex;
    align-items: center;
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    padding: 4.5rem;
    font-size: 1.4rem;
    line-height: 1.4;
  }
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .component.animation028 {
    grid-gap: 5rem;
    gap: 5rem;
    grid-row-gap: 3rem;
    row-gap: 3rem;
    justify-content: flex-start;
    margin-right: 0;
  }
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner {
    width: calc(50% - 3rem);
  }
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item {
    display: flex;
    justify-content: center;
  }
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item.r2,
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item.r4 {
    height: 100%;
  }
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item.r1 .text,
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item.r3 .text,
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item.r5 .text {
    height: 100%;
  }
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item .bg-img {
    width: 300px;
    height: auto;
  }
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item .text {
    width: 300px;
    font-size: 1.8rem;
    line-height: 1.1;
    padding: 4rem 6rem;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation028 {
    grid-gap: 0;
    gap: 0;
    justify-content: space-between;
    margin-right: 0;
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: calc(50% - 0.5rem);
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item.r2,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item.r4 {
    margin-top: 0;
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item.r2 .text,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item.r4 .text {
    height: 106%;
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item.r1 .text,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item.r3 .text,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item.r5 .text {
    top: 0;
    bottom: unset;
    height: 100%;
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item .text {
    padding: 2rem 3rem;
    font-size: 1.3rem;
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item .text .sub-task-text button {
    font-size: 1.4rem !important;
    padding: 0 !important;
  }
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .component.animation028 {
    justify-content: center;
  }
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner {
    width: 75%;
  }
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item {
    display: flex;
    justify-content: center;
  }
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item.r2 .text,
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item.r4 .text {
    height: 100%;
  }
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item.r1 .text,
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item.r3 .text,
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item.r5 .text {
    top: 0;
    bottom: unset;
    height: 98%;
  }
  .cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .component.animation028 .animation028-contaner .animation028-item .text {
    font-size: 1.4rem;
    padding: 4.5rem;
  }
  .animation028-modal-ngo .ant-modal-content .animation028-modal-header {
    margin: 4rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
    margin-left: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 4rem;
    padding: 1rem;
    font-size: 2.625rem;
    font-weight: 500;
    border-left: 4px solid #53CC92;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .animation028-modal-ngo .ant-modal-content .ant-modal-body .next-button {
    position: absolute;
    background: #FFC53D;
    border-radius: 0px;
    height: 4.8rem;
    width: 4.8rem;
    right: 0;
    bottom: 0;
    padding: 0;
  }
  .animation028-modal-ngo .ant-modal-content .ant-modal-body .next-button .click-point2 {
    position: absolute;
    bottom: 5rem;
    right: 5rem;
    width: 5rem;
    height: 5rem;
    transform: rotate(135deg);
  }
  .animation028-modal-ngo .ant-modal-content .ant-modal-body .next-button .arrow {
    margin: 0 auto;
  }
  .animation028-modal-ngo .ant-modal-content .ant-modal-body .prev-button {
    position: absolute;
    background: #FFC53D;
    border-radius: 0px;
    height: 4.8rem;
    width: 4.8rem;
    left: 0;
    bottom: 0;
    padding: 0;
  }
  .animation028-modal-ngo .ant-modal-content .ant-modal-body .prev-button .click-point1 {
    position: absolute;
    bottom: 5rem;
    left: 5rem;
    width: 5rem;
    height: 5rem;
    transform: rotate(225deg);
  }
  .animation028-modal-ngo .ant-modal-content .ant-modal-body .prev-button .arrow {
    margin: 0 auto;
  }
  .animation028-modal-ngo .ant-modal-content .ant-modal-body .hide {
    display: none;
  }
  .animation028-modal-ngo .ant-modal-content .ant-modal-body .border {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 1rem;
  }
  .animation028-modal-ngo .ant-modal-content .ant-modal-body .border img {
    width: 100%;
  }
  .animation028-modal-ngo .ant-modal-content .ant-modal-body .content {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 5rem;
    background: rgba(234, 75, 108, 0.2);
    border-radius: 5px;
    font-size: 1.2rem;
    line-height: 1.5;
    font-weight: 400;
    padding: 1.5rem;
    text-align: center;
  }
}

.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation047 {
  width: 100%;
  display: flex;
  flex-direction: row;
  grid-gap: 34px;
  gap: 34px;
  margin-bottom: 2rem !important;
}
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation047 .animation047-left {
  width: 266px;
  height: 720px;
  background: url(/static/media/9881.3dcc291c.png) no-repeat center center;
  background-size: 100%;
  padding: 10rem 1rem 23.5rem 1rem;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation047 .animation047-right {
  width: calc(100% - 300px);
}
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation047 .animation047-right .animation047-title {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation047 .animation047-right .animation047-title .subtitle {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation047 .animation047-right .animation047-title .subtitle .subtitle-icon {
  width: 85px;
}
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation047 .animation047-right .animation047-title .subtitle .subtitle-content {
  flex-grow: 1;
  font-size: 20px;
  font-weight: 600;
  color: white;
  padding: 1rem 0.5rem;
  width: 100%;
  display: flex;
  align-items: center;
}
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation047 .animation047-right .animation047-title .subtitle .subtitle-content > a {
  text-decoration: underline;
}
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation047 .animation047-right .animation047-title .subtitle .click-point {
  position: absolute;
  width: 70px;
  right: -35px;
  bottom: -35px;
  transform: rotate(315deg);
}
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation047 .animation047-right .animation047-title .subtitle:nth-child(1) {
  width: 20%;
}
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation047 .animation047-right .animation047-title .subtitle:nth-child(1) .subtitle-content {
  background-color: #6f7ae2;
}
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation047 .animation047-right .animation047-title .subtitle:nth-child(2) {
  width: 40%;
}
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation047 .animation047-right .animation047-title .subtitle:nth-child(2) .subtitle-content {
  background-color: #9ece40;
}
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation047 .animation047-right .animation047-title .subtitle:nth-child(2) .subtitle-content a {
  color: #000000;
  font-size: 21px;
}
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation047 .animation047-right .animation047-title .subtitle:nth-child(3) {
  width: 40%;
}
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation047 .animation047-right .animation047-title .subtitle:nth-child(3) .subtitle-content {
  background-color: #2c497b;
}
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation047 .animation047-right .animation047-title .subtitle:nth-child(3) .subtitle-content a {
  color: #ffffff;
}
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation047 .animation047-right .animation047-content {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation047 .animation047-right .animation047-content .animation047-item {
  display: flex;
  flex-direction: row;
  width: 100%;
  border: 1px solid #e1e2e3;
}
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation047 .animation047-right .animation047-content .animation047-item .sub-item {
  font-size: 16px;
  display: flex;
  align-items: center;
  padding: 1rem 0.5rem;
  line-height: 1.5;
}
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation047 .animation047-right .animation047-content .animation047-item .sub-item ul {
  padding-left: 20px;
}
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation047 .animation047-right .animation047-content .animation047-item .sub-item a {
  text-decoration: underline;
  color: #6f7ae2;
}
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation047 .animation047-right .animation047-content .animation047-item .sub-item:nth-child(1) {
  width: 20%;
  color: white;
  font-weight: 600;
  background: url(data:image/png;base64,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) no-repeat left center / 95% 60px;
}
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation047 .animation047-right .animation047-content .animation047-item .sub-item:nth-child(2) {
  width: 40%;
}
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation047 .animation047-right .animation047-content .animation047-item .sub-item:nth-child(3) {
  width: 40%;
}
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation047 .animation047-right .animation047-content .animation047-item:nth-child(odd) {
  background-color: #f8f8f8;
}
.cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .component.animation047 {
  margin-bottom: 2rem !important;
}
.cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .component.animation047 .animation047-left {
  line-height: 1.2;
}
.cyber-security-training-page.course-page.ppd.en .ant-layout-content .course-body .course-body-content .component.animation047 .animation047-right .animation047-content .animation047-item .sub-item {
  line-height: 1.2;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation047 {
    margin: unset;
    width: 90%;
    margin: auto;
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation047 .animation047-left {
    display: none;
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component.animation047 .animation047-right {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .ppd .animation047 {
    margin: unset;
    width: 100%;
    padding-right: 0;
  }
  .ppd .animation047 .animation047-title .subtitle .subtitle-icon {
    width: 50px;
  }
  .ppd .animation047 .animation047-title .subtitle .subtitle-content {
    font-size: 1.6rem;
  }
  .ppd .animation047 .animation047-content .animation047-item .sub-item {
    font-size: 1.4rem;
  }
}
@media (max-width: 480px) {
  .ppd .animation047 {
    margin: unset;
    width: 100%;
    padding-right: 0;
  }
  .ppd .animation047 .animation047-right .animation047-title .subtitle .subtitle-icon {
    width: 50px;
  }
  .ppd .animation047 .animation047-right .animation047-title .subtitle .subtitle-content {
    font-size: 1.6rem;
  }
  .ppd .animation047 .animation047-right .animation047-title .subtitle:nth-child(1) .subtitle-content {
    font-size: 1.4rem;
  }
  .ppd .animation047 .animation047-right .animation047-title .subtitle:nth-child(2) .subtitle-content {
    font-size: 1.4rem;
  }
  .ppd .animation047 .animation047-right .animation047-title .subtitle:nth-child(3) .subtitle-content {
    font-size: 1.4rem;
  }
  .ppd .animation047 .animation047-right .animation047-content .animation047-item .sub-item {
    font-size: 1.4rem;
  }
  .ppd .animation047 .animation047-right .animation047-content .animation047-item .sub-item:nth-child(1) {
    font-size: 1.4rem;
    background: url(data:image/png;base64,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) no-repeat left center / 100% 60px;
  }
  .ppd .animation047 .animation047-right .animation047-content .animation047-item .sub-item:nth-child(2) {
    font-size: 1.4rem;
  }
  .ppd .animation047 .animation047-right .animation047-content .animation047-item .sub-item:nth-child(3) {
    font-size: 1.4rem;
  }
  .ppd.en .animation047 .animation047-content .animation047-item .sub-item:nth-child(1) {
    word-break: break-word;
    background: url(data:image/png;base64,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) no-repeat left center / 100% 80px;
    line-height: 1.2;
  }
  .ppd.en .animation047 {
    padding-right: 0;
  }
  .ppd.en .animation047.Desktop {
    display: none;
  }
  .ppd.en .animation047.Mobile {
    display: block;
  }
  .ppd.en .animation047.Mobile .animation047-title {
    display: flex;
    flex-direction: row;
    width: 100%;
  }
  .ppd.en .animation047.Mobile .animation047-title .subtitle {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .ppd.en .animation047.Mobile .animation047-title .subtitle .subtitle-icon {
    width: 4rem;
  }
  .ppd.en .animation047.Mobile .animation047-title .subtitle .subtitle-content {
    font-size: 1.4rem;
    font-weight: 600;
    color: white;
    padding: 1rem 0.5rem;
    width: 100%;
    min-height: 55px;
    height: 100%;
    display: flex;
    align-items: center;
  }
  .ppd.en .animation047.Mobile .animation047-title .subtitle:nth-child(1) {
    width: 25%;
  }
  .ppd.en .animation047.Mobile .animation047-title .subtitle:nth-child(1) .subtitle-content {
    background-color: #6F7AE2;
  }
  .ppd.en .animation047.Mobile .animation047-title .subtitle:nth-child(2) {
    width: 50%;
  }
  .ppd.en .animation047.Mobile .animation047-title .subtitle:nth-child(2) .subtitle-content {
    background-color: #9ECE40;
  }
  .ppd.en .animation047.Mobile .animation047-title .subtitle:nth-child(3) {
    width: 25%;
  }
  .ppd.en .animation047.Mobile .animation047-title .subtitle:nth-child(3) .subtitle-content {
    background-color: #2C497B;
  }
  .ppd.en .animation047.Mobile .animation047-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    grid-gap: 2rem;
    gap: 2rem;
  }
  .ppd.en .animation047.Mobile .animation047-content .animation047-item {
    display: flex;
    flex-direction: column;
    width: 100%;
    border: 1px solid #E1E2E3;
  }
  .ppd.en .animation047.Mobile .animation047-content .animation047-item .animation047-title .subtitle:nth-child(1) {
    width: 25%;
  }
  .ppd.en .animation047.Mobile .animation047-content .animation047-item .animation047-title .subtitle:nth-child(2) {
    width: 50%;
  }
  .ppd.en .animation047.Mobile .animation047-content .animation047-item .animation047-title .subtitle:nth-child(3) {
    width: 25%;
  }
  .ppd.en .animation047.Mobile .animation047-content .animation047-item .animation047-item-content .sub-item-container {
    display: flex;
    flex-direction: row;
  }
  .ppd.en .animation047.Mobile .animation047-content .animation047-item .animation047-item-content .sub-item-container .sub-item .detail {
    padding: 1rem 0.5rem;
    font-size: 1.4rem;
  }
  .ppd.en .animation047.Mobile .animation047-content .animation047-item .animation047-item-content .sub-item-container .sub-item .sub-item-type {
    color: white;
    background: url(data:image/png;base64,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) no-repeat left center / 100% 60px;
    height: 5rem;
    display: flex;
    align-items: center;
    margin-top: 1rem;
    padding-left: 0.5rem;
    font-size: 1.4rem;
    font-weight: 500;
  }
  .ppd.en .animation047.Mobile .animation047-content .animation047-item .animation047-item-content .sub-item-container .sub-item:nth-child(1) {
    width: 25%;
    padding: 0;
    margin-top: 1rem;
    align-items: flex-start;
  }
  .ppd.en .animation047.Mobile .animation047-content .animation047-item .animation047-item-content .sub-item-container .sub-item:nth-child(2) {
    width: 75%;
    flex-direction: column;
    align-items: flex-start;
  }
  .ppd.en .animation047.Mobile .animation047-content .animation047-item {
    background-color: #F8F8F8;
  }
  .ppd.en .animation047.Mobile .animation047-content .animation047-item .animation047-item-content {
    position: relative;
  }
  .ppd.en .animation047.Mobile .animation047-content .animation047-item .animation047-item-content .click-point1 {
    position: absolute;
    width: 70px;
    right: -35px;
    bottom: -35px;
    transform: rotate(315deg);
  }
  .ppd.en .animation047.Mobile .animation047-content .animation047-item .sub-item {
    font-size: 16px;
    display: flex;
    align-items: center;
    padding: 1rem 0.5rem;
    line-height: 1.5;
  }
  .ppd.en .animation047.Mobile .animation047-content .animation047-item .sub-item a {
    text-decoration: underline;
    color: #6F7AE2;
  }
}

.ppd .component002 {
  display: flex;
  width: 70%;
  margin: auto;
}
.ppd .component002 .component002-section {
  flex: 1 1;
  padding: 0 20px;
}
.ppd .component002 .component002-section .component002-title {
  text-align: center;
  font-size: 24px;
  line-height: 1.5;
  font-weight: 600;
  color: white;
  padding: 20px 0;
  border-radius: 10px;
}
.ppd .component002 .component002-section .component002-body {
  padding-top: 20px;
}
.ppd .component002 .component002-section .component002-body .component002-content {
  box-shadow: 0px 10px 50px rgba(34, 47, 62, 0.1);
  border-radius: 20px;
  padding: 3rem;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  grid-gap: 2rem;
  gap: 2rem;
  height: 496px;
}
.ppd .component002 .component002-section .component002-body .component002-content .component002-content-body {
  width: calc(50% - 2rem);
  display: flex;
  flex-direction: row;
  align-items: center;
  grid-gap: 20px;
  gap: 20px;
  height: 40px;
}
.ppd .component002 .component002-section .component002-body .component002-content .component002-content-body .component002-content-body-text {
  font-size: 20px;
  line-height: 1.5;
}
.ppd.en .component002 .component002-section .component002-body .component002-content .component002-content-body .component002-content-body-text {
  line-height: 1.3;
}
@media (max-width: 1024px) {
  .ppd .component002 {
    width: 90%;
  }
  .ppd .component002 .component002-section .component002-title {
    font-size: 2rem;
  }
  .ppd .component002 .component002-section .component002-body .component002-content {
    height: 400px;
  }
  .ppd .component002 .component002-section .component002-body .component002-content .component002-content-body .component002-content-body-text {
    font-size: 1.6rem;
  }
  .ppd.en .component002 .component002-section .component002-title {
    font-size: 1.8rem;
  }
}
@media (max-width: 480px) {
  .ppd .component002 {
    width: 100%;
    flex-direction: column;
    grid-gap: 4rem;
    gap: 4rem;
  }
  .ppd .component002 .component002-section .component002-title {
    font-size: 1.8rem;
  }
  .ppd .component002 .component002-section .component002-body .component002-content {
    flex-wrap: nowrap;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .ppd .component002 .component002-section .component002-body .component002-content .component002-content-body {
    width: 100%;
  }
  .ppd .component002 .component002-section .component002-body .component002-content .component002-content-body .component002-content-body-text {
    font-size: 1.4rem;
  }
}

.cyber-security-training-page.course-page.ppd {
  width: 100%;
}
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content {
  min-width: auto;
}
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content {
  min-height: 800px;
}
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content.quiz .course-landing .landing-img {
  position: relative;
}
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content.quiz .course-landing .landing-img img {
  top: unset;
  width: auto;
  max-height: 700px;
}
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .quiz-section {
  position: relative;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .course-landing.ppd .course-landing-content {
    min-height: calc(95vh - 44px) !important;
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .course-landing.ppd .course-landing-text .description {
    width: 50%;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .course-landing.ppd .course-landing-content {
    min-height: calc(75vh - 44px) !important;
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .course-landing.ppd .course-landing-text .title > div {
    font-size: 2.4rem !important;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .course-landing.ppd .course-landing-content {
    min-height: calc(65vh - 44px) !important;
  }
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .course-landing.ppd .course-landing-content .course-landing-text .description {
    width: 90%;
  }
}


.ppd.cyber-security-training-page.course-page .ant-layout-content .course-body .next-topic-button {
  background-color: #6F7AE2 !important;
}
.ppd.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .title {
  border-color: #6F7AE2;
}
.ppd.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .title .l2 {
  color: #6F7AE2;
}
.ppd.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body {
  border-color: #6F7AE2 !important;
}
.ppd.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-last-button {
  border-color: #6F7AE2;
}
.ppd.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-last-button span {
  color: #6F7AE2;
}
.ppd.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-submit-button {
  background-color: #6F7AE2 !important;
}
.ppd.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-submit-button[disabled] {
  background-color: rgba(255, 112, 67, 0.6);
  border-color: #6F7AE2 !important;
}
.ppd.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area.correct .ant-btn-link {
  color: #0CA3A3;
}
.ppd.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area.wrong .ant-btn-link {
  color: #E7444E;
}
.ppd.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
  background: #6F7AE2;
}
.ppd.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab.active .number {
  border-color: #6F7AE2;
}
.ppd.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .course-landing {
  background: rgba(255, 112, 67, 0.3);
}
.ppd.cyber-security-training-page.course-page .ant-layout-content .ant-radio-checked .ant-radio-inner {
  border-color: #6F7AE2;
}
.ppd.cyber-security-training-page.course-page .ant-layout-content .ant-radio-inner::after {
  background-color: #6F7AE2;
}
.ppd.cyber-security-training-page.course-page .ant-layout-content .ant-radio-wrapper:hover .ant-radio,
.ppd.cyber-security-training-page.course-page .ant-layout-content .ant-radio:hover .ant-radio-inner,
.ppd.cyber-security-training-page.course-page .ant-layout-content .ant-radio-input:focus + .ant-radio-inner {
  border-color: #6F7AE2;
}
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content.quiz .progress .progress-line {
  background-color: #6F7AE2;
}
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass .cert-download-input .cert-download-button {
  background-color: #6F7AE2;
}

.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .conversation.dataLeakage .conversation-line1 .avater {
  margin-top: 3%;
}
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .conversation.dataLeakage .conversation-line1 .conversation-message {
  width: 45vw;
  height: 10vw;
}
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .conversation.dataLeakage .conversation-line1 .conversation-message .conversation-message-text {
  line-height: 1.2;
  font-size: 20px;
  font-weight: 400;
  z-index: 10;
  position: relative;
  height: 100%;
  display: flex;
  text-align: center;
  padding: 1vw 3vw 1vw 11vw;
  justify-content: center;
  align-items: center;
}
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .conversation.dataLeakage .conversation-line2 .avater {
  margin-top: 4%;
}
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .conversation.dataLeakage .conversation-line2 .conversation-message {
  width: 45vw;
  height: 10vw;
}
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .conversation.dataLeakage .conversation-line2 .conversation-message .conversation-message-text {
  line-height: 1.2;
  font-size: 20px;
  padding: 1vw 11vw 1vw 3vw;
}
.cyber-security-training-page.course-page.dataLeakage.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.dataLeakage .conversation-line1 .avater {
  margin-top: 6%;
}
.cyber-security-training-page.course-page.dataLeakage.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.dataLeakage .conversation-line1 .conversation-message {
  height: 24vh;
}
.cyber-security-training-page.course-page.dataLeakage.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.dataLeakage .conversation-line1 .conversation-message .conversation-message-text {
  font-size: 18px;
}
.cyber-security-training-page.course-page.dataLeakage.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.dataLeakage .conversation-line2 .conversation-message .conversation-message-text {
  font-size: 18px;
}

@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .conversation {
    width: calc(100% + 4rem);
    margin-left: -2rem;
  }
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .conversation .avater {
    width: 12vw !important;
    height: 12vw !important;
  }
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message {
    width: 56vw !important;
    height: 12vw !important;
  }
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message-text {
    font-size: 1.5vw !important;
  }
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message-text {
    padding: 1vw 3vw 1vw 14vw !important;
  }
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message-text {
    padding: 1vw 14vw 1vw 5vw !important;
  }
  .cyber-security-training-page.course-page.dataLeakage.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.dataLeakage .conversation-line1 .avater {
    margin-top: 5%;
  }
  .cyber-security-training-page.course-page.dataLeakage.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.dataLeakage .conversation-line1 .conversation-message {
    height: 15vw;
  }
  .cyber-security-training-page.course-page.dataLeakage.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.dataLeakage .conversation-line2 .avater {
    margin-top: 2%;
  }
  .cyber-security-training-page.course-page.dataLeakage.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.dataLeakage .conversation-line2 .conversation-message {
    height: 13vw;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message-text {
    font-size: 1.6rem !important;
  }
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .avater {
    margin-top: 10%;
  }
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message {
    width: 75vw !important;
    height: 14vw !important;
  }
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 {
    margin-bottom: 3rem;
  }
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .avater {
    margin-top: 5%;
  }
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message {
    width: 75vw !important;
    height: 14vw !important;
  }
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message .conversation-message-text {
    font-size: 1.6vw;
    line-height: 1.2;
    padding: 1vw 12vw 1vw 3vw;
  }
  .cyber-security-training-page.course-page.dataLeakage.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.dataLeakage .conversation-line1 .avater {
    margin-top: 8%;
  }
  .cyber-security-training-page.course-page.dataLeakage.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.dataLeakage .conversation-line1 .conversation-message {
    height: 20vw !important;
  }
  .cyber-security-training-page.course-page.dataLeakage.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.dataLeakage .conversation-line1 .conversation-message .conversation-message-text {
    padding: 1vw 3vw 1vw 16vw !important;
  }
  .cyber-security-training-page.course-page.dataLeakage.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.dataLeakage .conversation-line2 .avater {
    margin-top: 4%;
  }
  .cyber-security-training-page.course-page.dataLeakage.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.dataLeakage .conversation-line2 .conversation-message {
    height: 20vw !important;
  }
  .cyber-security-training-page.course-page.dataLeakage.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.dataLeakage .conversation-line2 .conversation-message .conversation-message-text {
    padding: 1vw 16vw 1vw 5vw !important;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message {
    width: 75vw !important;
    height: 25vw !important;
  }
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message-text {
    font-size: 1.4rem !important;
  }
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .avater {
    margin-top: 15% !important;
  }
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message {
    width: 80vw !important;
    height: 30vw !important;
  }
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message .conversation-message-text {
    padding: 1vw 6vw 1vw 20vw !important;
  }
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 {
    margin-bottom: 3rem;
  }
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .avater {
    margin-top: 12% !important;
  }
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message {
    width: 80vw !important;
    height: 30vw !important;
  }
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message .conversation-message-text {
    font-size: 1.6vw;
    line-height: 1.2;
    padding: 4vw 20vw 3vw 8vw !important;
  }
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .conversation .click-point {
    position: absolute;
    width: 40px;
    transform: rotate(-45deg);
    z-index: 10;
    transition: all 800ms linear 0s;
    top: 12rem;
    left: 5rem;
  }
  .cyber-security-training-page.course-page.dataLeakage.en .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .avater {
    margin-top: 15% !important;
  }
  .cyber-security-training-page.course-page.dataLeakage.en .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message {
    height: 30vw !important;
  }
  .cyber-security-training-page.course-page.dataLeakage.en .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message .conversation-message-text {
    padding: 2vw 4vw 2vw 17vw !important;
  }
  .cyber-security-training-page.course-page.dataLeakage.en .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .avater {
    margin-top: 12% !important;
  }
  .cyber-security-training-page.course-page.dataLeakage.en .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message {
    height: 30vw !important;
  }
  .cyber-security-training-page.course-page.dataLeakage.en .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message .conversation-message-text {
    padding: 1vw 16vw 1vw 5vw !important;
  }
  .cyber-security-training-page.course-page.dataLeakage.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.dataLeakage .conversation-line1 .avater {
    margin-top: 30% !important;
  }
  .cyber-security-training-page.course-page.dataLeakage.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.dataLeakage .conversation-line1 .conversation-message {
    height: 50vw !important;
  }
  .cyber-security-training-page.course-page.dataLeakage.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.dataLeakage .conversation-line1 .conversation-message .conversation-message-text {
    padding: 1vw 6vw 1vw 20vw !important;
  }
  .cyber-security-training-page.course-page.dataLeakage.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.dataLeakage .conversation-line2 .avater {
    margin-top: 16% !important;
  }
  .cyber-security-training-page.course-page.dataLeakage.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.dataLeakage .conversation-line2 .conversation-message {
    height: 40vw !important;
  }
}

.dataLeakage .animation008 {
  margin-right: 0;
  padding-bottom: 0;
}
.dataLeakage .animation008 .animation008-tip {
  color: #fff;
  font-size: 22px;
  line-height: 1.4;
  font-weight: 600;
  background-color: #E18470;
  border-radius: 16px;
  padding: 20px 40px;
  margin-bottom: 3.5rem;
}
.dataLeakage .animation008 .animation008-tip .animation008-tip-text a {
  color: #fff;
  text-decoration: underline;
}
.dataLeakage .animation008 .animation008-content {
  display: flex;
  grid-gap: 1rem;
  gap: 1rem;
  justify-content: space-between;
  padding-right: 0;
  flex-wrap: wrap;
  width: 90%;
  margin: auto;
}
.dataLeakage .animation008 .animation008-content .animation008-item {
  flex: 1 1;
  position: relative;
  display: flex;
  flex-direction: column;
  grid-gap: 10px;
  gap: 10px;
  padding: 15px 20px 30px 20px;
  border-radius: 60px 4px;
  color: #fff;
  cursor: pointer;
}
.dataLeakage .animation008 .animation008-content .animation008-item .animation008-header {
  display: flex;
  justify-content: center;
}
.dataLeakage .animation008 .animation008-content .animation008-item .animation008-header > .subtitle {
  font-size: 3.5rem;
  position: relative;
}
.dataLeakage .animation008 .animation008-content .animation008-item .animation008-header > .subtitle .arrow {
  height: 100%;
  position: absolute;
  top: 0;
  right: -50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dataLeakage .animation008 .animation008-content .animation008-item .animation008-header > .subtitle .arrow img {
  width: 100%;
}
.dataLeakage .animation008 .animation008-content .animation008-item .animation008-header > .subtitle .arrow.r5 {
  display: none;
}
.dataLeakage .animation008 .animation008-content .animation008-item .animation008-top {
  padding: 0;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  min-height: 60px;
}
.dataLeakage .animation008 .animation008-content .animation008-item .animation008-text {
  padding: 0;
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
  min-height: unset;
}
.dataLeakage.en .animation008 .animation008-content .animation008-item .animation008-top {
  line-height: 1.2;
}
.dataLeakage.en .animation008 .animation008-content .animation008-item .animation008-text {
  line-height: 1.2;
}
@media (max-width: 1024px) {
  .dataLeakage .animation008 .animation008-tip {
    font-size: 1.6rem;
  }
  .dataLeakage .animation008 .animation008-content {
    width: 100%;
  }
  .dataLeakage .animation008 .animation008-content .animation008-item .animation008-header > .subtitle {
    font-size: 3rem;
  }
  .dataLeakage .animation008 .animation008-content .animation008-item .animation008-top {
    font-size: 1.8rem;
  }
  .dataLeakage .animation008 .animation008-content .animation008-item .animation008-text {
    font-size: 1.6rem;
  }
  .dataLeakage.en .animation008 .animation008-content .animation008-item .animation008-top {
    height: 88px;
  }
}
@media (max-width: 768px) {
  .dataLeakage .animation008 .animation008-tip {
    font-size: 1.6rem;
  }
  .dataLeakage .animation008 .animation008-content {
    width: 100%;
  }
  .dataLeakage .animation008 .animation008-content .animation008-item .animation008-header > .subtitle {
    font-size: 3rem;
  }
  .dataLeakage .animation008 .animation008-content .animation008-item .animation008-top {
    font-size: 1.6rem;
    height: unset;
    min-height: 48px;
  }
  .dataLeakage .animation008 .animation008-content .animation008-item .animation008-text {
    font-size: 1.4rem;
  }
  .dataLeakage.en .animation008 .animation008-content {
    justify-content: flex-start;
  }
  .dataLeakage.en .animation008 .animation008-content .animation008-item {
    flex: unset;
  }
  .dataLeakage.en .animation008 .animation008-content .animation008-item .animation008-top {
    height: 48px;
  }
}
@media (max-width: 480px) {
  .dataLeakage .animation008 .animation008-tip {
    font-size: 1.4rem;
  }
  .dataLeakage .animation008 .animation008-content {
    width: 100%;
    flex-direction: column;
  }
  .dataLeakage .animation008 .animation008-content .animation008-item {
    width: 90% !important;
    margin: auto;
  }
  .dataLeakage .animation008 .animation008-content .animation008-item .animation008-top {
    font-size: 1.6rem;
    min-height: unset;
  }
  .dataLeakage.en .animation008 .animation008-content .animation008-item .animation008-top {
    height: 48px;
  }
}

.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .animation027.component {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  max-width: 1200px;
  margin: auto;
  margin-bottom: 0 !important;
}
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .animation027.component .animation027-tip {
  width: 20%;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .animation027.component .animation027-tip .tip {
  background-image: url(/static/media/9881.3dcc291c.png);
  background-size: cover;
  height: 35rem;
  width: 13.8rem;
  text-align: center;
  padding-top: 140px;
  padding-bottom: 350px;
  display: flex;
  align-items: center;
  font-size: 20px;
  line-height: 1.5;
  font-weight: 500;
  padding-top: 115px;
  padding-bottom: 290px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .animation027.component .animation027-content {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-right: 0;
  position: relative;
  flex-wrap: wrap;
  width: 75%;
}
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .animation027.component .animation027-content .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
}
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .animation027.component .animation027-content .animation027-item {
  width: 25%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .animation027.component .animation027-content .animation027-item .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  right: -50px;
  bottom: -25px;
}
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .animation027.component .animation027-content .animation027-item .animation027-color-div {
  height: 6rem;
  width: 90%;
  border-width: 1rem 1.5rem 1rem 1.5rem;
  border-color: black;
  border-style: solid;
}
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .animation027.component .animation027-content .animation027-item .animation027-color-div .animation027-title {
  color: #ffffff;
  width: 95%;
  font-size: 3.5rem;
  line-height: 4rem;
  height: 4rem;
  display: flex;
  justify-content: center;
}
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .animation027.component .animation027-content .animation027-item .animation027-text {
  width: 90%;
  height: 140px;
  background-size: 100%;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.5;
  color: #121212;
  padding-top: 1rem;
  display: flex;
  justify-content: flex-start;
  cursor: pointer;
}
.cyber-security-training-page.course-page.dataLeakage.en .ant-layout-content .course-body .course-body-content .animation027.component .animation027-content .animation027-item .animation027-text {
  line-height: 1.2;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .component.animation027 .animation027-tip {
    display: none;
  }
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .component.animation027 .animation027-content {
    flex-wrap: wrap;
    padding-right: 0;
    width: 100%;
  }
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .component.animation027 .animation027-content .animation027-item .animation027-text {
    font-size: 1.6rem;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .component.animation027 .animation027-content .animation027-item .animation027-text {
    font-size: 1.4rem;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .component.animation027 .animation027-content .animation027-item {
    width: 50% !important;
  }
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .component.animation027 .animation027-content .animation027-item .animation027-text {
    font-size: 1.4rem;
    height: unset;
    margin-bottom: 2rem;
  }
  .cyber-security-training-page.course-page.dataLeakage.en .ant-layout-content .course-body .course-body-content .animation027.component .animation027-content .animation027-item .animation027-text {
    min-height: 120px;
  }
}

.dataLeakage .animation047 {
  padding-right: 0;
  display: block;
  width: 70%;
  margin: auto;
  margin-top: -12rem !important;
}
.dataLeakage .animation047 .animation047-title {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.dataLeakage .animation047 .animation047-title .subtitle {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.dataLeakage .animation047 .animation047-title .subtitle .subtitle-icon {
  width: 85px;
}
.dataLeakage .animation047 .animation047-title .subtitle .subtitle-content {
  font-size: 20px;
  font-weight: 600;
  color: white;
  padding: 1rem 0.5rem;
  width: 100%;
}
.dataLeakage .animation047 .animation047-title .subtitle .click-point {
  position: absolute;
  width: 70px;
  right: -35px;
  bottom: -35px;
  transform: rotate(315deg);
}
.dataLeakage .animation047 .animation047-title .subtitle:nth-child(1) {
  width: 30%;
}
.dataLeakage .animation047 .animation047-title .subtitle:nth-child(1) .subtitle-content {
  background-color: #E33F0B;
}
.dataLeakage .animation047 .animation047-title .subtitle:nth-child(2) {
  width: 70%;
}
.dataLeakage .animation047 .animation047-title .subtitle:nth-child(2) .subtitle-content {
  background-color: #20BA5D;
}
.dataLeakage .animation047 .animation047-content {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.dataLeakage .animation047 .animation047-content .animation047-item {
  display: flex;
  flex-direction: row;
  width: 100%;
  border: 1px solid #E1E2E3;
}
.dataLeakage .animation047 .animation047-content .animation047-item .sub-item {
  font-size: 16px;
  display: flex;
  align-items: center;
  padding: 1rem 0.5rem;
  line-height: 1.5;
}
.dataLeakage .animation047 .animation047-content .animation047-item .sub-item:nth-child(1) {
  width: 30%;
  color: white;
  font-weight: 600;
  padding-right: 16px;
  background: url(data:image/png;base64,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) no-repeat left center / 100% 60px;
}
.dataLeakage .animation047 .animation047-content .animation047-item .sub-item:nth-child(2) {
  width: 70%;
  padding: 1rem;
}
.dataLeakage .animation047 .animation047-content .animation047-item:nth-child(odd) {
  background-color: #F8F8F8;
}
.dataLeakage.en .animation047 {
  margin-top: -20rem !important;
}
.dataLeakage.en .animation047 .animation047-content .animation047-item .sub-item {
  line-height: 1.2;
}
@media (max-width: 1024px) {
  .dataLeakage .animation047 {
    margin-top: -9.5rem !important;
    width: 100%;
  }
  .dataLeakage.en .animation047 {
    margin-top: -9rem !important;
  }
}
@media (max-width: 768px) {
  .dataLeakage .animation047 {
    margin-top: -6rem !important;
    width: 100%;
  }
  .dataLeakage .animation047 .animation047-title .subtitle .subtitle-icon {
    width: 55px;
  }
  .dataLeakage .animation047 .animation047-title .subtitle .subtitle-content {
    font-size: 1.6rem;
  }
  .dataLeakage .animation047 .animation047-content .animation047-item .sub-item {
    font-size: 1.4rem;
  }
  .dataLeakage.en .animation047 {
    margin-top: -4rem !important;
  }
}
@media (max-width: 480px) {
  .dataLeakage .animation047 {
    margin-top: -6rem !important;
    width: 100%;
  }
  .dataLeakage .animation047 .animation047-title .subtitle .subtitle-icon {
    width: 55px;
  }
  .dataLeakage .animation047 .animation047-title .subtitle .subtitle-content {
    font-size: 1.6rem;
  }
  .dataLeakage .animation047 .animation047-title .subtitle:nth-child(1) {
    width: 40%;
  }
  .dataLeakage .animation047 .animation047-title .subtitle:nth-child(2) {
    width: 60%;
  }
  .dataLeakage .animation047 .animation047-content .animation047-item .sub-item {
    font-size: 1.4rem;
  }
  .dataLeakage .animation047 .animation047-content .animation047-item .sub-item:nth-child(1) {
    width: 40%;
    background: url(data:image/png;base64,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) no-repeat left center / 100% 100px;
  }
  .dataLeakage .animation047 .animation047-content .animation047-item .sub-item:nth-child(2) {
    width: 60%;
  }
  .dataLeakage .animation047 .animation047-content .animation047-item .sub-item:nth-child(2) ul {
    -webkit-padding-start: 20px;
            padding-inline-start: 20px;
  }
}

.dataLeakage .animation048 {
  margin-right: 0;
  padding-bottom: 0;
  width: 100%;
  max-width: 1024px;
  margin: auto;
  margin-top: -8rem !important;
}
.dataLeakage .animation048 .animation048-content {
  display: flex;
  grid-gap: 1rem;
  gap: 1rem;
  justify-content: space-between;
  padding-right: 0;
  flex-wrap: wrap;
}
.dataLeakage .animation048 .animation048-content .animation048-item {
  flex: 1 1;
  position: relative;
  display: flex;
  flex-direction: column;
  grid-gap: 10px;
  gap: 10px;
  padding: 30px;
  border-radius: 60px 4px;
  color: #fff;
  cursor: pointer;
}
.dataLeakage .animation048 .animation048-content .animation048-item .animation048-text {
  padding: 0;
  font-size: 20px;
  line-height: 1.5;
  text-align: left;
  min-height: unset;
}
.dataLeakage .animation048 .animation048-content .animation048-item .click-point {
  position: absolute;
  width: 70px;
  right: -35px;
  bottom: -35px;
  transform: rotate(315deg);
}
.dataLeakage.en .animation048 {
  max-width: 1280px;
}
.dataLeakage.en .animation048 .animation048-content .animation048-item {
  padding: 50px 30px;
}
.dataLeakage.en .animation048 .animation048-content .animation048-item .animation048-text {
  line-height: 1.2;
}
@media (max-width: 1024px) {
  .dataLeakage .animation048 {
    margin-top: 0 !important;
  }
  .dataLeakage .animation048 .animation048-content .animation048-item .animation048-text {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
@media (max-width: 768px) {
  .dataLeakage .animation048 .animation048-content .animation048-item .animation048-text {
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .dataLeakage.en .animation048 .animation048-content .animation048-item {
    padding: 30px 20px;
  }
}
@media (max-width: 480px) {
  .dataLeakage .animation048 .animation048-content {
    flex-direction: column;
  }
  .dataLeakage .animation048 .animation048-content .animation048-item {
    width: 100% !important;
    padding: 30px 60px;
  }
  .dataLeakage .animation048 .animation048-content .animation048-item .animation048-text {
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .dataLeakage.en .animation048 {
    width: 80%;
    margin: auto;
  }
  .dataLeakage.en .animation048 .animation048-content .animation048-item {
    padding: 30px 50px;
    min-height: 150px;
  }
}

.dataLeakage .component002 .cando-section .can-do .cando-body .cando-content ul li,
.dataLeakage .component002 .cando-section .can-not-do .cando-body .cando-content ul li {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 1rem;
}
.dataLeakage .component002 .cando-section .can-do .cando-body .cando-content ul li .cando-content-body,
.dataLeakage .component002 .cando-section .can-not-do .cando-body .cando-content ul li .cando-content-body {
  display: flex;
  flex-direction: row;
}
.dataLeakage .component002 .cando-section .can-do .cando-body .cando-content ul li .cando-content-body .dataLeakage-c002-1,
.dataLeakage .component002 .cando-section .can-not-do .cando-body .cando-content ul li .cando-content-body .dataLeakage-c002-1 {
  text-decoration: underline;
}
.dataLeakage .component002 .cando-section .can-do .cando-body .cando-content ul li .cando-content-body .dataLeakage-c002-2,
.dataLeakage .component002 .cando-section .can-not-do .cando-body .cando-content ul li .cando-content-body .dataLeakage-c002-2 {
  text-decoration: underline;
}
@media (max-width: 1024px) {
  .dataLeakage .component002 .cando-section .can-do .cando-body .cando-content ul li,
  .dataLeakage .component002 .cando-section .can-not-do .cando-body .cando-content ul li {
    font-size: 1.6rem;
  }
}
@media (max-width: 768px) {
  .dataLeakage .component002 .cando-section .can-do,
  .dataLeakage .component002 .cando-section .can-not-do {
    margin-bottom: 5rem;
  }
  .dataLeakage .component002 .cando-section .can-do .cando-title,
  .dataLeakage .component002 .cando-section .can-not-do .cando-title {
    height: 4rem;
    font-size: 1.6rem;
  }
  .dataLeakage .component002 .cando-section .can-do .cando-body .cando-content ul li,
  .dataLeakage .component002 .cando-section .can-not-do .cando-body .cando-content ul li {
    font-size: 1.4rem;
  }
}

.dataLeakage .component003 {
  position: relative;
}
.dataLeakage .component003 .component003-title {
  position: absolute;
  left: 2.5%;
  top: 5%;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.2;
}
.dataLeakage .component003 .component003-tip {
  border: 1px solid #000;
  border-radius: 47%;
  position: absolute;
  font-size: 1.5rem;
  padding: 4rem;
  text-align: left;
  max-width: 42rem;
  min-height: 9rem;
  display: flex;
  align-items: center;
}
.dataLeakage .component003 .component003-tip .tip-text {
  z-index: 1;
}
.dataLeakage .component003 .tip-arrow {
  position: absolute;
  left: -82px;
  top: calc(50% - 15px);
  background: #fff;
  height: 24px;
  width: 128px;
}
.dataLeakage .component003 .tip-arrow .line1 {
  width: 64px;
  height: 1px;
  background: #000;
  transform: rotate(-12deg);
  position: absolute;
  top: 5px;
  right: 43px;
}
.dataLeakage .component003 .tip-arrow .line2 {
  width: 61px;
  height: 1px;
  background: #000;
  transform: rotate(12deg);
  position: absolute;
  bottom: 5px;
  right: 46px;
}
.dataLeakage .component003.position-left img {
  max-width: 40vw;
  position: relative;
  z-index: 11;
}
.dataLeakage .component003.position-left .component003-tip {
  margin-left: 300px;
  padding: 3rem 4rem;
  font-size: 20px;
  line-height: 1.5;
}
.dataLeakage .component003.position-left.dataLeakage-c003-2 img {
  margin-top: 2%;
}
.dataLeakage .component003.position-left.dataLeakage-c003-2 .component003-tip {
  margin-left: 225px;
}
.dataLeakage .component003.position-right {
  text-align: right;
}
.dataLeakage .component003.position-right img {
  max-width: 12vw;
  position: relative;
  z-index: 11;
  margin-top: 2%;
}
.dataLeakage .component003.position-right .component003-tip {
  right: 0;
  margin-right: 14%;
  padding: 3rem;
  z-index: 11;
  font-size: 20px;
  line-height: 1.5;
}
.dataLeakage .component003.position-right .component003-tip .tip-arrow {
  left: unset;
  right: -105px;
  top: calc(50% - 15px);
}
.dataLeakage .component003.position-right .component003-tip .tip-arrow .line1 {
  transform: rotate(12deg);
  position: absolute;
  width: 63px;
  top: 5px;
  right: 46px;
}
.dataLeakage .component003.position-right .component003-tip .tip-arrow .line2 {
  transform: rotate(-12deg);
  position: absolute;
  bottom: 5px;
  right: 46px;
}
.dataLeakage .component003.position-right.dataLeakage-c003-1 img {
  margin-top: 4%;
  max-width: 15vw;
}
.dataLeakage .component003.position-right.dataLeakage-c003-3 {
  width: 70%;
  margin: auto;
  margin-bottom: 10rem;
}
.dataLeakage .component003.position-right.dataLeakage-c003-3 img {
  margin-top: 4%;
  max-width: 16vw;
}
.dataLeakage .component003.position-right.dataLeakage-c003-3 .component003-tip {
  margin-right: 25%;
  max-width: 35rem;
}
.dataLeakage .component003.position-right.dataLeakage-c003-4 img {
  margin-top: 3%;
  max-width: 15vw;
}
.dataLeakage .component003.position-right.dataLeakage-c003-5 img {
  margin-top: 4%;
}
.dataLeakage.en .component003 .component003-tip {
  font-size: 20px;
}
.dataLeakage.en .component003 .component003-tip .tip-text {
  line-height: 1.2;
}
.dataLeakage.en .component003.position-left.dataLeakage-c003-2 .component003-tip .tip-arrow {
  left: -80px;
}
.dataLeakage.en .component003.position-right.dataLeakage-c003-1 img {
  margin-top: 2%;
}
.dataLeakage.en .component003.position-right.dataLeakage-c003-1 .component003-tip .tip-arrow {
  right: -106px;
}
.dataLeakage.en .component003.position-right.dataLeakage-c003-1 .component003-tip .tip-arrow .line1 {
  width: 64px;
}
.dataLeakage.en .component003.position-right.dataLeakage-c003-3 .component003-tip {
  padding: 4rem 3rem;
}
.dataLeakage.en .component003.position-right.dataLeakage-c003-3 .component003-tip .tip-arrow {
  right: -107px;
}
.dataLeakage.en .component003.position-right.dataLeakage-c003-3 .component003-tip .tip-arrow .line1 {
  right: 45px;
}
.dataLeakage.en .component003.position-right.dataLeakage-c003-5 img {
  margin-top: 2%;
}
@media (max-width: 1024px) {
  .dataLeakage .component003.position-left .component003-tip {
    font-size: 1.6rem;
  }
  .dataLeakage .component003.position-left.dataLeakage-c003-2 img {
    max-width: 10vw;
    left: 5%;
  }
  .dataLeakage .component003.position-left.dataLeakage-c003-2 .component003-tip .tip-arrow {
    left: -80px;
  }
  .dataLeakage .component003.position-left.dataLeakage-c003-2 .component003-tip .tip-arrow .line1 {
    width: 66px;
    right: 40px;
  }
  .dataLeakage .component003.position-right .component003-tip {
    margin-right: 18%;
    font-size: 1.6rem;
  }
  .dataLeakage .component003.position-right.dataLeakage-c003-1 .component003-tip .tip-arrow .line1 {
    right: 48px;
  }
  .dataLeakage .component003.position-right.dataLeakage-c003-3 .component003-tip {
    max-width: 40rem;
    padding: 4rem;
    margin-right: 28%;
  }
  .dataLeakage .component003.position-right.dataLeakage-c003-3 .component003-tip .tip-arrow {
    right: -107px;
  }
  .dataLeakage .component003.position-right.dataLeakage-c003-4 img {
    max-width: 12vw;
  }
  .dataLeakage .component003.position-right.dataLeakage-c003-4 .component003-tip .tip-arrow .line1 {
    right: 48px;
  }
  .dataLeakage .component003.position-right.dataLeakage-c003-5 .component003-tip .tip-arrow .line1 {
    width: 64px;
    right: 47px;
  }
  .dataLeakage.en .component003.position-right .component003-tip {
    padding: 4rem;
  }
  .dataLeakage.en .component003.position-right.dataLeakage-c003-1 img {
    margin-top: 4%;
  }
  .dataLeakage.en .component003.position-right.dataLeakage-c003-1 .component003-tip .tip-arrow .line1 {
    right: 46px;
  }
  .dataLeakage.en .component003.position-right.dataLeakage-c003-3 img {
    margin-top: 12%;
  }
  .dataLeakage.en .component003.position-right.dataLeakage-c003-3 .component003-tip {
    padding: 5rem;
  }
  .dataLeakage.en .component003.position-right.dataLeakage-c003-4 .component003-tip .tip-arrow {
    right: -106px;
  }
  .dataLeakage.en .component003.position-right.dataLeakage-c003-4 .component003-tip .tip-arrow .line1 {
    right: 46px;
  }
  .dataLeakage.en .component003.position-right.dataLeakage-c003-5 img {
    margin-top: 4%;
  }
}
@media (max-width: 768px) {
  .dataLeakage .component003.position-left .component003-tip {
    font-size: 1.4rem;
  }
  .dataLeakage .component003.position-right .component003-tip {
    font-size: 1.4rem;
  }
  .dataLeakage .component003.position-right.dataLeakage-c003-1 .component003-tip .tip-arrow .line1 {
    right: 48px;
  }
  .dataLeakage .component003.position-right.dataLeakage-c003-3 img {
    margin-top: 10%;
  }
  .dataLeakage .component003.position-right.dataLeakage-c003-4 img {
    margin-top: 5%;
  }
  .dataLeakage .component003.position-right.dataLeakage-c003-5 img {
    margin-top: 5%;
    max-width: 15vw;
  }
  .dataLeakage.en .component003.position-left.dataLeakage-c003-2 .component003-tip .tip-arrow .line1 {
    width: 68px;
    right: 38px;
    transform: rotate(-11deg);
  }
  .dataLeakage.en .component003.position-right.dataLeakage-c003-1 img {
    margin-top: 6%;
  }
}
@media (max-width: 480px) {
  .dataLeakage .component003.position-left.dataLeakage-c003-2 img {
    max-width: 24vw;
    left: 0;
    margin-top: 8%;
  }
  .dataLeakage .component003.position-left.dataLeakage-c003-2 .component003-tip {
    margin-left: 125px;
  }
  .dataLeakage .component003.position-left.dataLeakage-c003-2 .component003-tip .tip-arrow {
    left: -81px;
  }
  .dataLeakage .component003.position-left.dataLeakage-c003-2 .component003-tip .tip-arrow .line1 {
    width: 63px;
    right: 44px;
  }
  .dataLeakage .component003.position-right.dataLeakage-c003-1 img {
    margin-top: 18%;
    max-width: 30vw;
  }
  .dataLeakage .component003.position-right.dataLeakage-c003-1 .component003-tip {
    margin-right: 38%;
  }
  .dataLeakage .component003.position-right.dataLeakage-c003-1 .component003-tip .tip-arrow {
    right: -106px;
  }
  .dataLeakage .component003.position-right.dataLeakage-c003-1 .component003-tip .tip-arrow .line1 {
    width: 60px;
  }
  .dataLeakage .component003.position-right.dataLeakage-c003-3 {
    width: 100%;
  }
  .dataLeakage .component003.position-right.dataLeakage-c003-3 img {
    margin-top: 26%;
    max-width: 30vw;
    right: -5%;
  }
  .dataLeakage .component003.position-right.dataLeakage-c003-3 .component003-tip {
    margin-right: 36%;
  }
  .dataLeakage .component003.position-right.dataLeakage-c003-4 img {
    margin-top: 16%;
    max-width: 30vw;
  }
  .dataLeakage .component003.position-right.dataLeakage-c003-4 .component003-tip {
    margin-right: 42%;
  }
  .dataLeakage .component003.position-right.dataLeakage-c003-4 .component003-tip .tip-arrow {
    right: -107px;
  }
  .dataLeakage .component003.position-right.dataLeakage-c003-4 .component003-tip .tip-arrow .line1 {
    right: 46px;
  }
  .dataLeakage .component003.position-right.dataLeakage-c003-5 img {
    margin-top: 16%;
    max-width: 30vw;
  }
  .dataLeakage .component003.position-right.dataLeakage-c003-5 .component003-tip {
    margin-right: 42%;
  }
  .dataLeakage .component003.position-right.dataLeakage-c003-5 .component003-tip .tip-arrow {
    right: -107px;
  }
  .dataLeakage .component003.position-right.dataLeakage-c003-5 .component003-tip .tip-arrow .line1 {
    right: 44px;
  }
  .dataLeakage.en .component003.position-left.dataLeakage-c003-2 img {
    margin-top: 12%;
  }
  .dataLeakage.en .component003.position-left.dataLeakage-c003-2 .component003-tip .tip-arrow {
    left: -81px;
  }
  .dataLeakage.en .component003.position-left.dataLeakage-c003-2 .component003-tip .tip-arrow .line1 {
    width: 62px;
    right: 45px;
    transform: rotate(-12deg);
  }
  .dataLeakage.en .component003.position-right .component003-tip {
    padding: 3rem;
  }
  .dataLeakage.en .component003.position-right.dataLeakage-c003-1 img {
    margin-top: 20%;
  }
  .dataLeakage.en .component003.position-right.dataLeakage-c003-1 .component003-tip .tip-arrow .line1 {
    width: 62px;
  }
  .dataLeakage.en .component003.position-right.dataLeakage-c003-3 img {
    margin-top: 50%;
  }
  .dataLeakage.en .component003.position-right.dataLeakage-c003-4 .component003-tip .tip-arrow .line1 {
    width: 61px;
  }
  .dataLeakage.en .component003.position-right.dataLeakage-c003-5 img {
    margin-top: 10%;
  }
  .dataLeakage.en .component003.position-right.dataLeakage-c003-5 .component003-tip .tip-arrow .line1 {
    right: 46px;
  }
}

.dataLeakage .RealCase.Moblie {
  display: none;
}
.dataLeakage .RealCase.Desktop {
  width: calc(100% + 7rem);
  margin-bottom: 10rem;
  position: relative;
}
.dataLeakage .RealCase.Desktop img {
  width: 100%;
  z-index: 1;
}
.dataLeakage .RealCase.Desktop.p1 .source1 {
  width: 13%;
  height: 3.5%;
  position: absolute;
  top: 81.5%;
  left: 44.5%;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: none;
  font-size: 24px;
  color: #595959;
  z-index: 2;
}
.dataLeakage.en .RealCase.Moblie {
  display: none;
}
.dataLeakage.en .RealCase.Desktop {
  width: calc(100% + 7rem);
  margin-left: -3.5rem;
  margin-right: 0;
  margin-bottom: 50px;
  position: relative;
}
.dataLeakage.en .RealCase.Desktop img {
  width: 100%;
  z-index: 1;
}
.dataLeakage.en .RealCase.Desktop.p1 .source1 {
  width: 30%;
  height: 3%;
  position: absolute;
  top: 84.5%;
  left: 44.5%;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: none;
  font-size: 24px;
  color: #595959;
  z-index: 2;
}
@media (max-width: 1024px) {
  .dataLeakage .RealCase.Desktop {
    width: calc(100% + 4rem);
    margin-left: -2rem;
    margin-bottom: 10rem;
  }
}
@media (max-width: 768px) {
  .dataLeakage .RealCase.Desktop {
    display: none;
  }
  .dataLeakage .RealCase.Moblie {
    display: block;
    width: calc(100% + 7rem);
    margin-left: -3.5rem;
    margin-right: 0;
    margin-bottom: 50px;
    position: relative;
  }
  .dataLeakage .RealCase.Moblie img {
    width: 100%;
    z-index: 1;
  }
  .dataLeakage .RealCase.Moblie.p1 .source1 {
    width: 40%;
    height: 1.5%;
    position: absolute;
    top: 91%;
    left: 4%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 24px;
    color: #595959;
    z-index: 2;
  }
  .dataLeakage.en .RealCase.Moblie {
    display: block;
    width: calc(100% + 7rem);
    margin-left: -3.5rem;
    margin-right: 0;
    margin-bottom: 50px;
    position: relative;
  }
  .dataLeakage.en .RealCase.Moblie img {
    width: 100%;
    z-index: 1;
  }
  .dataLeakage.en .RealCase.Moblie.p1 .source1 {
    width: 67%;
    height: 3.5%;
    position: absolute;
    top: 91%;
    left: 4%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 24px;
    color: #595959;
    z-index: 2;
  }
  .dataLeakage.sc .RealCase.Moblie {
    display: block;
    width: calc(100% + 7rem);
    margin-left: -3.5rem;
    margin-right: 0;
    margin-bottom: 50px;
    position: relative;
  }
  .dataLeakage.sc .RealCase.Moblie img {
    width: 100%;
    z-index: 1;
  }
  .dataLeakage.sc .RealCase.Moblie.p1 .source1 {
    width: 34%;
    height: 2%;
    position: absolute;
    top: 90%;
    left: 4%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 24px;
    color: #595959;
    z-index: 2;
  }
}

.cyber-security-training-page.course-page.dataLeakage {
  width: 100%;
}
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content {
  min-width: auto;
}
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content {
  min-height: 800px;
}
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content.quiz .course-landing .landing-img {
  position: relative;
}
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content.quiz .course-landing .landing-img img {
  top: unset;
  width: auto;
  max-height: 700px;
}
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .quiz-section {
  position: relative;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .course-landing.dataLeakage .course-landing-content {
    min-height: calc(70vh - 44px) !important;
  }
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .course-landing.dataLeakage .course-landing-text .description {
    width: 50%;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .course-landing.dataLeakage .course-landing-content {
    min-height: calc(52vh - 44px) !important;
  }
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .course-landing.dataLeakage .course-landing-text .title > div {
    font-size: 2.4rem !important;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .course-landing.dataLeakage .course-landing-content {
    min-height: calc(65vh - 44px) !important;
  }
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .course-landing.dataLeakage .course-landing-content .course-landing-text .description {
    width: 90%;
  }
}


.dataLeakage.cyber-security-training-page.course-page .ant-layout-content .course-body .next-topic-button {
  background-color: #E45A3C !important;
}
.dataLeakage.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .title {
  border-color: #E45A3C;
}
.dataLeakage.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .title .l2 {
  color: #E45A3C;
}
.dataLeakage.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body {
  border-color: #E45A3C !important;
}
.dataLeakage.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-last-button {
  border-color: #E45A3C;
}
.dataLeakage.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-last-button span {
  color: #E45A3C;
}
.dataLeakage.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-submit-button {
  background-color: #E45A3C !important;
}
.dataLeakage.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-submit-button[disabled] {
  background-color: rgba(255, 112, 67, 0.6);
  border-color: #E45A3C !important;
}
.dataLeakage.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area.correct .ant-btn-link {
  color: #0CA3A3;
}
.dataLeakage.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area.wrong .ant-btn-link {
  color: #E7444E;
}
.dataLeakage.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
  background: #E45A3C;
}
.dataLeakage.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab.active .number {
  border-color: #E45A3C;
}
.dataLeakage.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .course-landing {
  background: rgba(255, 112, 67, 0.3);
}
.dataLeakage.cyber-security-training-page.course-page .ant-layout-content .ant-radio-checked .ant-radio-inner {
  border-color: #E45A3C;
}
.dataLeakage.cyber-security-training-page.course-page .ant-layout-content .ant-radio-inner::after {
  background-color: #E45A3C;
}
.dataLeakage.cyber-security-training-page.course-page .ant-layout-content .ant-radio-wrapper:hover .ant-radio,
.dataLeakage.cyber-security-training-page.course-page .ant-layout-content .ant-radio:hover .ant-radio-inner,
.dataLeakage.cyber-security-training-page.course-page .ant-layout-content .ant-radio-input:focus + .ant-radio-inner {
  border-color: #E45A3C;
}
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content.quiz .progress .progress-line {
  background-color: #E45A3C;
}
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass .cert-download-input .cert-download-button {
  background-color: #E45A3C;
}

.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .conversation.whatsApp .conversation-line1 .avater {
  margin-top: 3%;
}
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .conversation.whatsApp .conversation-line1 .conversation-message {
  width: 45vw;
  height: 10vw;
}
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .conversation.whatsApp .conversation-line1 .conversation-message .conversation-message-text {
  line-height: 1.5;
  font-size: 20px;
  font-weight: 400;
  z-index: 10;
  position: relative;
  height: 100%;
  display: flex;
  text-align: center;
  padding: 1vw 3vw 1vw 11vw;
  justify-content: center;
  align-items: center;
}
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .conversation.whatsApp .conversation-line2 .avater {
  margin-top: 4%;
}
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .conversation.whatsApp .conversation-line2 .conversation-message {
  width: 45vw;
  height: 10vw;
}
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .conversation.whatsApp .conversation-line2 .conversation-message .conversation-message-text {
  line-height: 1.5;
  font-size: 20px;
  padding: 1vw 11vw 1vw 3vw;
}
.cyber-security-training-page.course-page.whatsApp.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.whatsApp .conversation-line1 .avater {
  margin-top: 4%;
}
.cyber-security-training-page.course-page.whatsApp.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.whatsApp .conversation-line1 .conversation-message {
  width: 45vw;
  height: 12vw;
}
.cyber-security-training-page.course-page.whatsApp.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.whatsApp .conversation-line1 .conversation-message .conversation-message-text {
  line-height: 1.2;
  font-size: 20px;
  font-weight: 400;
  z-index: 10;
  position: relative;
  height: 100%;
  display: flex;
  text-align: center;
  padding: 1vw 3vw 1vw 11vw;
  justify-content: center;
  align-items: center;
}
.cyber-security-training-page.course-page.whatsApp.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.whatsApp .conversation-line2 .conversation-message .conversation-message-text {
  line-height: 1.2;
}

@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .conversation {
    width: calc(100% + 4rem);
    margin-left: -2rem;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .conversation .avater {
    width: 12vw !important;
    height: 12vw !important;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message {
    width: 56vw !important;
    height: 12vw !important;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message-text {
    font-size: 1.5vw !important;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message-text {
    padding: 1vw 3vw 1vw 14vw !important;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message-text {
    padding: 1vw 14vw 1vw 5vw !important;
  }
  .cyber-security-training-page.course-page.whatsApp.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.whatsApp .conversation-line1 .avater {
    margin-top: 5%;
  }
  .cyber-security-training-page.course-page.whatsApp.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.whatsApp .conversation-line1 .conversation-message {
    height: 15vw !important;
  }
  .cyber-security-training-page.course-page.whatsApp.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.whatsApp .conversation-line2 .avater {
    margin-top: 2%;
  }
  .cyber-security-training-page.course-page.whatsApp.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.whatsApp .conversation-line2 .conversation-message {
    height: 13vw;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message-text {
    font-size: 1.6rem !important;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .avater {
    margin-top: 10%;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message {
    width: 75vw !important;
    height: 18vw !important;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message .conversation-message-text {
    padding: 1vw 5vw 1vw 18vw !important;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 {
    margin-bottom: 3rem;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .avater {
    margin-top: 5%;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message {
    width: 75vw !important;
    height: 14vw !important;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message .conversation-message-text {
    font-size: 1.6vw;
    line-height: 1.2;
    padding: 1vw 12vw 1vw 3vw;
  }
  .cyber-security-training-page.course-page.whatsApp.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.whatsApp .conversation-line1 .avater {
    margin-top: 10%;
  }
  .cyber-security-training-page.course-page.whatsApp.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.whatsApp .conversation-line1 .conversation-message {
    height: 20vw !important;
  }
  .cyber-security-training-page.course-page.whatsApp.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.whatsApp .conversation-line2 .avater {
    margin-top: 2%;
  }
  .cyber-security-training-page.course-page.whatsApp.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.whatsApp .conversation-line2 .conversation-message {
    height: 13vw;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message {
    width: 75vw !important;
    height: 25vw !important;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message-text {
    font-size: 1.4rem !important;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .avater {
    margin-top: 25% !important;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message {
    width: 80vw !important;
    height: 46vw !important;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message .conversation-message-text {
    padding: 1vw 6vw 1vw 20vw !important;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 {
    margin-bottom: 3rem;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .avater {
    margin-top: 12% !important;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message {
    width: 80vw !important;
    height: 30vw !important;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message .conversation-message-text {
    font-size: 1.6vw;
    line-height: 1.2;
    padding: 4vw 20vw 3vw 8vw !important;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .conversation .click-point {
    position: absolute;
    width: 40px;
    transform: rotate(-45deg);
    z-index: 10;
    transition: all 800ms linear 0s;
    top: 12rem;
    left: 5rem;
  }
  .cyber-security-training-page.course-page.whatsApp.en .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .avater {
    margin-top: 15% !important;
  }
  .cyber-security-training-page.course-page.whatsApp.en .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message {
    height: 30vw !important;
  }
  .cyber-security-training-page.course-page.whatsApp.en .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message .conversation-message-text {
    padding: 2vw 4vw 2vw 17vw !important;
  }
  .cyber-security-training-page.course-page.whatsApp.en .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .avater {
    margin-top: 12% !important;
  }
  .cyber-security-training-page.course-page.whatsApp.en .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message {
    height: 30vw !important;
  }
  .cyber-security-training-page.course-page.whatsApp.en .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message .conversation-message-text {
    padding: 1vw 16vw 1vw 5vw !important;
  }
  .cyber-security-training-page.course-page.whatsApp.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.whatsApp .conversation-line1 .avater {
    margin-top: 34% !important;
  }
  .cyber-security-training-page.course-page.whatsApp.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.whatsApp .conversation-line1 .conversation-message {
    width: 80vw !important;
    height: 55vw !important;
  }
  .cyber-security-training-page.course-page.whatsApp.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.whatsApp .conversation-line1 .conversation-message .conversation-message-text {
    padding: 4vw 5vw 2vw 19vw !important;
  }
  .cyber-security-training-page.course-page.whatsApp.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.whatsApp .conversation-line2 {
    margin-bottom: 3rem;
  }
  .cyber-security-training-page.course-page.whatsApp.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.whatsApp .conversation-line2 .avater {
    margin-top: 12% !important;
  }
  .cyber-security-training-page.course-page.whatsApp.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.whatsApp .conversation-line2 .conversation-message {
    width: 75vw !important;
    height: 30vw !important;
  }
  .cyber-security-training-page.course-page.whatsApp.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.whatsApp .conversation-line2 .conversation-message .conversation-message-text {
    font-size: 1.6vw;
    line-height: 1.2;
    padding: 6vw 20vw 3vw 8vw !important;
  }
  .cyber-security-training-page.course-page.whatsApp.en .ant-layout-content .course-body .course-body-content .topic-item .conversation .click-point {
    position: absolute;
    width: 40px;
    transform: rotate(-45deg);
    z-index: 10;
    transition: all 800ms linear 0s;
    top: 7rem;
    left: 5rem;
  }
}

.whatsApp .animation001 {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  max-width: 1200px;
  margin: auto;
}
.whatsApp .animation001 .animation001-tip {
  width: 20%;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.whatsApp .animation001 .animation001-tip .tip {
  background-image: url(/static/media/9881.3dcc291c.png);
  background-size: cover;
  height: 35rem;
  width: 13.8rem;
  text-align: center;
  padding-top: 140px;
  padding-bottom: 350px;
  display: flex;
  align-items: center;
  font-size: 20px;
  line-height: 1.5;
  font-weight: 500;
  padding-top: 115px;
  padding-bottom: 290px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.whatsApp .animation001 .animation001-2 {
  margin: auto;
  display: flex;
  justify-content: center;
  width: 80%;
  flex-wrap: wrap;
  grid-gap: 2rem;
  gap: 2rem;
}
.whatsApp .animation001 .animation001-2 .animation001-item {
  position: relative;
}
.whatsApp .animation001 .animation001-2 .animation001-item .click-point {
  position: absolute;
  z-index: 1;
  width: 110px;
  bottom: -110px;
  left: 30%;
}
.whatsApp .animation001 .animation001-2 .animation001-item {
  width: calc(33.33% - 2rem);
  cursor: pointer;
}
.whatsApp .animation001 .animation001-2 .animation001-item.item0 .animation001-body .text {
  background-color: #2791F2;
}
.whatsApp .animation001 .animation001-2 .animation001-item.item1 .animation001-body .text {
  background-color: #0DC1C1;
}
.whatsApp .animation001 .animation001-2 .animation001-item.item2 .animation001-body .text {
  background-color: #D23D21;
}
.whatsApp .animation001 .animation001-2 .animation001-item .animation001-body {
  text-align: center;
}
.whatsApp .animation001 .animation001-2 .animation001-item .animation001-body img {
  margin: auto;
  width: 100%;
}
.whatsApp .animation001 .animation001-2 .animation001-item .animation001-body .text {
  color: white;
  font-weight: 600;
  padding: 15px;
  font-size: 22px;
  line-height: 1.5;
  text-align: center;
}
.whatsApp .animation001 .animation001-2 .animation001-item .animation001-body .content {
  margin-top: 1rem;
  font-size: 20px;
  text-align: left;
  line-height: 1.5;
}
.cyber-security-training-page.course-page.whatsApp.en .ant-layout-content .course-body .course-body-content .animation001 .animation001-tip {
  width: 25%;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.cyber-security-training-page.course-page.whatsApp.en .ant-layout-content .course-body .course-body-content .animation001 .animation001-tip .tip {
  height: 45rem;
  width: 17.8rem;
  padding-top: 150px;
  padding-bottom: 376px;
  line-height: 1.2;
}
.cyber-security-training-page.course-page.whatsApp.en .ant-layout-content .course-body .course-body-content .animation001 .animation001-2 {
  margin: auto;
  display: flex;
  justify-content: center;
  width: 75%;
  flex-wrap: wrap;
  grid-gap: 2rem;
  gap: 2rem;
}
.cyber-security-training-page.course-page.whatsApp.en .ant-layout-content .course-body .course-body-content .animation001 .animation001-2 .animation001-item .animation001-body .text {
  line-height: 1.2;
  min-height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cyber-security-training-page.course-page.whatsApp.en .ant-layout-content .course-body .course-body-content .animation001 .animation001-2 .animation001-item .animation001-body .content {
  line-height: 1.2;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .animation001.whatsApp-animation001 .animation001-tip {
    display: none;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .animation001.whatsApp-animation001 .animation001-2 {
    width: 100%;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .animation001.whatsApp-animation001 .animation001-2 .animation001-item .animation001-body .text {
    font-size: 1.8rem;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .animation001.whatsApp-animation001 .animation001-2 .animation001-item .animation001-body .content {
    font-size: 1.6rem;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .animation001.whatsApp-animation001 .animation001-2 {
    width: 100%;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .animation001.whatsApp-animation001 .animation001-2 .animation001-item .animation001-body .text {
    font-size: 1.6rem;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .animation001.whatsApp-animation001 .animation001-2 .animation001-item .animation001-body .content {
    font-size: 1.4rem;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .animation001.whatsApp-animation001 .animation001-item .animation001-body .text {
    min-height: unset;
  }
}

.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004 {
  position: relative;
  margin-top: 48px;
}
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004.no-title {
  position: relative;
  z-index: 0;
  display: flex;
  justify-content: space-around;
  margin-bottom: -12rem !important;
}
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section {
  margin-left: -56px !important;
  width: 1000px;
  height: 460px;
  position: relative;
}
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004 .img-g5584 {
  position: absolute;
  z-index: 0;
  top: 164px;
}
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004 .animation004-title {
  background: url(data:image/png;base64,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);
  width: 317px;
  height: 184px;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  left: 100px;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2rem;
  padding: 1rem;
  text-align: center;
}
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section {
  margin-top: 0;
  position: relative;
  height: 100%;
}
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
}
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step {
  width: 180px;
  position: absolute;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  grid-gap: 1rem;
  gap: 1rem;
}
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .step-title {
  display: none;
}
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .text-title {
  font-size: 20px;
  line-height: 1.5;
  font-weight: 600;
  text-align: center;
}
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .text {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 0;
}
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .sub-task-text .view-more-btn {
  padding: 0;
  font-size: 24px;
  color: black;
  font-weight: 600;
  height: auto;
  position: relative;
}
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .sub-task-text .view-more-btn .click-point1 {
  width: 40px;
  cursor: pointer;
  position: absolute;
  left: unset;
  top: unset;
  bottom: -5px;
  right: -15px;
  transform: rotate(270deg);
}
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .indicator {
  width: 100%;
  line-height: 68.78px;
  display: flex;
  font-size: 26px;
  font-weight: 700;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .indicator.indicator-title {
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 0.625rem;
  justify-content: center;
  display: flex;
  min-height: 4rem;
  text-align: center;
}
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step img {
  position: absolute;
  width: 280px;
  left: -195px;
  bottom: -108px;
}
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step1 {
  top: auto;
  left: 0;
  bottom: 124px;
}
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step1 .indicator {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAABGCAYAAABmILAIAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAL1SURBVHgB7d1NkppAGIDhxiKLrOIRzG1yhBwhx5irZJdr5CSZXQ4QBVF+wtfFZ7WItDiiQL9PlaXDbHmnfwAnSr+/bQyATp9/vb3Hn+LijwFwYZck7/Xb15UBcCFJU5Nl2UY+xwbAme1uZw6Hw+lnIgEaVVXZQI7H49lxIgFqZVmaf9utKYri4ndEguDleW5HEAmlC5EgaPv93i7S+xAJgiSjxk7WH/Uo4kMkCI6MHmn9koX6LYgEwRgyeriIBEEYOnq4iASLJjtXuyTp3Nq9FZFgkezUqo6jfWHwHkSCRZHp1D7L7PTqnqlV299vPzZEgkV4dBwuIsGsjRmHIhLM0jPiUESCWZHdKrmNPatfY8ehiASzIHGkaTr4QuAjEAkm65lTqj5EgkmRGOTC36tGjS5Egkl4xVrjVkSCl5lyGC4iwVPNJQwXkWBUEoJEYeM4HmcThotI8FC68JZFd15HMZXF993imHu38DEahYwUcsdtXn+e42jRh0gwiNyCLjFIGDaOBUbRRiS4SoKQCIp6lNAp1NKD6EIksDHYIOoI5D2UEeJWRBIIOfnlpNcQdJTQ47iOSGZOv3VQRwA54fXEt8eaIHA/IpmI9snePqbvZX3yV84L4yOSkehJ7P6Fd//K261T5zOmi0gG0pPaLmybqczZsSYELAeRtOiitmgWtacFrzMaICzBRaK7OjoKnH5mBECHVWHWi4zktL3pjAa63QkMEUXlfCMhBDzL5CNxY9ArwVwAwzNNJhJiwFS9JBK9tTqkO0kxX6NGojtGemt13kQBzMlDI7G3UxMEFubuSGSU0Ec0mTJhyW6ORKZN8kC/PnzDVitCcTUSnTrZZ5cDfSINEKdIJIIsy2wcc/3qF2AMcSL/V67ZjgVwrqyidSzf2g2gWxRF65UB0ItIAA8iATyIBPAgEsCDSAAPIgE8iATwIBLAg0gADyIBelSV4bYUoM9qVX0hEsCDSAAPIgE8iATwIBLAg0gAj7gy1U8DoFNUVb//A1Rb9MBga6C3AAAAAElFTkSuQmCC);
}
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step1 img {
  left: -240px;
  bottom: -136px;
}
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step2 {
  top: auto;
  left: 270px;
  bottom: 167px;
}
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step2 .indicator {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAABFCAYAAADgtMKmAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALuSURBVHgB7dxBctowFIDhB/W+HIFtj9Eb9BS5Undd9U5Ztj1C2wkBbEvxMxYYsC2c2GDJ/zeTCTMkO/15km2yeH768UsAXNtkv7/8fPqaFC/XAuDcJhO7TVf6cikAzhWByDaVhQiRAFeqQOoSASBirchLEcc+v3qLSABTBPJ/J5LbxreJBPOWmSKQ/WGStCASzNem2F5tM++PEQnmJ9PzR/v26hKRYF5ei8nxmvb6FSLBPOjZ42V/8/SoIxLETQ/kOj1uOHu0IRLEy8Vh+0+POiJBfPSGoF65Mh+LQz1/+74mEsRDzx16KE+NDIlIEL6R4nCIBOEaOQ6HSBAWPYTv8sOBfIAzxy2IBGHQOLb5IFer+iISTNudtlRdiATT88Cp0YRIMA3urJHmD50aTYgEj6Nh6LNUup3SJ3MnMDWaEAnuS0PQO+L6NeEw6ogE4zNVGBPcSt2CSDA8t43aFwfvvbnb/YxRJBnPbmEA9Sj0e4DToguRoD+dDLp1ys0hiDzgSXEDIkE3W00GDSOrogjgsD0kIsGBLnzdJWXVhNDXMwyiCZHMiS54XfNZNRlMFUMW+OF6ZEQSCxeALnadBOVrc4rCvYfeiGSK3GIu/9rbUwDWnt7Tby4G9x5GQSRjOy5wqRb1xcI/hiAs9okikvfq2t6Y6r4Biz4KRNKkfsB1f/mNPd/fs/hnY56RtF3lcZc+CQCVYims4o2kft3fTQKu8qAnY23gkbSFwDTAgMKIxD1AVwbADTDc17QiuYyhfB3GB3MQr8dFUn+SlMmACRs/kssH51LODAjL8JGUW6T8MBmy+D9rgPh9LJL6lonzAyLVL5L84hNpnCEwA92RuC1TGs6/fwGGdh6JmxREARwl5aTQ/3Kx46OaQJNE/u0EQLPFcrFeCoBORAJ4EAngQSSAB5EAHkQCeBAJ4EEkgAeRAB5EAngQCdDB2uWKSIAOn0Q+EwngQSSAB5EAHkQCeBAJ4EEkgEdixf4RAC0Wf98AYqTlQ0RwE48AAAAASUVORK5CYII=);
}
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step3 {
  top: auto;
  left: 545px;
  bottom: 210px;
}
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step3 .indicator {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAABFCAYAAADgtMKmAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMiSURBVHgB7dxNctowGIBhGdiXI3CG3qC36Bm67xl6hK56nm57g7b7thkCBLAtqf4EIiYBKwZsbOt9ZjrJkC79ok/+S759/vFTAXhluzS/Pn19/2FilZopAEfSJ6NWcz2V30cKwBEXyIOWX10kEwXgYL3QavNojj4jEmBvPS8CWZpXnxMJomeLjfnyb67yrT35dyJB1HRWBPIvVya3Z/8PkSBaMlrJiBVCJIiOKbpYPZwfr14iEkRFVo/Nwihr3haIIBJEoe7qUUYkGDQ5c7WVvcdjeO9xDpFgsOTK+dO83mh1CpFgcGSkkivnl4xWL335+H1GJBiMW8ZRRiTovabi8IgEvdV0HB6RoHfaisMjEvSCP5UrFwOvPVtVF5Gg02S1SDemOJ1rW4/DIxJ0jls1VkZlRRxtjVRViASd4fcacvv6vVaNU4gEd9WFcSqESNC6PoRRRiRonOwx0rXsL2Sf0a1R6i2IBI2Q1SJPrcq23dh8X2qsx1MiwU3oTIKw7oxU1zbe19DjhEhQn4xPulgl8mx4UZxCJKgkQcibRGSV0FkRRL4LJCZEggOJQbt/ygWRp6ryVTuxIJLI+JVBRiX5afQuCpMPe2S6BpEMiARgtXUvPdBarkHsVgS3h3D7BkK4BJF0lB9z5IC3xVFuzPNB7mLY/3R/N4xFTSKSFpS/4f0BLwe1P9h3n/sI+LbvGiK5gj/QZa73B778Xv6G56DvPyI5wwcgG1w3zujdfUY6Z7yJTbSRlCMorwBscFE2Ssywr7iXz/u7kUhOdxIBakiSAdyWci4ExiHcSi8i8WeHspQLYGhf5yJx9wntY3ArBKsC7uxukbhN89Yc7hNiZUBXtRKJXxXkTlL2DOibm0dSDkIexBn6swYYvqsiKT98k6fymCZBYHhqReI31TrbPb8c28M3iFNlJBJFurE8gIOoHUXS91e/AE2Y+BeFMT4Bp00Wf3IF4DSr7GykAFQiEiCASIAAIgECiAQIIBIggEiAACIBAogECCASIIBIgAqJTaZEAlRJ1DsiAQKIBAggEiCASIAAIgECiAQIkBdB/FYAzpn/BxpxqBXldz9PAAAAAElFTkSuQmCC);
}
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step4 {
  top: auto;
  left: 820px;
  bottom: 255px;
}
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step4 .indicator {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAABGCAYAAABmILAIAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALySURBVHgB7dxPctowFIBxQVhk0UVu0PRmuUHbG3Smh+iyR+sRwiTFNrZll4fzGkHAMn9sLPn7zWQgwFIfT2Cb2dcf6W8D4IPc2uWvn5++L8zMPBkAO6qqMsnfbLm5u4kEwA4J5OUlMdbWD/I/kQCOsmwCqev6/2NEArxZr0uzWmU7gQgiATaSJDdpuj74HJFg0mRqvL6mpijs0dcQCSZLwlitUvmA3vo6IsHkyPRI03z71wWRYFK6Tg8XkWASTp0eLiJB9M6ZHi4iQbTkwGCSZK3fXHVBJIjOJVurfU/f/jwQCaIhcWRZsY1j/6j5ubLsnkgQvj7icBEJgtV3HIpIEJyh4lBEgmDIt1RyEuKl31adikgwajo1iqIcPA5FJBglCSLPi+01HkNsqdoQCUZjDFPjECLBTY01DBeRYHBuGHLqyK23Uz5EgkFUVb35fDHuiXEMkaAXMh1kSsiH7zwvt5GEaH5vOS0F1yMToixtMNuoLubmjkhwHp0UsUVxCJGgE4lAYrC22vzZ7f9TQSTY4U4IDUKu6It1SnRBJBMlH6Q1BPntW7mNect0CSKJkCx0WevNJGgikCiaKWGD/abpVogkALqoZcHLQtcFr/eb11RvzxumwZURycBkUesi10W/v9jfQ2DBjwGRXIFub3QrowtdHuMdPnxE4qHv/BJA8w5f7Sx+9vfxm3wkGoBOAL0lAKjoI2n2/hoCEeA0lb17jCKSQyFwEAzXElQk7gEw9yAYEwF9GmUk+zEwFXBLN42E84QQgsEicaeD3HJ6BELRSyQahJxaLfflYhymA0J1cSTulqkJgyAQl5Mjkckg1yw3F95M6+IbTJM3EveKNImDKYGp+RCJ/vQLWyegsZAIJAaZFiH/9AvQl8Xz84ppARwxn9WPcwIB2s0NgFZEAngQCeBBJIAHkQAeRAJ4EAngQSSAB5EAHkQCeBAJ0KKuZ5+JBPAgEsCDSAAPIgE8iATwIBLAg0gAj0U5t18MgIPuTbb8B39gApjHABaiAAAAAElFTkSuQmCC);
}
.cyber-security-training-page.course-page.whatsApp.en .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section {
  height: 480px;
}
.cyber-security-training-page.course-page.whatsApp.en .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .text {
  line-height: 1.2;
}

@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004 {
    position: relative;
    margin-left: 0rem;
    height: unset;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004 .animation004-tip {
    display: none;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004 .img-g5584 {
    display: none;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004 .animation004-title {
    background: none;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0em;
    border-left: 5px solid #F26927;
    font-size: 2rem;
    position: relative;
    padding-bottom: 0;
    width: 100vw;
    justify-content: left;
    left: auto;
    height: auto;
    width: auto;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004.no-title {
    margin-bottom: -15rem !important;
    margin-top: 0;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section {
    margin-left: 0 !important;
    width: 100%;
    margin-top: 0;
    height: 500px;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .click-point {
    top: auto !important;
    width: 12vw;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step {
    width: 21vw;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .indicator {
    line-height: 1.5;
    background-size: cover !important;
    font-size: 2.8rem;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .text {
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .text-title {
    font-size: 2rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .sub-task-text {
    margin-top: 0;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .sub-task-text button.ant-btn.ant-btn-link {
    font-size: 1.8rem !important;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .sub-task-text button.ant-btn.ant-btn-link .click-point1 {
    width: 40px;
    cursor: pointer;
    position: absolute;
    left: unset;
    top: unset;
    bottom: -5px;
    right: 15px;
    transform: rotate(270deg);
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step img {
    width: 25vw;
    left: -12vw;
    bottom: -10vw;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step1 {
    bottom: 20vw;
    top: auto;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step2 {
    bottom: 25vw;
    left: 24vw;
    top: auto;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step3 {
    bottom: 30vw;
    left: 48vw;
    top: auto;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step4 {
    bottom: 35vw;
    left: 72vw;
    top: auto;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section {
    margin-left: 0 !important;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .click-point {
    top: auto !important;
    width: 12vw;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step {
    width: 21vw;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .indicator {
    line-height: 5vw;
    background-size: cover !important;
    font-size: 3vw;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .text {
    font-size: 3vw;
    line-height: 4vw;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .step-title {
    font-size: 3vw;
    line-height: 4vw;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .sub-task-text {
    margin-top: 0;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step img {
    width: 25vw;
    left: -12vw;
    bottom: -10vw;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step1 {
    bottom: 20vw;
    top: auto;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step2 {
    bottom: 25vw;
    left: 24vw;
    top: auto;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step3 {
    bottom: 30vw;
    left: 48vw;
    top: auto;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step4 {
    bottom: 35vw;
    left: 72vw;
    top: auto;
  }
  .cyber-security-training-page.course-page.whatsApp.en .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section {
    height: 510px;
  }
  .cyber-security-training-page.course-page.whatsApp.en .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step {
    align-items: center;
    justify-content: center;
  }
  .cyber-security-training-page.course-page.whatsApp.en .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .sub-task-text {
    font-size: 1.6rem;
  }
  .cyber-security-training-page.course-page.whatsApp.en .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .sub-task-text button.ant-btn.ant-btn-link {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .cyber-security-training-page.course-page.whatsApp.en .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .sub-task-text button.ant-btn.ant-btn-link .click-point1 {
    width: 30px;
    right: -30px;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004 .animation004-title {
    display: none;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004.no-title {
    margin-top: 3.5rem;
    height: 450px;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section {
    height: 400px;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .text {
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.whatsApp.en .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section {
    height: 430px;
  }
  .cyber-security-training-page.course-page.whatsApp.en .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step {
    align-items: center;
    justify-content: center;
  }
  .cyber-security-training-page.course-page.whatsApp.en .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .sub-task-text button.ant-btn.ant-btn-link {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 1.5rem !important;
  }
  .cyber-security-training-page.course-page.whatsApp.en .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .sub-task-text button.ant-btn.ant-btn-link .click-point1 {
    width: 30px;
    right: -30px;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004 .animation004-title {
    display: none;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section {
    height: 320px;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .indicator {
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .text {
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .sub-task-text button.ant-btn.ant-btn-link {
    font-size: 1.2rem !important;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .sub-task-text button.ant-btn.ant-btn-link .click-point1 {
    width: 20px;
    right: -12px;
    bottom: 0;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step2 {
    left: 23vw;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step3 {
    left: 46vw;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step4 {
    left: 70vw;
  }
  .cyber-security-training-page.course-page.whatsApp.en .ant-layout-content .course-body .course-body-content .animation004 .animation004-title {
    display: none;
  }
  .cyber-security-training-page.course-page.whatsApp.en .ant-layout-content .course-body .course-body-content .animation004.no-title {
    height: 330px;
  }
  .cyber-security-training-page.course-page.whatsApp.en .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section {
    height: 330px;
  }
  .cyber-security-training-page.course-page.whatsApp.en .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .text {
    line-height: 1.2;
  }
}

.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation025 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 56px;
  position: relative;
  max-width: 1200px;
  margin: auto;
  margin-top: 0 !important;
}
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation025 .animation025-item {
  position: relative;
  width: 25%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-self: stretch;
}
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  bottom: -50px;
  left: 50%;
}
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-color-div {
  height: 10px;
  width: 70%;
}
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-gray-div {
  height: 13px;
  width: 80%;
  background-color: #f5f5f5;
}
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-title {
  color: #ffffff;
  width: 95%;
  font-size: 22px;
  line-height: 1.5;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  min-height: 100px;
  display: flex;
  padding: 1rem;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-text {
  display: flex;
  justify-content: center;
  width: 80%;
  font-size: 20px;
  line-height: 1.5;
  padding: 1.5rem;
  background-color: #f5f5f5;
  flex-grow: 1;
  cursor: pointer;
}
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-title {
  line-height: 1.2;
  min-height: 112px;
}
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-text {
  line-height: 1.2;
  padding: 1rem 1.5rem;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation025 {
    padding-right: 0;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-title {
    font-size: 1.8rem;
    min-height: 74px;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-text {
    font-size: 1.6rem;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-title {
    font-size: 1.6rem;
    min-height: 68px;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-text {
    font-size: 1.4rem;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation025 {
    flex-wrap: wrap;
    grid-gap: 1rem;
    gap: 1rem;
    grid-row-gap: 3rem;
    row-gap: 3rem;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation025 .animation025-item {
    width: calc(50% - 1rem);
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-title {
    font-size: 1.6rem;
    min-height: 68px;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-text {
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.whatsApp.en .ant-layout-content .course-body .course-body-content .animation025 .animation025-item {
    width: 90%;
  }
  .cyber-security-training-page.course-page.whatsApp.en .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-title {
    font-size: 1.6rem;
    min-height: unset;
  }
  .cyber-security-training-page.course-page.whatsApp.en .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-text {
    font-size: 1.4rem;
  }
}

.whatsApp .component002 {
  max-width: 1280px;
  margin: auto;
  margin-bottom: 10rem;
}
.whatsApp .component002 .cando-section {
  margin-bottom: 0;
}
.whatsApp .component002 .cando-section .can-do,
.whatsApp .component002 .cando-section .can-not-do {
  grid-gap: 3.5rem;
  gap: 3.5rem;
}
.whatsApp .component002 .cando-section .can-do .cando-title,
.whatsApp .component002 .cando-section .can-not-do .cando-title {
  width: 20%;
  font-size: 20px;
  line-height: 1.5;
}
.whatsApp .component002 .cando-section .can-do .cando-body,
.whatsApp .component002 .cando-section .can-not-do .cando-body {
  width: 80%;
}
.whatsApp .component002 .cando-section .can-do .cando-body .cando-content,
.whatsApp .component002 .cando-section .can-not-do .cando-body .cando-content {
  width: 100%;
}
.whatsApp.en .component002 .cando-section .can-do .cando-title,
.whatsApp.en .component002 .cando-section .can-not-do .cando-title {
  line-height: 1.2;
  padding: 2rem;
}
.whatsApp.en .component002 .cando-section .can-do .cando-body,
.whatsApp.en .component002 .cando-section .can-not-do .cando-body {
  width: 80%;
}
.whatsApp.en .component002 .cando-section .can-do .cando-body .cando-content,
.whatsApp.en .component002 .cando-section .can-not-do .cando-body .cando-content {
  width: 100%;
}
@media (max-width: 1024px) {
  .whatsApp .component002 .cando-section .can-do .cando-title,
  .whatsApp .component002 .cando-section .can-not-do .cando-title {
    font-size: 1.8rem;
  }
  .whatsApp.en .component002 .cando-section .can-do .cando-title,
  .whatsApp.en .component002 .cando-section .can-not-do .cando-title {
    width: 40%;
  }
}
@media (max-width: 768px) {
  .whatsApp .component002 .cando-section .can-do .cando-title,
  .whatsApp .component002 .cando-section .can-not-do .cando-title {
    font-size: 1.6rem;
    width: 30%;
  }
}
@media (max-width: 480px) {
  .whatsApp .component002 .cando-section {
    padding: 0;
  }
  .whatsApp .component002 .cando-section .can-do,
  .whatsApp .component002 .cando-section .can-not-do {
    grid-gap: 2rem;
    gap: 2rem;
  }
  .whatsApp .component002 .cando-section .can-do .cando-title,
  .whatsApp .component002 .cando-section .can-not-do .cando-title {
    font-size: 1.4rem;
    width: 50%;
  }
  .whatsApp .component002 .cando-section .can-do .cando-body,
  .whatsApp .component002 .cando-section .can-not-do .cando-body {
    width: 100%;
  }
  .whatsApp .component002 .cando-section .can-do .cando-body .cando-content,
  .whatsApp .component002 .cando-section .can-not-do .cando-body .cando-content {
    padding: 0;
  }
  .whatsApp.en .component002 {
    margin-top: 15rem;
  }
  .whatsApp.en .component002 .cando-section .can-do .cando-title,
  .whatsApp.en .component002 .cando-section .can-not-do .cando-title {
    width: 75%;
  }
  .whatsApp.en .component002 .cando-section .can-do .cando-body,
  .whatsApp.en .component002 .cando-section .can-not-do .cando-body {
    width: 100%;
  }
}

.whatsApp .component003 {
  position: relative;
}
.whatsApp .component003 .component003-title {
  position: absolute;
  left: 2.5%;
  top: 5%;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.2;
}
.whatsApp .component003 .component003-tip {
  border: 1px solid #000;
  border-radius: 47%;
  position: absolute;
  font-size: 1.5rem;
  padding: 4rem;
  text-align: left;
  max-width: 42rem;
  min-height: 9rem;
  display: flex;
  align-items: center;
}
.whatsApp .component003 .component003-tip .tip-text {
  z-index: 1;
}
.whatsApp .component003 .tip-arrow {
  position: absolute;
  left: -82px;
  top: calc(50% - 15px);
  background: #fff;
  height: 24px;
  width: 128px;
}
.whatsApp .component003 .tip-arrow .line1 {
  width: 64px;
  height: 1px;
  background: #000;
  transform: rotate(-12deg);
  position: absolute;
  top: 5px;
  right: 43px;
}
.whatsApp .component003 .tip-arrow .line2 {
  width: 61px;
  height: 1px;
  background: #000;
  transform: rotate(12deg);
  position: absolute;
  bottom: 5px;
  right: 46px;
}
.whatsApp .component003.position-left img {
  max-width: 40vw;
  position: relative;
  z-index: 11;
}
.whatsApp .component003.position-left .component003-tip {
  margin-left: 300px;
  padding: 3rem 4rem;
  font-size: 20px;
  line-height: 1.5;
}
.whatsApp .component003.position-left.whatsApp-c003-2,
.whatsApp .component003.position-left.whatsApp-c003-4 {
  max-width: 880px;
  margin: auto;
  margin-bottom: 10rem !important;
}
.whatsApp .component003.position-left.whatsApp-c003-2 img,
.whatsApp .component003.position-left.whatsApp-c003-4 img {
  max-width: 10vw;
}
.whatsApp .component003.position-left.whatsApp-c003-2 .component003-tip,
.whatsApp .component003.position-left.whatsApp-c003-4 .component003-tip {
  margin-left: 200px;
}
.whatsApp .component003.position-left.whatsApp-c003-3 {
  max-width: 1200px;
  margin: auto;
}
.whatsApp .component003.position-right {
  text-align: right;
}
.whatsApp .component003.position-right img {
  max-width: 12vw;
  position: relative;
  z-index: 11;
  margin-top: 2%;
}
.whatsApp .component003.position-right .component003-tip {
  right: 0;
  margin-right: 14%;
  padding: 3rem;
  z-index: 11;
  font-size: 20px;
  line-height: 1.5;
}
.whatsApp .component003.position-right .component003-tip .tip-arrow {
  left: unset;
  right: -105px;
  top: calc(50% - 15px);
}
.whatsApp .component003.position-right .component003-tip .tip-arrow .line1 {
  transform: rotate(12deg);
  position: absolute;
  width: 63px;
  top: 5px;
  right: 46px;
}
.whatsApp .component003.position-right .component003-tip .tip-arrow .line2 {
  transform: rotate(-12deg);
  position: absolute;
  bottom: 5px;
  right: 46px;
}
.whatsApp .component003.position-right.whatsApp-c003-1 {
  margin-top: 3.5rem;
}
.whatsApp.en .component003 .component003-tip {
  font-size: 20px;
  line-height: 1.2;
}
.whatsApp.en .component003.position-left.whatsApp-c003-2,
.whatsApp.en .component003.position-left.whatsApp-c003-4 {
  max-width: 880px;
  margin: auto;
  margin-bottom: 10rem !important;
}
.whatsApp.en .component003.position-left.whatsApp-c003-2 img,
.whatsApp.en .component003.position-left.whatsApp-c003-4 img {
  max-width: 10vw;
  margin-top: 10%;
}
.whatsApp.en .component003.position-left.whatsApp-c003-2 .component003-tip,
.whatsApp.en .component003.position-left.whatsApp-c003-4 .component003-tip {
  margin-left: 220px;
  padding: 4rem 5rem;
}
.whatsApp.en .component003.position-left.whatsApp-c003-2 .tip-arrow .line1,
.whatsApp.en .component003.position-left.whatsApp-c003-4 .tip-arrow .line1 {
  width: 62px;
  right: 45px;
}
.whatsApp.en .component003.position-right.whatsApp-c003-1 .tip-arrow {
  right: -106px;
}
.whatsApp.en .component003.position-right.whatsApp-c003-1 .tip-arrow .line1 {
  right: 47px;
}
@media (max-width: 1024px) {
  .whatsApp .component003.position-left .component003-tip {
    font-size: 1.6rem;
  }
  .whatsApp .component003.position-left.whatsApp-c003-3 img {
    max-width: 20vw;
  }
  .whatsApp .component003.position-left.whatsApp-c003-3 .component003-tip {
    margin-left: 200px;
  }
  .whatsApp .component003.position-left.whatsApp-c003-3 .component003-tip .tip-arrow .line1 {
    width: 66px;
    right: 40px;
  }
  .whatsApp .component003.position-right .component003-tip {
    margin-right: 18%;
    font-size: 1.6rem;
  }
  .whatsApp .component003.position-right.whatsApp-c003-1 {
    margin-top: 3.5rem;
  }
  .whatsApp .component003.position-right.whatsApp-c003-1 .tip-arrow .line1 {
    width: 68px;
    right: 46px;
  }
  .whatsApp.en .component003.position-left.whatsApp-c003-2,
  .whatsApp.en .component003.position-left.whatsApp-c003-4 {
    max-width: 600px;
  }
  .whatsApp.en .component003.position-left.whatsApp-c003-2 .component003-tip,
  .whatsApp.en .component003.position-left.whatsApp-c003-4 .component003-tip {
    margin-left: 150px;
  }
  .whatsApp.en .component003.position-left.whatsApp-c003-3 .tip-arrow {
    left: -79px;
  }
}
@media (max-width: 768px) {
  .whatsApp .component003.position-left .component003-tip {
    font-size: 1.4rem;
  }
  .whatsApp .component003.position-left.whatsApp-c003-2 img,
  .whatsApp .component003.position-left.whatsApp-c003-4 img {
    max-width: 16vw;
  }
  .whatsApp .component003.position-left.whatsApp-c003-2 .component003-tip,
  .whatsApp .component003.position-left.whatsApp-c003-4 .component003-tip {
    margin-left: 156px;
  }
  .whatsApp .component003.position-right .component003-tip {
    font-size: 1.4rem;
  }
  .whatsApp .component003.position-right.whatsApp-c003-1 img {
    max-width: 20vw;
  }
  .whatsApp .component003.position-right.whatsApp-c003-1 .component003-tip {
    margin-right: 24%;
  }
  .whatsApp .component003.position-right.whatsApp-c003-1 .tip-arrow .line1 {
    width: 68px;
    right: 46px;
  }
}
@media (max-width: 480px) {
  .whatsApp .component003.position-left.whatsApp-c003-2 img {
    max-width: 20vw;
    margin-top: 30%;
  }
  .whatsApp .component003.position-left.whatsApp-c003-2 .component003-tip {
    margin-left: 120px;
  }
  .whatsApp .component003.position-left.whatsApp-c003-2 .tip-arrow .line1 {
    width: 60px;
    right: 46px;
  }
  .whatsApp .component003.position-left.whatsApp-c003-3 img {
    max-width: 34vw;
    margin-top: 15%;
  }
  .whatsApp .component003.position-left.whatsApp-c003-3 .component003-tip {
    margin-left: 140px;
  }
  .whatsApp .component003.position-left.whatsApp-c003-3 .component003-tip .tip-arrow .line1 {
    width: 62px;
    right: 44px;
  }
  .whatsApp .component003.position-left.whatsApp-c003-4 img {
    max-width: 20vw;
    margin-top: 22%;
  }
  .whatsApp .component003.position-left.whatsApp-c003-4 .component003-tip {
    margin-left: 120px;
  }
  .whatsApp .component003.position-left.whatsApp-c003-4 .tip-arrow .line1 {
    width: 60px;
    right: 46px;
  }
  .whatsApp .component003.position-right.whatsApp-c003-1 img {
    margin-right: -5%;
    max-width: 32vw;
    margin-top: 12%;
  }
  .whatsApp .component003.position-right.whatsApp-c003-1 .component003-tip {
    margin-right: 40%;
  }
  .whatsApp .component003.position-right.whatsApp-c003-1 .tip-arrow {
    right: -107px;
  }
  .whatsApp .component003.position-right.whatsApp-c003-1 .tip-arrow .line1 {
    width: 64px;
  }
  .whatsApp.en .component003.position-left.whatsApp-c003-2,
  .whatsApp.en .component003.position-left.whatsApp-c003-4 {
    max-width: unset;
  }
  .whatsApp.en .component003.position-left.whatsApp-c003-2 img,
  .whatsApp.en .component003.position-left.whatsApp-c003-4 img {
    max-width: 20vw;
    margin-top: 60%;
  }
  .whatsApp.en .component003.position-left.whatsApp-c003-2 .component003-tip,
  .whatsApp.en .component003.position-left.whatsApp-c003-4 .component003-tip {
    margin-left: 100px;
  }
  .whatsApp.en .component003.position-left.whatsApp-c003-2 .tip-arrow,
  .whatsApp.en .component003.position-left.whatsApp-c003-4 .tip-arrow {
    rotate: 345deg;
    top: calc(50% + 18px);
    left: -70px;
  }
  .whatsApp.en .component003.position-left.whatsApp-c003-2 .tip-arrow .line1,
  .whatsApp.en .component003.position-left.whatsApp-c003-4 .tip-arrow .line1 {
    width: 50px;
    right: 54px;
  }
  .whatsApp.en .component003.position-left.whatsApp-c003-2 .tip-arrow .line2,
  .whatsApp.en .component003.position-left.whatsApp-c003-4 .tip-arrow .line2 {
    width: 46px;
    transform: rotate(17deg);
    position: absolute;
    bottom: 6px;
    right: 59px;
  }
  .whatsApp.en .component003.position-left.whatsApp-c003-3 img {
    max-width: 35vw;
    margin-top: 18%;
  }
  .whatsApp.en .component003.position-left.whatsApp-c003-3 .tip-arrow {
    left: -82px;
  }
  .whatsApp.en .component003.position-right img {
    margin-top: 10%;
    max-width: 30vw;
  }
  .whatsApp.en .component003.position-right .component003-tip {
    font-size: 1.4rem;
    margin-right: 40%;
  }
  .whatsApp.en .component003.position-right .component003-tip .tip-arrow {
    right: -107px;
  }
  .whatsApp.en .component003.position-right .component003-tip .tip-arrow .line1 {
    transform: rotate(11deg);
    width: 63px;
    right: 46px;
  }
  .whatsApp.en .component003.position-right .component003-tip .tip-arrow .line2 {
    width: 62px;
  }
}

.whatsApp .RealCase.Moblie {
  display: none;
}
.whatsApp .RealCase.Desktop {
  width: calc(100% + 7rem);
  margin-bottom: 10rem;
  position: relative;
}
.whatsApp .RealCase.Desktop img {
  width: 100%;
  z-index: 1;
}
.whatsApp .RealCase.Desktop.p1 .source1 {
  width: 11%;
  height: 3%;
  position: absolute;
  top: 86%;
  left: 44.5%;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: none;
  font-size: 24px;
  color: #595959;
  z-index: 2;
}
.whatsApp.en .RealCase.Moblie {
  display: none;
}
.whatsApp.en .RealCase.Desktop img {
  width: 100%;
  z-index: 1;
}
.whatsApp.en .RealCase.Desktop.p1 .source1 {
  width: 11%;
  height: 2.5%;
  position: absolute;
  top: 92%;
  left: 44.5%;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: none;
  font-size: 24px;
  color: #595959;
  z-index: 2;
}
@media (max-width: 1024px) {
  .whatsApp .RealCase.Desktop {
    width: calc(100% + 4rem);
    margin-left: -2rem;
    margin-bottom: 10rem;
  }
}
@media (max-width: 768px) {
  .whatsApp .RealCase.Desktop {
    display: none;
  }
  .whatsApp .RealCase.Moblie {
    display: block;
    width: calc(100% + 7rem);
    margin-left: -3.5rem;
    margin-right: 0;
    margin-bottom: 50px;
    position: relative;
  }
  .whatsApp .RealCase.Moblie img {
    width: 100%;
    z-index: 1;
  }
  .whatsApp .RealCase.Moblie.p1 .source1 {
    width: 34%;
    height: 1.5%;
    position: absolute;
    top: 94%;
    left: 4%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 24px;
    color: #595959;
    z-index: 2;
  }
  .whatsApp.en .RealCase.Moblie {
    display: block;
    width: calc(100% + 7rem);
    margin-left: -3.5rem;
    margin-right: 0;
    margin-bottom: 50px;
    position: relative;
  }
  .whatsApp.en .RealCase.Moblie img {
    width: 100%;
    z-index: 1;
  }
  .whatsApp.en .RealCase.Moblie.p1 .source1 {
    width: 34%;
    height: 2%;
    position: absolute;
    top: 94.5%;
    left: 4%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 24px;
    color: #595959;
    z-index: 2;
  }
  .whatsApp.sc .RealCase.Moblie {
    display: block;
    width: calc(100% + 7rem);
    margin-left: -3.5rem;
    margin-right: 0;
    margin-bottom: 50px;
    position: relative;
  }
  .whatsApp.sc .RealCase.Moblie img {
    width: 100%;
    z-index: 1;
  }
  .whatsApp.sc .RealCase.Moblie.p1 .source1 {
    width: 34%;
    height: 2%;
    position: absolute;
    top: 90%;
    left: 4%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 24px;
    color: #595959;
    z-index: 2;
  }
}

.whatsApp .component005 {
  max-width: 1280px;
  margin: auto;
}
.whatsApp .component005 .image {
  width: 100%;
}
.whatsApp .component005 .content {
  font-size: 20px;
  line-height: 1.5;
}
.whatsApp .component005 .component005-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  grid-gap: 2rem;
  gap: 2rem;
}
.whatsApp .component005 .component005-container .panel {
  width: calc(50% - 1rem);
  display: flex;
  flex-direction: column;
  grid-gap: 2rem;
  gap: 2rem;
}
.whatsApp .component005 .component005-container .panel .panel-title {
  border-radius: 20px;
  padding: 20px;
  font-size: 22px;
  line-height: 1.5;
  color: #fff;
  text-align: center;
}
.whatsApp .component005 .component005-container .left-panel .left-body {
  display: flex;
  justify-content: space-between;
  align-items: center;
  grid-gap: 2rem;
  gap: 2rem;
  padding: 0 1rem;
}
.whatsApp .component005 .component005-container .left-panel .left-body .left-body-content {
  width: calc(40% - 1rem);
}
.whatsApp .component005 .component005-container .left-panel .left-body .arrow1 {
  width: 20%;
  height: auto;
}
.whatsApp .component005 .component005-container .right-panel {
  grid-gap: 4rem;
  gap: 4rem;
}
.whatsApp .component005 .component005-container .right-panel .right-body-content {
  padding: 0 1rem;
}
.whatsApp .component005 .component005-container .right-panel .right-body {
  position: relative;
}
.whatsApp .component005 .component005-container .right-panel .right-body .right-body-content-relative {
  width: 40%;
  padding: 0 1rem;
}
.whatsApp .component005 .component005-container .right-panel .right-body .arrow2 {
  position: absolute;
  width: 100px;
  right: 30%;
  bottom: 30%;
}
.whatsApp.en .component005 .content {
  line-height: 1.2;
}
.whatsApp.en .component005 .component005-container .panel .panel-title {
  line-height: 1.2;
}
.whatsApp.en .component005 .component005-container .right-panel {
  grid-gap: 4.5rem;
  gap: 4.5rem;
}
.whatsApp.en .component005 .component005-container .right-panel .right-body .arrow2 {
  width: 80px;
}
@media (max-width: 1024px) {
  .whatsApp .component005 .content {
    font-size: 1.6rem;
  }
  .whatsApp .component005 .component005-container .panel .panel-title {
    font-size: 1.8rem;
  }
  .whatsApp .component005 .component005-container .right-panel {
    grid-gap: 6rem;
    gap: 6rem;
  }
  .whatsApp.en .component005 .component005-container .right-panel {
    grid-gap: 5rem;
    gap: 5rem;
  }
  .whatsApp.en .component005 .component005-container .right-panel .right-body .arrow2 {
    width: 60px;
  }
}
@media (max-width: 768px) {
  .whatsApp .component005 .content {
    font-size: 1.4rem;
  }
  .whatsApp .component005 .component005-container .panel .panel-title {
    font-size: 1.6rem;
  }
  .whatsApp .component005 .component005-container .right-panel {
    grid-gap: 3rem;
    gap: 3rem;
  }
  .whatsApp .component005 .component005-container .right-panel .right-body .arrow2 {
    width: 60px;
  }
}
@media (max-width: 480px) {
  .whatsApp .component005 .content {
    font-size: 1.4rem;
  }
  .whatsApp .component005 .component005-container .panel .panel-title {
    font-size: 1.6rem;
    padding: 10px;
  }
  .whatsApp .component005 .component005-container .left-panel .left-body {
    flex-direction: column;
  }
  .whatsApp .component005 .component005-container .left-panel .left-body .left-body-content {
    width: 100%;
  }
  .whatsApp .component005 .component005-container .left-panel .left-body .arrow1 {
    rotate: 90deg;
  }
  .whatsApp .component005 .component005-container .right-panel {
    grid-gap: 3rem;
    gap: 3rem;
  }
  .whatsApp .component005 .component005-container .right-panel .right-body .right-body-content-relative {
    width: 65%;
  }
  .whatsApp .component005 .component005-container .right-panel .right-body .arrow2 {
    width: 50px;
    right: 10%;
    bottom: unset;
    top: -30%;
  }
  .whatsApp.en .component005 .component005-container .right-panel {
    grid-gap: 2rem;
    gap: 2rem;
  }
  .whatsApp.en .component005 .component005-container .right-panel .right-body .arrow2 {
    width: 40px;
    right: 10%;
    bottom: unset;
    top: 0;
  }
}

.cyber-security-training-page.course-page.whatsApp {
  width: 100%;
}
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content {
  min-width: auto;
}
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content {
  min-height: 800px;
}
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content.quiz .course-landing .landing-img {
  position: relative;
}
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content.quiz .course-landing .landing-img img {
  top: unset;
  width: auto;
  max-height: 700px;
}
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .quiz-section {
  position: relative;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .course-landing.whatsApp .course-landing-content {
    min-height: calc(100vh - 300px) !important;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .course-landing.whatsApp .course-landing-text .description {
    width: 50%;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .course-landing.whatsApp .course-landing-text .title > div {
    font-size: 2.4rem !important;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .course-landing.whatsApp .course-landing-content {
    min-height: calc(50vh + 30px) !important;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .course-landing.whatsApp .course-landing-content {
    min-height: calc(65vh - 44px) !important;
  }
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .course-landing.whatsApp .course-landing-content .course-landing-text .description {
    width: 90%;
  }
}

.cyber-security-training-page.en .ant-layout-content .hottopic-section-body .hot-topic-section.PreventingWhatsAppHijacking .hot-topic-content {
  padding: 18px 60px 15px 40px;
}
.cyber-security-training-page.en .ant-layout-content .hottopic-section-body .hot-topic-section.PreventingWhatsAppHijacking .hot-topic-content .hot-topic-title {
  margin-bottom: 10px;
}
.cyber-security-training-page.en .ant-layout-content .hottopic-section-body .hot-topic-section.PreventingWhatsAppHijacking .hot-topic-content .hot-topic-description {
  margin-bottom: 14px;
}

.whatsApp.cyber-security-training-page.course-page .ant-layout-content .course-body .next-topic-button {
  background-color: #46C87A !important;
}
.whatsApp.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .title {
  border-color: #46C87A;
}
.whatsApp.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .title .l2 {
  color: #46C87A;
}
.whatsApp.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body {
  border-color: #46C87A !important;
}
.whatsApp.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-last-button {
  border-color: #46C87A;
}
.whatsApp.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-last-button span {
  color: #46C87A;
}
.whatsApp.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-submit-button {
  background-color: #46C87A !important;
}
.whatsApp.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-submit-button[disabled] {
  background-color: rgba(255, 112, 67, 0.6);
  border-color: #46C87A !important;
}
.whatsApp.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area.correct .ant-btn-link {
  color: #0CA3A3;
}
.whatsApp.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area.wrong .ant-btn-link {
  color: #E7444E;
}
.whatsApp.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
  background: #46C87A;
}
.whatsApp.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab.active .number {
  border-color: #46C87A;
}
.whatsApp.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .course-landing {
  background: rgba(255, 112, 67, 0.3);
}
.whatsApp.cyber-security-training-page.course-page .ant-layout-content .ant-radio-checked .ant-radio-inner {
  border-color: #46C87A;
}
.whatsApp.cyber-security-training-page.course-page .ant-layout-content .ant-radio-inner::after {
  background-color: #46C87A;
}
.whatsApp.cyber-security-training-page.course-page .ant-layout-content .ant-radio-wrapper:hover .ant-radio,
.whatsApp.cyber-security-training-page.course-page .ant-layout-content .ant-radio:hover .ant-radio-inner,
.whatsApp.cyber-security-training-page.course-page .ant-layout-content .ant-radio-input:focus + .ant-radio-inner {
  border-color: #46C87A;
}
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content.quiz .progress .progress-line {
  background-color: #46C87A;
}
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass .cert-download-input .cert-download-button {
  background-color: #46C87A;
}

.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .conversation.aiSecurity .conversation-line1 .avater {
  margin-top: 3%;
}
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .conversation.aiSecurity .conversation-line1 .conversation-message {
  width: 45vw;
  height: 10vw;
}
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .conversation.aiSecurity .conversation-line1 .conversation-message .conversation-message-text {
  line-height: 1.5;
  font-size: 20px;
  font-weight: 400;
  z-index: 10;
  position: relative;
  height: 100%;
  display: flex;
  text-align: center;
  padding: 1vw 3vw 1vw 11vw;
  justify-content: center;
  align-items: center;
}
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .conversation.aiSecurity .conversation-line2 .avater {
  margin-top: 4%;
}
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .conversation.aiSecurity .conversation-line2 .conversation-message {
  width: 45vw;
  height: 10vw;
}
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .conversation.aiSecurity .conversation-line2 .conversation-message .conversation-message-text {
  line-height: 1.5;
  font-size: 20px;
  padding: 1vw 11vw 1vw 3vw;
}
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .conversation.aiSecurity .click-point {
  top: 8rem;
  left: 12rem;
}
.cyber-security-training-page.course-page.aiSecurity.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.aiSecurity .conversation-line1 .avater {
  margin-top: 6%;
}
.cyber-security-training-page.course-page.aiSecurity.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.aiSecurity .conversation-line1 .conversation-message {
  width: 45vw;
  height: 14vw;
}
.cyber-security-training-page.course-page.aiSecurity.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.aiSecurity .conversation-line1 .conversation-message .conversation-message-text {
  line-height: 1.2;
  font-size: 20px;
  font-weight: 400;
  z-index: 10;
  position: relative;
  height: 100%;
  display: flex;
  text-align: center;
  padding: 1vw 3vw 1vw 11vw;
  justify-content: center;
  align-items: center;
}
.cyber-security-training-page.course-page.aiSecurity.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.aiSecurity .conversation-line2 .avater {
  margin-top: 5%;
}
.cyber-security-training-page.course-page.aiSecurity.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.aiSecurity .conversation-line2 .conversation-message {
  height: 16vw;
}
.cyber-security-training-page.course-page.aiSecurity.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.aiSecurity .conversation-line2 .conversation-message .conversation-message-text {
  line-height: 1.2;
}

@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .conversation {
    width: calc(100% + 4rem);
    margin-left: -2rem;
  }
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .conversation .avater {
    width: 12vw !important;
    height: 12vw !important;
  }
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message {
    width: 56vw !important;
    height: 12vw !important;
  }
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message-text {
    font-size: 1.5vw !important;
  }
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message-text {
    padding: 1vw 3vw 1vw 14vw !important;
  }
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message-text {
    padding: 1vw 14vw 1vw 5vw !important;
  }
  .cyber-security-training-page.course-page.aiSecurity.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.aiSecurity .conversation-line1 .avater {
    margin-top: 2%;
  }
  .cyber-security-training-page.course-page.aiSecurity.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.aiSecurity .conversation-line1 .conversation-message {
    height: 12vw !important;
  }
  .cyber-security-training-page.course-page.aiSecurity.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.aiSecurity .conversation-line2 .avater {
    margin-top: 2%;
  }
  .cyber-security-training-page.course-page.aiSecurity.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.aiSecurity .conversation-line2 .conversation-message {
    height: 13vw !important;
  }
  .cyber-security-training-page.course-page.aiSecurity.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.aiSecurity .click-point {
    top: 8rem;
    left: 16rem;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message-text {
    font-size: 1.6rem !important;
  }
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .avater {
    margin-top: 10%;
  }
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message {
    width: 75vw !important;
    height: 18vw !important;
  }
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message .conversation-message-text {
    padding: 1vw 5vw 1vw 18vw !important;
  }
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 {
    margin-bottom: 3rem;
  }
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .avater {
    margin-top: 5%;
  }
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message {
    width: 75vw !important;
    height: 14vw !important;
  }
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message .conversation-message-text {
    font-size: 1.6vw;
    line-height: 1.2;
    padding: 1vw 12vw 1vw 3vw;
  }
  .cyber-security-training-page.course-page.aiSecurity.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.aiSecurity .conversation-line1 .avater {
    margin-top: 5%;
  }
  .cyber-security-training-page.course-page.aiSecurity.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.aiSecurity .conversation-line1 .conversation-message {
    height: 15vw !important;
  }
  .cyber-security-training-page.course-page.aiSecurity.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.aiSecurity .conversation-line2 .avater {
    margin-top: 4%;
  }
  .cyber-security-training-page.course-page.aiSecurity.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.aiSecurity .conversation-line2 .conversation-message {
    height: 18vw !important;
  }
  .cyber-security-training-page.course-page.aiSecurity.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.aiSecurity .conversation-line2 .conversation-message .conversation-message-text {
    padding: 1vw 16vw 1vw 5vw !important;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message {
    width: 75vw !important;
    height: 25vw !important;
  }
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message-text {
    font-size: 1.4rem !important;
  }
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .avater {
    margin-top: 25% !important;
  }
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message {
    width: 80vw !important;
    height: 46vw !important;
  }
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message .conversation-message-text {
    padding: 1vw 6vw 1vw 20vw !important;
  }
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 {
    margin-bottom: 3rem;
  }
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .avater {
    margin-top: 12% !important;
  }
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message {
    width: 80vw !important;
    height: 30vw !important;
  }
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message .conversation-message-text {
    font-size: 1.6vw;
    line-height: 1.2;
    padding: 4vw 20vw 3vw 8vw !important;
  }
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .conversation .click-point {
    position: absolute;
    width: 40px;
    transform: rotate(-45deg);
    z-index: 10;
    transition: all 800ms linear 0s;
    top: 12rem;
    left: 5rem;
  }
  .cyber-security-training-page.course-page.aiSecurity.en .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .avater {
    margin-top: 15% !important;
  }
  .cyber-security-training-page.course-page.aiSecurity.en .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message {
    height: 30vw !important;
  }
  .cyber-security-training-page.course-page.aiSecurity.en .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message .conversation-message-text {
    padding: 2vw 4vw 2vw 17vw !important;
  }
  .cyber-security-training-page.course-page.aiSecurity.en .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .avater {
    margin-top: 12% !important;
  }
  .cyber-security-training-page.course-page.aiSecurity.en .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message {
    height: 30vw !important;
  }
  .cyber-security-training-page.course-page.aiSecurity.en .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message .conversation-message-text {
    padding: 1vw 16vw 1vw 5vw !important;
  }
  .cyber-security-training-page.course-page.aiSecurity.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.aiSecurity .conversation-line1 .avater {
    margin-top: 34% !important;
  }
  .cyber-security-training-page.course-page.aiSecurity.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.aiSecurity .conversation-line1 .conversation-message {
    width: 80vw !important;
    height: 55vw !important;
  }
  .cyber-security-training-page.course-page.aiSecurity.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.aiSecurity .conversation-line1 .conversation-message .conversation-message-text {
    padding: 4vw 5vw 2vw 19vw !important;
  }
  .cyber-security-training-page.course-page.aiSecurity.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.aiSecurity .conversation-line2 {
    margin-bottom: 3rem;
  }
  .cyber-security-training-page.course-page.aiSecurity.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.aiSecurity .conversation-line2 .avater {
    margin-top: 28% !important;
  }
  .cyber-security-training-page.course-page.aiSecurity.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.aiSecurity .conversation-line2 .conversation-message {
    width: 75vw !important;
    height: 60vw !important;
  }
  .cyber-security-training-page.course-page.aiSecurity.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.aiSecurity .conversation-line2 .conversation-message .conversation-message-text {
    font-size: 1.6vw;
    line-height: 1.2;
    padding: 6vw 20vw 3vw 8vw !important;
  }
  .cyber-security-training-page.course-page.aiSecurity.en .ant-layout-content .course-body .course-body-content .topic-item .conversation .click-point {
    position: absolute;
    width: 40px;
    transform: rotate(-45deg);
    z-index: 10;
    transition: all 800ms linear 0s;
    top: 7rem;
    left: 5rem;
  }
}

.aiSecurity .animation047 {
  padding-right: 3.5rem;
}
.aiSecurity .animation047.Desktop {
  display: block;
  width: 75%;
  margin: auto;
}
.aiSecurity .animation047.Desktop .animation047-title {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.aiSecurity .animation047.Desktop .animation047-title .subtitle {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.aiSecurity .animation047.Desktop .animation047-title .subtitle .subtitle-icon {
  width: 85px;
}
.aiSecurity .animation047.Desktop .animation047-title .subtitle .subtitle-content {
  font-size: 20px;
  font-weight: 600;
  color: white;
  padding: 1rem 0.5rem;
  width: 100%;
}
.aiSecurity .animation047.Desktop .animation047-title .subtitle .click-point {
  position: absolute;
  width: 70px;
  right: -35px;
  bottom: -35px;
  transform: rotate(315deg);
}
.aiSecurity .animation047.Desktop .animation047-title .subtitle:nth-child(1) {
  width: 20%;
}
.aiSecurity .animation047.Desktop .animation047-title .subtitle:nth-child(1) .subtitle-content {
  background-color: #6F7AE2;
}
.aiSecurity .animation047.Desktop .animation047-title .subtitle:nth-child(2) {
  width: 40%;
}
.aiSecurity .animation047.Desktop .animation047-title .subtitle:nth-child(2) .subtitle-content {
  background-color: #E1773C;
}
.aiSecurity .animation047.Desktop .animation047-title .subtitle:nth-child(3) {
  width: 40%;
}
.aiSecurity .animation047.Desktop .animation047-title .subtitle:nth-child(3) .subtitle-content {
  background-color: #2C497B;
}
.aiSecurity .animation047.Desktop .animation047-content {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.aiSecurity .animation047.Desktop .animation047-content .animation047-item {
  display: flex;
  flex-direction: row;
  width: 100%;
  border: 1px solid #E1E2E3;
}
.aiSecurity .animation047.Desktop .animation047-content .animation047-item .sub-item {
  font-size: 16px;
  display: flex;
  align-items: center;
  padding: 1rem 0.5rem;
  line-height: 1.5;
}
.aiSecurity .animation047.Desktop .animation047-content .animation047-item .sub-item:nth-child(1) {
  width: 20%;
  color: white;
  font-weight: 600;
  background: url(data:image/png;base64,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) no-repeat left center / 100% 60px;
}
.aiSecurity .animation047.Desktop .animation047-content .animation047-item .sub-item:nth-child(2) {
  width: 40%;
}
.aiSecurity .animation047.Desktop .animation047-content .animation047-item .sub-item:nth-child(2) ul {
  margin-bottom: 0;
}
.aiSecurity .animation047.Desktop .animation047-content .animation047-item .sub-item:nth-child(3) {
  width: 40%;
}
.aiSecurity .animation047.Desktop .animation047-content .animation047-item .sub-item:nth-child(3) ul {
  margin-bottom: 0;
  -webkit-padding-start: 20px;
          padding-inline-start: 20px;
}
.aiSecurity .animation047.Desktop .animation047-content .animation047-item:nth-child(odd) {
  background-color: #F8F8F8;
}
.aiSecurity .animation047.Mobile {
  display: none;
}
@media (max-width: 1024px) {
  .aiSecurity .animation047.Desktop {
    margin: auto;
    width: 90%;
  }
  .aiSecurity .animation047.Mobile {
    display: none;
  }
}
@media (max-width: 768px) {
  .aiSecurity .animation047.Desktop {
    width: 90%;
    padding-right: 0;
  }
  .aiSecurity .animation047.Desktop .animation047-title .subtitle .subtitle-icon {
    width: 50px;
  }
  .aiSecurity .animation047.Desktop .animation047-title .subtitle .subtitle-content {
    font-size: 1.6rem;
  }
  .aiSecurity .animation047.Desktop .animation047-content .animation047-item .sub-item {
    font-size: 1.4rem;
  }
  .aiSecurity .animation047.Mobile {
    display: none;
  }
}
@media (max-width: 480px) {
  .aiSecurity .animation047 {
    padding-right: 0;
  }
  .aiSecurity .animation047.Desktop {
    display: none;
  }
  .aiSecurity .animation047.Mobile {
    display: block;
  }
  .aiSecurity .animation047.Mobile .animation047-title {
    display: flex;
    flex-direction: row;
  }
  .aiSecurity .animation047.Mobile .animation047-title .subtitle {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .aiSecurity .animation047.Mobile .animation047-title .subtitle .subtitle-icon {
    width: 4rem;
  }
  .aiSecurity .animation047.Mobile .animation047-title .subtitle .subtitle-content {
    font-size: 1.4rem;
    font-weight: 600;
    color: white;
    padding: 1rem 0.5rem;
    width: 100%;
    min-height: 55px;
    display: flex;
    align-items: center;
  }
  .aiSecurity .animation047.Mobile .animation047-title .subtitle:nth-child(1) {
    width: 40%;
  }
  .aiSecurity .animation047.Mobile .animation047-title .subtitle:nth-child(1) .subtitle-content {
    background-color: #6F7AE2;
  }
  .aiSecurity .animation047.Mobile .animation047-title .subtitle:nth-child(2) {
    width: 30%;
  }
  .aiSecurity .animation047.Mobile .animation047-title .subtitle:nth-child(2) .subtitle-content {
    background-color: #E1773C;
  }
  .aiSecurity .animation047.Mobile .animation047-title .subtitle:nth-child(3) {
    width: 30%;
  }
  .aiSecurity .animation047.Mobile .animation047-title .subtitle:nth-child(3) .subtitle-content {
    background-color: #2C497B;
  }
  .aiSecurity .animation047.Mobile .animation047-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    grid-gap: 2rem;
    gap: 2rem;
  }
  .aiSecurity .animation047.Mobile .animation047-content .animation047-item {
    display: flex;
    flex-direction: column;
    width: 100%;
    border: 1px solid #E1E2E3;
  }
  .aiSecurity .animation047.Mobile .animation047-content .animation047-item .animation047-title .subtitle:nth-child(1) {
    width: 40%;
  }
  .aiSecurity .animation047.Mobile .animation047-content .animation047-item .animation047-title .subtitle:nth-child(2) {
    width: 30%;
  }
  .aiSecurity .animation047.Mobile .animation047-content .animation047-item .animation047-title .subtitle:nth-child(3) {
    width: 30%;
  }
  .aiSecurity .animation047.Mobile .animation047-content .animation047-item .animation047-item-content .sub-item-container {
    display: flex;
    flex-direction: row;
  }
  .aiSecurity .animation047.Mobile .animation047-content .animation047-item .animation047-item-content .sub-item-container .sub-item .detail,
  .aiSecurity .animation047.Mobile .animation047-content .animation047-item .animation047-item-content .sub-item-container .sub-item .source {
    padding: 1rem 0.5rem;
    font-size: 1.4rem;
  }
  .aiSecurity .animation047.Mobile .animation047-content .animation047-item .animation047-item-content .sub-item-container .sub-item .detail ul,
  .aiSecurity .animation047.Mobile .animation047-content .animation047-item .animation047-item-content .sub-item-container .sub-item .source ul {
    margin-bottom: 0;
    -webkit-padding-start: 14px;
            padding-inline-start: 14px;
  }
  .aiSecurity .animation047.Mobile .animation047-content .animation047-item .animation047-item-content .sub-item-container .sub-item .sub-item-type {
    width: 90%;
    color: white;
    background: url(data:image/png;base64,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) no-repeat left center / 100% 60px;
    height: 5rem;
    display: flex;
    align-items: center;
    margin-top: 1rem;
    padding-left: 0.5rem;
    font-size: 1.4rem;
    font-weight: 500;
  }
  .aiSecurity .animation047.Mobile .animation047-content .animation047-item .animation047-item-content .sub-item-container .sub-item:nth-child(1) {
    width: 40%;
    padding: 0;
    margin-top: 1rem;
    align-items: flex-start;
  }
  .aiSecurity .animation047.Mobile .animation047-content .animation047-item .animation047-item-content .sub-item-container .sub-item:nth-child(2) {
    width: 60%;
    flex-direction: column;
    align-items: flex-start;
  }
  .aiSecurity .animation047.Mobile .animation047-content .animation047-item {
    background-color: #F8F8F8;
  }
  .aiSecurity .animation047.Mobile .animation047-content .animation047-item .animation047-item-content {
    position: relative;
  }
  .aiSecurity .animation047.Mobile .animation047-content .animation047-item .animation047-item-content .click-point1 {
    position: absolute;
    width: 70px;
    right: -35px;
    bottom: -35px;
    transform: rotate(315deg);
  }
  .aiSecurity .animation047.Mobile .animation047-content .animation047-item .sub-item {
    font-size: 16px;
    display: flex;
    align-items: center;
    padding: 1rem 0.5rem;
    line-height: 1.5;
  }
  .aiSecurity .animation047.Mobile .animation047-content .animation047-item .sub-item a {
    text-decoration: underline;
    color: #6F7AE2;
  }
}

.aiSecurity .component002 {
  margin-bottom: 10rem !important;
}
.aiSecurity .component002 .cando-section {
  padding-right: 0;
  width: 70%;
  margin: auto;
}
.aiSecurity .component002 .cando-section .can-do .cando-body,
.aiSecurity .component002 .cando-section .can-not-do .cando-body {
  width: calc(100% - 218px);
}
.aiSecurity .component002 .cando-section .can-do .cando-body .cando-content ul li,
.aiSecurity .component002 .cando-section .can-not-do .cando-body .cando-content ul li {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 1rem;
}
.aiSecurity.en .component002 .cando-section .can-do .cando-title,
.aiSecurity.en .component002 .cando-section .can-not-do .cando-title {
  line-height: 1.3;
  padding: 20px;
  height: auto;
}
@media (max-width: 1024px) {
  .aiSecurity .component002 .cando-section {
    padding-left: 0;
  }
  .aiSecurity .component002 .cando-section .can-do .cando-body,
  .aiSecurity .component002 .cando-section .can-not-do .cando-body {
    width: 100%;
  }
  .aiSecurity .component002 .cando-section .can-do .cando-body .cando-content ul li,
  .aiSecurity .component002 .cando-section .can-not-do .cando-body .cando-content ul li {
    font-size: 1.6rem;
  }
}
@media (max-width: 768px) {
  .aiSecurity .component002 .cando-section {
    width: 80%;
  }
  .aiSecurity .component002 .cando-section .can-do,
  .aiSecurity .component002 .cando-section .can-not-do {
    margin-bottom: 5rem;
  }
  .aiSecurity .component002 .cando-section .can-do .cando-title,
  .aiSecurity .component002 .cando-section .can-not-do .cando-title {
    height: 4rem;
    font-size: 1.6rem;
  }
  .aiSecurity .component002 .cando-section .can-do .cando-body .cando-content ul li,
  .aiSecurity .component002 .cando-section .can-not-do .cando-body .cando-content ul li {
    font-size: 1.4rem;
  }
}
@media (max-width: 480px) {
  .aiSecurity .component002 .cando-section {
    width: 100%;
  }
  .aiSecurity .component002 .cando-section .can-do,
  .aiSecurity .component002 .cando-section .can-not-do {
    margin-bottom: 5rem;
  }
  .aiSecurity .component002 .cando-section .can-do .cando-title,
  .aiSecurity .component002 .cando-section .can-not-do .cando-title {
    height: 4rem;
    font-size: 1.6rem;
  }
  .aiSecurity .component002 .cando-section .can-do .cando-body .cando-content ul li,
  .aiSecurity .component002 .cando-section .can-not-do .cando-body .cando-content ul li {
    font-size: 1.4rem;
  }
}

.aiSecurity .component003 {
  position: relative;
}
.aiSecurity .component003 .component003-title {
  position: absolute;
  left: 2.5%;
  top: 5%;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.2;
}
.aiSecurity .component003 .component003-tip {
  border: 1px solid #000;
  border-radius: 47%;
  position: absolute;
  font-size: 1.5rem;
  padding: 4rem;
  text-align: left;
  max-width: 42rem;
  min-height: 9rem;
  display: flex;
  align-items: center;
}
.aiSecurity .component003 .component003-tip .tip-text {
  z-index: 1;
}
.aiSecurity .component003 .tip-arrow {
  position: absolute;
  left: -82px;
  top: calc(50% - 15px);
  background: #fff;
  height: 24px;
  width: 128px;
}
.aiSecurity .component003 .tip-arrow .line1 {
  width: 64px;
  height: 1px;
  background: #000;
  transform: rotate(-12deg);
  position: absolute;
  top: 5px;
  right: 43px;
}
.aiSecurity .component003 .tip-arrow .line2 {
  width: 61px;
  height: 1px;
  background: #000;
  transform: rotate(12deg);
  position: absolute;
  bottom: 5px;
  right: 46px;
}
.aiSecurity .component003.position-left img {
  max-width: 40vw;
  position: relative;
  z-index: 11;
}
.aiSecurity .component003.position-left .component003-tip {
  margin-left: 300px;
  padding: 3rem 4rem;
  font-size: 20px;
  line-height: 1.5;
}
.aiSecurity .component003.position-left.aiSecurity-c003-3 {
  max-width: 880px;
  margin: auto;
  margin-bottom: 10rem !important;
}
.aiSecurity .component003.position-left.aiSecurity-c003-3 img {
  max-width: 10vw;
}
.aiSecurity .component003.position-left.aiSecurity-c003-3 .component003-tip {
  margin-left: 200px;
}
.aiSecurity .component003.position-left.aiSecurity-c003-3 .component003-tip .tip-text .aiSecurity-c003-3-a {
  color: #28abd5;
  text-decoration: underline;
}
.aiSecurity .component003.position-right {
  text-align: right;
}
.aiSecurity .component003.position-right img {
  max-width: 12vw;
  position: relative;
  z-index: 11;
  margin-top: 2%;
}
.aiSecurity .component003.position-right .component003-tip {
  right: 0;
  margin-right: 14%;
  padding: 3rem;
  z-index: 11;
  font-size: 20px;
  line-height: 1.5;
}
.aiSecurity .component003.position-right .component003-tip .tip-arrow {
  left: unset;
  right: -105px;
  top: calc(50% - 15px);
}
.aiSecurity .component003.position-right .component003-tip .tip-arrow .line1 {
  transform: rotate(12deg);
  position: absolute;
  width: 63px;
  top: 5px;
  right: 46px;
}
.aiSecurity .component003.position-right .component003-tip .tip-arrow .line2 {
  transform: rotate(-12deg);
  position: absolute;
  bottom: 5px;
  right: 46px;
}
.aiSecurity.en .component003 .component003-tip {
  font-size: 20px;
  line-height: 1.2;
}
.aiSecurity.en .component003.position-left.aiSecurity-c003-2 .tip-arrow {
  left: -81px;
}
.aiSecurity.en .component003.position-left.aiSecurity-c003-2 .tip-arrow .line1 {
  transform: rotate(-11deg);
}
.aiSecurity.en .component003.position-left.aiSecurity-c003-3 img {
  margin-top: 5%;
}
.aiSecurity.en .component003.position-left.aiSecurity-c003-3 .component003-tip {
  padding: 5rem 4rem;
}
.aiSecurity.en .component003.position-left.aiSecurity-c003-3 .tip-arrow .line1 {
  width: 62px;
  right: 44px;
}
.aiSecurity.en .component003.position-right.aiSecurity-c003-1 img {
  margin-top: 4%;
}
@media (max-width: 1024px) {
  .aiSecurity .component003.position-left .component003-tip {
    font-size: 1.6rem;
  }
  .aiSecurity .component003.position-left.aiSecurity-c003-2 {
    width: 65%;
    margin: auto;
  }
  .aiSecurity .component003.position-left.aiSecurity-c003-2 img {
    max-width: 18vw;
  }
  .aiSecurity .component003.position-left.aiSecurity-c003-2 .component003-tip {
    margin-left: 200px;
    max-width: 36rem;
  }
  .aiSecurity .component003.position-left.aiSecurity-c003-2 .component003-tip .tip-arrow {
    left: -80px;
  }
  .aiSecurity .component003.position-left.aiSecurity-c003-3 {
    width: 60%;
    margin: auto;
  }
  .aiSecurity .component003.position-left.aiSecurity-c003-3 img {
    margin-top: 5%;
  }
  .aiSecurity .component003.position-left.aiSecurity-c003-3 .component003-tip {
    margin-left: 165px;
    padding: 4rem 5rem;
  }
  .aiSecurity .component003.position-right .component003-tip {
    margin-right: 18%;
    font-size: 1.6rem;
  }
  .aiSecurity .component003.position-right.aiSecurity-c003-1 .component003-tip .tip-arrow .line1 {
    width: 65px;
  }
  .aiSecurity.en .component003.position-left.aiSecurity-c003-3 img {
    margin-top: 15%;
  }
  .aiSecurity.en .component003.position-left.aiSecurity-c003-3 .component003-tip {
    margin-left: 30%;
    padding: 6rem 6rem;
  }
}
@media (max-width: 768px) {
  .aiSecurity .component003.position-left .component003-tip {
    font-size: 1.4rem;
  }
  .aiSecurity .component003.position-left.aiSecurity-c003-2 {
    width: 65%;
    margin: auto;
  }
  .aiSecurity .component003.position-left.aiSecurity-c003-2 img {
    margin-top: 4%;
    max-width: 22vw;
  }
  .aiSecurity .component003.position-left.aiSecurity-c003-2 .component003-tip {
    margin-left: 170px;
  }
  .aiSecurity .component003.position-left.aiSecurity-c003-3 {
    width: 65%;
  }
  .aiSecurity .component003.position-left.aiSecurity-c003-3 img {
    max-width: 16vw;
    margin-top: 10%;
  }
  .aiSecurity .component003.position-left.aiSecurity-c003-3 .component003-tip {
    margin-left: 156px;
  }
  .aiSecurity .component003.position-left.aiSecurity-c003-3 .tip-arrow .line1 {
    width: 62px;
    right: 45px;
  }
  .aiSecurity .component003.position-right .component003-tip {
    font-size: 1.4rem;
  }
  .aiSecurity .component003.position-right.aiSecurity-c003-1 img {
    max-width: 15vw;
    margin-top: 4%;
  }
  .aiSecurity .component003.position-right.aiSecurity-c003-1 .component003-tip .tip-arrow .line1 {
    width: 66px;
  }
  .aiSecurity.en .component003 .component003-tip {
    font-size: 16px;
    line-height: 1.2;
  }
  .aiSecurity.en .component003.position-left.aiSecurity-c003-2 img {
    margin-top: 4%;
  }
  .aiSecurity.en .component003.position-left.aiSecurity-c003-2 .tip-arrow {
    left: -82px;
  }
  .aiSecurity.en .component003.position-left.aiSecurity-c003-2 .line2 {
    width: 62px;
    right: 45px;
  }
  .aiSecurity.en .component003.position-left.aiSecurity-c003-3 {
    width: 70%;
  }
  .aiSecurity.en .component003.position-left.aiSecurity-c003-3 img {
    margin-top: 15%;
  }
  .aiSecurity.en .component003.position-left.aiSecurity-c003-3 .component003-tip {
    padding: 6rem 6rem;
  }
  .aiSecurity.en .component003.position-left.aiSecurity-c003-3 .tip-arrow .line1 {
    width: 61px;
    right: 46px;
  }
  .aiSecurity.en .component003.position-right.aiSecurity-c003-1 .component003-tip {
    padding: 3rem;
  }
  .aiSecurity.en .component003.position-right.aiSecurity-c003-1 .component003-tip .tip-arrow {
    right: -106px;
  }
}
@media (max-width: 480px) {
  .aiSecurity .component003.position-left.aiSecurity-c003-2 {
    width: 100%;
    margin: auto;
  }
  .aiSecurity .component003.position-left.aiSecurity-c003-2 img {
    margin-top: 12%;
    max-width: 28vw;
  }
  .aiSecurity .component003.position-left.aiSecurity-c003-2 .component003-tip {
    margin-left: 130px;
  }
  .aiSecurity .component003.position-left.aiSecurity-c003-2 .component003-tip .tip-arrow {
    left: -82px;
  }
  .aiSecurity .component003.position-left.aiSecurity-c003-3 {
    width: 100%;
  }
  .aiSecurity .component003.position-left.aiSecurity-c003-3 img {
    max-width: 20vw;
    margin-top: 60%;
  }
  .aiSecurity .component003.position-left.aiSecurity-c003-3 .component003-tip {
    margin-left: 100px;
  }
  .aiSecurity .component003.position-left.aiSecurity-c003-3 .tip-arrow {
    rotate: 345deg;
    top: calc(50% + 18px);
    left: -70px;
  }
  .aiSecurity .component003.position-left.aiSecurity-c003-3 .tip-arrow .line1 {
    width: 50px;
    right: 54px;
  }
  .aiSecurity .component003.position-left.aiSecurity-c003-3 .tip-arrow .line2 {
    width: 48px;
    transform: rotate(17deg);
    position: absolute;
    bottom: 6px;
    right: 58px;
  }
  .aiSecurity .component003.position-right.aiSecurity-c003-1 img {
    max-width: 28vw;
    margin-top: 12%;
    margin-right: -5%;
  }
  .aiSecurity .component003.position-right.aiSecurity-c003-1 .component003-tip {
    margin-right: 30%;
  }
  .aiSecurity .component003.position-right.aiSecurity-c003-1 .component003-tip .tip-arrow {
    right: -106px;
  }
  .aiSecurity .component003.position-right.aiSecurity-c003-1 .component003-tip .tip-arrow .line1 {
    width: 63px;
  }
  .aiSecurity.en .component003.position-left.aiSecurity-c003-2 img {
    max-width: 30vw;
    margin-top: 42%;
  }
  .aiSecurity.en .component003.position-left.aiSecurity-c003-2 .tip-arrow {
    transform: rotate(330deg);
    top: calc(50% + 42px);
    left: -72px;
  }
  .aiSecurity.en .component003.position-left.aiSecurity-c003-3 {
    width: 100%;
  }
  .aiSecurity.en .component003.position-left.aiSecurity-c003-3 img {
    margin-top: 123%;
    margin-left: -5%;
  }
  .aiSecurity.en .component003.position-left.aiSecurity-c003-3 .component003-tip {
    padding: 6rem;
    margin-left: 70px;
    margin-right: -5%;
  }
  .aiSecurity.en .component003.position-left.aiSecurity-c003-3 .tip-arrow {
    rotate: 339deg;
    top: calc(50% + 104px);
    left: -67px;
  }
  .aiSecurity.en .component003.position-left.aiSecurity-c003-3 .tip-arrow .line1 {
    width: 53px;
    right: 52px;
    transform: rotate(-11deg);
  }
  .aiSecurity.en .component003.position-right.aiSecurity-c003-1 img {
    max-width: 30vw;
    margin-top: 42%;
  }
  .aiSecurity.en .component003.position-right.aiSecurity-c003-1 .component003-tip {
    padding: 4rem;
  }
  .aiSecurity.en .component003.position-right.aiSecurity-c003-1 .component003-tip .tip-arrow {
    transform: rotate(20deg);
    top: calc(50% + 46px);
    right: -96px;
  }
  .aiSecurity.en .component003.position-right.aiSecurity-c003-1 .component003-tip .tip-arrow .line1 {
    width: 60px;
  }
}

.aiSecurity .RealCase.Moblie {
  display: none;
}
.aiSecurity .RealCase.Desktop {
  width: calc(100% + 7rem);
  margin-bottom: 10rem;
  position: relative;
}
.aiSecurity .RealCase.Desktop img {
  width: 100%;
  z-index: 1;
}
.aiSecurity .RealCase.Desktop.p1 .source1 {
  display: block;
  width: 13%;
  height: 3%;
  position: absolute;
  top: 85.5%;
  left: 44.5%;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: none;
  font-size: 24px;
  color: #595959;
  z-index: 2;
}
.aiSecurity .RealCase.Desktop.p1 .source2 {
  display: none;
}
.aiSecurity.en .RealCase.Moblie {
  display: none;
}
.aiSecurity.en .RealCase.Desktop img {
  width: 100%;
  z-index: 1;
}
.aiSecurity.en .RealCase.Desktop.p1 .source1 {
  display: none;
}
.aiSecurity.en .RealCase.Desktop.p1 .source2 {
  display: block;
  width: 7%;
  height: 3%;
  position: absolute;
  top: 92.3%;
  left: 45.5%;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: none;
  font-size: 24px;
  color: #595959;
  z-index: 2;
}
@media (max-width: 1024px) {
  .aiSecurity .RealCase.Desktop {
    width: calc(100% + 4rem);
    margin-left: -2rem;
    margin-bottom: 10rem;
  }
}
@media (max-width: 768px) {
  .aiSecurity .RealCase.Desktop {
    display: none;
  }
  .aiSecurity .RealCase.Moblie {
    display: block;
    width: calc(100% + 7rem);
    margin-left: -3.5rem;
    margin-right: 0;
    margin-bottom: 50px;
    position: relative;
  }
  .aiSecurity .RealCase.Moblie img {
    width: 100%;
    z-index: 1;
  }
  .aiSecurity .RealCase.Moblie.p1 .source1 {
    display: block;
    width: 43%;
    height: 2%;
    position: absolute;
    top: 93.5%;
    left: 4%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 24px;
    color: #595959;
    z-index: 2;
  }
  .aiSecurity .RealCase.Moblie.p1 .source2 {
    display: none;
  }
  .aiSecurity.en .RealCase.Moblie {
    display: block;
    width: calc(100% + 7rem);
    margin-left: -3.5rem;
    margin-right: 0;
    margin-bottom: 50px;
    position: relative;
  }
  .aiSecurity.en .RealCase.Moblie img {
    width: 100%;
    z-index: 1;
  }
  .aiSecurity.en .RealCase.Moblie.p1 .source1 {
    display: none;
  }
  .aiSecurity.en .RealCase.Moblie.p1 .source2 {
    display: block;
    width: 22%;
    height: 2%;
    position: absolute;
    top: 95%;
    left: 4%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 24px;
    color: #595959;
    z-index: 2;
  }
  .aiSecurity.sc .RealCase.Moblie {
    display: block;
    width: calc(100% + 7rem);
    margin-left: -3.5rem;
    margin-right: 0;
    margin-bottom: 50px;
    position: relative;
  }
  .aiSecurity.sc .RealCase.Moblie img {
    width: 100%;
    z-index: 1;
  }
  .aiSecurity.sc .RealCase.Moblie.p1 .source1 {
    display: block;
    width: 43%;
    height: 3%;
    position: absolute;
    top: 85.5%;
    left: 4%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 24px;
    color: #595959;
    z-index: 2;
  }
  .aiSecurity.sc .RealCase.Moblie.p1 .source2 {
    display: none;
  }
}

.cyber-security-training-page.course-page.aiSecurity {
  width: 100%;
}
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content {
  min-width: auto;
}
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content {
  min-height: 800px;
}
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content.quiz .course-landing .landing-img {
  position: relative;
}
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content.quiz .course-landing .landing-img img {
  top: unset;
  width: auto;
  max-height: 700px;
}
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .quiz-section {
  position: relative;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .course-landing.aiSecurity .course-landing-content {
    min-height: calc(100vh - 300px) !important;
  }
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .course-landing.aiSecurity .course-landing-text .description {
    width: 50%;
  }
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .course-landing.aiSecurity .course-landing-text .title > div {
    font-size: 2.4rem !important;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .course-landing.aiSecurity .course-landing-content {
    min-height: calc(50vh + 30px) !important;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .course-landing.aiSecurity .course-landing-content {
    min-height: calc(65vh - 44px) !important;
  }
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .course-landing.aiSecurity .course-landing-content .course-landing-text .description {
    width: 90%;
  }
}

.cyber-security-training-page.en .ant-layout-content .hottopic-section-body .hot-topic-section.PreventingWhatsAppHijacking .hot-topic-content {
  padding: 18px 60px 15px 40px;
}
.cyber-security-training-page.en .ant-layout-content .hottopic-section-body .hot-topic-section.PreventingWhatsAppHijacking .hot-topic-content .hot-topic-title {
  margin-bottom: 10px;
}
.cyber-security-training-page.en .ant-layout-content .hottopic-section-body .hot-topic-section.PreventingWhatsAppHijacking .hot-topic-content .hot-topic-description {
  margin-bottom: 14px;
}

.aiSecurity.cyber-security-training-page.course-page .ant-layout-content .course-body .next-topic-button {
  background-color: #28ABD5 !important;
}
.aiSecurity.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .title {
  border-color: #28ABD5;
}
.aiSecurity.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .title .l2 {
  color: #28ABD5;
}
.aiSecurity.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body {
  border-color: #28ABD5 !important;
}
.aiSecurity.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-last-button {
  border-color: #28ABD5;
}
.aiSecurity.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-last-button span {
  color: #28ABD5;
}
.aiSecurity.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-submit-button {
  background-color: #28ABD5 !important;
}
.aiSecurity.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-submit-button[disabled] {
  background-color: rgba(255, 112, 67, 0.6);
  border-color: #28ABD5 !important;
}
.aiSecurity.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area.correct .ant-btn-link {
  color: #0CA3A3;
}
.aiSecurity.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area.wrong .ant-btn-link {
  color: #E7444E;
}
.aiSecurity.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
  background: #28ABD5;
}
.aiSecurity.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab.active .number {
  border-color: #28ABD5;
}
.aiSecurity.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .course-landing {
  background: rgba(255, 112, 67, 0.3);
}
.aiSecurity.cyber-security-training-page.course-page .ant-layout-content .ant-radio-checked .ant-radio-inner {
  border-color: #28ABD5;
}
.aiSecurity.cyber-security-training-page.course-page .ant-layout-content .ant-radio-inner::after {
  background-color: #28ABD5;
}
.aiSecurity.cyber-security-training-page.course-page .ant-layout-content .ant-radio-wrapper:hover .ant-radio,
.aiSecurity.cyber-security-training-page.course-page .ant-layout-content .ant-radio:hover .ant-radio-inner,
.aiSecurity.cyber-security-training-page.course-page .ant-layout-content .ant-radio-input:focus + .ant-radio-inner {
  border-color: #28ABD5;
}
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content.quiz .progress .progress-line {
  background-color: #28ABD5;
}
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass .cert-download-input .cert-download-button {
  background-color: #28ABD5;
}

.cyber-security-training-page.course-page.ransomware .page-header,
.cyber-security-training-page.course-page.socialMedia .page-header,
.cyber-security-training-page.course-page.ppd .page-header,
.cyber-security-training-page.course-page.dataLeakage .page-header,
.cyber-security-training-page.course-page.whatsApp .page-header,
.cyber-security-training-page.course-page.aiSecurity .page-header {
  background-color: #fff;
  box-shadow: 0px 1px 2px 1px #0000001f;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content,
.cyber-security-training-page.course-page.ppd .ant-layout-content,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content {
  display: flex;
  position: relative;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body {
  width: 100%;
  overflow: auto;
  transition: all 0.5s;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body.side-collapsed,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body.side-collapsed,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body.side-collapsed,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body.side-collapsed,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body.side-collapsed,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body.side-collapsed {
  width: 100%;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .next-topic-button,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .next-topic-button,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .next-topic-button,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .next-topic-button,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .next-topic-button,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .next-topic-button {
  display: block;
  width: 36.25rem;
  height: 5.8125rem;
  background-color: #f26927;
  border-radius: 50px;
  margin: auto;
  margin-top: 3.875rem;
  margin-bottom: 3.875rem;
  text-align: center;
  color: #fff;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 500;
  line-height: 19.54px;
  padding-top: 9px;
  white-space: normal;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .next-paragraph-bar,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .next-paragraph-bar,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .next-paragraph-bar,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .next-paragraph-bar,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .next-paragraph-bar,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .next-paragraph-bar {
  background: #f7f8fb;
  height: 64px;
  margin-left: -3.5rem;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  text-align: center;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
  color: #999;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .prevent-msg-container,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .prevent-msg-container,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .prevent-msg-container,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .prevent-msg-container,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .prevent-msg-container,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .prevent-msg-container {
  position: fixed;
  top: 45%;
  z-index: -100;
  width: 80%;
  text-align: center;
  margin-left: -3.5rem;
  display: flex;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .prevent-msg-container.fade-in,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .prevent-msg-container.fade-in,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .prevent-msg-container.fade-in,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .prevent-msg-container.fade-in,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .prevent-msg-container.fade-in,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .prevent-msg-container.fade-in {
  z-index: 999;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .prevent-msg-container .prevent-msg,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .prevent-msg-container .prevent-msg,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .prevent-msg-container .prevent-msg,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .prevent-msg-container .prevent-msg,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .prevent-msg-container .prevent-msg,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .prevent-msg-container .prevent-msg {
  margin: auto;
  background: #333333e8;
  border-radius: 20px;
  padding: 6px 28px;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2.5rem;
  color: #fff;
  float: left;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content {
  width: 100%;
  min-width: 1280px;
  overflow: hidden;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .component,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .component,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .component,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .component,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .component,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .component {
  margin-bottom: 10rem !important;
  margin-top: 3.5rem;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .course-landing-content,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .course-landing-content,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .course-landing-content,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .course-landing-content,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .course-landing-content,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .course-landing-content {
  width: 100%;
  height: 100%;
  min-height: 750px;
  display: flex;
  justify-content: center;
  padding-top: 4.375rem;
  padding-left: 3.5rem;
  grid-gap: 80px;
  gap: 80px;
  background-size: cover;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text {
  width: 620px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text .title,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text .title,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text .title,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text .title,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text .title,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text .title {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 1.5rem;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text .description,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text .description,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text .description,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text .description,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text .description,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text .description {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 2.5rem;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text .gif,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text .gif,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text .gif,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text .gif,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text .gif,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text .gif {
  display: none;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img {
  width: 45%;
  position: relative;
  overflow: hidden;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img {
  width: 100%;
  position: absolute;
  top: 0;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel {
  display: flex;
  justify-content: space-between;
  margin-top: 48px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel .landing-img-item,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel .landing-img-item,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel .landing-img-item,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel .landing-img-item,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel .landing-img-item,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel .landing-img-item {
  width: 148px;
  height: 148px;
  border-radius: 10px;
  box-shadow: 0px 3px 10px 3px #0000001f;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel-sm,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel-sm,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel-sm,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel-sm,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel-sm,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel-sm {
  display: flex;
  justify-content: space-between;
  margin-top: 48px;
  grid-gap: 32px;
  gap: 32px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel-sm .landing-img-item-sm,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel-sm .landing-img-item-sm,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel-sm .landing-img-item-sm,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel-sm .landing-img-item-sm,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel-sm .landing-img-item-sm,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel-sm .landing-img-item-sm {
  width: 148px;
  height: 148px;
  border-radius: 10px;
  box-shadow: 0px 3px 10px 3px #0000001f;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .course-landing-content .video-container,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .course-landing-content .video-container,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .course-landing-content .video-container,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .course-landing-content .video-container,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .course-landing-content .video-container,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .course-landing-content .video-container {
  margin-top: 2.75rem;
  margin-bottom: 2.75rem;
  position: relative;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-loading,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-loading,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-loading,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-loading,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-loading,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-loading {
  position: absolute;
  z-index: -1;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .course-landing-content .video-container video,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .course-landing-content .video-container video,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .course-landing-content .video-container video,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .course-landing-content .video-container video,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .course-landing-content .video-container video,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .course-landing-content .video-container video {
  border-radius: 20px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area {
  background: #f7f8fb;
  padding: 16px 30px;
  margin-top: 18px;
  border-radius: 10px;
  width: 100%;
  z-index: 1;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area .video-transcript-title,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area .video-transcript-title,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area .video-transcript-title,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area .video-transcript-title,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area .video-transcript-title,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area .video-transcript-title {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  position: relative;
  cursor: pointer;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area .video-transcript-title img,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area .video-transcript-title img,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area .video-transcript-title img,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area .video-transcript-title img,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area .video-transcript-title img,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area .video-transcript-title img {
  margin-top: -5px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area .video-transcript-title .transcript-button,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area .video-transcript-title .transcript-button,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area .video-transcript-title .transcript-button,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area .video-transcript-title .transcript-button,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area .video-transcript-title .transcript-button,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area .video-transcript-title .transcript-button {
  position: absolute;
  right: 0;
  top: -2px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area .video-transcript-body .video-transcript-language,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area .video-transcript-body .video-transcript-language,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area .video-transcript-body .video-transcript-language,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area .video-transcript-body .video-transcript-language,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area .video-transcript-body .video-transcript-language,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area .video-transcript-body .video-transcript-language {
  display: flex;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area .video-transcript-body .video-transcript-language .video-transcript-language-item,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area .video-transcript-body .video-transcript-language .video-transcript-language-item,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area .video-transcript-body .video-transcript-language .video-transcript-language-item,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area .video-transcript-body .video-transcript-language .video-transcript-language-item,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area .video-transcript-body .video-transcript-language .video-transcript-language-item,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area .video-transcript-body .video-transcript-language .video-transcript-language-item {
  padding: 8px 20px;
  font-size: 14px;
  color: #999;
  border: 1px solid #999;
  border-radius: 48px;
  margin-right: 1rem;
  margin-top: 1rem;
  margin-bottom: 18px;
  cursor: pointer;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area .video-transcript-body .video-transcript-language .video-transcript-language-item.selected,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area .video-transcript-body .video-transcript-language .video-transcript-language-item.selected,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area .video-transcript-body .video-transcript-language .video-transcript-language-item.selected,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area .video-transcript-body .video-transcript-language .video-transcript-language-item.selected,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area .video-transcript-body .video-transcript-language .video-transcript-language-item.selected,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area .video-transcript-body .video-transcript-language .video-transcript-language-item.selected {
  color: #f26927;
  background: #fff2ec;
  border: 1px solid #f26927;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area .video-transcript-body .video-transcript-content,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area .video-transcript-body .video-transcript-content,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area .video-transcript-body .video-transcript-content,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area .video-transcript-body .video-transcript-content,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area .video-transcript-body .video-transcript-content,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area .video-transcript-body .video-transcript-content {
  border-top: 1px solid #c4c4c4;
  padding-top: 18px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area .video-transcript-body .video-transcript-content .video-transcript-item,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area .video-transcript-body .video-transcript-content .video-transcript-item,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area .video-transcript-body .video-transcript-content .video-transcript-item,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area .video-transcript-body .video-transcript-content .video-transcript-item,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area .video-transcript-body .video-transcript-content .video-transcript-item,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area .video-transcript-body .video-transcript-content .video-transcript-item {
  font-size: 1rem;
  font-weight: 400;
  line-height: 19px;
  display: flex;
  grid-gap: 10px;
  gap: 10px;
  margin-bottom: 10px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content.index .course-landing,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content.index .course-landing,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content.index .course-landing,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content.index .course-landing,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content.index .course-landing,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content.index .course-landing {
  background: linear-gradient(to right, #fadec4, #faf2d3);
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content.index .course-landing .course-landing-content,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content.index .course-landing .course-landing-content,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content.index .course-landing .course-landing-content,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content.index .course-landing .course-landing-content,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content.index .course-landing .course-landing-content,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content.index .course-landing .course-landing-content {
  background-image: url(/static/media/welcomeLandingbg.8610e6a8.png);
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content.index .course-landing .welcome-text,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content.index .course-landing .welcome-text,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content.index .course-landing .welcome-text,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content.index .course-landing .welcome-text,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content.index .course-landing .welcome-text,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content.index .course-landing .welcome-text {
  margin-bottom: 2.75rem;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content.index .course-landing .welcome-text-img,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content.index .course-landing .welcome-text-img,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content.index .course-landing .welcome-text-img,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content.index .course-landing .welcome-text-img,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content.index .course-landing .welcome-text-img,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content.index .course-landing .welcome-text-img {
  width: 100%;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content.index .intro-img,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content.index .intro-img,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content.index .intro-img,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content.index .intro-img,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content.index .intro-img,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content.index .intro-img {
  margin: auto;
  text-align: center;
  margin-bottom: 145px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content.welcome .course-landing,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content.welcome .course-landing,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content.welcome .course-landing,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content.welcome .course-landing,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content.welcome .course-landing,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content.welcome .course-landing {
  background: linear-gradient(to right, #fadec4, #faf2d3);
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content.welcome .course-landing .course-landing-content,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content.welcome .course-landing .course-landing-content,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content.welcome .course-landing .course-landing-content,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content.welcome .course-landing .course-landing-content,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content.welcome .course-landing .course-landing-content,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content.welcome .course-landing .course-landing-content {
  background-image: url(/static/media/welcomeLandingbg.8610e6a8.png);
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content.welcome .course-landing .welcome-text,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content.welcome .course-landing .welcome-text,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content.welcome .course-landing .welcome-text,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content.welcome .course-landing .welcome-text,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content.welcome .course-landing .welcome-text,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content.welcome .course-landing .welcome-text {
  margin-bottom: 2.75rem;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content.welcome .course-landing .welcome-text-img,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content.welcome .course-landing .welcome-text-img,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content.welcome .course-landing .welcome-text-img,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content.welcome .course-landing .welcome-text-img,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content.welcome .course-landing .welcome-text-img,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content.welcome .course-landing .welcome-text-img {
  width: 100%;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content.welcome .intro-img,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content.welcome .intro-img,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content.welcome .intro-img,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content.welcome .intro-img,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content.welcome .intro-img,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content.welcome .intro-img {
  margin: auto;
  text-align: center;
  margin-bottom: 145px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content.quiz .course-landing,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content.quiz .course-landing,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content.quiz .course-landing,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content.quiz .course-landing,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content.quiz .course-landing,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content.quiz .course-landing {
  background: linear-gradient(to right, #d1f0e5, #f8f0c5);
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content {
  background-image: url(/static/media/quizbg.2b6096a4.png);
  min-height: calc(100vh - 98px);
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content.quiz .course-landing .quiz-text,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content.quiz .course-landing .quiz-text,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content.quiz .course-landing .quiz-text,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content.quiz .course-landing .quiz-text,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content.quiz .course-landing .quiz-text,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content.quiz .course-landing .quiz-text {
  width: 38.75rem;
  padding-top: 4.875rem;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content.quiz .progress,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content.quiz .progress,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content.quiz .progress,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content.quiz .progress,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content.quiz .progress,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content.quiz .progress {
  transition: all 500ms linear 0s;
  height: 10px;
  width: 80%;
  background-color: #ececec;
  position: absolute;
  top: 0;
  z-index: 10;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content.quiz .progress .progress-line,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content.quiz .progress .progress-line,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content.quiz .progress .progress-line,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content.quiz .progress .progress-line,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content.quiz .progress .progress-line,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content.quiz .progress .progress-line {
  transition: all 500ms linear 0s;
  background-color: #ffc53d;
  height: 80%;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content.quiz .quiz-section,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content.quiz .quiz-section,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content.quiz .quiz-section,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content.quiz .quiz-section,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content.quiz .quiz-section,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content.quiz .quiz-section {
  margin: 54px 74px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item {
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .course-landing-container,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .course-landing-container,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .course-landing-container,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .course-landing-container,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .course-landing-container,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .course-landing-container {
  margin-top: -3.5rem;
  margin-left: -3.5rem;
  margin-right: -3.5rem;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .header,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .header,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .header,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .header,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .header,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .header {
  width: 100%;
  font-size: 4rem;
  font-weight: 600;
  line-height: 4rem;
  letter-spacing: 0em;
  text-align: center;
  margin-bottom: 5rem;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .title,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .title,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .title,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .title,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .title,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .title {
  font-size: 2.625rem;
  font-weight: 500;
  line-height: 3.375rem;
  letter-spacing: 0em;
  border-left: 5px solid #f26927;
  padding-left: 0.8125rem;
  margin-bottom: 1.5rem;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .title .l2,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .title .l2,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .title .l2,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .title .l2,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .title .l2,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .title .l2 {
  color: #f26927;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .title .l3,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .title .l3,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .title .l3,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .title .l3,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .title .l3,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .title .l3 {
  color: #e7444e;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .title .highlight,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .title .highlight,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .title .highlight,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .title .highlight,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .title .highlight,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .title .highlight {
  color: #f26927;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .title.blueline,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .title.blueline,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .title.blueline,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .title.blueline,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .title.blueline,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .title.blueline {
  border-color: #3789ff;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .title.orangeline,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .title.orangeline,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .title.orangeline,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .title.orangeline,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .title.orangeline,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .title.orangeline {
  border-color: #f26927;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .description,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .description,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .description,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .description,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .description,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .description {
  margin-left: 13px;
  font-size: 24px;
  font-weight: 400;
  line-height: 38px;
  letter-spacing: 0px;
  text-align: left;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item p.content,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item p.content,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item p.content,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item p.content,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item p.content,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item p.content {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2.375rem;
  letter-spacing: 0px;
  text-align: left;
  padding-left: 2rem;
  padding-right: 7rem;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .example,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .example,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .example,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .example,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .example,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .example {
  margin-top: 5.125rem;
  padding-left: 2rem;
  padding-bottom: 6.25rem;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .example .example-label,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .example .example-label,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .example .example-label,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .example .example-label,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .example .example-label,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .example .example-label {
  font-size: 2.625rem;
  font-weight: 500;
  line-height: 3.375rem;
  margin-right: 4.5625rem;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .example .link-label,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .example .link-label,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .example .link-label,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .example .link-label,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .example .link-label,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .example .link-label {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.8375rem;
  letter-spacing: 0em;
  text-align: left;
  margin-right: 2rem;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .example .link-label img,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .example .link-label img,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .example .link-label img,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .example .link-label img,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .example .link-label img,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .example .link-label img {
  margin-top: -0.5rem;
  height: 2.0625rem;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .example .example-link,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .example .example-link,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .example .example-link,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .example .example-link,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .example .example-link,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .example .example-link {
  color: #f26927;
  font-family: Helvetica Neue;
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 2.8125rem;
  text-decoration: underline;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .example .example-content,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .example .example-content,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .example .example-content,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .example .example-content,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .example .example-content,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .example .example-content {
  display: flex;
  margin-top: 5.7675rem;
  position: relative;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .example .example-content.hide,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .example .example-content.hide,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .example .example-content.hide,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .example .example-content.hide,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .example .example-content.hide,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .example .example-content.hide {
  display: none;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person {
  position: relative;
  vertical-align: bottom;
  width: 100%;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person .popover-message,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person .popover-message,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person .popover-message,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person .popover-message,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person .popover-message,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person .popover-message {
  position: absolute;
  width: 29.6875rem;
  height: 21.4375rem;
  background-image: url(/static/media/popover.0dc55141.png);
  padding: 5rem 3.51125rem;
  z-index: 1;
  background-size: contain;
  background-repeat: no-repeat;
  right: 7rem;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person .popover-message .l1,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person .popover-message .l1,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person .popover-message .l1,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person .popover-message .l1,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person .popover-message .l1,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person .popover-message .l1 {
  font-size: 1.75rem;
  font-weight: 700;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person .popover-message .l2,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person .popover-message .l2,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person .popover-message .l2,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person .popover-message .l2,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person .popover-message .l2,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person .popover-message .l2 {
  font-size: 1.5rem;
  font-weight: 400;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person .popover-message.red,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person .popover-message.red,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person .popover-message.red,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person .popover-message.red,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person .popover-message.red,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person .popover-message.red {
  background-image: url(/static/media/popover-red.0bf2b73d.png);
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person img.person,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person img.person,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person img.person,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person img.person,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person img.person,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person img.person {
  position: absolute;
  bottom: 0;
  right: 1rem;
  z-index: 2;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .example .example-content img.point,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .example .example-content img.point,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .example .example-content img.point,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .example .example-content img.point,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .example .example-content img.point,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .example .example-content img.point {
  position: absolute;
  top: -4rem;
  right: 7rem;
  width: 97.66px;
  height: 99.33px;
  transform: rotate(135deg);
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .next-button,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .next-button,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .next-button,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .next-button,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .next-button,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .next-button {
  position: absolute;
  right: 0;
  background: #ffc53d;
  border-radius: 0px;
  height: 5.375rem;
  width: 5.375rem;
  top: 1rem;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .prev-button,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .prev-button,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .prev-button,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .prev-button,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .prev-button,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .prev-button {
  position: absolute;
  left: -6rem;
  background: #ffc53d;
  border-radius: 0px;
  height: 5.375rem;
  width: 5.375rem;
  top: 1rem;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .example .video-container,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .example .video-container,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .example .video-container,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .example .video-container,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .example .video-container,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .example .video-container {
  margin-top: 5.125rem;
  width: calc(100% - 3.5rem);
  position: relative;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .example .video-container .video-loading,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .example .video-container .video-loading,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .example .video-container .video-loading,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .example .video-container .video-loading,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .example .video-container .video-loading,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .example .video-container .video-loading {
  z-index: -1;
  position: absolute;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .password-section,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .password-section,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .password-section,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .password-section,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .password-section,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .password-section {
  background: linear-gradient(219.58deg, rgba(1, 4, 23, 0.8) 10.26%, rgba(43, 51, 63, 0.8) 84.25%);
  border-radius: 20px;
  width: calc(100% - 3.5rem);
  display: flex;
  cursor: pointer;
  position: relative;
  margin-bottom: 129px;
  margin-top: 65px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .password-section .password-section-text,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .password-section .password-section-text,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .password-section .password-section-text,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .password-section .password-section-text,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .password-section .password-section-text,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .password-section .password-section-text {
  margin: auto;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 0.6875rem;
  letter-spacing: 0px;
  text-align: center;
  color: #fff;
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .password-section img.animationpassword,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .password-section img.animationpassword,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .password-section img.animationpassword,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .password-section img.animationpassword,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .password-section img.animationpassword,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .password-section img.animationpassword {
  position: absolute;
  width: 100%;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .password-section img.point,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .password-section img.point,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .password-section img.point,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .password-section img.point,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .password-section img.point,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .password-section img.point {
  position: absolute;
  width: 9.375rem;
  left: calc(50% - 4.6875rem);
  bottom: -1.5rem;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section {
  margin-right: 3.5rem;
  margin-bottom: 142px;
  margin-top: 73.76px;
  position: relative;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section.tab2,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section.tab2,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section.tab2,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section.tab2,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section.tab2,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section.tab2 {
  margin-top: 243px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .tips,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .tips,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .tips,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .tips,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .tips,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .tips {
  position: absolute;
  background-image: url(data:image/png;base64,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);
  width: 520px;
  height: 137px;
  z-index: 1;
  right: 20rem;
  top: -200px;
  background-size: cover;
  font-family: Helvetica Neue;
  font-size: 36px;
  font-weight: 400;
  line-height: 58px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 71px;
  color: #e7444e;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .tips-person,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .tips-person,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .tips-person,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .tips-person,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .tips-person,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .tips-person {
  position: absolute;
  z-index: 1;
  right: 0;
  top: -133px;
  right: 44.92px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .warning-alert,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .warning-alert,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .warning-alert,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .warning-alert,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .warning-alert,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .warning-alert {
  background-image: url(data:image/png;base64,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);
  position: absolute;
  height: 153px;
  width: 260px;
  font-size: 36px;
  font-weight: 700;
  color: #e7444e;
  z-index: 10;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  background-size: cover;
  right: -2rem;
  top: -1rem;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .warning-alert span,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .warning-alert span,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .warning-alert span,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .warning-alert span,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .warning-alert span,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .warning-alert span {
  transform: rotate(10deg);
  padding-left: 1rem;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tab,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tab,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tab,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tab,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tab,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tab {
  font-size: 21px;
  font-weight: 400;
  line-height: 59px;
  color: #333333;
  background-color: #ececec;
  border: none;
  padding-left: 22.79px;
  padding-right: 22.79px;
  margin-right: 10px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tab.ant-tabs-tab-active,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tab.ant-tabs-tab-active,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tab.ant-tabs-tab-active,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tab.ant-tabs-tab-active,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tab.ant-tabs-tab-active,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tab.ant-tabs-tab-active {
  background-color: #fff3e4;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane {
  min-height: 360px;
  background-color: #fff3e4;
  min-width: 1180px;
  align-items: center;
  justify-content: space-evenly;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane.ant-tabs-tabpane-active,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane.ant-tabs-tabpane-active,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane.ant-tabs-tabpane-active,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane.ant-tabs-tabpane-active,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane.ant-tabs-tabpane-active,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane.ant-tabs-tabpane-active {
  display: flex;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .highlight,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .highlight,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .highlight,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .highlight,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .highlight,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .highlight {
  background: linear-gradient(to right, #ffca95, #fff1b0);
  padding: 13px;
  height: 282px;
  width: 267px;
  border-radius: 20px;
  cursor: pointer;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .highlight .panel,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .highlight .panel,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .highlight .panel,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .highlight .panel,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .highlight .panel,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .highlight .panel {
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel {
  height: 282px;
  width: 267px;
  border-radius: 20px;
  background: #999999;
  color: #fff;
  font-size: 21px;
  font-weight: 400;
  line-height: 29px;
  position: relative;
  padding: 35px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l1,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l1,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l1,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l1,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l1,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l1 {
  width: 100%;
  text-align: center;
  padding: 0 24px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l2,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l2,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l2,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l2,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l2,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l2 {
  margin-top: 1rem;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l3,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l3,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l3,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l3,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l3,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l3,
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l4,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l4,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l4,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l4,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l4,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l4 {
  width: 100%;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l3 .left,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l3 .left,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l3 .left,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l3 .left,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l3 .left,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l3 .left,
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l4 .left,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l4 .left,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l4 .left,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l4 .left,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l4 .left,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l4 .left {
  text-align: left;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l3 .right,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l3 .right,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l3 .right,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l3 .right,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l3 .right,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l3 .right,
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l4 .right,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l4 .right,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l4 .right,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l4 .right,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l4 .right,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l4 .right {
  text-align: right;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .point,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .point,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .point,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .point,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .point,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .point {
  width: 149px;
  position: absolute;
  left: calc(50% - 74.5px);
  bottom: -3rem;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel.highlight-panel,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel.highlight-panel,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel.highlight-panel,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel.highlight-panel,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel.highlight-panel,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel.highlight-panel {
  background-color: #f26927;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section {
  width: 934px;
  height: 934px;
  position: relative;
  margin: auto;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .click-point,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .click-point,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .click-point,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .click-point,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .click-point,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .click-point {
  width: 110px;
  position: absolute;
  top: 100px;
  left: 153px;
  transform: rotate(90deg);
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-center-circle,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-center-circle,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-center-circle,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-center-circle,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-center-circle,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-center-circle {
  font-size: 27px;
  font-weight: 500;
  line-height: 34px;
  text-align: center;
  background: #f26927cc;
  height: 269px;
  width: 269px;
  border-radius: 50%;
  color: #fff;
  position: absolute;
  left: calc(50% - 134.5px);
  display: flex;
  justify-content: center;
  align-items: center;
  top: 338px;
  padding: 1rem;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel {
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
  width: 184px;
  height: 184px;
  position: absolute;
  border-radius: 20px;
  color: #fff;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 20.76px 0.5rem;
  cursor: pointer;
  transition: all 500ms linear 0s;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel.fade-in,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel.fade-in,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel.fade-in,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel.fade-in,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel.fade-in,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel.fade-in {
  opacity: 1;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel .text,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel .text,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel .text,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel .text,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel .text,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel .text {
  text-align: center;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel img,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel img,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel img,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel img,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel img,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel img {
  position: absolute;
  top: 50%;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-1,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-1,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-1,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-1,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-1,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-1 {
  background: #1ab6b6;
  position: absolute;
  top: 45px;
  left: calc(50% - 92px);
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-2,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-2,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-2,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-2,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-2,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-2 {
  background: #dd936f;
  position: absolute;
  top: 256px;
  right: 78px;
  opacity: 0;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-3,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-3,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-3,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-3,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-3,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-3 {
  background: #f4b784;
  position: absolute;
  top: 539px;
  right: 78px;
  opacity: 0;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-4,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-4,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-4,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-4,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-4,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-4 {
  background: #597ef7;
  position: absolute;
  top: 689px;
  left: calc(50% - 92px);
  opacity: 0;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-5,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-5,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-5,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-5,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-5,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-5 {
  background: #ef878d;
  position: absolute;
  top: 539px;
  left: 78px;
  opacity: 0;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-6,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-6,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-6,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-6,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-6,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-6 {
  background: #3789ff;
  position: absolute;
  top: 256px;
  left: 78px;
  opacity: 0;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel {
  padding: 27px 17px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-2,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-2,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-2,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-2,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-2,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-2 {
  top: 380px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-3,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-3,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-3,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-3,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-3,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-3 {
  top: 670px;
  right: 200px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-4,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-4,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-4,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-4,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-4,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-4 {
  top: 670px;
  left: 200px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-5,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-5,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-5,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-5,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-5,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-5 {
  top: 380px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation002,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation002,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .animation002,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .animation002,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation002,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .animation002 {
  width: 934px;
  height: 934px;
  position: relative;
  margin: auto;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation002 .click-point,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation002 .click-point,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .animation002 .click-point,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .animation002 .click-point,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation002 .click-point,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .animation002 .click-point {
  width: 110px;
  position: absolute;
  top: 100px;
  left: 153px;
  transform: rotate(90deg);
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation002 .bp-center-circle,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation002 .bp-center-circle,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .animation002 .bp-center-circle,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .animation002 .bp-center-circle,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation002 .bp-center-circle,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .animation002 .bp-center-circle {
  font-size: 27px;
  font-weight: 500;
  line-height: 34px;
  text-align: center;
  background: #f26927cc;
  height: 269px;
  width: 269px;
  border-radius: 50%;
  color: #fff;
  position: absolute;
  left: calc(50% - 134.5px);
  display: flex;
  justify-content: center;
  align-items: center;
  top: 338px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation002 .bp-panel,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation002 .bp-panel,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .animation002 .bp-panel,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .animation002 .bp-panel,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation002 .bp-panel,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .animation002 .bp-panel {
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  width: 220px;
  height: 220px;
  position: absolute;
  border-radius: 20px;
  color: #fff;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 1rem;
  cursor: pointer;
  transition: all 500ms linear 0s;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation002 .bp-panel.fade-in,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation002 .bp-panel.fade-in,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .animation002 .bp-panel.fade-in,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .animation002 .bp-panel.fade-in,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation002 .bp-panel.fade-in,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .animation002 .bp-panel.fade-in {
  opacity: 1;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation002 .bp-panel .text,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation002 .bp-panel .text,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .animation002 .bp-panel .text,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .animation002 .bp-panel .text,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation002 .bp-panel .text,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .animation002 .bp-panel .text {
  text-align: center;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation002 .bp-panel img,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation002 .bp-panel img,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .animation002 .bp-panel img,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .animation002 .bp-panel img,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation002 .bp-panel img,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .animation002 .bp-panel img {
  position: absolute;
  top: 50%;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation002 .bp-panel-1,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation002 .bp-panel-1,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .animation002 .bp-panel-1,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .animation002 .bp-panel-1,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation002 .bp-panel-1,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .animation002 .bp-panel-1 {
  background: #1ab6b6;
  position: absolute;
  top: 55px;
  left: calc(50% - 110px);
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation002 .bp-panel-2,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation002 .bp-panel-2,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .animation002 .bp-panel-2,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .animation002 .bp-panel-2,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation002 .bp-panel-2,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .animation002 .bp-panel-2 {
  background: #dd936f;
  position: absolute;
  top: 380px;
  right: 78px;
  opacity: 0;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation002 .bp-panel-3,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation002 .bp-panel-3,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .animation002 .bp-panel-3,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .animation002 .bp-panel-3,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation002 .bp-panel-3,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .animation002 .bp-panel-3 {
  background: #f4b784;
  position: absolute;
  top: 670px;
  right: 200px;
  opacity: 0;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation002 .bp-panel-4,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation002 .bp-panel-4,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .animation002 .bp-panel-4,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .animation002 .bp-panel-4,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation002 .bp-panel-4,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .animation002 .bp-panel-4 {
  background: #597ef7;
  position: absolute;
  top: 670px;
  left: 200px;
  opacity: 0;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation002 .bp-panel-5,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation002 .bp-panel-5,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .animation002 .bp-panel-5,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .animation002 .bp-panel-5,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation002 .bp-panel-5,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .animation002 .bp-panel-5 {
  background: #ef878d;
  position: absolute;
  top: 380px;
  left: 78px;
  opacity: 0;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation002.phishing .bp-panel,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation002.phishing .bp-panel,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .animation002.phishing .bp-panel,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .animation002.phishing .bp-panel,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation002.phishing .bp-panel,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .animation002.phishing .bp-panel {
  padding: 27px 17px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation002.phishing .bp-panel-2,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation002.phishing .bp-panel-2,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .animation002.phishing .bp-panel-2,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .animation002.phishing .bp-panel-2,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation002.phishing .bp-panel-2,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .animation002.phishing .bp-panel-2 {
  top: 380px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation002.phishing .bp-panel-3,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation002.phishing .bp-panel-3,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .animation002.phishing .bp-panel-3,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .animation002.phishing .bp-panel-3,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation002.phishing .bp-panel-3,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .animation002.phishing .bp-panel-3 {
  top: 670px;
  right: 200px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation002.phishing .bp-panel-4,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation002.phishing .bp-panel-4,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .animation002.phishing .bp-panel-4,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .animation002.phishing .bp-panel-4,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation002.phishing .bp-panel-4,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .animation002.phishing .bp-panel-4 {
  top: 670px;
  left: 200px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .animation002.phishing .bp-panel-5,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .animation002.phishing .bp-panel-5,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .animation002.phishing .bp-panel-5,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .animation002.phishing .bp-panel-5,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .animation002.phishing .bp-panel-5,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .animation002.phishing .bp-panel-5 {
  top: 380px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .phishing-section,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .phishing-section,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .phishing-section,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .phishing-section,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .phishing-section,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .phishing-section {
  display: flex;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .phishing-section .phishing-1,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .phishing-section .phishing-1,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .phishing-section .phishing-1,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .phishing-section .phishing-1,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .phishing-section .phishing-1,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .phishing-section .phishing-1 {
  background-image: url(/static/media/9881.3dcc291c.png);
  background-size: cover;
  height: 683px;
  width: 268px;
  color: #f26927;
  font-size: 41px;
  font-weight: 600;
  line-height: 55px;
  text-align: center;
  padding-top: 175px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 {
  margin-left: 128.5px;
  display: flex;
  width: 720px;
  flex-wrap: wrap;
  grid-gap: 28px 90.79px;
  gap: 28px 90.79px;
  position: relative;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .click-point,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .click-point,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .click-point,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .click-point,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .click-point,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .click-point {
  position: absolute;
  z-index: 1;
  width: 118px;
  top: 380px;
  left: 60px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item {
  width: 235px;
  cursor: pointer;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item .phishing-icon,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item .phishing-icon,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item .phishing-icon,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item .phishing-icon,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item .phishing-icon,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item .phishing-icon {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  text-align: center;
  line-height: 96px;
  margin: auto;
  margin-bottom: 28px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item .phishing-body,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item .phishing-body,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item .phishing-body,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item .phishing-body,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item .phishing-body,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item .phishing-body {
  text-align: center;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item .phishing-body img,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item .phishing-body img,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item .phishing-body img,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item .phishing-body img,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item .phishing-body img,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item .phishing-body img {
  height: 130px;
  margin: auto;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item .phishing-body .text,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item .phishing-body .text,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item .phishing-body .text,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item .phishing-body .text,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item .phishing-body .text,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item .phishing-body .text {
  padding: 20px;
  height: 84.42px;
  font-size: 17.5px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: center;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item.item1 .phishing-icon,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item.item1 .phishing-icon,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item.item1 .phishing-icon,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item.item1 .phishing-icon,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item.item1 .phishing-icon,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item.item1 .phishing-icon {
  background: #23bdee;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item.item1 .phishing-body .text,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item.item1 .phishing-body .text,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item.item1 .phishing-body .text,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item.item1 .phishing-body .text,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item.item1 .phishing-body .text,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item.item1 .phishing-body .text {
  background: #23bdee38;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item.item2 .phishing-icon,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item.item2 .phishing-icon,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item.item2 .phishing-icon,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item.item2 .phishing-icon,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item.item2 .phishing-icon,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item.item2 .phishing-icon {
  background: #f26927;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item.item2 .phishing-body .text,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item.item2 .phishing-body .text,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item.item2 .phishing-body .text,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item.item2 .phishing-body .text,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item.item2 .phishing-body .text,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item.item2 .phishing-body .text {
  background: #f2692740;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item.item3 .phishing-icon,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item.item3 .phishing-icon,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item.item3 .phishing-icon,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item.item3 .phishing-icon,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item.item3 .phishing-icon,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item.item3 .phishing-icon {
  background: #1ab6b6;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item.item3 .phishing-body .text,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item.item3 .phishing-body .text,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item.item3 .phishing-body .text,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item.item3 .phishing-body .text,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item.item3 .phishing-body .text,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item.item3 .phishing-body .text {
  background: #ddf4f4;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item.item4 .phishing-icon,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item.item4 .phishing-icon,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item.item4 .phishing-icon,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item.item4 .phishing-icon,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item.item4 .phishing-icon,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item.item4 .phishing-icon {
  background: #ffb600;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item.item4 .phishing-body .text,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item.item4 .phishing-body .text,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item.item4 .phishing-body .text,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item.item4 .phishing-body .text,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item.item4 .phishing-body .text,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item.item4 .phishing-body .text {
  background: #ffc53d42;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .phishing-indentify-section,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .phishing-indentify-section,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .phishing-indentify-section,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .phishing-indentify-section,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .phishing-indentify-section,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .phishing-indentify-section {
  background: #f3f3f3;
  margin-top: 117.87px;
  margin-left: -3.5rem;
  padding-top: 87.41px;
  padding-left: 3.5rem;
  padding-bottom: 0px;
  position: relative;
  overflow: hidden;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-desc,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-desc,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-desc,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-desc,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-desc,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-desc {
  font-size: 22px;
  font-weight: 400;
  line-height: 36px;
  height: 108px;
  width: 335px;
  padding-left: calc(0.8125rem + 5px);
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs {
  position: absolute;
  right: 0;
  top: 87.41px;
  display: flex;
  grid-gap: 18.6px;
  gap: 18.6px;
  width: 818px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns {
  position: absolute;
  bottom: -100px;
  right: 10px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns .click-point,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns .click-point,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns .click-point,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns .click-point,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns .click-point,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns .click-point {
  width: 92px;
  transform: rotate(90deg);
  margin-right: 18px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns .prev-button,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns .prev-button,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns .prev-button,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns .prev-button,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns .prev-button,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns .prev-button {
  margin-right: 18px;
  padding: 0;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns .next-button,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns .next-button,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns .next-button,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns .next-button,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns .next-button,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns .next-button {
  margin-right: 18px;
  padding: 0;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns .ant-btn-text[disabled],
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns .ant-btn-text[disabled],
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns .ant-btn-text[disabled],
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns .ant-btn-text[disabled],
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns .ant-btn-text[disabled],
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns .ant-btn-text[disabled] {
  opacity: 0.3;
  padding: 0;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab {
  background-color: #fff;
  font-size: 22px;
  font-weight: 400;
  line-height: 27px;
  padding: 18.6px 19.53px;
  width: 260px;
  height: 158px;
  cursor: pointer;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab.active,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab.active,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab.active,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab.active,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab.active,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab.active {
  box-shadow: 0px 3px 10px 3px #0000001f;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab.active .number,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab.active .number,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab.active .number,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab.active .number,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab.active .number,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab.active .number {
  border-color: #f00;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab .number,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab .number,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab .number,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab .number,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab .number,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab .number {
  border-top: 2px solid transparent;
  padding-top: 5%;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab .text,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab .text,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab .text,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab .text,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab .text,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab .text {
  margin-top: 2.76px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container {
  position: relative;
  height: 708px;
  overflow: hidden;
  margin-left: -3.5rem;
  margin-right: -3.5rem;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-switch-btns,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-switch-btns,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-switch-btns,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-switch-btns,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-switch-btns,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-switch-btns {
  display: none;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body {
  position: absolute;
  left: 0;
  margin-left: calc(0.8125rem + 5px);
  display: flex;
  transition: all 500ms linear 0s;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item {
  display: flex;
  width: 1110px;
  align-items: start;
  justify-content: center;
  grid-gap: 28.85px;
  gap: 28.85px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
  background: #f26927;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  line-height: 36px;
  width: 378px;
  border-radius: 37.22px;
  padding: 20px 30px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text ul,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text ul,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text ul,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text ul,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text ul,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text ul {
  padding: 0 0 0 20px;
  line-height: 28px;
  font-size: 18px;
  margin: 0;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .social-attack-section,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .social-attack-section,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .social-attack-section,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .social-attack-section,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .social-attack-section,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .social-attack-section {
  margin-left: -3.5rem;
  background: linear-gradient(to right, #7b7e87, #37383c);
  padding: 135px 160px 180px 3.5rem;
  color: #fff;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .social-attack-section .title,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .social-attack-section .title,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .social-attack-section .title,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .social-attack-section .title,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .social-attack-section .title,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .social-attack-section .title {
  border-color: #ffc53d;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .social-attack-section .title .highlight,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .social-attack-section .title .highlight,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .social-attack-section .title .highlight,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .social-attack-section .title .highlight,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .social-attack-section .title .highlight,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .social-attack-section .title .highlight {
  color: #ffc53d;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .social-attack-section p.content,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .social-attack-section p.content,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .social-attack-section p.content,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .social-attack-section p.content,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .social-attack-section p.content,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .social-attack-section p.content {
  font-size: 22.5px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .social-attack-section .cyber-phishing-section,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .social-attack-section .cyber-phishing-section,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .social-attack-section .cyber-phishing-section,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .social-attack-section .cyber-phishing-section,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .social-attack-section .cyber-phishing-section,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .social-attack-section .cyber-phishing-section {
  display: flex;
  justify-content: space-around;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .social-attack-section .cyber-phishing-section .cyber-phishing-item .cyber-phishing-icon,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .social-attack-section .cyber-phishing-section .cyber-phishing-item .cyber-phishing-icon,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .social-attack-section .cyber-phishing-section .cyber-phishing-item .cyber-phishing-icon,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .social-attack-section .cyber-phishing-section .cyber-phishing-item .cyber-phishing-icon,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .social-attack-section .cyber-phishing-section .cyber-phishing-item .cyber-phishing-icon,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .social-attack-section .cyber-phishing-section .cyber-phishing-item .cyber-phishing-icon {
  width: 200px;
  height: 200px;
  text-align: center;
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .social-attack-section .cyber-phishing-section .cyber-phishing-item .name,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .social-attack-section .cyber-phishing-section .cyber-phishing-item .name,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .social-attack-section .cyber-phishing-section .cyber-phishing-item .name,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .social-attack-section .cyber-phishing-section .cyber-phishing-item .name,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .social-attack-section .cyber-phishing-section .cyber-phishing-item .name,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .social-attack-section .cyber-phishing-section .cyber-phishing-item .name {
  font-size: 22px;
  font-weight: 700;
  line-height: 27px;
  text-align: center;
  margin-top: 24px;
  margin-bottom: 24px;
  max-width: 202px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .social-attack-section .cyber-phishing-section .cyber-phishing-item .desc,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .social-attack-section .cyber-phishing-section .cyber-phishing-item .desc,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .social-attack-section .cyber-phishing-section .cyber-phishing-item .desc,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .social-attack-section .cyber-phishing-section .cyber-phishing-item .desc,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .social-attack-section .cyber-phishing-section .cyber-phishing-item .desc,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .social-attack-section .cyber-phishing-section .cyber-phishing-item .desc {
  max-width: 200px;
  font-size: 22px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0px;
  text-align: center;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .results-sections,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .results-sections,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .results-sections,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .results-sections,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .results-sections,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .results-sections {
  margin-top: 135px;
  padding-bottom: 135px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .results-sections .results-list,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .results-sections .results-list,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .results-sections .results-list,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .results-sections .results-list,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .results-sections .results-list,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .results-sections .results-list {
  display: flex;
  grid-gap: 25px;
  gap: 25px;
  margin-bottom: 136px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item {
  width: 276px;
  height: 276px;
  box-shadow: 0px 3px 10px 3px #0000001f;
  padding: 26px 24px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item .text,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item .text,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item .text,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item .text,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item .text,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item .text {
  margin-top: 24.41px;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 32px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item .text .highlight,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item .text .highlight,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item .text .highlight,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item .text .highlight,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item .text .highlight,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item .text .highlight {
  font-weight: 700;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item.r1,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item.r1,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item.r1,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item.r1,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item.r1,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item.r1 {
  border-top: 5px solid #2d8dfe;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item.r1 .highlight,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item.r1 .highlight,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item.r1 .highlight,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item.r1 .highlight,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item.r1 .highlight,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item.r1 .highlight {
  color: #2d8dfe;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item.r2,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item.r2,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item.r2,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item.r2,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item.r2,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item.r2 {
  border-top: 5px solid #ffd666;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item.r2 .highlight,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item.r2 .highlight,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item.r2 .highlight,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item.r2 .highlight,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item.r2 .highlight,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item.r2 .highlight {
  color: #ffd666;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item.r3,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item.r3,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item.r3,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item.r3,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item.r3,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item.r3 {
  border-top: 5px solid #e7444e;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item.r3 .highlight,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item.r3 .highlight,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item.r3 .highlight,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item.r3 .highlight,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item.r3 .highlight,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item.r3 .highlight {
  color: #e7444e;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item.r4,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item.r4,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item.r4,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item.r4,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item.r4,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item.r4 {
  border-top: 5px solid #597ef7;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item.r4 .highlight,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item.r4 .highlight,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item.r4 .highlight,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item.r4 .highlight,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item.r4 .highlight,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item.r4 .highlight {
  color: #597ef7;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .results-sections .header,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .results-sections .header,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .results-sections .header,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .results-sections .header,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .results-sections .header,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .results-sections .header {
  font-weight: 900;
  font-size: 42px;
  line-height: 53.76px;
  margin-bottom: 14px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .results-sections .info,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .results-sections .info,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .results-sections .info,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .results-sections .info,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .results-sections .info,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .results-sections .info {
  color: #f26927;
  font-size: 28px;
  font-weight: 500;
  line-height: 45px;
  text-align: center;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .results-sections .business-problem,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .results-sections .business-problem,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .results-sections .business-problem,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .results-sections .business-problem,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .results-sections .business-problem,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .results-sections .business-problem {
  position: relative;
  height: 730px;
  margin-bottom: 147px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .results-sections .business-problem img,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .results-sections .business-problem img,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .results-sections .business-problem img,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .results-sections .business-problem img,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .results-sections .business-problem img,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .results-sections .business-problem img {
  position: absolute;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .results-sections .business-problem .text,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .results-sections .business-problem .text,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .results-sections .business-problem .text,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .results-sections .business-problem .text,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .results-sections .business-problem .text,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .results-sections .business-problem .text {
  position: absolute;
  font-size: 42px;
  font-weight: 500;
  line-height: 54px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .results-sections .business-problem .text .highlight,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .results-sections .business-problem .text .highlight,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .results-sections .business-problem .text .highlight,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .results-sections .business-problem .text .highlight,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .results-sections .business-problem .text .highlight,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .results-sections .business-problem .text .highlight {
  color: #f26927;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .results-sections .real-case,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .results-sections .real-case,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .results-sections .real-case,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .results-sections .real-case,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .results-sections .real-case,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .results-sections .real-case {
  position: relative;
  background: #f3f3f3;
  margin-left: -56px;
  margin-bottom: 123px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .results-sections .real-case img,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .results-sections .real-case img,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .results-sections .real-case img,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .results-sections .real-case img,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .results-sections .real-case img,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .results-sections .real-case img {
  display: block;
  width: 100%;
  max-width: 1340px;
  margin: 0 auto;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .results-sections .handle-section,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .results-sections .handle-section,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .results-sections .handle-section,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .results-sections .handle-section,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .results-sections .handle-section,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .results-sections .handle-section {
  position: relative;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .results-sections .warning-alert,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .results-sections .warning-alert,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .results-sections .warning-alert,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .results-sections .warning-alert,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .results-sections .warning-alert,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .results-sections .warning-alert {
  background-image: url(data:image/png;base64,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);
  position: absolute;
  height: 153px;
  width: 260px;
  font-size: 36px;
  font-weight: 700;
  color: #e7444e;
  z-index: 10;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  background-size: cover;
  right: -2rem;
  top: -1rem;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .results-sections .warning-alert span,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .results-sections .warning-alert span,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .results-sections .warning-alert span,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .results-sections .warning-alert span,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .results-sections .warning-alert span,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .results-sections .warning-alert span {
  transform: rotate(10deg);
  padding-left: 0.5rem;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .four-steps-section,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .four-steps-section,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .four-steps-section,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .four-steps-section,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .four-steps-section,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .four-steps-section {
  position: relative;
  height: 582px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .four-steps-section .click-point,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .four-steps-section .click-point,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .four-steps-section .click-point,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .four-steps-section .click-point,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .four-steps-section .click-point,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .four-steps-section .click-point {
  position: absolute;
  width: 149px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .four-steps-section .step,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .four-steps-section .step,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .four-steps-section .step,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .four-steps-section .step,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .four-steps-section .step,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .four-steps-section .step {
  width: 200.65px;
  position: absolute;
  cursor: pointer;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .four-steps-section .step img,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .four-steps-section .step img,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .four-steps-section .step img,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .four-steps-section .step img,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .four-steps-section .step img,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .four-steps-section .step img {
  position: absolute;
  left: -240px;
  bottom: -136px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .four-steps-section .step .step-title,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .four-steps-section .step .step-title,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .four-steps-section .step .step-title,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .four-steps-section .step .step-title,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .four-steps-section .step .step-title,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .four-steps-section .step .step-title {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 29px;
  text-align: center;
  margin-bottom: 29.89px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .four-steps-section .step .text,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .four-steps-section .step .text,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .four-steps-section .step .text,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .four-steps-section .step .text,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .four-steps-section .step .text,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .four-steps-section .step .text {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 29px;
  text-align: center;
  margin-bottom: 40.69px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .four-steps-section .step .indicator,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .four-steps-section .step .indicator,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .four-steps-section .step .indicator,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .four-steps-section .step .indicator,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .four-steps-section .step .indicator,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .four-steps-section .step .indicator {
  width: 100%;
  line-height: 68.78px;
  display: flex;
  font-size: 26px;
  font-weight: 700;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .four-steps-section .step.step1,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .four-steps-section .step.step1,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .four-steps-section .step.step1,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .four-steps-section .step.step1,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .four-steps-section .step.step1,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .four-steps-section .step.step1 {
  top: 131.56px;
  left: 0;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .four-steps-section .step.step1 .indicator,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .four-steps-section .step.step1 .indicator,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .four-steps-section .step.step1 .indicator,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .four-steps-section .step.step1 .indicator,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .four-steps-section .step.step1 .indicator,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .four-steps-section .step.step1 .indicator {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAABGCAYAAABmILAIAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAL1SURBVHgB7d1NkppAGIDhxiKLrOIRzG1yhBwhx5irZJdr5CSZXQ4QBVF+wtfFZ7WItDiiQL9PlaXDbHmnfwAnSr+/bQyATp9/vb3Hn+LijwFwYZck7/Xb15UBcCFJU5Nl2UY+xwbAme1uZw6Hw+lnIgEaVVXZQI7H49lxIgFqZVmaf9utKYri4ndEguDleW5HEAmlC5EgaPv93i7S+xAJgiSjxk7WH/Uo4kMkCI6MHmn9koX6LYgEwRgyeriIBEEYOnq4iASLJjtXuyTp3Nq9FZFgkezUqo6jfWHwHkSCRZHp1D7L7PTqnqlV299vPzZEgkV4dBwuIsGsjRmHIhLM0jPiUESCWZHdKrmNPatfY8ehiASzIHGkaTr4QuAjEAkm65lTqj5EgkmRGOTC36tGjS5Egkl4xVrjVkSCl5lyGC4iwVPNJQwXkWBUEoJEYeM4HmcThotI8FC68JZFd15HMZXF993imHu38DEahYwUcsdtXn+e42jRh0gwiNyCLjFIGDaOBUbRRiS4SoKQCIp6lNAp1NKD6EIksDHYIOoI5D2UEeJWRBIIOfnlpNcQdJTQ47iOSGZOv3VQRwA54fXEt8eaIHA/IpmI9snePqbvZX3yV84L4yOSkehJ7P6Fd//K261T5zOmi0gG0pPaLmybqczZsSYELAeRtOiitmgWtacFrzMaICzBRaK7OjoKnH5mBECHVWHWi4zktL3pjAa63QkMEUXlfCMhBDzL5CNxY9ArwVwAwzNNJhJiwFS9JBK9tTqkO0kxX6NGojtGemt13kQBzMlDI7G3UxMEFubuSGSU0Ec0mTJhyW6ORKZN8kC/PnzDVitCcTUSnTrZZ5cDfSINEKdIJIIsy2wcc/3qF2AMcSL/V67ZjgVwrqyidSzf2g2gWxRF65UB0ItIAA8iATyIBPAgEsCDSAAPIgE8iATwIBLAg0gADyIBelSV4bYUoM9qVX0hEsCDSAAPIgE8iATwIBLAg0gAj7gy1U8DoFNUVb//A1Rb9MBga6C3AAAAAElFTkSuQmCC);
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .four-steps-section .step.step1 img,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .four-steps-section .step.step1 img,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .four-steps-section .step.step1 img,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .four-steps-section .step.step1 img,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .four-steps-section .step.step1 img,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .four-steps-section .step.step1 img {
  left: -240px;
  bottom: -136px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .four-steps-section .step.step2,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .four-steps-section .step.step2,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .four-steps-section .step.step2,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .four-steps-section .step.step2,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .four-steps-section .step.step2,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .four-steps-section .step.step2 {
  top: 73.77px;
  left: 331px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .four-steps-section .step.step2 .indicator,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .four-steps-section .step.step2 .indicator,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .four-steps-section .step.step2 .indicator,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .four-steps-section .step.step2 .indicator,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .four-steps-section .step.step2 .indicator,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .four-steps-section .step.step2 .indicator {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAABFCAYAAADgtMKmAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALuSURBVHgB7dxBctowFIDhB/W+HIFtj9Eb9BS5Undd9U5Ztj1C2wkBbEvxMxYYsC2c2GDJ/zeTCTMkO/15km2yeH768UsAXNtkv7/8fPqaFC/XAuDcJhO7TVf6cikAzhWByDaVhQiRAFeqQOoSASBirchLEcc+v3qLSABTBPJ/J5LbxreJBPOWmSKQ/WGStCASzNem2F5tM++PEQnmJ9PzR/v26hKRYF5ei8nxmvb6FSLBPOjZ42V/8/SoIxLETQ/kOj1uOHu0IRLEy8Vh+0+POiJBfPSGoF65Mh+LQz1/+74mEsRDzx16KE+NDIlIEL6R4nCIBOEaOQ6HSBAWPYTv8sOBfIAzxy2IBGHQOLb5IFer+iISTNudtlRdiATT88Cp0YRIMA3urJHmD50aTYgEj6Nh6LNUup3SJ3MnMDWaEAnuS0PQO+L6NeEw6ogE4zNVGBPcSt2CSDA8t43aFwfvvbnb/YxRJBnPbmEA9Sj0e4DToguRoD+dDLp1ys0hiDzgSXEDIkE3W00GDSOrogjgsD0kIsGBLnzdJWXVhNDXMwyiCZHMiS54XfNZNRlMFUMW+OF6ZEQSCxeALnadBOVrc4rCvYfeiGSK3GIu/9rbUwDWnt7Tby4G9x5GQSRjOy5wqRb1xcI/hiAs9okikvfq2t6Y6r4Biz4KRNKkfsB1f/mNPd/fs/hnY56RtF3lcZc+CQCVYims4o2kft3fTQKu8qAnY23gkbSFwDTAgMKIxD1AVwbADTDc17QiuYyhfB3GB3MQr8dFUn+SlMmACRs/kssH51LODAjL8JGUW6T8MBmy+D9rgPh9LJL6lonzAyLVL5L84hNpnCEwA92RuC1TGs6/fwGGdh6JmxREARwl5aTQ/3Kx46OaQJNE/u0EQLPFcrFeCoBORAJ4EAngQSSAB5EAHkQCeBAJ4EEkgAeRAB5EAngQCdDB2uWKSIAOn0Q+EwngQSSAB5EAHkQCeBAJ4EEkgEdixf4RAC0Wf98AYqTlQ0RwE48AAAAASUVORK5CYII=);
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .four-steps-section .step.step3,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .four-steps-section .step.step3,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .four-steps-section .step.step3,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .four-steps-section .step.step3,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .four-steps-section .step.step3,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .four-steps-section .step.step3 {
  top: 32.85px;
  left: 652px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .four-steps-section .step.step3 .indicator,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .four-steps-section .step.step3 .indicator,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .four-steps-section .step.step3 .indicator,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .four-steps-section .step.step3 .indicator,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .four-steps-section .step.step3 .indicator,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .four-steps-section .step.step3 .indicator {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAABFCAYAAADgtMKmAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMiSURBVHgB7dxNctowGIBhGdiXI3CG3qC36Bm67xl6hK56nm57g7b7thkCBLAtqf4EIiYBKwZsbOt9ZjrJkC79ok/+S759/vFTAXhluzS/Pn19/2FilZopAEfSJ6NWcz2V30cKwBEXyIOWX10kEwXgYL3QavNojj4jEmBvPS8CWZpXnxMJomeLjfnyb67yrT35dyJB1HRWBPIvVya3Z/8PkSBaMlrJiBVCJIiOKbpYPZwfr14iEkRFVo/Nwihr3haIIBJEoe7qUUYkGDQ5c7WVvcdjeO9xDpFgsOTK+dO83mh1CpFgcGSkkivnl4xWL335+H1GJBiMW8ZRRiTovabi8IgEvdV0HB6RoHfaisMjEvSCP5UrFwOvPVtVF5Gg02S1SDemOJ1rW4/DIxJ0jls1VkZlRRxtjVRViASd4fcacvv6vVaNU4gEd9WFcSqESNC6PoRRRiRonOwx0rXsL2Sf0a1R6i2IBI2Q1SJPrcq23dh8X2qsx1MiwU3oTIKw7oxU1zbe19DjhEhQn4xPulgl8mx4UZxCJKgkQcibRGSV0FkRRL4LJCZEggOJQbt/ygWRp6ryVTuxIJLI+JVBRiX5afQuCpMPe2S6BpEMiARgtXUvPdBarkHsVgS3h3D7BkK4BJF0lB9z5IC3xVFuzPNB7mLY/3R/N4xFTSKSFpS/4f0BLwe1P9h3n/sI+LbvGiK5gj/QZa73B778Xv6G56DvPyI5wwcgG1w3zujdfUY6Z7yJTbSRlCMorwBscFE2Ssywr7iXz/u7kUhOdxIBakiSAdyWci4ExiHcSi8i8WeHspQLYGhf5yJx9wntY3ArBKsC7uxukbhN89Yc7hNiZUBXtRKJXxXkTlL2DOibm0dSDkIexBn6swYYvqsiKT98k6fymCZBYHhqReI31TrbPb8c28M3iFNlJBJFurE8gIOoHUXS91e/AE2Y+BeFMT4Bp00Wf3IF4DSr7GykAFQiEiCASIAAIgECiAQIIBIggEiAACIBAogECCASIIBIgAqJTaZEAlRJ1DsiAQKIBAggEiCASIAAIgECiAQIkBdB/FYAzpn/BxpxqBXldz9PAAAAAElFTkSuQmCC);
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .four-steps-section .step.step4,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .four-steps-section .step.step4,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .four-steps-section .step.step4,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .four-steps-section .step.step4,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .four-steps-section .step.step4,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .four-steps-section .step.step4 {
  top: -32.94px;
  left: 971px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .four-steps-section .step.step4 .indicator,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .four-steps-section .step.step4 .indicator,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .four-steps-section .step.step4 .indicator,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .four-steps-section .step.step4 .indicator,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .four-steps-section .step.step4 .indicator,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .four-steps-section .step.step4 .indicator {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAABGCAYAAABmILAIAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALySURBVHgB7dxPctowFIBxQVhk0UVu0PRmuUHbG3Smh+iyR+sRwiTFNrZll4fzGkHAMn9sLPn7zWQgwFIfT2Cb2dcf6W8D4IPc2uWvn5++L8zMPBkAO6qqMsnfbLm5u4kEwA4J5OUlMdbWD/I/kQCOsmwCqev6/2NEArxZr0uzWmU7gQgiATaSJDdpuj74HJFg0mRqvL6mpijs0dcQCSZLwlitUvmA3vo6IsHkyPRI03z71wWRYFK6Tg8XkWASTp0eLiJB9M6ZHi4iQbTkwGCSZK3fXHVBJIjOJVurfU/f/jwQCaIhcWRZsY1j/6j5ubLsnkgQvj7icBEJgtV3HIpIEJyh4lBEgmDIt1RyEuKl31adikgwajo1iqIcPA5FJBglCSLPi+01HkNsqdoQCUZjDFPjECLBTY01DBeRYHBuGHLqyK23Uz5EgkFUVb35fDHuiXEMkaAXMh1kSsiH7zwvt5GEaH5vOS0F1yMToixtMNuoLubmjkhwHp0UsUVxCJGgE4lAYrC22vzZ7f9TQSTY4U4IDUKu6It1SnRBJBMlH6Q1BPntW7mNect0CSKJkCx0WevNJGgikCiaKWGD/abpVogkALqoZcHLQtcFr/eb11RvzxumwZURycBkUesi10W/v9jfQ2DBjwGRXIFub3QrowtdHuMdPnxE4qHv/BJA8w5f7Sx+9vfxm3wkGoBOAL0lAKjoI2n2/hoCEeA0lb17jCKSQyFwEAzXElQk7gEw9yAYEwF9GmUk+zEwFXBLN42E84QQgsEicaeD3HJ6BELRSyQahJxaLfflYhymA0J1cSTulqkJgyAQl5Mjkckg1yw3F95M6+IbTJM3EveKNImDKYGp+RCJ/vQLWyegsZAIJAaZFiH/9AvQl8Xz84ppARwxn9WPcwIB2s0NgFZEAngQCeBBJIAHkQAeRAJ4EAngQSSAB5EAHkQCeBAJ0KKuZ5+JBPAgEsCDSAAPIgE8iATwIBLAg0gAj0U5t18MgIPuTbb8B39gApjHABaiAAAAAElFTkSuQmCC);
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .hacker-steps,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .hacker-steps,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .hacker-steps,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .hacker-steps,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .hacker-steps,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .hacker-steps {
  margin-top: 56.74px;
  position: relative;
  margin-left: 2.5rem;
  padding-bottom: 283px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .hacker-steps .point,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .hacker-steps .point,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .hacker-steps .point,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .hacker-steps .point,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .hacker-steps .point,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .hacker-steps .point {
  width: 156.63px;
  position: absolute;
  top: -6.5rem;
  right: 6.5rem;
  transform: rotate(135deg);
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .hacker-steps .step1 .step-text,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .hacker-steps .step1 .step-text,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .hacker-steps .step1 .step-text,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .hacker-steps .step1 .step-text,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .hacker-steps .step1 .step-text,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .hacker-steps .step1 .step-text {
  background-color: #0c53a3;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .hacker-steps .step2 .step-text,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .hacker-steps .step2 .step-text,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .hacker-steps .step2 .step-text,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .hacker-steps .step2 .step-text,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .hacker-steps .step2 .step-text,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .hacker-steps .step2 .step-text {
  background-color: #104989;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .hacker-steps .step3 .step-text,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .hacker-steps .step3 .step-text,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .hacker-steps .step3 .step-text,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .hacker-steps .step3 .step-text,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .hacker-steps .step3 .step-text,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .hacker-steps .step3 .step-text {
  background-color: #1b2b44;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .hacker-steps .step,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .hacker-steps .step,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .hacker-steps .step,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .hacker-steps .step,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .hacker-steps .step,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .hacker-steps .step {
  display: flex;
  align-items: flex-end;
  align-content: flex-end;
  grid-gap: 4rem;
  gap: 4rem;
  min-height: 450px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .hacker-steps .step img,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .hacker-steps .step img,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .hacker-steps .step img,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .hacker-steps .step img,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .hacker-steps .step img,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .hacker-steps .step img {
  width: 60%;
  max-width: 640px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .hacker-steps .step .step-text,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .hacker-steps .step .step-text,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .hacker-steps .step .step-text,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .hacker-steps .step .step-text,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .hacker-steps .step .step-text,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .hacker-steps .step .step-text {
  padding: 1.25rem 2.875rem;
  border-radius: 1.25rem;
  color: #fff;
  width: 35%;
  max-width: 380px;
  height: 256.84px;
  justify-content: center;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .hacker-steps .step .step-text .name,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .hacker-steps .step .step-text .name,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .hacker-steps .step .step-text .name,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .hacker-steps .step .step-text .name,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .hacker-steps .step .step-text .name,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .hacker-steps .step .step-text .name {
  font-weight: 700;
  font-size: 1.68rem;
  line-height: 2, 6875ren;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .hacker-steps .step .step-text .text,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .hacker-steps .step .step-text .text,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .hacker-steps .step .step-text .text,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .hacker-steps .step .step-text .text,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .hacker-steps .step .step-text .text,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .hacker-steps .step .step-text .text {
  font-weight: 400;
  font-size: 1.45rem;
  line-height: 1.75rem;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .hacker-steps .step-dots,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .hacker-steps .step-dots,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .hacker-steps .step-dots,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .hacker-steps .step-dots,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .hacker-steps .step-dots,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .hacker-steps .step-dots {
  position: absolute;
  display: flex;
  grid-gap: 24px;
  gap: 24px;
  left: 500px;
  top: 500px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .hacker-steps .step-dots .step-dot,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .hacker-steps .step-dots .step-dot,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .hacker-steps .step-dots .step-dot,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .hacker-steps .step-dots .step-dot,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .hacker-steps .step-dots .step-dot,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .hacker-steps .step-dots .step-dot {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #707070;
  opacity: 0.3;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .hacker-steps .step-dots .step-dot.active,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .hacker-steps .step-dots .step-dot.active,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .hacker-steps .step-dots .step-dot.active,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .hacker-steps .step-dots .step-dot.active,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .hacker-steps .step-dots .step-dot.active,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .hacker-steps .step-dots .step-dot.active {
  opacity: 1;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .hacker-steps .next-button,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .hacker-steps .next-button,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .hacker-steps .next-button,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .hacker-steps .next-button,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .hacker-steps .next-button,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .hacker-steps .next-button {
  position: absolute;
  right: 0;
  background: #ffc53d;
  border-radius: 0px;
  height: 5.1875rem;
  width: 5.1875rem;
  top: 1rem;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .hacker-steps .prev-button,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .hacker-steps .prev-button,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .hacker-steps .prev-button,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .hacker-steps .prev-button,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .hacker-steps .prev-button,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .hacker-steps .prev-button {
  position: absolute;
  left: -6rem;
  background: #ffc53d;
  border-radius: 0px;
  height: 5.1875rem;
  width: 5.1875rem;
  top: 1rem;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .secure-warning-section,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .secure-warning-section,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .secure-warning-section,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .secure-warning-section,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .secure-warning-section,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .secure-warning-section {
  display: flex;
  margin-bottom: 163px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-left,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-left,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-left,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-left,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-left,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-left {
  position: relative;
  padding-top: 147px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-left .point,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-left .point,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-left .point,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-left .point,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-left .point,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-left .point {
  width: 156.63px;
  position: absolute;
  top: 0rem;
  right: 6.5rem;
  transform: rotate(135deg);
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-left .next-button,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-left .next-button,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-left .next-button,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-left .next-button,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-left .next-button,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-left .next-button {
  position: absolute;
  right: 0;
  background: #ffc53d;
  border-radius: 0px;
  height: 5.1875rem;
  width: 5.1875rem;
  top: 9rem;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-left .prev-button,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-left .prev-button,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-left .prev-button,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-left .prev-button,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-left .prev-button,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-left .prev-button {
  position: absolute;
  left: -3.5rem;
  background: #ffc53d;
  border-radius: 0px;
  height: 5.1875rem;
  width: 5.1875rem;
  top: 9rem;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-left .secure-warning,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-left .secure-warning,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-left .secure-warning,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-left .secure-warning,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-left .secure-warning,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-left .secure-warning {
  text-align: center;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-left .secure-warning img,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-left .secure-warning img,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-left .secure-warning img,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-left .secure-warning img,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-left .secure-warning img,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-left .secure-warning img {
  width: 100%;
  max-width: 705px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-left .secure-warning .text,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-left .secure-warning .text,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-left .secure-warning .text,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-left .secure-warning .text,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-left .secure-warning .text,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-left .secure-warning .text {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2.215rem;
  background: #e7444e;
  padding: 1.6875rem 2.625rem;
  color: #fff;
  border-radius: 1.25rem;
  display: inline-block;
  margin-top: 1.625rem;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-right .secure-warning-board,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-right .secure-warning-board,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-right .secure-warning-board,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-right .secure-warning-board,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-right .secure-warning-board,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-right .secure-warning-board {
  background-image: url(/static/media/secure-warning-bg.78893f72.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 400px;
  height: 493px;
  font-size: 2.25rem;
  line-height: 3.25rem;
  text-align: center;
  padding: 55px 7rem 0 1rem;
  padding-top: 55px;
  padding-right: 90px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-right .secure-warning-board .red,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-right .secure-warning-board .red,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-right .secure-warning-board .red,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-right .secure-warning-board .red,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-right .secure-warning-board .red,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-right .secure-warning-board .red {
  font-weight: 700;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-right .secure-warning-board .blue,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-right .secure-warning-board .blue,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-right .secure-warning-board .blue,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-right .secure-warning-board .blue,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-right .secure-warning-board .blue,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-right .secure-warning-board .blue {
  font-weight: 500;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .course-landing.ransomware,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .course-landing.ransomware,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .course-landing.ransomware,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .course-landing.ransomware,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .course-landing.ransomware,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .course-landing.ransomware {
  background: none;
  background-image: url(/static/media/courseLanding-ransomware.588e3676.png);
  background-size: cover;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .course-landing.ransomware .course-landing-content .course-landing-text .title,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .course-landing.ransomware .course-landing-content .course-landing-text .title,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .course-landing.ransomware .course-landing-content .course-landing-text .title,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .course-landing.ransomware .course-landing-content .course-landing-text .title,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .course-landing.ransomware .course-landing-content .course-landing-text .title,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .course-landing.ransomware .course-landing-content .course-landing-text .title,
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .course-landing.ransomware .course-landing-content .course-landing-text .description,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .course-landing.ransomware .course-landing-content .course-landing-text .description,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .course-landing.ransomware .course-landing-content .course-landing-text .description,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .course-landing.ransomware .course-landing-content .course-landing-text .description,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .course-landing.ransomware .course-landing-content .course-landing-text .description,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .course-landing.ransomware .course-landing-content .course-landing-text .description {
  color: white;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .course-landing.socialMedia,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .course-landing.socialMedia,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .course-landing.socialMedia,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .course-landing.socialMedia,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .course-landing.socialMedia,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .course-landing.socialMedia {
  background: none;
  background-image: url(/static/media/courseLanding-socialMedia.59d6fb7a.png);
  background-size: cover;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .course-landing.socialMedia .course-landing-content .course-landing-text .title,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .course-landing.socialMedia .course-landing-content .course-landing-text .title,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .course-landing.socialMedia .course-landing-content .course-landing-text .title,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .course-landing.socialMedia .course-landing-content .course-landing-text .title,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .course-landing.socialMedia .course-landing-content .course-landing-text .title,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .course-landing.socialMedia .course-landing-content .course-landing-text .title,
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .course-landing.socialMedia .course-landing-content .course-landing-text .description,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .course-landing.socialMedia .course-landing-content .course-landing-text .description,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .course-landing.socialMedia .course-landing-content .course-landing-text .description,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .course-landing.socialMedia .course-landing-content .course-landing-text .description,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .course-landing.socialMedia .course-landing-content .course-landing-text .description,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .course-landing.socialMedia .course-landing-content .course-landing-text .description {
  color: white;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .course-landing.ppd,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .course-landing.ppd,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .course-landing.ppd,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .course-landing.ppd,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .course-landing.ppd,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .course-landing.ppd {
  background: none;
  background-image: url(/static/media/courseLanding-PPII.3c66c6fc.png);
  background-size: cover;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .course-landing.ppd .course-landing-content .course-landing-text .title,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .course-landing.ppd .course-landing-content .course-landing-text .title,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .course-landing.ppd .course-landing-content .course-landing-text .title,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .course-landing.ppd .course-landing-content .course-landing-text .title,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .course-landing.ppd .course-landing-content .course-landing-text .title,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .course-landing.ppd .course-landing-content .course-landing-text .title,
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .course-landing.ppd .course-landing-content .course-landing-text .description,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .course-landing.ppd .course-landing-content .course-landing-text .description,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .course-landing.ppd .course-landing-content .course-landing-text .description,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .course-landing.ppd .course-landing-content .course-landing-text .description,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .course-landing.ppd .course-landing-content .course-landing-text .description,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .course-landing.ppd .course-landing-content .course-landing-text .description {
  color: white;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .course-landing.dataLeakage,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .course-landing.dataLeakage,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .course-landing.dataLeakage,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .course-landing.dataLeakage,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .course-landing.dataLeakage,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .course-landing.dataLeakage {
  background: none;
  background-image: url(/static/media/courseLanding-dataLeakage.bee35fc0.png);
  background-size: cover;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .course-landing.dataLeakage .course-landing-content .course-landing-text .title,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .course-landing.dataLeakage .course-landing-content .course-landing-text .title,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .course-landing.dataLeakage .course-landing-content .course-landing-text .title,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .course-landing.dataLeakage .course-landing-content .course-landing-text .title,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .course-landing.dataLeakage .course-landing-content .course-landing-text .title,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .course-landing.dataLeakage .course-landing-content .course-landing-text .title,
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .course-landing.dataLeakage .course-landing-content .course-landing-text .description,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .course-landing.dataLeakage .course-landing-content .course-landing-text .description,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .course-landing.dataLeakage .course-landing-content .course-landing-text .description,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .course-landing.dataLeakage .course-landing-content .course-landing-text .description,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .course-landing.dataLeakage .course-landing-content .course-landing-text .description,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .course-landing.dataLeakage .course-landing-content .course-landing-text .description {
  color: white;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .course-landing.whatsApp,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .course-landing.whatsApp,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .course-landing.whatsApp,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .course-landing.whatsApp,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .course-landing.whatsApp,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .course-landing.whatsApp {
  background: none;
  background-image: url(/static/media/courseLanding-whatsApp.3969b664.png);
  background-size: cover;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .course-landing.whatsApp .course-landing-content .course-landing-text .title,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .course-landing.whatsApp .course-landing-content .course-landing-text .title,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .course-landing.whatsApp .course-landing-content .course-landing-text .title,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .course-landing.whatsApp .course-landing-content .course-landing-text .title,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .course-landing.whatsApp .course-landing-content .course-landing-text .title,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .course-landing.whatsApp .course-landing-content .course-landing-text .title,
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .course-landing.whatsApp .course-landing-content .course-landing-text .description,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .course-landing.whatsApp .course-landing-content .course-landing-text .description,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .course-landing.whatsApp .course-landing-content .course-landing-text .description,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .course-landing.whatsApp .course-landing-content .course-landing-text .description,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .course-landing.whatsApp .course-landing-content .course-landing-text .description,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .course-landing.whatsApp .course-landing-content .course-landing-text .description {
  color: white;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .course-landing.aiSecurity,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .course-landing.aiSecurity,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .course-landing.aiSecurity,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .course-landing.aiSecurity,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .course-landing.aiSecurity,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .course-landing.aiSecurity {
  background: none;
  background-image: url(/static/media/courseLanding-aiSecurity.31c1e1da.png);
  background-size: cover;
  margin-bottom: 3.5rem;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .course-landing.aiSecurity .course-landing-content .course-landing-text .title,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .course-landing.aiSecurity .course-landing-content .course-landing-text .title,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .course-landing.aiSecurity .course-landing-content .course-landing-text .title,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .course-landing.aiSecurity .course-landing-content .course-landing-text .title,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .course-landing.aiSecurity .course-landing-content .course-landing-text .title,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .course-landing.aiSecurity .course-landing-content .course-landing-text .title,
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .course-landing.aiSecurity .course-landing-content .course-landing-text .description,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .course-landing.aiSecurity .course-landing-content .course-landing-text .description,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .course-landing.aiSecurity .course-landing-content .course-landing-text .description,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .course-landing.aiSecurity .course-landing-content .course-landing-text .description,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .course-landing.aiSecurity .course-landing-content .course-landing-text .description,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .course-landing.aiSecurity .course-landing-content .course-landing-text .description {
  color: white;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .final-quiz-container,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .final-quiz-container,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .final-quiz-container,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .final-quiz-container,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .final-quiz-container,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .final-quiz-container {
  position: relative;
  min-height: calc(100vh - 98px);
  overflow-x: hidden;
  width: 100%;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body {
  position: absolute;
  left: 0;
  display: flex;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-title,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-title,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-title,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-title,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-title,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-title {
  font-size: 48px;
  font-weight: 700;
  margin-bottom: 11.27px;
  display: flex;
  justify-content: space-between;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-title a,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-title a,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-title a,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-title a,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-title a,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-title a {
  width: 330px;
  height: 78px;
  background-color: #f26927;
  border-radius: 50px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 9px 15px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-title a > span,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-title a > span,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-title a > span,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-title a > span,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-title a > span,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-title a > span {
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #fff;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-retry-button,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-retry-button,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-retry-button,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-retry-button,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-retry-button,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-retry-button {
  display: block;
  min-width: 292px;
  height: 57px;
  background-color: #f26927;
  border-radius: 50px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  font-size: 18px;
  font-weight: 500;
  margin-top: 60px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result p,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result p,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result p,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result p,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result p,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result p {
  font-size: 20px;
  font-weight: 400;
  line-height: 38px;
  letter-spacing: 0px;
  text-align: left;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass {
  margin: 91px 120px 0 120px;
  display: flex;
  grid-gap: 10%;
  gap: 10%;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass .left,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass .left,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass .left,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass .left,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass .left,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass .left {
  flex-grow: 2;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass .cert-download-input,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass .cert-download-input,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass .cert-download-input,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass .cert-download-input,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass .cert-download-input,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass .cert-download-input {
  display: flex;
  grid-gap: 14px;
  gap: 14px;
  margin-top: 40px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass .cert-download-input .cert-name-input,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass .cert-download-input .cert-name-input,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass .cert-download-input .cert-name-input,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass .cert-download-input .cert-name-input,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass .cert-download-input .cert-name-input,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass .cert-download-input .cert-name-input {
  background-color: #efefef;
  border-radius: 10px;
  border: none;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass .cert-download-input .cert-download-button,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass .cert-download-input .cert-download-button,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass .cert-download-input .cert-download-button,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass .cert-download-input .cert-download-button,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass .cert-download-input .cert-download-button,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass .cert-download-input .cert-download-button {
  display: block;
  width: 130.79px;
  height: 56.05px;
  background-color: #f26927;
  border-radius: 50px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .cert-area,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .cert-area,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .cert-area,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .cert-area,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .cert-area,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .cert-area {
  background: linear-gradient(90deg, #dcf2f8 0%, #edf5ff 100%);
  width: 100%;
  position: relative;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .cert-area img,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .cert-area img,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .cert-area img,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .cert-area img,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .cert-area img,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .cert-area img {
  width: 100%;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .cert-area .cert-name,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .cert-area .cert-name,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .cert-area .cert-name,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .cert-area .cert-name,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .cert-area .cert-name,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .cert-area .cert-name {
  position: absolute;
  top: 330px;
  font-size: 60px;
  font-weight: 300;
  line-height: 96px;
  text-transform: capitalize;
  text-align: center;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .cert-area .cert-date,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .cert-area .cert-date,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .cert-area .cert-date,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .cert-area .cert-date,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .cert-area .cert-date,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .cert-area .cert-date {
  top: 542px;
  position: absolute;
  text-align: center;
  padding-left: 25px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-not-pass,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-not-pass,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-not-pass,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-not-pass,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-not-pass,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-not-pass {
  margin: 91px 147px 0 147px;
  display: flex;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-not-pass .left,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-not-pass .left,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-not-pass .left,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-not-pass .left,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-not-pass .left,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-not-pass .left {
  flex-grow: 2;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .quiz-section,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .quiz-section,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .quiz-section,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .quiz-section,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .quiz-section,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .quiz-section {
  margin: auto;
  width: 90%;
  margin-bottom: 86px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .quiz-section .img-quiz,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .quiz-section .img-quiz,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .quiz-section .img-quiz,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .quiz-section .img-quiz,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .quiz-section .img-quiz,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .quiz-section .img-quiz {
  width: 150px;
  position: absolute;
  margin-left: 30px;
  top: -60px;
  z-index: 0;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body {
  border: 1px solid #f26927;
  border-radius: 20px;
  padding: 80px 60px;
  color: #333;
  width: 100%;
  display: inline-block;
  position: relative;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-index,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-index,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-index,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-index,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-index,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-index {
  position: absolute;
  top: 22px;
  right: 38px;
  font-size: 24px;
  font-weight: 400;
  line-height: 29px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-title,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-title,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-title,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-title,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-title,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-title {
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
  color: #999999;
  margin-bottom: 8px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-description,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-description,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-description,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-description,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-description,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-description {
  font-size: 24px;
  font-weight: 400;
  line-height: 41px;
  letter-spacing: 0px;
  text-align: left;
  margin-bottom: 3rem;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-question,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-question,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-question,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-question,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-question,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-question {
  font-size: 24px;
  font-weight: 700;
  line-height: 41px;
  letter-spacing: 0px;
  text-align: left;
  margin-bottom: 36px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers {
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: 0px;
  text-align: left;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .ant-radio-group,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .ant-radio-group,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .ant-radio-group,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .ant-radio-group,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .ant-radio-group,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .ant-radio-group {
  width: 100%;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item {
  background: #f7f8fb;
  padding: 25px 58px;
  margin-bottom: 15px;
  border-radius: 10px;
  padding-left: 20px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper {
  font-size: 1rem;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper .ant-radio,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper .ant-radio,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper .ant-radio,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper .ant-radio,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper .ant-radio,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper .ant-radio {
  margin-right: 12px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper .ant-radio .ant-radio-inner,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper .ant-radio .ant-radio-inner,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper .ant-radio .ant-radio-inner,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper .ant-radio .ant-radio-inner,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper .ant-radio .ant-radio-inner,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper .ant-radio .ant-radio-inner {
  width: 18px;
  height: 18px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper .ant-radio .ant-radio-inner::after,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper .ant-radio .ant-radio-inner::after,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper .ant-radio .ant-radio-inner::after,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper .ant-radio .ant-radio-inner::after,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper .ant-radio .ant-radio-inner::after,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper .ant-radio .ant-radio-inner::after {
  width: 18px;
  height: 18px;
  margin-top: -9px;
  margin-left: -9px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .anticon.anticon-check-circle,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .anticon.anticon-check-circle,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .anticon.anticon-check-circle,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .anticon.anticon-check-circle,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .anticon.anticon-check-circle,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .anticon.anticon-check-circle {
  position: absolute;
  background-color: #fff;
  left: 0;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .anticon.anticon-check-circle svg,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .anticon.anticon-check-circle svg,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .anticon.anticon-check-circle svg,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .anticon.anticon-check-circle svg,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .anticon.anticon-check-circle svg,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .anticon.anticon-check-circle svg {
  width: 18px;
  height: 18px;
  color: #0ca39a;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .anticon.anticon-close-circle,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .anticon.anticon-close-circle,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .anticon.anticon-close-circle,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .anticon.anticon-close-circle,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .anticon.anticon-close-circle,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .anticon.anticon-close-circle {
  position: absolute;
  left: 0;
  background-color: #fff;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .anticon.anticon-close-circle svg,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .anticon.anticon-close-circle svg,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .anticon.anticon-close-circle svg,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .anticon.anticon-close-circle svg,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .anticon.anticon-close-circle svg,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .anticon.anticon-close-circle svg {
  width: 18px;
  height: 18px;
  color: #e7444e;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item.correct,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item.correct,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item.correct,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item.correct,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item.correct,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item.correct {
  background: #f4ffff;
  border: 0.5px solid #0ca39a;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item.correct .ant-radio,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item.correct .ant-radio,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item.correct .ant-radio,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item.correct .ant-radio,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item.correct .ant-radio,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item.correct .ant-radio {
  visibility: hidden;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item.wrong,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item.wrong,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item.wrong,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item.wrong,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item.wrong,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item.wrong {
  border: 0.5px solid #e7444e;
  background: #fff2f3;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item.wrong .ant-radio,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item.wrong .ant-radio,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item.wrong .ant-radio,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item.wrong .ant-radio,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item.wrong .ant-radio,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item.wrong .ant-radio {
  visibility: hidden;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section {
  display: inline-block;
  width: 100%;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-submit-button,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-submit-button,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-submit-button,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-submit-button,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-submit-button,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-submit-button {
  display: block;
  min-width: 205px;
  height: 51px;
  background-color: #f26927;
  border-radius: 50px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 500;
  line-height: 19.54px;
  float: right;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-submit-button[disabled],
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-submit-button[disabled],
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-submit-button[disabled],
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-submit-button[disabled],
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-submit-button[disabled],
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-submit-button[disabled] {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d4d4d4;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
  cursor: not-allowed;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-last-button,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-last-button,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-last-button,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-last-button,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-last-button,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-last-button {
  display: block;
  min-width: 205px;
  height: 51px;
  border: 1px solid #f26927;
  border-radius: 50px;
  text-align: center;
  color: #f26927;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 500;
  line-height: 19.54px;
  float: left;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area {
  text-align: center;
  margin-top: 60px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area img,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area img,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area img,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area img,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area img,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area img {
  margin-bottom: 13px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area .text,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area .text,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area .text,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area .text,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area .text,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area .text {
  font-size: 32px;
  font-weight: 700;
  line-height: 39px;
  letter-spacing: 0px;
  text-align: center;
  margin-bottom: 15px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area .quiz-try-again-button,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area .quiz-try-again-button,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area .quiz-try-again-button,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area .quiz-try-again-button,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area .quiz-try-again-button,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area .quiz-try-again-button {
  font-size: 21px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 0em;
  text-align: center;
  margin-top: 59.5px;
}
.cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .ransomware .video-container .video-transcript-area .video-transcript-body .video-transcript-language .video-transcript-language-item.selected,
.cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .ransomware .video-container .video-transcript-area .video-transcript-body .video-transcript-language .video-transcript-language-item.selected,
.cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .ransomware .video-container .video-transcript-area .video-transcript-body .video-transcript-language .video-transcript-language-item.selected,
.cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .ransomware .video-container .video-transcript-area .video-transcript-body .video-transcript-language .video-transcript-language-item.selected,
.cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .ransomware .video-container .video-transcript-area .video-transcript-body .video-transcript-language .video-transcript-language-item.selected,
.cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .ransomware .video-container .video-transcript-area .video-transcript-body .video-transcript-language .video-transcript-language-item.selected {
  color: #407bff;
  background: rgba(64, 123, 255, 0.1);
  border: 1px solid #407bff;
}

@media (min-width: 1980px) {
  .cert-area .cert-container .cert-adate {
    font-size: 40px !important;
  }
  .cert-area .cert-container .cert-username {
    font-size: 40px !important;
  }
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body {
    width: 100%;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content {
    min-width: 35rem;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content.welcome .intro-img,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content.welcome .intro-img,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content.welcome .intro-img,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content.welcome .intro-img,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content.welcome .intro-img,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content.welcome .intro-img {
    width: 100%;
    margin-bottom: 4.8rem;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content.welcome .intro-img img,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content.welcome .intro-img img,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content.welcome .intro-img img,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content.welcome .intro-img img,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content.welcome .intro-img img,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content.welcome .intro-img img {
    width: 100%;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .topic-section-0,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .topic-section-0,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .topic-section-0,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .topic-section-0,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .topic-section-0,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .topic-section-0 {
    margin-top: 0 !important;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .header,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .header,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .header,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .header,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .header,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .header {
    font-size: 2.6rem;
    margin-bottom: 4rem;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item p.content,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item p.content,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item p.content,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item p.content,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item p.content,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item p.content {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2.375rem;
    letter-spacing: 0px;
    text-align: left;
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .password-section,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .password-section,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .password-section,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .password-section,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .password-section,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .password-section {
    width: 100%;
    margin: 7.7vw 0;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .password-section img.point,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .password-section img.point,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .password-section img.point,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .password-section img.point,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .password-section img.point,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .password-section img.point {
    width: 15.38vw;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .password-section .password-section-text,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .password-section .password-section-text,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .password-section .password-section-text,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .password-section .password-section-text,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .password-section .password-section-text,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .password-section .password-section-text {
    font-size: 3.1vw;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section {
    margin: 17vw 0;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section.tab2,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section.tab2,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section.tab2,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section.tab2,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section.tab2,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section.tab2 {
    margin-top: 30vw;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .tips,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .tips,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .tips,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .tips,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .tips,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .tips {
    width: 45vw;
    height: 12vw;
    background-repeat: no-repeat;
    font-size: 3.1vw;
    right: 26vw;
    top: -20vw;
    padding-right: 5vw;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .warning-alert,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .warning-alert,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .warning-alert,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .warning-alert,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .warning-alert,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .warning-alert {
    width: 23.33vw;
    height: 13.6vw;
    font-size: 3.33vw;
    top: -15vw;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .tips-person,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .tips-person,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .tips-person,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .tips-person,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .tips-person,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .tips-person {
    width: unset;
    right: 0;
    height: 25vw;
    top: -19.3vw;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .ant-tabs-nav-list,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .ant-tabs-nav-list,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .ant-tabs-nav-list,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .ant-tabs-nav-list,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .ant-tabs-nav-list,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .ant-tabs-nav-list {
    width: 80%;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tab,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tab,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tab,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tab,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tab,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tab {
    font-size: 2.3vw;
    line-height: 2.3vw;
    padding-left: 2vw;
    padding-right: 2vw;
    white-space: break-spaces;
    max-width: 27vw;
    margin-right: 1vw;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane {
    min-width: unset;
    min-height: 30vw;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel {
    width: 21.8vw;
    height: 23vw;
    font-size: 2.56vw;
    line-height: 3vw;
    padding: 1.5vw;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l1,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l1,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l1,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l1,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l1,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l1 {
    padding: 0;
    margin-top: 1rem;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l4,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l4,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l4,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l4,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l4,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l4 {
    line-height: 2.5vw;
    margin-top: 0;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .highlight,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .highlight,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .highlight,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .highlight,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .highlight,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .highlight {
    width: 21.8vw;
    height: 23vw;
    padding: 1vw;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .highlight .point,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .highlight .point,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .highlight .point,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .highlight .point,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .highlight .point,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .highlight .point {
    width: 15.38vw;
    left: calc(50% - 7.69vw);
    bottom: -7.69vw;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section,
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .animation002,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .animation002,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .animation002,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .animation002,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .animation002,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .animation002 {
    width: unset;
    height: 105vw;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .click-point,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .click-point,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .click-point,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .click-point,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .click-point,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .click-point,
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .animation002 .click-point,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .animation002 .click-point,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .animation002 .click-point,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .animation002 .click-point,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .animation002 .click-point,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .animation002 .click-point {
    width: 17.4vw;
    top: 10.26vw;
    left: 3vw;
    z-index: 1;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-center-circle,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-center-circle,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-center-circle,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-center-circle,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-center-circle,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-center-circle,
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-center-circle,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-center-circle,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-center-circle,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-center-circle,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-center-circle,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-center-circle {
    width: 31.8vw;
    height: 31.8vw;
    font-size: 4.1vw;
    line-height: 5.4vw;
    left: calc(50% - 15.9vw);
    top: 40vw;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel,
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel {
    width: 21.8vw;
    height: 21.8vw;
    font-size: 2.3vw;
    padding: 3vw;
    line-height: 3vw;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel img,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel img,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel img,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel img,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel img,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel img,
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel img,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel img,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel img,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel img,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel img,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel img {
    width: 5vw;
    top: 60%;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-1,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-1,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-1,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-1,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-1,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-1 {
    top: 10vw;
    left: calc(50% - 10.9vw);
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-2,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-2,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-2,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-2,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-2,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-2 {
    top: 30vw;
    right: 0;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-3,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-3,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-3,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-3,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-3,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-3 {
    top: 63vw;
    right: 0;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-4,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-4,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-4,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-4,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-4,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-4 {
    top: 81vw;
    left: calc(50% - 10.9vw);
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-5,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-5,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-5,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-5,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-5,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-5 {
    top: 63vw;
    left: 0;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-6,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-6,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-6,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-6,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-6,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-6 {
    top: 30vw;
    left: 0;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel,
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel {
    padding: 3vw;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-1,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-1,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-1,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-1,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-1,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-1,
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-1,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-1,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-1,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-1,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-1,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-1 {
    top: 10vw;
    left: calc(50% - 10.9vw);
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-2,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-2,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-2,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-2,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-2,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-2,
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-2,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-2,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-2,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-2,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-2,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-2 {
    top: calc(50% - 10.9vw);
    right: 0;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-3,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-3,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-3,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-3,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-3,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-3,
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-3,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-3,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-3,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-3,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-3,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-3 {
    top: 81vw;
    right: 20%;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-4,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-4,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-4,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-4,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-4,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-4,
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-4,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-4,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-4,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-4,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-4,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-4 {
    top: 81vw;
    left: 20%;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-5,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-5,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-5,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-5,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-5,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-5,
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-5,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-5,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-5,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-5,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-5,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-5 {
    top: calc(50% - 10.9vw);
    left: 0;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .example,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .example,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .example,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .example,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .example,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .example {
    padding-left: 0px;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .example .example-label,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .example .example-label,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .example .example-label,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .example .example-label,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .example .example-label,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .example .example-label {
    display: block;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .example .example-content,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .example .example-content,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .example .example-content,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .example .example-content,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .example .example-content,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .example .example-content {
    flex-direction: column;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .img-pwd,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .img-pwd,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .img-pwd,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .img-pwd,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .img-pwd,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .img-pwd {
    width: 90%;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .img-pwd2,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .img-pwd2,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .img-pwd2,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .img-pwd2,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .img-pwd2,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .img-pwd2 {
    width: 90%;
    margin-left: 10%;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person {
    display: flex;
    flex-direction: row;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person .popover-message,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person .popover-message,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person .popover-message,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person .popover-message,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person .popover-message,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person .popover-message {
    margin-top: 1rem;
    position: initial;
    padding: 3vw;
    width: 70vw;
    height: 40vw;
    background-image: url(/static/media/popover.0dc55141.png);
    background-size: 100% 100%;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person .popover-message .l1,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person .popover-message .l1,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person .popover-message .l1,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person .popover-message .l1,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person .popover-message .l1,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person .popover-message .l1 {
    padding-top: 6vw;
    padding-left: 2vw;
    font-size: 3vw;
    font-weight: 700;
    line-height: 4vw;
    margin-bottom: 1rem;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person .popover-message .l2,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person .popover-message .l2,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person .popover-message .l2,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person .popover-message .l2,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person .popover-message .l2,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person .popover-message .l2 {
    padding-left: 2vw;
    font-size: 3vw;
    font-weight: 400;
    line-height: 4vw;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person img.person,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person img.person,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person img.person,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person img.person,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person img.person,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person img.person {
    margin-top: 5vw;
    margin-left: 2vw;
    position: inherit;
    width: 20vw;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .example .example-content img.point,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .example .example-content img.point,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .example .example-content img.point,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .example .example-content img.point,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .example .example-content img.point,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .example .example-content img.point {
    position: absolute;
    top: -7rem;
    right: 2rem;
    width: 80px;
    height: 80px;
    transform: rotate(135deg);
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .next-button,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .next-button,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .next-button,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .next-button,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .next-button,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .next-button {
    position: absolute;
    right: 0;
    background: #FFC53D;
    border-radius: 0px;
    width: 8%;
    height: 0;
    padding-bottom: 8%;
    padding-top: 0%;
    top: 0rem;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .next-button .img-next-button,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .next-button .img-next-button,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .next-button .img-next-button,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .next-button .img-next-button,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .next-button .img-next-button,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .next-button .img-next-button {
    position: absolute;
    bottom: 4.5%;
    right: 20%;
    width: 50%;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .prev-button,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .prev-button,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .prev-button,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .prev-button,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .prev-button,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .prev-button {
    position: absolute;
    left: 0rem;
    background: #FFC53D;
    border-radius: 0px;
    height: 4rem;
    width: 4rem;
    top: 0rem;
    width: 8%;
    height: 0;
    padding-bottom: 8%;
    padding-top: 0%;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .prev-button .img-next-button,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .prev-button .img-next-button,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .prev-button .img-next-button,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .prev-button .img-next-button,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .prev-button .img-next-button,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .prev-button .img-next-button {
    position: absolute;
    bottom: 4.5%;
    right: 20%;
    width: 50%;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .title,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .title,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .title,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .title,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .title,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .title {
    font-size: 2.1rem;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .phishing-section,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .phishing-section,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .phishing-section,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .phishing-section,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .phishing-section,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .phishing-section {
    padding-bottom: 5rem;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .phishing-section .phishing-2,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .phishing-section .phishing-2,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .phishing-section .phishing-2,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .phishing-section .phishing-2,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .phishing-section .phishing-2,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .phishing-section .phishing-2 {
    width: 100vw;
    margin: 0;
    grid-gap: 10vw;
    gap: 10vw;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .phishing-section .phishing-2 .click-point,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .phishing-section .phishing-2 .click-point,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .phishing-section .phishing-2 .click-point,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .phishing-section .phishing-2 .click-point,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .phishing-section .phishing-2 .click-point,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .phishing-section .phishing-2 .click-point {
    position: absolute;
    top: 48vw;
    left: 12vw;
    width: 12vw;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .phishing-section .phishing-2 .phishing-item,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .phishing-section .phishing-2 .phishing-item,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .phishing-section .phishing-2 .phishing-item,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .phishing-section .phishing-2 .phishing-item,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .phishing-section .phishing-2 .phishing-item,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .phishing-section .phishing-2 .phishing-item {
    width: 35vw;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .phishing-section .phishing-2 .phishing-item .text,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .phishing-section .phishing-2 .phishing-item .text,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .phishing-section .phishing-2 .phishing-item .text,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .phishing-section .phishing-2 .phishing-item .text,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .phishing-section .phishing-2 .phishing-item .text,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .phishing-section .phishing-2 .phishing-item .text {
    font-size: 3vw;
    line-height: 3.5vw;
    padding: 0.8rem;
    height: auto;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .phishing-section .phishing-2 .phishing-item .phishing-icon,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .phishing-section .phishing-2 .phishing-item .phishing-icon,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .phishing-section .phishing-2 .phishing-item .phishing-icon,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .phishing-section .phishing-2 .phishing-item .phishing-icon,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .phishing-section .phishing-2 .phishing-item .phishing-icon,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .phishing-section .phishing-2 .phishing-item .phishing-icon {
    width: 12vw;
    height: 12vw;
    line-height: 12vw;
    margin-bottom: 4vw;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .phishing-section .phishing-2 .phishing-item .phishing-icon img,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .phishing-section .phishing-2 .phishing-item .phishing-icon img,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .phishing-section .phishing-2 .phishing-item .phishing-icon img,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .phishing-section .phishing-2 .phishing-item .phishing-icon img,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .phishing-section .phishing-2 .phishing-item .phishing-icon img,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .phishing-section .phishing-2 .phishing-item .phishing-icon img {
    width: 5.5vw;
    height: 5.5vw;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .phishing-section .phishing-2 .phishing-item .phishing-body img,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .phishing-section .phishing-2 .phishing-item .phishing-body img,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .phishing-section .phishing-2 .phishing-item .phishing-body img,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .phishing-section .phishing-2 .phishing-item .phishing-body img,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .phishing-section .phishing-2 .phishing-item .phishing-body img,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .phishing-section .phishing-2 .phishing-item .phishing-body img {
    width: 35vw;
    height: 20vw;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section {
    margin-top: 0;
    padding-top: 1.5rem;
    margin-right: -2rem;
    margin-left: -2rem;
    padding-left: 2rem;
    padding-bottom: 5rem;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-desc,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-desc,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-desc,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-desc,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-desc,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-desc {
    font-size: 3vw;
    line-height: 4vw;
    height: 15vw;
    width: 50vw !important;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs {
    padding-right: 2rem;
    position: relative;
    top: 0rem;
    max-width: 100%;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab {
    font-size: 2vw;
    line-height: 2vw;
    width: 30vw;
    padding: 1vw;
    height: 15vw;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns {
    bottom: -5rem;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns .click-point,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns .click-point,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns .click-point,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns .click-point,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns .click-point,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns .click-point {
    width: 5rem;
    margin-right: 1rem;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns img,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns img,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns img,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns img,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns img,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns img {
    width: 3.2rem;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container {
    top: 6rem;
    height: calc(92vw + 10rem);
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-switch-btns,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-switch-btns,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-switch-btns,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-switch-btns,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-switch-btns,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-switch-btns {
    position: absolute;
    bottom: 4rem;
    right: 10vw;
    display: block;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-switch-btns img,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-switch-btns img,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-switch-btns img,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-switch-btns img,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-switch-btns img,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-switch-btns img {
    width: 3.2rem;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-switch-btns .click-point,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-switch-btns .click-point,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-switch-btns .click-point,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-switch-btns .click-point,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-switch-btns .click-point,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-switch-btns .click-point {
    width: 5rem;
    transform: rotate(90deg);
    margin-right: 1rem;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-switch-btns .prev-button,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-switch-btns .prev-button,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-switch-btns .prev-button,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-switch-btns .prev-button,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-switch-btns .prev-button,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-switch-btns .prev-button {
    margin-right: 1rem;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-switch-btns .ant-btn-text[disabled],
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-switch-btns .ant-btn-text[disabled],
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-switch-btns .ant-btn-text[disabled],
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-switch-btns .ant-btn-text[disabled],
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-switch-btns .ant-btn-text[disabled],
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-switch-btns .ant-btn-text[disabled] {
    opacity: 0.3;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body {
    top: 0rem;
    left: 2rem;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    width: 90vw;
    position: relative;
    top: 20vh;
    margin-left: -1.5rem;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    position: absolute;
    font-size: 1.6rem;
    line-height: 115%;
    width: 90vw;
    min-height: 10vh;
    max-height: 20vh;
    padding: 1.5rem 2.5rem;
    margin-left: -1.5rem;
    text-align: center;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text div,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text div,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text div,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text div,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text div,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text div {
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text ul,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text ul,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text ul,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text ul,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text ul,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text ul {
    padding-top: 0.3rem;
    font-size: 1.5rem;
    line-height: 110%;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .social-attack-section,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .social-attack-section,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .social-attack-section,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .social-attack-section,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .social-attack-section,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .social-attack-section {
    padding: 5rem 2rem;
    margin-left: -2rem;
    margin-right: -2rem;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .social-attack-section p,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .social-attack-section p,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .social-attack-section p,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .social-attack-section p,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .social-attack-section p,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .social-attack-section p {
    font-size: 3vw;
    line-height: 4.5vw;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .social-attack-section .cyber-phishing-section,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .social-attack-section .cyber-phishing-section,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .social-attack-section .cyber-phishing-section,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .social-attack-section .cyber-phishing-section,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .social-attack-section .cyber-phishing-section,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .social-attack-section .cyber-phishing-section {
    flex-wrap: wrap;
    padding-top: 5rem;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .social-attack-section .cyber-phishing-section .cyber-phishing-item .cyber-phishing-icon,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .social-attack-section .cyber-phishing-section .cyber-phishing-item .cyber-phishing-icon,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .social-attack-section .cyber-phishing-section .cyber-phishing-item .cyber-phishing-icon,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .social-attack-section .cyber-phishing-section .cyber-phishing-item .cyber-phishing-icon,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .social-attack-section .cyber-phishing-section .cyber-phishing-item .cyber-phishing-icon,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .social-attack-section .cyber-phishing-section .cyber-phishing-item .cyber-phishing-icon {
    width: 30vw;
    height: 30vw;
    margin: auto;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .social-attack-section .cyber-phishing-section .cyber-phishing-item .cyber-phishing-icon img,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .social-attack-section .cyber-phishing-section .cyber-phishing-item .cyber-phishing-icon img,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .social-attack-section .cyber-phishing-section .cyber-phishing-item .cyber-phishing-icon img,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .social-attack-section .cyber-phishing-section .cyber-phishing-item .cyber-phishing-icon img,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .social-attack-section .cyber-phishing-section .cyber-phishing-item .cyber-phishing-icon img,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .social-attack-section .cyber-phishing-section .cyber-phishing-item .cyber-phishing-icon img {
    width: 18vw;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .social-attack-section .cyber-phishing-section .cyber-phishing-item .name,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .social-attack-section .cyber-phishing-section .cyber-phishing-item .name,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .social-attack-section .cyber-phishing-section .cyber-phishing-item .name,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .social-attack-section .cyber-phishing-section .cyber-phishing-item .name,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .social-attack-section .cyber-phishing-section .cyber-phishing-item .name,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .social-attack-section .cyber-phishing-section .cyber-phishing-item .name {
    font-size: 3.5vw;
    line-height: 4.5vw;
    margin-top: 5vw;
    margin-bottom: 3vw;
    max-width: 50vw;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .social-attack-section .cyber-phishing-section .cyber-phishing-item .desc,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .social-attack-section .cyber-phishing-section .cyber-phishing-item .desc,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .social-attack-section .cyber-phishing-section .cyber-phishing-item .desc,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .social-attack-section .cyber-phishing-section .cyber-phishing-item .desc,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .social-attack-section .cyber-phishing-section .cyber-phishing-item .desc,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .social-attack-section .cyber-phishing-section .cyber-phishing-item .desc {
    font-size: 3.5vw;
    line-height: 4.5vw;
    margin-bottom: 10vw;
    max-width: 50vw;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .results-sections,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .results-sections,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .results-sections,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .results-sections,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .results-sections,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .results-sections {
    margin-top: 5rem;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .results-sections .business-problem,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .results-sections .business-problem,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .results-sections .business-problem,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .results-sections .business-problem,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .results-sections .business-problem,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .results-sections .business-problem {
    height: 180vw;
    margin-bottom: 180px !important;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .results-sections .business-problem :first-child,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .results-sections .business-problem :first-child,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .results-sections .business-problem :first-child,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .results-sections .business-problem :first-child,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .results-sections .business-problem :first-child,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .results-sections .business-problem :first-child {
    height: 70vw;
    width: auto;
    top: 10vw;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .results-sections .business-problem :nth-child(2),
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .results-sections .business-problem :nth-child(2),
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .results-sections .business-problem :nth-child(2),
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .results-sections .business-problem :nth-child(2),
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .results-sections .business-problem :nth-child(2),
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .results-sections .business-problem :nth-child(2) {
    width: 35vw;
    bottom: 100vw !important;
    left: 35vw !important;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .results-sections .business-problem :nth-child(3),
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .results-sections .business-problem :nth-child(3),
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .results-sections .business-problem :nth-child(3),
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .results-sections .business-problem :nth-child(3),
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .results-sections .business-problem :nth-child(3),
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .results-sections .business-problem :nth-child(3) {
    width: 10vw;
    top: 10vw !important;
    left: 50vw !important;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .results-sections .business-problem :nth-child(4),
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .results-sections .business-problem :nth-child(4),
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .results-sections .business-problem :nth-child(4),
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .results-sections .business-problem :nth-child(4),
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .results-sections .business-problem :nth-child(4),
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .results-sections .business-problem :nth-child(4) {
    width: 45vw;
    top: 100vw !important;
    left: 40vw !important;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .results-sections .business-problem :nth-child(5),
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .results-sections .business-problem :nth-child(5),
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .results-sections .business-problem :nth-child(5),
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .results-sections .business-problem :nth-child(5),
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .results-sections .business-problem :nth-child(5),
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .results-sections .business-problem :nth-child(5) {
    width: 55vw;
    top: 140vw !important;
    left: 0 !important;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .results-sections .business-problem :nth-child(6),
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .results-sections .business-problem :nth-child(6),
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .results-sections .business-problem :nth-child(6),
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .results-sections .business-problem :nth-child(6),
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .results-sections .business-problem :nth-child(6),
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .results-sections .business-problem :nth-child(6) {
    width: 50vw;
    font-size: 4vw;
    line-height: 5vw;
    padding-right: 2rem;
    top: 25vw !important;
    left: 50vw !important;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .results-sections .real-case,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .results-sections .real-case,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .results-sections .real-case,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .results-sections .real-case,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .results-sections .real-case,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .results-sections .real-case {
    margin-left: -2rem;
    width: 100vw;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .results-sections .results-list,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .results-sections .results-list,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .results-sections .results-list,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .results-sections .results-list,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .results-sections .results-list,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .results-sections .results-list {
    grid-gap: 5vw;
    gap: 5vw;
    grid-gap: 5vw;
    flex-wrap: wrap;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .results-sections .results-list .results-item,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .results-sections .results-list .results-item,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .results-sections .results-list .results-item,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .results-sections .results-list .results-item,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .results-sections .results-list .results-item,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .results-sections .results-list .results-item {
    width: 42vw;
    height: auto;
    padding: 2rem 2rem 5rem 2rem;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .results-sections .results-list .results-item .text,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .results-sections .results-list .results-item .text,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .results-sections .results-list .results-item .text,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .results-sections .results-list .results-item .text,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .results-sections .results-list .results-item .text,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .results-sections .results-list .results-item .text {
    font-size: 4vw;
    line-height: 5vw;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .results-sections .results-list .results-item img,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .results-sections .results-list .results-item img,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .results-sections .results-list .results-item img,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .results-sections .results-list .results-item img,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .results-sections .results-list .results-item img,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .results-sections .results-list .results-item img {
    width: 10vw;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .results-sections .header,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .results-sections .header,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .results-sections .header,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .results-sections .header,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .results-sections .header,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .results-sections .header {
    margin-bottom: 5vw;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .topic-item .results-sections .info,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .topic-item .results-sections .info,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .topic-item .results-sections .info,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .topic-item .results-sections .info,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .topic-item .results-sections .info,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .topic-item .results-sections .info {
    font-size: 4vw;
    line-height: 5vw;
    padding-left: 15vw;
    padding-right: 15vw;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .course-landing-content,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .course-landing-content,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .course-landing-content,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .course-landing-content,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .course-landing-content,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .course-landing-content {
    padding-left: 2rem;
    padding-right: 2rem;
    min-height: calc(100vh - 44px);
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text {
    width: 100%;
    margin-bottom: 4.5rem;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text.welcome-text,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text.welcome-text,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text.welcome-text,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text.welcome-text,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text.welcome-text,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text.welcome-text {
    margin-bottom: 4.6rem;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text .title,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text .title,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text .title,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text .title,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text .title,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text .title {
    margin-bottom: 2.2rem;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text .description,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text .description,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text .description,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text .description,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text .description,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text .description {
    font-size: 1.6rem;
    line-height: 2.56rem;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel .landing-img-item,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel .landing-img-item,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel .landing-img-item,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel .landing-img-item,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel .landing-img-item,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel .landing-img-item {
    width: 7.5rem;
    height: 7.5rem;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel .landing-img-item img,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel .landing-img-item img,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel .landing-img-item img,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel .landing-img-item img,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel .landing-img-item img,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel .landing-img-item img {
    width: 7.5rem;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel-sm .landing-img-item-sm,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel-sm .landing-img-item-sm,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel-sm .landing-img-item-sm,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel-sm .landing-img-item-sm,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel-sm .landing-img-item-sm,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel-sm .landing-img-item-sm {
    width: 7.5rem;
    height: 7.5rem;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel-sm .landing-img-item-sm img,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel-sm .landing-img-item-sm img,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel-sm .landing-img-item-sm img,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel-sm .landing-img-item-sm img,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel-sm .landing-img-item-sm img,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel-sm .landing-img-item-sm img {
    width: 7.5rem;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img {
    display: none;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .quiz-section,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .quiz-section,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .quiz-section,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .quiz-section,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .quiz-section,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .quiz-section {
    margin: auto;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .quiz-section .img-quiz,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .quiz-section .img-quiz,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .quiz-section .img-quiz,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .quiz-section .img-quiz,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .quiz-section .img-quiz,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .quiz-section .img-quiz {
    width: 80px;
    position: absolute;
    margin-left: 30px;
    top: -40px;
    z-index: 0;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body {
    padding: 2.4rem 1.8rem;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-index,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-index,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-index,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-index,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-index,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-index {
    font-size: 1.6rem;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-title,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-title,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-title,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-title,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-title,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-title {
    font-size: 1.2rem;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-description,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-description,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-description,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-description,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-description,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-description {
    font-size: 1.6rem;
    line-height: 2.56rem;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-question,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-question,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-question,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-question,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-question,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-question {
    font-size: 1.6rem;
    line-height: 2.56rem;
    margin-bottom: 1rem;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item {
    padding: 1.55rem 0.8rem;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper {
    font-size: 1.6rem;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper .ant-radio,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper .ant-radio,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper .ant-radio,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper .ant-radio,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper .ant-radio,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper .ant-radio {
    margin-right: 0.2rem;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area {
    margin-top: 2.5rem;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area img,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area img,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area img,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area img,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area img,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area img {
    width: 6rem;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area .text,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area .text,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area .text,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area .text,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area .text,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area .text {
    font-size: 2.1rem;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area .quiz-try-again-button,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area .quiz-try-again-button,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area .quiz-try-again-button,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area .quiz-try-again-button,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area .quiz-try-again-button,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area .quiz-try-again-button {
    margin-top: 0;
    font-size: 1.6rem;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-last-button,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-last-button,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-last-button,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-last-button,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-last-button,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-last-button {
    min-width: 11.7rem;
    font-size: 1.6rem;
    height: 4rem;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-submit-button,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-submit-button,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-submit-button,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-submit-button,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-submit-button,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-submit-button {
    min-width: 11.7rem;
    font-size: 1.6rem;
    height: 4rem;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content {
    min-height: unset;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content .quiz-text,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content .quiz-text,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content .quiz-text,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content .quiz-text,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content .quiz-text,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content .quiz-text {
    padding-top: 1.5rem;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content .course-landing-text .description,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content .course-landing-text .description,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content .course-landing-text .description,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content .course-landing-text .description,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content .course-landing-text .description,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content .course-landing-text .description {
    margin-bottom: 7.5rem;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content.quiz .quiz-section,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content.quiz .quiz-section,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content.quiz .quiz-section,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content.quiz .quiz-section,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content.quiz .quiz-section,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content.quiz .quiz-section {
    margin: 3.5rem 2rem;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass {
    margin: 11.8vw 5vw;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass .right,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass .right,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass .right,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass .right,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass .right,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass .right {
    display: none;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-title,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-title,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-title,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-title,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-title,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-title {
    font-size: 6.67vw;
    line-height: 7vw;
    margin-bottom: 4.5vw;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result p,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result p,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result p,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result p,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result p,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result p {
    font-size: 4.1vw;
    line-height: 6.4vw;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .cert-area iframe,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .cert-area iframe,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .cert-area iframe,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .cert-area iframe,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .cert-area iframe,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .cert-area iframe {
    height: 80vw;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section {
    margin: 11.3vw 5vw;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section .review-quiz-section,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section .review-quiz-section,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section .review-quiz-section,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section .review-quiz-section,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section .review-quiz-section,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section .review-quiz-section {
    margin-right: 0;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section .review-quiz-section .review-quiz-section-body,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section .review-quiz-section .review-quiz-section-body,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section .review-quiz-section .review-quiz-section-body,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section .review-quiz-section .review-quiz-section-body,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section .review-quiz-section .review-quiz-section-body,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section .review-quiz-section .review-quiz-section-body {
    padding: 6.4vw 4.6vw;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section .review-quiz-section .review-quiz-section-body .quiz-title,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section .review-quiz-section .review-quiz-section-body .quiz-title,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section .review-quiz-section .review-quiz-section-body .quiz-title,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section .review-quiz-section .review-quiz-section-body .quiz-title,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section .review-quiz-section .review-quiz-section-body .quiz-title,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section .review-quiz-section .review-quiz-section-body .quiz-title {
    font-size: 3vw;
    line-height: 3.8vw;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section .review-quiz-section .review-quiz-section-body .quiz-question,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section .review-quiz-section .review-quiz-section-body .quiz-question,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section .review-quiz-section .review-quiz-section-body .quiz-question,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section .review-quiz-section .review-quiz-section-body .quiz-question,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section .review-quiz-section .review-quiz-section-body .quiz-question,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section .review-quiz-section .review-quiz-section-body .quiz-question {
    font-size: 4.1vw;
    line-height: 6.4vw;
    margin-bottom: 7.7vw;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section .review-quiz-section .review-quiz-section-body .quiz-answers .quiz-answers-item,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section .review-quiz-section .review-quiz-section-body .quiz-answers .quiz-answers-item,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section .review-quiz-section .review-quiz-section-body .quiz-answers .quiz-answers-item,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section .review-quiz-section .review-quiz-section-body .quiz-answers .quiz-answers-item,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section .review-quiz-section .review-quiz-section-body .quiz-answers .quiz-answers-item,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section .review-quiz-section .review-quiz-section-body .quiz-answers .quiz-answers-item {
    padding: 3.8vw 5vw;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section .review-quiz-section .review-quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section .review-quiz-section .review-quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section .review-quiz-section .review-quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section .review-quiz-section .review-quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section .review-quiz-section .review-quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section .review-quiz-section .review-quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper {
    font-size: 4.1vw;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section .review-quiz-section .review-quiz-section-body .quiz-result-area .text,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section .review-quiz-section .review-quiz-section-body .quiz-result-area .text,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section .review-quiz-section .review-quiz-section-body .quiz-result-area .text,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section .review-quiz-section .review-quiz-section-body .quiz-result-area .text,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section .review-quiz-section .review-quiz-section-body .quiz-result-area .text,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section .review-quiz-section .review-quiz-section-body .quiz-result-area .text {
    font-size: 5.38vw;
    line-height: 8.7vw;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section .review-quiz-section .review-quiz-section-body .quiz-result-area p,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section .review-quiz-section .review-quiz-section-body .quiz-result-area p,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section .review-quiz-section .review-quiz-section-body .quiz-result-area p,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section .review-quiz-section .review-quiz-section-body .quiz-result-area p,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section .review-quiz-section .review-quiz-section-body .quiz-result-area p,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section .review-quiz-section .review-quiz-section-body .quiz-result-area p {
    font-size: 4.1vw;
    line-height: 4.87vw;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-not-pass,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-not-pass,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-not-pass,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-not-pass,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-not-pass,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-not-pass {
    margin: 11.8vw 5vw;
    flex-direction: column;
    grid-gap: 11.8vw;
    gap: 11.8vw;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-not-pass .right,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-not-pass .right,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-not-pass .right,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-not-pass .right,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-not-pass .right,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-not-pass .right {
    align-self: center;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-not-pass .right img,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-not-pass .right img,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-not-pass .right img,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-not-pass .right img,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-not-pass .right img,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-not-pass .right img {
    width: 58vw;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-retry-button,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-retry-button,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-retry-button,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-retry-button,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-retry-button,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-retry-button {
    margin-top: 5.64vw;
    min-width: 40vw;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .next-topic-button,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .next-topic-button,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .next-topic-button,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .next-topic-button,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .next-topic-button,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .next-topic-button {
    width: 90%;
    min-width: 35rem;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.5;
    padding: 9px 12px;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .next-topic-button img,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .next-topic-button img,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .course-body .next-topic-button img,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .course-body .next-topic-button img,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .course-body .next-topic-button img,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .course-body .next-topic-button img {
    width: 1rem;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .resources-section,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .resources-section,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .resources-section,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .resources-section,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .resources-section,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .resources-section {
    margin: 0 -2rem;
    padding: 5rem 2rem;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .resources-section .section-container,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .resources-section .section-container,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .resources-section .section-container,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .resources-section .section-container,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .resources-section .section-container,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .resources-section .section-container {
    flex-direction: column;
    grid-gap: 3.2rem;
    grid-gap: 3.2rem;
    gap: 3.2rem;
    margin-bottom: 1.6rem;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .resources-section .section-container .resources-section-label,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .resources-section .section-container .resources-section-label,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .resources-section .section-container .resources-section-label,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .resources-section .section-container .resources-section-label,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .resources-section .section-container .resources-section-label,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .resources-section .section-container .resources-section-label {
    font-size: 2.6rem;
    width: unset;
    padding-left: 4.6rem;
    line-height: 3.2rem;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .resources-section .section-container .resources-section-label img,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .resources-section .section-container .resources-section-label img,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .resources-section .section-container .resources-section-label img,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .resources-section .section-container .resources-section-label img,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .resources-section .section-container .resources-section-label img,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .resources-section .section-container .resources-section-label img {
    width: 3.2rem;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .resources-section .section-container .resources-links,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .resources-section .section-container .resources-links,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .resources-section .section-container .resources-links,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .resources-section .section-container .resources-links,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .resources-section .section-container .resources-links,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .resources-section .section-container .resources-links {
    width: 100%;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .resources-section .section-container .resources-links .resources-link,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .resources-section .section-container .resources-links .resources-link,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .resources-section .section-container .resources-links .resources-link,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .resources-section .section-container .resources-links .resources-link,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .resources-section .section-container .resources-links .resources-link,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .resources-section .section-container .resources-links .resources-link {
    font-size: 1.4rem;
    line-height: 2rem;
    width: unset;
    height: 4.4rem;
    padding-left: 1.3rem;
    display: flex;
    align-items: center;
    padding-right: 2.5rem;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .resources-section .section-container .resources-links .resources-link .anticon,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .resources-section .section-container .resources-links .resources-link .anticon,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .resources-section .section-container .resources-links .resources-link .anticon,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .resources-section .section-container .resources-links .resources-link .anticon,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .resources-section .section-container .resources-links .resources-link .anticon,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .resources-section .section-container .resources-links .resources-link .anticon {
    top: calc(50% - 7px);
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .hidden-mobile,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .hidden-mobile,
  .cyber-security-training-page.course-page.ppd .ant-layout-content .hidden-mobile,
  .cyber-security-training-page.course-page.dataLeakage .ant-layout-content .hidden-mobile,
  .cyber-security-training-page.course-page.whatsApp .ant-layout-content .hidden-mobile,
  .cyber-security-training-page.course-page.aiSecurity .ant-layout-content .hidden-mobile {
    display: none;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .course-landing-container {
    margin-left: -2rem;
    margin-right: -2rem;
  }
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .password-section img.point {
  bottom: -5.5rem;
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel {
    width: 28vw;
    height: 28vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel.bp-panel-1 {
    top: 2%;
    left: calc(46.5% - 10.9vw);
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel.bp-panel-3 {
    right: 15%;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel.bp-panel-4 {
    left: 15%;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page .ant-layout-content .course-body .prevent-msg-container {
    margin-left: -2rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .next-topic-button {
    font-size: 1.4rem;
    line-height: 1.2;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab {
    font-size: 2vw;
    line-height: 3vw;
    width: 30vw;
    padding: 1vw;
    height: 24vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel {
    width: 100px;
    height: 120px;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel img {
    top: 70%;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel .text {
    line-height: 14px;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    font-size: 1rem;
    line-height: 1rem;
    max-height: 30vh;
    padding: 1rem 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text ul {
    font-size: 1rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 20vh;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel-sm {
    grid-gap: 14px;
    gap: 14px;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel.bp-panel-1 {
    left: calc(50% - 50px);
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .component {
    /* margin-bottom: 10rem!important; */
    margin-top: 3.5rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation011 {
    margin-bottom: 0 !important;
  }
  .cyber-security-training-page.course-page.ransomware .ant-layout-content .course-body .course-body-content .quiz-section .img-quiz,
  .cyber-security-training-page.course-page.socialMedia .ant-layout-content .course-body .course-body-content .quiz-section .img-quiz {
    width: 50px;
    position: absolute;
    margin-left: 14px;
    top: -18px;
    z-index: 0;
  }
}
@media (max-width: 400px) {
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 18vh;
  }
}

.cyber-security-training-page.course-page .page-header {
  background-color: #fff;
  box-shadow: 0px 1px 2px 1px #0000001F;
}
.cyber-security-training-page.course-page .ant-layout-content {
  display: flex;
  position: relative;
}
.cyber-security-training-page.course-page .ant-layout-content .course-left-side {
  transition: all 0.5s;
  width: 20%;
  height: 100%;
  border-right: 1px solid #ECECEC;
  min-width: 300px;
  position: relative;
  background: #fff;
}
.cyber-security-training-page.course-page .ant-layout-content .course-left-side .side-collapse-button {
  position: absolute;
  z-index: 1;
  background-color: #fff;
  border-radius: 5px;
  top: 1rem;
  width: 2rem;
  height: 2rem;
  padding: 0;
  right: -16px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-left-side .side-collapse-button.side-collapsed {
  right: -48px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-left-side.side-collapsed {
  width: 0;
  min-width: 0;
}
.cyber-security-training-page.course-page .ant-layout-content .course-left-side.side-collapsed .course-left-overview div {
  visibility: hidden;
}
.cyber-security-training-page.course-page .ant-layout-content .course-left-side.side-collapsed .paragraphs {
  visibility: hidden;
}
.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview {
  position: relative;
  padding-top: 1.6875rem;
  padding-bottom: 2.75rem;
  background-color: #FFF3E4;
}
.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-name {
  font-size: 1.5rem;
  line-height: 1.875rem;
  font-weight: 700;
  margin-left: 1.5rem;
  margin-bottom: 0.625rem;
  padding-right: 6rem;
}
.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .topic-name {
  font-size: 0.8rem;
  font-weight: 400;
  margin-left: 1.5rem;
  min-height: 1rem;
  margin-bottom: 2.3125rem;
}
.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-progress-bar {
  position: absolute;
  top: 1.6875rem;
  right: 1.5rem;
}
.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-progress-bar .ant-progress-text {
  color: #F26927;
  font-weight: 700;
  font-size: 0.75rem;
}
.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps {
  width: 100%;
  display: flex;
}
.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item {
  width: 3.8rem;
  position: relative;
}
.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.none .step-dot {
  cursor: not-allowed;
}
.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.none .step-title {
  cursor: not-allowed;
}
.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item .step-dot {
  cursor: pointer;
  width: 1.3rem;
  height: 1.3rem;
  border: 1.3px solid #D1D5DB;
  border-radius: 50%;
  margin: auto;
  margin-bottom: 0.785rem;
}
.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item .step-title {
  cursor: pointer;
  font-size: 0.75rem;
  text-align: center;
}
.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item .step-line {
  height: 1.3px;
  width: 100%;
  position: absolute;
  background-color: #D1D5DB;
  top: 0.65rem;
  left: calc(50% + 0.65rem);
  width: calc(100% - 1.3rem);
}
.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item .active-dot {
  display: none;
}
.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.active .step-dot {
  border-color: #F26927;
}
.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.active .step-dot .active-dot {
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #F26927;
  margin: auto;
  margin-top: calc(1.3rem/2 - 3.5px);
}
.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.completed .step-dot {
  border-color: #F26927;
  background-color: #F26927;
}
.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.completed .step-dot .completed-dot {
  color: #fff;
  font-size: 0.8rem;
  text-align: center;
  margin-top: 0.2rem;
}
.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.completed .step-line {
  background-color: #F26927;
}
.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item:last-child .step-line {
  display: none;
}
.cyber-security-training-page.course-page .ant-layout-content .course-left-side .paragraphs {
  padding-top: 1.5rem;
}
.cyber-security-training-page.course-page .ant-layout-content .course-left-side .paragraphs .paragraph {
  margin-bottom: 1.5rem;
  border-left: 0.5625rem solid transparent;
  position: relative;
  padding: 0.2rem 2.75rem 0.2rem 1rem;
  color: #999999;
}
.cyber-security-training-page.course-page .ant-layout-content .course-left-side .paragraphs .paragraph.completed {
  cursor: pointer;
}
.cyber-security-training-page.course-page .ant-layout-content .course-left-side .paragraphs .paragraph.in-progress {
  cursor: pointer;
}
.cyber-security-training-page.course-page .ant-layout-content .course-left-side .paragraphs .paragraph.not-start {
  cursor: not-allowed;
}
.cyber-security-training-page.course-page .ant-layout-content .course-left-side .paragraphs .paragraph.active {
  color: #333333;
  border-color: #FFD666;
  background-color: #CACACA1A;
}
.cyber-security-training-page.course-page .ant-layout-content .course-left-side .paragraphs .paragraph .header {
  font-size: 0.75rem;
  line-height: 0.895rem;
  margin-bottom: 2px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-left-side .paragraphs .paragraph .title {
  font-size: 1rem;
  line-height: 19.54px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-left-side .paragraphs .paragraph .state {
  position: absolute;
  right: 14px;
  top: 12px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-left-side .paragraphs .paragraph .state div {
  width: 1.3125rem;
  height: 1.3125rem;
}
.cyber-security-training-page.course-page .ant-layout-content .course-left-side .paragraphs .paragraph .state .in-progress {
  background: url(/static/media/p-onprogress.00c299af.svg);
  background-size: cover;
}
.cyber-security-training-page.course-page .ant-layout-content .course-left-side .paragraphs .paragraph .state .completed {
  background: url(/static/media/p-completed.e7ec2055.svg);
  background-size: cover;
}
.cyber-security-training-page.course-page .ant-layout-content .course-left-side .paragraphs .paragraph .state .not-start {
  background: url(/static/media/p-notstart.54aa9c82.svg);
  background-size: cover;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body {
  width: 80%;
  overflow: auto;
  transition: all 0.5s;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body.side-collapsed {
  width: 100%;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .next-topic-button {
  display: block;
  width: 36.25rem;
  height: 5.8125rem;
  background-color: #F26927;
  border-radius: 50px;
  margin: auto;
  margin-top: 3.875rem;
  margin-bottom: 3.875rem;
  text-align: center;
  color: #fff;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 500;
  line-height: 19.54px;
  padding-top: 1.2rem;
  white-space: normal;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .next-paragraph-bar {
  background: #F7F8FB;
  height: 64px;
  margin-left: -3.5rem;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  text-align: center;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
  color: #999;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .prevent-msg-container {
  position: fixed;
  top: 45%;
  z-index: -100;
  width: 80%;
  text-align: center;
  margin-left: -3.5rem;
  display: flex;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .prevent-msg-container.fade-in {
  z-index: 999;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .prevent-msg-container .prevent-msg {
  margin: auto;
  background: #333333e8;
  border-radius: 20px;
  padding: 6px 28px;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2.5rem;
  color: #fff;
  float: left;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content {
  width: 100%;
  min-width: 1280px;
  overflow: hidden;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .component {
  margin-bottom: 10rem!important;
  margin-top: 3.5rem;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .course-landing-content {
  width: 100%;
  height: 100%;
  min-height: 750px;
  display: flex;
  justify-content: center;
  padding-top: 4.375rem;
  padding-left: 3.5rem;
  grid-gap: 80px;
  gap: 80px;
  background-size: cover;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text {
  width: 620px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text .title {
  font-size: 2.625rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text .description {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 28px;
  margin-bottom: 2.5rem;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text .gif {
  display: flex;
  flex-direction: row;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img {
  width: 45%;
  position: relative;
  overflow: hidden;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img {
  width: 100%;
  position: absolute;
  top: 0;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel {
  display: flex;
  justify-content: space-between;
  margin-top: 48px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel .landing-img-item {
  width: 148px;
  height: 148px;
  border-radius: 10px;
  box-shadow: 0px 3px 10px 3px #0000001f;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel-sm {
  display: flex;
  justify-content: space-between;
  margin-top: 48px;
  grid-gap: 32px;
  gap: 32px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel-sm .landing-img-item-sm {
  width: 148px;
  height: 148px;
  border-radius: 10px;
  box-shadow: 0px 3px 10px 3px #0000001f;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .course-landing-content .video-container {
  margin-top: 2.75rem;
  margin-bottom: 2.75rem;
  position: relative;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-loading {
  position: absolute;
  z-index: -1;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .course-landing-content .video-container video {
  border-radius: 20px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area {
  background: #F7F8FB;
  padding: 16px 30px;
  margin-top: 18px;
  border-radius: 10px;
  width: 100%;
  z-index: 1;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area .video-transcript-title {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  position: relative;
  cursor: pointer;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area .video-transcript-title img {
  margin-top: -5px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area .video-transcript-title .transcript-button {
  position: absolute;
  right: 0;
  top: -2px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area .video-transcript-body .video-transcript-language {
  display: flex;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area .video-transcript-body .video-transcript-language .video-transcript-language-item {
  padding: 8px 20px;
  font-size: 14px;
  color: #999;
  border: 1px solid #999;
  border-radius: 48px;
  margin-right: 1rem;
  margin-top: 1rem;
  margin-bottom: 18px;
  cursor: pointer;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area .video-transcript-body .video-transcript-language .video-transcript-language-item.selected {
  color: #F26927;
  background: #FFF2EC;
  border: 1px solid #F26927;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area .video-transcript-body .video-transcript-content {
  border-top: 1px solid #C4C4C4;
  padding-top: 18px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area .video-transcript-body .video-transcript-content .video-transcript-item {
  font-size: 1rem;
  font-weight: 400;
  line-height: 19px;
  display: flex;
  grid-gap: 10px;
  gap: 10px;
  margin-bottom: 10px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.index .course-landing {
  background: linear-gradient(to right, #fadec4, #faf2d3);
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.index .course-landing .course-landing-content {
  background-image: url(/static/media/welcomeLandingbg.8610e6a8.png);
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.index .course-landing .welcome-text {
  margin-bottom: 2.75rem;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.index .course-landing .welcome-text-img {
  width: 100%;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.index .intro-img {
  margin: auto;
  text-align: center;
  margin-bottom: 145px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.welcome .course-landing {
  background: linear-gradient(to right, #fadec4, #faf2d3);
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.welcome .course-landing .course-landing-content {
  background-image: url(/static/media/welcomeLandingbg.8610e6a8.png);
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.welcome .course-landing .welcome-text {
  margin-bottom: 2.75rem;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.welcome .course-landing .welcome-text-img {
  width: 100%;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.welcome .intro-img {
  margin: auto;
  text-align: center;
  margin-bottom: 145px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.quiz .course-landing {
  background: linear-gradient(to right, #d1f0e5, #f8f0c5);
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content {
  background-image: url(/static/media/quizbg.2b6096a4.png);
  min-height: calc(100vh - 98px);
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.quiz .course-landing .quiz-text {
  width: 38.75rem;
  padding-top: 4.875rem;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.quiz .progress {
  transition: all 500ms linear 0s;
  height: 10px;
  width: 80%;
  background-color: #ECECEC;
  position: absolute;
  top: 0;
  z-index: 10;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.quiz .progress .progress-line {
  transition: all 500ms linear 0s;
  background-color: #FFC53D;
  height: 80%;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.quiz .quiz-section {
  margin: 54px 74px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item {
  padding-left: 3.5rem;
  padding-top: 3.5rem;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .course-landing-container {
  margin-top: -3.5rem;
  margin-left: -3.5rem;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .header {
  width: 100%;
  font-size: 4rem;
  font-weight: 600;
  line-height: 4rem;
  letter-spacing: 0em;
  text-align: center;
  margin-bottom: 5rem;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .title {
  font-size: 2.625rem;
  font-weight: 500;
  line-height: 3.375rem;
  letter-spacing: 0em;
  border-left: 5px solid #F26927;
  padding-left: 0.8125rem;
  margin-bottom: 1.5rem;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .title .l2 {
  color: #F26927;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .title .l3 {
  color: #E7444E;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .title .highlight {
  color: #F26927;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .title.blueline {
  border-color: #3789FF;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .title.orangeline {
  border-color: #F26927;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .description {
  margin-left: 13px;
  font-size: 24px;
  font-weight: 400;
  line-height: 38px;
  letter-spacing: 0px;
  text-align: left;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item p.content {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2.375rem;
  letter-spacing: 0px;
  text-align: left;
  padding-left: 2rem;
  padding-right: 7rem;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .example {
  margin-top: 5.125rem;
  padding-left: 2rem;
  padding-bottom: 6.25rem;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .example .example-label {
  font-size: 2.625rem;
  font-weight: 500;
  line-height: 3.375rem;
  margin-right: 4.5625rem;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .example .link-label {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.8375rem;
  letter-spacing: 0em;
  text-align: left;
  margin-right: 2rem;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .example .link-label img {
  margin-top: -0.5rem;
  height: 2.0625rem;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .example .example-link {
  color: #F26927;
  font-family: Helvetica Neue;
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 2.8125rem;
  text-decoration: underline;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .example .example-content {
  display: flex;
  margin-top: 5.7675rem;
  position: relative;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .example .example-content.hide {
  display: none;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person {
  position: relative;
  vertical-align: bottom;
  width: 100%;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person .popover-message {
  position: absolute;
  width: 29.6875rem;
  height: 21.4375rem;
  background-image: url(/static/media/popover.0dc55141.png);
  padding: 5rem 3.51125rem;
  z-index: 1;
  background-size: contain;
  background-repeat: no-repeat;
  right: 7rem;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person .popover-message .l1 {
  font-size: 1.75rem;
  font-weight: 700;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person .popover-message .l2 {
  font-size: 1.5rem;
  font-weight: 400;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person .popover-message.red {
  background-image: url(/static/media/popover-red.0bf2b73d.png);
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person img.person {
  position: absolute;
  bottom: 0;
  right: 1rem;
  z-index: 2;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .example .example-content img.point {
  position: absolute;
  top: -4rem;
  right: 7rem;
  width: 97.66px;
  height: 99.33px;
  transform: rotate(135deg);
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .next-button {
  position: absolute;
  right: 0;
  background: #FFC53D;
  border-radius: 0px;
  height: 5.375rem;
  width: 5.375rem;
  top: 1rem;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .prev-button {
  position: absolute;
  left: -6rem;
  background: #FFC53D;
  border-radius: 0px;
  height: 5.375rem;
  width: 5.375rem;
  top: 1rem;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .example .video-container {
  margin-top: 5.125rem;
  width: calc(100% - 3.5rem);
  position: relative;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .example .video-container .video-loading {
  z-index: -1;
  position: absolute;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation {
  background: linear-gradient(to right top, #555c65, #343645);
  margin-left: -3.5rem;
  width: calc(100% + 3.5rem);
  padding: 3vw;
  margin-bottom: 2rem !important;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .avater {
  width: 8vw;
  height: 8vw;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 {
  display: flex;
  grid-gap: 3vw;
  gap: 3vw;
  margin-bottom: 3rem;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .avater {
  width: 8vw;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message {
  width: 30vw;
  height: 8vw;
  position: relative;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message .conversation-message-bg {
  height: 100%;
  width: 100%;
  position: absolute;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message .conversation-message-text {
  font-size: 1.5vw;
  font-weight: 400;
  z-index: 10;
  position: relative;
  height: 100%;
  display: flex;
  text-align: center;
  padding: 1vw 1vw 1vw 7vw;
  justify-content: center;
  align-items: center;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 {
  display: flex;
  flex-direction: row-reverse;
  grid-gap: 3vw;
  gap: 3vw;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message {
  width: 30vw;
  height: 8vw;
  position: relative;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message .conversation-message-bg {
  height: 100%;
  width: 100%;
  position: absolute;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message .conversation-message-text {
  font-size: 1.5vw;
  font-weight: 400;
  z-index: 10;
  position: relative;
  height: 100%;
  display: flex;
  text-align: center;
  padding: 1.2vw 6vw 1vw 1.2vw;
  justify-content: center;
  align-items: center;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .password-section {
  background: linear-gradient(219.58deg, rgba(1, 4, 23, 0.8) 10.26%, rgba(43, 51, 63, 0.8) 84.25%);
  border-radius: 20px;
  width: calc(100% - 3.5rem);
  display: flex;
  cursor: pointer;
  position: relative;
  margin-bottom: 129px;
  margin-top: 65px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .password-section .password-section-text {
  margin: auto;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 0.6875rem;
  letter-spacing: 0px;
  text-align: center;
  color: #fff;
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .password-section img.animationpassword {
  position: absolute;
  width: 100%;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .password-section img.point {
  position: absolute;
  width: 9.375rem;
  left: calc(50% - 4.6875rem);
  bottom: -1.5rem;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section {
  margin-right: 3.5rem;
  margin-bottom: 142px;
  margin-top: 73.76px;
  position: relative;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section.tab2 {
  margin-top: 243px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .tips {
  position: absolute;
  background-image: url(data:image/png;base64,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);
  width: 520px;
  height: 137px;
  z-index: 1;
  right: 20rem;
  top: -200px;
  background-size: cover;
  font-family: Helvetica Neue;
  font-size: 36px;
  font-weight: 400;
  line-height: 58px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 71px;
  color: #E7444E;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .tips-person {
  position: absolute;
  z-index: 1;
  right: 0;
  top: -133px;
  right: 44.92px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .warning-alert {
  background-image: url(data:image/png;base64,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);
  position: absolute;
  height: 153px;
  width: 260px;
  font-size: 36px;
  font-weight: 700;
  color: #E7444E;
  z-index: 10;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  background-size: cover;
  right: -2rem;
  top: -1rem;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .warning-alert span {
  transform: rotate(10deg);
  padding-left: 1rem;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tab {
  font-size: 21px;
  font-weight: 400;
  line-height: 59px;
  color: #333333;
  background-color: #ECECEC;
  border: none;
  padding-left: 22.79px;
  padding-right: 22.79px;
  margin-right: 10px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tab.ant-tabs-tab-active {
  background-color: #FFF3E4;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane {
  min-height: 360px;
  background-color: #FFF3E4;
  min-width: 1180px;
  align-items: center;
  justify-content: space-evenly;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane.ant-tabs-tabpane-active {
  display: flex;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .highlight {
  background: linear-gradient(to right, #ffca95, #fff1b0);
  padding: 13px;
  height: 282px;
  width: 267px;
  border-radius: 20px;
  cursor: pointer;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .highlight .panel {
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel {
  height: 282px;
  width: 267px;
  border-radius: 20px;
  background: #999999;
  color: #fff;
  font-size: 21px;
  font-weight: 400;
  line-height: 29px;
  position: relative;
  padding: 35px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l1 {
  width: 100%;
  text-align: center;
  padding: 0 24px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l2 {
  margin-top: 1rem;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l3,
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l4 {
  width: 100%;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l3 .left,
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l4 .left {
  text-align: left;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l3 .right,
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l4 .right {
  text-align: right;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .point {
  width: 149px;
  position: absolute;
  left: calc(50% - 74.5px);
  bottom: -3rem;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel.highlight-panel {
  background-color: #F26927;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section {
  width: 934px;
  height: 934px;
  position: relative;
  margin: auto;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .click-point {
  width: 110px;
  position: absolute;
  top: 100px;
  left: 153px;
  transform: rotate(90deg);
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-center-circle {
  font-size: 27px;
  font-weight: 500;
  line-height: 34px;
  text-align: center;
  background: #F26927CC;
  height: 269px;
  width: 269px;
  border-radius: 50%;
  color: #fff;
  position: absolute;
  left: calc(50% - 134.5px);
  display: flex;
  justify-content: center;
  align-items: center;
  top: 338px;
  padding: 1rem;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel {
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
  width: 184px;
  height: 184px;
  position: absolute;
  border-radius: 20px;
  color: #fff;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 20.76px 0.5rem;
  cursor: pointer;
  transition: all 500ms linear 0s;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel.fade-in {
  opacity: 1;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel .text {
  text-align: center;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel img {
  position: absolute;
  top: 50%;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-1 {
  background: #1AB6B6;
  position: absolute;
  top: 45px;
  left: calc(50% - 92px);
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-2 {
  background: #DD936F;
  position: absolute;
  top: 256px;
  right: 78px;
  opacity: 0;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-3 {
  background: #F4B784;
  position: absolute;
  top: 539px;
  right: 78px;
  opacity: 0;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-4 {
  background: #597EF7;
  position: absolute;
  top: 689px;
  left: calc(50% - 92px);
  opacity: 0;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-5 {
  background: #EF878D;
  position: absolute;
  top: 539px;
  left: 78px;
  opacity: 0;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-6 {
  background: #3789FF;
  position: absolute;
  top: 256px;
  left: 78px;
  opacity: 0;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel {
  padding: 27px 17px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-2 {
  top: 380px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-3 {
  top: 670px;
  right: 200px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-4 {
  top: 670px;
  left: 200px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-5 {
  top: 380px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation002 {
  width: 934px;
  height: 934px;
  position: relative;
  margin: auto;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation002 .click-point {
  width: 110px;
  position: absolute;
  top: 100px;
  left: 153px;
  transform: rotate(90deg);
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation002 .bp-center-circle {
  font-size: 27px;
  font-weight: 500;
  line-height: 34px;
  text-align: center;
  background: #F26927CC;
  height: 269px;
  width: 269px;
  border-radius: 50%;
  color: #fff;
  position: absolute;
  left: calc(50% - 134.5px);
  display: flex;
  justify-content: center;
  align-items: center;
  top: 338px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation002 .bp-panel {
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  width: 220px;
  height: 220px;
  position: absolute;
  border-radius: 20px;
  color: #fff;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 1rem;
  cursor: pointer;
  transition: all 500ms linear 0s;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation002 .bp-panel.fade-in {
  opacity: 1;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation002 .bp-panel .text {
  text-align: center;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation002 .bp-panel img {
  position: absolute;
  top: 50%;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation002 .bp-panel-1 {
  background: #1AB6B6;
  position: absolute;
  top: 55px;
  left: calc(50% - 110px);
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation002 .bp-panel-2 {
  background: #DD936F;
  position: absolute;
  top: 380px;
  right: 78px;
  opacity: 0;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation002 .bp-panel-3 {
  background: #F4B784;
  position: absolute;
  top: 670px;
  right: 200px;
  opacity: 0;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation002 .bp-panel-4 {
  background: #597EF7;
  position: absolute;
  top: 670px;
  left: 200px;
  opacity: 0;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation002 .bp-panel-5 {
  background: #EF878D;
  position: absolute;
  top: 380px;
  left: 78px;
  opacity: 0;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation002.phishing .bp-panel {
  padding: 27px 17px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation002.phishing .bp-panel-2 {
  top: 380px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation002.phishing .bp-panel-3 {
  top: 670px;
  right: 200px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation002.phishing .bp-panel-4 {
  top: 670px;
  left: 200px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation002.phishing .bp-panel-5 {
  top: 380px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-section {
  display: flex;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-section .phishing-1 {
  background-image: url(/static/media/9881.3dcc291c.png);
  background-size: cover;
  height: 683px;
  width: 268px;
  color: #F26927;
  font-size: 41px;
  font-weight: 600;
  line-height: 55px;
  text-align: center;
  padding-top: 175px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 {
  margin-left: 128.5px;
  display: flex;
  width: 720px;
  flex-wrap: wrap;
  grid-gap: 28px 90.79px;
  gap: 28px 90.79px;
  position: relative;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .click-point {
  position: absolute;
  z-index: 1;
  width: 118px;
  top: 380px;
  left: 60px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item {
  width: 235px;
  cursor: pointer;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item .phishing-icon {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  text-align: center;
  line-height: 96px;
  margin: auto;
  margin-bottom: 28px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item .phishing-body {
  text-align: center;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item .phishing-body img {
  height: 130px;
  margin: auto;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item .phishing-body .text {
  padding: 20px;
  height: 84.42px;
  font-size: 17.5px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: center;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item.item1 .phishing-icon {
  background: #23BDEE;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item.item1 .phishing-body .text {
  background: #23BDEE38;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item.item2 .phishing-icon {
  background: #F26927;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item.item2 .phishing-body .text {
  background: #F2692740;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item.item3 .phishing-icon {
  background: #1AB6B6;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item.item3 .phishing-body .text {
  background: #DDF4F4;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item.item4 .phishing-icon {
  background: #FFB600;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item.item4 .phishing-body .text {
  background: #FFC53D42;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-indentify-section {
  background: #F3F3F3;
  margin-top: 117.87px;
  margin-left: -3.5rem;
  padding-top: 87.41px;
  padding-left: 3.5rem;
  padding-bottom: 0px;
  position: relative;
  overflow: hidden;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-desc {
  font-size: 22px;
  font-weight: 400;
  line-height: 36px;
  height: 108px;
  width: 335px;
  padding-left: calc(0.8125rem + 5px);
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs {
  position: absolute;
  right: 0;
  top: 87.41px;
  display: flex;
  grid-gap: 18.6px;
  gap: 18.6px;
  width: 818px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns {
  position: absolute;
  bottom: -100px;
  right: 10px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns .click-point {
  width: 92px;
  transform: rotate(90deg);
  margin-right: 18px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns .prev-button {
  margin-right: 18px;
  padding: 0;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns .next-button {
  margin-right: 18px;
  padding: 0;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns .ant-btn-text[disabled] {
  opacity: 0.3;
  padding: 0;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab {
  background-color: #fff;
  font-size: 22px;
  font-weight: 400;
  line-height: 27px;
  padding: 18.6px 19.53px;
  width: 260px;
  height: 158px;
  cursor: pointer;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab.active {
  box-shadow: 0px 3px 10px 3px #0000001f;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab.active .number {
  border-color: #f00;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab .number {
  border-top: 2px solid transparent;
  padding-top: 5%;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab .text {
  margin-top: 2.76px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container {
  position: relative;
  height: 708px;
  overflow: hidden;
  margin-left: -3.5rem;
  margin-right: -3.5rem;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-switch-btns {
  display: none;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body {
  position: absolute;
  left: 0;
  margin-left: calc(0.8125rem + 5px);
  display: flex;
  transition: all 500ms linear 0s;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item {
  display: flex;
  width: 1110px;
  align-items: start;
  justify-content: center;
  grid-gap: 28.85px;
  gap: 28.85px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
  background: #F26927;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  line-height: 36px;
  width: 378px;
  border-radius: 37.22px;
  padding: 20px 30px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text ul {
  padding: 0 0 0 20px;
  line-height: 28px;
  font-size: 18px;
  margin: 0;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .social-attack-section {
  margin-left: -3.5rem;
  background: linear-gradient(to right, #7b7e87, #37383c);
  padding: 135px 160px 180px 3.5rem;
  color: #fff;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .social-attack-section .title {
  border-color: #FFC53D;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .social-attack-section .title .highlight {
  color: #FFC53D;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .social-attack-section p.content {
  font-size: 22.5px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .social-attack-section .cyber-phishing-section {
  display: flex;
  justify-content: space-around;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .social-attack-section .cyber-phishing-section .cyber-phishing-item .cyber-phishing-icon {
  width: 200px;
  height: 200px;
  text-align: center;
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .social-attack-section .cyber-phishing-section .cyber-phishing-item .name {
  font-size: 22px;
  font-weight: 700;
  line-height: 27px;
  text-align: center;
  margin-top: 24px;
  margin-bottom: 24px;
  max-width: 202px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .social-attack-section .cyber-phishing-section .cyber-phishing-item .desc {
  max-width: 200px;
  font-size: 22px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0px;
  text-align: center;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .results-sections {
  margin-top: 135px;
  padding-bottom: 135px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .results-sections .results-list {
  display: flex;
  grid-gap: 25px;
  gap: 25px;
  margin-bottom: 136px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item {
  width: 276px;
  height: 276px;
  box-shadow: 0px 3px 10px 3px #0000001f;
  padding: 26px 24px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item .text {
  margin-top: 24.41px;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 32px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item .text .highlight {
  font-weight: 700;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item.r1 {
  border-top: 5px solid #2D8DFE;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item.r1 .highlight {
  color: #2D8DFE;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item.r2 {
  border-top: 5px solid #FFD666;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item.r2 .highlight {
  color: #FFD666;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item.r3 {
  border-top: 5px solid #E7444E;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item.r3 .highlight {
  color: #E7444E;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item.r4 {
  border-top: 5px solid #597EF7;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item.r4 .highlight {
  color: #597EF7;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .results-sections .header {
  font-weight: 900;
  font-size: 42px;
  line-height: 53.76px;
  margin-bottom: 14px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .results-sections .info {
  color: #F26927;
  font-size: 28px;
  font-weight: 500;
  line-height: 45px;
  text-align: center;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .results-sections .business-problem {
  position: relative;
  height: 730px;
  margin-bottom: 147px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .results-sections .business-problem img {
  position: absolute;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .results-sections .business-problem .text {
  position: absolute;
  font-size: 42px;
  font-weight: 500;
  line-height: 54px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .results-sections .business-problem .text .highlight {
  color: #F26927;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .results-sections .real-case {
  position: relative;
  background: #F3F3F3;
  margin-left: -56px;
  margin-bottom: 123px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .results-sections .real-case img {
  display: block;
  width: 100%;
  max-width: 1340px;
  margin: 0 auto;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .results-sections .handle-section {
  position: relative;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .results-sections .warning-alert {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQ4AAACkCAYAAABmQcCZAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAB6sSURBVHgB7Z1bbBxVmse/U112HCchhiEsDtmJ/chFwhFMeBroECMF5BiHkZaVZlgcpFnysCgJ8zAsywzOgGaYh81FzANoJOKIXYkZCXCcaIk2Bnd2nkAgjMRl39JhALMxQxxywZfuOnv+1X2qq8t976rq6u7vJ9muanfb5XbVv77b+T5BTKDMxnf0WWbnqJFaGu9NnEoSw7QAgpjAgGhQrHNavct92Jck92+cOnGYGKbJMYgJBK9oAEHi0Ozg0LPEME0OWxwBUEg03AiSh2+cOrGfGKZJYeHwmfP3PTBgSXNaEvVgX3R307VP7afLf3qDlj75zPVMmVhIXdrVn0jMU8j8dXAobkrjaHZ3rPftyWPUBJyNx3sa8X4xK2Hh8JFConHdc89QR/9m+/vfvfIqXT15KvcCSUlKL20LK2iKC2+1ue5ZSWJf3jckjUZZPGyhI6FcPBHHe7aQ/m4LC0hjYeHwCa9oxDZcb4tG7IYNec+7/NrrdPnPb+QeCEk8vhrcuc9QF58+vhVEUDzyBCMPa1vv1MkEMQ2DhcMHKhUNzZUTp+jS0VedffW6eSmt3Te9fXKCfMaOt5gdR70X36qtd1Dq7DlKz31DrgOJhHgUFwwNC0ejYeGok2pFQ7OsLtr5Fw7mX7hkjakL4gD5BDI4gox9bisDx7f+icep87ZbKH1+jr791fOREY/ygqFh4Wg0LBx1UKtoaApeuD6IhxP89GR11gztoLUP/4TEmu7SxxCyeJQSjNXbfqyO+3668Hslsuczx7iQMvr7ExNJYhpG5ITjC3UxLi9fTUY9+FWvaGhw4V544RClkuecxyTJicXUpd3VvgfFgp+dt95M6x57xAnSFjqGRohHOcGAyOn3c27PXhaOCBEp4fh6cOchfdIL+P0kZywSZ9LSmjEMK7np9H/NUATACd9Bxpv1iobGunKVLqmMy/fT/+M8pn72jEgt7ao0aDp7785RYYhDbrcEWZ116uLr3rmj7OvDFA8cKwklGB6LCMcLq2jNzvvzrCLw9UM/dbZ7pyYbft5CpE1z7YAQ1nxUzsswiZRwqMh/UpDYXOz7WkzSUn5kCJFMq+1U6vJMmNbJ7PbhR9WBjOv9ekXDTS0Zl1LBz2uUlVHNcQUpHrjQVpnrRoUUe6sRDE1UhCPjBsYeFUKO5ES6/WIukRKOLweHxwyiqkuycXdWn5Nq80yQYhKkaGgKiUfaSO0qdFcrF/ysBb/FA4LRZa7d6z1OUIlgAFhk5x/5efZQaH7j1OS1FCIQCyFpxBTGo4XS2WlL7t70zolxaiMiJRyzO0b6KGWd1fvrn/hnlTL83M5A4ENevVrxz3JbJxZRol5XJwzR0Cy8+z5dfPHlvL/XvUAOJ3KMjEPqbxxwv65Q8LMW/BAPPwTDfTxze/bp40iq4+ingCknFnnHx8LReGYHH5xWZ0cc2zC1u4dy/rlUd57ls0lbRFC+jWCZO6hYjlpdnTBFQ1Ms46JcuZ5Cwc+1Dz9Us5VR8e+vQDz8FAwN/t9/+8XTmZ8haObG05NbKAAywVq6h4Qxqv7WvkLP0X/DwnsfOOeeZVi7bvpv/2twokzkhAMVjlhFiu3O226m637zTNnXLH38qX1yWeokr8U6KeXqNEI0NIXFI0c1wU/ffn8R8SglGHjPcAPovveemqyhpY8/o29//Xz218szyvKKk0+cjY/0dZmpRzMxosL1I3ifu++9244baXHG+5Jbe9R+MQ6TIsbqVGx8wbRs4cAJg5O33EWKf6b3bgvxwGtxV8DPKSUmGZNfwOwfUelBMs1rVIZn2LZO1GNx/bwwRcP+fer3/ODg75Tb8hItqjucG1gZiGUEeSz42fh788RDiagSU9Li4RUM6X69er/gOq1WF12UcAK1RA+qiz5eqLtEIbFgckROOK5NTMwrdyWh3RWkKHHyVQtqFuy6hbvuJHo481g1rk7mrpm7A4UtGhpjDVbXPukskMNxXPPYP9Gqu+6gMCgmHiqQ3S+l1aNjAG7BgKitUVbQqq13kh9YV68428pNqynonS8WxS2LLnW+oIako7+v7lhRKxM54cggDuSE4y81CUfBn6pOBG2dwM/WwNXRIlLI1WmUaLhBvAe+tbFmTegndCHxsLNfwiCvYPgdawEQfI0hxYVKX1epWOAGs/reH1PX1h9V/N5arvMjLcy2W6kbSeHoStHMoolAJvXA3YB1gJMyKAqd6NrVwUetvrnfNFK4CloeWYISDI11OWdxpCl9sdRzIRadsbVxFfxW7pMYKJYRwTHDDan1fyuv5I5peZlYOKIA3JWvtg8fUxH0vdhfVOnJIIWjEI6rwzh4xSNowdC4rT8hjIIXaaHCLOl5Tr1iweSIqKtinyAqvWXZwoE4B9ZaMI0H4rHh5SMVBa2DZkWthdopJBaZmMv9voqFddkdaJ9niyMq9E5NJDKZDepB5WDQ7gpTHWGKBkTK+b0k13+xfehwTixWWhawFFf96A47mxPUcbqtoHbsRhZZ4QBpoiO6BP3yn16vqKaDaW1Q/BZTPqxXLHRhFmp/OH0aPJEWDgl3RVq2cKBbFaLr7Ju2H3o5vReutWgckRaOTacnZnRNB9wVxDrcJehMe2Aq10NXaUZBLKwr7jVE7ZdRAZEWDiDJOi6yOfiF995n4WhDUMfT0bdZxSuuj4Rl4U7FqnhsWwpH5Ce5oQRdb6N03F0MxLQHqJ5FoJPdkegQeeFATYfS9YTev3LyLWKYRuJ2VYTBrkp0EdYxFSmNYxOLvfwqQWeYWnBbvZaUF6nBoFpWZaZ7YrHUgGGIHiFFnyHFZimsHoFyBimP+D16oymEo2s5NrFoWnY/Tb1AjWs6mHagpCgIMaBiLD2ZSlmLbAdC56nVN0S2a4ZBok99aT/hiEIJOsP4Td2iIFcWvxXEyLn6ftEcrgpxCToTHSpZ5h+aKFAmRW2s7abYhg12paxeGOoQE74N+dKUFQ67I5c0bse2JeQ5QXLeEhhZaHfMolTKTKJWP+iyWy5BZ6JC3jJ/kuvtJtshiQJS0vgQ3WvsfVN9eIsinf6sOFZpHdl4ajJJPlNSOC7ER3oWyDqEPxhkUjCCYjLz1f4BJt6ca2h2cBgPJaXKa0NcUBijBGe+mNjUMlDHXYJ+9cRbLBxMBBBxA13iQhKFcsAad9b2qOtRmOZhCoCSwmF347pvOFmscesK1PMycpINy6g3s5jY2EKTeShPbFQE+ByWTmM/pYRGxTXmMfRmeblzXv2shFJxWzhgcXAJOhNVtCiYfZvt5ktuUcAivCAaMqE0//KfcqM10iQPbDoVzMS7sq5KjIxdFlnT7oYoXVvvcHLZ6bm5omsJKsIjNljARNn9Dr0tDYrZlk0OLkFnGgVaIq7e9ql9DoYlCpXw/Tv51sam08GNbCgrHDecnpj5cvvQbkMYb+rHhHpjrnvqyRXPxUHjzURJLr5iH8uPYRmksK2+2t9XwaW6xCYLWv6xcDBhg0rW9U/soShhWxt/fj23r6wNCpCKsiooHlFB0v16bAHu9PDB0P3Jje2nUXXo9nz2trJe0CAFYoM3wlICVEpsOm/lEmSGAWg74RCwtQEqTsdiithX24f7dC0FDhTKW+8dPxMUqrzZSkZIrjivZZh2BzdU98ByktZuCpiq1qpsfHsSw5KcCjS07M/LF4cAfMdqxYZhWpl8a0OMhzEcqupFbqtSYrewJ59lmH/hoC/xCoZhqgetJvKsjQCKvQpRtXAgRStNYxf8KOwj/oDxfCweDBM+l175j9wOrI2A0q9ealpWj4NDmlZkux8huDn/+4PcK4NhQiSv2AuEZG2AmvtxIE2bdgVhsGoVMQ+GYcLBXeylbP8DYVkboK5GPkjTSpL79T4UMP+PYRgmCC6/9kZesReZ5jiFSN0dwJCmlZKO6H1EeDEcmWGYYLDTr4lcQBTFXmFaG8CX1oFRSNMyTLuAm3NYpeXF8K3nKKdpGSZ4vMVeQZeWF8M34eA0LcMEj7vYS8UXzzTC2gC+djnnNC3DBIfX2hBmbJQahO/jEZCmlSKXaeE0LcP4w8UXX8rthFjsVYhA5qr0Zswnx/fiNC3D1AeuoaD7iFZDYAOZeqcmxzhNyzD+kHfjbbC1AQKd5IY0rXsKG6dpGaZ6vKXlUlo9fx0cilMDCXwEZFdKOJkWwGlahqkO9C/N2ycxYpIxPbt9+Ozs4NCzs/EdfRQygkLAHrGQ7R4GVm+7m9Y/8TgxDFMZ6Cd6Rbn6qeS5Is+QibRFxza9E056NlDhgBIKs+OQVArpfnz9vzxuTx9nGKY64LIgXrj08WeUnitguUtY9zJB6eUDvYlTSQqIwIQDVoZB4ll3d/TYhuttS6PzNu4VyjD1AitkRbbFhbr2ZixLHolZywm/RcR34bD9LbPjKAbVuB9fM7TDnjLPc1AYxl9ghWgRKWiFACnHU0Ie+3uf2gr6KhxsZTBMY8HIEAjI99N/KfwE5cpIIY+I1PJEPVaIL8LBVgbDRAt78LSKg5QKqEqSE5ZFx2sJqNYtHGxlMEy0wbKPqyff8jWgWrNwsJXBMM1HuYCqTusuW5cm+hOJ+WI/pybhKGRldPRtpnWP/YytDIZpAuoNqFYlHOfve2AgLWOHvFbG2n94iNb+40+IYZjmo5KAalrKA+60bsXCgdJWImPM/VjnrTcrK+MRe0I3wzDNjQ6o2q0Ji1ghCKiqjMz+ssIBKyMlzaPqiQP6MdTOr1NxjO6dPCmeYVqRUgFVi+h40aHTZ+PxntXmumfTUuxzqwusDGRMeHYrw7Qupj2f+Qayrn6w4ntCWsmCwoElu6Y0jqrgZ5/zZLYyGKblQZtP1H5cUdbGipafQsU6SB7YNHVyPM9V0VaGJLHP/ThbGQzT2pQSDHvNi5BH3I2RHeHQVoZ6pM/5JlsZDNPSlBGMM0IlRHqnJhLe19nC8fXgzkNsZTBM+1CrYGjML7cPjXhFw1jTne2XEUqfH4ZhQqISwdhYQjA0piHMeTvB4gLDlC6++LK93XnbzXbHrs5bb1HWx/XEMEzz4ZdgaGyTYnbHSF962dpnEMWFoNuLPRmFXnBhYI2YfVz0xTBRp16XpBgrfBGIiEylR9S3RtQ37yn2QsQ+tIjgK8Mw0SEowdCUDGJARCidjktpi8iDRX+Iiol0bb2Tuu660xYRXhnLMI0haMHQVBz9PBsf6emMUZwMa8SAJSJzaVsvHBdhmHAJSzA0tffjGByJW8IarUREVm29Q1kkP2IRYRifCVswNL7kW8/fNzKwLK0RIWmkkuDqqqxLwzBMbWCoGVaxuqfXa4IUDI3/Xc5zcZFRDq4yjL80WjA0wQ5kcgVX4dK4O4blHUQ2uAq3Bl85uMow+URFMDShloZ+uX1kpNLg6jW7HyGTGwQxjC0WuiDTTSMEQ9OwmvJywVW4MhteOkwM0+5ceOEQLb73fu4BDHGXxu5GCIYm8Gn1xcAffdPpydHe05P9MWFsUSJyzP39jr4fEsMwRGsffih/Yr19o03dQw2kYcLhJr28MB+ThlNglpnLsocYhslkI68/+Fv7ushhjGFVOzWIhi9/teezxDqndR8QvDnXPfcML+dnGA9oJgy3xT2ZDU12RGppV5CT6QvRUOFg0WCY6vnulVfp6slTuQcwiS29tC1M8WiYq4I2hW7RgA/X89STLBoMU4ZrHnvEnmXkoK4haXZ+ODs4FKeQaJhwrDKvmXa3KexRMQ2ez8IwlYEBaD2/3O8ETYVdI2VMZ+YfBU9DhGP2vp15c1pQs7HqrjuIYZjKwWr0QkHTMMQj9BjH7OAw/qgxvY9UE4ZUMwxTG4WDpnJiMXVpd6nB0fUQqnCwaDBMMKDdJ0rSwwqahuaqYMI9uURj9bYfs2gwjE+gwXihoCkSEF/c98AA+UwowjG7ffhRQcIpVsmMXuACL4bxGwRN16mYoVNpqsQjJs0Pszdu3wjcVcHQakua03plLAI51x/8Ha+AZZgAwdDo+RcOegZGW2O9UycPkA8EanGgwCttmW+6RQMFXiwaDBMsxpo1BSYwqozL9p1HyQcCszi4KpRhggd9OpBNSZ0/T6mzn2e351YOjHaxkDL6+xMTSaoDkwLAKxrwt1g0GKZ2ahGIQqCHR72iAQIRDml2vqlMmT69j4rQhffeV1/7qKNvM7sqDFMEvwRCXX/zlqRz9iI4IWekjCWNNM1s9EE0sj/ff2YHh2Wp70NI0PEc0+A6b7uFxYRpO3wVCKKPlEjMGEImBcVmFlI0o6yKQAq/XL/Xf5RwjKmf/Gip9oArDkQJBwSlIysmWlgYphVA+7+ljz9rOoEocTzBgSFOXSYNSEoPqF8Vh5CUGp9QCPQfhZgYSkjY1WGaEVgXc3v2VvTcqAlEMRrSjwP9RkmkVapWDBiCBlRO+PZiHdALwa4O00ygHHzu8b0kr+asjGYRiGI0vAOYxh7qZCnXRlgD6qDiyjLZzK4O0ypcfu11uvznN+xtdZOcF6mlLWF37fKTyAhHIfxydWIbNpDZ/0N2dZiG8s2TT7tWsMpE79SJbdSkRFo4iuGHq9Pzyyd5li0TKgiOfvvr5519SXL/xqkTTTkDpCmFoxAeV2fAtkxKuDq8pJ9pBO5+oXBZFlPf9QfVMyNIAikAawQ3nJ6YUV/wMaEf87o67jGUqOVnmLDBzWrx3fftxWdo97fKXIe1I7uoyWgZi6MSvh4c/lBmWxZe99y/UeettxDDhI3XZVF5l229UycT1EREYiBTWEhXn9OOvj5imEaAgH33kGvlqjSO2l3/m4i2EY4v4g+4ROOHnFlhGgpcFqfJsKC+1ea6ULqT+0XbCIeIGX16m1fpMo0Grf7WPfaIsy9J7AtzLkq9tI9wkBHX2ybPb2EiAMYbrNrqGgvSRC5L+wiHEE7hWAdXlDIRAQ2G3f1Bm8VlaSOLQzoxDrY4mKgAt9ldTwSXJYiu5H7TFsKBwGiufqObYxxMpFizc4fd+V9jSNOXvqBB0hbC4Q6MsrXBRJH1TzzungM74Pc4A79pD1dFGK5ULAsHEz28Los6aZ+1e/dGlPYQDpmLb7hNwkaw9MlntPjeB8QwXtwuiz193uyIrMvSFsIRE8IxMxoR35D2XM836JtfPE3f/up5uvDCQbr0yqvEMF7ctR1YXxVVl6Xl16pciI/0LJjWBb1/4xv/SWEB6wKDgLE2wQuCtBteOsIVrE0GbgL4v8IyCOp/1wxNf1pmdWwxLps0oP9IlJoHDU6sKydPqY+3SjakRTs5jIxYve1uYpoHWI3p83P2dtddd9CqrXdSl/rwU0S6d95vNzfWK2izLkukmv60vHDEMkvq7e2gMioQiMVPPrX7LBSyLuznEJ1RnydICnQxszvX4uRohHDgjoljRmtFbmZUORB7LRpg4d0P7I+L9LKvIgJrFEPZcytoRfzL7UMjN719coIiQssLh1SBUSEywoHWgX5iBzrffZ+uKgEoZF2gIa0SjCNpYUxsyvQLodkdI32UsmzhSJ09Z78uLHfF6zphleZ1v3mGmMrABQ0XBe+jF79FRK+g1U1/hLDL0RNRafrT+haHMG7X06HQd7RecKFfnT5jZ0ZKWReCjLEbpyYS3u/1nppIzg4+qB6XcdzBYHXkLbEOAPwOPdfDDfbDFK5WAP8rLRyIP6hP57x9cP0SEW/Tn2w5+n6KAK1vcfjUg6NS62IhZRwu1+JeknVcoPmyAnGOIISj0ljLcvJcw1PUzQQ66KNQC6MO7PiDsHaRaSZlKj2i3NDRSkSkUvfU67JkV9Aej0LTn5bOqqDUPGaaH2IbgdEfHPxdVa/XFx8ubrgVXiAWaWVdGGQc7i1gXRTDm+n5u1f/6Ntdv5RgaHFToqWsMDmCx9Yo0cpPATLlcPcNTUvryKa3TzopU7iixUREg/81LJAVq2OLgPS9U/sjKbmQ/m5Lo12WlhYOBJQMYbyJ7S71D+p56smKXlcqjQp0oHMxFRuvdYCOclem4a5gGysk67U6cMzfv5NxSbx4rSG7SzxZ0/heLYLa7rhb/5VqOOyXiHgHOgmSh2+cOtFQl6WlXZVqenBgTB8uumKmPS6+lKRjKmYysbEK66IYfrkrpURO2s2b5bEFj8B1pWhmIfufX05+znGOKrFn9ahsFM4ZuCudsbVxcjXJ1iCepb5g/MHhYiIis3EufBQTEbgsiHdcOpopGoyCy9LawmH34MiERgutUZHZWopCgUPnOQh0Cjn+/XJsws/xfKvVxazclUPYriVIWSzg6RyzCs4WE7hrbasjE6DFPteTVM/q+N1OkZYhBLJkJVOlXhFJL1v7YgY96B7hUUpEUI6+qP5PucCsgXNnCzWIlnZVvh4cvqCX01//7791rI5KA52UMsZ7E/Y/PBDc7kolc17KBTy1YFQSb/lycHjMILKbxnCco3rgPpx/5OfO/kLqu2triTtgHtCSZY16RcSNFhFkBS+/9objslhkHbhp6uQYNYCWtTiwstDbgwMXXK1p1EAQ1jFlusaxWag2wDmuCgKeZBrjG09VLnIqoJtQp54tHAvqPWHhqA5vTUenuRYB0jGqkuw8ILx2XzER0ZYITee/Vp2re9V5Pt6IcvSWFQ4rZg7oFXz23WHP3mJ36Rl18R2vJI3qN13K/VlU7goEDmKGzI07FlNJwPP7Go8bVomyyPAzelANiQ9ucFQdcCG0cBgk7qE6qURE3DSyHL1lXRW3Ke7FHejsDcu6KII6zgl1nA9iW7srlQQ868noaPzO7LQb3mxHUIOVyolIWhhbdGVyWLRucFSoN1jmP6TTqAs+XHR+gRoQdcLZwmGvdVGiUUvAsxbcmZ3lAnUqQaNdMHnlii2YQWZ2kAG58PuDtouBQLBfa0pQ1PX99F8yv0MSamMS5DNeS2SZrH0YZ2qLiKBkLEahn8sta3HM3rdzVMUPjkbJuigEisGUu3JWx2O8VBPwrJbsupmz2MZFcMOrf6SwQKwJhVR60ViHctGwbiYo8XAXbQEdcFx97911Vc56azo2Tk1eSyEBEbmyTMlG3ARbOquCodP4GhXrohhfbR8+rFfMAkfsOozDvaeCy+oAd+bpuueeCbz8HHf+i394qaBVFaR4oIFSsQB0pm3fQ/Ys4VpWC//fz34euLsSNVq6jiPqgqExDWM8rdwVIamnnoBnLaQFHTckPYptBGeDEg7tliB24yYb5LWFC+4S7t5BiEeeK6bMe3esAFbPxRdftrdtN6bCUnAN0tm6pgO9QikAdyVqtNW0emYl2qXDdlDL7L1uiUZK68hi2hzrMi34704g22/LA6Lxt188nfmdWXdCxwpikh4s5CbCCsEyhe6h+8taId6fX6wEvZVo+dWxTGmQEl4wLVs4/O4PUswtQdzGFMa+G6YmdSZgbHZwGF9t8fDb8kjPuQVLfoTP2YDjKLYhnhKl4Ag4Osc+l62dOWULKiyRYtW1EDpd04EU6SpzHX7uYWph2maSG1MYlJ9LkrYdj/QiltnXS64587/miYa9mljI3eqOH7/Bkz7snZocU18O6H0tHqVaAlSKe2WzJeWKtGXv6RPjOCblM/Zbgo7ZrowL/A1wZeb27LO/QhC9uF0bkU2vtzIsHIy60oWzzgKl+PWAuy76ciKW4b7o4Zao2E3/JnWRFnttUOKxfPZzZ1vEiscfEIi+6fTkaO/pyX5SAqcso+Pu78MKQTHe3J69tmti9wXNisjqe+/JzYBVKe5mGONYDywcDOo5Enq7VosDFxAucmQv3LEMuCUqFb5l49sn91US8A1CPFKuv0lKM1nJa7JWyAisEIiI1wrBcWWskL32V/yODlfVr5DGCLUwHBxl6mosVGwdDdwSi+SBjVMnavL1VcxjjHwImHoXoylhqvmcRx8TS1ijOgtVirBrOsKGLQ7GjnOoSz2h95c+/rSi15VzS2oVDeCX5eGOb6hYzhmqAxThwZXRVoiU9FGx5yJIOjs4FKcWhYWDsZFSOhdBqZW6oJRbok6pbZW6JeXwQzyWzyad7UKB0ZqOS8VCbFfm7ckBuGGFAqo2MlbWMmlWWDgYGyEMJ0C6UGS2balsibqb70dmwu/S+HrFY+mT/3W2DSGS5DPIDnkCqo5VkzasuiycKMPCwdignSAEANuwIrwXZpBuSTnqEQ93DYcgfyyOYrjTujF7xWrxDFKzw8FRxsG9zH79E4/bBU+liriCWnxX/PiqD5h+/dBPne1au3QxK2GLg3HAMnu9DaEI2y0pR7WWh3t9ihA0w6LhHywcjIOgmGPKo7ipEW5JOaoRD3f9RlpS+A1HWhgWDsYBFoSOc7jxO1tSL5WKh6c5UagdslodFg4mDyyz19uNdEvKUYl4uGs4DFd1LFM/LBxMHkbMGIOFoUz7hrsl5SgkHli+7953MCsrNWcqg7MqTNPjzbYgG4TGy94eHMT4BlscTNPjtTwQ2P3uDy+7niE/IsZXWDiYlqCQ26Lxq9ScycHCwbQMXvHQlOrBwdQGCwfTUhQSj0p7cDAM0+YgYKo+5FeDwwliGIZhGs//AwiVoiAraaiiAAAAAElFTkSuQmCC);
  position: absolute;
  height: 153px;
  width: 260px;
  font-size: 36px;
  font-weight: 700;
  color: #E7444E;
  z-index: 10;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  background-size: cover;
  right: -2rem;
  top: -1rem;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .results-sections .warning-alert span {
  transform: rotate(10deg);
  padding-left: 0.5rem;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .four-steps-section {
  position: relative;
  height: 582px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .four-steps-section .click-point {
  position: absolute;
  width: 149px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .four-steps-section .step {
  width: 200.65px;
  position: absolute;
  cursor: pointer;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .four-steps-section .step img {
  position: absolute;
  left: -240px;
  bottom: -136px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .four-steps-section .step .step-title {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 29px;
  text-align: center;
  margin-bottom: 29.89px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .four-steps-section .step .text {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 29px;
  text-align: center;
  margin-bottom: 40.69px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .four-steps-section .step .indicator {
  width: 100%;
  line-height: 68.78px;
  display: flex;
  font-size: 26px;
  font-weight: 700;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .four-steps-section .step.step1 {
  top: 131.56px;
  left: 0;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .four-steps-section .step.step1 .indicator {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAABGCAYAAABmILAIAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAL1SURBVHgB7d1NkppAGIDhxiKLrOIRzG1yhBwhx5irZJdr5CSZXQ4QBVF+wtfFZ7WItDiiQL9PlaXDbHmnfwAnSr+/bQyATp9/vb3Hn+LijwFwYZck7/Xb15UBcCFJU5Nl2UY+xwbAme1uZw6Hw+lnIgEaVVXZQI7H49lxIgFqZVmaf9utKYri4ndEguDleW5HEAmlC5EgaPv93i7S+xAJgiSjxk7WH/Uo4kMkCI6MHmn9koX6LYgEwRgyeriIBEEYOnq4iASLJjtXuyTp3Nq9FZFgkezUqo6jfWHwHkSCRZHp1D7L7PTqnqlV299vPzZEgkV4dBwuIsGsjRmHIhLM0jPiUESCWZHdKrmNPatfY8ehiASzIHGkaTr4QuAjEAkm65lTqj5EgkmRGOTC36tGjS5Egkl4xVrjVkSCl5lyGC4iwVPNJQwXkWBUEoJEYeM4HmcThotI8FC68JZFd15HMZXF993imHu38DEahYwUcsdtXn+e42jRh0gwiNyCLjFIGDaOBUbRRiS4SoKQCIp6lNAp1NKD6EIksDHYIOoI5D2UEeJWRBIIOfnlpNcQdJTQ47iOSGZOv3VQRwA54fXEt8eaIHA/IpmI9snePqbvZX3yV84L4yOSkehJ7P6Fd//K261T5zOmi0gG0pPaLmybqczZsSYELAeRtOiitmgWtacFrzMaICzBRaK7OjoKnH5mBECHVWHWi4zktL3pjAa63QkMEUXlfCMhBDzL5CNxY9ArwVwAwzNNJhJiwFS9JBK9tTqkO0kxX6NGojtGemt13kQBzMlDI7G3UxMEFubuSGSU0Ec0mTJhyW6ORKZN8kC/PnzDVitCcTUSnTrZZ5cDfSINEKdIJIIsy2wcc/3qF2AMcSL/V67ZjgVwrqyidSzf2g2gWxRF65UB0ItIAA8iATyIBPAgEsCDSAAPIgE8iATwIBLAg0gADyIBelSV4bYUoM9qVX0hEsCDSAAPIgE8iATwIBLAg0gAj7gy1U8DoFNUVb//A1Rb9MBga6C3AAAAAElFTkSuQmCC);
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .four-steps-section .step.step1 img {
  left: -240px;
  bottom: -136px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .four-steps-section .step.step2 {
  top: 73.77px;
  left: 331px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .four-steps-section .step.step2 .indicator {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAABFCAYAAADgtMKmAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALuSURBVHgB7dxBctowFIDhB/W+HIFtj9Eb9BS5Undd9U5Ztj1C2wkBbEvxMxYYsC2c2GDJ/zeTCTMkO/15km2yeH768UsAXNtkv7/8fPqaFC/XAuDcJhO7TVf6cikAzhWByDaVhQiRAFeqQOoSASBirchLEcc+v3qLSABTBPJ/J5LbxreJBPOWmSKQ/WGStCASzNem2F5tM++PEQnmJ9PzR/v26hKRYF5ei8nxmvb6FSLBPOjZ42V/8/SoIxLETQ/kOj1uOHu0IRLEy8Vh+0+POiJBfPSGoF65Mh+LQz1/+74mEsRDzx16KE+NDIlIEL6R4nCIBOEaOQ6HSBAWPYTv8sOBfIAzxy2IBGHQOLb5IFer+iISTNudtlRdiATT88Cp0YRIMA3urJHmD50aTYgEj6Nh6LNUup3SJ3MnMDWaEAnuS0PQO+L6NeEw6ogE4zNVGBPcSt2CSDA8t43aFwfvvbnb/YxRJBnPbmEA9Sj0e4DToguRoD+dDLp1ys0hiDzgSXEDIkE3W00GDSOrogjgsD0kIsGBLnzdJWXVhNDXMwyiCZHMiS54XfNZNRlMFUMW+OF6ZEQSCxeALnadBOVrc4rCvYfeiGSK3GIu/9rbUwDWnt7Tby4G9x5GQSRjOy5wqRb1xcI/hiAs9okikvfq2t6Y6r4Biz4KRNKkfsB1f/mNPd/fs/hnY56RtF3lcZc+CQCVYims4o2kft3fTQKu8qAnY23gkbSFwDTAgMKIxD1AVwbADTDc17QiuYyhfB3GB3MQr8dFUn+SlMmACRs/kssH51LODAjL8JGUW6T8MBmy+D9rgPh9LJL6lonzAyLVL5L84hNpnCEwA92RuC1TGs6/fwGGdh6JmxREARwl5aTQ/3Kx46OaQJNE/u0EQLPFcrFeCoBORAJ4EAngQSSAB5EAHkQCeBAJ4EEkgAeRAB5EAngQCdDB2uWKSIAOn0Q+EwngQSSAB5EAHkQCeBAJ4EEkgEdixf4RAC0Wf98AYqTlQ0RwE48AAAAASUVORK5CYII=);
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .four-steps-section .step.step3 {
  top: 32.85px;
  left: 652px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .four-steps-section .step.step3 .indicator {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAABFCAYAAADgtMKmAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMiSURBVHgB7dxNctowGIBhGdiXI3CG3qC36Bm67xl6hK56nm57g7b7thkCBLAtqf4EIiYBKwZsbOt9ZjrJkC79ok/+S759/vFTAXhluzS/Pn19/2FilZopAEfSJ6NWcz2V30cKwBEXyIOWX10kEwXgYL3QavNojj4jEmBvPS8CWZpXnxMJomeLjfnyb67yrT35dyJB1HRWBPIvVya3Z/8PkSBaMlrJiBVCJIiOKbpYPZwfr14iEkRFVo/Nwihr3haIIBJEoe7qUUYkGDQ5c7WVvcdjeO9xDpFgsOTK+dO83mh1CpFgcGSkkivnl4xWL335+H1GJBiMW8ZRRiTovabi8IgEvdV0HB6RoHfaisMjEvSCP5UrFwOvPVtVF5Gg02S1SDemOJ1rW4/DIxJ0jls1VkZlRRxtjVRViASd4fcacvv6vVaNU4gEd9WFcSqESNC6PoRRRiRonOwx0rXsL2Sf0a1R6i2IBI2Q1SJPrcq23dh8X2qsx1MiwU3oTIKw7oxU1zbe19DjhEhQn4xPulgl8mx4UZxCJKgkQcibRGSV0FkRRL4LJCZEggOJQbt/ygWRp6ryVTuxIJLI+JVBRiX5afQuCpMPe2S6BpEMiARgtXUvPdBarkHsVgS3h3D7BkK4BJF0lB9z5IC3xVFuzPNB7mLY/3R/N4xFTSKSFpS/4f0BLwe1P9h3n/sI+LbvGiK5gj/QZa73B778Xv6G56DvPyI5wwcgG1w3zujdfUY6Z7yJTbSRlCMorwBscFE2Ssywr7iXz/u7kUhOdxIBakiSAdyWci4ExiHcSi8i8WeHspQLYGhf5yJx9wntY3ArBKsC7uxukbhN89Yc7hNiZUBXtRKJXxXkTlL2DOibm0dSDkIexBn6swYYvqsiKT98k6fymCZBYHhqReI31TrbPb8c28M3iFNlJBJFurE8gIOoHUXS91e/AE2Y+BeFMT4Bp00Wf3IF4DSr7GykAFQiEiCASIAAIgECiAQIIBIggEiAACIBAogECCASIIBIgAqJTaZEAlRJ1DsiAQKIBAggEiCASIAAIgECiAQIkBdB/FYAzpn/BxpxqBXldz9PAAAAAElFTkSuQmCC);
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .four-steps-section .step.step4 {
  top: -32.94px;
  left: 971px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .four-steps-section .step.step4 .indicator {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAABGCAYAAABmILAIAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALySURBVHgB7dxPctowFIBxQVhk0UVu0PRmuUHbG3Smh+iyR+sRwiTFNrZll4fzGkHAMn9sLPn7zWQgwFIfT2Cb2dcf6W8D4IPc2uWvn5++L8zMPBkAO6qqMsnfbLm5u4kEwA4J5OUlMdbWD/I/kQCOsmwCqev6/2NEArxZr0uzWmU7gQgiATaSJDdpuj74HJFg0mRqvL6mpijs0dcQCSZLwlitUvmA3vo6IsHkyPRI03z71wWRYFK6Tg8XkWASTp0eLiJB9M6ZHi4iQbTkwGCSZK3fXHVBJIjOJVurfU/f/jwQCaIhcWRZsY1j/6j5ubLsnkgQvj7icBEJgtV3HIpIEJyh4lBEgmDIt1RyEuKl31adikgwajo1iqIcPA5FJBglCSLPi+01HkNsqdoQCUZjDFPjECLBTY01DBeRYHBuGHLqyK23Uz5EgkFUVb35fDHuiXEMkaAXMh1kSsiH7zwvt5GEaH5vOS0F1yMToixtMNuoLubmjkhwHp0UsUVxCJGgE4lAYrC22vzZ7f9TQSTY4U4IDUKu6It1SnRBJBMlH6Q1BPntW7mNect0CSKJkCx0WevNJGgikCiaKWGD/abpVogkALqoZcHLQtcFr/eb11RvzxumwZURycBkUesi10W/v9jfQ2DBjwGRXIFub3QrowtdHuMdPnxE4qHv/BJA8w5f7Sx+9vfxm3wkGoBOAL0lAKjoI2n2/hoCEeA0lb17jCKSQyFwEAzXElQk7gEw9yAYEwF9GmUk+zEwFXBLN42E84QQgsEicaeD3HJ6BELRSyQahJxaLfflYhymA0J1cSTulqkJgyAQl5Mjkckg1yw3F95M6+IbTJM3EveKNImDKYGp+RCJ/vQLWyegsZAIJAaZFiH/9AvQl8Xz84ppARwxn9WPcwIB2s0NgFZEAngQCeBBJIAHkQAeRAJ4EAngQSSAB5EAHkQCeBAJ0KKuZ5+JBPAgEsCDSAAPIgE8iATwIBLAg0gAj0U5t18MgIPuTbb8B39gApjHABaiAAAAAElFTkSuQmCC);
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .hacker-steps {
  margin-top: 56.74px;
  position: relative;
  margin-left: 2.5rem;
  padding-bottom: 283px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .hacker-steps .point {
  width: 156.63px;
  position: absolute;
  top: -6.5rem;
  right: 6.5rem;
  transform: rotate(135deg);
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .hacker-steps .step1 .step-text {
  background-color: #0C53A3;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .hacker-steps .step2 .step-text {
  background-color: #104989;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .hacker-steps .step3 .step-text {
  background-color: #1B2B44;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .hacker-steps .step {
  display: flex;
  align-items: flex-end;
  align-content: flex-end;
  grid-gap: 4rem;
  gap: 4rem;
  min-height: 450px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .hacker-steps .step img {
  width: 60%;
  max-width: 640px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .hacker-steps .step .step-text {
  padding: 1.25rem 2.875rem;
  border-radius: 1.25rem;
  color: #fff;
  width: 35%;
  max-width: 380px;
  height: 256.84px;
  justify-content: center;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .hacker-steps .step .step-text .name {
  font-weight: 700;
  font-size: 1.68rem;
  line-height: 2,6875ren;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .hacker-steps .step .step-text .text {
  font-weight: 400;
  font-size: 1.45rem;
  line-height: 1.75rem;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .hacker-steps .step-dots {
  position: absolute;
  display: flex;
  grid-gap: 24px;
  gap: 24px;
  left: 500px;
  top: 500px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .hacker-steps .step-dots .step-dot {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #707070;
  opacity: 0.3;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .hacker-steps .step-dots .step-dot.active {
  opacity: 1;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .hacker-steps .next-button {
  position: absolute;
  right: 0;
  background: #FFC53D;
  border-radius: 0px;
  height: 5.1875rem;
  width: 5.1875rem;
  top: 1rem;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .hacker-steps .prev-button {
  position: absolute;
  left: -6rem;
  background: #FFC53D;
  border-radius: 0px;
  height: 5.1875rem;
  width: 5.1875rem;
  top: 1rem;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .secure-warning-section {
  display: flex;
  margin-bottom: 163px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-left {
  position: relative;
  padding-top: 147px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-left .point {
  width: 156.63px;
  position: absolute;
  top: 0rem;
  right: 6.5rem;
  transform: rotate(135deg);
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-left .next-button {
  position: absolute;
  right: 0;
  background: #FFC53D;
  border-radius: 0px;
  height: 5.1875rem;
  width: 5.1875rem;
  top: 9rem;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-left .prev-button {
  position: absolute;
  left: -3.5rem;
  background: #FFC53D;
  border-radius: 0px;
  height: 5.1875rem;
  width: 5.1875rem;
  top: 9rem;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-left .secure-warning {
  text-align: center;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-left .secure-warning img {
  width: 100%;
  max-width: 705px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-left .secure-warning .text {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2.215rem;
  background: #E7444E;
  padding: 1.6875rem 2.625rem;
  color: #fff;
  border-radius: 1.25rem;
  display: inline-block;
  margin-top: 1.625rem;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-right .secure-warning-board {
  background-image: url(/static/media/secure-warning-bg.78893f72.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 400px;
  height: 493px;
  font-size: 2.25rem;
  line-height: 3.25rem;
  text-align: center;
  padding: 55px 7rem 0 1rem;
  padding-top: 55px;
  padding-right: 90px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-right .secure-warning-board .red {
  font-weight: 700;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-right .secure-warning-board .blue {
  font-weight: 500;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.t900 .course-landing {
  background: linear-gradient(to right, #d1f0e5, #f8f0c5);
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.t900 .course-landing .course-landing-content {
  background-image: url(/static/media/topic900bg.11c504f2.png);
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.t930 .course-landing {
  background: linear-gradient(to right, #f1cbcb, #f8e6e6);
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.t930 .course-landing .course-landing-content {
  background-image: url(/static/media/topic930bg.1b35559c.png);
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.t1200 .course-landing {
  background: linear-gradient(to right, #e9f3f6, #eff4f8);
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.t1200 .course-landing .course-landing-content {
  background-image: url(/static/media/topic1200bg.b47ea573.png);
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.t1400 .course-landing {
  background: linear-gradient(to right, #f0f3f9, #b3ccf9);
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.t1400 .course-landing .course-landing-content {
  background-image: url(/static/media/topic1400bg.0cd7e7ab.png);
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .final-quiz-container {
  position: relative;
  min-height: calc(100vh - 98px);
  overflow-x: hidden;
  width: 100%;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body {
  position: absolute;
  left: 0;
  display: flex;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-title {
  font-size: 48px;
  font-weight: 700;
  margin-bottom: 11.27px;
  display: flex;
  justify-content: space-between;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-title a {
  width: 330px;
  height: 78px;
  background-color: #F26927;
  border-radius: 50px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 9px 15px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-title a > span {
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #fff;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-retry-button {
  display: block;
  min-width: 292px;
  height: 57px;
  background-color: #F26927;
  border-radius: 50px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  font-size: 18px;
  font-weight: 500;
  margin-top: 60px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result p {
  font-size: 20px;
  font-weight: 400;
  line-height: 38px;
  letter-spacing: 0px;
  text-align: left;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass {
  margin: 91px 120px 0 120px;
  display: flex;
  grid-gap: 10%;
  gap: 10%;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass .left {
  flex-grow: 2;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass .cert-download-input {
  display: flex;
  grid-gap: 14px;
  gap: 14px;
  margin-top: 40px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass .cert-download-input .cert-name-input {
  background-color: #EFEFEF;
  border-radius: 10px;
  border: none;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass .cert-download-input .cert-download-button {
  display: block;
  width: 130.79px;
  height: 56.05px;
  background-color: #F26927;
  border-radius: 50px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .cert-area {
  background: linear-gradient(90deg, #DCF2F8 0%, #EDF5FF 100%);
  width: 100%;
  position: relative;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .cert-area img {
  width: 100%;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .cert-area .cert-name {
  position: absolute;
  top: 330px;
  font-size: 60px;
  font-weight: 300;
  line-height: 96px;
  text-transform: capitalize;
  text-align: center;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .cert-area .cert-date {
  top: 542px;
  position: absolute;
  text-align: center;
  padding-left: 25px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-not-pass {
  margin: 91px 147px 0 147px;
  display: flex;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-not-pass .left {
  flex-grow: 2;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section {
  margin-right: 3.5rem;
  margin-bottom: 86px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .img-quiz {
  display: none;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body {
  border: 1px solid #F26927;
  border-radius: 20px;
  padding: 80px 60px;
  color: #333;
  width: 100%;
  display: inline-block;
  position: relative;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-index {
  position: absolute;
  top: 22px;
  right: 38px;
  font-size: 24px;
  font-weight: 400;
  line-height: 29px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-title {
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
  color: #999999;
  margin-bottom: 8px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-description {
  font-size: 24px;
  font-weight: 400;
  line-height: 41px;
  letter-spacing: 0px;
  text-align: left;
  margin-bottom: 3rem;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-question {
  font-size: 24px;
  font-weight: 700;
  line-height: 41px;
  letter-spacing: 0px;
  text-align: left;
  margin-bottom: 36px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers {
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: 0px;
  text-align: left;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .ant-radio-group {
  width: 100%;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item {
  background: #F7F8FB;
  padding: 25px 58px;
  margin-bottom: 15px;
  border-radius: 10px;
  padding-left: 20px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper {
  font-size: 1rem;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper .ant-radio {
  margin-right: 12px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper .ant-radio .ant-radio-inner {
  width: 18px;
  height: 18px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper .ant-radio .ant-radio-inner::after {
  width: 18px;
  height: 18px;
  margin-top: -9px;
  margin-left: -9px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .anticon.anticon-check-circle {
  position: absolute;
  background-color: #fff;
  left: 0;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .anticon.anticon-check-circle svg {
  width: 18px;
  height: 18px;
  color: #0CA39A;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .anticon.anticon-close-circle {
  position: absolute;
  left: 0;
  background-color: #fff;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .anticon.anticon-close-circle svg {
  width: 18px;
  height: 18px;
  color: #E7444E;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item.correct {
  background: #F4FFFF;
  border: 0.5px solid #0CA39A;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item.correct .ant-radio {
  visibility: hidden;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item.wrong {
  border: 0.5px solid #E7444E;
  background: #FFF2F3;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item.wrong .ant-radio {
  visibility: hidden;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section {
  display: inline-block;
  width: 100%;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-submit-button {
  display: block;
  min-width: 205px;
  height: 51px;
  background-color: #F26927;
  border-radius: 50px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 500;
  line-height: 19.54px;
  float: right;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-submit-button[disabled] {
  color: rgba(0, 0, 0, 0.25);
  border-color: #D4D4D4;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
  cursor: not-allowed;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-last-button {
  display: block;
  min-width: 205px;
  height: 51px;
  border: 1px solid #F26927;
  border-radius: 50px;
  text-align: center;
  color: #F26927;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 500;
  line-height: 19.54px;
  float: left;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area {
  text-align: center;
  margin-top: 60px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area img {
  margin-bottom: 13px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area .text {
  font-size: 32px;
  font-weight: 700;
  line-height: 39px;
  letter-spacing: 0px;
  text-align: center;
  margin-bottom: 15px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area .quiz-try-again-button {
  font-size: 21px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 0em;
  text-align: center;
  margin-top: 59.5px;
}
.side-collapsed .progress {
  width: 100%!important;
}
.side-collapsed .prevent-msg-container {
  width: 100%!important;
}

@media (min-width: 1980px) {
  .cert-area .cert-container .cert-adate {
    font-size: 40px !important;
  }
  .cert-area .cert-container .cert-username {
    font-size: 40px !important;
  }
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page .ant-layout-content .course-left-side {
    position: absolute;
    z-index: 999;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-left-side .side-collapse-button {
    display: none;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-left-side .toggle-menu-icon {
    position: absolute;
    top: -3rem;
    left: 1.5rem;
    z-index: 101;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview {
    padding-top: 2.5rem;
    padding-bottom: 2.9rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item {
    width: 5rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item .step-dot {
    width: 1.9rem;
    height: 1.9rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item .step-title {
    font-size: 1rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item .step-line {
    top: 0.95rem;
    left: calc(50% + 0.95rem);
    width: calc(100% - 1.9rem);
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.active .step-dot .active-dot {
    margin-top: calc(1.9rem/2 - 3.5px);
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.completed .step-dot .completed-dot {
    font-size: 1rem;
    margin-top: 0.3rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-name {
    font-size: 2.2rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .topic-name {
    font-size: 1.6rem;
    margin-bottom: 5rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-progress-bar .ant-progress-text {
    font-size: 1.2rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-left-side .paragraphs .paragraph {
    padding: 0.4rem 4rem 0.4rem 2rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-left-side .paragraphs .paragraph .header {
    font-size: 1.1rem;
    line-height: 1.31rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-left-side .paragraphs .paragraph .title {
    font-size: 1.5rem;
    line-height: 1.788rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body {
    width: 100%;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content {
    min-width: 35rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.welcome .intro-img {
    width: 100%;
    margin-bottom: 4.8rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.welcome .intro-img img {
    width: 100%;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-section-0 {
    margin-top: 0 !important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .quiz-section .header {
    font-size: 2.6rem;
    margin-bottom: 4rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .quiz-section .header img {
    display: none;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item p.content {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2.375rem;
    letter-spacing: 0px;
    text-align: left;
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .password-section {
    width: 100%;
    margin: 7.7vw 0;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .password-section img.point {
    width: 15.38vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .password-section .password-section-text {
    font-size: 3.1vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section {
    margin: 17vw 0;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section.tab2 {
    margin-top: 30vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .tips {
    width: 45vw;
    height: 12vw;
    background-repeat: no-repeat;
    font-size: 3.1vw;
    right: 26vw;
    top: -20vw;
    padding-right: 5vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .warning-alert {
    width: 23.33vw;
    height: 13.6vw;
    font-size: 3.33vw;
    top: -15vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .tips-person {
    width: unset;
    right: 0;
    height: 25vw;
    top: -19.3vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .ant-tabs-nav-list {
    width: 80%;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tab {
    font-size: 2.3vw;
    line-height: 2.3vw;
    padding-left: 2vw;
    padding-right: 2vw;
    white-space: break-spaces;
    max-width: 27vw;
    margin-right: 1vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane {
    min-width: unset;
    min-height: 30vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel {
    width: 21.8vw;
    height: 23vw;
    font-size: 2.56vw;
    line-height: 3vw;
    padding: 1.5vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l1 {
    padding: 0;
    margin-top: 1rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l4 {
    line-height: 2.5vw;
    margin-top: 0;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .highlight {
    width: 21.8vw;
    height: 23vw;
    padding: 1vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .highlight .point {
    width: 15.38vw;
    left: calc(50% - 7.69vw);
    bottom: -7.69vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section,
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .animation002 {
    width: unset;
    height: 105vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .click-point,
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .animation002 .click-point {
    width: 17.4vw;
    top: 10.26vw;
    left: 3vw;
    z-index: 1;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-center-circle,
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-center-circle {
    width: 31.8vw;
    height: 31.8vw;
    font-size: 4.1vw;
    line-height: 5.4vw;
    left: calc(50% - 15.9vw);
    top: 40vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel,
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel {
    width: 21.8vw;
    height: 21.8vw;
    font-size: 2.3vw;
    padding: 3vw;
    line-height: 3vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel img,
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel img {
    width: 5vw;
    top: 60%;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-1 {
    top: 10vw;
    left: calc(50% - 10.9vw);
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-2 {
    top: 30vw;
    right: 0;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-3 {
    top: 63vw;
    right: 0;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-4 {
    top: 81vw;
    left: calc(50% - 10.9vw);
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-5 {
    top: 63vw;
    left: 0;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-6 {
    top: 30vw;
    left: 0;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel,
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel {
    padding: 3vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-1,
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-1 {
    top: 10vw;
    left: calc(50% - 10.9vw);
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-2,
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-2 {
    top: calc(50% - 10.9vw);
    right: 0;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-3,
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-3 {
    top: 81vw;
    right: 20%;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-4,
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-4 {
    top: 81vw;
    left: 20%;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-5,
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-5 {
    top: calc(50% - 10.9vw);
    left: 0;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .example {
    padding-left: 0px;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .example .example-label {
    display: block;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .example .example-content {
    flex-direction: column;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .img-pwd {
    width: 90%;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .img-pwd2 {
    width: 90%;
    margin-left: 10%;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person {
    display: flex;
    flex-direction: row;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person .popover-message {
    margin-top: 1rem;
    position: initial;
    padding: 3vw;
    width: 70vw;
    height: 40vw;
    background-image: url(/static/media/popover.0dc55141.png);
    background-size: 100% 100%;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person .popover-message .l1 {
    padding-top: 6vw;
    padding-left: 2vw;
    font-size: 3vw;
    font-weight: 700;
    line-height: 4vw;
    margin-bottom: 1rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person .popover-message .l2 {
    padding-left: 2vw;
    font-size: 3vw;
    font-weight: 400;
    line-height: 4vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person img.person {
    margin-top: 5vw;
    margin-left: 2vw;
    position: inherit;
    width: 20vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .example .example-content img.point {
    position: absolute;
    top: -7rem;
    right: 2rem;
    width: 80px;
    height: 80px;
    transform: rotate(135deg);
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .next-button {
    position: absolute;
    right: 0;
    background: #FFC53D;
    border-radius: 0px;
    width: 8%;
    height: 0;
    padding-bottom: 8%;
    padding-top: 0%;
    top: 0rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .next-button .img-next-button {
    position: absolute;
    bottom: 4.5%;
    right: 20%;
    width: 50%;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .prev-button {
    position: absolute;
    left: 0rem;
    background: #FFC53D;
    border-radius: 0px;
    height: 4rem;
    width: 4rem;
    top: 0rem;
    width: 8%;
    height: 0;
    padding-bottom: 8%;
    padding-top: 0%;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .prev-button .img-next-button {
    position: absolute;
    bottom: 4.5%;
    right: 20%;
    width: 50%;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .title {
    font-size: 2.1rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .phishing-section {
    padding-bottom: 5rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .phishing-section .phishing-2 {
    width: 100vw;
    margin: 0;
    grid-gap: 10vw;
    gap: 10vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .phishing-section .phishing-2 .click-point {
    position: absolute;
    top: 48vw;
    left: 12vw;
    width: 12vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .phishing-section .phishing-2 .phishing-item {
    width: 35vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .phishing-section .phishing-2 .phishing-item .text {
    font-size: 3vw;
    line-height: 3.5vw;
    padding: 0.8rem;
    height: auto;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .phishing-section .phishing-2 .phishing-item .phishing-icon {
    width: 12vw;
    height: 12vw;
    line-height: 12vw;
    margin-bottom: 4vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .phishing-section .phishing-2 .phishing-item .phishing-icon img {
    width: 5.5vw;
    height: 5.5vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .phishing-section .phishing-2 .phishing-item .phishing-body img {
    width: 35vw;
    height: 20vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section {
    margin-top: 0;
    padding-top: 1.5rem;
    margin-right: -2rem;
    margin-left: -2rem;
    padding-left: 2rem;
    padding-bottom: 5rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-desc {
    font-size: 3vw;
    line-height: 4vw;
    height: 15vw;
    width: 50vw !important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs {
    padding-right: 2rem;
    position: relative;
    top: 0rem;
    max-width: 100%;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab {
    font-size: 2vw;
    line-height: 2vw;
    width: 30vw;
    padding: 1vw;
    height: 15vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns {
    bottom: -5rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns .click-point {
    width: 5rem;
    margin-right: 1rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns img {
    width: 3.2rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container {
    top: 6rem;
    height: calc(92vw + 10rem);
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-switch-btns {
    position: absolute;
    bottom: 4rem;
    right: 10vw;
    display: block;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-switch-btns img {
    width: 3.2rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-switch-btns .click-point {
    width: 5rem;
    transform: rotate(90deg);
    margin-right: 1rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-switch-btns .prev-button {
    margin-right: 1rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-switch-btns .ant-btn-text[disabled] {
    opacity: 0.3;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body {
    top: 0rem;
    left: 2rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    width: 90vw;
    position: relative;
    top: 20vh;
    margin-left: -1.5rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    position: absolute;
    font-size: 1.6rem;
    line-height: 115%;
    width: 90vw;
    min-height: 10vh;
    max-height: 20vh;
    padding: 1.5rem 2.5rem;
    margin-left: -1.5rem;
    text-align: center;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text div {
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text ul {
    padding-top: 0.3rem;
    font-size: 1.5rem;
    line-height: 110%;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .social-attack-section {
    padding: 5rem 2rem;
    margin-left: -2rem;
    margin-right: -2rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .social-attack-section p {
    font-size: 3vw;
    line-height: 4.5vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .social-attack-section .cyber-phishing-section {
    flex-wrap: wrap;
    padding-top: 5rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .social-attack-section .cyber-phishing-section .cyber-phishing-item .cyber-phishing-icon {
    width: 30vw;
    height: 30vw;
    margin: auto;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .social-attack-section .cyber-phishing-section .cyber-phishing-item .cyber-phishing-icon img {
    width: 18vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .social-attack-section .cyber-phishing-section .cyber-phishing-item .name {
    font-size: 3.5vw;
    line-height: 4.5vw;
    margin-top: 5vw;
    margin-bottom: 3vw;
    max-width: 50vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .social-attack-section .cyber-phishing-section .cyber-phishing-item .desc {
    font-size: 3.5vw;
    line-height: 4.5vw;
    margin-bottom: 10vw;
    max-width: 50vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .results-sections {
    margin-top: 5rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .results-sections .business-problem {
    height: 180vw;
    margin-bottom: 180px !important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .results-sections .business-problem :first-child {
    height: 70vw;
    width: auto;
    top: 10vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .results-sections .business-problem :nth-child(2) {
    width: 35vw;
    bottom: 100vw !important;
    left: 35vw !important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .results-sections .business-problem :nth-child(3) {
    width: 10vw;
    top: 10vw !important;
    left: 50vw !important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .results-sections .business-problem :nth-child(4) {
    width: 45vw;
    top: 100vw !important;
    left: 40vw !important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .results-sections .business-problem :nth-child(5) {
    width: 55vw;
    top: 140vw !important;
    left: 0 !important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .results-sections .business-problem :nth-child(6) {
    width: 50vw;
    font-size: 4vw;
    line-height: 5vw;
    padding-right: 2rem;
    top: 25vw !important;
    left: 50vw !important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .results-sections .real-case {
    margin-left: -2rem;
    width: 100vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .results-sections .results-list {
    grid-gap: 5vw;
    gap: 5vw;
    grid-gap: 5vw;
    flex-wrap: wrap;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .results-sections .results-list .results-item {
    width: 42vw;
    height: auto;
    padding: 2rem 2rem 5rem 2rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .results-sections .results-list .results-item .text {
    font-size: 4vw;
    line-height: 5vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .results-sections .results-list .results-item img {
    width: 10vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .results-sections .header {
    margin-bottom: 5vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .results-sections .info {
    font-size: 4vw;
    line-height: 5vw;
    padding-left: 15vw;
    padding-right: 15vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .course-landing-content {
    padding-left: 2rem;
    padding-right: 2rem;
    min-height: unset;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text {
    width: 100%;
    margin-bottom: 4.5rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text.welcome-text {
    margin-bottom: 4.6rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text .title {
    margin-bottom: 2.2rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text .description {
    font-size: 1.6rem;
    line-height: 2.56rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel .landing-img-item {
    width: 7.5rem;
    height: 7.5rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel .landing-img-item img {
    width: 7.5rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel-sm .landing-img-item-sm {
    width: 7.5rem;
    height: 7.5rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel-sm .landing-img-item-sm img {
    width: 7.5rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img {
    display: none;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section {
    margin-right: 0;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body {
    padding: 2.4rem 1.8rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-index {
    font-size: 1.6rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-title {
    font-size: 1.2rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-description {
    font-size: 1.6rem;
    line-height: 2.56rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-question {
    font-size: 1.6rem;
    line-height: 2.56rem;
    margin-bottom: 1rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item {
    padding: 1.55rem 0.8rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper {
    font-size: 1.6rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper .ant-radio {
    margin-right: 0.2rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area {
    margin-top: 2.5rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area img {
    width: 6rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area .text {
    font-size: 2.1rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area .quiz-try-again-button {
    margin-top: 0;
    font-size: 1.6rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-last-button {
    min-width: 11.7rem;
    font-size: 1.6rem;
    height: 4rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-submit-button {
    min-width: 11.7rem;
    font-size: 1.6rem;
    height: 4rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content {
    min-height: unset;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content .quiz-text {
    padding-top: 1.5rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content .course-landing-text .description {
    margin-bottom: 7.5rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.quiz .quiz-section {
    margin: 3.5rem 2rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass {
    margin: 11.8vw 5vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass .right {
    display: none;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-title {
    font-size: 6.67vw;
    line-height: 7vw;
    margin-bottom: 4.5vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result p {
    font-size: 4.1vw;
    line-height: 6.4vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .cert-area iframe {
    height: 80vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section {
    margin: 11.3vw 5vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section .review-quiz-section {
    margin-right: 0;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section .review-quiz-section .review-quiz-section-body {
    padding: 6.4vw 4.6vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section .review-quiz-section .review-quiz-section-body .quiz-title {
    font-size: 3vw;
    line-height: 3.8vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section .review-quiz-section .review-quiz-section-body .quiz-question {
    font-size: 4.1vw;
    line-height: 6.4vw;
    margin-bottom: 7.7vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section .review-quiz-section .review-quiz-section-body .quiz-answers .quiz-answers-item {
    padding: 3.8vw 5vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section .review-quiz-section .review-quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper {
    font-size: 4.1vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section .review-quiz-section .review-quiz-section-body .quiz-result-area .text {
    font-size: 5.38vw;
    line-height: 8.7vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section .review-quiz-section .review-quiz-section-body .quiz-result-area p {
    font-size: 4.1vw;
    line-height: 4.87vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-not-pass {
    margin: 11.8vw 5vw;
    flex-direction: column;
    grid-gap: 11.8vw;
    gap: 11.8vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-not-pass .right {
    align-self: center;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-not-pass .right img {
    width: 58vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-retry-button {
    margin-top: 5.64vw;
    min-width: 40vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .next-topic-button {
    width: 90%;
    min-width: 35rem;
    font-size: 0.9rem;
    font-weight: 500;
    line-height: 1.1rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .next-topic-button img {
    width: 1rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .resources-section {
    margin: 0 -2rem;
    padding: 5rem 2rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .resources-section .section-container {
    flex-direction: column;
    grid-gap: 3.2rem;
    grid-gap: 3.2rem;
    gap: 3.2rem;
    margin-bottom: 1.6rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .resources-section .section-container .resources-section-label {
    font-size: 2.6rem;
    width: unset;
    padding-left: 4.6rem;
    line-height: 3.2rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .resources-section .section-container .resources-section-label img {
    width: 3.2rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .resources-section .section-container .resources-links {
    width: 100%;
  }
  .cyber-security-training-page.course-page .ant-layout-content .resources-section .section-container .resources-links .resources-link {
    font-size: 1.4rem;
    line-height: 2rem;
    width: unset;
    height: 4.4rem;
    padding-left: 1.3rem;
    display: flex;
    align-items: center;
    padding-right: 2.5rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .resources-section .section-container .resources-links .resources-link .anticon {
    top: calc(50% - 7px);
  }
  .cyber-security-training-page.course-page .ant-layout-content .hidden-mobile {
    display: none;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .course-landing-container {
    margin-left: -2rem;
    margin-right: -2rem;
  }
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .password-section img.point {
  bottom: -5.5rem;
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel {
    width: 28vw;
    height: 28vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel.bp-panel-1 {
    top: 2%;
    left: calc(46.5% - 10.9vw);
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel.bp-panel-3 {
    right: 15%;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel.bp-panel-4 {
    left: 15%;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.senior-manager .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-desc {
    font-size: 1.4rem;
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.senior-manager .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab {
    font-size: 1.4rem;
    line-height: 1.2;
    width: 30vw;
    padding: 1vw;
  }
  .cyber-security-training-page.course-page.senior-manager .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    font-size: 1.4rem;
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .prevent-msg-container {
    margin-left: -2rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .next-topic-button {
    font-size: 1.4rem;
    line-height: 1.2;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab {
    font-size: 2vw;
    line-height: 3vw;
    width: 30vw;
    padding: 1vw;
    height: 24vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel {
    width: 100px;
    height: 120px;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel img {
    top: 70%;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel .text {
    line-height: 14px;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    font-size: 1rem;
    line-height: 1rem;
    max-height: 30vh;
    padding: 1rem 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text ul {
    font-size: 1rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 20vh;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel-sm {
    grid-gap: 14px;
    gap: 14px;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel.bp-panel-1 {
    left: calc(50% - 50px);
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .component {
    /* margin-bottom: 10rem!important; */
    margin-top: 3.5rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation011 {
    margin-bottom: 0 !important;
  }
  .cyber-security-training-page.course-page.senior-manager .ant-layout-content .course-body .course-body-content .animation012 .animation012-content {
    padding-right: 0;
  }
}
@media (max-width: 400px) {
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 18vh;
  }
}

.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item .phishing-body .text {
  display: flex;
  align-items: center;
  justify-content: center;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .animation004.gs1200-a004-1 .four-steps-section .click-point {
  width: 120px;
}
.cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content.t1400 .topic-item .topic-tab-section .talk-content {
  line-height: 1.8rem;
}
.cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .animation005 .animation005-content .animation005-item {
  min-height: 22rem;
}
.cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab {
  min-height: 220px;
}
.cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-desc {
  margin-bottom: 6rem;
}
.cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .hacker-steps .point {
  top: -4.5rem;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content.t900 .course-landing-content .course-landing-text .gif,
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content.t930 .course-landing-content .course-landing-text .gif,
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content.t1200 .course-landing-content .course-landing-text .gif,
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content.t1400 .course-landing-content .course-landing-text .gif {
  display: none;
}
.cyber-security-training-page.course-page.general-staff {
  overflow: hidden;
}
.cyber-security-training-page.course-page.general-staff .page-header {
  background-color: #fff;
  box-shadow: 0px 1px 2px 1px #0000001F;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content {
  display: flex;
  position: relative;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-left-side {
  transition: all 0.5s;
  width: 20%;
  height: 100%;
  border-right: 1px solid #ECECEC;
  min-width: 300px;
  position: relative;
  background: #fff;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-left-side .side-collapse-button {
  position: absolute;
  z-index: 1;
  background-color: #fff;
  border-radius: 5px;
  top: 1rem;
  width: 2rem;
  height: 2rem;
  padding: 0;
  right: -16px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-left-side .side-collapse-button.side-collapsed {
  right: -48px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-left-side.side-collapsed {
  width: 0;
  min-width: 0;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-left-side.side-collapsed .course-left-overview div {
  visibility: hidden;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-left-side.side-collapsed .paragraphs {
  visibility: hidden;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-left-side .course-left-overview {
  position: relative;
  padding-top: 1.6875rem;
  padding-bottom: 2.75rem;
  background-color: #FFF3E4;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-left-side .course-left-overview .course-name {
  font-size: 1.5rem;
  line-height: 1.875rem;
  font-weight: 700;
  margin-left: 1.5rem;
  margin-bottom: 0.625rem;
  padding-right: 6rem;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-left-side .course-left-overview .topic-name {
  font-size: 0.8rem;
  font-weight: 400;
  margin-left: 1.5rem;
  min-height: 1rem;
  margin-bottom: 2.3125rem;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-left-side .course-left-overview .course-progress-bar {
  position: absolute;
  top: 1.6875rem;
  right: 1.5rem;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-left-side .course-left-overview .course-progress-bar .ant-progress-text {
  color: #F26927;
  font-weight: 700;
  font-size: 0.75rem;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-left-side .course-left-overview .course-steps {
  width: 100%;
  display: flex;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item {
  width: 3.8rem;
  position: relative;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.none .step-dot {
  cursor: not-allowed;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.none .step-title {
  cursor: not-allowed;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item .step-dot {
  cursor: pointer;
  width: 1.3rem;
  height: 1.3rem;
  border: 1.3px solid #D1D5DB;
  border-radius: 50%;
  margin: auto;
  margin-bottom: 0.785rem;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item .step-title {
  cursor: pointer;
  font-size: 0.75rem;
  text-align: center;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item .step-line {
  height: 1.3px;
  width: 100%;
  position: absolute;
  background-color: #D1D5DB;
  top: 0.65rem;
  left: calc(50% + 0.65rem);
  width: calc(100% - 1.3rem);
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item .active-dot {
  display: none;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.active .step-dot {
  border-color: #F26927;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.active .step-dot .active-dot {
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #F26927;
  margin: auto;
  margin-top: calc(1.3rem/2 - 3.5px);
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.completed .step-dot {
  border-color: #F26927;
  background-color: #F26927;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.completed .step-dot .completed-dot {
  color: #fff;
  font-size: 0.8rem;
  text-align: center;
  margin-top: 0.2rem;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.completed .step-line {
  background-color: #F26927;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item:last-child .step-line {
  display: none;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-left-side .paragraphs {
  padding: 1.5rem 0;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-left-side .paragraphs .paragraph {
  margin-bottom: 1.5rem;
  border-left: 0.5625rem solid transparent;
  position: relative;
  padding: 0.2rem 2.75rem 0.2rem 1rem;
  color: #999999;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-left-side .paragraphs .paragraph.completed {
  cursor: pointer;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-left-side .paragraphs .paragraph.in-progress {
  cursor: pointer;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-left-side .paragraphs .paragraph.not-start {
  cursor: not-allowed;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-left-side .paragraphs .paragraph.active {
  color: #333333;
  border-color: #FFD666;
  background-color: #CACACA1A;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-left-side .paragraphs .paragraph .header {
  font-size: 0.75rem;
  line-height: 0.895rem;
  margin-bottom: 2px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-left-side .paragraphs .paragraph .title {
  font-size: 1rem;
  line-height: 19.54px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-left-side .paragraphs .paragraph .state {
  position: absolute;
  right: 14px;
  top: 12px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-left-side .paragraphs .paragraph .state div {
  width: 1.3125rem;
  height: 1.3125rem;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-left-side .paragraphs .paragraph .state .completed {
  background: url(/static/media/p-completed.e7ec2055.svg);
  background-size: cover;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-left-side .paragraphs .paragraph .state .not-start {
  background: url(/static/media/p-notstart.54aa9c82.svg);
  background-size: cover;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body {
  width: 80%;
  overflow: auto;
  transition: all 0.5s;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body.side-collapsed {
  width: 100%;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .next-topic-button {
  display: block;
  width: 36.25rem;
  height: 5.8125rem;
  background-color: #F26927;
  border-radius: 50px;
  margin: auto;
  margin-top: 3.875rem;
  margin-bottom: 3.875rem;
  text-align: center;
  color: #fff;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 500;
  line-height: 19.54px;
  padding-top: 1.2rem;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .next-paragraph-bar {
  background: #F7F8FB;
  height: 64px;
  margin-left: -3.5rem;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  text-align: center;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
  color: #999;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .prevent-msg-container {
  position: fixed;
  top: 45%;
  z-index: -100;
  width: 80%;
  text-align: center;
  margin-left: -3.5rem;
  display: flex;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .prevent-msg-container.fade-in {
  z-index: 999;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .prevent-msg-container .prevent-msg {
  margin: auto;
  background: #333333e8;
  border-radius: 20px;
  padding: 6px 28px;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2.5rem;
  color: #fff;
  float: left;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content {
  width: 100%;
  min-width: 1280px;
  overflow: hidden;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .component {
  margin-bottom: 10rem!important;
  margin-top: 3.5rem;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .course-landing-content {
  width: 100%;
  height: 100%;
  min-height: 750px;
  display: flex;
  justify-content: center;
  padding-top: 4.375rem;
  padding-left: 3.5rem;
  grid-gap: 80px;
  gap: 80px;
  background-size: cover;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text {
  width: 620px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text .title {
  font-size: 2.625rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text .description {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 28px;
  margin-bottom: 2.5rem;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text .gif {
  display: flex;
  flex-direction: row;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img {
  width: 40%;
  position: relative;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img {
  width: 100%;
  position: absolute;
  top: 0;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel {
  display: flex;
  justify-content: space-between;
  margin-top: 48px;
  grid-gap: 32px;
  gap: 32px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel .landing-img-item {
  width: 148px;
  height: 148px;
  border-radius: 10px;
  box-shadow: 0px 3px 10px 3px #0000001f;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel-sm {
  display: flex;
  justify-content: space-between;
  margin-top: 48px;
  grid-gap: 32px;
  gap: 32px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel-sm .landing-img-item-sm {
  width: 148px;
  height: 148px;
  border-radius: 10px;
  box-shadow: 0px 3px 10px 3px #0000001f;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .course-landing-content .video-container {
  margin-top: 2.75rem;
  margin-bottom: 2.75rem;
  position: relative;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-loading {
  position: absolute;
  z-index: -1;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .course-landing-content .video-container video {
  border-radius: 20px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area {
  background: #F7F8FB;
  padding: 16px 30px;
  margin-top: 18px;
  border-radius: 10px;
  width: 100%;
  z-index: 1;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area .video-transcript-title {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  position: relative;
  cursor: pointer;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area .video-transcript-title img {
  margin-top: -5px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area .video-transcript-title .transcript-button {
  position: absolute;
  right: 0;
  top: -2px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area .video-transcript-body .video-transcript-language {
  display: flex;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area .video-transcript-body .video-transcript-language .video-transcript-language-item {
  padding: 8px 20px;
  font-size: 14px;
  color: #999;
  border: 1px solid #999;
  border-radius: 48px;
  margin-right: 1rem;
  margin-top: 1rem;
  margin-bottom: 18px;
  cursor: pointer;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area .video-transcript-body .video-transcript-language .video-transcript-language-item.selected {
  color: #F26927;
  background: #FFF2EC;
  border: 1px solid #F26927;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area .video-transcript-body .video-transcript-content {
  border-top: 1px solid #C4C4C4;
  padding-top: 18px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .course-landing-content .video-container .video-transcript-area .video-transcript-body .video-transcript-content .video-transcript-item {
  font-size: 1rem;
  font-weight: 400;
  line-height: 19px;
  display: flex;
  grid-gap: 10px;
  gap: 10px;
  margin-bottom: 10px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item {
  padding-left: 3.5rem;
  padding-top: 3.5rem;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .course-landing-container {
  margin-top: -3.5rem;
  margin-left: -3.5rem;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .header {
  width: 100%;
  font-size: 4rem;
  font-weight: 600;
  line-height: 4rem;
  letter-spacing: 0em;
  text-align: center;
  margin-bottom: 5rem;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .title .l2 {
  color: #F26927;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .title .l3 {
  color: #E7444E;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .title .highlight {
  color: #F26927;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .title.blueline {
  border-color: #3789FF;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .title.orangeline {
  border-color: #F26927;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item p.content {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2.375rem;
  letter-spacing: 0px;
  text-align: left;
  padding-left: 2rem;
  padding-right: 7rem;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .phishing-section {
  display: flex;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .phishing-section .phishing-1 {
  background-image: url(/static/media/9881.3dcc291c.png);
  background-size: cover;
  height: 683px;
  width: 268px;
  color: #F26927;
  font-size: 41px;
  font-weight: 600;
  line-height: 55px;
  text-align: center;
  padding-top: 175px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 {
  margin-left: 128.5px;
  display: flex;
  width: 720px;
  flex-wrap: wrap;
  grid-gap: 28px 90.79px;
  gap: 28px 90.79px;
  position: relative;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .click-point {
  position: absolute;
  z-index: 1;
  width: 118px;
  top: 380px;
  left: 60px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item {
  width: 235px;
  cursor: pointer;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item .phishing-icon {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  text-align: center;
  line-height: 96px;
  margin: auto;
  margin-bottom: 28px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item .phishing-body {
  text-align: center;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item .phishing-body img {
  height: 130px;
  margin: auto;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item .phishing-body .text {
  padding: 20px;
  height: 84.42px;
  font-size: 17.5px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: center;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item.item1 .phishing-icon {
  background: #23BDEE;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item.item1 .phishing-body .text {
  background: #23BDEE38;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item.item2 .phishing-icon {
  background: #F26927;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item.item2 .phishing-body .text {
  background: #F2692740;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item.item3 .phishing-icon {
  background: #1AB6B6;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item.item3 .phishing-body .text {
  background: #DDF4F4;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item.item4 .phishing-icon {
  background: #FFB600;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .phishing-section .phishing-2 .phishing-item.item4 .phishing-body .text {
  background: #FFC53D42;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .phishing-indentify-section {
  background: #F3F3F3;
  margin-top: 117.87px;
  margin-left: -3.5rem;
  padding-top: 87.41px;
  padding-left: 3.5rem;
  padding-bottom: 0px;
  position: relative;
  overflow: hidden;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-desc {
  font-size: 22px;
  font-weight: 400;
  line-height: 36px;
  height: 108px;
  width: 335px;
  padding-left: calc(0.8125rem + 5px);
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs {
  position: absolute;
  right: 0;
  top: 87.41px;
  display: flex;
  grid-gap: 18.6px;
  gap: 18.6px;
  width: 818px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns {
  position: absolute;
  bottom: -100px;
  right: 10px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns .click-point {
  width: 92px;
  transform: rotate(90deg);
  margin-right: 18px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns .prev-button {
  margin-right: 18px;
  padding: 0;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns .next-button {
  margin-right: 18px;
  padding: 0;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns .ant-btn-text[disabled] {
  opacity: 0.3;
  padding: 0;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab {
  background-color: #fff;
  font-size: 22px;
  font-weight: 400;
  line-height: 27px;
  padding: 18.6px 19.53px;
  width: 260px;
  height: 158px;
  cursor: pointer;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab.active {
  box-shadow: 0px 3px 10px 3px #0000001f;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab.active .number {
  border-color: #f00;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab .number {
  border-top: 2px solid transparent;
  padding-top: 5%;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab .text {
  margin-top: 2.76px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container {
  position: relative;
  height: 708px;
  overflow: hidden;
  margin-left: -3.5rem;
  margin-right: -3.5rem;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-switch-btns {
  display: none;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body {
  position: absolute;
  left: 0;
  margin-left: calc(0.8125rem + 5px);
  display: flex;
  transition: all 500ms linear 0s;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item {
  display: flex;
  width: 1110px;
  align-items: start;
  grid-gap: 28.85px;
  gap: 28.85px;
  justify-content: center;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
  background: #F26927;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  line-height: 36px;
  width: 378px;
  border-radius: 37.22px;
  padding: 20px 30px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text ul {
  padding: 0 0 0 20px;
  line-height: 28px;
  font-size: 18px;
  margin: 0;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .social-attack-section {
  margin-left: -3.5rem;
  background: linear-gradient(to right, #7b7e87, #37383c);
  padding: 135px 160px 180px 3.5rem;
  color: #fff;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .social-attack-section .title {
  border-color: #FFC53D;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .social-attack-section .title .highlight {
  color: #FFC53D;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .social-attack-section p.content {
  font-size: 22.5px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .social-attack-section .cyber-phishing-section {
  display: flex;
  justify-content: space-around;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .social-attack-section .cyber-phishing-section .cyber-phishing-item .cyber-phishing-icon {
  width: 200px;
  height: 200px;
  text-align: center;
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .social-attack-section .cyber-phishing-section .cyber-phishing-item .name {
  font-size: 22px;
  font-weight: 700;
  line-height: 27px;
  text-align: center;
  margin-top: 24px;
  margin-bottom: 24px;
  max-width: 202px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .social-attack-section .cyber-phishing-section .cyber-phishing-item .desc {
  max-width: 200px;
  font-size: 22px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0px;
  text-align: center;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .results-sections {
  margin-top: 135px;
  padding-bottom: 135px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .results-sections .results-list {
  display: flex;
  grid-gap: 25px;
  gap: 25px;
  margin-bottom: 136px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item {
  width: 276px;
  height: 276px;
  box-shadow: 0px 3px 10px 3px #0000001f;
  padding: 26px 24px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item .text {
  margin-top: 24.41px;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 32px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item .text .highlight {
  font-weight: 700;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item.r1 {
  border-top: 5px solid #2D8DFE;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item.r1 .highlight {
  color: #2D8DFE;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item.r2 {
  border-top: 5px solid #FFD666;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item.r2 .highlight {
  color: #FFD666;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item.r3 {
  border-top: 5px solid #E7444E;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item.r3 .highlight {
  color: #E7444E;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item.r4 {
  border-top: 5px solid #597EF7;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .results-sections .results-list .results-item.r4 .highlight {
  color: #597EF7;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .results-sections .header {
  font-weight: 900;
  font-size: 42px;
  line-height: 53.76px;
  margin-bottom: 14px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .results-sections .info {
  color: #F26927;
  font-size: 28px;
  font-weight: 500;
  line-height: 45px;
  text-align: center;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .results-sections .business-problem {
  position: relative;
  height: 730px;
  margin-bottom: 147px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .results-sections .business-problem img {
  position: absolute;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .results-sections .business-problem .text {
  position: absolute;
  font-size: 42px;
  font-weight: 500;
  line-height: 54px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .results-sections .business-problem .text .highlight {
  color: #F26927;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .results-sections .real-case {
  position: relative;
  background: #F3F3F3;
  margin-left: -56px;
  margin-bottom: 123px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .results-sections .real-case img {
  display: block;
  width: 100%;
  max-width: 1340px;
  margin: 0 auto;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .results-sections .handle-section {
  position: relative;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .results-sections .warning-alert {
  background-image: url(data:image/png;base64,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);
  position: absolute;
  height: 153px;
  width: 260px;
  font-size: 36px;
  font-weight: 700;
  color: #E7444E;
  z-index: 10;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  background-size: cover;
  right: -2rem;
  top: -1rem;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .results-sections .warning-alert span {
  transform: rotate(10deg);
  padding-left: 0.5rem;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .four-steps-section {
  position: relative;
  height: 582px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .four-steps-section .click-point {
  position: absolute;
  width: 149px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .four-steps-section .step {
  width: 200.65px;
  position: absolute;
  cursor: pointer;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .four-steps-section .step img {
  position: absolute;
  left: -240px;
  bottom: -136px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .four-steps-section .step .step-title {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 29px;
  text-align: center;
  margin-bottom: 29.89px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .four-steps-section .step .text {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 29px;
  text-align: center;
  margin-bottom: 40.69px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .four-steps-section .step .text .sub-task-text {
  margin-bottom: 0;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .four-steps-section .step .indicator {
  width: 100%;
  line-height: 68.78px;
  display: flex;
  font-size: 26px;
  font-weight: 700;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .four-steps-section .step.step1 {
  top: 131.56px;
  left: 0;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .four-steps-section .step.step1 .indicator {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAABGCAYAAABmILAIAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAL1SURBVHgB7d1NkppAGIDhxiKLrOIRzG1yhBwhx5irZJdr5CSZXQ4QBVF+wtfFZ7WItDiiQL9PlaXDbHmnfwAnSr+/bQyATp9/vb3Hn+LijwFwYZck7/Xb15UBcCFJU5Nl2UY+xwbAme1uZw6Hw+lnIgEaVVXZQI7H49lxIgFqZVmaf9utKYri4ndEguDleW5HEAmlC5EgaPv93i7S+xAJgiSjxk7WH/Uo4kMkCI6MHmn9koX6LYgEwRgyeriIBEEYOnq4iASLJjtXuyTp3Nq9FZFgkezUqo6jfWHwHkSCRZHp1D7L7PTqnqlV299vPzZEgkV4dBwuIsGsjRmHIhLM0jPiUESCWZHdKrmNPatfY8ehiASzIHGkaTr4QuAjEAkm65lTqj5EgkmRGOTC36tGjS5Egkl4xVrjVkSCl5lyGC4iwVPNJQwXkWBUEoJEYeM4HmcThotI8FC68JZFd15HMZXF993imHu38DEahYwUcsdtXn+e42jRh0gwiNyCLjFIGDaOBUbRRiS4SoKQCIp6lNAp1NKD6EIksDHYIOoI5D2UEeJWRBIIOfnlpNcQdJTQ47iOSGZOv3VQRwA54fXEt8eaIHA/IpmI9snePqbvZX3yV84L4yOSkehJ7P6Fd//K261T5zOmi0gG0pPaLmybqczZsSYELAeRtOiitmgWtacFrzMaICzBRaK7OjoKnH5mBECHVWHWi4zktL3pjAa63QkMEUXlfCMhBDzL5CNxY9ArwVwAwzNNJhJiwFS9JBK9tTqkO0kxX6NGojtGemt13kQBzMlDI7G3UxMEFubuSGSU0Ec0mTJhyW6ORKZN8kC/PnzDVitCcTUSnTrZZ5cDfSINEKdIJIIsy2wcc/3qF2AMcSL/V67ZjgVwrqyidSzf2g2gWxRF65UB0ItIAA8iATyIBPAgEsCDSAAPIgE8iATwIBLAg0gADyIBelSV4bYUoM9qVX0hEsCDSAAPIgE8iATwIBLAg0gAj7gy1U8DoFNUVb//A1Rb9MBga6C3AAAAAElFTkSuQmCC);
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .four-steps-section .step.step1 img {
  left: -240px;
  bottom: -136px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .four-steps-section .step.step2 {
  top: 73.77px;
  left: 331px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .four-steps-section .step.step2 .indicator {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAABFCAYAAADgtMKmAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALuSURBVHgB7dxBctowFIDhB/W+HIFtj9Eb9BS5Undd9U5Ztj1C2wkBbEvxMxYYsC2c2GDJ/zeTCTMkO/15km2yeH768UsAXNtkv7/8fPqaFC/XAuDcJhO7TVf6cikAzhWByDaVhQiRAFeqQOoSASBirchLEcc+v3qLSABTBPJ/J5LbxreJBPOWmSKQ/WGStCASzNem2F5tM++PEQnmJ9PzR/v26hKRYF5ei8nxmvb6FSLBPOjZ42V/8/SoIxLETQ/kOj1uOHu0IRLEy8Vh+0+POiJBfPSGoF65Mh+LQz1/+74mEsRDzx16KE+NDIlIEL6R4nCIBOEaOQ6HSBAWPYTv8sOBfIAzxy2IBGHQOLb5IFer+iISTNudtlRdiATT88Cp0YRIMA3urJHmD50aTYgEj6Nh6LNUup3SJ3MnMDWaEAnuS0PQO+L6NeEw6ogE4zNVGBPcSt2CSDA8t43aFwfvvbnb/YxRJBnPbmEA9Sj0e4DToguRoD+dDLp1ys0hiDzgSXEDIkE3W00GDSOrogjgsD0kIsGBLnzdJWXVhNDXMwyiCZHMiS54XfNZNRlMFUMW+OF6ZEQSCxeALnadBOVrc4rCvYfeiGSK3GIu/9rbUwDWnt7Tby4G9x5GQSRjOy5wqRb1xcI/hiAs9okikvfq2t6Y6r4Biz4KRNKkfsB1f/mNPd/fs/hnY56RtF3lcZc+CQCVYims4o2kft3fTQKu8qAnY23gkbSFwDTAgMKIxD1AVwbADTDc17QiuYyhfB3GB3MQr8dFUn+SlMmACRs/kssH51LODAjL8JGUW6T8MBmy+D9rgPh9LJL6lonzAyLVL5L84hNpnCEwA92RuC1TGs6/fwGGdh6JmxREARwl5aTQ/3Kx46OaQJNE/u0EQLPFcrFeCoBORAJ4EAngQSSAB5EAHkQCeBAJ4EEkgAeRAB5EAngQCdDB2uWKSIAOn0Q+EwngQSSAB5EAHkQCeBAJ4EEkgEdixf4RAC0Wf98AYqTlQ0RwE48AAAAASUVORK5CYII=);
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .four-steps-section .step.step3 {
  top: 32.85px;
  left: 652px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .four-steps-section .step.step3 .indicator {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAABFCAYAAADgtMKmAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMiSURBVHgB7dxNctowGIBhGdiXI3CG3qC36Bm67xl6hK56nm57g7b7thkCBLAtqf4EIiYBKwZsbOt9ZjrJkC79ok/+S759/vFTAXhluzS/Pn19/2FilZopAEfSJ6NWcz2V30cKwBEXyIOWX10kEwXgYL3QavNojj4jEmBvPS8CWZpXnxMJomeLjfnyb67yrT35dyJB1HRWBPIvVya3Z/8PkSBaMlrJiBVCJIiOKbpYPZwfr14iEkRFVo/Nwihr3haIIBJEoe7qUUYkGDQ5c7WVvcdjeO9xDpFgsOTK+dO83mh1CpFgcGSkkivnl4xWL335+H1GJBiMW8ZRRiTovabi8IgEvdV0HB6RoHfaisMjEvSCP5UrFwOvPVtVF5Gg02S1SDemOJ1rW4/DIxJ0jls1VkZlRRxtjVRViASd4fcacvv6vVaNU4gEd9WFcSqESNC6PoRRRiRonOwx0rXsL2Sf0a1R6i2IBI2Q1SJPrcq23dh8X2qsx1MiwU3oTIKw7oxU1zbe19DjhEhQn4xPulgl8mx4UZxCJKgkQcibRGSV0FkRRL4LJCZEggOJQbt/ygWRp6ryVTuxIJLI+JVBRiX5afQuCpMPe2S6BpEMiARgtXUvPdBarkHsVgS3h3D7BkK4BJF0lB9z5IC3xVFuzPNB7mLY/3R/N4xFTSKSFpS/4f0BLwe1P9h3n/sI+LbvGiK5gj/QZa73B778Xv6G56DvPyI5wwcgG1w3zujdfUY6Z7yJTbSRlCMorwBscFE2Ssywr7iXz/u7kUhOdxIBakiSAdyWci4ExiHcSi8i8WeHspQLYGhf5yJx9wntY3ArBKsC7uxukbhN89Yc7hNiZUBXtRKJXxXkTlL2DOibm0dSDkIexBn6swYYvqsiKT98k6fymCZBYHhqReI31TrbPb8c28M3iFNlJBJFurE8gIOoHUXS91e/AE2Y+BeFMT4Bp00Wf3IF4DSr7GykAFQiEiCASIAAIgECiAQIIBIggEiAACIBAogECCASIIBIgAqJTaZEAlRJ1DsiAQKIBAggEiCASIAAIgECiAQIkBdB/FYAzpn/BxpxqBXldz9PAAAAAElFTkSuQmCC);
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .four-steps-section .step.step4 {
  top: -32.94px;
  left: 971px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .four-steps-section .step.step4 .indicator {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAABGCAYAAABmILAIAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALySURBVHgB7dxPctowFIBxQVhk0UVu0PRmuUHbG3Smh+iyR+sRwiTFNrZll4fzGkHAMn9sLPn7zWQgwFIfT2Cb2dcf6W8D4IPc2uWvn5++L8zMPBkAO6qqMsnfbLm5u4kEwA4J5OUlMdbWD/I/kQCOsmwCqev6/2NEArxZr0uzWmU7gQgiATaSJDdpuj74HJFg0mRqvL6mpijs0dcQCSZLwlitUvmA3vo6IsHkyPRI03z71wWRYFK6Tg8XkWASTp0eLiJB9M6ZHi4iQbTkwGCSZK3fXHVBJIjOJVurfU/f/jwQCaIhcWRZsY1j/6j5ubLsnkgQvj7icBEJgtV3HIpIEJyh4lBEgmDIt1RyEuKl31adikgwajo1iqIcPA5FJBglCSLPi+01HkNsqdoQCUZjDFPjECLBTY01DBeRYHBuGHLqyK23Uz5EgkFUVb35fDHuiXEMkaAXMh1kSsiH7zwvt5GEaH5vOS0F1yMToixtMNuoLubmjkhwHp0UsUVxCJGgE4lAYrC22vzZ7f9TQSTY4U4IDUKu6It1SnRBJBMlH6Q1BPntW7mNect0CSKJkCx0WevNJGgikCiaKWGD/abpVogkALqoZcHLQtcFr/eb11RvzxumwZURycBkUesi10W/v9jfQ2DBjwGRXIFub3QrowtdHuMdPnxE4qHv/BJA8w5f7Sx+9vfxm3wkGoBOAL0lAKjoI2n2/hoCEeA0lb17jCKSQyFwEAzXElQk7gEw9yAYEwF9GmUk+zEwFXBLN42E84QQgsEicaeD3HJ6BELRSyQahJxaLfflYhymA0J1cSTulqkJgyAQl5Mjkckg1yw3F95M6+IbTJM3EveKNImDKYGp+RCJ/vQLWyegsZAIJAaZFiH/9AvQl8Xz84ppARwxn9WPcwIB2s0NgFZEAngQCeBBJIAHkQAeRAJ4EAngQSSAB5EAHkQCeBAJ0KKuZ5+JBPAgEsCDSAAPIgE8iATwIBLAg0gAj0U5t18MgIPuTbb8B39gApjHABaiAAAAAElFTkSuQmCC);
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .hacker-steps {
  margin-top: 56.74px;
  position: relative;
  margin-left: 2.5rem;
  padding-bottom: 283px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .hacker-steps .point {
  width: 156.63px;
  position: absolute;
  top: -6.5rem;
  right: 6.5rem;
  transform: rotate(135deg);
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .hacker-steps .step1 .step-text {
  background-color: #0C53A3;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .hacker-steps .step2 .step-text {
  background-color: #104989;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .hacker-steps .step3 .step-text {
  background-color: #1B2B44;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .hacker-steps .step {
  display: flex;
  align-items: flex-end;
  align-content: flex-end;
  grid-gap: 4rem;
  gap: 4rem;
  min-height: 450px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .hacker-steps .step img {
  width: 60%;
  max-width: 640px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .hacker-steps .step .step-text {
  padding: 1.25rem 2.875rem;
  border-radius: 1.25rem;
  color: #fff;
  width: 35%;
  max-width: 380px;
  height: 256.84px;
  justify-content: center;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .hacker-steps .step .step-text .name {
  font-weight: 700;
  font-size: 1.68rem;
  line-height: 2,6875ren;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .hacker-steps .step .step-text .text {
  font-weight: 400;
  font-size: 1.45rem;
  line-height: 1.75rem;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .hacker-steps .step-dots {
  position: absolute;
  display: flex;
  grid-gap: 24px;
  gap: 24px;
  left: 500px;
  top: 500px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .hacker-steps .step-dots .step-dot {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #707070;
  opacity: 0.3;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .hacker-steps .step-dots .step-dot.active {
  opacity: 1;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .hacker-steps .next-button {
  position: absolute;
  right: 0;
  background: #FFC53D;
  border-radius: 0px;
  height: 5.1875rem;
  width: 5.1875rem;
  top: 1rem;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .hacker-steps .prev-button {
  position: absolute;
  left: -6rem;
  background: #FFC53D;
  border-radius: 0px;
  height: 5.1875rem;
  width: 5.1875rem;
  top: 1rem;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .secure-warning-section {
  display: flex;
  margin-bottom: 163px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-left {
  position: relative;
  padding-top: 147px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-left .point {
  width: 156.63px;
  position: absolute;
  top: 0rem;
  right: 6.5rem;
  transform: rotate(135deg);
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-left .next-button {
  position: absolute;
  right: 0;
  background: #FFC53D;
  border-radius: 0px;
  height: 5.1875rem;
  width: 5.1875rem;
  top: 9rem;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-left .prev-button {
  position: absolute;
  left: -3.5rem;
  background: #FFC53D;
  border-radius: 0px;
  height: 5.1875rem;
  width: 5.1875rem;
  top: 9rem;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-left .secure-warning {
  text-align: center;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-left .secure-warning img {
  width: 100%;
  max-width: 705px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-left .secure-warning .text {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2.215rem;
  background: #E7444E;
  padding: 1.6875rem 2.625rem;
  color: #fff;
  border-radius: 1.25rem;
  display: inline-block;
  margin-top: 1.625rem;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-right .secure-warning-board {
  background-image: url(/static/media/secure-warning-bg.78893f72.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 400px;
  height: 493px;
  font-size: 2.25rem;
  line-height: 3.25rem;
  text-align: center;
  padding: 55px 7rem 0 1rem;
  padding-top: 55px;
  padding-right: 90px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-right .secure-warning-board .red {
  font-weight: 700;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-right .secure-warning-board .blue {
  font-weight: 500;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .final-quiz-container {
  position: relative;
  min-height: calc(100vh - 98px);
  overflow-x: hidden;
  width: 100%;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body {
  position: absolute;
  left: 0;
  display: flex;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-title {
  font-size: 48px;
  font-weight: 700;
  margin-bottom: 11.27px;
  display: flex;
  justify-content: space-between;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-title a {
  width: 330px;
  height: 78px;
  background-color: #F26927;
  border-radius: 50px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 9px 15px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-title a > span {
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #fff;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-retry-button {
  display: block;
  min-width: 292px;
  height: 57px;
  background-color: #F26927;
  border-radius: 50px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  font-size: 18px;
  font-weight: 500;
  margin-top: 60px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result p {
  font-size: 20px;
  font-weight: 400;
  line-height: 38px;
  letter-spacing: 0px;
  text-align: left;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass {
  margin: 91px 120px 0 120px;
  display: flex;
  grid-gap: 10%;
  gap: 10%;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass .left {
  flex-grow: 2;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass .cert-download-input {
  display: flex;
  grid-gap: 14px;
  gap: 14px;
  margin-top: 40px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass .cert-download-input .cert-name-input {
  background-color: #EFEFEF;
  border-radius: 10px;
  border: none;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass .cert-download-input .cert-download-button {
  display: block;
  width: 130.79px;
  height: 56.05px;
  background-color: #F26927;
  border-radius: 50px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .cert-area {
  background: linear-gradient(90deg, #DCF2F8 0%, #EDF5FF 100%);
  width: 100%;
  position: relative;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .cert-area img {
  width: 100%;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .cert-area .cert-name {
  position: absolute;
  top: 330px;
  font-size: 60px;
  font-weight: 300;
  line-height: 96px;
  text-transform: capitalize;
  text-align: center;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .cert-area .cert-date {
  top: 542px;
  position: absolute;
  text-align: center;
  padding-left: 25px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-not-pass {
  margin: 91px 147px 0 147px;
  display: flex;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-not-pass .left {
  flex-grow: 2;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .quiz-section {
  margin-right: 3.5rem;
  margin-bottom: 86px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .quiz-section .img-quiz {
  width: 300px;
  position: absolute;
  top: -60px;
  z-index: -1;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body {
  border: 1px solid #F26927;
  border-radius: 20px;
  padding: 80px 60px;
  color: #333;
  width: 100%;
  display: inline-block;
  position: relative;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-index {
  position: absolute;
  top: 22px;
  right: 38px;
  font-size: 24px;
  font-weight: 400;
  line-height: 29px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-title {
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
  color: #999999;
  margin-bottom: 8px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-description {
  font-size: 24px;
  font-weight: 400;
  line-height: 41px;
  letter-spacing: 0px;
  text-align: left;
  margin-bottom: 3rem;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-question {
  font-size: 24px;
  font-weight: 700;
  line-height: 41px;
  letter-spacing: 0px;
  text-align: left;
  margin-bottom: 36px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers {
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: 0px;
  text-align: left;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .ant-radio-group {
  width: 100%;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item {
  background: #F7F8FB;
  padding: 25px 58px;
  margin-bottom: 15px;
  border-radius: 10px;
  padding-left: 20px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper {
  font-size: 1rem;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper .ant-radio {
  margin-right: 12px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper .ant-radio .ant-radio-inner {
  width: 18px;
  height: 18px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper .ant-radio .ant-radio-inner::after {
  width: 18px;
  height: 18px;
  margin-top: -9px;
  margin-left: -9px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .anticon.anticon-check-circle {
  position: absolute;
  background-color: #fff;
  left: 0;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .anticon.anticon-check-circle svg {
  width: 18px;
  height: 18px;
  color: #0CA39A;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .anticon.anticon-close-circle {
  position: absolute;
  left: 0;
  background-color: #fff;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .anticon.anticon-close-circle svg {
  width: 18px;
  height: 18px;
  color: #E7444E;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item.correct {
  background: #F4FFFF;
  border: 0.5px solid #0CA39A;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item.correct .ant-radio {
  visibility: hidden;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item.wrong {
  border: 0.5px solid #E7444E;
  background: #FFF2F3;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item.wrong .ant-radio {
  visibility: hidden;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section {
  display: inline-block;
  width: 100%;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-submit-button {
  display: block;
  min-width: 205px;
  height: 51px;
  background-color: #F26927;
  border-radius: 50px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 500;
  line-height: 19.54px;
  float: right;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-submit-button[disabled] {
  color: rgba(0, 0, 0, 0.25);
  border-color: #D4D4D4;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
  cursor: not-allowed;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-last-button {
  display: block;
  min-width: 205px;
  height: 51px;
  border: 1px solid #F26927;
  border-radius: 50px;
  text-align: center;
  color: #F26927;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 500;
  line-height: 19.54px;
  float: left;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area {
  text-align: center;
  margin-top: 60px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area img {
  margin-bottom: 13px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area .text {
  font-size: 32px;
  font-weight: 700;
  line-height: 39px;
  letter-spacing: 0px;
  text-align: center;
  margin-bottom: 15px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area .quiz-try-again-button {
  font-size: 21px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 0em;
  text-align: center;
  margin-top: 59.5px;
}
.side-collapsed .progress {
  width: 100%!important;
}
.side-collapsed .prevent-msg-container {
  width: 100%!important;
}

@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .animation004 {
    height: 620px!important;
  }
  .cyber-security-training-page.en.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-desc {
    margin-bottom: unset;
  }
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab {
    min-height: unset;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-left-side {
    position: absolute;
    z-index: 999;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-left-side .side-collapse-button {
    display: none;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-left-side .toggle-menu-icon {
    position: absolute;
    top: -3rem;
    left: 1.5rem;
    z-index: 101;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-left-side .course-left-overview {
    padding-top: 2.5rem;
    padding-bottom: 2.9rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item {
    width: 5rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item .step-dot {
    width: 1.9rem;
    height: 1.9rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item .step-title {
    font-size: 1rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item .step-line {
    top: 0.95rem;
    left: calc(50% + 0.95rem);
    width: calc(100% - 1.9rem);
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.active .step-dot .active-dot {
    margin-top: calc(1.9rem/2 - 3.5px);
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.completed .step-dot .completed-dot {
    font-size: 1rem;
    margin-top: 0.3rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-left-side .course-left-overview .course-name {
    font-size: 2.2rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-left-side .course-left-overview .topic-name {
    font-size: 1.6rem;
    margin-bottom: 5rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-left-side .course-left-overview .course-progress-bar .ant-progress-text {
    font-size: 1.2rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-left-side .paragraphs .paragraph {
    padding: 0.4rem 4rem 0.4rem 2rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-left-side .paragraphs .paragraph .header {
    font-size: 1.1rem;
    line-height: 1.31rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-left-side .paragraphs .paragraph .title {
    font-size: 1.5rem;
    line-height: 1.788rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body {
    width: 100%;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content {
    min-width: 35rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content.welcome .intro-img {
    width: 100%;
    margin-bottom: 4.8rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content.welcome .intro-img img {
    width: 100%;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .topic-section-0 {
    margin-top: 0 !important;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .header {
    font-size: 2.6rem;
    margin-bottom: 4rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item p.content {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2.375rem;
    letter-spacing: 0px;
    text-align: left;
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .password-section {
    width: 100%;
    margin: 7.7vw 0;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .password-section img.point {
    width: 15.38vw;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .password-section .password-section-text {
    font-size: 3.1vw;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section {
    margin: 17vw 0;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section.tab2 {
    margin-top: 30vw;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .tips {
    width: 45vw;
    height: 12vw;
    background-repeat: no-repeat;
    font-size: 3.1vw;
    right: 26vw;
    top: -20vw;
    padding-right: 5vw;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .warning-alert {
    width: 23.33vw;
    height: 13.6vw;
    font-size: 3.33vw;
    top: -15vw;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .tips-person {
    width: unset;
    right: 0;
    height: 25vw;
    top: -25vw;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .ant-tabs-nav-list {
    width: 80%;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tab {
    font-size: 2.3vw;
    line-height: 2.3vw;
    padding-left: 2vw;
    padding-right: 2vw;
    white-space: break-spaces;
    max-width: 27vw;
    margin-right: 1vw;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane {
    min-width: unset;
    min-height: 30vw;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l1 {
    padding: 0;
    margin-top: 1rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l4 {
    line-height: 2.5vw;
    margin-top: 0;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .highlight {
    width: 21.8vw;
    height: 23vw;
    padding: 1vw;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .highlight .point {
    width: 15.38vw;
    left: calc(50% - 7.69vw);
    bottom: -7.69vw;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section,
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002 {
    width: unset;
    height: 105vw;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .click-point,
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002 .click-point {
    width: 17.4vw;
    top: 10.26vw;
    left: 3vw;
    z-index: 1;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-center-circle,
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-center-circle {
    width: 31.8vw;
    height: 31.8vw;
    font-size: 4.1vw;
    line-height: 5.4vw;
    left: calc(50% - 15.9vw);
    top: 40vw;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel,
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel {
    width: 21.8vw;
    height: 21.8vw;
    font-size: 2.3vw;
    padding: 3vw;
    line-height: 3vw;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel img,
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel img {
    width: 5vw;
    top: 60%;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-1 {
    top: 10vw;
    left: calc(50% - 10.9vw);
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-2 {
    top: 30vw;
    right: 0;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-3 {
    top: 63vw;
    right: 0;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-4 {
    top: 81vw;
    left: calc(50% - 10.9vw);
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-5 {
    top: 63vw;
    left: 0;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel-6 {
    top: 30vw;
    left: 0;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-1,
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-1 {
    top: 10vw;
    left: calc(50% - 10.9vw);
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-2,
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-2 {
    top: 30vw;
    right: 0;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-3,
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-3 {
    top: 63vw;
    right: 0;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-4,
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-4 {
    top: 81vw;
    left: calc(50% - 10.9vw);
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-5,
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-5 {
    top: 63vw;
    left: 0;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel-6,
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-6 {
    top: 30vw;
    left: 0;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .example {
    padding-left: 0px;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .example .example-label {
    display: block;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .example .example-content {
    flex-direction: column;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .img-pwd {
    width: 90%;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .img-pwd2 {
    width: 90%;
    margin-left: 10%;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person {
    display: flex;
    flex-direction: row;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person .popover-message {
    margin-top: 1rem;
    position: initial;
    padding: 3vw;
    width: 70vw;
    height: 40vw;
    background-image: url(/static/media/popover.0dc55141.png);
    background-size: 100% 100%;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person .popover-message .l1 {
    padding-top: 6vw;
    padding-left: 2vw;
    font-size: 3vw;
    font-weight: 700;
    line-height: 4vw;
    margin-bottom: 1rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person .popover-message .l2 {
    padding-left: 2vw;
    font-size: 3vw;
    font-weight: 400;
    line-height: 4vw;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person img.person {
    margin-top: 5vw;
    margin-left: 2vw;
    position: inherit;
    width: 20vw;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .example .example-content img.point {
    position: absolute;
    top: -7rem;
    right: 2rem;
    width: 80px;
    height: 80px;
    transform: rotate(135deg);
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .next-button {
    position: absolute;
    right: 0;
    background: #FFC53D;
    border-radius: 0px;
    width: 8%;
    height: 0;
    padding-bottom: 8%;
    padding-top: 0%;
    top: 0rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .next-button .img-next-button {
    position: absolute;
    bottom: 4.5%;
    right: 20%;
    width: 50%;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .prev-button {
    position: absolute;
    left: 0rem;
    background: #FFC53D;
    border-radius: 0px;
    height: 4rem;
    width: 4rem;
    top: 0rem;
    width: 8%;
    height: 0;
    padding-bottom: 8%;
    padding-top: 0%;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .prev-button .img-next-button {
    position: absolute;
    bottom: 4.5%;
    right: 20%;
    width: 50%;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .title {
    font-size: 2.1rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .phishing-section {
    padding-bottom: 5rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .phishing-section .phishing-2 {
    width: 100vw;
    margin: 0;
    grid-gap: 10vw;
    gap: 10vw;
    display: flex;
    justify-content: center;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .phishing-section .phishing-2 .click-point {
    position: absolute;
    top: 48vw;
    left: 20vw;
    width: 12vw;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .phishing-section .phishing-2 .phishing-item {
    width: 35vw;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .phishing-section .phishing-2 .phishing-item .text {
    font-size: 3vw;
    line-height: 3.5vw;
    padding: 0.8rem;
    height: auto;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .phishing-section .phishing-2 .phishing-item .phishing-icon {
    width: 12vw;
    height: 12vw;
    line-height: 12vw;
    margin-bottom: 4vw;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .phishing-section .phishing-2 .phishing-item .phishing-icon img {
    width: 5.5vw;
    height: 5.5vw;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .phishing-section .phishing-2 .phishing-item .phishing-body img {
    width: 35vw;
    height: 20vw;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section {
    margin-top: 0;
    padding-top: 1.5rem;
    margin-right: -2rem;
    margin-left: -2rem;
    padding-left: 2rem;
    padding-bottom: 5rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-desc {
    font-size: 3vw;
    line-height: 4vw;
    height: 15vw;
    width: 50vw !important;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs {
    padding-right: 2rem;
    position: relative;
    top: 0rem;
    left: 9rem;
    max-width: 100%;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab {
    font-size: 2vw;
    line-height: 2vw;
    width: 30vw;
    padding: 1vw;
    height: 15vw;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns {
    bottom: -5rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns .click-point {
    width: 5rem;
    margin-right: 1rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns img {
    width: 3.2rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container {
    top: 6rem;
    height: calc(92vw + 10rem);
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-switch-btns {
    position: absolute;
    bottom: 4rem;
    right: 10vw;
    display: block;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-switch-btns img {
    width: 3.2rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-switch-btns .click-point {
    width: 5rem;
    transform: rotate(90deg);
    margin-right: 1rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-switch-btns .prev-button {
    margin-right: 1rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-switch-btns .ant-btn-text[disabled] {
    opacity: 0.3;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body {
    top: 0rem;
    left: 2rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    width: 90vw;
    position: relative;
    top: 14vh;
    margin-left: 2.5rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    position: absolute;
    font-size: 1.6rem;
    line-height: 115%;
    width: 90vw;
    min-height: 10vh;
    max-height: 20vh;
    padding: 1.5rem 2.5rem;
    margin-left: 2.5rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text div {
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text ul {
    padding-top: 0.3rem;
    font-size: 1.5rem;
    line-height: 110%;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .social-attack-section {
    padding: 5rem 2rem;
    margin-left: -2rem;
    margin-right: -2rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .social-attack-section p {
    font-size: 3vw;
    line-height: 4.5vw;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .social-attack-section .cyber-phishing-section {
    flex-wrap: wrap;
    padding-top: 5rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .social-attack-section .cyber-phishing-section .cyber-phishing-item .cyber-phishing-icon {
    width: 30vw;
    height: 30vw;
    margin: auto;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .social-attack-section .cyber-phishing-section .cyber-phishing-item .cyber-phishing-icon img {
    width: 20vw;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .social-attack-section .cyber-phishing-section .cyber-phishing-item .name {
    font-size: 3.5vw;
    line-height: 4.5vw;
    margin-top: 5vw;
    margin-bottom: 3vw;
    max-width: 50vw;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .social-attack-section .cyber-phishing-section .cyber-phishing-item .desc {
    font-size: 3.5vw;
    line-height: 4.5vw;
    margin-bottom: 10vw;
    max-width: 50vw;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .results-sections {
    margin-top: 5rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .results-sections .business-problem {
    height: 180vw;
    margin-bottom: 180px !important;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .results-sections .business-problem :first-child {
    height: 70vw;
    width: auto;
    top: 10vw;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .results-sections .business-problem :nth-child(2) {
    width: 35vw;
    bottom: 100vw !important;
    left: 35vw !important;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .results-sections .business-problem :nth-child(3) {
    width: 10vw;
    top: 10vw !important;
    left: 50vw !important;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .results-sections .business-problem :nth-child(4) {
    width: 45vw;
    top: 100vw !important;
    left: 40vw !important;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .results-sections .business-problem :nth-child(5) {
    width: 55vw;
    top: 140vw !important;
    left: 0 !important;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .results-sections .business-problem :nth-child(6) {
    width: 50vw;
    font-size: 4vw;
    line-height: 5vw;
    padding-right: 2rem;
    top: 25vw !important;
    left: 50vw !important;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .results-sections .real-case {
    margin-left: -2rem;
    width: 100vw;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .results-sections .results-list {
    grid-gap: 5vw;
    gap: 5vw;
    grid-gap: 5vw;
    flex-wrap: wrap;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .results-sections .results-list .results-item {
    width: 42vw;
    height: auto;
    padding: 2rem 2rem 5rem 2rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .results-sections .results-list .results-item .text {
    font-size: 4vw;
    line-height: 5vw;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .results-sections .results-list .results-item img {
    width: 10vw;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .results-sections .header {
    margin-bottom: 5vw;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .results-sections .info {
    font-size: 4vw;
    line-height: 5vw;
    padding-left: 15vw;
    padding-right: 15vw;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .course-landing-content {
    padding-left: 2rem;
    padding-right: 2rem;
    min-height: unset;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text {
    width: 100%;
    margin-bottom: 4.5rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text.welcome-text {
    margin-bottom: 4.6rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text .title {
    margin-bottom: 2.2rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text .description {
    font-size: 1.6rem;
    line-height: 2.56rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel .landing-img-item {
    width: 7.5rem;
    height: 7.5rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel .landing-img-item img {
    width: 7.5rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel-sm .landing-img-item-sm {
    width: 7.5rem;
    height: 7.5rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel-sm .landing-img-item-sm img {
    width: 7.5rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img {
    display: none;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .quiz-section {
    margin-right: 0;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body {
    padding: 2.4rem 1.8rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-index {
    font-size: 1.6rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-title {
    font-size: 1.2rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-description {
    font-size: 1.6rem;
    line-height: 2.56rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-question {
    font-size: 1.6rem;
    line-height: 2.56rem;
    margin-bottom: 1rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item {
    padding: 1.55rem 0.8rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper {
    font-size: 1.6rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper .ant-radio {
    margin-right: 0.2rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area {
    margin-top: 2.5rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area img {
    width: 6rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area .text {
    font-size: 2.1rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area .quiz-try-again-button {
    margin-top: 0;
    font-size: 1.6rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-last-button {
    min-width: 11.7rem;
    font-size: 1.6rem;
    height: 4rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-submit-button {
    min-width: 11.7rem;
    font-size: 1.6rem;
    height: 4rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content {
    min-height: unset;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content .quiz-text {
    padding-top: 1.5rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content .course-landing-text .description {
    margin-bottom: 7.5rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content.quiz .quiz-section {
    margin: 3.5rem 2rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass {
    margin: 11.8vw 5vw;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass .right {
    display: none;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-title {
    font-size: 6.67vw;
    line-height: 7vw;
    margin-bottom: 4.5vw;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result p {
    font-size: 4.1vw;
    line-height: 6.4vw;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .cert-area iframe {
    height: 80vw;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section {
    margin: 11.3vw 5vw;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section .review-quiz-section {
    margin-right: 0;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section .review-quiz-section .review-quiz-section-body {
    padding: 6.4vw 4.6vw;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section .review-quiz-section .review-quiz-section-body .quiz-title {
    font-size: 3vw;
    line-height: 3.8vw;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section .review-quiz-section .review-quiz-section-body .quiz-question {
    font-size: 4.1vw;
    line-height: 6.4vw;
    margin-bottom: 7.7vw;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section .review-quiz-section .review-quiz-section-body .quiz-answers .quiz-answers-item {
    padding: 3.8vw 5vw;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section .review-quiz-section .review-quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper {
    font-size: 4.1vw;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section .review-quiz-section .review-quiz-section-body .quiz-result-area .text {
    font-size: 5.38vw;
    line-height: 8.7vw;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-review-section .review-quiz-section .review-quiz-section-body .quiz-result-area p {
    font-size: 4.1vw;
    line-height: 4.87vw;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-not-pass {
    margin: 11.8vw 5vw;
    flex-direction: column;
    grid-gap: 11.8vw;
    gap: 11.8vw;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-not-pass .right {
    align-self: center;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-not-pass .right img {
    width: 58vw;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-retry-button {
    margin-top: 5.64vw;
    min-width: 40vw;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .next-topic-button {
    width: 90%;
    min-width: 35rem;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.2;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .next-topic-button img {
    width: 1rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .resources-section {
    margin: 0 -2rem;
    padding: 5rem 2rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .resources-section .section-container {
    flex-direction: column;
    grid-gap: 3.2rem;
    grid-gap: 3.2rem;
    gap: 3.2rem;
    margin-bottom: 1.6rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .resources-section .section-container .resources-section-label {
    font-size: 2.6rem;
    width: unset;
    padding-left: 4.6rem;
    line-height: 3.2rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .resources-section .section-container .resources-section-label img {
    width: 3.2rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .resources-section .section-container .resources-links {
    width: 100%;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .resources-section .section-container .resources-links .resources-link {
    font-size: 1.4rem;
    line-height: 2rem;
    width: unset;
    height: 4.4rem;
    padding-left: 1.3rem;
    display: flex;
    align-items: center;
    padding-right: 2.5rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .resources-section .section-container .resources-links .resources-link .anticon {
    top: calc(50% - 7px);
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .hidden-mobile {
    display: none;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .course-landing-container {
    margin-left: -2rem;
    margin-right: -2rem;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .animation004 {
    height: 400px !important;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step1 {
    top: 12.5vw;
    bottom: auto;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step2 {
    top: 8.5vw;
    bottom: auto;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step3 {
    top: 4.5vw;
    bottom: auto;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step4 {
    top: 0vw;
    bottom: auto;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .step-title {
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .text {
    height: 160px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 10vh;
    margin-left: 0;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    margin-left: 0;
    min-height: 5vh;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs {
    padding-right: 2rem;
    position: relative;
    top: 0rem;
    left: 0.5rem;
    max-width: 100%;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .animation004 {
    margin-top: 0;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-switch-btns {
    bottom: 1rem;
  }
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .animation004.general930-1-a004 {
    height: 540px !important;
  }
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .hacker-steps .point {
    top: 9rem;
  }
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-left .point {
    top: 13rem;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .hacker-steps .point {
    top: 10.5rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel {
    grid-gap: 12px;
    gap: 12px;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel .text {
    font-size: 8px;
    font-weight: 400;
    line-height: 9px;
  }
  .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body {
    margin-left: 0 !important;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .next-paragraph-bar {
    margin-left: -3.5rem;
    margin-right: -3.5rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .example .example-content .example-person .popover-message {
    padding: 5vw;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tab {
    font-size: 3.5vw;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel {
    height: 28vw;
    font-size: 1.2rem;
    line-height: 1.4;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .highlight {
    height: 30vw;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab {
    font-size: 3vw;
    line-height: 1.2;
    width: 30vw;
    padding: 1vw;
    height: 24vw;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text div {
    font-size: 1.2rem;
    width: 25%;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel img {
    top: 70%;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel .text {
    line-height: 14px;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    font-size: 1rem;
    line-height: 1.1;
    max-height: 30vh;
    min-height: 8vh;
    padding: 0 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 0;
    height: 5rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text ul {
    padding-top: 0;
    font-size: 10px;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text ul li {
    margin-top: 2px;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 10vh;
    margin-left: 0;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel-sm {
    grid-gap: 14px;
    gap: 14px;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .component {
    margin-top: 3.5rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .animation011 {
    margin-bottom: 0 !important;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .animation004 {
    margin-top: 0;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .password-section img.point {
    bottom: -3.5rem;
    left: calc(50% - 7.69vw);
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-switch-btns {
    bottom: 1rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .animation004 {
    height: 300px !important;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section {
    height: 300px;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step1 {
    top: 12.5vw;
    bottom: auto;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step2 {
    top: 8.5vw;
    bottom: auto;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step3 {
    top: 4.5vw;
    bottom: auto;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step4 {
    top: 0vw;
    bottom: auto;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .step-title {
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .text {
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .sub-task-text {
    height: 20px;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .animation004.gs930-a004-1 .four-steps-section .step.step1 {
    top: 9.5vw;
    bottom: auto;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .animation004.gs930-a004-1 .four-steps-section .step.step2 {
    top: 8.5vw;
    bottom: auto;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .animation004.gs930-a004-1 .four-steps-section .step.step3 {
    top: 8.5vw;
    bottom: auto;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .animation004.gs930-a004-1 .four-steps-section .step.step4 {
    top: 4vw;
    bottom: auto;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .animation004.gs930-a004-1 .four-steps-section .step .step-title {
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .animation004.gs930-a004-1 .four-steps-section .step .text {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .animation004.gs930-a004-1 .four-steps-section .step .sub-task-text {
    height: 20px;
  }
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .general1200-3-title01 .title {
    font-size: 2rem;
  }
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-title a {
    width: 120px;
    height: 70px;
    border-radius: 20px;
  }
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-title a > span {
    font-size: 10px;
    line-height: 10px;
  }
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .secure-warning-section .secure-warning-section-right .secure-warning-board {
    padding-right: 13rem;
  }
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .animation004.gs930-a004-1 .four-steps-section .step.step1 {
    top: 21.5vw;
    bottom: auto;
  }
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .animation004.gs930-a004-1 .four-steps-section .step.step2 {
    top: 8.5vw;
    bottom: auto;
  }
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .animation004.gs930-a004-1 .four-steps-section .step.step3 {
    top: 6.5vw;
    bottom: auto;
  }
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .animation004.gs930-a004-1 .four-steps-section .step.step4 {
    top: 4vw;
    bottom: auto;
  }
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .animation004.gs930-a004-1 .four-steps-section .step .step-title {
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
  }
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .animation004.gs930-a004-1 .four-steps-section .step .text {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .animation004.gs930-a004-1 .four-steps-section .step .sub-task-text {
    height: 20px;
  }
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .animation005 .animation005-content .animation005-item {
    min-height: 0;
  }
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-desc {
    width: 90vw !important;
  }
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel {
    height: 25.8vw;
  }
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section .bp-panel.bp-panel-1 {
    top: 5vw;
  }
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .animation004 .four-steps-section {
    margin-top: 0;
  }
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel {
    height: 26.8vw;
  }
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .tips-person {
    width: unset;
    right: -22px;
    height: 39vw;
    top: -39vw;
  }
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .tips {
    width: 45vw;
    top: -16vw;
    right: 35vw;
    padding-top: 2.5vw;
    padding-right: 7vw;
    line-height: 3.5vw;
  }
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-section .phishing-2 .click-point {
    position: absolute;
    top: 60vw;
    left: 16vw;
    width: 12vw;
  }
  .cyber-security-training-page.course-page.general-staff.cn .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-title a {
    width: 200px;
    height: 40px;
  }
  .cyber-security-training-page.course-page.general-staff.cn .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-title a > span {
    font-size: 10px;
    line-height: 15px;
  }
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    width: 98vw;
    padding: 0 0.5rem;
  }
}
.cyber-security-training-page.course-.general-staff .ant-layout-content .course-body .course-body-content .topic-item .password-section img.point {
  bottom: -5.5rem;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .animation004 {
  margin-top: 0;
}

.general-staff.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview {
  background-color: #fff3e4;
}
.general-staff.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-progress-bar .ant-progress-text {
  color: #f26927;
}
.general-staff.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .ant-progress-circle-trail {
  stroke: #fcdbc9 !important;
}
.general-staff.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .ant-progress-circle-path {
  stroke: #f26927 !important;
}
.general-staff.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.active .step-dot {
  border-color: #f26927;
}
.general-staff.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.active .step-dot .active-dot {
  background-color: #f26927;
}
.general-staff.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.completed .step-dot {
  border-color: #f26927;
  background-color: #f26927;
}
.general-staff.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.completed .step-line {
  background-color: #f26927;
}
.general-staff.cyber-security-training-page.course-page .ant-layout-content .course-left-side .paragraphs .paragraph.active {
  border-color: #ffd666;
  background-color: hsla(0, 0%, 79.2%, 0.10196078);
}
.general-staff.cyber-security-training-page.course-page .ant-layout-content .course-left-side .paragraphs .state .in-progress {
  background: url(/static/media/p-onprogress.00c299af.svg);
  background-size: cover;
}
.general-staff.cyber-security-training-page.course-page .ant-layout-content .course-body .next-topic-button {
  background-color: #f26927;
}
.general-staff.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .course-landing .course-landing-content {
  background-image: url(/static/media/welcomeLandingbg.8610e6a8.png);
}
.general-staff.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .course-landing .welcome-text {
  margin-bottom: 2.75rem;
}
.general-staff.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .course-landing .welcome-text-img {
  width: 100%;
}
.general-staff.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .course-landing.index {
  background: linear-gradient(to right, #fadec4, #faf2d3);
}
.general-staff.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .course-landing.welcome {
  background: linear-gradient(to right, #fadec4, #faf2d3);
}
.general-staff.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .course-landing.quiz {
  background: linear-gradient(to right, #d1f0e5, #f8f0c5);
}
.general-staff.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.t900 .course-landing {
  background: linear-gradient(to right, #d1f0e5, #f8f0c5);
}
.general-staff.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.t900 .course-landing .course-landing-content {
  background-image: url(/static/media/topic900bg.11c504f2.png);
}
.general-staff.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.t930 .course-landing {
  background: linear-gradient(to right, #f1cbcb, #f8e6e6);
}
.general-staff.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.t930 .course-landing .course-landing-content {
  background-image: url(/static/media/topic930bg.1b35559c.png);
}
.general-staff.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.t1200 .course-landing {
  background: linear-gradient(to right, #e9f3f6, #eff4f8);
}
.general-staff.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.t1200 .course-landing .course-landing-content {
  background-image: url(/static/media/topic1200bg.b47ea573.png);
}
.general-staff.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.t1400 .course-landing {
  background: linear-gradient(to right, #f0f3f9, #b3ccf9);
}
.general-staff.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.t1400 .course-landing .course-landing-content {
  background-image: url(/static/media/topic1400bg.0cd7e7ab.png);
}
.general-staff.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .title .l2 {
  color: #f26927;
}
.general-staff.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body {
  border-color: #f26927;
}
.general-staff.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area.wrong .quiz-try-again-button {
  color: #E7444E;
}
.general-staff.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-last-button {
  border-color: #f26927;
}
.general-staff.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-last-button span {
  color: #f26927;
}
.general-staff.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-submit-button {
  background-color: #f26927;
}
.general-staff.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-submit-button[disabled] {
  background-color: #fcdbc9;
  border-color: #f26927;
}
.general-staff.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .ant-btn-link {
  color: #f26927;
}
.general-staff.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
  background: #f26927;
  padding: 1rem 1rem;
  min-height: 5vh;
}
.general-staff.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
  top: 6vh;
}
.general-staff.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab.active .number {
  border-color: #f26927;
}
.general-staff.cyber-security-training-page.course-page .ant-layout-content .ant-radio-checked .ant-radio-inner {
  border-color: #f26927;
}
.general-staff.cyber-security-training-page.course-page .ant-layout-content .ant-radio-inner::after {
  background-color: #f26927;
}
.general-staff.cyber-security-training-page.course-page .ant-layout-content .ant-radio-wrapper:hover .ant-radio,
.general-staff.cyber-security-training-page.course-page .ant-layout-content .ant-radio:hover .ant-radio-inner,
.general-staff.cyber-security-training-page.course-page .ant-layout-content .ant-radio-input:focus + .ant-radio-inner {
  border-color: #f26927;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content.quiz .progress .progress-line {
  background-color: #ffd666;
}

.cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-desc {
  width: 350px;
}
.cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation001 .animation001-1 {
  font-size: 1.4rem;
  line-height: 1.6rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .component005 .click-point1 {
  left: 360px;
}
.cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation001 .animation001-2 .animation001-item .animation001-title-container {
  height: 90px;
  width: 239px;
}
.cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation001 .animation001-2 .animation001-item .animation001-title-container .animation001-title {
  display: flex;
  align-items: center;
  justify-content: center;
}
.cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation001 .animation001-2 .animation001-item .animation001-body {
  width: 100%;
}
.cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation001 .animation001-2 .animation001-item .animation001-body img {
  width: 100%;
}
.cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation001 .animation001-2 .animation001-item .animation001-body .text {
  width: 100%;
  height: 158px;
}
.cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step1 .indicator {
  background-size: 100% 100%;
}
.cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step2 .indicator {
  background-size: 100% 100%;
}
.cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step3 .indicator {
  background-size: 100% 100%;
}
.cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step4 .indicator {
  background-size: 100% 100%;
}
.cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation007 .animation007-content .animation007-item {
  width: calc(25% - 2rem);
}
.cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation007 .animation007-content .animation007-item.r1 .animation007-header .animation007-title {
  height: 55px;
  width: 280px;
  line-height: 55px;
}
.cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation007 .animation007-content .animation007-item.r2 .animation007-header .animation007-title {
  height: 55px;
  width: 280px;
}
.cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation007 .animation007-content .animation007-item.r3 .animation007-header .animation007-title {
  height: 55px;
  line-height: 55px;
  width: 280px;
}
.cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation007 .animation007-content .animation007-item.r4 .animation007-header .animation007-title {
  height: 55px;
  line-height: 55px;
  width: 280px;
}
.cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation007 .animation007-content .animation007-item .animation007-header {
  height: 18rem;
}
.cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation007 .animation007-content .animation007-item .animation007-content {
  height: 200px;
}
.cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation007 .animation007-content .animation007-item .animation007-header .text-container .view-more .view-more-btn {
  width: 7.7rem;
}
.cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation007 .animation007-content .animation007-item .animation007-header .text-container .view-more .click-point1 {
  left: 130px;
  bottom: 0px;
}
.cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation008-item .animation008-top {
  height: 80px;
  font-size: 22px;
}
.cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation008-item .animation008-text {
  font-size: 1.2rem;
  padding: 20px 1rem;
}
.cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation002 .bp-panel {
  width: 210px;
  height: 230px;
}
.cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation005 .animation005-content .animation005-item {
  min-height: 25rem;
}
.cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab .text {
  font-size: 1rem;
  line-height: 1.2rem;
}
.cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab .number {
  font-size: 1.2rem;
}
.cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
  max-height: 40vh;
}
.cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
  top: 30vw;
}
.cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .component003 .component003-tip .tip-text span {
  font-size: 1rem;
}
.cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip .tip-text span {
  font-size: 1.2rem !important;
}
.cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel {
  height: auto;
}
.cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content {
  font-size: 1rem;
}
.cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .animation012-item .animation012-text {
  width: 13rem;
  min-height: 110px;
  font-size: 1.4rem;
}
.cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content {
  line-height: 16px;
}
.cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content .view-more-btn {
  font-size: 16px;
  padding: 0;
  border: 0;
  height: auto;
}
.cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation007 .click-point1 {
  left: 130px;
}
.cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .RealCase .source1 {
  width: 22%;
  height: 3%;
  top: 40%;
  left: 48.5%;
}
.cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .RealCase .source2 {
  width: 22%;
  height: 3%;
  bottom: 11%;
  left: 66.5%;
}
.cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-text .click-point1 {
  left: 73%;
  bottom: 5%;
}
.cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-text .view-more-btn {
  font-size: 1rem;
}
.cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation001-s3 .animation001-1 {
  line-height: 1.5rem;
}
.cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content .view-more .view-more-btn .click-point1 {
  bottom: -70%;
  left: 110%;
}
.cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation002 .bp-panel {
  line-height: 18px;
}
.cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation002 .bp-panel-1 {
  left: calc(50% - 105px);
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .component005 .click-point1 {
    left: 230px;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation001.sm-animation001 .animation001-2 .animation001-item {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation001.sm-animation001 .animation001-2 .animation001-item .animation001-title-container {
    width: 420px;
    height: 100%;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation001.sm-animation001 .animation001-2 .animation001-item .animation001-title-container .animation001-title {
    height: 80px;
    font-size: 2.8vw;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation001.sm-animation001 .animation001-2 .animation001-item .animation001-body {
    width: 420px;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation001.sm-animation001 .animation001-2 .animation001-item .animation001-body img {
    width: 100% !important;
    height: 180px !important;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation001.sm-animation001 .animation001-2 .animation001-item .animation001-body .text {
    width: 100% !important;
    height: 185px !important;
    font-size: 2.5vw;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation007 .animation007-content .animation007-item {
    width: calc(50% - 1rem);
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation007 .animation007-content .animation007-item .animation007-header .animation007-title {
    height: 50px !important;
    line-height: 50px !important;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation007 .animation007-content .animation007-item .animation007-content {
    height: 120px !important;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation008-item .animation008-top {
    font-size: 16px !important;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation001.animation001-s3 .animation001-2 .animation001-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 30% !important;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation001.animation001-s3 .animation001-2 .animation001-item .animation001-body {
    width: 100% !important;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation001.animation001-s3 .animation001-2 .animation001-item .animation001-body img {
    width: 100% !important;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation001.animation001-s3 .animation001-2 .animation001-item .animation001-body .text {
    width: 100% !important;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation005 .animation005-content .animation005-contaner {
    width: calc(50% - 1rem) !important;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation005 .animation005-content .animation005-item .text {
    font-size: 2.5vw;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation005 .animation005-content .animation005-header {
    height: 120px !important;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation005 .animation005-content .animation005-header .span {
    font-size: 2.8vw !important;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip .tip-text span {
    font-size: 1.2rem !important;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content {
    font-size: 1.5rem;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation011 .animation011-content .animation011-item {
    margin-bottom: 4rem !important;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation010 .animation010-content .animation010-item .animation010-indicate .animation010-icon img {
    max-width: 80% !important;
    max-height: 80% !important;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab {
    height: 12vw !important;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container {
    height: 950px !important;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .animation012-item .click-point {
    width: 80px;
    bottom: -180px;
    left: 35px;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .animation012-item .animation012-text {
    width: 14rem !important;
    min-height: 67px;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content .view-more .view-more-btn .click-point1 {
    bottom: -35%;
    left: 100%;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation005 .animation005-content .animation005-item {
    min-height: 39vw;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation007 .click-point1 {
    left: 100px;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation007 .animation007-content .animation007-item .animation007-header .text-container .view-more .view-more-btn {
    width: 12rem;
    margin: 9px 25px;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation007 .animation007-content .animation007-item .animation007-header .text-container .view-more .click-point1 {
    left: 130px;
    bottom: 0px;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation001 .animation001-2 .animation001-item .animation001-title-container {
    width: 100% !important;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation001 .animation001-2 .animation001-item .animation001-body {
    width: 100% !important;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab {
    height: 20vw !important;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container {
    height: 800px !important;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip .tip-text span {
    font-size: 1.2rem !important;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip {
    margin-right: 20%;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .component003.position-right .tip-text span {
    font-size: 1.8rem !important;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content .view-more-btn {
    font-size: 12px;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content .click-point1 {
    width: 30px !important;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation007 .animation007-content .animation007-item .animation007-header {
    height: 20rem;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation006 .animation006-radius {
    font-size: 1.8rem !important;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation002 .bp-panel {
    width: 140px !important;
    height: 140px !important;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation002 .bp-panel-1 {
    left: calc(50% - 70px) !important;
    top: 6% !important;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content {
    line-height: 2vw;
    font-size: 2vw;
    padding: 0.6rem;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .animation012-item .animation012-text {
    min-height: 67px;
    width: 12rem !important;
    font-size: 14px;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .animation012-item .animation012-icon {
    min-height: 6.75rem;
    height: 6.75rem;
    width: 6.75rem;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .background-line {
    top: 72%;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content .view-more {
    margin-left: 0px;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation007 .animation007-content .animation007-item .animation007-header .animation007-title {
    height: 30px !important;
    line-height: 30px !important;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation007 .animation007-content .animation007-item .animation007-header .text-container .view-more .view-more-btn {
    width: 12rem;
    margin: 9px 20px;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation007 .animation007-content .animation007-item .animation007-header .text-container .view-more .click-point1 {
    left: 130px;
    bottom: -10px;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation007 .animation007-content .animation007-item .animation007-header .text-container .animation007-text {
    min-height: 108px;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-text .view-more-btn {
    font-size: 10px;
    padding: 0;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation004.senior-topic0-4-a004 .four-steps-section .step .indicator {
    font-size: 1.2rem !important;
    line-height: 1.1 !important;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation002.component.senior-topic1-2-a002 {
    height: 165vw;
    margin-bottom: 5rem !important;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation002.component.senior-topic1-2-a002 .bp-center-circle {
    top: 67vw;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation002.component.senior-topic1-2-a002 .bp-panel {
    width: 100px !important;
    height: 240px !important;
    padding: 2.2vw;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation002.component.senior-topic1-2-a002 .bp-panel .text {
    font-size: 1.4rem;
    line-height: 1.1;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation002.component.senior-topic1-2-a002 .bp-panel.bp-panel-2 {
    top: 33vw;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation002.component.senior-topic1-2-a002 .bp-panel.bp-panel-3 {
    top: 100vw;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation002.component.senior-topic1-2-a002 .bp-panel.bp-panel-4 {
    top: 100vw;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation002.component.senior-topic1-2-a002 .bp-panel.bp-panel-5 {
    top: 33vw;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation002 .bp-panel-1 {
    left: calc(50% - 50px) !important;
    top: 0% !important;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation007 .animation007-content .animation007-item {
    width: 100%;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation001 .animation001-2 .animation001-item .animation001-body .text {
    height: 110px;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content .view-more-btn {
    font-size: 10px;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content .click-point1 {
    width: 20px !important;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation005 .animation005-content .animation005-contaner {
    width: 100% !important;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation005 .animation005-content .animation005-header {
    height: 80px !important;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation005 .animation005-content .animation005-item {
    min-height: auto !important;
    height: auto !important;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation005 .animation005-content .animation005-item img {
    height: auto;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation005 .animation005-content .animation005-item .text {
    height: auto;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content .view-more {
    position: relative;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content .view-more .click-point1 {
    position: absolute;
    left: 80px;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation006 .animation006-radius {
    font-size: 1rem !important;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab {
    height: 30vw !important;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container {
    height: 470px !important;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .animation012-item .click-point {
    bottom: -120px !important;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .component005 .component003.position-right {
    display: none;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation001 .animation001-2 .animation001-item .animation001-title-container .animation001-title {
    font-size: 2rem !important;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation001 .animation001-2 .animation001-item .animation001-body .text {
    font-size: 1.5rem !important;
    line-height: 2rem !important;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation001.animation001-s3 .animation001-2 .animation001-item .animation001-body .text {
    font-size: 3vw !important;
    line-height: 3vw !important;
    padding: 6px !important;
    height: 90px !important;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .indicator {
    font-size: 1.5vw !important;
    line-height: 2vw !important;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .text {
    font-size: 3vw;
    line-height: 3vw;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .animation012-item .animation012-text {
    min-height: 67px;
    width: 7rem !important;
    font-size: 10px;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .background-line {
    top: 75%;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip {
    margin-right: 20%;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .animation012-item .animation012-icon {
    min-height: 4.25rem;
    width: 4.25rem;
    height: 4.25rem;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .background-line {
    top: 70%;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip {
    width: 171px;
    left: 0;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip .tip-text {
    line-height: 1rem;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .component {
    margin-bottom: 1rem !important;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation005 {
    margin-right: 0;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 img {
    left: 65%;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .component005 .click-point1 {
    top: -15px;
    left: 215px;
    transform: rotate(240deg);
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 15vh;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation001 .animation001-2 .animation001-item .click-point {
    width: 60px;
    bottom: -60px;
    left: 40%;
  }
  .cyber-security-training-page.course-page.cn.senior-manager .ant-layout-content .course-body .course-body-content .animation011.senior-topic2-1-a011 .animation011-content .animation011-item .animation011-indicate-number .animation011-icon {
    width: 68px;
    height: 68px;
  }
  .cyber-security-training-page.course-page.cn.senior-manager .ant-layout-content .course-body .course-body-content .animation011.senior-topic2-1-a011 .animation011-content .animation011-item .animation011-indicate-number {
    min-width: 11rem;
    height: 4rem;
  }
  .cyber-security-training-page.course-page.cn.senior-manager .ant-layout-content .course-body .course-body-content .animation011.senior-topic2-1-a011 .animation011-content .animation011-item .animation011-text {
    font-size: 1.6rem;
    padding-left: 2rem;
  }
  .cyber-security-training-page.course-page.cn.senior-manager .ant-layout-content .course-body .course-body-content .animation011.senior-topic2-1-a011 .animation011-content .animation011-item {
    height: 7rem;
  }
  .cyber-security-training-page.course-page.cn.senior-manager .ant-layout-content .course-body .course-body-content .animation011.senior-topic2-1-a011 .animation011-content .animation011-item {
    margin-bottom: 4rem;
  }
  .cyber-security-training-page.course-page.cn.senior-manager .ant-layout-content .course-body .course-body-content .animation011.senior-topic3-2-a011 .animation011-content .animation011-item .animation011-indicate-number .animation011-icon {
    width: 68px;
    height: 68px;
  }
  .cyber-security-training-page.course-page.cn.senior-manager .ant-layout-content .course-body .course-body-content .animation011.senior-topic3-2-a011 .animation011-content .animation011-item .animation011-indicate-number {
    min-width: 11rem;
    height: 4rem;
  }
  .cyber-security-training-page.course-page.cn.senior-manager .ant-layout-content .course-body .course-body-content .animation011.senior-topic3-2-a011 .animation011-content .animation011-item .animation011-text {
    font-size: 1.6rem;
    padding-left: 2rem;
  }
  .cyber-security-training-page.course-page.cn.senior-manager .ant-layout-content .course-body .course-body-content .animation011.senior-topic3-2-a011 .animation011-content .animation011-item {
    height: 7rem;
  }
  .cyber-security-training-page.course-page.cn.senior-manager .ant-layout-content .course-body .course-body-content .animation011.senior-topic3-2-a011 .animation011-content .animation011-item {
    margin-bottom: 4rem;
  }
}
@media (max-width: 400px) {
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container {
    height: 430px !important;
  }
}

.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .text {
  line-height: 1.2;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .animation013.three .animation013-content .animation013-header {
  height: 5.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .animation013.short-title .animation013-content .animation013-header > span {
  font-size: 1.5rem;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .animation013.short-title .animation013-content .animation013-content ul .animation013-text {
  min-height: 7.2rem;
  height: 5.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .animation013.three .animation013-content .animation013-item .animation013-content ul .animation013-text {
  height: 10rem;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .component003.jiudian .component003-tip {
  max-width: 45rem;
  max-height: 13rem;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .component003.jiudian1 .component003-tip {
  font-size: 1.5rem;
  max-height: 11rem;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .animation013 .animation013-content .animation013-header {
  height: 155px;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .animation013 .animation013-content .animation013-header > span {
  line-height: 1rem;
  width: 80%;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .component002 .component003 {
  margin-right: 5rem;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .cando-section .can-not-do .cando-title {
  font-size: 1.3rem;
  line-height: 1.2;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .cando-section .can-do .cando-title {
  font-size: 1.3rem;
  line-height: 1.2;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .avater {
  margin-top: 5%;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message {
  width: 45vw;
  height: 15vw;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-text {
  font-size: 1.8vw;
  line-height: 1.2;
  padding: 1vw 3vw 1vw 11vw;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .avater {
  margin-top: 5%;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message {
  width: 45vw;
  height: 15vw;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message .conversation-message-text {
  font-size: 1.8vw;
  line-height: 1.2;
  padding: 1vw 11vw 1vw 3vw;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .avater {
  margin-top: 5%;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message {
  width: 45vw;
  height: 15vw;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message .conversation-message-text {
  font-size: 1.8vw;
  line-height: 1.2;
  padding: 1vw 3vw 1vw 11vw;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .animation004.no-title {
  margin-top: 10rem;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .animation013.three .animation013-content .animation013-header span {
  font-size: 1.5rem;
  line-height: 1;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-text {
  line-height: 1.5;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .animation001.animation001-s3 .animation001-2 .animation001-item .animation001-body .text {
  font-size: 1.25rem;
  line-height: 1.2;
  height: 120px;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .RealCase.p1 .source1 {
  width: 23%;
  height: 2%;
  top: 90%;
  left: 62%;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .RealCase.p1 .source2 {
  display: none;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .RealCase.p1 .source3 {
  display: none;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .RealCase.p1 .source4 {
  display: none;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .RealCase.p2 .source1 {
  display: none;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .RealCase.p2 .source2 {
  width: 15%;
  height: 2.5%;
  top: 90.5%;
  left: 61%;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .RealCase.p2 .source3 {
  width: 15%;
  height: 2.5%;
  top: 93%;
  left: 61%;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .RealCase.p2 .source4 {
  width: 15%;
  height: 2.5%;
  top: 87%;
  left: 61%;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .animation012-item .animation012-indicate-number {
  padding: 2.1875rem;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .animation012-item .animation012-text {
  min-height: 9.0625rem;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .background-line1 {
  top: 24%;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .background-line2 {
  top: 77.5%;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-desc {
  width: 350px;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .animation001 .animation001-1 {
  font-size: 1.4rem;
  line-height: 1.8rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .component005 .click-point1 {
  left: 360px;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .animation001 .animation001-2 .animation001-item .animation001-title-container {
  height: 90px;
  width: 239px;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .animation001 .animation001-2 .animation001-item .animation001-title-container .animation001-title {
  display: flex;
  align-items: center;
  justify-content: center;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .animation001 .animation001-2 .animation001-item .animation001-body {
  width: 100%;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .animation001 .animation001-2 .animation001-item .animation001-body img {
  width: 100%;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .animation001 .animation001-2 .animation001-item .animation001-body .text {
  width: 100%;
  height: 158px;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step1 .indicator {
  background-size: 100% 100%;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step2 .indicator {
  background-size: 100% 100%;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step3 .indicator {
  background-size: 100% 100%;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step4 .indicator {
  background-size: 100% 100%;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .animation007 .animation007-content .animation007-item {
  width: calc(25% - 2rem);
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .animation007 .animation007-content .animation007-item.r1 .animation007-header .animation007-title {
  height: 55px;
  width: 280px;
  line-height: 55px;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .animation007 .animation007-content .animation007-item.r2 .animation007-header .animation007-title {
  height: 55px;
  width: 280px;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .animation007 .animation007-content .animation007-item.r3 .animation007-header .animation007-title {
  height: 55px;
  line-height: 55px;
  width: 280px;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .animation007 .animation007-content .animation007-item.r4 .animation007-header .animation007-title {
  height: 55px;
  line-height: 55px;
  width: 280px;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .animation007 .animation007-content .animation007-item .animation007-header {
  height: 18rem;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .animation007 .animation007-content .animation007-item .animation007-content {
  height: 200px;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .animation007 .animation007-content .animation007-item .animation007-header .text-container .view-more .view-more-btn {
  width: 7.7rem;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .animation007 .animation007-content .animation007-item .animation007-header .text-container .view-more .click-point1 {
  left: 130px;
  bottom: 0px;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .animation008-item .animation008-top {
  height: 80px;
  font-size: 22px;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .animation008-item .animation008-text {
  font-size: 1.2rem;
  padding: 20px 1rem;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .animation002 .bp-panel {
  width: 210px;
  height: 230px;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .animation005 .animation005-content .animation005-item {
  min-height: 20rem;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab .text {
  font-size: 1rem;
  line-height: 1.2rem;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab .number {
  font-size: 1.2rem;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .component003 .component003-tip .tip-text span {
  font-size: 1rem;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip .tip-text span {
  font-size: 1.2rem !important;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel {
  height: auto;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content {
  font-size: 1rem;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content {
  line-height: 16px;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content .view-more-btn {
  font-size: 16px;
  padding: 0;
  border: 0;
  height: auto;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .animation007 .click-point1 {
  left: 130px;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-text .click-point1 {
  left: 73%;
  bottom: 5%;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-text .view-more-btn {
  font-size: 1rem;
}
.cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .animation001-s3 .animation001-1 {
  line-height: 1.5rem;
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    font-size: 1rem;
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .animation004.animation004.no-title.jiudianban .four-steps-section .step .step-title {
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .animation013 .animation013-content .animation013-header {
    min-height: 18rem;
  }
  .cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .animation013.short-title .animation013-content .animation013-header {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .animation013 .animation013-content .animation013-header > span {
    line-height: 1.2;
  }
}

.cyber-security-training-page.course-page.finance .ant-layout-content .course-left-side {
  height: 100%;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-left-side .course-left-overview {
  height: 200px;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-left-side .paragraphs {
  height: calc(100% - 200px);
  overflow: scroll;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-left-side .paragraphs::-webkit-scrollbar {
  display: none;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .avater {
  margin-top: 5%;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message {
  width: 45vw;
  height: 10vw;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-text {
  font-size: 1.6vw;
  line-height: 1.2;
  padding: 1vw 3vw 1vw 11vw;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .avater {
  margin-top: 5%;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message {
  width: 45vw;
  height: 10vw;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message .conversation-message-text {
  font-size: 1.6vw;
  line-height: 1.2;
  padding: 1vw 11vw 1vw 3vw;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .avater {
  margin-top: 5%;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message {
  width: 45vw;
  height: 10vw;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message .conversation-message-text {
  font-size: 1.6vw;
  line-height: 1.2;
  padding: 1vw 3vw 1vw 11vw;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 {
  display: flex;
  grid-gap: 3vw;
  grid-gap: 3vw;
  gap: 3vw;
  margin-top: 3rem;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message {
  position: relative;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-bg {
  height: 100%;
  width: 100%;
  position: absolute;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-text {
  z-index: 10;
  position: relative;
  height: 100%;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .component003.component003-finance900 .tip-arrow {
  left: -82px;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs {
  justify-content: flex-end;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area {
  margin-top: 2rem;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area img {
  width: 5rem;
  margin-bottom: 0;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area .text {
  font-size: 24px;
  margin-bottom: 0;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area .ant-btn-link {
  margin-top: 10px;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-answers .quiz-answers-item .anticon.anticon-close-circle {
  background-color: transparent;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .component003.finance-welcome .tip-arrow .line1 {
  width: 59px;
  height: 1px;
  background: #000;
  transform: rotate(-12.5deg);
  position: absolute;
  top: 5px;
  right: 47px;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .component003.finance-welcome .tip-arrow .line2 {
  width: 58px;
  height: 1px;
  background: #000;
  transform: rotate(12.5deg);
  position: absolute;
  bottom: 5px;
  right: 48px;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .component003.component003-finance200 .tip-arrow .line1 {
  width: 60px;
  height: 1px;
  background: #000;
  transform: rotate(-12.5deg);
  position: absolute;
  top: 5px;
  right: 46px;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .component003.component003-finance200 .tip-arrow .line2 {
  width: 58px;
  height: 1px;
  background: #000;
  transform: rotate(12.5deg);
  position: absolute;
  bottom: 5px;
  right: 48px;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation013.short-title .animation013-content .animation013-header > span {
  font-size: 2rem;
  line-height: 1.5;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation004.animation004.no-title.jiudianban .four-steps-section .step .step-title {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 30px;
  text-align: center;
  margin-bottom: 0.5rem;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation004.animation004.no-title.jiudianban .four-steps-section .step .text {
  margin-bottom: 1rem;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation013.short-title .animation013-content .animation013-content ul .animation013-text {
  min-height: 5.125rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  text-align: left;
  font-size: 1rem;
  line-height: 1.5;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation013.short-title .animation013-content .animation013-content ul .animation013-text.animation013-text:last-child {
  align-items: flex-start;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation013.short-title .animation013-content .animation013-content ul .animation013-text > ul {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation013.short-title .animation013-content .animation013-content ul .animation013-text > ul > li {
  text-align: left;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation013.short-title .animation013-content .animation013-header .arrow {
  display: none;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass .cert-download-input .cert-download-button {
  background-color: #78C6E3;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation013.three .animation013-content .animation013-header {
  height: auto;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item {
  width: 1440px;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item {
  justify-content: center;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation013 .animation013-content .animation013-header .arrow {
  height: auto;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .cando-section .can-not-do .cando-title {
  width: 250px;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .cando-section .can-do .cando-title {
  width: 250px;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation013 .animation013-content .animation013-header {
  height: 145px;
  min-height: -webkit-fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
  justify-content: flex-start;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation011 {
  margin-top: -5rem;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation013.three {
  margin-top: -5rem;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation013.three .animation013-content {
  justify-content: flex-start;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation013.three .animation013-content .animation013-item {
  width: 32% !important;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation013.three .animation013-content .animation013-item .animation013-content ul .animation013-text {
  line-height: 1.5rem;
  font-size: 1rem;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation013.three .animation013-content .animation013-header span {
  font-size: 2rem;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .component003.three {
  margin-top: 10rem;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .component003.three .component003-tip {
  right: 0%;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .component002 .component003 {
  margin-right: 5rem;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .component002 .component003 .component003-tip {
  margin-right: 20%;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .cando-section {
  margin-top: 0;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .cando-section .can-do .cando-title {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 2.5rem;
  letter-spacing: 0em;
  padding: 1.8rem;
  height: auto;
  text-align: center;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .cando-section .can-not-do .cando-title {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 2.5rem;
  letter-spacing: 0em;
  padding: 1.8rem;
  height: auto;
  text-align: center;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text .title {
  padding-left: 0;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text .description {
  line-height: 1.8rem;
  font-size: 1.125rem;
  margin-left: 0;
  margin-bottom: 2rem;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .component003 .component003-tip {
  font-size: 1.75rem;
  line-height: 2.1rem;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .small-icon {
  margin-top: 2.375rem;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .small-icon.large img {
  height: 2.9375rem;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-text {
  line-height: 2.4rem;
  padding: 2.3125rem 1.5625rem;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .topic-item p.content {
  padding-left: 1.125rem;
  padding-right: 3.5rem;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation004.no-title {
  margin-bottom: 5rem !important;
  height: auto;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section {
  height: 550px;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 {
  display: none;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .component005.no-tabs {
  margin-top: 6.5625rem;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .component005.no-tabs .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content {
  width: 100%;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation001.animation001-s3 .animation001-1 {
  display: none;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation001.animation001-s3 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation001.animation001-s3 .animation001-2 {
  margin: 0;
  width: 80%;
  flex-wrap: wrap;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation001.animation001-s3 .animation001-2 .animation001-item {
  width: calc(33.33% - 1rem);
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation001.animation001-s3 .animation001-2 .animation001-item .animation001-body .text {
  color: white;
  font-size: 1.4375rem;
  font-weight: 400;
  line-height: 1.25;
  text-align: center;
  padding: 1.259375rem;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .phishing-indentify-section {
  margin-bottom: 10rem;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .Animation005-6-items {
  margin-bottom: 5rem !important;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation012 {
  margin-bottom: 0 !important;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .animation012-item .animation012-text {
  font-size: 1.3rem;
  min-height: 7.8125rem;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .animation012-item .animation012-indicate-number {
  padding: 1.5625rem;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .animation012-item {
  position: relative;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .animation012-item .click-point {
  position: absolute;
  z-index: 10;
  width: 105px;
  bottom: -105px;
  left: calc(50% - 53.5px);
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .cando-section .can-do .cando-img,
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .cando-section .can-not-do .cando-img {
  max-height: 285px;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .cando-section .can-do .cando-img,
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .cando-section .can-do .cando-img {
  max-height: 285px;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .components006 .content .pic {
  width: 80%;
  margin: 0 auto;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .components006 .content .pic img {
  max-width: 850px;
  margin-bottom: 2rem;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation013.short-title .animation013-content .animation013-header {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step1 {
  bottom: 0;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step2 {
  bottom: 3rem;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step3 {
  bottom: 6rem;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step4 {
  bottom: 9rem;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation004.no-title.jiudianban .four-steps-section {
  height: 440px;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation004.no-title.liangdian .four-steps-section {
  height: 360px;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation004.no-title.jiudianban {
  margin-bottom: 8rem !important;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation004.no-title.liangdian {
  margin-bottom: 8rem !important;
}

@media (min-width: 1980px) {
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .topic-item .conversation {
    padding: 2vw;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 {
    grid-gap: 1vw;
    gap: 1vw;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .avater {
    width: 10%;
    height: 10%;
    margin-top: 8%;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message .conversation-message-text {
    padding: 10% 10% 10% 25%;
    font-size: 1.8rem;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 {
    grid-gap: 1vw;
    gap: 1vw;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .avater {
    width: 10%;
    height: 10%;
    margin-top: 5%;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message .conversation-message-text {
    padding: 10% 25% 10% 10%;
    font-size: 1.8rem;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 {
    grid-gap: 1vw;
    gap: 1vw;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .avater {
    width: 10%;
    height: 10%;
    margin-top: 8%;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-text {
    padding: 10% 10% 10% 25%;
    font-size: 1.8rem;
  }
}
@media (min-width: 1980px) {
  .cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .avater {
    margin-top: 4vw;
  }
  .cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message .conversation-message-text {
    padding: 10% 10% 10% 25%;
    font-size: 1.1vw;
  }
  .cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .avater {
    margin-top: 4vw;
  }
  .cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message .conversation-message-text {
    padding: 10% 25% 10% 10%;
    font-size: 1.1vw;
  }
  .cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .avater {
    margin-top: 4vw;
  }
  .cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-text {
    padding: 10% 10% 10% 25%;
    font-size: 1.1vw;
  }
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .component002 .component003 {
    margin-bottom: 0;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .component002 .component003 .component003-tip {
    right: 20%;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation013.three {
    margin-top: -20rem;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation013.three .animation013-content {
    justify-content: flex-start;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation013.three .animation013-content .animation013-item {
    width: 28% !important;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation013.three .animation013-content .animation013-header span {
    font-size: 2rem;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation004.no-title {
    position: relative;
    height: 430px;
    margin-top: 150px;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-desc {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 10vw;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message-text {
    font-size: 2rem !important;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-text {
    padding: 1vw 1vw 1vw 15vw;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .components006 .content .pic {
    margin-bottom: 5rem !important;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .components006 .content .pic img {
    width: 100%;
    height: 100%;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .components006 .content .next-button {
    padding: 0;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .components006 .content .prev-button {
    padding: 0;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section {
    margin-left: 0 !important;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .component007 .component007-1 {
    background-size: contain;
    width: 200px;
    height: 548px;
    padding-top: 112px;
    padding-bottom: 287px;
    font-size: 20px;
    line-height: normal;
    margin: 0;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .component007 .pic img {
    margin-top: 11rem;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation005 .animation005-content .animation005-item {
    min-height: 34vw;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container {
    height: 44.125rem;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section {
    height: 900px;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item {
    padding-left: 2rem;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item > img {
    max-width: 100%;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation012-content .animation012-item .animation012-line img {
    height: 6.4375rem;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation013 .animation013-content {
    flex-wrap: wrap;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation013 .animation013-content .animation013-item {
    width: calc(50% - 1rem) !important;
  }
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.finance.en .ant-layout-content .course-body .course-body-content .component002 .component003 {
    margin-right: 5rem;
    margin-bottom: 0;
  }
  .cyber-security-training-page.course-page.finance.en .ant-layout-content .course-body .course-body-content .animation005 .animation005-content .animation005-item {
    min-height: 30rem;
  }
  .cyber-security-training-page.course-page.finance.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-desc {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.finance.en .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 10vw;
  }
  .cyber-security-training-page.course-page.finance.en .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message-text {
    font-size: 1.5rem !important;
  }
  .cyber-security-training-page.course-page.finance.en .ant-layout-content .course-body .course-body-content .topic-item .animation004 .four-steps-section {
    margin-top: 0;
  }
  .cyber-security-training-page.course-page.finance.en .ant-layout-content .course-body .course-body-content .component003.position-right.liangdian .component003-tip {
    right: 12%;
    margin-right: 18%;
    padding: 3rem;
  }
  .cyber-security-training-page.course-page.finance.en .ant-layout-content .course-body .course-body-content .animation013.three .animation013-content .animation013-header span {
    font-size: 1.5rem;
    line-height: 1.5;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation013.three {
    margin-top: 0rem;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation013.three .animation013-content {
    justify-content: flex-start;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation013.three .animation013-content .animation013-item {
    width: 24% !important;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation013.three .animation013-content .animation013-header span {
    font-size: 1rem;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation011 {
    margin-top: 0;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .component003.position-right img {
    max-width: 25vw;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation013 {
    margin: 0;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation013 .animation013-content .animation013-header .arrow {
    right: 0.3rem;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message-text {
    font-size: 1.5rem !important;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation001.animation001-s3 .animation001-2 .animation001-item .animation001-body img {
    width: 100%;
    height: auto;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .component007 .component007-1 {
    background-size: contain;
    width: 150px;
    height: 411px;
    padding-top: 112px;
    padding-bottom: 287px;
    font-size: 20px;
    line-height: normal;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .component007 .pic {
    width: calc(100% - 166px);
    margin-left: 1rem;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .component007 .pic img {
    margin-top: 8rem;
    width: 100%;
    height: auto;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation013 {
    margin: 0;
    padding: 0;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation013 .animation013-content .animation013-header .arrow {
    right: 0.3rem;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation013 .animation013-content .animation013-content ul .animation013-text {
    padding: 1.0625rem 1.1rem;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .component007 .component007-1 {
    background-size: contain;
    width: 150px;
    height: 411px;
    padding-top: 85px;
    padding-bottom: 216px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
    line-height: normal;
    margin: 0;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .component007 .pic {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation012 .animation012-content {
    grid-gap: 1rem !important;
    gap: 1rem !important;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .animation012-item {
    position: relative;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .background-line1 {
    height: 2.5rem;
    top: 21%;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .background-line2 {
    height: 2.5rem;
    top: 72%;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .animation012-item .animation012-icon img {
    width: 3.25rem;
    height: 3.25rem;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation012-content .animation012-item .click-point {
    width: 4rem!important;
    bottom: -2rem !important;
    left: calc(50% - 2rem) !important;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.finance.en .ant-layout-content .course-body .course-body-content .component003.jiudian .component003-tip {
    font-size: 1.5rem;
    line-height: 1;
  }
  .cyber-security-training-page.course-page.finance.en .ant-layout-content .course-body .course-body-content .component003.jiudian1 .component003-tip {
    font-size: 1rem;
    line-height: 1;
    margin-right: 22% !important;
  }
  .cyber-security-training-page.course-page.finance.en .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .click-point {
    position: absolute;
    z-index: 10;
    width: 100px;
    bottom: -100px;
    left: calc(50% - 50px);
  }
  .cyber-security-training-page.course-page.finance.en .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message-text {
    padding: 3vw 3vw 3vw 18vw!important;
  }
  .cyber-security-training-page.course-page.finance.en .ant-layout-content .course-body .course-body-content .animation004.no-title {
    margin-top: 0;
  }
  .cyber-security-training-page.course-page.finance.en .ant-layout-content .course-body .course-body-content .animation005 .animation005-content .animation005-item {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .cyber-security-training-page.course-page.finance.en .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 18vw;
  }
  .cyber-security-training-page.course-page.finance.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section {
    height: 755px;
  }
  .cyber-security-training-page.course-page.finance.en .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section {
    height: 512px;
  }
  .cyber-security-training-page.course-page.finance.en .ant-layout-content .course-body .course-body-content .animation013.three .animation013-content .animation013-item {
    width: 30% !important;
  }
  .cyber-security-training-page.course-page.finance.en .ant-layout-content .course-body .course-body-content .animation013.three .animation013-content .animation013-header span {
    font-size: 1rem;
    line-height: 1.4;
  }
  .cyber-security-training-page.course-page.finance.en .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .background-line1 {
    top: 23%;
  }
  .cyber-security-training-page.course-page.finance.en .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .background-line2 {
    top: 73.5%;
  }
  .cyber-security-training-page.course-page.finance.en .ant-layout-content .course-body .course-body-content .animation012 {
    margin-bottom: 0rem!important;
  }
  .cyber-security-training-page.course-page.finance.en .ant-layout-content .course-body .course-body-content .component003.position-right.liangdian .component003-tip {
    margin-right: 18% !important;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .next-paragraph-bar {
    margin-left: -3.5rem;
    margin-right: -3.5rem;
  }
  .cyber-security-training-page.course-page.finance.en .ant-layout-content .course-body .course-body-content .animation012 {
    margin-bottom: 5rem!important;
  }
  .cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .animation013.three .animation013-content .animation013-item .animation013-content ul .animation013-text {
    height: 14rem;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .next-topic-button {
    line-height: 1.1;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content .course-landing-text .description {
    margin-bottom: 1.5rem;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .component003.position-right.component003-finance200-1 .component003-tip .tip-arrow .line2 {
    width: 56px;
    bottom: 5px;
    right: 45px;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .component003.position-right.component003-finance200-1 .component003-tip .tip-arrow .line1 {
    width: 58px;
    top: 6px;
    right: 45px;
    transform: rotate(13deg);
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .component003.component003-finance200 .tip-arrow .line1 {
    width: 50px;
    height: 1px;
    background: #000;
    transform: rotate(-14deg);
    position: absolute;
    top: 5px;
    right: 44px;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .component003.component003-finance200 .tip-arrow .line2 {
    width: 48px;
    height: 1px;
    background: #000;
    transform: rotate(15deg);
    position: absolute;
    bottom: 5px;
    right: 46px;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content {
    line-height: 1.1;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab {
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message .conversation-message-text {
    font-size: 1.4rem !important;
    line-height: 2rem;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message .conversation-message-text {
    font-size: 1.4rem !important;
    line-height: 2rem;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-text {
    font-size: 1.4rem !important;
    line-height: 2rem;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .step-title {
    font-size: 1.4rem;
    line-height: 2rem;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .text {
    font-size: 1.4rem;
    line-height: 2rem;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .indicator {
    font-size: 1.4rem;
    line-height: 2rem;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step2 {
    bottom: 1.6rem;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step3 {
    bottom: 3.2rem;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step4 {
    bottom: 4.8rem;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation013 .animation013-content .animation013-header > span {
    font-size: 1.6rem;
    line-height: 2rem;
    width: 80%;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message {
    width: 75vw!important;
    height: 22vw!important;
    margin-bottom: 2rem;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .topic-item .conversation .avater:nth-child(1) {
    margin-top: 2rem;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .topic-item .conversation.finance600 .conversation-message {
    width: 75vw!important;
    height: 40vw!important;
    margin-bottom: 4rem;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .topic-item .conversation.finance600 .conversation-message .conversation-message-text {
    padding: 2vw 13vw 2vw 4vw !important;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .topic-item .conversation.finance600 .avater:nth-child(1) {
    margin-top: 8rem;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .topic-item .conversation.finance900 .conversation-message {
    width: 75vw!important;
    height: 30vw!important;
    margin-bottom: 4rem;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .topic-item .conversation.finance900 .avater:nth-child(1) {
    margin-top: 5rem;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .component003.position-right.three .component003-tip {
    right: -4%;
    top: -10%;
    padding: 7.5% !important;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .component003.position-right.three .component003-tip .tip-arrow .line1 {
    width: 54px;
    top: 6px;
    right: 47px;
    transform: rotate(13deg);
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .component003.position-right.three .component003-tip .tip-arrow .line2 {
    width: 54px;
    bottom: 5px;
    right: 46px;
    transform: rotate(-13deg);
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation013.short-title .animation013-content .animation013-content ul .animation013-text {
    height: 10.125rem;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation011 .animation011-content .animation011-item {
    margin-bottom: 4rem;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .component003.position-left.component003-finance900 img {
    margin-left: calc(10% + 1rem);
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .component003.component003-finance900 .tip-arrow {
    left: -81px;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .click-point {
    left: calc(50% - 40px);
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .small-icon.large img {
    width: 32px;
    height: 32px;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation011 .animation011-content .animation011-item .animation011-indicate-number {
    border-radius: 15%/60%;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .component003.position-right.jiudian1 img {
    margin-right: 3rem;
    max-width: 35vw;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .component003.position-right.jiudian1 .component003-tip {
    right: 30%;
    font-size: 1rem;
    line-height: 2rem;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .component003.position-right.jiudian1 .component003-tip .tip-arrow {
    right: -83px;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .component003.position-right.jiudian1 .component003-tip .tip-arrow .line1 {
    width: 40px;
    top: 5px;
    right: 45px;
    transform: rotate(17deg);
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .component003.position-right.jiudian1 .component003-tip .tip-arrow .line2 {
    width: 39px;
    bottom: 6px;
    right: 45px;
    transform: rotate(-19deg);
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .cando-section .can-do .cando-title {
    width: 100%;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .cando-section .can-not-do .cando-title {
    width: 100%;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .component003.position-left.component003-finance900 .component003-tip {
    margin-left: 50vw;
    font-size: 1rem;
    line-height: 2rem;
    padding: 2.1rem;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .component003.position-left.component003-finance900 .component003-tip .line1 {
    width: 55px;
    transform: rotate(-14deg);
    top: 6px;
    right: 45px;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text .description {
    line-height: 2rem;
    font-size: 1.4rem;
    margin-left: 0;
    margin-bottom: 2rem;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation013 .animation013-content .animation013-header .icon {
    height: 32px;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation013 .animation013-content .animation013-header .icon img {
    height: 100%;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation013 .animation013-content .animation013-content ul .animation013-text {
    font-size: 1.4rem;
    line-height: 2rem;
    text-align: left;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation013 .animation013-content .animation013-header .arrow {
    right: 0.3rem;
    height: 100%;
    top: 0;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation005 .animation005-content .animation005-item .icon {
    width: 32px;
    height: 32px;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation005 .animation005-content .animation005-item .text {
    font-size: 1.4rem;
    line-height: 2rem;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .component003.position-left.finance200 .component003-tip > span {
    line-height: 2rem;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .component003.finance200 .tip-arrow .line1 {
    right: 45px;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation009 .animation009-content .animation009-item .animation009-text {
    font-size: 1.4rem;
    line-height: 2rem;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation011 .animation011-content .animation011-item .animation011-indicate-number .animation011-icon {
    width: 68px;
    height: 68px;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation011 .animation011-content .animation011-item .animation011-indicate-number {
    min-width: 11rem;
    height: 4rem;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation011 .animation011-content .animation011-item .animation011-text {
    font-size: 1.6rem;
    padding-left: 2rem;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation011 .animation011-content .animation011-item {
    height: 7rem;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .component003 .component003-tip {
    font-size: 1.6rem;
    line-height: 2rem;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation004.no-title.jiudianban {
    height: auto;
    margin-bottom: 5rem !important;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation004.no-title.jiudianban .four-steps-section {
    height: 100px;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation004.no-title.liangdian {
    height: auto;
    margin-bottom: 5rem !important;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation004.no-title.liangdian .four-steps-section {
    height: 100px;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab {
    line-height: 2rem;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    font-size: 1.4rem;
    line-height: 2rem;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .component003.jiudian1 .component003-tip {
    font-size: 0.8rem;
    line-height: 1;
    margin-right: 25% !important;
    padding: 5.5% !important;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation013.three {
    margin-top: 0rem;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation013.three .animation013-content {
    justify-content: center;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation013.three .animation013-content .animation013-item {
    width: 90% !important;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation013.three .animation013-content .animation013-header {
    height: auto;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation013.three .animation013-content .animation013-header span {
    font-size: 1.6rem;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .component003.position-right img {
    max-width: 30vw;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation013.three .animation013-content .animation013-item .animation013-content ul .animation013-text {
    line-height: 2rem;
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .component003.position-right .component003-tip {
    right: 1.3rem;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation011 {
    margin-top: 0;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .component002 .component003 {
    margin-right: 0;
    margin-bottom: 0;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .component002 .component003 .component003-tip {
    right: 16%;
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message-bg {
    height: 120%;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message-text {
    font-size: 1.4rem !important;
    height: 120%;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message-bg {
    height: 120%;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message-text {
    font-size: 1.4rem !important;
    height: 120%;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 {
    margin-bottom: 1rem;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-bg {
    height: 145%;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-text {
    font-size: 1.4rem !important;
    height: 145%;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-text {
    padding: 3vw 5vw 3vw 19vw;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message .conversation-message-text {
    padding: 1vw 3vw 1vw 15vw!important;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .topic-item .conversation .avater {
    width: 18vw!important;
    height: 18vw!important;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section {
    height: 250px;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .component007 .component007-1 {
    width: 100px;
    height: 267px;
    padding-top: 55px;
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 141px;
    font-size: 10px;
    margin: 0;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .component007 .pic {
    width: calc(100% - 100px);
    margin-left: 1rem;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .component007 .pic img {
    margin-top: 5rem;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section {
    height: 600px;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .animation012-item .animation012-text {
    min-height: 105px;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation012-content .animation012-item .animation012-line img {
    height: 91.25px;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .animation012-item .animation012-icon img {
    width: 2.25rem;
    height: 2.25rem;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .background-line1 {
    height: 2rem;
    top: 23.5%;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .background-line2 {
    height: 2rem;
    top: 75%;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 6rem;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    height: 20px;
    min-height: 48px;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .animation013.short-title .animation013-content .animation013-content ul .animation013-text {
    height: 10.125rem;
  }
  .cyber-security-training-page.course-page.finance.en .ant-layout-content .course-body .course-body-content .component003.position-right.liangdian .component003-tip {
    margin-right: 32%!important;
  }
  .cyber-security-training-page.course-page.finance.en .ant-layout-content .course-body .course-body-content .component003.position-right.three .component003-tip {
    padding: 10% 7% !important;
  }
  .cyber-security-training-page.course-page.finance.en .ant-layout-content .course-body .course-body-content .component003.position-right.three .component003-tip .tip-text > div {
    line-height: 1.2 !important;
  }
  .cyber-security-training-page.course-page.finance.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s4 {
    right: 16vw;
    bottom: 42vw;
  }
  .cyber-security-training-page.course-page.finance.en .ant-layout-content .course-body .course-body-content .animation013 .animation013-content .animation013-header .arrow img {
    width: 7.5px;
    height: 15px;
  }
  .cyber-security-training-page.course-page.finance.en .ant-layout-content .course-body .course-body-content .animation001.animation001-s3 .animation001-2 .animation001-item .animation001-body .text {
    height: auto;
  }
  .cyber-security-training-page.course-page.finance.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content {
    line-height: 12px;
  }
  .cyber-security-training-page.course-page.finance.en .ant-layout-content .course-body .course-body-content .component003.position-left.finance-welcome .component003-tip {
    margin-left: 44vw;
  }
  .cyber-security-training-page.course-page.finance.en .ant-layout-content .course-body .course-body-content .component003.jiudian1 {
    margin-right: 0;
    margin-bottom: 0;
  }
  .cyber-security-training-page.course-page.finance.en .ant-layout-content .course-body .course-body-content .component003.jiudian1 img {
    max-width: 28vw;
  }
  .cyber-security-training-page.course-page.finance.en .ant-layout-content .course-body .course-body-content .component003.jiudian1 .component003-tip {
    font-size: 0.8rem;
    line-height: 1;
    margin-right: 25% !important;
    padding: 5.5% !important;
  }
  .cyber-security-training-page.course-page.finance.en .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message-text {
    font-size: 1rem !important;
  }
  .cyber-security-training-page.course-page.finance.en .ant-layout-content .course-body .course-body-content .top {
    font-size: 2.5rem;
  }
  .cyber-security-training-page.course-page.finance.en .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section {
    height: 320px;
  }
  .cyber-security-training-page.course-page.finance.en .ant-layout-content .course-body .course-body-content .animation004.no-title.finance200-2-a004 .four-steps-section {
    height: 400px;
  }
  .cyber-security-training-page.course-page.finance.en .ant-layout-content .course-body .course-body-content .animation004.no-title.finance200-2-a004 .four-steps-section .step .text {
    font-size: 1.4rem;
    line-height: 1.1;
  }
  .cyber-security-training-page.course-page.finance.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section {
    height: 560px;
    margin-bottom: 0;
  }
  .cyber-security-training-page.course-page.finance.en .ant-layout-content .course-body .course-body-content .animation013.three .animation013-content .animation013-item {
    width: 90% !important;
  }
  .cyber-security-training-page.course-page.finance.en .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .animation012-item .animation012-text {
    min-height: 150px;
  }
  .cyber-security-training-page.course-page.finance.en .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .animation012-item .animation012-indicate-number {
    padding: 38.125px;
  }
  .cyber-security-training-page.course-page.finance.en .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .background-line1 {
    top: 29.5%;
  }
  .cyber-security-training-page.course-page.finance.en .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .background-line2 {
    top: 92.5%;
  }
}

.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation095.hr930-3-c005 .animation095-topic-tab .ant-tabs-tabpane .animation095-card-tab .animation095-card-list .animation095-card-item .animation095-card-item-title {
  font-size: 1.1rem;
  line-height: 1.1;
  padding: 1rem;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation095.hr930-3-c005 .animation095-topic-tab .ant-tabs-tabpane .animation095-card-tab .animation095-card-list .animation095-card-item .animation095-card-item-title > div {
  height: auto;
  min-height: 77px;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation095.hr930-3-c005 .animation095-topic-tab .ant-tabs-tabpane .animation095-card-tab .animation095-card-list .animation095-card-item .animation095-card-item-content {
  min-height: 14.5rem;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .component003.position-left.hr600-a002 .component003-tip {
  margin-left: 350px;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation008.welcome .animation008-content .animation008-item .animation008-text {
  padding-top: 0 !important;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation008.welcome .animation008-content .animation008-item .animation008-top {
  min-height: 10rem;
  line-height: 1.2;
  margin-top: 0;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation008.welcome .animation008-content .animation008-item.r3 .animation008-top {
  min-height: 13rem;
  line-height: 1.2;
  margin-top: 0;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation008.hr930-2-a008 .animation008-content .animation008-item .animation008-top {
  font-size: 1.5rem;
  line-height: 1.2;
  min-height: 7rem;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation004.no-title {
  height: 380px;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation095 .click-point1 {
  left: 425px;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation008.welcome .animation008-content .animation008-item .animation008-text li {
  padding-top: 0.5rem;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation008.welcome .animation008-content .animation008-item .animation008-text li {
  padding-right: 0;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content {
  min-height: 12rem;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-text {
  font-size: 1.2rem;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item .animation017-text {
  font-size: 1rem;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation004.no-title.hr200 {
  height: 450px;
  margin-top: 0;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-text {
  font-size: 1.2rem;
  line-height: 1.5;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-top {
  font-size: 1.5rem;
  line-height: 1.3;
  min-height: 5.75rem;
  margin-top: 3rem;
  text-align: left;
  padding-left: 2.5rem;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .component003.position-right.a004 .component003-tip {
  width: 30%;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation015 .animation015-item .animation015-indicate {
  width: 30rem;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation015 .animation015-item .animation015-indicate .animation015-text {
  padding-left: 1rem;
  line-height: 1.2;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .component003.position-left .component003-tip {
  font-size: 1.3rem;
  padding: 3rem;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel .animation019-content .view-more .view-more-btn .click-point1 {
  width: 40px;
  cursor: pointer;
  transform: rotate(0);
  position: absolute;
  bottom: -40px;
  left: calc(50% - 20px);
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-desc {
  width: 350px;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation001 .animation001-1 {
  font-size: 1.4rem;
  line-height: 1.8rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .component005 .click-point1 {
  left: 420px;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation016 .animation016-attention .animation016-attention-text {
  font-size: 1.5rem;
  padding: 0rem 4rem;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation016 .animation016-content .animation016-item .animation016-header {
  height: 6.5rem;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item .animation017-text {
  line-height: 1;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .avater {
  margin-top: 5%;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message {
  width: 45vw;
  height: 15vw;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-text {
  font-size: 1.8vw;
  line-height: 1.2;
  padding: 1vw 3vw 1vw 11vw;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .avater {
  margin-top: 5%;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message {
  width: 45vw;
  height: 15vw;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message .conversation-message-text {
  font-size: 1.8vw;
  line-height: 1.2;
  padding: 1vw 11vw 1vw 3vw;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .avater {
  margin-top: 5%;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message {
  width: 45vw;
  height: 15vw;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message .conversation-message-text {
  font-size: 1.8vw;
  line-height: 1.2;
  padding: 1vw 3vw 1vw 11vw;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation001 .animation001-2 .animation001-item .animation001-title-container {
  height: 90px;
  width: 239px;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation001 .animation001-2 .animation001-item .animation001-title-container .animation001-title {
  display: flex;
  align-items: center;
  justify-content: center;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation001 .animation001-2 .animation001-item .animation001-body {
  width: 100%;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation001 .animation001-2 .animation001-item .animation001-body img {
  width: 100%;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation001 .animation001-2 .animation001-item .animation001-body .text {
  width: 100%;
  height: 158px;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step1 .indicator {
  background-size: 100% 100%;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step2 .indicator {
  background-size: 100% 100%;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step3 .indicator {
  background-size: 100% 100%;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step4 .indicator {
  background-size: 100% 100%;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation007 .animation007-content .animation007-item {
  width: calc(25% - 2rem);
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation007 .animation007-content .animation007-item.r1 .animation007-header .animation007-title {
  height: 55px;
  width: 280px;
  line-height: 55px;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation007 .animation007-content .animation007-item.r2 .animation007-header .animation007-title {
  height: 55px;
  width: 280px;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation007 .animation007-content .animation007-item.r3 .animation007-header .animation007-title {
  height: 55px;
  line-height: 55px;
  width: 280px;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation007 .animation007-content .animation007-item.r4 .animation007-header .animation007-title {
  height: 55px;
  line-height: 55px;
  width: 280px;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation007 .animation007-content .animation007-item .animation007-header {
  height: 18rem;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation007 .animation007-content .animation007-item .animation007-content {
  height: 200px;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation007 .animation007-content .animation007-item .animation007-header .text-container .view-more .view-more-btn {
  width: 7.7rem;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation007 .animation007-content .animation007-item .animation007-header .text-container .view-more .click-point1 {
  left: 130px;
  bottom: 0px;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation005 .animation005-content .animation005-item {
  min-height: 25rem;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab .text {
  font-size: 1rem;
  line-height: 1.2rem;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab .number {
  font-size: 1.2rem;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
  max-height: 40vh;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .component003 .component003-tip .tip-text span {
  font-size: 1rem;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel {
  height: auto;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content {
  font-size: 1rem;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .animation012-item .animation012-text {
  width: 13rem;
  min-height: 110px;
  font-size: 1.4rem;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content {
  line-height: 16px;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content .view-more-btn {
  font-size: 16px;
  padding: 0;
  border: 0;
  height: auto;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation007 .click-point1 {
  left: 130px;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .RealCase .source1 {
  width: 24%;
  height: 3%;
  top: 87.5%;
  left: 51.5%;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .RealCase .source2 {
  width: 22%;
  height: 3%;
  bottom: 11%;
  left: 66.5%;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-text .click-point1 {
  left: 73%;
  bottom: 5%;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-text .view-more-btn {
  font-size: 1rem;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation001-s3 .animation001-1 {
  line-height: 1.5rem;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation008.welcome .animation008-content .animation008-item .animation008-text li:nth-child(1) {
    min-height: unset;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel .animation019-content {
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .topic-item .animation004 .four-steps-section {
    margin-top: 0;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .component003 .tip-arrow {
    left: -81px;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation016 .animation016-content .animation016-item .animation016-list {
    min-height: 8rem;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .component003.hr200-a004 .tip-arrow {
    left: -78px;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .component003.hr600-a002 .tip-arrow {
    left: -79px;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .component003.position-right.a004 .tip-arrow {
    left: 351px;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .component003.position-right .tip-arrow {
    left: 220px;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .component003.position-right.a004 .component003-tip {
    width: unset;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .topic-item .animation004 .four-steps-section .step .text {
    font-size: 1.4rem;
    line-height: 2rem;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation014 .animation014-item {
    margin-bottom: 2rem;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-text {
    font-size: 1.4rem;
    line-height: 1.2;
    height: 150px;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation019 {
    margin-top: 35rem;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .component008 {
    margin-top: 10rem;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel .animation019-content {
    font-size: 1.4rem;
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation015 {
    margin-top: 28rem;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .component003.position-left.hr930-a008 .component003-tip {
    margin-left: 37vw;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 img {
    left: 62%;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .component005 .click-point1 {
    transform: rotate(250deg);
    left: 260px;
    top: -50px;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content {
    line-height: 10px;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .topic-item .header {
    padding-right: 0;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .component003.position-right.hr900 .component003-tip .tip-arrow .line1 {
    width: 35px;
    top: 4px;
    right: 66px;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .component003.position-right.hr900 .component003-tip .tip-arrow .line2 {
    width: 35px;
    bottom: 7px;
    right: 66px;
    transform: rotate(-25deg);
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .component003.position-right.a004 .component003-tip .tip-arrow .line1 {
    width: 35px;
    top: 4px;
    right: 52px;
    transform: rotate(15deg);
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .component003.position-right.a004 .component003-tip .tip-arrow .line2 {
    width: 38px;
    bottom: 7px;
    right: 49px;
    transform: rotate(-25deg);
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-top {
    font-size: 2rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-text {
    font-size: 1.6rem;
    line-height: 1.5;
    margin-bottom: 3rem;
    padding-top: 2.5rem !important;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation019 {
    margin-bottom: 10rem;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s3 {
    left: calc(50% - 5.5rem);
    bottom: 36vw;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s5 {
    left: 58vw;
    right: unset;
    bottom: -33vw;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation004.no-title {
    margin-bottom: 10rem !important;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation015 .animation015-item .animation015-indicate {
    width: 30rem;
    height: 8rem;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation015 {
    grid-gap: 5rem;
    gap: 5rem;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-desc {
    font-size: 1.6rem;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab .text {
    font-size: 1.4rem;
    line-height: 1.2rem;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    font-size: 1.4rem;
    line-height: 1.3;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation011 .animation011-content {
    grid-gap: 4rem;
    gap: 4rem;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .component003.position-left.hr930-a009 {
    margin-top: 25rem;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .component003.position-left.hr930-a009 .component003-tip {
    margin-top: -25rem;
    margin-left: 32vw;
    padding: 3.5rem 2.8rem 3.5rem 3.5rem;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .component003.position-left.hr930-a009 {
    margin-top: 18rem;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .component003.position-left.hr930-a009 .component003-tip {
    margin-top: -16rem !important;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .component003.position-left.hr930-a009 .component003-tip .tip-arrow {
    left: -50px;
    top: 150px;
    transform: rotate(315deg);
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .component003.position-left.hr930-a009 .component003-tip .tip-arrow .line2 {
    width: 52px;
    transform: rotate(14deg);
    bottom: 5px;
    right: 43px;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .component003.position-left.hr930-a008 {
    margin-top: 19rem;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .component003.position-left.hr930-a008 .component003-tip {
    margin-top: -16rem;
    margin-left: 32vw;
    padding: 3.5rem 2.8rem 3.5rem 3.5rem;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .component003.position-left.hr930-a008 .component003-tip .tip-arrow {
    left: -50px;
    top: 116px;
    transform: rotate(300deg);
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .component003.position-left.hr930-a008 .component003-tip .tip-arrow .line2 {
    width: 49px;
    transform: rotate(14deg);
    bottom: 5px;
    right: 50px;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .component003.position-left.hr930-a008 img {
    margin-left: 4rem;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .component003.position-left.hr930-a008 .tip-arrow {
    left: -50px;
    top: 147px;
    transform: rotate(300deg);
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .component003.position-left.hr930-a008 .tip-arrow .line2 {
    width: 46px;
    transform: rotate(14deg);
    bottom: 5px;
    right: 55px;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .component005 .click-point1 {
    transform: rotate(270deg);
    left: 260px;
    top: 10px;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip .tip-arrow .line1 {
    width: 69px;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip {
    width: 155px;
    left: 0px;
    top: -50%;
    padding: 2rem !important;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip .tip-text {
    font-size: 1.4rem;
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-title > div {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 img {
    left: 40%;
    z-index: 1;
    height: 200px;
    max-width: unset;
    position: absolute;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .en-line-height-21 {
    line-height: 1.5;
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation017-content .animation017-tip {
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message {
    width: 75vw!important;
    height: 28vw!important;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .topic-item .conversation .avater {
    margin-top: 4rem;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message-text {
    padding: 5vw 5vw 5vw 15vw!important;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message-text {
    padding: 2vw 13vw 2vw 2vw!important;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content {
    line-height: 1.2;
    font-size: 1.4rem;
    width: 38vw;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation006 {
    margin-top: 10rem;
    margin-bottom: 20rem;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation006 .animation006-bg {
    width: calc(100vw - 4rem);
    height: calc((140vw - 4rem) * 595 / 1024);
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content {
    width: 30vw;
    height: 145px;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s1 {
    left: 0vw;
    bottom: -35vw;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s2 {
    left: 0vw;
    bottom: 10vw;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s3 {
    left: 8vw;
    bottom: 55vw;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s4 {
    right: 8vw;
    bottom: 55vw;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s5 {
    right: 0vw;
    bottom: 10vw;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s6 {
    right: 0vw;
    bottom: -35vw;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .topic-item .animation004 .four-steps-section {
    margin-top: 8rem;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .component003.position-right.hr600 .component003-tip {
    right: 0;
    margin-right: 47% !important;
    padding: 6% !important;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .component003.position-right.hr600 .tip-arrow {
    left: 148px;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .topic-item .animation004.hr900-1-a004.no-title .four-steps-section {
    margin-top: 3rem;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation019 .animation019-bg {
    margin-top: 3rem;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .component003.position-right.a004 img {
    margin-top: 8%;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .component003.position-right.a004 .component003-tip {
    width: unset;
    right: 6%;
    padding: 7% 6% !important;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .component003.position-right.a004 .component003-tip .line2 {
    width: 56px;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation014 {
    grid-gap: 0;
    gap: 0;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation014 .animation014-item {
    width: 100%;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-header {
    font-size: 2rem;
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-text {
    width: 90%;
    font-size: 2rem;
    line-height: 1.5;
    height: 285px;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .component003.position-right .tip-arrow {
    left: 127px;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .component003.position-right.hr900 {
    padding-right: 0;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .component003.position-right.hr900 .tip-arrow {
    left: unset;
    right: -98px;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .component003.position-right.a004 {
    padding-right: 0;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .component003.position-right.a004 .tip-arrow {
    left: unset;
    right: -86px;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation016 .animation016-content .animation016-item .animation016-content {
    min-height: 6rem;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item .animation017-text {
    font-size: 1.4rem;
    line-height: 1.2;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
    margin: 1rem 0;
    align-items: self-start;
  }
}

.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content {
  min-width: unset;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs {
  justify-content: flex-end;
  width: 65%;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .phishing-indentify-section .title {
  width: 35%;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content {
  min-height: calc(100vh - 180px);
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component003.position-left.hr930-a008 .tip-arrow {
  left: -82px;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component003.position-left.hr930-a008 .tip-arrow .line1 {
  right: 44px;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component003.position-left.hr600-a002 .component003-tip {
  margin-left: 360px;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation002 .click-point {
  left: 200px;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation015 .animation015-item.r0 .animation015-indicate {
  width: 25rem;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation015 .animation015-item.r0 .animation015-indicate .animation015-text {
  padding-left: 1rem;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation015 .animation015-item.r1 .animation015-indicate {
  width: 34rem;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation015 .animation015-item.r1 .animation015-indicate .animation015-text {
  padding-left: 1rem;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation015 .animation015-item.r2 .animation015-indicate {
  width: 42rem;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation015 .animation015-item.r2 .animation015-indicate .animation015-text {
  padding-left: 1rem;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation015 .animation015-item.r3 .animation015-indicate {
  width: 50rem;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation015 .animation015-item.r3 .animation015-indicate .animation015-text {
  padding-left: 1rem;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .avater {
  margin-top: 5%;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message {
  width: 45vw;
  height: 10vw;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-text {
  font-size: 1.6vw;
  line-height: 1.2;
  padding: 1vw 3vw 1vw 11vw;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .avater {
  margin-top: 5%;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message {
  width: 45vw;
  height: 10vw;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message .conversation-message-text {
  font-size: 1.6vw;
  line-height: 1.2;
  padding: 1vw 11vw 1vw 3vw;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .avater {
  margin-top: 5%;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message {
  width: 45vw;
  height: 10vw;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message .conversation-message-text {
  font-size: 1.6vw;
  line-height: 1.2;
  padding: 1vw 3vw 1vw 11vw;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 {
  display: flex;
  grid-gap: 3vw;
  grid-gap: 3vw;
  gap: 3vw;
  margin-top: 3rem;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message {
  position: relative;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-bg {
  height: 100%;
  width: 100%;
  position: absolute;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-text {
  z-index: 10;
  position: relative;
  height: 100%;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation095.hr930-3-c005 .animation095-card-tab {
  margin-top: -2.1rem;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation095.hr930-3-c005 .animation095-card-tab .animation095-card-item {
  margin-top: 2rem;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation008.hr930-2-a008 {
  margin-top: 0;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation008.animation008.welcome .animation008-content {
  padding-right: 0;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message .conversation-message-text {
  font-size: 1.4rem;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message .conversation-message-text {
  font-size: 1.4rem;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-text {
  font-size: 1.4rem;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .header {
  padding-right: 3.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation008.welcome .animation008-content .animation008-item .animation008-text li {
  display: list-item;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area {
  margin-top: 0;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area img {
  margin-bottom: 6px;
  width: 6%;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area .text {
  font-size: 1.5rem;
  margin-bottom: 6px;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area .quiz-try-again-button {
  margin-top: 15px;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-header > .subtitle .arrow.r4 {
  display: none;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-top {
  min-height: 10rem;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component003.position-right.hr600 .component003-tip {
  margin-right: 35%;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component003.position-right.hr900 {
  padding-right: 6.25rem;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component003.position-right.hr900 .component003-tip {
  margin-right: 32%;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation011.component.hr900 {
  margin-top: -20rem;
  margin-left: 5rem;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation011 .animation011-content .animation011-item .animation011-indicate-number {
  border-radius: 25%/60%;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item {
  width: 1440px;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item {
  justify-content: center;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .four-steps-section .step .step-title {
  font-size: 1.7rem;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .phishing-indentify-section {
  margin-bottom: 10rem;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component003.position-right.a004 {
  margin-right: 6rem;
  margin-bottom: 5rem;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component003.position-right.a004 .component003-tip {
  margin-right: 25%;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component003.position-right.a004 .component003-tip .tip-text {
  line-height: 2rem;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation002 {
  margin-top: -22rem;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component003.position-left .component003-tip {
  z-index: 11;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation002 .bp-panel {
  display: flex;
  justify-content: space-between;
  padding: 1.5rem;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation002 .bp-panel .number {
  font-size: 2.5rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content {
  min-height: 10rem;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation009 {
  margin-bottom: 5rem !important;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation009 .animation009-content {
  flex-wrap: wrap;
  justify-content: flex-start;
  grid-gap: 1.2rem;
  gap: 1.2rem;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation009 .animation009-content .animation009-item {
  width: calc(33% - 1rem) !important;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation008.hr930-2-a008 .animation008-content .animation008-item .animation008-top {
  font-size: 1.75rem;
  margin-top: 2.5rem;
  padding-left: 2.875rem;
  padding-right: 1rem;
  line-height: 2.5rem;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation008.welcome {
  margin-top: 5rem !important;
  margin-bottom: 5rem !important;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation008.welcome .animation008-content .animation008-item .animation008-top {
  margin-top: 1rem;
  text-align: center;
  align-items: baseline;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 1rem;
  min-height: 5rem;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation008.welcome .animation008-content .animation008-item .animation008-text {
  padding-top: 0;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation008.welcome .animation008-content .animation008-item .animation008-text ul {
  padding-left: 2.5rem;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation008.welcome .animation008-content .animation008-item .small-icon {
  text-align: center;
  margin-top: 1.5rem;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-text {
  font-size: 1.25rem;
  line-height: 2rem;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation008 .animation008-content {
  padding-right: 1.875rem;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-top {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin-top: unset;
  padding-left: 2.875rem;
  text-align: left;
  min-height: unset;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation004.no-title {
  height: 300px;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step1 {
  bottom: 0;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step2 {
  bottom: 3rem;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step3 {
  bottom: 6rem;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step4 {
  bottom: 9rem;
}

@media (min-width: 1980px) {
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .conversation {
    padding: 2vw;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 {
    grid-gap: 1vw;
    gap: 1vw;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .avater {
    width: 10%;
    height: 10%;
    margin-top: 8%;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message .conversation-message-text {
    padding: 10% 10% 10% 25%;
    font-size: 1.8rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 {
    grid-gap: 1vw;
    gap: 1vw;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .avater {
    width: 10%;
    height: 10%;
    margin-top: 5%;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message .conversation-message-text {
    padding: 10% 25% 10% 10%;
    font-size: 1.8rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 {
    grid-gap: 1vw;
    gap: 1vw;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .avater {
    width: 10%;
    height: 10%;
    margin-top: 8%;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-text {
    padding: 10% 10% 10% 25%;
    font-size: 1.8rem;
  }
}
@media (min-width: 1980px) {
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .avater {
    margin-top: 4vw;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message .conversation-message-text {
    padding: 10% 10% 10% 25%;
    font-size: 1.1vw;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .avater {
    margin-top: 4vw;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message .conversation-message-text {
    padding: 10% 25% 10% 10%;
    font-size: 1.1vw;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .avater {
    margin-top: 4vw;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-text {
    padding: 10% 10% 10% 25%;
    font-size: 1.1vw;
  }
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content {
    min-height: unset;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area img {
    width: 6rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area .text {
    font-size: 2.1rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs {
    justify-content: center;
    width: unset;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .next-topic-button {
    font-size: 1.4rem;
    line-height: 2rem;
    height: 7.5rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text .gif {
    margin-left: 13px;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .header {
    padding-right: 0;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component003.position-right.a004 {
    margin-right: 0;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component003.position-right.a004 .component003-tip {
    margin-right: 32%;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component003.position-right.hr900 .component003-tip {
    margin-right: 35%;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component003.position-left .component003-tip {
    margin-left: 32vw;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component003.position-right.hr900 {
    z-index: 0;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component003.position-right.hr900 img {
    max-width: 16vw;
    z-index: 11;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation011 .animation011-content .animation011-item {
    padding-left: 0 !important;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation018 .animation018-contaner .animation018-item .text {
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component003.position-right.hr600 img {
    max-width: 26vw;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component003.position-right.hr600 .component003-tip {
    margin-right: 30%;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation014 {
    padding: 0;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-text {
    width: 90%;
    font-size: 1.4rem;
    line-height: 2rem;
    height: 145px;
    padding: 2rem 1rem 0 1rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-text ul {
    padding-left: 2.5rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation016 .animation016-content .animation016-item .animation016-list {
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation016 .animation016-content .animation016-item .animation016-content {
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation016 .animation016-content .animation016-item .animation016-header {
    font-size: 1.6rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation019 {
    width: 100%;
    display: flex;
    position: relative;
    margin: auto;
    margin-bottom: 6.25rem;
    margin-top: 20rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation019 .animation019-bg {
    width: calc(70vw - 4rem);
    height: calc((70vw - 4rem) * 646 / 1209);
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s1 {
    right: 78vw;
    left: unset;
    bottom: 7vw;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s2 {
    right: 67vw;
    left: unset;
    bottom: 25vw;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s3 {
    left: calc(50% - 7.8125rem);
    bottom: 35vw;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s4 {
    left: 67vw;
    right: unset;
    bottom: 25vw;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s5 {
    left: 78vw;
    right: unset;
    bottom: 7vw;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel .animation019-content {
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step1 {
    bottom: 0;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step2 {
    bottom: 4.5rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step3 {
    bottom: 8.5rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step4 {
    bottom: 12.5rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-desc {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 10vw;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component002 .component003 {
    margin-bottom: 0;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component002 .component003 .component003-tip {
    right: 20%;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container {
    height: 44.125rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section {
    height: 900px;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item {
    padding-left: 2rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item > img {
    max-width: 100%;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation013.three {
    margin-top: -20rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation013.three .animation013-content {
    justify-content: flex-start;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation013.three .animation013-content .animation013-item {
    width: 28% !important;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation013.three .animation013-content .animation013-header span {
    font-size: 2rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message-text {
    font-size: 2rem !important;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-text {
    padding: 1vw 1vw 1vw 15vw;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .components006 .content .pic {
    margin-bottom: 5rem !important;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .components006 .content .pic img {
    width: 100%;
    height: 100%;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .components006 .content .next-button {
    padding: 0;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .components006 .content .prev-button {
    padding: 0;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section {
    margin-left: 0 !important;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component007 .component007-1 {
    background-size: contain;
    width: 200px;
    height: 548px;
    padding-top: 112px;
    padding-bottom: 287px;
    font-size: 20px;
    line-height: normal;
    margin: 0;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component007 .pic img {
    margin-top: 11rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation005 .animation005-content .animation005-item {
    min-height: 34vw;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container {
    height: 44.125rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section {
    height: 900px;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation012-content .animation012-item .animation012-line img {
    height: 6.4375rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation013 .animation013-content {
    flex-wrap: wrap;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation013 .animation013-content .animation013-item {
    width: calc(50% - 1rem) !important;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area img {
    width: 6rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area .text {
    font-size: 2.1rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component003.position-right.a004 {
    margin-top: 0rem;
    margin-bottom: 0rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation004 {
    margin-top: 0;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 13vw;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section {
    height: 755px;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation013.three {
    margin-top: 0rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation013.three .animation013-content {
    justify-content: flex-start;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation013.three .animation013-content .animation013-item {
    width: 24% !important;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation013.three .animation013-content .animation013-header span {
    font-size: 1rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation019 {
    margin-top: 25rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation019 .animation019-bg {
    width: 60vw;
    height: calc(60vw * 646 / 1209);
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s1 {
    right: 73vw;
    left: unset;
    bottom: 7vw;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s2 {
    right: 58vw;
    left: unset;
    bottom: 25vw;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s3 {
    left: calc(50% - 5rem);
    bottom: 31vw;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s4 {
    left: 58vw;
    right: unset;
    bottom: 25vw;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s5 {
    left: 73vw;
    right: unset;
    bottom: 7vw;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel .animation019-content {
    padding: 1rem;
    width: 12rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation011 {
    margin-top: 0;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component003.position-right img {
    max-width: 25vw;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation013 {
    margin: 0;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation013 .animation013-content .animation013-header .arrow {
    right: 0.3rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message-text {
    font-size: 1.5rem !important;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation001.animation001-s3 .animation001-2 .animation001-item .animation001-body img {
    width: 100%;
    height: auto;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component007 .component007-1 {
    background-size: contain;
    width: 150px;
    height: 411px;
    padding-top: 112px;
    padding-bottom: 287px;
    font-size: 20px;
    line-height: normal;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component007 .pic {
    width: calc(100% - 166px);
    margin-left: 1rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component007 .pic img {
    margin-top: 8rem;
    width: 100%;
    height: auto;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation013 {
    margin: 0;
    padding: 0;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation013 .animation013-content .animation013-header .arrow {
    right: 0.3rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation013 .animation013-content .animation013-content ul .animation013-text {
    padding: 1.0625rem 1.1rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component007 .component007-1 {
    background-size: contain;
    width: 150px;
    height: 411px;
    padding-top: 85px;
    padding-bottom: 216px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
    line-height: normal;
    margin: 0;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component007 .pic {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation012 .animation012-content {
    grid-gap: 1rem !important;
    gap: 1rem !important;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .animation012-item {
    position: relative;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .background-line1 {
    height: 2.5rem;
    top: 21%;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .background-line2 {
    height: 2.5rem;
    top: 72%;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .animation012-item .animation012-icon img {
    width: 3.25rem;
    height: 3.25rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation012-content .animation012-item .click-point {
    width: 4rem!important;
    bottom: -2rem !important;
    left: calc(50% - 2rem) !important;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step1 {
    bottom: 2rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step2 {
    bottom: 5rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step3 {
    bottom: 8rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step4 {
    bottom: 11rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation014 {
    flex-wrap: wrap;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation014 .animation014-item {
    width: calc(50% - 2rem);
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-header {
    font-size: 2rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-text {
    width: 90%;
    font-size: 1.5rem;
    line-height: 1.5;
    height: 215px;
    padding: 2rem 3rem 0 3rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component008 {
    margin-right: 0;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation015 {
    margin-top: 20rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation015 .animation015-item.r1 {
    padding-left: 4rem !important;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation015 .animation015-item.r2 {
    padding-left: 8rem !important;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation015 .animation015-item.r3 {
    padding-left: 12rem !important;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation011.component.hr900 {
    margin-top: 0;
    margin-left: 2.5rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component003.position-left img {
    z-index: 11;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component003.position-right .tip-text span {
    font-size: 1.5rem !important;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component003.position-left.hr930-a009 .tip-arrow {
    left: -75px;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component003.position-left.hr930-a009 .tip-arrow .line1 {
    width: 50px;
    transform: rotate(-14deg);
    top: 5px;
    right: 49px;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component003.position-left.hr930-a009 .tip-arrow .line2 {
    width: 48px;
    transform: rotate(14deg);
    bottom: 5px;
    right: 51px;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component003.position-left.hr930-a009 img {
    z-index: 11;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component003.position-left.hr930-a009 .component003-tip {
    margin-left: 36vw;
    padding: 3rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation016 {
    padding: 0;
    margin-right: 0;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation016 .animation016-content {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation016 .animation016-content .animation016-item {
    margin-bottom: 4rem;
    width: 65% !important;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component003.position-left.hr600-a002 .tip-arrow {
    left: -80px;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component003.position-left.hr600-a002 .component003-tip {
    margin-left: 45vw;
    z-index: 12;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation018 {
    margin-top: -10rem !important;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation018 .animation018-contaner {
    width: calc(100% - 1.5rem);
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .next-paragraph-bar {
    margin-left: -3.5rem;
    margin-right: -3.5rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item .animation017-text {
    font-size: 1.6rem;
    line-height: 1.5;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
    margin: 0.5rem 0;
    align-items: self-start;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component003.position-left.hr930-a008 .component003-tip .tip-arrow .line1 {
    width: 54px;
    transform: rotate(-14deg);
    top: 6px;
    right: 45px;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component003.position-left.hr600-a002 .component003-tip .tip-arrow .line1 {
    width: 55px;
    transform: rotate(-14deg);
    top: 6px;
    right: 44px;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component003.position-left.hr200-a004 .component003-tip .tip-arrow .line1 {
    width: 54px;
    transform: rotate(-14deg);
    top: 6px;
    right: 45px;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component003.position-left.hr930-a009 .component003-tip .tip-arrow .line1 {
    width: 51px;
    transform: rotate(-14deg);
    top: 6px;
    right: 45px;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component003.position-left.hr930-a009 .component003-tip .tip-arrow .line2 {
    width: 50px;
    transform: rotate(14deg);
    bottom: 5px;
    right: 47px;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation009 .animation009-content {
    width: 100%;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation009 .animation009-content .animation009-item .animation009-indicate .animation009-icon img {
    max-width: 70%;
    max-height: 70%;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component005 {
    margin-top: 170px;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation006 {
    margin-top: 10rem;
    margin-bottom: 15rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation006 .animation006-bg {
    width: calc(100vw - 4rem);
    height: calc((140vw - 4rem) * 595 / 1024);
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content {
    width: 30vw;
    height: 120px;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s1 {
    left: 2vw;
    bottom: -20vw;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s2 {
    left: 0vw;
    bottom: 20vw;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s3 {
    left: 15vw;
    bottom: 55vw;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s4 {
    right: 15vw;
    bottom: 55vw;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s5 {
    right: 0vw;
    bottom: 20vw;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s6 {
    right: 2vw;
    bottom: -20vw;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 20vw;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .small-icon img {
    height: 4rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-top {
    font-size: 2rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-text {
    font-size: 1.6rem;
    line-height: 1.5;
    margin-bottom: 3rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .text {
    font-size: 1.6rem;
    line-height: 1.3;
    margin-bottom: 2vw;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation014 .animation014-item {
    width: 100%;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-text {
    width: 90%;
    font-size: 2rem;
    line-height: 1.5;
    height: 200px;
    padding: 2rem 2rem 0 2rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .click-point {
    bottom: -25px;
    right: -25px;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-header {
    font-size: 2.5rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-text .animation008-content {
    padding-top: 1rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component008 .tip-text {
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation019 .animation019-bg {
    width: 70vw;
    height: calc(70vw * 646 / 1209);
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation015 .animation015-item .animation015-indicate .animation015-text {
    height: 6rem;
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation015 .animation015-item .animation015-indicate {
    width: 30rem;
    height: 6rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation015 .animation015-item .animation015-indicate .animation015-icon {
    width: 5rem;
    height: 5rem;
    margin: 1rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-desc {
    font-size: 1.4rem;
    line-height: 1.5;
    height: 15vw;
    width: 90vw !important;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab {
    font-size: 1.4rem;
    line-height: 1.2;
    width: 30vw;
    padding: 1vw;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation011 .animation011-content .animation011-item .animation011-text {
    font-size: 1.5rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation011 .animation011-content .animation011-item {
    margin-bottom: 2rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component003.position-right.hr900 {
    padding-right: 3rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation015 {
    grid-gap: 3rem;
    gap: 3rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-text ul {
    padding-left: 1.5rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component005-card-list .component005-card-item .component005-card-item-content .text {
    height: 60%;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-title {
    font-size: 1.8rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item {
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .ant-radio-wrapper {
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message {
    width: 75vw!important;
    height: 25vw!important;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .conversation .avater {
    margin-top: 2.5rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message-text {
    padding: 2vw 13vw 2vw 3vw !important;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content {
    padding: 0.5rem;
    line-height: 1.2;
    min-height: 5rem;
    width: 27vw;
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation015 .animation015-item .animation015-indicate .animation015-text {
    padding: 1rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel-sm .landing-img-item-sm {
    width: 6.5rem;
    height: 6.5rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img-panel-sm .landing-img-item-sm img {
    width: 100%;
    height: 100%;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component003.position-right.a004 .tip-text span {
    display: unset;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component003.position-right.a004 img {
    max-width: 35vw;
    z-index: 11;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item {
    width: calc(100% - 1rem) !important;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation019 {
    margin-top: 38rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component008 {
    margin-right: 0;
    margin-top: 12rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation015 {
    margin-top: 30rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation015 .animation015-item.r1 {
    padding-left: 0rem !important;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation015 .animation015-item.r2 {
    padding-left: 0rem !important;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation015 .animation015-item.r3 {
    padding-left: 0rem !important;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation015 .animation015-item .animation015-indicate .animation015-arrow {
    display: none;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component003.position-left.hr930-a009 .component003-tip {
    margin-left: 42vw;
    padding: 2.1rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component003.position-left.hr930-a009 img {
    max-width: 48vw;
    position: relative;
    z-index: 11;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation009 .animation009-content .animation009-item {
    width: calc(50% - 1rem) !important;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation008.welcome .animation008-content .animation008-item .animation008-text ul {
    padding-left: 1.5rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component003.position-left.hr930-a008 .component003-tip {
    margin-left: 40vw;
    padding: 2rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip {
    min-height: 7.5rem;
    top: -13%;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip .tip-text {
    font-size: 1.6rem;
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip .tip-arrow {
    right: -110px;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip .tip-arrow .line1 {
    width: 69px;
    transform: rotate(11deg);
    top: 6px;
    right: 46px;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip .tip-arrow .line2 {
    width: 64px;
    transform: rotate(-10deg);
    bottom: 5px;
    right: 46px;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component003.position-left.hr600-a002 .component003-tip {
    padding: 3rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component003.position-right.hr600 img {
    z-index: 11;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation018 {
    margin-top: 0rem !important;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s1 {
    right: 56vw;
    left: unset;
    bottom: -15vw;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s2 {
    right: 58vw;
    left: unset;
    bottom: 25vw;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s3 {
    left: calc(50% - 5rem);
    bottom: 36vw;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s4 {
    left: 58vw;
    right: unset;
    bottom: 25vw;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s5 {
    left: 58vw;
    right: unset;
    bottom: -25vw;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel .animation019-content {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel .animation019-content .view-more .view-more-btn .click-point1 {
    width: 30px;
    cursor: pointer;
    transform: rotate(0);
    position: absolute;
    bottom: -30px;
    left: calc(50% - 15px);
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component003.position-left .component003-tip {
    margin-left: 40vw;
    padding: 3rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component003.position-left .component003-tip .tip-arrow .line1 {
    width: 54px;
    transform: rotate(-14deg);
    top: 6px;
    right: 46px;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component003.position-right.hr600 .component003-tip {
    margin-right: 38% !important;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component003.position-right.hr600 .component003-tip .tip-arrow {
    right: -100px;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component003.position-right.hr600 .component003-tip .tip-arrow .line1 {
    width: 30px;
    top: 6px;
    right: 75px;
    transform: rotate(25deg);
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component003.position-right.hr600 .component003-tip .tip-arrow .line2 {
    width: 26px;
    bottom: 5px;
    right: 76px;
    transform: rotate(-23deg);
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation011.hr900-3-a011 .animation011-content .animation011-item .animation011-indicate-number .animation011-icon {
    width: 68px;
    height: 68px;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation011.hr900-3-a011 .animation011-content .animation011-item .animation011-indicate-number {
    min-width: 11rem;
    height: 4rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation011.hr900-3-a011 .animation011-content .animation011-item .animation011-text {
    font-size: 1.6rem;
    padding-left: 2rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation011.hr900-3-a011 .animation011-content .animation011-item {
    height: 7rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation011.hr900-3-a011 .animation011-content .animation011-item {
    margin-bottom: 4rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .sub-task-text button.ant-btn.ant-btn-link {
    font-size: 1.4rem !important;
    padding: 0;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation015 .animation015-item {
    width: 100%;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation015 .animation015-item .animation015-indicate {
    width: 95% !important;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation004 {
    margin-top: 0 !important;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section {
    margin-left: 0 !important;
    width: 100%;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step {
    width: calc(25% - 1rem);
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step img {
    width: 25vw;
    left: -12vw;
    bottom: -10vw;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .text {
    font-size: 1.4rem;
    line-height: 1.3;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .indicator {
    font-size: 2rem;
    line-height: 2;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step2 {
    left: calc(25% + 0.5rem);
    bottom: 6vh;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step3 {
    right: calc(25% + 0.5rem);
    left: unset;
    bottom: 9vh;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step4 {
    right: 0;
    left: unset;
    bottom: 12vh;
  }
  .cyber-security-training-page.course-page.hr.en .ant-layout-content .course-body .next-topic-button {
    line-height: 1.2;
    white-space: break-spaces;
    height: 8.5rem;
  }
  .cyber-security-training-page.course-page.hr.en .ant-layout-content .course-body .course-body-content .animation016 .animation016-content .animation016-item .animation016-list ul {
    padding-left: 3rem;
    padding-right: 1rem;
  }
  .cyber-security-training-page.course-page.hr.en .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-text {
    font-size: 1.8rem;
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.hr.en .ant-layout-content .course-body .course-body-content .component003.position-left.hr600-a002 .tip-arrow {
    left: -80px;
  }
  .cyber-security-training-page.course-page.hr.en .ant-layout-content .course-body .course-body-content .component003.position-left.hr600-a002 .component003-tip {
    margin-left: 45vw;
    z-index: 12;
  }
}

.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation004.no-title {
  height: 430px;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation021 .animation021-content .animation021-item .animation021-text {
  width: 100%;
  min-height: -webkit-fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 {
  width: 100%;
  height: 400px;
  position: absolute;
  top: -400px;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 img {
  max-width: 40vw;
  position: absolute;
  z-index: 10;
  left: 73%;
  bottom: 0;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .component003.position-right.a004 {
  margin-right: 3rem;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .component003.position-right.a004 .component003-tip {
  margin-right: 35%;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .component003.a004 .component003-tip .tip-text span {
  font-size: 1.5rem;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .component003.market-welcome .tip-arrow {
  left: -79px;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .RealCase.p3 .source4 {
  width: 24%;
  top: 91.5%;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation020-content .animation020 .animation020-item .animation020-head {
  width: 90%;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation016 .animation016-content .animation016-item .animation016-content {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  min-height: 90px;
  font-size: 1rem;
  line-height: 1.2;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation016 .animation016-content .animation016-item .animation016-list {
  min-height: 128px;
  display: flex;
  align-items: center;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item {
  height: auto;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item .animation017-text {
  min-height: 12rem;
  margin: 0;
  padding: 0.5rem;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item .animation017-icon img {
  width: 100%;
  height: 14.5rem;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item .animation017-indicate-number {
  margin: 0;
  padding-top: 0.5rem;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item.r1 .animation017-icon img {
  padding-top: 1.5rem;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item.r1 .animation017-indicate-number {
  margin-top: 1rem;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item.r1 .animation017-text {
  padding-top: 0;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item.r3 .animation017-icon img {
  padding-top: 1.5rem;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item.r3 .animation017-indicate-number {
  margin-top: 1rem;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item.r3 .animation017-text {
  padding-top: 0;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item.r5 .animation017-icon img {
  padding-top: 1.5rem;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item.r5 .animation017-indicate-number {
  margin-top: 1rem;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item.r5 .animation017-text {
  padding-top: 0;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item.r6 .animation017-icon img {
  padding-top: 1.5rem;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item.r6 .animation017-indicate-number {
  margin-top: 1rem;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item.r6 .animation017-text {
  padding-top: 0;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item.r8 .animation017-icon img {
  padding-top: 1.5rem;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item.r8 .animation017-indicate-number {
  margin-top: 1rem;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item.r8 .animation017-text {
  padding-top: 0;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item.r10 .animation017-icon img {
  padding-top: 1.5rem;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item.r10 .animation017-indicate-number {
  margin-top: 1rem;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item.r10 .animation017-text {
  padding-top: 0;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item.r2 .animation017-icon img {
  padding-bottom: 1.5rem;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item.r4 .animation017-icon img {
  padding-bottom: 1.5rem;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item.r7 .animation017-icon img {
  padding-bottom: 1.5rem;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item.r9 .animation017-icon img {
  padding-bottom: 1.5rem;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation012 {
  margin-top: 0 !important;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel .animation019-content {
  line-height: 1.2;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s3 {
  bottom: 550px;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation022 .animation022-content {
  grid-gap: 0;
  gap: 0;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-text {
  width: 12rem;
  min-height: 210px;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .landing-img-panel-sm .landing-img-item-sm img {
  width: 6rem;
  height: auto;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .RealCase.p1 .source1 {
  top: 92%;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .RealCase.p1 .source2 {
  bottom: 3%;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation023 .animation023-contaner .animation023-item .text {
  font-size: 1.2rem;
  line-height: 1.5;
  padding: 12rem 4rem 1rem 3rem;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .component003.market200 .tip-arrow {
  left: -80px;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .RealCase.p2 .source3 {
  top: 84%;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .component005 {
  margin-top: 26rem;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .component005.no-title {
  margin-top: 0;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip {
  padding: 4rem;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content {
  height: -webkit-fill-available;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-title > div {
  line-height: 1.2;
  font-size: 1.3rem;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation019 {
  margin-top: 20rem;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s2 {
  bottom: 450px;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s4 {
  bottom: 450px;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation004.no-title.market200 {
  height: 450px;
  margin-top: 0;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-text {
  font-size: 1.2rem;
  line-height: 1.5;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-top {
  font-size: 1.5rem;
  line-height: 1.3;
  min-height: 9.75rem;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .component003.position-right.a004 .component003-tip {
  width: 30%;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s3 .animation019-content .indicator {
  bottom: -42px;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation015 .animation015-item .animation015-indicate {
  width: 30rem;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation015 .animation015-item .animation015-indicate .animation015-text {
  padding-left: 1rem;
  line-height: 1.2;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .component003.position-left .component003-tip {
  font-size: 1.3rem;
  padding: 3rem;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel .animation019-content .view-more .view-more-btn .click-point1 {
  width: 40px;
  cursor: pointer;
  transform: rotate(0);
  position: absolute;
  bottom: -40px;
  left: calc(50% - 20px);
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-desc {
  width: 350px;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation001 .animation001-1 {
  font-size: 1.4rem;
  line-height: 1.8rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .component005 .click-point1 {
  left: 420px;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation016 .animation016-attention .animation016-attention-text {
  font-size: 1.5rem;
  padding: 0rem 4rem;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation016 .animation016-content .animation016-item .animation016-header {
  height: 6.5rem;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item .animation017-text {
  line-height: 1;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .avater {
  margin-top: 5%;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message {
  width: 45vw;
  height: 15vw;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-text {
  font-size: 1.8vw;
  line-height: 1.2;
  padding: 1vw 3vw 1vw 11vw;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .avater {
  margin-top: 5%;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message {
  width: 45vw;
  height: 15vw;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message .conversation-message-text {
  font-size: 1.8vw;
  line-height: 1.2;
  padding: 1vw 11vw 1vw 3vw;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .avater {
  margin-top: 5%;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message {
  width: 45vw;
  height: 15vw;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message .conversation-message-text {
  font-size: 1.8vw;
  line-height: 1.2;
  padding: 1vw 3vw 1vw 11vw;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation002 .bp-panel {
  padding-bottom: 1rem !important;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation002 .bp-panel .text {
  line-height: 1;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation001 .animation001-2 .animation001-item .animation001-title-container {
  height: 90px;
  width: 239px;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation001 .animation001-2 .animation001-item .animation001-title-container .animation001-title {
  display: flex;
  align-items: center;
  justify-content: center;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation001 .animation001-2 .animation001-item .animation001-body {
  width: 100%;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation001 .animation001-2 .animation001-item .animation001-body img {
  width: 100%;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation001 .animation001-2 .animation001-item .animation001-body .text {
  width: 100%;
  height: 158px;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step1 .indicator {
  background-size: 100% 100%;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step2 .indicator {
  background-size: 100% 100%;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step3 .indicator {
  background-size: 100% 100%;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step4 .indicator {
  background-size: 100% 100%;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation007 .animation007-content .animation007-item {
  width: calc(25% - 2rem);
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation007 .animation007-content .animation007-item.r1 .animation007-header .animation007-title {
  height: 55px;
  width: 280px;
  line-height: 55px;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation007 .animation007-content .animation007-item.r2 .animation007-header .animation007-title {
  height: 55px;
  width: 280px;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation007 .animation007-content .animation007-item.r3 .animation007-header .animation007-title {
  height: 55px;
  line-height: 55px;
  width: 280px;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation007 .animation007-content .animation007-item.r4 .animation007-header .animation007-title {
  height: 55px;
  line-height: 55px;
  width: 280px;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation007 .animation007-content .animation007-item .animation007-header {
  height: 18rem;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation007 .animation007-content .animation007-item .animation007-content {
  height: 200px;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation007 .animation007-content .animation007-item .animation007-header .text-container .view-more .view-more-btn {
  width: 7.7rem;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation007 .animation007-content .animation007-item .animation007-header .text-container .view-more .click-point1 {
  left: 130px;
  bottom: 0px;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation005 .animation005-content .animation005-item {
  min-height: 25rem;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab .text {
  font-size: 1rem;
  line-height: 1.2rem;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab .number {
  font-size: 1.2rem;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
  max-height: 40vh;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
  top: 30vw;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip .tip-text span {
  font-size: 1.2rem !important;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel {
  height: auto;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content {
  line-height: 1.2;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .animation012-item .animation012-text {
  width: 13rem;
  min-height: 110px;
  font-size: 1.4rem;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content .view-more-btn {
  font-size: 16px;
  padding: 0;
  border: 0;
  height: auto;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation007 .click-point1 {
  left: 130px;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-text .click-point1 {
  left: 73%;
  bottom: 5%;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-text .view-more-btn {
  font-size: 1rem;
}
.cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation001-s3 .animation001-1 {
  line-height: 1.5rem;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation019 {
    margin-top: 30rem;
  }
  .cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s1 {
    right: 78vw;
    left: unset;
    bottom: 7vw;
  }
  .cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s2 {
    right: 67vw;
    left: unset;
    bottom: 35vw;
  }
  .cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s3 {
    left: calc(50% - 5.8125rem);
    bottom: 45vw;
  }
  .cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s4 {
    left: 67vw;
    right: unset;
    bottom: 36vw;
  }
  .cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s5 {
    left: 78vw;
    right: unset;
    bottom: 6vw;
  }
  .cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    max-height: 40vh;
  }
  .cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 6vh;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .RealCase.p3 .source4 {
    width: 64%;
    top: 92.5%;
  }
  .cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .RealCase.p1 .source1 {
    top: 90.5%;
  }
  .cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    max-height: 40vh;
    min-height: 6vh;
  }
  .cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 10vh;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 img {
    max-width: 40vw;
    position: absolute;
    z-index: 10;
    left: 60%;
    bottom: 0;
  }
  .cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation020-content .animation020 {
    justify-content: flex-start;
  }
  .cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation020-content .animation020 .animation020-item {
    width: 100% !important;
  }
  .cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation020-content .animation020 .animation020-item .animation020-head .animation020-time {
    font-size: 1.8rem;
  }
  .cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation020-content .animation020 .animation020-item .animation020-head .animation020-title {
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .animation020-content .animation020 .animation020-item.animation020-item-0 .animation020-list .animation020-text.animation020-text-1 .animation020-detail-text {
    width: 90%;
  }
}

.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content {
  min-width: unset;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs {
  justify-content: flex-end;
  width: 65%;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .phishing-indentify-section .title {
  width: 35%;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component003.position-left.market-welcome {
  margin-bottom: 5rem;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text {
  width: 640px;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content {
  min-height: calc(100vh - 200px);
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component003.position-left.market200 .tip-arrow {
  left: -81px;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .avater {
  margin-top: 5%;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message {
  width: 45vw;
  height: 10vw;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-text {
  font-size: 1.6vw;
  line-height: 1.2;
  padding: 1vw 3vw 1vw 11vw;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .avater {
  margin-top: 5%;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message {
  width: 45vw;
  height: 10vw;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message .conversation-message-text {
  font-size: 1.6vw;
  line-height: 1.2;
  padding: 1vw 11vw 1vw 3vw;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .avater {
  margin-top: 5%;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message {
  width: 45vw;
  height: 10vw;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message .conversation-message-text {
  font-size: 1.6vw;
  line-height: 1.2;
  padding: 1vw 3vw 1vw 11vw;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 {
  display: flex;
  grid-gap: 3vw;
  grid-gap: 3vw;
  gap: 3vw;
  margin-top: 3rem;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message {
  position: relative;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-bg {
  height: 100%;
  width: 100%;
  position: absolute;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-text {
  z-index: 10;
  position: relative;
  height: 100%;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .topic-item .market930-3-title01 .header {
  width: 100%;
  padding: 0 6rem;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation017-content .animation017-tip {
  max-width: 204px;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component003.market-welcome .tip-arrow {
  left: -80px;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation016 .animation016-attention .animation016-attention-text {
  padding-left: 2rem;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component003.position-right img {
  z-index: 11;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation009 .animation009-tip {
  max-width: 212px;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation012 {
  margin-bottom: 0 !important;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component003.position-right.market600 .component003-tip {
  margin-right: 28%;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-header > .subtitle .arrow.r4 {
  display: none;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component003.market-welcome .tip-arrow .line1 {
  width: 59px;
  height: 1px;
  background: #000;
  transform: rotate(-12.5deg);
  position: absolute;
  top: 5px;
  right: 47px;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component003.market-welcome .tip-arrow .line2 {
  width: 58px;
  height: 1px;
  background: #000;
  transform: rotate(12.5deg);
  position: absolute;
  bottom: 5px;
  right: 48px;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component003.position-right.market900 {
  padding-right: 6.25rem;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component003.position-right.market900 .component003-tip {
  margin-right: 25%;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation011.component.market900 {
  margin-top: -20rem;
  margin-left: 5rem;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation011 .animation011-content .animation011-item .animation011-indicate-number {
  border-radius: 25%/60%;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item {
  width: 1440px;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item {
  justify-content: center;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .phishing-indentify-section {
  margin-bottom: 10rem;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component003.position-right.a004 {
  margin-right: 6rem;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component003.position-right.a004 .component003-tip {
  margin-right: 25%;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component003.position-right.a004 .component003-tip .tip-text {
  line-height: 2rem;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component003.position-right.a005 {
  margin-top: -8rem;
  margin-bottom: 5rem;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component003.position-right.a005 .component003-tip {
  margin-right: 25%;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component003.position-right.a005 .component003-tip .tip-text {
  line-height: 2rem;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation002 {
  margin-top: -22rem;
  margin-bottom: 0rem !important;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component003.position-left .component003-tip {
  z-index: 11;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation002 .bp-panel {
  display: flex;
  justify-content: space-between;
  padding: 1.5rem;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation002 .bp-panel .number {
  font-size: 2.5rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content {
  min-height: 10rem;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation009 {
  margin-bottom: 5rem !important;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation009 .animation009-content {
  flex-wrap: wrap;
  justify-content: flex-start;
  grid-gap: 1.2rem;
  gap: 1.2rem;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation009 .animation009-content .animation009-item {
  width: calc(33% - 1rem) !important;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-top {
  font-size: 1.75rem;
  margin-top: 2.5rem;
  padding-left: 46px;
  padding-right: 46px;
  line-height: 2.5rem;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation008.welcome {
  margin-top: 5rem !important;
  margin-bottom: 5rem !important;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation008.welcome .animation008-content .animation008-item .animation008-top {
  margin-top: 1rem;
  text-align: left;
  align-items: baseline;
  min-height: 7.5rem;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation008.welcome .animation008-content .animation008-item .animation008-text {
  padding-top: 0;
  padding-bottom: 0;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation008.welcome .animation008-content .animation008-item .animation008-text ul {
  padding-left: 2.5rem;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation008.welcome .animation008-content .animation008-item .small-icon {
  text-align: left;
  padding-left: 3.5rem;
  margin-top: 1.5rem;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-text {
  font-size: 1.25rem;
  line-height: 2rem;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation008 .animation008-content {
  padding-right: 1.875rem;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-top {
  margin-top: 1rem;
  text-align: left;
  align-items: baseline;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation004.no-title {
  height: 350px;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step1 {
  bottom: 0;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step2 {
  bottom: 3rem;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step3 {
  bottom: 6rem;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step4 {
  bottom: 9rem;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area {
  margin-top: 0;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area img {
  width: 5rem;
  margin-bottom: 0;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area .text {
  font-size: 1.5rem;
  margin-bottom: 0;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area .quiz-try-again-button {
  margin-top: 0;
}

@media (min-width: 1980px) {
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .topic-item .conversation {
    padding: 2vw;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 {
    grid-gap: 1vw;
    gap: 1vw;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .avater {
    width: 10%;
    height: 10%;
    margin-top: 8%;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message .conversation-message-text {
    padding: 10% 10% 10% 25%;
    font-size: 1.8rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 {
    grid-gap: 1vw;
    gap: 1vw;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .avater {
    width: 10%;
    height: 10%;
    margin-top: 5%;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message .conversation-message-text {
    padding: 10% 25% 10% 10%;
    font-size: 1.8rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 {
    grid-gap: 1vw;
    gap: 1vw;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .avater {
    width: 10%;
    height: 10%;
    margin-top: 8%;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-text {
    padding: 10% 10% 10% 25%;
    font-size: 1.8rem;
  }
}
@media (min-width: 1980px) {
  .cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .avater {
    margin-top: 4vw;
  }
  .cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message .conversation-message-text {
    padding: 10% 10% 10% 25%;
    font-size: 1.1vw;
  }
  .cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .avater {
    margin-top: 4vw;
  }
  .cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message .conversation-message-text {
    padding: 10% 25% 10% 10%;
    font-size: 1.1vw;
  }
  .cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .avater {
    margin-top: 4vw;
  }
  .cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-text {
    padding: 10% 10% 10% 25%;
    font-size: 1.1vw;
  }
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content {
    min-height: unset;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area img {
    width: 6rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area .text {
    font-size: 2.1rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs {
    justify-content: center;
    width: unset;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .topic-item .market930-3-title01 .header {
    width: 100%;
    padding: unset;
  }
  .cyber-security-training-page.course-page.market .animation017-content .animation017 {
    padding-right: 0 !important;
  }
  .cyber-security-training-page.course-page.market .animation012-content .animation012-item .click-point {
    left: 175px;
  }
  .cyber-security-training-page.course-page.market .component005-component003 .component003-tip {
    margin-right: 32%;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component003.position-right.a005 .component003-tip {
    margin-right: 30%;
  }
  .cyber-security-training-page.course-page.market .animation021 .animation021-content .animation021-item .animation021-text {
    min-height: 165px;
  }
  .cyber-security-training-page.course-page.market .animation021 .animation021-content .animation021-item .click-point {
    width: 65px;
    bottom: -100px;
    left: 130px;
  }
  .cyber-security-training-page.course-page.market .animation024 {
    margin-right: 0;
  }
  .cyber-security-training-page.course-page.market .animation024 .animation024-content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: auto;
  }
  .cyber-security-training-page.course-page.market .animation024 .animation024-content .animation024-item {
    width: calc(100% - 2rem);
    height: auto;
  }
  .cyber-security-training-page.course-page.market .animation024 .animation024-content .animation024-item .animation024-indicate-number {
    min-width: unset;
    height: auto;
  }
  .cyber-security-training-page.course-page.market .animation024 .animation024-content .animation024-item .animation024-indicate-number img {
    width: 14rem;
  }
  .cyber-security-training-page.course-page.market .animation024 .animation024-content .animation024-item .animation024-text {
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .next-topic-button {
    font-size: 1.4rem;
    line-height: 2rem;
    height: 10rem;
    white-space: break-spaces;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text .gif {
    margin-left: 13px;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component003.position-right.a004 {
    margin-right: 0;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component003.position-right.a004 .component003-tip {
    margin-right: 32%;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel {
    font-size: 1.5rem;
    line-height: 1.5;
    z-index: 11;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component003.position-right.market900 .component003-tip {
    margin-right: 35%;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component003.position-left .component003-tip {
    margin-left: 32vw;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component003.position-right.market900 {
    z-index: 0;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component003.position-right.market900 img {
    max-width: 16vw;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation011 .animation011-content .animation011-item {
    padding-left: 0 !important;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .topic-item .animation002 .click-point {
    z-index: 11;
    width: 110px;
    position: absolute;
    top: 100px;
    left: 475px;
    transform: rotate(270deg);
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation018 .animation018-contaner .animation018-item .text {
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component003.position-right.market600 img {
    max-width: 26vw;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component003.position-right.market600 .component003-tip {
    margin-right: 30%;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation014 {
    padding: 0;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-text {
    width: 90%;
    font-size: 1.4rem;
    line-height: 2rem;
    height: 145px;
    padding: 2rem 1rem 0 1rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-text ul {
    padding-left: 2.5rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation016 .animation016-content .animation016-item .animation016-list {
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation016 .animation016-content .animation016-item .animation016-content {
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation016 .animation016-content .animation016-item .animation016-header {
    font-size: 1.6rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation019 {
    width: 100%;
    display: flex;
    position: relative;
    margin: auto;
    margin-bottom: 6.25rem;
    margin-top: 25rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation019 .animation019-bg {
    width: calc(70vw - 4rem);
    height: calc((70vw - 4rem) * 646 / 1209);
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s1 {
    right: 78vw;
    left: unset;
    bottom: 7vw;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s2 {
    right: 67vw;
    left: unset;
    bottom: 28vw;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s3 {
    left: calc(50% - 5.8125rem);
    bottom: 41vw;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s4 {
    left: 67vw;
    right: unset;
    bottom: 29vw;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s5 {
    left: 78vw;
    right: unset;
    bottom: 7vw;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel .animation019-content {
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step1 {
    bottom: 0;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step2 {
    bottom: 4.5rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step3 {
    bottom: 7.5rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step4 {
    bottom: 10.5rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-desc {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 10vw;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component002 .component003 {
    margin-bottom: 0;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component002 .component003 .component003-tip {
    right: 20%;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container {
    height: 44.125rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section {
    height: 900px;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item {
    padding-left: 2rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    min-height: 4vh;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item > img {
    max-width: 100%;
    top: 5vh;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation013.three {
    margin-top: -20rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation013.three .animation013-content {
    justify-content: flex-start;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation013.three .animation013-content .animation013-item {
    width: 28% !important;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation013.three .animation013-content .animation013-header span {
    font-size: 2rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message-text {
    font-size: 2rem !important;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-text {
    padding: 1vw 1vw 1vw 15vw;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .components006 .content .pic {
    margin-bottom: 5rem !important;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .components006 .content .pic img {
    width: 100%;
    height: 100%;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .components006 .content .next-button {
    padding: 0;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .components006 .content .prev-button {
    padding: 0;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section {
    margin-left: 0 !important;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component007 .component007-1 {
    background-size: contain;
    width: 200px;
    height: 548px;
    padding-top: 112px;
    padding-bottom: 287px;
    font-size: 20px;
    line-height: normal;
    margin: 0;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component007 .pic img {
    margin-top: 11rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation005 .animation005-content .animation005-item {
    min-height: 34vw;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container {
    height: 44.125rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section {
    height: 900px;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation012-content .animation012-item .animation012-line img {
    height: 6.4375rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation013 .animation013-content {
    flex-wrap: wrap;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation013 .animation013-content .animation013-item {
    width: calc(50% - 1rem) !important;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item {
    padding-left: 2rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    min-height: 6vh;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item > img {
    max-width: 100%;
    top: 7vh;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation019 .animation019-title {
    width: 9rem;
    font-size: 1.4rem;
    position: absolute;
    left: calc(50% - 4.5rem);
    bottom: 10%;
    text-align: center;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation020-content .animation020 .animation020-item .animation020-head {
    width: 90%;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation020-content .animation020 .animation020-item {
    height: 40rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation020-content .animation020 .animation020-item .animation020-list {
    height: -webkit-fill-available;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component003.position-right.a005 {
    margin-top: 0;
    margin-bottom: 5rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component003.position-left.market-welcome .component003-tip {
    margin-left: 38vw;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 img {
    position: absolute;
    left: 65%;
    height: 160px;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component003.position-right.a004 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation016 {
    padding: 0;
    margin-bottom: 20rem !important;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation016 .animation016-content {
    flex-wrap: wrap;
    justify-content: center;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation016 .animation016-content .animation016-item {
    width: 40% !important;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation012-content .animation012-item .click-point {
    transform: rotate(0deg);
    top: unset;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation024 {
    margin-right: 0;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation024 .animation024-content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: auto;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item {
    width: calc(100% - 2rem);
    height: auto;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .animation024-indicate-number {
    min-width: unset;
    height: auto;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .animation024-indicate-number img {
    width: 14rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .animation024-text {
    font-size: 2rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation009 .animation009-content .animation009-item {
    width: calc(50% - 1rem) !important;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation009 .animation009-tip {
    padding: 15rem 1rem 23.5rem 1rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation023 {
    margin-top: 32rem !important;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation023 .animation023-contaner {
    width: calc(50% - 1.5rem);
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation023 .animation023-contaner .animation023-item .text {
    bottom: 0;
    width: 100%;
    height: 100%;
    padding: 13rem 4rem 1rem 3rem;
    font-size: 1.6rem;
    line-height: 1.5;
    display: flex;
    align-items: center;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 8rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section {
    height: 755px;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation013.three {
    margin-top: 0rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation013.three .animation013-content {
    justify-content: flex-start;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation013.three .animation013-content .animation013-item {
    width: 24% !important;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation013.three .animation013-content .animation013-header span {
    font-size: 1rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content {
    align-items: self-start;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation019 {
    margin-top: 25rem !important;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation019 .animation019-bg {
    width: 60vw;
    height: calc(60vw * 646 / 1209);
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s1 {
    right: 73vw;
    left: unset;
    bottom: 7vw;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s2 {
    right: 58vw;
    left: unset;
    bottom: 35vw;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s3 {
    left: calc(50% - 5rem) !important;
    bottom: 42vw !important;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s4 {
    left: 58vw;
    right: unset;
    bottom: 35vw;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s5 {
    left: 73vw;
    right: unset;
    bottom: 7vw;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel .animation019-content {
    padding: 1rem;
    width: 12rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation011 {
    margin-top: 25rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component003.position-right img {
    max-width: 25vw;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation013 {
    margin: 0;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation013 .animation013-content .animation013-header .arrow {
    right: 0.3rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message-text {
    font-size: 1.5rem !important;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation001.animation001-s3 .animation001-2 .animation001-item .animation001-body img {
    width: 100%;
    height: auto;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component007 .component007-1 {
    background-size: contain;
    width: 150px;
    height: 411px;
    padding-top: 112px;
    padding-bottom: 287px;
    font-size: 20px;
    line-height: normal;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component007 .pic {
    width: calc(100% - 166px);
    margin-left: 1rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component007 .pic img {
    margin-top: 8rem;
    width: 100%;
    height: auto;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation013 {
    margin: 0;
    padding: 0;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation013 .animation013-content .animation013-header .arrow {
    right: 0.3rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation013 .animation013-content .animation013-content ul .animation013-text {
    padding: 1.0625rem 1.1rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component007 .component007-1 {
    background-size: contain;
    width: 150px;
    height: 411px;
    padding-top: 85px;
    padding-bottom: 216px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
    line-height: normal;
    margin: 0;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component007 .pic {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation012 .animation012-content {
    grid-gap: 1rem !important;
    gap: 1rem !important;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .animation012-item {
    position: relative;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .background-line1 {
    height: 2.5rem;
    top: 21%;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .background-line2 {
    height: 2.5rem;
    top: 72%;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .animation012-item .animation012-icon img {
    width: 3.25rem;
    height: 3.25rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation012-content .animation012-item .click-point {
    width: 4rem!important;
    bottom: -2rem !important;
    left: calc(50% - 2rem) !important;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .next-paragraph-bar {
    margin-left: -3.5rem;
    margin-right: -3.5rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component003.position-left.market200 img {
    left: unset;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component003.position-left.market200 .component003-tip {
    margin-left: 38vw;
    padding: 3.6rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 {
    width: 100%;
    height: 340px;
    position: absolute;
    top: -340px;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 img {
    position: absolute;
    left: 60%;
    height: unset;
    top: unset;
    bottom: 0;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation020-content .animation020 .animation020-item {
    margin: 0;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation020-content .animation020 .animation020-item:nth-child(1) {
    height: 30rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation020-content .animation020 .animation020-item:nth-child(2) {
    height: 38rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation020-content .animation020 .animation020-item:nth-child(3) {
    height: 32rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation020-content .animation020 .animation020-item:nth-child(4) {
    height: 32rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation009 .animation009-content .animation009-item .animation009-indicate .animation009-icon img {
    max-width: 80%;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component005.no-tabs {
    margin-top: 360px;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component005.no-tabs.no-title {
    margin-top: 0;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation020-content .animation020 .animation020-item.animation020-item-1 .animation020-list .animation020-text.animation020-text-3 .animation020-detail-text {
    padding-right: 25%;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .landing-img-panel-sm {
    grid-gap: 8px;
    gap: 8px;
    margin-top: 2rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation020-content {
    position: relative;
    margin-right: 0;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item {
    width: 100% !important;
    position: relative;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .click-point {
    width: 80px;
    bottom: -100px;
    left: calc(50% - 40px);
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation022 .animation022-content {
    margin-top: 28rem;
    padding-right: 0;
    justify-content: space-between;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item {
    width: calc(50% - 1rem) !important;
    height: auto;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-text {
    width: 10rem;
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation012-content .animation012-item .animation012-line img {
    height: 97.5px;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation012 {
    margin-bottom: 0 !important;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation012 .animation012-content {
    padding: 0;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .animation012-item .animation012-text {
    width: 7rem;
    font-size: 1.4rem;
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation017-content .animation017-tip {
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item .animation017-text {
    font-size: 1.6rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation016 {
    padding: 0;
    margin: 0;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation016 .animation016-content {
    flex-wrap: wrap;
    justify-content: center;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation016 .animation016-content .animation016-item {
    width: 70% !important;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .indicator.indicator-title {
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation004.no-title {
    margin-top: 0;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .text {
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step2 {
    bottom: 2rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step3 {
    bottom: 3.5rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step4 {
    bottom: 5.5rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation021 .animation021-content {
    justify-content: space-between;
    padding: 0;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation021 .animation021-content .animation021-item {
    width: calc(50% - 1rem) !important;
    height: auto;
    margin-top: 0;
    position: relative;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation021 .animation021-content .animation021-item .animation021-text {
    width: 80%;
    font-size: 1.6rem;
    line-height: 1.5;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: unset;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation021 .animation021-content .animation021-item .animation021-icon {
    min-height: unset;
    width: 80%;
    height: auto;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation021 .animation021-content .animation021-item .animation021-icon img {
    width: 100%;
    height: auto;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component003.position-right.a004 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component003.position-right.a004 .tip-text span {
    font-size: 1.5rem !important;
    line-height: 1.5;
    display: unset;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component003.position-right.a004 .tip-arrow .line1 {
    width: 55px;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component003.position-right.a004 .tip-arrow .line2 {
    width: 53px;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component003.position-right.a004 img {
    max-width: 40vw;
    z-index: 11;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component003.position-left.market-welcome img {
    left: 0;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component003.position-left.market-welcome .component003-tip {
    margin-left: 42vw;
    padding: 2.5rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component003.position-left.market-welcome .component003-tip span {
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation012-content .animation012-item .click-point {
    transform: rotate(0deg);
    top: unset;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation020-content .animation020 .animation020-item .animation020-head {
    padding-left: 26%;
    text-align: left;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation020-title {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-top {
    padding-left: 35px;
    padding-right: 35px;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component003 .tip-arrow .line1 {
    width: 52px;
    right: 45px;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component003.market200 .tip-arrow .line1 {
    width: 52px;
    right: 47px;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation009 .animation009-tip {
    padding: 14rem 1rem 23.5rem 1rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation009 .animation009-tip {
    margin-right: 0;
    width: 35%;
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation009 .animation009-content {
    width: 65%;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation009 .animation009-content .animation009-item {
    width: calc(100% - 1rem) !important;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-desc {
    font-size: 1.4rem;
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content {
    font-size: 1.4rem;
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s1 {
    left: 2vw;
    bottom: 2vw;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s2 {
    left: 2vw;
    bottom: 20vw;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s3 {
    left: 16vw;
    bottom: 42vw;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s4 {
    right: 16vw;
    bottom: 42vw;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s5 {
    right: 2vw;
    bottom: 20vw;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s6 {
    right: 2vw;
    bottom: 2vw;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation006 .animation006-radius {
    font-size: 1.4rem;
    padding: 0;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation023 {
    margin-top: 32rem !important;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation023 .animation023-contaner {
    width: calc(100% - 1.5rem);
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation023 .animation023-contaner .animation023-item .text {
    bottom: 0;
    width: 100%;
    height: 100%;
    padding: 16rem 5rem 1rem 4rem;
    font-size: 2rem;
    line-height: 1.5;
    display: flex;
    align-items: center;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component008 .tip-text {
    top: 0rem;
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component008 .component008-person {
    top: 1.5rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-text .animation008-content {
    padding-top: 0;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-top {
    font-size: 2rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-text .animation008-content {
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component005-component003 .component003-tip {
    width: 200px;
    height: 27rem;
    left: 0;
    top: 0;
    padding: 3.5rem !important;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component005-component003 img {
    top: 49%;
    left: 62%;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content .text {
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip .tip-arrow {
    top: 70%;
    transform: rotate(15deg);
    right: -97px;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip .tip-arrow .line1 {
    width: 59px;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation024 {
    margin-right: 0;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation024 .animation024-content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: auto;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item {
    width: calc(100% - 2rem);
    height: auto;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .animation024-indicate-number {
    min-width: unset;
    height: auto;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .animation024-indicate-number img {
    width: 14rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .animation024-text {
    font-size: 2rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component003.position-right.market600 img {
    max-width: 45vw;
    margin-top: 2rem;
    margin-right: -2rem;
    z-index: 11;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation019 {
    margin-bottom: 20rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel .animation019-content {
    height: auto;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation019 .animation019-bg {
    width: 80vw;
    height: calc(80vw * 646 / 1209);
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel {
    display: flex;
    align-items: start;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s1 {
    right: 56vw;
    bottom: -42vw;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s2 {
    right: 62vw;
    left: unset;
    bottom: 32vw;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s3 {
    right: 27vw;
    left: unset;
    bottom: 38vw;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s4 {
    left: 62vw;
    bottom: 35vw;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s5 {
    left: 56vw;
    bottom: -47vw;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-text .animation008-content {
    padding-left: 0;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-header > .subtitle .arrow {
    right: -100%;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab {
    font-size: 1.4rem;
    line-height: 2rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    font-size: 1.4rem;
    line-height: 2rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 5rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component003.position-left img {
    z-index: 11;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component003.position-left .component003-tip {
    margin-left: 40vw;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    padding: 1rem 1rem;
    min-height: unset;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation013.three {
    margin-top: 0rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation013.three .animation013-content {
    justify-content: center;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation013.three .animation013-content .animation013-item {
    width: 90% !important;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation013.three .animation013-content .animation013-header {
    height: auto;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation013.three .animation013-content .animation013-header span {
    font-size: 1rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component003.position-right .component003-tip {
    right: 1.3rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation020-content .animation020 {
    margin-right: 0;
    grid-gap: 2rem;
    gap: 2rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation011 {
    margin-top: 25rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation011 .animation011-content {
    grid-gap: 2rem;
    gap: 2rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation011 .animation011-content .animation011-item .animation011-text {
    font-size: 1.4rem;
    padding-left: 1.5;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component003.position-right.a005 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component003.position-right.a005 .component003-tip {
    right: 0;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component003.position-right.a005 .component003-tip .tip-text span {
    font-size: 1.4rem !important;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component003.position-right.a005 .tip-arrow .line1 {
    width: 56px;
    transform: rotate(14deg);
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component003.position-right.a005 .tip-arrow .line2 {
    width: 53px;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component003.position-right.a005 img {
    z-index: 11;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component002 .component003 {
    margin-right: 0;
    margin-bottom: 0;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component002 .component003 .component003-tip {
    right: 16%;
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message-text {
    font-size: 1.4rem !important;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-text {
    padding: 3vw 5vw 3vw 19vw;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section {
    height: 250px;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation009 .animation009-content .animation009-item .animation009-text {
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component007 .component007-1 {
    width: 100px;
    height: 267px;
    padding-top: 55px;
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 141px;
    font-size: 10px;
    margin: 0;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component007 .pic {
    width: calc(100% - 100px);
    margin-left: 1rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component007 .pic img {
    margin-top: 5rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section {
    height: 600px;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .animation012-item .animation012-text {
    min-height: 105px;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation012-content .animation012-item .animation012-line img {
    height: 97.5px;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .animation012-item .animation012-icon img {
    width: 2.25rem;
    height: 2.25rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .background-line1 {
    height: 2rem;
    top: 23.5%;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .background-line2 {
    height: 2rem;
    top: 75%;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component003.position-left .component003-tip span {
    font-size: 1.4rem !important;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component003.position-left .component003-tip {
    margin-left: 54vw;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component003.position-left img {
    left: 4rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip .tip-text {
    font-size: 1.4rem;
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item {
    background-size: 55% 100%;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.en.market .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .animation019 .animation019-title {
    font-size: 1.2rem;
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section {
    height: 560px;
    margin-bottom: 0;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .animation020-content .animation020 .animation020-item .animation020-list .animation020-text {
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .component003.position-left.market-welcome .component003-tip {
    top: 4rem;
    padding: 3rem;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .component003.position-right.a004 {
    margin: 0;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .component003.position-right.a004 .component003-tip {
    width: 52%;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .component003.position-right.a004 img {
    margin-top: 3rem;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .indicator.indicator-title {
    font-size: 1.4rem;
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .animation004.no-title {
    margin-top: 5rem;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .animation016 .animation016-content .animation016-item .animation016-list {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .animation016 .animation016-content .animation016-item .animation016-content {
    font-size: 1.4rem;
    line-height: 1.2;
    min-height: unset;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .animation017-content .animation017-tip {
    padding: 15rem 0.5rem 23.5rem 0.5rem;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .animation016 {
    padding: 0;
    margin-bottom: 10rem !important;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item .animation017-text {
    font-size: 1.6rem;
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .animation012-item .animation012-text {
    width: 8rem;
    min-height: 168px;
    font-size: 1.4rem;
    margin: 0;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .animation012-content .animation012-item .animation012-line img {
    height: 123px;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .background-line1 {
    top: 27%;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .background-line2 {
    top: 85%;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .animation022 .animation022-content {
    padding-left: 2rem;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message {
    height: 24vw!important;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .topic-item .conversation .avater {
    margin-top: 3rem;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .cando-section {
    margin-bottom: 5rem;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .animation023 .animation023-contaner .animation023-item .text {
    font-size: 2rem;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab .text {
    font-size: 1.4rem;
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 18vw;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .component003.position-left.market200 .component003-tip {
    margin-left: 40vw;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .component003.position-left.market200 img {
    left: 0;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .animation006 {
    margin-top: 10rem;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .animation006 {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-bg {
    width: calc(100vw - 4rem);
    height: calc((140vw - 4rem) * 595 / 1024);
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content {
    width: 30vw;
    height: 120px;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s1 {
    left: -2vw;
    bottom: -20vw;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s2 {
    left: 0vw;
    bottom: 20vw;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s3 {
    left: 13vw;
    bottom: 55vw;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s4 {
    right: 13vw;
    bottom: 55vw;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s5 {
    right: 0vw;
    bottom: 20vw;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s6 {
    right: -4vw;
    bottom: -20vw;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-radius {
    width: 28vw;
    height: 28vw;
    left: calc(50% - 14vw);
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .component005-component003 .component003-tip {
    width: 205px;
    height: 45rem;
    top: -15%;
    padding: 2rem !important;
    padding-left: 2.5rem !important;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .component005 {
    margin-top: 47rem;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip .tip-arrow {
    top: 80%;
    transform: rotate(15deg);
    right: -86px;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip .tip-text span {
    font-size: 1.4rem !important;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-top {
    font-size: 2rem;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .component003.position-right.market600 img {
    margin-top: 10rem;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .component003.position-right.market600 .component003-tip {
    right: 0;
    padding: 8% !important;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .animation019 {
    margin-top: 30rem;
    margin-bottom: 25rem;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s1 {
    right: 50vw;
    left: unset;
    bottom: unset;
    top: 43vw;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s1 .animation019-content {
    width: 15rem;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s2 {
    right: 60vw;
    left: unset;
    bottom: 32vw;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s3 {
    left: calc(50% - 5rem);
    bottom: 40vw;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s4 {
    left: 60vw;
    right: unset;
    bottom: 37vw;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s5 {
    left: 50vw;
    right: unset;
    bottom: unset;
    top: 43vw;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s5 .animation019-content {
    width: 15rem;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel .animation019-content {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step1 {
    left: -4vw;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step2 {
    left: 19vw;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step3 {
    left: 47vw;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step4 {
    left: 72vw;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .animation012-content .animation012-item .click-point {
    bottom: -4rem !important;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .animation009 .animation009-content .animation009-item .animation009-indicate .animation009-icon img {
    max-width: 80%;
    max-height: 80%;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-desc {
    width: 100vw !important;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container {
    top: 5rem;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    top: 0vh;
    min-height: 6vh;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 8vh;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns {
    bottom: -5rem;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-text {
    width: 12rem;
    min-height: 130px;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab .number {
    font-size: 1.6rem;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step3 {
    bottom: 4rem;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step2 .indicator.indicator-title {
    width: 126%;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step2 .text {
    width: 126%;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step3 .indicator.indicator-title {
    width: 113%;
  }
  .cyber-security-training-page.course-page.market.en .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step3 .text {
    width: 113%;
  }
}

.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab {
  height: 170px!important;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab .text {
  line-height: 1.1;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab {
  font-size: 18px;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div {
  height: 260px;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div .animation026-text {
  line-height: 1.1;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div .animation026-title {
  height: 25%;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation020-content .animation020 .animation020-item .animation020-head .animation020-title {
  font-size: 20px;
  line-height: 1.2;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation020-content .animation020 .animation020-item .animation020-list {
  width: 90%;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation020-content .animation020 .animation020-item .animation020-list .animation020-text {
  font-size: 20px;
  line-height: 1.2;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation028 .animation028-contaner .animation028-item .text {
  padding: 2.5rem;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation028 .animation028-contaner .animation028-item.r1 .text,
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation028 .animation028-contaner .animation028-item.r3 .text,
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation028 .animation028-contaner .animation028-item.r5 .text {
  height: 55%;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .phishing-indentify-section .title {
  width: 45%;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs {
  width: 50%;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .component002 .cando-section .can-do .cando-body .cando-content ul li .cando-content-body {
  flex-direction: column;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .component002 .cando-section .can-do .cando-body .cando-content ul li .cando-content-body .view-more .view-more-btn .click-point1 {
  transform: rotate(270deg);
  left: 100%;
  bottom: -25%;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .component003.a004 .tip-arrow .line1 {
  right: 44px;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation023 .animation023-contaner {
  display: flex;
  grid-gap: 1rem;
  grid-gap: 1rem;
  gap: 1rem;
  justify-content: space-between;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation021 .animation021-content .animation021-item .animation021-text {
  min-height: 15rem;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-text {
  font-size: 1.2rem;
  line-height: 1;
  padding: 0.5rem 1.5rem 0.5rem 1.5rem;
  align-items: center;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .component007 .tip-text {
  padding: 5.7rem 2rem 13.8rem 2rem;
  font-size: 1.2rem;
  line-height: 1.2;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation028 .animation028-contaner .animation028-item .text {
  line-height: 1.1;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation029 .animation029-item .text {
  line-height: 1.2;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .cando-section .can-do .cando-title,
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .cando-section .can-not-do .cando-title {
  height: 180px;
  width: 218px;
  font-size: 1.3rem !important;
  line-height: 1.2 !important;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .RealCase.p2 .source2 {
  top: 92%;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .RealCase.p3 .source3 {
  top: 95.5%;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .RealCase.p4 .source4 {
  top: 91%;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .RealCase.p1 .source1 {
  top: 93%;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation004.no-title {
  height: 430px;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation021 .animation021-content .animation021-item .animation021-text {
  width: 100%;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .component003.position-right.a004 {
  margin-right: 3rem;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .component003.position-right.a004 .component003-tip {
  margin-right: 30%;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .component003.a004 .component003-tip .tip-text span {
  font-size: 1.5rem;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .component003.customer-welcome .tip-arrow {
  left: -79px;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .RealCase.p3 .source4 {
  width: 24%;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation020-content .animation020 .animation020-item .animation020-head {
  width: 90%;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation016 .animation016-content .animation016-item .animation016-content {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  min-height: 90px;
  font-size: 1rem;
  line-height: 1.2;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation016 .animation016-content .animation016-item .animation016-list {
  min-height: 128px;
  display: flex;
  align-items: center;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item {
  height: auto;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item .animation017-text {
  min-height: 13rem;
  margin: 0;
  padding: 1rem;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item .animation017-icon img {
  width: 100%;
  height: 15rem;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item .animation017-indicate-number {
  margin: 0;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item.r1 .animation017-icon img {
  padding-top: 1.5rem;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item.r1 .animation017-indicate-number {
  margin-top: 1rem;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item.r1 .animation017-text {
  padding-top: 0;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item.r3 .animation017-icon img {
  padding-top: 1.5rem;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item.r3 .animation017-indicate-number {
  margin-top: 1rem;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item.r3 .animation017-text {
  padding-top: 0;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item.r5 .animation017-icon img {
  padding-top: 1.5rem;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item.r5 .animation017-indicate-number {
  margin-top: 1rem;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item.r5 .animation017-text {
  padding-top: 0;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item.r6 .animation017-icon img {
  padding-top: 1.5rem;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item.r6 .animation017-indicate-number {
  margin-top: 1rem;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item.r6 .animation017-text {
  padding-top: 0;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item.r8 .animation017-icon img {
  padding-top: 1.5rem;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item.r8 .animation017-indicate-number {
  margin-top: 1rem;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item.r8 .animation017-text {
  padding-top: 0;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item.r10 .animation017-icon img {
  padding-top: 1.5rem;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item.r10 .animation017-indicate-number {
  margin-top: 1rem;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item.r10 .animation017-text {
  padding-top: 0;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item.r2 .animation017-icon img {
  padding-bottom: 1.5rem;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item.r4 .animation017-icon img {
  padding-bottom: 1.5rem;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item.r7 .animation017-icon img {
  padding-bottom: 1.5rem;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item.r9 .animation017-icon img {
  padding-bottom: 1.5rem;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation012 {
  margin-top: 0 !important;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel .animation019-content {
  line-height: 1.2;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s3 {
  bottom: 540px;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation022 .animation022-content {
  grid-gap: 0;
  gap: 0;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-text {
  width: 12rem;
  min-height: 210px;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .landing-img-panel-sm .landing-img-item-sm img {
  width: 6rem;
  height: auto;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation023 .animation023-contaner .animation023-item .text {
  font-size: 1.4rem;
  line-height: 1.2;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .component003.customer200 .tip-arrow {
  left: -80px;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .RealCase.p2 .source3 {
  top: 84%;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .component005 {
  margin-top: 26rem;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip {
  padding: 4rem;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-title > div {
  line-height: 1.2;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation004.no-title.customer200 {
  height: 450px;
  margin-top: 0;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-text {
  font-size: 1.2rem;
  line-height: 1.5;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-top {
  font-size: 1.5rem;
  line-height: 1.3;
  min-height: 9.75rem;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .component003.position-right.a004 .component003-tip {
  width: 30%;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s3 .animation019-content .indicator {
  bottom: -42px;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation015 .animation015-item .animation015-indicate {
  width: 30rem;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation015 .animation015-item .animation015-indicate .animation015-text {
  padding-left: 1rem;
  line-height: 1.2;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .component003.position-left .component003-tip {
  font-size: 1.3rem;
  padding: 3rem;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel .animation019-content .view-more .view-more-btn .click-point1 {
  width: 40px;
  cursor: pointer;
  transform: rotate(0);
  position: absolute;
  bottom: -40px;
  left: calc(50% - 20px);
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-desc {
  width: 350px;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation001 .animation001-1 {
  font-size: 1.4rem;
  line-height: 1.8rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .component005 .click-point1 {
  left: 420px;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation016 .animation016-attention .animation016-attention-text {
  font-size: 1.5rem;
  padding: 0rem 4rem;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation016 .animation016-content .animation016-item .animation016-header {
  height: 6.5rem;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item .animation017-text {
  line-height: 1;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .avater {
  margin-top: 5%;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message {
  width: 45vw;
  height: 15vw;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-text {
  font-size: 1.8vw;
  line-height: 1.2;
  padding: 1vw 3vw 1vw 11vw;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .avater {
  margin-top: 5%;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message {
  width: 45vw;
  height: 15vw;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message .conversation-message-text {
  font-size: 1.8vw;
  line-height: 1.2;
  padding: 1vw 11vw 1vw 3vw;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .avater {
  margin-top: 5%;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message {
  width: 45vw;
  height: 15vw;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message .conversation-message-text {
  font-size: 1.8vw;
  line-height: 1.2;
  padding: 1vw 3vw 1vw 11vw;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation002 .bp-panel {
  padding-bottom: 1rem !important;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation002 .bp-panel .text {
  line-height: 1;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation001 .animation001-2 .animation001-item .animation001-title-container {
  height: 90px;
  width: 239px;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation001 .animation001-2 .animation001-item .animation001-title-container .animation001-title {
  display: flex;
  align-items: center;
  justify-content: center;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation001 .animation001-2 .animation001-item .animation001-body {
  width: 100%;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation001 .animation001-2 .animation001-item .animation001-body img {
  width: 100%;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation001 .animation001-2 .animation001-item .animation001-body .text {
  width: 100%;
  height: 158px;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step1 .indicator {
  background-size: 100% 100%;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step2 .indicator {
  background-size: 100% 100%;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step3 .indicator {
  background-size: 100% 100%;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step4 .indicator {
  background-size: 100% 100%;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation007 .animation007-content .animation007-item {
  width: calc(25% - 2rem);
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation007 .animation007-content .animation007-item.r1 .animation007-header .animation007-title {
  height: 55px;
  width: 280px;
  line-height: 55px;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation007 .animation007-content .animation007-item.r2 .animation007-header .animation007-title {
  height: 55px;
  width: 280px;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation007 .animation007-content .animation007-item.r3 .animation007-header .animation007-title {
  height: 55px;
  line-height: 55px;
  width: 280px;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation007 .animation007-content .animation007-item.r4 .animation007-header .animation007-title {
  height: 55px;
  line-height: 55px;
  width: 280px;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation007 .animation007-content .animation007-item .animation007-header {
  height: 18rem;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation007 .animation007-content .animation007-item .animation007-content {
  height: 200px;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation007 .animation007-content .animation007-item .animation007-header .text-container .view-more .view-more-btn {
  width: 7.7rem;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation007 .animation007-content .animation007-item .animation007-header .text-container .view-more .click-point1 {
  left: 130px;
  bottom: 0px;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation005 .animation005-content .animation005-item {
  min-height: 25rem;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
  max-height: 40vh;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
  top: 30vw;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip .tip-text span {
  font-size: 1.2rem !important;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel {
  height: auto;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content {
  font-size: 1.2rem;
  line-height: 1.1;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content .view-more .view-more-btn .click-point1 {
  bottom: -50%;
  left: 100%;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .animation012-item .animation012-text {
  width: 13rem;
  min-height: 110px;
  font-size: 1.4rem;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content .view-more-btn {
  font-size: 16px;
  padding: 0;
  border: 0;
  height: auto;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation007 .click-point1 {
  left: 130px;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-text .click-point1 {
  left: 73%;
  bottom: 5%;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-text .view-more-btn {
  font-size: 1rem;
}
.cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation001-s3 .animation001-1 {
  line-height: 1.5rem;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item {
    padding-top: 7rem;
    padding-left: 12rem;
  }
  .cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 10vw;
  }
  .cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div {
    height: 200px;
  }
  .cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div .animation026-text {
    font-size: 1.4rem;
    line-height: 1.1;
  }
  .cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div .animation026-title {
    height: 35%;
  }
  .cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation023 .animation023-contaner .animation023-item .text {
    font-size: 2rem;
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation019 {
    width: 100%;
    display: flex;
    position: relative;
    margin: auto;
    margin-bottom: 6.25rem;
    margin-top: 25rem;
  }
  .cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation019 .animation019-bg {
    width: calc(70vw - 4rem);
    height: calc((70vw - 4rem) * 646 / 1209);
  }
  .cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s1 {
    right: 78vw;
    left: unset;
    bottom: 7vw;
  }
  .cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s2 {
    right: 67vw;
    left: unset;
    bottom: 25vw;
  }
  .cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s3 {
    left: calc(50% - 6.8125rem);
    bottom: 44vw;
  }
  .cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s4 {
    left: 67vw;
    right: unset;
    bottom: 25vw;
  }
  .cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s5 {
    left: 78vw;
    right: unset;
    bottom: 7vw;
  }
  .cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel .animation019-content {
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .component003.position-right.a004 .component003-tip {
    margin-right: 40%;
  }
  .cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .component003.position-right.a004-1 .component003-tip {
    margin-right: 30%;
  }
  .cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .phishing-indentify-section .title {
    width: unset;
  }
  .cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs {
    width: unset;
  }
  .cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .number {
    font-size: 2rem;
  }
  .cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .text {
    font-size: 1.6rem;
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .cando-section .can-do .cando-title,
  .cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .cando-section .can-not-do .cando-title {
    height: auto;
    width: 100%;
    font-size: 1.5rem !important;
    line-height: 1.3 !important;
    padding: 1rem;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .RealCase.Moblie.p4 .source4 {
    top: 95%;
  }
  .cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .RealCase.p1 .source1 {
    top: 95%;
  }
  .cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .component003.position-right.a004-1 .component003-tip {
    margin-right: 30% !important;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item {
    padding-top: 0;
    padding-left: 3rem;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-text {
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation023 .animation023-contaner {
    width: 75%;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation029 .animation029-item .text {
    line-height: 1.1;
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message {
    height: 30vw !important;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-text {
    line-height: 1.1;
    padding: 2vw 3vw 2vw 17vw;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation026 .animation026-item {
    width: calc(80% - 2rem);
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div .animation026-text {
    font-size: 1.6rem;
    line-height: 1.3;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .component003.position-left.hr600-a002 .component003-tip {
    margin-left: 40vw;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation023 .animation023-contaner .animation023-item .text {
    font-size: 1.1rem;
    line-height: 1.2;
    padding: 16rem 4rem 1rem 3.5rem;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation028 {
    margin-right: 0;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .component003.position-right.customer200-1 img {
    margin-top: 15vw;
  }
}

.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab {
  height: 158px !important;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .topic-item .header {
  padding-right: 3.5rem;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content {
  min-height: calc(100vh - 200px);
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img {
  width: auto;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .phishing-indentify-section .title {
  width: 40%;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs {
  width: 60%;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component003.position-right.a004 .component003-tip {
  right: 0;
  margin-right: 30%;
  padding: 3rem;
  z-index: 11;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation020-content .animation020 .animation020-item.animation020-item-2 .animation020-head {
  width: 86%;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .components006 .content .pic img {
  max-width: 850px;
  margin-bottom: 2rem;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .avater {
  margin-top: 5%;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message {
  width: 45vw;
  height: 10vw;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-text {
  font-size: 1.6vw;
  line-height: 1.2;
  padding: 1vw 3vw 1vw 11vw;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .avater {
  margin-top: 5%;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message {
  width: 45vw;
  height: 10vw;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message .conversation-message-text {
  font-size: 1.6vw;
  line-height: 1.2;
  padding: 1vw 11vw 1vw 3vw;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .avater {
  margin-top: 5%;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message {
  width: 45vw;
  height: 10vw;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message .conversation-message-text {
  font-size: 1.6vw;
  line-height: 1.2;
  padding: 1vw 3vw 1vw 11vw;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 {
  display: flex;
  grid-gap: 3vw;
  grid-gap: 3vw;
  gap: 3vw;
  margin-top: 3rem;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message {
  position: relative;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-bg {
  height: 100%;
  width: 100%;
  position: absolute;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-text {
  z-index: 10;
  position: relative;
  height: 100%;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component002.cs200-1-c002 .cando-section .can-do .cando-title,
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component002.cs200-1-c002 .cando-section .can-not-do .cando-title {
  font-size: 1.5rem;
  line-height: 1.2;
  padding: 1rem;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component002.cs200-1-c002 .cando-section .can-do .cando-title {
  background-color: #e7444e !important;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img {
  height: 100%;
  max-height: 800px;
  position: absolute;
  bottom: 0;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img.quiz .course-landing .course-landing-content {
  min-height: calc(100vh - 200px);
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .components006 .content .pic img {
  max-width: 850px;
  margin-bottom: 2rem;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .topic-item .conversation {
  margin-bottom: 5rem !important;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .topic-item .conversation .conversation-line3 {
  display: flex;
  grid-gap: 3vw;
  grid-gap: 3vw;
  gap: 3vw;
  margin-top: 3rem;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .topic-item .conversation .conversation-line3 .conversation-message {
  width: 30vw;
  height: 8vw;
  position: relative;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-text {
  font-size: 1.5vw;
  font-weight: 400;
  z-index: 10;
  position: relative;
  height: 100%;
  display: flex;
  text-align: center;
  padding: 1vw 1vw 1vw 7vw;
  justify-content: center;
  align-items: center;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-bg {
  height: 100%;
  width: 100%;
  position: absolute;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .cando-section .can-do .cando-title,
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .cando-section .can-not-do .cando-title {
  font-size: 1.5rem;
  line-height: 1.2;
  padding: 1rem;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .cando-section .can-do .cando-title {
  background-color: #e7444e !important;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .animation017-content .animation017-tip {
  max-width: 204px;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .component003.position-right img {
  z-index: 11;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .animation009 .animation009-tip {
  max-width: 212px;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .animation012 {
  margin-bottom: 0 !important;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .component003.position-right.customer600 .component003-tip {
  margin-right: 20%;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .animation008 .animation008-content .animation008-header > .subtitle .arrow.r4 {
  display: none;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .component003.customer-welcome .tip-arrow .line1 {
  width: 59px;
  height: 1px;
  background: #000;
  transform: rotate(-12.5deg);
  position: absolute;
  top: 5px;
  right: 47px;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .component003.customer-welcome .tip-arrow .line2 {
  width: 58px;
  height: 1px;
  background: #000;
  transform: rotate(12.5deg);
  position: absolute;
  bottom: 5px;
  right: 48px;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .component003.position-right.customer600 .component003-tip {
  margin-right: 20%;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .component003.position-right.customer900 {
  padding-right: 6.25rem;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .component003.position-right.customer900 .component003-tip {
  margin-right: 25%;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .animation011.component.customer900 {
  margin-top: -20rem;
  margin-left: 5rem;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .animation011 .animation011-content .animation011-item .animation011-indicate-number {
  border-radius: 25%/60%;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item {
  width: 1440px;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item {
  justify-content: center;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .phishing-indentify-section {
  margin-bottom: 10rem;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .component003.position-right.a004 {
  margin-right: 12rem;
  margin-bottom: 5rem;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .component003.position-right.a004 .component003-tip {
  margin-right: 20%;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .component003.position-right.a004 .component003-tip .tip-text {
  line-height: 2rem;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .component003.position-right.a005 {
  margin-top: -8rem;
  margin-bottom: 5rem;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .component003.position-right.a005 .component003-tip {
  margin-right: 20%;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .component003.position-right.a005 .component003-tip .tip-text {
  line-height: 2rem;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .animation002 {
  margin-top: -22rem;
  margin-bottom: 0rem !important;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .component003.position-left .component003-tip {
  z-index: 11;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .animation002 .bp-panel {
  display: flex;
  justify-content: space-between;
  padding: 1.5rem;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .animation002 .bp-panel .number {
  font-size: 2.5rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content {
  min-height: 10rem;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .animation009 {
  margin-bottom: 5rem !important;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .animation009 .animation009-content {
  flex-wrap: wrap;
  justify-content: flex-start;
  grid-gap: 1.2rem;
  gap: 1.2rem;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .animation009 .animation009-content .animation009-item {
  width: calc(33% - 1rem) !important;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .animation008 .animation008-content .animation008-item .animation008-top {
  font-size: 1.75rem;
  margin-top: 2.5rem;
  padding-left: 46px;
  padding-right: 46px;
  line-height: 2.5rem;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .animation008.welcome {
  margin-top: 5rem !important;
  margin-bottom: 5rem !important;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .animation008.welcome .animation008-content .animation008-item .animation008-top {
  margin-top: 1rem;
  text-align: left;
  align-items: baseline;
  min-height: 7.5rem;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .animation008.welcome .animation008-content .animation008-item .animation008-text {
  padding-top: 0;
  padding-bottom: 0;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .animation008.welcome .animation008-content .animation008-item .animation008-text ul {
  padding-left: 2.5rem;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .animation008.welcome .animation008-content .animation008-item .small-icon {
  text-align: left;
  padding-left: 3.5rem;
  margin-top: 1.5rem;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .animation008 .animation008-content .animation008-item .animation008-text {
  font-size: 1.25rem;
  line-height: 2rem;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .animation008 .animation008-content {
  padding-right: 1.875rem;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .animation008 .animation008-content .animation008-item .animation008-top {
  margin-top: 1rem;
  text-align: left;
  align-items: baseline;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .animation004.no-title {
  height: 350px;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .animation004.no-title .four-steps-section .step.step1 {
  bottom: 0;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .animation004.no-title .four-steps-section .step.step2 {
  bottom: 3rem;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .animation004.no-title .four-steps-section .step.step3 {
  bottom: 6rem;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .animation004.no-title .four-steps-section .step.step4 {
  bottom: 9rem;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .quiz-section .quiz-section-body .quiz-result-area {
  margin-top: 0;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .quiz-section .quiz-section-body .quiz-result-area img {
  width: 5rem;
  margin-bottom: 0;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .quiz-section .quiz-section-body .quiz-result-area .text {
  font-size: 1.5rem;
  margin-bottom: 0;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .quiz-section .quiz-section-body .quiz-result-area .quiz-try-again-button {
  margin-top: 0;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .next-topic-button {
  width: 38rem;
}

@media (min-width: 1980px) {
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content {
    min-height: calc(100vh - 1400px);
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation023 .animation023-contaner .animation023-item .text {
    padding: 62% 15% 10%;
    font-size: 1.8rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .topic-item .conversation {
    padding: 2vw;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 {
    grid-gap: 1vw;
    gap: 1vw;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .avater {
    width: 10%;
    height: 10%;
    margin-top: 8%;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message .conversation-message-text {
    padding: 10% 10% 10% 25%;
    font-size: 1.8rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 {
    grid-gap: 1vw;
    gap: 1vw;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .avater {
    width: 10%;
    height: 10%;
    margin-top: 5%;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message .conversation-message-text {
    padding: 10% 25% 10% 10%;
    font-size: 1.8rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 {
    grid-gap: 1vw;
    gap: 1vw;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .avater {
    width: 10%;
    height: 10%;
    margin-top: 8%;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-text {
    padding: 10% 10% 10% 25%;
    font-size: 1.8rem;
  }
}
@media (min-width: 1980px) {
  .cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .animation023 .animation023-contaner .animation023-item .text {
    padding: 72% 15% 10%;
  }
  .cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-desc {
    height: 185px;
  }
  .cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab {
    height: 220px !important;
  }
  .cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .avater {
    margin-top: 4vw;
  }
  .cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message .conversation-message-text {
    padding: 10% 10% 10% 25%;
    font-size: 1.1vw;
  }
  .cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .avater {
    margin-top: 4vw;
  }
  .cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message .conversation-message-text {
    padding: 10% 25% 10% 10%;
    font-size: 1.1vw;
  }
  .cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .avater {
    margin-top: 4vw;
  }
  .cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-text {
    padding: 10% 10% 10% 25%;
    font-size: 1.1vw;
  }
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content {
    min-height: unset;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .topic-item .header {
    padding-right: 0;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container {
    height: calc(686.969px + 15vw) !important;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab {
    height: 120px !important;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-desc {
    font-size: 2.4rem;
    line-height: 1.2;
    width: 100% !important;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content {
    min-width: unset;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .phishing-indentify-section .title {
    width: unset;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs {
    width: unset;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .number {
    font-size: 2rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .text {
    font-size: 1.6rem;
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .animation024-text {
    font-size: 2rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.customer .animation017-content .animation017 {
    padding-right: 0 !important;
  }
  .cyber-security-training-page.course-page.customer .animation023 {
    grid-gap: 1.5rem;
    gap: 1.5rem;
    justify-content: space-between;
  }
  .cyber-security-training-page.course-page.customer .animation023 .animation023-contaner {
    width: calc(33% - 1.5rem);
  }
  .cyber-security-training-page.course-page.customer .animation023 .animation023-contaner .animation023-item .text {
    align-items: center;
    font-size: 2.5rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.customer .animation012-content .animation012-item .click-point {
    left: 175px;
  }
  .cyber-security-training-page.course-page.customer .component005-component003 .component003-tip {
    margin-right: 32%;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component003.position-right.a005 .component003-tip {
    margin-right: 30%;
  }
  .cyber-security-training-page.course-page.customer .animation024 {
    margin-right: 0;
  }
  .cyber-security-training-page.course-page.customer .animation024 .animation024-content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: auto;
  }
  .cyber-security-training-page.course-page.customer .animation024 .animation024-content .animation024-item {
    width: calc(100% - 2rem);
    height: auto;
  }
  .cyber-security-training-page.course-page.customer .animation024 .animation024-content .animation024-item .animation024-indicate-number {
    min-width: unset;
    height: auto;
  }
  .cyber-security-training-page.course-page.customer .animation024 .animation024-content .animation024-item .animation024-indicate-number img {
    width: 14rem;
  }
  .cyber-security-training-page.course-page.customer .animation024 .animation024-content .animation024-item .animation024-text {
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .next-topic-button {
    font-size: 1.4rem;
    line-height: 2rem;
    height: 10rem;
    white-space: break-spaces;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text .gif {
    margin-left: 13px;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component003.position-right.a004 {
    margin-right: 0;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component003.position-right.a004 .component003-tip {
    margin-right: 32%;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel {
    font-size: 1.5rem;
    line-height: 1.5;
    z-index: 11;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component003.position-right.customer900 .component003-tip {
    margin-right: 35%;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component003.position-left .component003-tip {
    margin-left: 32vw;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component003.position-right.customer900 {
    z-index: 0;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component003.position-right.customer900 img {
    max-width: 16vw;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation011 .animation011-content .animation011-item {
    padding-left: 0 !important;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .topic-item .animation002 .click-point {
    z-index: 11;
    width: 110px;
    position: absolute;
    top: 100px;
    left: 475px;
    transform: rotate(270deg);
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation018 .animation018-contaner .animation018-item .text {
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component003.position-right.customer600 img {
    max-width: 26vw;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component003.position-right.customer600 .component003-tip {
    margin-right: 30%;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation014 {
    padding: 0;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-text {
    width: 90%;
    font-size: 1.4rem;
    line-height: 2rem;
    height: 145px;
    padding: 2rem 1rem 0 1rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-text ul {
    padding-left: 2.5rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation016 .animation016-content .animation016-item .animation016-list {
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation016 .animation016-content .animation016-item .animation016-content {
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation016 .animation016-content .animation016-item .animation016-header {
    font-size: 1.6rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation019 {
    width: 100%;
    display: flex;
    position: relative;
    margin: auto;
    margin-bottom: 6.25rem;
    margin-top: 25rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation019 .animation019-bg {
    width: calc(70vw - 4rem);
    height: calc((70vw - 4rem) * 646 / 1209);
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s1 {
    right: 78vw;
    left: unset;
    bottom: 7vw;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s2 {
    right: 67vw;
    left: unset;
    bottom: 25vw;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s3 {
    left: calc(50% - 7.8125rem);
    bottom: 42vw;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s4 {
    left: 67vw;
    right: unset;
    bottom: 25vw;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s5 {
    left: 78vw;
    right: unset;
    bottom: 7vw;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel .animation019-content {
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step1 {
    bottom: 0;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step2 {
    bottom: 4.5rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step3 {
    bottom: 7.5rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step4 {
    bottom: 10.5rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-desc {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 10vw;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component002 .component003 {
    margin-bottom: 0;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component002 .component003 .component003-tip {
    right: 20%;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container {
    height: 44.125rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section {
    height: 900px;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item {
    padding-left: 2rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item > img {
    max-width: 100%;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation013.three {
    margin-top: -20rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation013.three .animation013-content {
    justify-content: flex-start;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation013.three .animation013-content .animation013-item {
    width: 28% !important;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation013.three .animation013-content .animation013-header span {
    font-size: 2rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message-text {
    font-size: 2rem !important;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-text {
    padding: 1vw 1vw 1vw 15vw;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .components006 .content .pic {
    margin-bottom: 5rem !important;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .components006 .content .pic img {
    width: 100%;
    height: 100%;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .components006 .content .next-button {
    padding: 0;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .components006 .content .prev-button {
    padding: 0;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section {
    margin-left: 0 !important;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component007 .component007-1 {
    background-size: contain;
    width: 200px;
    height: 548px;
    padding-top: 112px;
    padding-bottom: 287px;
    font-size: 20px;
    line-height: normal;
    margin: 0;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component007 .pic img {
    margin-top: 11rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation005 .animation005-content .animation005-item {
    min-height: 34vw;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container {
    height: 44.125rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section {
    height: 900px;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation012-content .animation012-item .animation012-line img {
    height: 6.4375rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation013 .animation013-content {
    flex-wrap: wrap;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation013 .animation013-content .animation013-item {
    width: calc(50% - 1rem) !important;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .next-topic-button {
    width: 30rem;
  }
  .cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 15vw;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component008 .tip-text {
    right: 12rem;
    top: 0;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component008 .component008-person {
    right: 0;
    top: 1.5rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation019 .animation019-title {
    width: 9rem;
    font-size: 1.4rem;
    position: absolute;
    left: calc(50% - 4.5rem);
    bottom: 10%;
    text-align: center;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation020-content .animation020 .animation020-item .animation020-head {
    width: 90%;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation020-content .animation020 .animation020-item {
    height: 40rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation020-content .animation020 .animation020-item .animation020-list {
    height: -webkit-fill-available;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component003.position-right.a005 {
    margin-top: 0;
    margin-bottom: 5rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component003.position-left.customer-welcome .component003-tip {
    margin-left: 38vw;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 img {
    position: absolute;
    left: 65%;
    height: 160px;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component003.position-right.a004 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation016 {
    padding: 0;
    margin-bottom: 20rem !important;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation016 .animation016-content {
    flex-wrap: wrap;
    justify-content: center;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation016 .animation016-content .animation016-item {
    width: 40% !important;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation012-content .animation012-item .click-point {
    transform: rotate(0deg);
    top: unset;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation024 {
    margin-right: 0;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation024 .animation024-content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: auto;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item {
    width: calc(100% - 2rem);
    height: auto;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .animation024-indicate-number {
    min-width: unset;
    height: auto;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .animation024-indicate-number img {
    width: 8rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .animation024-text {
    font-size: 2rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation009 .animation009-content .animation009-item {
    width: calc(50% - 1rem) !important;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation009 .animation009-tip {
    padding: 15rem 1rem 23.5rem 1rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation023 .animation023-contaner {
    width: calc(50% - 1.5rem);
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation023 .animation023-contaner .animation023-item .text {
    bottom: 0;
    width: 100%;
    height: 100%;
    font-size: 3rem;
    line-height: 1.5;
    display: flex;
    align-items: center;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 15vw;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section {
    height: 755px;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation013.three {
    margin-top: 0rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation013.three .animation013-content {
    justify-content: flex-start;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation013.three .animation013-content .animation013-item {
    width: 24% !important;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation013.three .animation013-content .animation013-header span {
    font-size: 1rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content {
    align-items: self-start;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation019 {
    margin-top: 50rem !important;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation019 .animation019-bg {
    width: 60vw;
    height: calc(60vw * 646 / 1209);
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s1 {
    right: 73vw;
    left: unset;
    bottom: 7vw;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s2 {
    right: 58vw;
    left: unset;
    bottom: 35vw !important;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s3 {
    left: calc(50% - 5rem) !important;
    bottom: 42vw !important;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s4 {
    left: 58vw;
    right: unset;
    bottom: 35vw !important;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s5 {
    left: 73vw;
    right: unset;
    bottom: 7vw;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel .animation019-content {
    padding: 1rem;
    width: 12rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation011 {
    margin-top: 25rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component003.position-right img {
    max-width: 25vw;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component008.cs930-2-c008 {
    margin-top: 0;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation015.cs930-2-a015 {
    margin-top: 35rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation015.cs930-2-a015 .animation015-item {
    padding: 0 !important;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation015.cs930-2-a015 .animation015-item .animation015-indicate .animation015-arrow {
    display: none;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .topic-item .conversation .avater {
    margin-top: 10%;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message {
    width: 75vw!important;
    height: 25vw!important;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component003.position-right.cs930-1-c003 .tip-text span {
    display: inline;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component003.position-right.cs930-1-c003 .tip-arrow .line1 {
    width: 56px;
    right: 45px;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component003.position-right.cs930-1-c003 img {
    max-width: 40vw;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation013 {
    margin: 0;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation013 .animation013-content .animation013-header .arrow {
    right: 0.3rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message-text {
    font-size: 1.5rem !important;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation001.animation001-s3 .animation001-2 .animation001-item .animation001-body img {
    width: 100%;
    height: auto;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component007 .component007-1 {
    background-size: contain;
    width: 150px;
    height: 411px;
    padding-top: 112px;
    padding-bottom: 287px;
    font-size: 20px;
    line-height: normal;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component007 .pic {
    width: calc(100% - 166px);
    margin-left: 1rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component007 .pic img {
    margin-top: 8rem;
    width: 100%;
    height: auto;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation013 {
    margin: 0;
    padding: 0;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation013 .animation013-content .animation013-header .arrow {
    right: 0.3rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation013 .animation013-content .animation013-content ul .animation013-text {
    padding: 1.0625rem 1.1rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component007 .component007-1 {
    background-size: contain;
    width: 150px;
    height: 411px;
    padding-top: 85px;
    padding-bottom: 216px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
    line-height: normal;
    margin: 0;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component007 .pic {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation012 .animation012-content {
    grid-gap: 1rem !important;
    gap: 1rem !important;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .animation012-item {
    position: relative;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .background-line1 {
    height: 2.5rem;
    top: 21%;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .background-line2 {
    height: 2.5rem;
    top: 72%;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .animation012-item .animation012-icon img {
    width: 3.25rem;
    height: 3.25rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation012-content .animation012-item .click-point {
    width: 4rem!important;
    bottom: -2rem !important;
    left: calc(50% - 2rem) !important;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .next-paragraph-bar {
    margin-left: -3.5rem;
    margin-right: -3.5rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container {
    height: calc(251.578px + 40vw) !important;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation020-content .animation020 .animation020-item {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin: 0;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation020-content .animation020 .animation020-item .animation020-list {
    margin-top: 35px;
    width: 75%;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation020-content .animation020 .animation020-item .animation020-head {
    min-height: 9rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation020-content .animation020 .animation020-item .animation020-line {
    left: 0;
    top: 128px;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation020-content .animation020 .animation020-item .animation020-list {
    width: 75%;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component003.position-left.a004 .component003-tip {
    margin-left: 44vw;
    padding: 3rem 3rem 3rem 4rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component003.position-left.hr600-a002 .tip-arrow .line1 {
    width: 53px;
    right: 47px;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation015.cs930-2-a015 .animation015-item {
    width: 100%;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation015.cs930-2-a015 .animation015-item .animation015-indicate {
    width: 100%;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component003.position-left.a004 .component003-tip .tip-arrow {
    left: -82px;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation018 {
    margin-top: 5rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation018 .animation018-contaner {
    display: flex;
    grid-gap: 1rem;
    grid-gap: 1rem;
    gap: 1rem;
    justify-content: space-between;
    width: 100%;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component003.position-left.hr600-a002 .component003-tip {
    margin-left: 46vw;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component003.position-left.hr600-a002 .component003-tip .tip-arrow {
    left: -80px;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation028 .animation028-contaner {
    width: calc(50% - 1.5rem);
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation028 .animation028-contaner .animation028-item.r5 .text {
    height: 100%;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation029 .animation029-item {
    position: absolute;
    width: 10rem;
    height: 10rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10%;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation029 .animation029-item.r1 {
    top: 0;
    left: calc(50% - 5rem);
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation029 .animation029-item.r2 {
    top: 12rem;
    left: calc(50% - 18rem);
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation029 .animation029-item.r3 {
    top: 12rem;
    left: calc(50% - 5rem);
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation029 .animation029-item.r4 {
    top: 12rem;
    right: calc(50% - 18rem);
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation029 .animation029-item.r5 {
    top: 24rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation029 .animation029-item.r6 {
    top: 24rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component003.customer200-1 .tip-arrow .line1 {
    width: 56px;
    right: 45px;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component003.customer200-2 .tip-arrow .line1 {
    width: 54px;
    right: 45px;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation019 {
    margin-top: 50rem !important;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .top {
    font-size: 2rem !important;
    line-height: 1.3 !important;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .components006 .content .pic img {
    width: 90%;
    height: auto;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component003.cs930-5-c003 .tip-arrow .line1 {
    width: 55px;
    right: 45px;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation024 .animation024-content {
    height: unset !important;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item {
    width: calc(100% - 2rem) !important;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation009 .animation009-content .animation009-item .animation009-indicate .animation009-icon img {
    max-width: 80%;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component005.no-tabs {
    margin-top: 300px;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component005.no-tabs.no-title {
    margin-top: 0;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation020-content .animation020 .animation020-item.animation020-item-1 .animation020-list .animation020-text.animation020-text-3 .animation020-detail-text {
    padding-right: 25%;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .landing-img-panel-sm {
    grid-gap: 8px;
    gap: 8px;
    margin-top: 2rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation020-content {
    position: relative;
    margin-right: 0;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item {
    width: 100% !important;
    position: relative;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .click-point {
    width: 80px;
    bottom: -100px;
    left: calc(50% - 40px);
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation022 .animation022-content {
    padding-right: 0;
    justify-content: space-between;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item {
    width: calc(50% - 1rem) !important;
    height: auto;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-text {
    width: 10rem;
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation012-content .animation012-item .animation012-line img {
    height: 97.5px;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation012 {
    margin-bottom: 0 !important;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation012 .animation012-content {
    padding: 0;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .animation012-item .animation012-text {
    width: 7rem;
    font-size: 1.4rem;
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation017-content .animation017-tip {
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item .animation017-text {
    font-size: 1.6rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation016 {
    padding: 0;
    margin: 0;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation016 .animation016-content {
    flex-wrap: wrap;
    justify-content: center;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation016 .animation016-content .animation016-item {
    width: 70% !important;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .indicator.indicator-title {
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation004.no-title {
    margin-top: 0;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .text {
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step2 {
    bottom: 2rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step3 {
    bottom: 3.5rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step4 {
    bottom: 5.5rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation021 .animation021-content {
    justify-content: space-between;
    padding: 0;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation021 .animation021-content .animation021-item {
    width: calc(50% - 1rem) !important;
    height: auto;
    margin-top: 0;
    position: relative;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation021 .animation021-content .animation021-item .animation021-text {
    width: 80%;
    font-size: 1.6rem;
    line-height: 1.5;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: unset;
    flex-direction: column;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation021 .animation021-content .animation021-item .animation021-text .view-more .click-point1 {
    width: 35px;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation021 .animation021-content .animation021-item .animation021-icon {
    min-height: unset;
    width: 80%;
    height: auto;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation021 .animation021-content .animation021-item .animation021-icon img {
    width: 100%;
    height: auto;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component003.position-right.a004 {
    margin-top: 10rem;
    margin-bottom: 0;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component003.position-right.a004 .component003-tip {
    right: 5%;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component003.position-right.a004 .component003-tip .tip-text span {
    font-size: 1.5rem !important;
    line-height: 1.5;
    display: unset;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component003.position-right.a004 .component003-tip .tip-arrow .line1 {
    width: 56px;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component003.position-right.a004 .component003-tip .tip-arrow .line2 {
    width: 53px;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component003.position-right.a004 img {
    max-width: 40vw;
    z-index: 11;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component003.position-left.customer-welcome img {
    left: 0;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component003.position-left.customer-welcome .component003-tip {
    margin-left: 42vw;
    padding: 2.5rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component003.position-left.customer-welcome .component003-tip span {
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation012-content .animation012-item .click-point {
    transform: rotate(0deg);
    top: unset;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation020-content .animation020 .animation020-item .animation020-head {
    padding-left: 26%;
    text-align: left;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation020-title {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation020-content .animation020 .animation020-item .animation020-head {
    width: 100% !important;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-top {
    padding-left: 35px;
    padding-right: 35px;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component003 .tip-arrow .line1 {
    width: 52px;
    right: 45px;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component003.customer200 .tip-arrow .line1 {
    width: 52px;
    right: 47px;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation009 .animation009-tip {
    padding: 14rem 1rem 23.5rem 1rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation009 .animation009-tip {
    margin-right: 0;
    width: 35%;
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation009 .animation009-content {
    width: 100%;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation009 .animation009-content .animation009-item {
    width: calc(100% - 1rem) !important;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-desc {
    font-size: 1.4rem;
    line-height: 1.4;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content {
    font-size: 1.4rem;
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation006 .animation006-radius {
    font-size: 1.4rem;
    padding: 0;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component003.customer600-c003-1 .tip-arrow .line1 {
    width: 56px;
    right: 45px;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation023 {
    margin-top: 0 !important;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation023 .animation023-contaner {
    width: calc(50% - 1.5rem);
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation023 .animation023-contaner .animation023-item .text {
    bottom: 0;
    width: 100%;
    height: 100%;
    padding: 8rem 3rem 1rem 2rem;
    font-size: 1.4rem;
    line-height: 1.3;
    display: flex;
    align-items: center;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component008 .tip-text {
    top: 0rem;
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component008 .component008-person {
    top: 1.5rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-text .animation008-content {
    padding-top: 0;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-top {
    font-size: 2rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-text .animation008-content {
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component005-component003 .component003-tip {
    width: 200px;
    height: 27rem;
    left: 0;
    top: -16%;
    padding: 3.5rem !important;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component005-component003 img {
    top: 49%;
    left: 62%;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content .text {
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip .tip-arrow {
    top: 70%;
    transform: rotate(15deg);
    right: -97px;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip .tip-arrow .line1 {
    width: 59px;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation024 {
    margin-right: 0;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation024 .animation024-content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: auto;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item {
    width: calc(100% - 2rem);
    height: auto;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .animation024-indicate-number {
    min-width: unset;
    height: auto;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .animation024-indicate-number img {
    width: 14rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .animation024-text {
    font-size: 2rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component003.position-right.customer600 img {
    max-width: 45vw;
    margin-top: 2rem;
    margin-right: -2rem;
    z-index: 11;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation019 {
    margin-bottom: 20rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation019 .click-point1 {
    position: absolute;
    width: 50px;
    transform: rotate(-45deg);
    z-index: 10;
    transition: all 800ms linear 0s;
    bottom: 0;
    left: 50%;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel .animation019-content {
    height: auto;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation019 .animation019-bg {
    width: 80vw;
    height: calc(80vw * 646 / 1209);
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel {
    display: flex;
    align-items: start;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s1 {
    right: 56vw;
    bottom: -28vw;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s2 {
    right: 62vw;
    left: unset;
    bottom: 32vw;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s3 {
    right: 27vw;
    left: unset;
    bottom: 38vw;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s4 {
    left: 62vw;
    bottom: 35vw;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s5 {
    left: 56vw;
    bottom: -22vw;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-text .animation008-content {
    padding-left: 0;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-header > .subtitle .arrow {
    right: -100%;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab {
    font-size: 1.4rem;
    line-height: 2rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    font-size: 1.4rem;
    line-height: 2rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 5rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component003.position-left img {
    z-index: 11;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component003.position-left .component003-tip {
    margin-left: 40vw;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    padding: 1rem 1rem;
    min-height: unset;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation013.three {
    margin-top: 0rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation013.three .animation013-content {
    justify-content: center;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation013.three .animation013-content .animation013-item {
    width: 90% !important;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation013.three .animation013-content .animation013-header {
    height: auto;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation013.three .animation013-content .animation013-header span {
    font-size: 1rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component003.position-right .component003-tip {
    right: 1.3rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation020-content .animation020 {
    margin-right: 0;
    grid-gap: 2rem;
    gap: 2rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation011 {
    margin-top: 25rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation011 .animation011-content {
    grid-gap: 2rem;
    gap: 2rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation011 .animation011-content .animation011-item .animation011-text {
    font-size: 1.4rem;
    padding-left: 1.5;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component003.position-right.a005 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component003.position-right.a005 .component003-tip {
    right: 0;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component003.position-right.a005 .component003-tip .tip-text span {
    font-size: 1.4rem !important;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component003.position-right.a005 .tip-arrow .line1 {
    width: 55px;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component003.position-right.a005 img {
    z-index: 11;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component002 .component003 {
    margin-right: 0;
    margin-bottom: 0;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component002 .component003 .component003-tip {
    right: 16%;
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message-text {
    font-size: 1.4rem !important;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-text {
    padding: 3vw 5vw 3vw 19vw;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section {
    height: 250px;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation009 .animation009-content .animation009-item .animation009-text {
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component007 .component007-1 {
    width: 100px;
    height: 267px;
    padding-top: 55px;
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 141px;
    font-size: 10px;
    margin: 0;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component007 .pic {
    width: calc(100% - 100px);
    margin-left: 1rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component007 .pic img {
    margin-top: 5rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section {
    height: 600px;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .animation012-item .animation012-text {
    min-height: 105px;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation012-content .animation012-item .animation012-line img {
    height: 97.5px;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .animation012-item .animation012-icon img {
    width: 2.25rem;
    height: 2.25rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .background-line1 {
    height: 2rem;
    top: 23.5%;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .background-line2 {
    height: 2rem;
    top: 75%;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component003.position-left .component003-tip span {
    font-size: 1.4rem !important;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component003.position-left .component003-tip {
    margin-left: 42vw;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip .tip-text {
    font-size: 1.4rem;
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item {
    background-size: 55% 100%;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-desc {
    font-size: 1.8rem;
  }
  .cyber-security-training-page.course-page.en.customer .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab {
    height: 150px !important;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation027 {
    padding-right: 0;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation027 .animation027-item .animation027-text {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin-bottom: 2rem;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation020-content .animation020 .animation020-item .animation020-list {
    margin-top: 25px;
    width: 75%;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation020-content .animation020 .animation020-item .animation020-head {
    min-height: 9rem;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation020-content .animation020 .animation020-item .animation020-head .animation020-time {
    font-size: 16px;
    line-height: 1.4;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation020-content .animation020 .animation020-item .animation020-head .animation020-title {
    font-size: 16px;
    line-height: 1.4;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation020-content .animation020 .animation020-item .animation020-line {
    left: 0;
    top: 118px;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation028 .animation028-contaner .animation028-item.r5 .text {
    height: 100%;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation019 .animation019-title {
    font-size: 1.2rem;
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .component007 {
    margin-top: 9rem;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section {
    height: 560px;
    margin-bottom: 0;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation020-content .animation020 .animation020-item .animation020-list .animation020-text {
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .component003.position-left.customer-welcome .component003-tip {
    top: 4rem;
    padding: 3rem;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .component003.position-right.a004 {
    margin: 0;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .component003.position-right.a004 .component003-tip {
    width: 52%;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .component003.position-right.a004 img {
    margin-top: 3rem;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .indicator.indicator-title {
    font-size: 1.4rem;
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation004.no-title {
    margin-top: 5rem;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation016 .animation016-content .animation016-item .animation016-list {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation016 .animation016-content .animation016-item .animation016-content {
    font-size: 1.4rem;
    line-height: 1.2;
    min-height: unset;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation017-content .animation017-tip {
    padding: 15rem 0.5rem 23.5rem 0.5rem;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation016 {
    padding: 0;
    margin-bottom: 10rem !important;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item .animation017-text {
    font-size: 1.6rem;
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .animation012-item .animation012-text {
    width: 8rem;
    min-height: 168px;
    font-size: 1.4rem;
    margin: 0;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation012-content .animation012-item .animation012-line img {
    height: 123px;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .background-line1 {
    top: 27%;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .background-line2 {
    top: 85%;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation022 .animation022-content {
    padding-left: 2rem;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message {
    height: 24vw!important;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .topic-item .conversation .avater {
    margin-top: 3rem;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .cando-section {
    margin-bottom: 5rem;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation023 {
    margin-right: 0;
    flex-direction: column;
    align-items: center;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation023 .animation023-contaner .animation023-item .text {
    align-items: center;
    font-size: 1.6rem;
    line-height: 1.2;
    padding: 13rem 6rem 1rem 5rem;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab .text {
    font-size: 1.4rem;
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 18vw;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .component003.position-left.customer200 .component003-tip {
    margin-left: 40vw;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .component003.position-left.customer200 img {
    left: 0;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation006 {
    margin-top: 10rem;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation006 {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-bg {
    width: calc(100vw - 4rem);
    height: calc((140vw - 4rem) * 595 / 1024);
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content {
    width: 30vw;
    height: 120px;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s1 {
    left: -2vw;
    bottom: -20vw;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s2 {
    left: 0vw;
    bottom: 20vw;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s3 {
    left: 13vw;
    bottom: 55vw;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s4 {
    right: 13vw;
    bottom: 55vw;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s5 {
    right: 0vw;
    bottom: 20vw;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s6 {
    right: -4vw;
    bottom: -20vw;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-radius {
    width: 28vw;
    height: 28vw;
    left: calc(50% - 14vw);
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .component005-component003 .component003-tip {
    width: 205px;
    height: 45rem;
    top: -80%;
    padding: 2rem !important;
    padding-left: 2.5rem !important;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .component005 {
    margin-top: 47rem;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip .tip-arrow {
    top: 80%;
    transform: rotate(15deg);
    right: -86px;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip .tip-text span {
    font-size: 1.4rem !important;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-top {
    font-size: 2rem;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .component003.position-right.customer600 img {
    margin-top: 10rem;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .component003.position-right.customer600 .component003-tip {
    right: 0;
    padding: 8% !important;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation019 {
    margin-top: 55rem !important;
    margin-bottom: 15rem;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s1 {
    right: 50vw;
    left: unset;
    bottom: -32vw !important;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s1 .animation019-content {
    width: 15rem;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s2 {
    right: 60vw;
    left: unset;
    bottom: 20vw !important;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s3 {
    left: calc(50% - 5.5rem) !important;
    bottom: 32vw !important;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s4 {
    left: 60vw;
    right: unset;
    bottom: 25vw !important;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s5 {
    left: 50vw;
    right: unset;
    bottom: -27vw !important;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s5 .animation019-content {
    width: 15rem;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel .animation019-content {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step1 {
    left: -4vw;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step2 {
    left: 19vw;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step3 {
    left: 47vw;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step4 {
    left: 72vw;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation012-content .animation012-item .click-point {
    bottom: -4rem !important;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation009 .animation009-content .animation009-item .animation009-indicate .animation009-icon img {
    max-width: 80%;
    max-height: 80%;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-desc {
    width: 100vw !important;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    top: 5vh;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 30vw;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns {
    bottom: -7rem;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-text {
    width: 12rem;
    min-height: 130px;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab .number {
    font-size: 2rem;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step3 {
    bottom: 4rem;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step2 .indicator.indicator-title {
    width: 126%;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step2 .text {
    width: 126%;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step3 .indicator.indicator-title {
    width: 113%;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step3 .text {
    width: 113%;
  }
}

.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation004.no-title.it400-a004-1 {
  height: 35vw;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-title {
  font-size: 1.5rem;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content {
  font-size: 1.1rem;
  line-height: 1.2;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s1 {
  bottom: -18px;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation027 .animation027-item .animation027-text {
  font-size: 20px;
  line-height: 1.2;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation020-content .animation020 .animation020-item .animation020-head .animation020-title {
  line-height: 1.2;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item .animation031-subcontent .sub-task-text .ant-btn {
  padding: 0 1rem;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .topic-item .conversation .avater {
  margin-top: 5%;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message {
  height: 14vw;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .animation032-text {
  line-height: 1.2;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .animation033-body .animation033-text {
  line-height: 1.2;
  padding-left: 0;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .animation033-body .sub-task-text .ant-btn {
  height: auto;
  padding: 0;
  padding-left: 10px;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .animation033-body .sub-task-text .click-point1 {
  right: -30%;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation034 .animation034-content .animation034-item .animation034-body {
  padding-left: 3rem;
  padding-right: 1rem;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .component008 .tip-text {
  line-height: 1.2;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation027 .animation027-item .animation027-text {
  height: auto;
  min-height: 140px;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .component003.position-right.it200-c003-1 img {
  margin-top: 10%;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .component003.position-right.it200-c003-1 .component003-tip {
  padding: 4.5rem;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .RealCase.Desktop.p3 .source3 {
  width: 20%;
  height: 2.5%;
  top: 94%;
  left: 59%;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s1 .animation006-content {
  height: auto;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content .text {
  height: auto;
  min-height: 190px;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .component003.a004 .tip-arrow .line1 {
  right: 44px;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation023 .animation023-contaner {
  display: flex;
  grid-gap: 1rem;
  grid-gap: 1rem;
  gap: 1rem;
  justify-content: space-between;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation021 .animation021-content .animation021-item .animation021-text {
  min-height: 10rem;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-text {
  font-size: 1.2rem;
  line-height: 1.2;
  padding: 0.5rem 1.5rem 0.5rem 1.5rem;
  align-items: center;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .component007 .tip-text {
  padding: 5.7rem 2rem 13.8rem 2rem;
  font-size: 1.2rem;
  line-height: 1.2;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation028 .animation028-contaner .animation028-item .text {
  line-height: 1.1;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation029 .animation029-item .text {
  line-height: 1.2;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .cando-section .can-do .cando-title,
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .cando-section .can-not-do .cando-title {
  height: 180px;
  width: 218px;
  font-size: 1.3rem !important;
  line-height: 1.2 !important;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .topic-item .conversation.customer-200 .conversation-message .conversation-message-text {
  font-size: 1.1vw;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation004.no-title {
  height: 75vw;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation021 .animation021-content .animation021-item .animation021-text {
  width: 100%;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .component003.position-right.a004 {
  margin-right: 3rem;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .component003.position-right.a004 .component003-tip {
  margin-right: 25%;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .component003.a004 .component003-tip .tip-text span {
  font-size: 1.5rem;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .component003.customer-welcome .tip-arrow {
  left: -79px;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .RealCase.p3 .source4 {
  width: 24%;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation020-content .animation020 .animation020-item .animation020-head {
  width: 90%;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation016 .animation016-content .animation016-item .animation016-content {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  min-height: 250px;
  font-size: 1rem;
  line-height: 1.2;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation016 .animation016-content .animation016-item .animation016-content .animation016-header {
  line-height: 1.1;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation016 .animation016-content .animation016-item .animation016-list {
  min-height: 128px;
  display: flex;
  align-items: center;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item {
  height: auto;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item .animation017-text {
  min-height: 13rem;
  margin: 0;
  padding: 1rem;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item .animation017-icon img {
  width: 100%;
  height: 15rem;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item .animation017-indicate-number {
  margin: 0;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item.r1 .animation017-icon img {
  padding-top: 1.5rem;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item.r1 .animation017-indicate-number {
  margin-top: 1rem;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item.r1 .animation017-text {
  padding-top: 0;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item.r3 .animation017-icon img {
  padding-top: 1.5rem;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item.r3 .animation017-indicate-number {
  margin-top: 1rem;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item.r3 .animation017-text {
  padding-top: 0;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item.r5 .animation017-icon img {
  padding-top: 1.5rem;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item.r5 .animation017-indicate-number {
  margin-top: 1rem;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item.r5 .animation017-text {
  padding-top: 0;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item.r6 .animation017-icon img {
  padding-top: 1.5rem;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item.r6 .animation017-indicate-number {
  margin-top: 1rem;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item.r6 .animation017-text {
  padding-top: 0;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item.r8 .animation017-icon img {
  padding-top: 1.5rem;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item.r8 .animation017-indicate-number {
  margin-top: 1rem;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item.r8 .animation017-text {
  padding-top: 0;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item.r10 .animation017-icon img {
  padding-top: 1.5rem;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item.r10 .animation017-indicate-number {
  margin-top: 1rem;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item.r10 .animation017-text {
  padding-top: 0;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item.r2 .animation017-icon img {
  padding-bottom: 1.5rem;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item.r4 .animation017-icon img {
  padding-bottom: 1.5rem;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item.r7 .animation017-icon img {
  padding-bottom: 1.5rem;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item.r9 .animation017-icon img {
  padding-bottom: 1.5rem;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation012 {
  margin-top: 0 !important;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel .animation019-content {
  line-height: 1.2;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s3 {
  bottom: 530px;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation022 .animation022-content {
  grid-gap: 0;
  gap: 0;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-text {
  min-height: 230px;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .landing-img-panel-sm .landing-img-item-sm img {
  width: 6rem;
  height: auto;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation023 .animation023-contaner .animation023-item .text {
  font-size: 1.1rem;
  line-height: 1.2;
  padding: 7rem 2rem 1rem 1.5rem;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .component003.customer200 .tip-arrow {
  left: -80px;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .RealCase.p2 .source3 {
  top: 84%;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip {
  padding: 4rem;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-title > div {
  line-height: 1.2;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation004.no-title.customer200 {
  height: 450px;
  margin-top: 0;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-text {
  font-size: 1.2rem;
  line-height: 1.5;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-top {
  font-size: 1.5rem;
  line-height: 1.3;
  min-height: 9.75rem;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .component003.position-right.a004 .component003-tip {
  width: 30%;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s3 .animation019-content .indicator {
  bottom: -42px;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation015 .animation015-item .animation015-indicate {
  width: 30rem;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation015 .animation015-item .animation015-indicate .animation015-text {
  padding-left: 1rem;
  line-height: 1.2;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .component003.position-left .component003-tip {
  font-size: 1.4rem;
  padding: 3rem;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel .animation019-content .view-more .view-more-btn .click-point1 {
  width: 40px;
  cursor: pointer;
  transform: rotate(0);
  position: absolute;
  bottom: -40px;
  left: calc(50% - 20px);
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-desc {
  width: 350px;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation001 .animation001-1 {
  font-size: 1.4rem;
  line-height: 1.8rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .component005 .click-point1 {
  left: 420px;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation016 .animation016-attention .animation016-attention-text {
  font-size: 1.5rem;
  padding: 0rem 4rem;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation016 .animation016-content .animation016-item .animation016-header {
  height: 7rem;
  line-height: 1;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item .animation017-text {
  line-height: 1;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .avater {
  margin-top: 5%;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message {
  width: 45vw;
  height: 15vw;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-text {
  font-size: 1.8vw;
  line-height: 1.2;
  padding: 1vw 3vw 1vw 11vw;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .avater {
  margin-top: 5%;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message {
  width: 45vw;
  height: 15vw;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message .conversation-message-text {
  font-size: 1.8vw;
  line-height: 1.2;
  padding: 1vw 11vw 1vw 3vw;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .avater {
  margin-top: 5%;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message {
  width: 45vw;
  height: 15vw;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message .conversation-message-text {
  font-size: 1.8vw;
  line-height: 1.2;
  padding: 1vw 3vw 1vw 11vw;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation002 .bp-panel {
  padding-bottom: 1rem !important;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation002 .bp-panel .text {
  line-height: 1;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation001 .animation001-2 .animation001-item .animation001-title-container {
  height: 90px;
  width: 239px;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation001 .animation001-2 .animation001-item .animation001-title-container .animation001-title {
  display: flex;
  align-items: center;
  justify-content: center;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation001 .animation001-2 .animation001-item .animation001-body {
  width: 100%;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation001 .animation001-2 .animation001-item .animation001-body img {
  width: 100%;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation001 .animation001-2 .animation001-item .animation001-body .text {
  width: 100%;
  height: 158px;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step1 .indicator {
  background-size: 100% 100%;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step2 .indicator {
  background-size: 100% 100%;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step3 .indicator {
  background-size: 100% 100%;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step4 .indicator {
  background-size: 100% 100%;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation007 .animation007-content .animation007-item {
  width: calc(25% - 2rem);
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation007 .animation007-content .animation007-item.r1 .animation007-header .animation007-title {
  height: 55px;
  width: 280px;
  line-height: 55px;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation007 .animation007-content .animation007-item.r2 .animation007-header .animation007-title {
  height: 55px;
  width: 280px;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation007 .animation007-content .animation007-item.r3 .animation007-header .animation007-title {
  height: 55px;
  line-height: 55px;
  width: 280px;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation007 .animation007-content .animation007-item.r4 .animation007-header .animation007-title {
  height: 55px;
  line-height: 55px;
  width: 280px;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation007 .animation007-content .animation007-item .animation007-header {
  height: 18rem;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation007 .animation007-content .animation007-item .animation007-content {
  height: 200px;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation007 .animation007-content .animation007-item .animation007-header .text-container .view-more .view-more-btn {
  width: 7.7rem;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation007 .animation007-content .animation007-item .animation007-header .text-container .view-more .click-point1 {
  left: 130px;
  bottom: 0px;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation005 .animation005-content .animation005-item {
  min-height: 25rem;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab .text {
  font-size: 1rem;
  line-height: 1.2rem;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab .number {
  font-size: 1.2rem;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
  max-height: 40vh;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
  top: 30vw;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip .tip-text span {
  font-size: 1.2rem !important;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel {
  height: auto;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content {
  font-size: 1.4rem;
  line-height: 1;
  height: 135px;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content .view-more .view-more-btn .click-point1 {
  bottom: -50%;
  left: 100%;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .animation012-item .animation012-text {
  width: 13rem;
  min-height: 110px;
  font-size: 1.4rem;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content .view-more-btn {
  font-size: 16px;
  padding: 0;
  border: 0;
  height: auto;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation007 .click-point1 {
  left: 130px;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-text .click-point1 {
  left: 73%;
  bottom: 5%;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-text .view-more-btn {
  font-size: 1rem;
}
.cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation001-s3 .animation001-1 {
  line-height: 1.5rem;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content .text {
    min-height: unset;
    font-size: 1.4rem;
    line-height: 1.3;
  }
  .cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .component003.position-left.it900-c003-2 .component003-tip {
    font-size: 1.8rem;
    padding: 4.5rem;
  }
  .cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message-text {
    font-size: 1.6rem !important;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content .text {
    min-height: unset;
    font-size: 1.4rem;
    line-height: 1.3;
  }
  .cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .component003.position-left.it900-c003-2 .component003-tip {
    font-size: 1.8rem;
    padding: 4.5rem;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content .text {
    min-height: unset;
    font-size: 1.4rem;
    line-height: 1.3;
  }
  .cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .component003.position-left.it900-c003-2 .component003-tip {
    font-size: 1.4rem;
    padding: 3.5rem;
    margin-left: 40vw;
  }
  .cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .topic-item .conversation .avater {
    margin-top: 15%;
  }
  .cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message {
    height: 32vw!important;
  }
}

.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content {
  min-width: auto;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content {
  min-height: calc(100vh - 200px);
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content.quiz .course-landing .landing-img {
  position: relative;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content.quiz .course-landing .landing-img img {
  top: unset;
  height: 100%;
  max-height: 800px;
  width: auto;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation004.it400-a004-1.no-title .four-steps-section.four-steps-section-1200 {
  margin-top: 0;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .component003.position-left.it900-c003-2 .tip-arrow .line1 {
  width: 62px;
  right: 45px;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 {
  display: none;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img {
  width: auto;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .components006 .content .pic img {
  max-width: 850px;
  margin-bottom: 2rem;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .topic-item .conversation {
  margin-bottom: 5rem !important;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 {
  display: flex;
  grid-gap: 3vw;
  grid-gap: 3vw;
  gap: 3vw;
  margin-top: 3rem;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .avater {
  margin-top: 5%;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message {
  width: 45vw;
  height: 10vw;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-text {
  font-size: 1.6vw;
  line-height: 1.2;
  padding: 1vw 3vw 1vw 11vw;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .avater {
  margin-top: 5%;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message {
  width: 45vw;
  height: 10vw;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message .conversation-message-text {
  font-size: 1.6vw;
  line-height: 1.2;
  padding: 1vw 11vw 1vw 3vw;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .avater {
  margin-top: 5%;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message {
  width: 45vw;
  height: 10vw;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message .conversation-message-text {
  font-size: 1.6vw;
  line-height: 1.2;
  padding: 1vw 3vw 1vw 11vw;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 {
  display: flex;
  grid-gap: 3vw;
  grid-gap: 3vw;
  gap: 3vw;
  margin-top: 3rem;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message {
  position: relative;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-bg {
  height: 100%;
  width: 100%;
  position: absolute;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-text {
  z-index: 10;
  position: relative;
  height: 100%;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .component002.cs200-1-c002 .cando-section .can-do .cando-title,
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .component002.cs200-1-c002 .cando-section .can-not-do .cando-title {
  font-size: 1.5rem;
  line-height: 1.2;
  padding: 1rem;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .component002.cs200-1-c002 .cando-section .can-do .cando-title {
  background-color: #e7444e !important;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img {
  width: 100%;
  position: absolute;
  bottom: 0;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img.quiz .course-landing .course-landing-content {
  min-height: calc(100vh - 200px);
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .components006 .content .pic img {
  max-width: 850px;
  margin-bottom: 2rem;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .topic-item .conversation {
  margin-bottom: 5rem !important;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .topic-item .conversation .conversation-line3 {
  display: flex;
  grid-gap: 3vw;
  grid-gap: 3vw;
  gap: 3vw;
  margin-top: 3rem;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .topic-item .conversation .conversation-line3 .conversation-message {
  width: 30vw;
  height: 8vw;
  position: relative;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-text {
  font-size: 1.5vw;
  font-weight: 400;
  z-index: 10;
  position: relative;
  height: 100%;
  display: flex;
  text-align: center;
  padding: 1vw 1vw 1vw 7vw;
  justify-content: center;
  align-items: center;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-bg {
  height: 100%;
  width: 100%;
  position: absolute;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .cando-section .can-do .cando-title,
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .cando-section .can-not-do .cando-title {
  font-size: 1.5rem;
  line-height: 1.2;
  padding: 1rem;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .cando-section .can-do .cando-title {
  background-color: #e7444e !important;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .animation017-content .animation017-tip {
  max-width: 204px;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .component003.position-right img {
  z-index: 11;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .animation009 .animation009-tip {
  max-width: 212px;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .animation012 {
  margin-bottom: 0 !important;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .component003.position-right.customer600 .component003-tip {
  margin-right: 20%;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .animation008 .animation008-content .animation008-header > .subtitle .arrow.r4 {
  display: none;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .component003.customer-welcome .tip-arrow .line1 {
  width: 59px;
  height: 1px;
  background: #000;
  transform: rotate(-12.5deg);
  position: absolute;
  top: 5px;
  right: 47px;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .component003.customer-welcome .tip-arrow .line2 {
  width: 58px;
  height: 1px;
  background: #000;
  transform: rotate(12.5deg);
  position: absolute;
  bottom: 5px;
  right: 48px;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .component003.position-right.customer600 .component003-tip {
  margin-right: 20%;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .component003.position-right.customer900 {
  padding-right: 6.25rem;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .component003.position-right.customer900 .component003-tip {
  margin-right: 25%;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .animation011.component.customer900 {
  margin-top: -20rem;
  margin-left: 5rem;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .animation011 .animation011-content .animation011-item .animation011-indicate-number {
  border-radius: 25%/60%;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item {
  width: 1440px;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item {
  justify-content: center;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .phishing-indentify-section {
  margin-bottom: 10rem;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .component003.position-right.a004 {
  margin-right: 12rem;
  margin-bottom: 5rem;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .component003.position-right.a004 .component003-tip {
  margin-right: 20%;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .component003.position-right.a004 .component003-tip .tip-text {
  line-height: 2rem;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .component003.position-right.a005 {
  margin-top: -8rem;
  margin-bottom: 5rem;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .component003.position-right.a005 .component003-tip {
  margin-right: 20%;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .component003.position-right.a005 .component003-tip .tip-text {
  line-height: 2rem;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .animation002 {
  margin-top: -22rem;
  margin-bottom: 0rem !important;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .component003.position-left .component003-tip {
  z-index: 11;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .animation002 .bp-panel {
  display: flex;
  justify-content: space-between;
  padding: 1.5rem;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .animation002 .bp-panel .number {
  font-size: 2.5rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content {
  min-height: 10rem;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .animation009 {
  margin-bottom: 5rem !important;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .animation009 .animation009-content {
  flex-wrap: wrap;
  justify-content: flex-start;
  grid-gap: 1.2rem;
  gap: 1.2rem;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .animation009 .animation009-content .animation009-item {
  width: calc(33% - 1rem) !important;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .animation008 .animation008-content .animation008-item .animation008-top {
  font-size: 1.75rem;
  margin-top: 2.5rem;
  padding-left: 46px;
  padding-right: 46px;
  line-height: 2.5rem;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .animation008.welcome {
  margin-top: 5rem !important;
  margin-bottom: 5rem !important;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .animation008.welcome .animation008-content .animation008-item .animation008-top {
  margin-top: 1rem;
  text-align: left;
  align-items: baseline;
  min-height: 7.5rem;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .animation008.welcome .animation008-content .animation008-item .animation008-text {
  padding-top: 0;
  padding-bottom: 0;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .animation008.welcome .animation008-content .animation008-item .animation008-text ul {
  padding-left: 2.5rem;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .animation008.welcome .animation008-content .animation008-item .small-icon {
  text-align: left;
  padding-left: 3.5rem;
  margin-top: 1.5rem;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .animation008 .animation008-content .animation008-item .animation008-text {
  font-size: 1.25rem;
  line-height: 2rem;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .animation008 .animation008-content {
  padding-right: 1.875rem;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .animation008 .animation008-content .animation008-item .animation008-top {
  margin-top: 1rem;
  text-align: left;
  align-items: baseline;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .animation004.no-title {
  height: 350px;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .animation004.no-title .four-steps-section .step.step1 {
  bottom: 0;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .animation004.no-title .four-steps-section .step.step2 {
  bottom: 3rem;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .animation004.no-title .four-steps-section .step.step3 {
  bottom: 6rem;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .animation004.no-title .four-steps-section .step.step4 {
  bottom: 9rem;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .quiz-section .quiz-section-body .quiz-result-area {
  margin-top: 0;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .quiz-section .quiz-section-body .quiz-result-area img {
  width: 5rem;
  margin-bottom: 0;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .quiz-section .quiz-section-body .quiz-result-area .text {
  font-size: 1.5rem;
  margin-bottom: 0;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .course-landing-content .landing-img img .quiz-section .quiz-section-body .quiz-result-area .quiz-try-again-button {
  margin-top: 0;
}

@media (min-width: 1980px) {
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content {
    min-height: calc(100vh - 1400px);
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation004.no-title.it400-a004-1 {
    height: 12vw;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .topic-item .conversation {
    padding: 2vw;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 {
    grid-gap: 1vw;
    gap: 1vw;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .avater {
    width: 10%;
    height: 10%;
    margin-top: 8%;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message .conversation-message-text {
    padding: 10% 10% 10% 25%;
    font-size: 1.8rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 {
    grid-gap: 1vw;
    gap: 1vw;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .avater {
    width: 10%;
    height: 10%;
    margin-top: 5%;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message .conversation-message-text {
    padding: 10% 25% 10% 10%;
    font-size: 1.8rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 {
    grid-gap: 1vw;
    gap: 1vw;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .avater {
    width: 10%;
    height: 10%;
    margin-top: 8%;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-text {
    padding: 10% 10% 10% 25%;
    font-size: 1.8rem;
  }
}
@media (min-width: 1980px) {
  .cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation004.no-title.it400-a004-1 {
    height: 25vw;
  }
  .cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-desc {
    height: 185px;
  }
  .cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab {
    height: 220px !important;
  }
  .cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .avater {
    margin-top: 4vw;
  }
  .cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message .conversation-message-text {
    padding: 10% 10% 10% 25%;
    font-size: 1.1vw;
  }
  .cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .avater {
    margin-top: 4vw;
  }
  .cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message .conversation-message-text {
    padding: 10% 25% 10% 10%;
    font-size: 1.1vw;
  }
  .cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .avater {
    margin-top: 4vw;
  }
  .cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-text {
    padding: 10% 10% 10% 25%;
    font-size: 1.1vw;
  }
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content {
    min-height: unset;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation016.it400-a016-1 {
    padding: 0 11rem;
    margin-right: 0;
    margin-top: 0rem !important;
    position: relative;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .component003.position-left.it200-c003-2 .component003-tip .tip-arrow {
    left: -81px;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .component003.position-left.it200-c003-2 .component003-tip .tip-arrow .line2 {
    right: 46px;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .component003.position-right.it200-c003-1 .component003-tip .tip-arrow {
    right: -98px;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .component003.position-right.it200-c003-1 .component003-tip .tip-arrow .line1 {
    width: 56px;
    right: 44px;
    transform: rotate(13deg);
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .component003.position-left.it900-c003-2 .tip-arrow {
    left: -81px;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .component003.position-left.it900-c003-2 .tip-arrow .line1 {
    width: 54px;
    right: 45px;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .component003.position-right.it900-c003-1 .component003-tip .tip-arrow .line1 {
    width: 58px;
    right: 45px;
    transform: rotate(13deg);
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .component003.position-right.a004 .component003-tip .tip-arrow {
    right: -98px;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .component003.position-right.it900-c003-1 .component003-tip {
    margin-right: 35%;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation017-content .animation017 {
    padding-right: 0 !important;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation012-content .animation012-item .click-point {
    left: 175px;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .component005-component003 .component003-tip {
    margin-right: 32%;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .component003.position-right.a005 .component003-tip {
    margin-right: 30%;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation021 .animation021-content .animation021-item .animation021-text {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation021 .animation021-content .animation021-item .animation021-icon {
    height: auto;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation024 {
    margin-right: 0;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation024 .animation024-content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: auto;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item {
    width: calc(100% - 2rem);
    height: auto;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .animation024-indicate-number {
    min-width: unset;
    height: auto;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .animation024-indicate-number img {
    width: 14rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .animation024-text {
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .next-topic-button {
    font-size: 1.4rem;
    line-height: 2rem;
    height: 10rem;
    white-space: break-spaces;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .course-landing-content .course-landing-text .gif {
    margin-left: 13px;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .component003.position-right.a004 {
    margin-right: 0;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .component003.position-right.a004 .component003-tip {
    margin-right: 32%;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel {
    font-size: 1.5rem;
    line-height: 1.5;
    z-index: 11;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .component003.position-right.customer900 .component003-tip {
    margin-right: 35%;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .component003.position-left .component003-tip {
    margin-left: 32vw;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .component003.position-right.customer900 {
    z-index: 0;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .component003.position-right.customer900 img {
    max-width: 16vw;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation011 .animation011-content .animation011-item {
    padding-left: 0 !important;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .topic-item .animation002 .click-point {
    z-index: 11;
    width: 110px;
    position: absolute;
    top: 100px;
    left: 475px;
    transform: rotate(270deg);
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation018 .animation018-contaner .animation018-item .text {
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .component003.position-right.customer600 img {
    max-width: 26vw;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .component003.position-right.customer600 .component003-tip {
    margin-right: 30%;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation014 {
    padding: 0;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-text {
    width: 90%;
    font-size: 1.4rem;
    line-height: 2rem;
    height: 145px;
    padding: 2rem 1rem 0 1rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-text ul {
    padding-left: 2.5rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation016 .animation016-content .animation016-item .animation016-list {
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation016 .animation016-content .animation016-item .animation016-content {
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation016 .animation016-content .animation016-item .animation016-header {
    font-size: 1.6rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation019 {
    width: 100%;
    display: flex;
    position: relative;
    margin: auto;
    margin-bottom: 6.25rem;
    margin-top: 20rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation019 .animation019-bg {
    width: calc(70vw - 4rem);
    height: calc((70vw - 4rem) * 646 / 1209);
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s1 {
    right: 78vw;
    left: unset;
    bottom: 7vw;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s2 {
    right: 67vw;
    left: unset;
    bottom: 25vw;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s3 {
    left: calc(50% - 7.8125rem);
    bottom: 38vw;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s4 {
    left: 67vw;
    right: unset;
    bottom: 25vw;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s5 {
    left: 78vw;
    right: unset;
    bottom: 7vw;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel .animation019-content {
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step1 {
    bottom: 0;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step2 {
    bottom: 4.5rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step3 {
    bottom: 7.5rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step4 {
    bottom: 10.5rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-desc {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 10vw;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .component002 .component003 {
    margin-bottom: 0;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .component002 .component003 .component003-tip {
    right: 20%;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container {
    height: 44.125rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section {
    height: 900px;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item {
    padding-left: 2rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item > img {
    max-width: 100%;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation013.three {
    margin-top: -20rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation013.three .animation013-content {
    justify-content: flex-start;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation013.three .animation013-content .animation013-item {
    width: 28% !important;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation013.three .animation013-content .animation013-header span {
    font-size: 2rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message-text {
    font-size: 2rem !important;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-text {
    padding: 1vw 1vw 1vw 15vw;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .components006 .content .pic {
    margin-bottom: 5rem !important;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .components006 .content .pic img {
    width: 100%;
    height: 100%;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .components006 .content .next-button {
    padding: 0;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .components006 .content .prev-button {
    padding: 0;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section {
    margin-left: 0 !important;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .component007 .component007-1 {
    background-size: contain;
    width: 200px;
    height: 548px;
    padding-top: 112px;
    padding-bottom: 287px;
    font-size: 20px;
    line-height: normal;
    margin: 0;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .component007 .pic img {
    margin-top: 11rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation005 .animation005-content .animation005-item {
    min-height: 34vw;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container {
    height: 44.125rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section {
    height: 900px;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation012-content .animation012-item .animation012-line img {
    height: 6.4375rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation013 .animation013-content {
    flex-wrap: wrap;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation013 .animation013-content .animation013-item {
    width: calc(50% - 1rem) !important;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .component003-tip.position-right.it930-c003-3 .tip-arrow .line1 {
    right: 45px;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .component003.position-right.it900-c003-1 .component003-tip .tip-arrow .line1 {
    width: 60px;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .component003.a004 .tip-arrow .line1 {
    right: 45px;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .component003-tip.position-right.it930-c003-3 .tip-arrow .line1 {
    right: 45px;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation021 .animation021-content .animation021-item .animation021-text {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation021 .animation021-content .animation021-item .animation021-icon {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
    height: auto;
    display: flex;
    align-items: center;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .animation033-body .sub-task-text .click-point1 {
    right: -42%;
    bottom: -100%;
    transform: rotate(300deg);
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation004.no-title.it400-a004-1 .four-steps-section .step .indicator {
    font-size: 2vw;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .cando-section .can-do .cando-title,
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .cando-section .can-not-do .cando-title {
    height: 6rem;
    width: 100%;
    font-size: 2.5rem !important;
    line-height: 1.2 !important;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation016.it400-a016-1 {
    padding: 0;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation016.it400-a016-1 .animation016-content .animation016-item .animation016-content {
    font-size: 1.4rem;
    line-height: 1.2;
    min-height: 17rem;
    padding: 2rem;
    align-items: flex-start;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation021 .animation021-content {
    padding: 0;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .component003.position-right.it900-c003-1 .component003-tip .tip-arrow .line1 {
    width: 57px;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .component003.position-right.it200-c003-1 .component003-tip {
    right: 0;
    margin-right: 35% !important;
    padding: 9% !important;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .component003.position-right.it200-c003-1 img {
    margin-top: 13%;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .component003.position-right.it900-c003-1 .component003-tip .tip-arrow {
    right: -98px;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .component003.position-right.a004 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation016 {
    padding: 0;
    margin-bottom: 20rem !important;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation016 .animation016-content {
    flex-wrap: wrap;
    justify-content: center;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation016 .animation016-content .animation016-item {
    width: 40% !important;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation012-content .animation012-item .click-point {
    transform: rotate(0deg);
    top: unset;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation024 {
    margin-right: 0;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation024 .animation024-content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: auto;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item {
    width: calc(100% - 2rem);
    height: auto;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .animation024-indicate-number {
    min-width: unset;
    height: auto;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .animation024-indicate-number img {
    width: 14rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .animation024-text {
    font-size: 2rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation009 .animation009-content .animation009-item {
    width: calc(50% - 1rem) !important;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation009 .animation009-tip {
    padding: 15rem 1rem 23.5rem 1rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation023 {
    margin-top: 32rem !important;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation023 .animation023-contaner {
    width: calc(50% - 1.5rem);
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation023 .animation023-contaner .animation023-item .text {
    bottom: 0;
    width: 100%;
    height: 100%;
    padding: 13rem 4rem 1rem 3rem;
    font-size: 1.6rem;
    line-height: 1.5;
    display: flex;
    align-items: center;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip {
    bottom: 16rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 8rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section {
    height: 755px;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation013.three {
    margin-top: 0rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation013.three .animation013-content {
    justify-content: flex-start;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation013.three .animation013-content .animation013-item {
    width: 24% !important;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation013.three .animation013-content .animation013-header span {
    font-size: 1rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content {
    align-items: self-start;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation019 {
    margin-top: 25rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation019 .animation019-bg {
    width: 60vw;
    height: calc(60vw * 646 / 1209);
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s1 {
    right: 73vw;
    left: unset;
    bottom: 7vw;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s2 {
    right: 58vw;
    left: unset;
    bottom: 32vw;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s3 {
    left: calc(50% - 5rem);
    bottom: 38vw;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s4 {
    left: 58vw;
    right: unset;
    bottom: 32vw;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s5 {
    left: 73vw;
    right: unset;
    bottom: 7vw;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel .animation019-content {
    padding: 1rem;
    width: 12rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation011 {
    margin-top: 0;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .component003.position-right img {
    max-width: 25vw;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation013 {
    margin: 0;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation013 .animation013-content .animation013-header .arrow {
    right: 0.3rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message-text {
    font-size: 1.5rem !important;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation001.animation001-s3 .animation001-2 .animation001-item .animation001-body img {
    width: 100%;
    height: auto;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .component007 .component007-1 {
    background-size: contain;
    width: 150px;
    height: 411px;
    padding-top: 112px;
    padding-bottom: 287px;
    font-size: 20px;
    line-height: normal;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .component007 .pic {
    width: calc(100% - 166px);
    margin-left: 1rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .component007 .pic img {
    margin-top: 8rem;
    width: 100%;
    height: auto;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation013 {
    margin: 0;
    padding: 0;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation013 .animation013-content .animation013-header .arrow {
    right: 0.3rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation013 .animation013-content .animation013-content ul .animation013-text {
    padding: 1.0625rem 1.1rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .component007 .component007-1 {
    background-size: contain;
    width: 150px;
    height: 411px;
    padding-top: 85px;
    padding-bottom: 216px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
    line-height: normal;
    margin: 0;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .component007 .pic {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation012 .animation012-content {
    grid-gap: 1rem !important;
    gap: 1rem !important;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .animation012-item {
    position: relative;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .background-line1 {
    height: 2.5rem;
    top: 21%;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .background-line2 {
    height: 2.5rem;
    top: 72%;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .animation012-item .animation012-icon img {
    width: 3.25rem;
    height: 3.25rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation012-content .animation012-item .click-point {
    width: 4rem!important;
    bottom: -2rem !important;
    left: calc(50% - 2rem) !important;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .component003.a004 .tip-arrow .line1 {
    right: 42px;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation021 .animation021-content {
    align-items: flex-start;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation021 .animation021-content .animation021-item {
    width: calc(33.33% - 1rem) !important;
    height: auto;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation021 .animation021-content .animation021-item .animation021-icon {
    width: 80%;
    height: auto;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .next-paragraph-bar {
    margin-right: -3.5rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation016 .animation016-content .animation016-item .animation016-content {
    min-height: 15rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation016 .animation016-content .animation016-item {
    width: 100% !important;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation016 .animation016-content .animation016-item .animation016-content {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation016.it400-a016-1 {
    padding: 0 6rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation016 {
    margin-bottom: 5rem !important;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .component003.position-left.it200-c003-2 .component003-tip .tip-arrow {
    left: -82px;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .component003.position-left.it200-c003-2 .component003-tip .tip-arrow .line2 {
    right: 46px;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .component003.position-right.it900-c003-1 .component003-tip .tip-arrow {
    right: -98px;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .component003.position-right.it900-c003-1 .component003-tip .tip-arrow .line1 {
    width: 57px;
    right: 45px;
    transform: rotate(14deg);
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .component003.position-right.it900-c003-1 img {
    margin-top: 5%;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .component003.position-right.it400-c003-1 img {
    margin-top: 5%;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .component003.position-right.it200-c003-1 img {
    margin-top: 40%;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .component003.position-right.it200-c003-1 .component003-tip {
    right: 0;
    margin-right: 35% !important;
    padding: 10% !important;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .component003.position-right.it200-c003-1 .component003-tip .tip-arrow {
    top: calc(50% + 30px);
    transform: rotate(14deg);
    right: -95px;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .landing-img-panel-sm {
    grid-gap: 8px;
    gap: 8px;
    margin-top: 2rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation020-content .animation020 .animation020-item .animation020-head {
    width: 90%;
    padding-left: 9rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation020-content .animation020 .animation020-item .animation020-list {
    margin-top: 60px;
    width: 75%;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .component003.position-left.it900-c003-2 .tip-arrow .line1 {
    width: 52px;
    right: 47px;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation020-content {
    position: relative;
    margin-right: 0;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item {
    width: 100% !important;
    position: relative;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .click-point {
    width: 80px;
    bottom: -100px;
    left: calc(50% - 40px);
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation022 .animation022-content {
    margin-top: 28rem;
    padding-right: 0;
    justify-content: space-between;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item {
    width: calc(50% - 1rem) !important;
    height: auto;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-text {
    width: 10rem;
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation012-content .animation012-item .animation012-line img {
    height: 97.5px;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation012 {
    margin-bottom: 0 !important;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation012 .animation012-content {
    padding: 0;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .animation012-item .animation012-text {
    width: 7rem;
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation017-content .animation017-tip {
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item .animation017-text {
    font-size: 1.6rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation016 {
    padding: 0;
    margin: 0;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation016 .animation016-content {
    flex-wrap: wrap;
    justify-content: center;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation016 .animation016-content .animation016-item {
    width: 70% !important;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .indicator.indicator-title {
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation004.no-title {
    margin-top: 0;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .text {
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step2 {
    bottom: 2rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step3 {
    bottom: 3.5rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step4 {
    bottom: 5.5rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation021 .animation021-content {
    justify-content: space-between;
    padding: 0;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation021 .animation021-content .animation021-item {
    width: calc(50% - 1rem) !important;
    height: auto;
    margin-top: 0;
    position: relative;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation021 .animation021-content .animation021-item .animation021-text {
    width: 80%;
    font-size: 1.6rem;
    line-height: 1.5;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: unset;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation021 .animation021-content .animation021-item .animation021-icon {
    min-height: unset;
    width: 80%;
    height: auto;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation021 .animation021-content .animation021-item .animation021-icon img {
    width: 100%;
    height: auto;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .component003.position-right.a004 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .component003.position-right.a004 .tip-text span {
    font-size: 1.5rem !important;
    line-height: 1.5;
    display: unset;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .component003.position-right.a004 .tip-arrow .line1 {
    width: 54px;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .component003.position-right.a004 img {
    max-width: 40vw;
    z-index: 11;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .component003.position-left.customer-welcome img {
    left: 0;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .component003.position-left.customer-welcome .component003-tip {
    margin-left: 42vw;
    padding: 2.5rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .component003.position-left.customer-welcome .component003-tip span {
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation012-content .animation012-item .click-point {
    transform: rotate(0deg);
    top: unset;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation020-title {
    min-height: 60px;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-top {
    padding-left: 35px;
    padding-right: 35px;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .component003 .tip-arrow .line1 {
    width: 52px;
    right: 45px;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation009 .animation009-tip {
    padding: 14rem 1rem 23.5rem 1rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation009 .animation009-tip {
    margin-right: 0;
    width: 35%;
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation009 .animation009-content {
    width: 65%;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation009 .animation009-content .animation009-item {
    width: calc(100% - 1rem) !important;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-desc {
    font-size: 1.4rem;
    line-height: 1.4;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content {
    font-size: 1.4rem;
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s1 {
    left: 2vw;
    bottom: 2vw;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s2 {
    left: 2vw;
    bottom: 20vw;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s3 {
    left: 16vw;
    bottom: 42vw;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s4 {
    right: 16vw;
    bottom: 42vw;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s5 {
    right: 2vw;
    bottom: 20vw;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s6 {
    right: 2vw;
    bottom: 2vw;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation006 .animation006-radius {
    font-size: 1.4rem;
    padding: 0;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation023 {
    margin-top: 32rem !important;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation023 .animation023-contaner {
    width: calc(100% - 1.5rem);
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation023 .animation023-contaner .animation023-item .text {
    bottom: 0;
    width: 100%;
    height: 100%;
    padding: 16rem 5rem 1rem 4rem;
    font-size: 2rem;
    line-height: 1.5;
    display: flex;
    align-items: center;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .component008 .tip-text {
    top: 0rem;
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .component008 .component008-person {
    top: 1.5rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-text .animation008-content {
    padding-top: 0;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-top {
    font-size: 2rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-text .animation008-content {
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .component005-component003 .component003-tip {
    width: 200px;
    height: 27rem;
    left: 0;
    top: -120%;
    padding: 3rem !important;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content .text {
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip .tip-arrow {
    top: 70%;
    transform: rotate(15deg);
    right: -97px;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip .tip-arrow .line1 {
    width: 59px;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation024 {
    margin-right: 0;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation024 .animation024-content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: auto;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item {
    width: calc(100% - 2rem);
    height: auto;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .animation024-indicate-number {
    min-width: unset;
    height: auto;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .animation024-indicate-number img {
    width: 14rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .animation024-text {
    font-size: 2rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .component003.position-right.customer600 img {
    max-width: 45vw;
    margin-top: 2rem;
    margin-right: -2rem;
    z-index: 11;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation019 {
    margin-bottom: 20rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel .animation019-content {
    height: auto;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation019 .animation019-bg {
    width: 80vw;
    height: calc(80vw * 646 / 1209);
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel {
    display: flex;
    align-items: start;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s1 {
    right: 56vw;
    bottom: -42vw;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s2 {
    right: 62vw;
    left: unset;
    bottom: 32vw;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s3 {
    right: 27vw;
    left: unset;
    bottom: 38vw;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s4 {
    left: 62vw;
    bottom: 35vw;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s5 {
    left: 56vw;
    bottom: -47vw;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-text .animation008-content {
    padding-left: 0;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-header > .subtitle .arrow {
    right: -100%;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab {
    font-size: 1.4rem;
    line-height: 2rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    font-size: 1.4rem;
    line-height: 2rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 5rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .component003.position-left img {
    z-index: 11;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .component003.position-left .component003-tip {
    margin-left: 40vw;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    padding: 1rem 1rem;
    min-height: unset;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation013.three {
    margin-top: 0rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation013.three .animation013-content {
    justify-content: center;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation013.three .animation013-content .animation013-item {
    width: 90% !important;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation013.three .animation013-content .animation013-header {
    height: auto;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation013.three .animation013-content .animation013-header span {
    font-size: 1rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .component003.position-right .component003-tip {
    right: 1.3rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation020-content .animation020 {
    margin-right: 0;
    grid-gap: 2rem;
    gap: 2rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation011 {
    margin-top: 25rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation011 .animation011-content {
    grid-gap: 2rem;
    gap: 2rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation011 .animation011-content .animation011-item .animation011-text {
    font-size: 1.4rem;
    padding-left: 1.5;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .component003.position-right.a005 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .component003.position-right.a005 .component003-tip {
    right: 0;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .component003.position-right.a005 .component003-tip .tip-text span {
    font-size: 1.4rem !important;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .component003.position-right.a005 .tip-arrow .line1 {
    width: 55px;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .component003.position-right.a005 img {
    z-index: 11;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .component002 .component003 {
    margin-right: 0;
    margin-bottom: 0;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .component002 .component003 .component003-tip {
    right: 16%;
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message-text {
    font-size: 1.4rem !important;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-text {
    padding: 3vw 5vw 3vw 19vw;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section {
    height: 250px;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation009 .animation009-content .animation009-item .animation009-text {
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .component007 .component007-1 {
    width: 100px;
    height: 267px;
    padding-top: 55px;
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 141px;
    font-size: 10px;
    margin: 0;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .component007 .pic {
    width: calc(100% - 100px);
    margin-left: 1rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .component007 .pic img {
    margin-top: 5rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section {
    height: 600px;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .animation012-item .animation012-text {
    min-height: 105px;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation012-content .animation012-item .animation012-line img {
    height: 97.5px;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .animation012-item .animation012-icon img {
    width: 2.25rem;
    height: 2.25rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .background-line1 {
    height: 2rem;
    top: 23.5%;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .background-line2 {
    height: 2rem;
    top: 75%;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .component003.position-left .component003-tip span {
    font-size: 1.4rem !important;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .component003.position-left .component003-tip {
    margin-left: 54vw;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .component003.position-left img {
    left: 4rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip .tip-text {
    font-size: 1.4rem;
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item {
    background-size: 55% 100%;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .next-topic-button {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    white-space: break-spaces;
    font-size: 1.4rem;
    line-height: 1;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section {
    height: 560px;
    margin-bottom: 0;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation021 {
    margin-top: 2rem;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation021 .animation021-content .animation021-item {
    cursor: pointer;
    margin: 0;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation027 .animation027-item .animation027-text {
    height: auto;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
    margin-bottom: 2rem;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation027 .animation027-item .click-point {
    width: 60px;
    right: 20px;
    bottom: -40px;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation020-content .animation020 .animation020-item .animation020-list .animation020-text {
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .component003.position-left.customer-welcome .component003-tip {
    top: 4rem;
    padding: 3rem;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .component003.position-right.a004 {
    margin: 0;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .component003.position-right.a004 .component003-tip {
    width: 52%;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .component003.position-right.a004 img {
    margin-top: 3rem;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .indicator.indicator-title {
    font-size: 1.4rem;
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation004.no-title {
    margin-top: 5rem;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation016 .animation016-content .animation016-item .animation016-list {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation016 .animation016-content .animation016-item .animation016-content {
    font-size: 1.4rem;
    line-height: 1.2;
    min-height: unset;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation017-content .animation017-tip {
    padding: 15rem 0.5rem 23.5rem 0.5rem;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation016 {
    padding: 0;
    margin-bottom: 10rem !important;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation017-content .animation017 .animation017-item .animation017-text {
    font-size: 1.6rem;
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .animation012-item .animation012-text {
    width: 8rem;
    min-height: 168px;
    font-size: 1.4rem;
    margin: 0;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation012-content .animation012-item .animation012-line img {
    height: 123px;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .background-line1 {
    top: 27%;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation012 .animation012-content .background-line2 {
    top: 85%;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation022 .animation022-content {
    padding-left: 2rem;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .cando-section {
    margin-bottom: 5rem;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation023 .animation023-contaner .animation023-item .text {
    font-size: 2rem;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab .text {
    font-size: 1.4rem;
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 18vw;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .component003.position-left.customer200 .component003-tip {
    margin-left: 40vw;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .component003.position-left.customer200 img {
    left: 0;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation006 {
    margin-top: 10rem;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation006 {
    margin-top: 10rem;
    margin-bottom: 15rem;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-radius {
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-bg {
    width: calc(100vw - 4rem);
    height: calc((140vw - 4rem) * 595 / 1024);
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content {
    width: 30vw;
    height: 120px;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s1 {
    left: -2vw;
    bottom: -43vw;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s2 {
    left: 0vw;
    bottom: 18vw;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s3 {
    left: 13vw;
    bottom: 55vw;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s4 {
    right: 13vw;
    bottom: 55vw;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s5 {
    right: 0vw;
    bottom: 18vw;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s6 {
    right: -4vw;
    bottom: -20vw;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-radius {
    width: 28vw;
    height: 28vw;
    left: calc(50% - 14vw);
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .component005-component003 .component003-tip {
    width: 205px;
    height: 45rem;
    top: -250%;
    padding: 2rem !important;
    padding-left: 2.5rem !important;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip .tip-arrow {
    top: 80%;
    transform: rotate(15deg);
    right: -86px;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip .tip-text span {
    font-size: 1.4rem !important;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-top {
    font-size: 2rem;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .component003.position-right.customer600 img {
    margin-top: 10rem;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .component003.position-right.customer600 .component003-tip {
    right: 0;
    padding: 8% !important;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation019 {
    margin-top: 30rem;
    margin-bottom: 25rem;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s1 {
    right: 50vw;
    left: unset;
    bottom: -52vw;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s1 .animation019-content {
    width: 15rem;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s2 {
    right: 60vw;
    left: unset;
    bottom: 32vw;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s3 {
    left: calc(50% - 5rem);
    bottom: 40vw;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s4 {
    left: 60vw;
    right: unset;
    bottom: 32vw;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s5 {
    left: 50vw;
    right: unset;
    bottom: -60vw;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel.s5 .animation019-content {
    width: 15rem;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation019 .animation019-panel .animation019-content {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation012-content .animation012-item .click-point {
    bottom: -4rem !important;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation009 .animation009-content .animation009-item .animation009-indicate .animation009-icon img {
    max-width: 80%;
    max-height: 80%;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-desc {
    width: 100vw !important;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    top: 5vh;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 30vw;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns {
    bottom: -7rem;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-text {
    width: 12rem;
    min-height: 130px;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab .number {
    font-size: 2rem;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation004.no-title.it400-a004-1 .four-steps-section .step .indicator.indicator-title {
    font-size: 2.5vw;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation004.no-title.it400-a004-1 {
    height: 250px;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .component003.position-right.it900-c003-1 .component003-tip .tip-arrow .line1 {
    width: 58px;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .component003.a004 .tip-arrow .line1 {
    right: 44px;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .component003.position-left.it900-c003-2 .tip-arrow .line1 {
    width: 52px;
    right: 47px;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent {
    height: 8rem;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .component003.position-left.it930-c003-2 .component003-tip {
    margin-left: 40vw;
    margin-top: -5%;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .component003.position-left.it930-c003-2 .component003-tip .tip-arrow .line1 {
    right: 47px;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .component003.position-right.it200-c003-1 img {
    margin-top: 80%;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation016.it400-a016-1 .animation016-content .animation016-item {
    width: 100% !important;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation016.it400-a016-1 .animation016-content .animation016-item .animation016-content {
    min-height: auto;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation021 .animation021-content {
    align-items: flex-start;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation021 .animation021-content .animation021-item {
    width: calc(50% - 1rem) !important;
    height: auto;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation021 .animation021-content .animation021-item .animation021-icon {
    width: 100%;
    height: auto;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation021 .animation021-content .animation021-item .animation021-text {
    font-size: 1.4rem;
  }
}

@media (min-width: 1440px) {
  .cyber-security-training-page.course-page.en.ngo .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-desc {
    margin-bottom: 8rem;
  }
}
.cyber-security-training-page.course-page.en.ngo .ant-layout-content .course-body .course-body-content .phishing-indentify-section .title {
  width: calc(100% - 650px);
}
.cyber-security-training-page.course-page.en.ngo .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs {
  width: auto;
}
.cyber-security-training-page.course-page.en.ngo .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns {
  width: 270px;
}
.cyber-security-training-page.course-page.en.ngo .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab {
  min-height: 240px;
  width: 200px;
}

.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content {
  min-width: auto;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content {
  min-height: calc(100vh - 200px);
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content.quiz .course-landing .landing-img {
  position: relative;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content.quiz .course-landing .landing-img img {
  top: unset;
  height: 100%;
  max-height: 800px;
  width: auto;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .phishing-indentify-section {
  margin-bottom: 10rem;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs {
  justify-content: flex-end;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab {
  width: 240px;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .header {
  padding-right: 3.5rem;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .quiz-section .img-quiz {
  display: none;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body {
  margin-left: 0;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item {
  padding: 0 1.5rem;
}
.ngo.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview {
  height: 35%;
}
.ngo.cyber-security-training-page.course-page .ant-layout-content .course-left-side .paragraphs {
  height: 65%;
  overflow: scroll;
}

@media (min-width: 1980px) {
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content {
    min-height: calc(100vh - 1400px);
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .conversation {
    padding: 2vw;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 {
    grid-gap: 1vw;
    gap: 1vw;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .avater {
    width: 10%;
    height: 10%;
    margin-top: 8%;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message .conversation-message-text {
    padding: 10% 10% 10% 25%;
    font-size: 1.8rem;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 {
    grid-gap: 1vw;
    gap: 1vw;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .avater {
    width: 10%;
    height: 10%;
    margin-top: 5%;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message .conversation-message-text {
    padding: 10% 25% 10% 10%;
    font-size: 1.8rem;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 {
    grid-gap: 1vw;
    gap: 1vw;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .avater {
    width: 10%;
    height: 10%;
    margin-top: 8%;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-text {
    padding: 10% 10% 10% 25%;
    font-size: 1.8rem;
  }
}
@media (min-width: 1980px) {
  .cyber-security-training-page.course-page.en.ngo .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .avater {
    margin-top: 4vw;
  }
  .cyber-security-training-page.course-page.en.ngo .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.en.ngo .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message .conversation-message-text {
    padding: 10% 10% 10% 25%;
    font-size: 1.1vw;
  }
  .cyber-security-training-page.course-page.en.ngo .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .avater {
    margin-top: 4vw;
  }
  .cyber-security-training-page.course-page.en.ngo .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.en.ngo .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message .conversation-message-text {
    padding: 10% 25% 10% 10%;
    font-size: 1.1vw;
  }
  .cyber-security-training-page.course-page.en.ngo .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .avater {
    margin-top: 4vw;
  }
  .cyber-security-training-page.course-page.en.ngo .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.en.ngo .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-text {
    padding: 10% 10% 10% 25%;
    font-size: 1.1vw;
  }
}
@media (max-width: 1600px) {
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs {
    width: 680px;
  }
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page .ant-layout-content .course-body .next-topic-button {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    font-size: 1.4rem;
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content {
    min-height: unset;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .course-landing-content {
    min-height: 550px;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs {
    width: 100%;
    justify-content: flex-end;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab {
    font-size: 1.6rem;
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 12vh;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-desc {
    height: unset;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .header {
    padding-right: 0;
  }
  .cyber-security-training-page.course-page.en.ngo .ant-layout-content .course-body .course-body-content .phishing-indentify-section .title {
    width: 100%;
  }
  .cyber-security-training-page.course-page.en.ngo .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-desc {
    display: none;
  }
  .cyber-security-training-page.course-page.en.ngo .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab {
    min-height: 120px;
    width: 33.33%;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns {
    width: 165px;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab {
    font-size: 1.4rem;
    line-height: 1.2;
    min-height: 152px;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    min-height: 5.5vh;
    font-size: 1.4rem;
    line-height: 1.2;
    margin-left: 1.5vw;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 9vh;
    left: 3.5vw;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item:first-child .phishing-indentify-text {
    min-height: 15vh;
    font-size: 1.4rem;
    line-height: 1.2;
    margin-left: 1.5vw;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item:first-child img {
    top: 16vh;
    left: 3.5vw;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .title.non-border {
    padding-left: 0;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .description {
    margin-left: 0;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-switch-btns {
    width: 165px;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab {
    font-size: 1.4rem;
    line-height: 1.2;
    min-height: 125px;
    width: 100px;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    min-height: 4.5vh;
    font-size: 1.4rem;
    line-height: 1.2;
    margin-left: 1.5vw;
    width: 360px;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 6.5vh;
    left: 3.5vw;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item:first-child .phishing-indentify-text {
    min-height: 5vh;
    font-size: 1.4rem;
    line-height: 1.2;
    margin-left: 1.5vw;
    width: 360px;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item:first-child img {
    top: 11vh;
    left: 3.5vw;
  }
}

.cyber-security-training-page.course-page.en.E-commerce .ant-layout-content .course-body .course-body-content .topic-item .conversation.E-commerce1600-3-conversation .conversation-line2 .conversation-message {
  width: 50vw;
  height: 15vw;
}
.cyber-security-training-page.course-page.en.E-commerce .ant-layout-content .course-body .course-body-content .topic-item .conversation.E-commerce1600-3-conversation .conversation-line2 .conversation-message .conversation-message-text {
  padding: 2vw 11vw 1vw 3vw;
}
.cyber-security-training-page.course-page.en.E-commerce .ant-layout-content .course-body .course-body-content .phishing-indentify-section .title {
  width: 35%;
  margin-bottom: 10rem;
  font-size: 2.2rem;
}
.cyber-security-training-page.course-page.en.E-commerce .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs {
  width: 696px;
}

.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .next-topic-button {
  margin-top: 0;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content {
  min-width: auto;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content.index .course-landing .course-landing-content {
  min-height: 830px;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content {
  min-height: calc(100vh - 200px);
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content.quiz .course-landing .landing-img {
  position: relative;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content.quiz .course-landing .landing-img img {
  top: unset;
  height: 100%;
  max-height: 800px;
  width: auto;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .topic-item .header {
  padding-right: 3.5rem;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .phishing-indentify-section {
  margin-bottom: 10rem;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs {
  justify-content: flex-end;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab {
  width: 220px;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .component003.position-right.E-commerce1600-2-c003 img {
  margin-right: 3%;
}
.cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content {
  min-height: calc(100vh - 200px);
}
.cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .phishing-indentify-section .title {
  width: 40%;
  margin-bottom: 10rem;
}
.cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-desc {
  display: none;
}
.cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab {
  font-size: 20px;
  line-height: 1.2;
  height: 200px !important;
}
@media (max-width: 1680px) {
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-left-side .course-left-overview .course-steps {
    grid-gap: 2px;
    gap: 2px;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item {
    width: calc(14% - 2px);
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item .step-title {
    width: 100%;
    font-size: 0.6rem;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body {
    margin-left: calc(0.8125rem + 43px);
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item {
    padding-right: 1rem;
  }
}
@media (max-width: 1280px) {
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body {
    margin-left: calc(0.8125rem + 43px);
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item {
    padding-right: 1rem;
  }
}

@media (min-width: 1980px) {
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content {
    min-height: calc(100vh - 1400px);
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .topic-item .conversation {
    padding: 2vw;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 {
    grid-gap: 1vw;
    gap: 1vw;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .avater {
    width: 10%;
    height: 10%;
    margin-top: 8%;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message .conversation-message-text {
    padding: 10% 10% 10% 25%;
    font-size: 1.8rem;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 {
    grid-gap: 1vw;
    gap: 1vw;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .avater {
    width: 10%;
    height: 10%;
    margin-top: 5%;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message .conversation-message-text {
    padding: 10% 25% 10% 10%;
    font-size: 1.8rem;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 {
    grid-gap: 1vw;
    gap: 1vw;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .avater {
    width: 10%;
    height: 10%;
    margin-top: 8%;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-text {
    padding: 10% 10% 10% 25%;
    font-size: 1.8rem;
  }
}
@media (min-width: 1980px) {
  .cyber-security-training-page.course-page.en.E-commerce .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .avater {
    margin-top: 4vw;
  }
  .cyber-security-training-page.course-page.en.E-commerce .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.en.E-commerce .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message .conversation-message-text {
    padding: 10% 10% 10% 25%;
    font-size: 1.1vw;
  }
  .cyber-security-training-page.course-page.en.E-commerce .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .avater {
    margin-top: 4vw;
  }
  .cyber-security-training-page.course-page.en.E-commerce .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.en.E-commerce .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message .conversation-message-text {
    padding: 10% 25% 10% 10%;
    font-size: 1.1vw;
  }
  .cyber-security-training-page.course-page.en.E-commerce .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .avater {
    margin-top: 4vw;
  }
  .cyber-security-training-page.course-page.en.E-commerce .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.en.E-commerce .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-text {
    padding: 10% 10% 10% 25%;
    font-size: 1.1vw;
  }
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page .ant-layout-content .course-body .next-topic-button {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    font-size: 1.4rem;
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content {
    min-height: unset;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .course-landing-content {
    min-height: 550px;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .topic-item .header {
    padding-right: 0;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .next-topic-button {
    margin-top: 2rem;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .title {
    margin-bottom: 3rem;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs {
    width: 100%;
    justify-content: flex-end;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab {
    font-size: 1.6rem;
    line-height: 1.2;
    width: 30vw;
    height: -webkit-fit-content !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
    min-height: 100px;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 12vh;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-desc {
    height: unset;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .topic-item .course-landing-text {
    margin-left: 13px;
    margin-right: 13px;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .topic-item .course-landing-text .title {
    padding-left: 0;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .topic-item .course-landing-text .description {
    margin-left: 0;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    min-height: 5vh;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 7vh;
    max-height: 900px;
  }
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page .ant-layout-content .course-body .next-paragraph-bar {
    margin-left: -2rem;
    width: calc(100% + 4rem);
  }
  .cyber-security-training-page.course-page.en.E-commerce .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content {
    min-height: calc(50vh - 100px);
  }
  .cyber-security-training-page.course-page.en.E-commerce .ant-layout-content .course-body .course-body-content.quiz .course-landing .quiz-text {
    width: 90%;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item .step-title {
    font-size: 0.75rem;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab {
    font-size: 1.5rem;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container {
    height: calc(620px + 22vw) !important;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    min-height: 4vh;
    padding: 0.5rem 2rem;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 5vh;
    max-height: 620px;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab {
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    font-size: 1.4rem;
    min-height: 4vh;
    padding: 0.5rem;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 6vh;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .quiz-section {
    margin-bottom: 0;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .component003.position-right.E-commerce1200-2-c003-1 img {
    margin-top: 30%;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .component003.position-right.E-commerce1200-2-c003-1 .component003-tip {
    margin-right: 43%;
    padding: 3rem 2.8rem 3.5rem 3rem;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .component003.position-right.E-commerce1200-2-c003-1 .component003-tip .tip-arrow .line1 {
    width: 54px;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .component003.position-right.E-commerce1200-2-c003-1 .component003-tip .tip-arrow .line2 {
    width: 52px;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .phishing-indentify-section .title {
    width: 100%;
    margin-bottom: 2rem;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab {
    min-height: 155px;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container {
    height: calc(370px + 22vw) !important;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    font-size: 1.4rem;
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 5vh;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container {
    height: calc(370px + 22vw) !important;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    font-size: 1.4rem;
    line-height: 1.2;
    min-height: 6vh;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 8vh;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .next-topic-button {
    margin-top: 2rem;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .topic-item .header {
    padding-right: 0;
  }
}

.cyber-security-training-page.course-page.startup.en .ant-layout-content .course-left-side .course-left-overview .topic-name {
  font-weight: 400;
  margin-left: 1.5rem;
  min-height: 0;
}

.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .next-topic-button {
  margin-top: 0;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content {
  min-width: auto;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content {
  min-height: calc(100vh - 200px);
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content.quiz .course-landing .landing-img {
  position: relative;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content.quiz .course-landing .landing-img img {
  top: unset;
  height: 100%;
  max-height: 800px;
  width: auto;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .header {
  padding-right: 3.5rem;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .phishing-indentify-section {
  margin-bottom: 10rem;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs {
  justify-content: flex-end;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab {
  width: 220px;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .component003.position-right.startup1600-2-c003 img {
  margin-right: 3%;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .quiz-section .img-quiz {
  display: none;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .cert-area {
  margin-bottom: 5rem;
}
.cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content {
  min-height: calc(100vh - 200px);
}
.cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .phishing-indentify-section .title {
  width: 40%;
  margin-bottom: 10rem;
}
.cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-desc {
  display: none;
}
.cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab {
  font-size: 20px;
  line-height: 1.2;
  height: 200px !important;
}
.startup.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview {
  height: 35%;
}
.startup.cyber-security-training-page.course-page .ant-layout-content .course-left-side .paragraphs {
  height: 65%;
  overflow: scroll;
}

@media (min-width: 1980px) {
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content {
    min-height: calc(100vh - 1400px);
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .conversation {
    padding: 2vw;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 {
    grid-gap: 1vw;
    gap: 1vw;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .avater {
    width: 10%;
    height: 10%;
    margin-top: 8%;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message .conversation-message-text {
    padding: 10% 10% 10% 25%;
    font-size: 1.8rem;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 {
    grid-gap: 1vw;
    gap: 1vw;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .avater {
    width: 10%;
    height: 10%;
    margin-top: 5%;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message .conversation-message-text {
    padding: 10% 25% 10% 10%;
    font-size: 1.8rem;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 {
    grid-gap: 1vw;
    gap: 1vw;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .avater {
    width: 10%;
    height: 10%;
    margin-top: 8%;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-text {
    padding: 10% 10% 10% 25%;
    font-size: 1.8rem;
  }
}
@media (min-width: 1980px) {
  .cyber-security-training-page.course-page.en.startup .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .avater {
    margin-top: 4vw;
  }
  .cyber-security-training-page.course-page.en.startup .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.en.startup .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message .conversation-message-text {
    padding: 10% 10% 10% 25%;
    font-size: 1.1vw;
  }
  .cyber-security-training-page.course-page.en.startup .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .avater {
    margin-top: 4vw;
  }
  .cyber-security-training-page.course-page.en.startup .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.en.startup .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message .conversation-message-text {
    padding: 10% 25% 10% 10%;
    font-size: 1.1vw;
  }
  .cyber-security-training-page.course-page.en.startup .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .avater {
    margin-top: 4vw;
  }
  .cyber-security-training-page.course-page.en.startup .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.en.startup .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-text {
    padding: 10% 10% 10% 25%;
    font-size: 1.1vw;
  }
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .header {
    padding-right: 0;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .next-topic-button {
    margin-top: 3.5rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .next-topic-button {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    font-size: 1.4rem;
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content {
    min-height: unset;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .course-landing-content {
    min-height: 550px;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .title {
    margin-bottom: 3rem;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs {
    width: 100%;
    justify-content: flex-end;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab {
    font-size: 1.6rem;
    line-height: 1.2;
    width: 30vw;
    height: -webkit-fit-content !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
    min-height: 100px;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 12vh;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-desc {
    height: unset;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .course-landing-text {
    margin-left: 13px;
    margin-right: 13px;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .course-landing-text .title {
    padding-left: 0;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .course-landing-text .description {
    margin-left: 0;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    min-height: 5vh;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 7vh;
    max-height: 900px;
  }
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.en.startup .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content {
    min-height: calc(50vh - 100px);
  }
  .cyber-security-training-page.course-page.en.startup .ant-layout-content .course-body .course-body-content.quiz .course-landing .quiz-text {
    width: 90%;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab {
    font-size: 1.5rem;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container {
    height: calc(620px + 22vw) !important;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    min-height: 4vh;
    padding: 0.5rem 2rem;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 5vh;
    max-height: 620px;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab {
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    font-size: 1.4rem;
    min-height: 4vh;
    padding: 0.5rem;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 6vh;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .quiz-section {
    margin-bottom: 0;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .component003.position-right.startup1200-2-c003-1 img {
    margin-top: 30%;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .component003.position-right.startup1200-2-c003-1 .component003-tip {
    margin-right: 43%;
    padding: 3rem 2.8rem 3.5rem 3rem;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .component003.position-right.startup1200-2-c003-1 .component003-tip .tip-arrow .line1 {
    width: 54px;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .component003.position-right.startup1200-2-c003-1 .component003-tip .tip-arrow .line2 {
    width: 52px;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .phishing-indentify-section .title {
    width: 100%;
    margin-bottom: 2rem;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab {
    min-height: 155px;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container {
    height: calc(370px + 22vw) !important;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    font-size: 1.4rem;
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 5vh;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container {
    height: calc(370px + 22vw) !important;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    font-size: 1.4rem;
    line-height: 1.2;
    min-height: 6vh;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 8vh;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .next-topic-button {
    margin-top: 2rem;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .topic-item .header {
    padding-right: 0;
  }
}

.cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-left-side {
  height: 100%;
}
.cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-left-side .course-left-overview {
  height: 250px;
}
.cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-left-side .paragraphs {
  height: calc(100% - 250px);
  overflow: scroll;
}
.cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-left-side .paragraphs::-webkit-scrollbar {
  display: none;
}
.cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-left-side .course-left-overview .topic-name {
  font-weight: 400;
  margin-left: 1.5rem;
}
.cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.fsi1600-2-conversation .conversation-line2 .conversation-message {
  width: 47vw;
  height: 12vw;
}
.cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content {
  min-width: auto;
}
.cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content {
  min-height: 800px;
}
.cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content.quiz .course-landing .landing-img {
  position: relative;
}
.cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content.quiz .course-landing .landing-img img {
  top: unset;
  width: auto;
  max-height: 700px;
}

.cyber-security-training-page.course-page.fsi .page-header {
  height: 96px;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-left-side {
  height: 100%;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-left-side .course-left-overview {
  height: 200px;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-left-side .paragraphs {
  height: calc(100% - 200px);
  overflow: scroll;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-left-side .paragraphs::-webkit-scrollbar {
  display: none;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .next-topic-button {
  margin-top: 0;
  padding-top: 9px;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content {
  min-width: auto;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content {
  min-height: 800px;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content.quiz .course-landing .landing-img {
  position: relative;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content.quiz .course-landing .landing-img img {
  top: unset;
  width: auto;
  max-height: 700px;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .t1600 .course-landing-content .landing-img img {
  width: 90%;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .topic-item .header {
  padding-right: 3.5rem;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .quiz-section .img-quiz {
  display: none;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .final-quiz-container {
  height: 780px;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .cert-area {
  margin-bottom: 5rem;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-left-side .course-left-overview .course-name {
  font-size: 20px;
  line-height: 1.3;
}

@media (min-width: 1980px) {
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .topic-item .conversation {
    padding: 2vw;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 {
    grid-gap: 1vw;
    gap: 1vw;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .avater {
    width: 10%;
    height: 10%;
    margin-top: 8%;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message .conversation-message-text {
    padding: 10% 10% 10% 25%;
    font-size: 1.8rem;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 {
    grid-gap: 1vw;
    gap: 1vw;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .avater {
    width: 10%;
    height: 10%;
    margin-top: 5%;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message .conversation-message-text {
    padding: 10% 25% 10% 10%;
    font-size: 1.8rem;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 {
    grid-gap: 1vw;
    gap: 1vw;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .avater {
    width: 10%;
    height: 10%;
    margin-top: 8%;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-text {
    padding: 10% 10% 10% 25%;
    font-size: 1.8rem;
  }
  .cyber-security-training-page.course-page.en.fsi .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .avater {
    margin-top: 4vw;
  }
  .cyber-security-training-page.course-page.en.fsi .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.en.fsi .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message .conversation-message-text {
    padding: 10% 10% 10% 25%;
    font-size: 1.1vw;
  }
  .cyber-security-training-page.course-page.en.fsi .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .avater {
    margin-top: 4vw;
  }
  .cyber-security-training-page.course-page.en.fsi .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.en.fsi .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message .conversation-message-text {
    padding: 10% 25% 10% 10%;
    font-size: 1.1vw;
  }
  .cyber-security-training-page.course-page.en.fsi .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .avater {
    margin-top: 4vw;
  }
  .cyber-security-training-page.course-page.en.fsi .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.en.fsi .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-text {
    padding: 10% 10% 10% 25%;
    font-size: 1.1vw;
  }
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.fsi .page-header {
    height: auto;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-left-side {
    height: 100%;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-left-side .course-left-overview {
    height: 200px;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-left-side .paragraphs {
    height: calc(100% - 200px);
    overflow: scroll;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-left-side .paragraphs::-webkit-scrollbar {
    display: none;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-left-side .course-left-overview .course-name {
    padding-right: 10rem;
    line-height: 1.3;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .next-topic-button {
    margin-top: 3.5rem;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    font-size: 1.4rem;
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content {
    min-height: unset;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .course-landing-content {
    min-height: 550px;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .topic-item .header {
    padding-right: 0;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .topic-item .course-landing-text {
    margin-left: 13px;
    margin-right: 13px;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .topic-item .course-landing-text .title {
    padding-left: 0;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .topic-item .course-landing-text .description {
    margin-left: 0;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .final-quiz-container {
    height: unset;
  }
  .cyber-security-training-page.course-page.en.fsi .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content {
    min-height: calc(50vh - 100px);
  }
  .cyber-security-training-page.course-page.en.fsi .ant-layout-content .course-body .course-body-content.quiz .course-landing .quiz-text {
    width: 90%;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .quiz-section {
    margin-bottom: 0;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .next-topic-button {
    margin-top: 2rem;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .topic-item .header {
    padding-right: 0;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.fsi1600-2-conversation .conversation-line2 .conversation-message {
    width: 75vw !important;
    height: 35vw !important;
  }
}

.cyber-security-training-page.course-page.student.en .ant-layout-content .course-left-side {
  height: 100%;
}
.cyber-security-training-page.course-page.student.en .ant-layout-content .course-left-side .course-left-overview {
  height: 250px;
}
.cyber-security-training-page.course-page.student.en .ant-layout-content .course-left-side .paragraphs {
  height: calc(100% - 250px);
  overflow: scroll;
}
.cyber-security-training-page.course-page.student.en .ant-layout-content .course-left-side .paragraphs::-webkit-scrollbar {
  display: none;
}
.cyber-security-training-page.course-page.student.en .ant-layout-content .course-left-side .course-left-overview {
  overflow: hidden;
}
.cyber-security-training-page.course-page.student.en .ant-layout-content .course-left-side .course-left-overview .course-steps {
  padding-left: 0.5rem;
  flex-wrap: wrap;
  grid-row-gap: 10px;
  row-gap: 10px;
}
.cyber-security-training-page.course-page.student.en .ant-layout-content .course-left-side .course-left-overview .topic-name {
  margin-bottom: 1rem;
}
.cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.fsi1600-2-conversation .conversation-line2 .conversation-message {
  width: 47vw;
  height: 12vw;
}
.cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content {
  min-width: auto;
}
.cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content {
  min-height: 800px;
}
.cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content.quiz .course-landing .landing-img {
  position: relative;
}
.cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content.quiz .course-landing .landing-img img {
  top: unset;
  width: auto;
  max-height: 60vh;
}

.cyber-security-training-page.course-page.student .page-header {
  height: 96px;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-left-side {
  height: 100%;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-left-side .course-left-overview {
  height: 200px;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-left-side .paragraphs {
  height: calc(100% - 200px);
  overflow: scroll;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-left-side .paragraphs::-webkit-scrollbar {
  display: none;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .next-topic-button {
  margin-top: 0;
  padding-top: 9px;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content {
  min-width: auto;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content {
  min-height: calc(100vh - 200px);
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content.quiz .course-landing .landing-img {
  position: relative;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content.quiz .course-landing .landing-img img {
  top: unset;
  width: auto;
  max-height: 60vh;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .t1600 .course-landing-content .landing-img img {
  width: 90%;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .header {
  padding-right: 3.5rem;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .quiz-section .img-quiz {
  display: none;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .final-quiz-container {
  height: 780px;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .cert-area {
  margin-bottom: 5rem;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .conversation.student1600-2-conversation .conversation-line2 .conversation-message {
  width: 46vw;
  height: 14vw;
}
.cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content {
  min-height: calc(100vh - 200px);
}
.cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.student1200-3-conversation .conversation-line2 .conversation-message {
  width: 55vw;
  height: 12vw;
}
.cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.student1600-2-conversation .conversation-line1 .conversation-message {
  width: 48vw;
  height: 14vw;
}
.cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.student1600-2-conversation .conversation-line2 .conversation-message {
  width: 58vw;
  height: 16vw;
}
.cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.student1600-2-conversation .conversation-line2 .conversation-message .conversation-message-text {
  padding: 4vw 13vw 3vw 4vw;
}
.cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .final-quiz-container {
  height: 860px;
}

@media (min-width: 1980px) {
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .conversation {
    padding: 2vw;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 {
    grid-gap: 1vw;
    gap: 1vw;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .avater {
    width: 10%;
    height: 10%;
    margin-top: 8%;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message .conversation-message-text {
    padding: 10% 10% 10% 25%;
    font-size: 1.8rem;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 {
    grid-gap: 1vw;
    gap: 1vw;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .avater {
    width: 10%;
    height: 10%;
    margin-top: 5%;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message .conversation-message-text {
    padding: 10% 25% 10% 10%;
    font-size: 1.8rem;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 {
    grid-gap: 1vw;
    gap: 1vw;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .avater {
    width: 10%;
    height: 10%;
    margin-top: 8%;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-text {
    padding: 10% 10% 10% 25%;
    font-size: 1.8rem;
  }
  .cyber-security-training-page.course-page.en.student .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .avater {
    margin-top: 4vw;
  }
  .cyber-security-training-page.course-page.en.student .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.en.student .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message .conversation-message-text {
    padding: 10% 10% 10% 25%;
    font-size: 1.1vw;
  }
  .cyber-security-training-page.course-page.en.student .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .avater {
    margin-top: 4vw;
  }
  .cyber-security-training-page.course-page.en.student .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.en.student .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message .conversation-message-text {
    padding: 10% 25% 10% 10%;
    font-size: 1.1vw;
  }
  .cyber-security-training-page.course-page.en.student .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .avater {
    margin-top: 4vw;
  }
  .cyber-security-training-page.course-page.en.student .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.en.student .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-text {
    padding: 10% 10% 10% 25%;
    font-size: 1.1vw;
  }
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.student .page-header {
    height: auto;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-left-side {
    height: 100%;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-left-side .course-left-overview {
    height: 200px;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-left-side .paragraphs {
    height: calc(100% - 200px);
    overflow: scroll;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-left-side .paragraphs::-webkit-scrollbar {
    display: none;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-left-side .course-left-overview .course-name {
    padding-right: 10rem;
    line-height: 1.3;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .next-topic-button {
    margin-top: 3.5rem;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    font-size: 1.4rem;
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content {
    min-height: unset;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .course-landing-content {
    min-height: 550px;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .header {
    padding-right: 0;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .course-landing-text {
    margin-left: 13px;
    margin-right: 13px;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .course-landing-text .title {
    padding-left: 0;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .course-landing-text .description {
    margin-left: 0;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .final-quiz-container {
    height: unset;
  }
  .cyber-security-training-page.course-page.en.student .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content {
    min-height: calc(50vh - 100px);
  }
  .cyber-security-training-page.course-page.en.student .ant-layout-content .course-body .course-body-content.quiz .course-landing .quiz-text {
    width: 90%;
  }
  .cyber-security-training-page.course-page.en.student .ant-layout-content .course-body .course-body-content .topic-item .conversation.student1600-2-conversation .conversation-line2 .conversation-message {
    width: 75vw!important;
    height: 18vw!important;
  }
  .cyber-security-training-page.course-page.en.student .ant-layout-content .course-body .course-body-content .topic-item .conversation.student1600-2-conversation .conversation-line2 .conversation-message .conversation-message-text {
    padding: 4vw 15vw 3vw 4vw !important;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .conversation.student1600-2-conversation .conversation-line2 .conversation-message {
    width: 76vw !important;
    height: 16vw !important;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.student1600-2-conversation .conversation-line1 .conversation-message .conversation-message-text {
    padding: 2vw 3vw 2vw 16vw!important;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.student1600-2-conversation .conversation-line2 .conversation-message {
    width: 75vw!important;
    height: 20vw!important;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.student1600-2-conversation .conversation-line2 .conversation-message .conversation-message-text {
    padding: 4vw 15vw 3vw 4vw !important;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .quiz-section {
    margin-bottom: 0;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .conversation.student1600-2-conversation .conversation-line2 .conversation-message {
    width: 76vw !important;
    height: 40vw !important;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .next-topic-button {
    margin-top: 2rem;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .header {
    padding-right: 0;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.student1400-2-conversation .conversation-line2 .avater {
    margin-top: 15% !important;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.student1400-2-conversation .conversation-line2 .conversation-message {
    width: 75vw !important;
    height: 35vw !important;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.student1200-3-conversation .conversation-line2 .conversation-message {
    width: 75vw!important;
    height: 35vw!important;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.student1600-2-conversation .conversation-line1 .avater {
    margin-top: 20% !important;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.student1600-2-conversation .conversation-line1 .conversation-message {
    width: 75vw!important;
    height: 38vw!important;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.student1600-2-conversation .conversation-line1 .conversation-message .conversation-message-text {
    padding: 4vw 4vw 3vw 17vw!important;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.student1600-2-conversation .conversation-line2 .avater {
    margin-top: 30% !important;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.student1600-2-conversation .conversation-line2 .conversation-message {
    width: 75vw!important;
    height: 60vw!important;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.student1600-2-conversation .conversation-line2 .conversation-message .conversation-message-text {
    padding: 4vw 15vw 3vw 4vw !important;
  }
}

.cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-left-side .course-left-overview {
  height: 250px;
}
.cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-left-side .course-left-overview .topic-name {
  font-weight: 400;
  margin-left: 1.5rem;
}
.cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-left-side .paragraphs {
  height: calc(100% - 250px);
  overflow: scroll;
}
.cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content.index .course-landing-content .landing-img-panel-sm {
  margin-top: 0;
}
.cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content {
  min-width: auto;
}
.cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content {
  min-height: 800px;
}
.cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content.quiz .course-landing .landing-img {
  position: relative;
}
.cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content.quiz .course-landing .landing-img img {
  top: unset;
  width: auto;
  max-height: 60vh;
}

.cyber-security-training-page.course-page.general2024 .page-header {
  height: 96px;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-left-side {
  height: 100%;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-left-side .course-left-overview {
  height: 200px;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-left-side .paragraphs {
  height: calc(100% - 200px);
  overflow: scroll;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-left-side .paragraphs::-webkit-scrollbar {
  display: none;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .next-topic-button {
  margin-top: 0;
  padding-top: 9px;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content {
  min-width: auto;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content {
  min-height: calc(100vh - 200px);
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content.quiz .course-landing .landing-img {
  position: relative;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content.quiz .course-landing .landing-img img {
  top: unset;
  width: auto;
  max-height: 60vh;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .t1600 .course-landing-content .landing-img img {
  width: 90%;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .header {
  padding-right: 3.5rem;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .quiz-section .img-quiz {
  display: none;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .cert-area {
  margin-bottom: 5rem;
}
.cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content {
  min-height: calc(100vh - 200px);
}

@media (min-width: 1980px) {
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content {
    min-height: calc(100vh - 1400px);
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .conversation {
    padding: 2vw;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 {
    grid-gap: 1vw;
    gap: 1vw;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .avater {
    width: 10%;
    height: 10%;
    margin-top: 8%;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message .conversation-message-text {
    padding: 10% 10% 10% 25%;
    font-size: 1.8rem;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 {
    grid-gap: 1vw;
    gap: 1vw;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .avater {
    width: 10%;
    height: 10%;
    margin-top: 5%;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message .conversation-message-text {
    padding: 10% 25% 10% 10%;
    font-size: 1.8rem;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 {
    grid-gap: 1vw;
    gap: 1vw;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .avater {
    width: 10%;
    height: 10%;
    margin-top: 8%;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-text {
    padding: 10% 10% 10% 25%;
    font-size: 1.8rem;
  }
  .cyber-security-training-page.course-page.en.general2024 .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .avater {
    margin-top: 4vw;
  }
  .cyber-security-training-page.course-page.en.general2024 .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.en.general2024 .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message .conversation-message-text {
    padding: 10% 10% 10% 25%;
    font-size: 1.1vw;
  }
  .cyber-security-training-page.course-page.en.general2024 .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .avater {
    margin-top: 4vw;
  }
  .cyber-security-training-page.course-page.en.general2024 .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.en.general2024 .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message .conversation-message-text {
    padding: 10% 25% 10% 10%;
    font-size: 1.1vw;
  }
  .cyber-security-training-page.course-page.en.general2024 .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .avater {
    margin-top: 4vw;
  }
  .cyber-security-training-page.course-page.en.general2024 .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.en.general2024 .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-text {
    padding: 10% 10% 10% 25%;
    font-size: 1.1vw;
  }
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.general2024 .page-header {
    height: auto;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-left-side {
    height: 100%;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-left-side .course-left-overview {
    height: 200px;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-left-side .paragraphs {
    height: calc(100% - 200px);
    overflow: scroll;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-left-side .paragraphs::-webkit-scrollbar {
    display: none;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-left-side .course-left-overview .course-name {
    padding-right: 10rem;
    line-height: 1.3;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .next-topic-button {
    margin-top: 3.5rem;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    font-size: 1.4rem;
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content {
    min-height: unset;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .course-landing-content {
    min-height: 550px;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .header {
    padding-right: 0;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .course-landing-text {
    margin-left: 13px;
    margin-right: 13px;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .course-landing-text .title {
    padding-left: 0;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .course-landing-text .description {
    margin-left: 0;
  }
  .cyber-security-training-page.course-page.en.general2024 .ant-layout-content .course-body .course-body-content.quiz .course-landing .course-landing-content {
    min-height: calc(50vh - 100px);
  }
  .cyber-security-training-page.course-page.en.general2024 .ant-layout-content .course-body .course-body-content.quiz .course-landing .quiz-text {
    width: 90%;
  }
  .cyber-security-training-page.course-page.en.general2024 .ant-layout-content .course-body .course-body-content.index .course-landing-content .landing-img-panel-sm {
    margin-top: 48px;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .quiz-section {
    margin-bottom: 0;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .next-topic-button {
    margin-top: 2rem;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .topic-item .header {
    padding-right: 0;
  }
}

.quiz-review-section {
  margin: 95px 3.5rem;
}
.quiz-review-section .quiz-result-title {
  text-align: center;
}
.cert-area .cert-container {
  position: relative;
}
.cert-area .cert-container .cert-bg {
  width: 100%;
}
.cert-area .cert-container .cert-username {
  position: absolute;
  z-index: 1;
  text-align: center;
  width: 100%;
  top: 41.5%;
  font-size: 3.5vw;
}
@media (max-width: 1024px) {
  .cert-area .cert-container .cert-username {
    top: 43.5%;
    font-size: 3vw;
  }
}
@media (max-width: 480px) {
  .cert-area .cert-container .cert-username {
    top: 43.5%;
    font-size: 3vw;
  }
}
.cert-area .cert-container .cert-adate {
  position: absolute;
  z-index: 1;
  width: 100%;
  top: 67%;
  font-size: 2vw;
  text-align: center;
  padding-left: 7%;
}
@media (max-width: 1024px) {
  .cert-area .cert-container .cert-adate {
    top: 67.8%;
  }
}
@media (max-width: 480px) {
  .cert-area .cert-container .cert-adate {
    top: 67.8%;
  }
}
.cert-area .cert-container .cert-code {
  position: absolute;
  left: 10%;
  bottom: 14%;
  font-size: 2rem;
}
@media (max-width: 1024px) {
  .cert-area .cert-container .cert-code {
    font-size: 2rem;
  }
}
@media (max-width: 480px) {
  .cert-area .cert-container .cert-code {
    font-size: 1rem;
  }
}
.cyber-security-training-page.course-page.senior-manager .ant-layout-content .course-body .course-body-content.quiz .progress .progress-line {
  background-color: #4DBAB4 !important;
}

.review-quiz-section {
  margin-right: 3.5rem;
  margin-bottom: 86px;
}
.review-quiz-section .img-quiz {
  width: 300px;
  position: absolute;
  top: -60px;
  z-index: -1;
}
.review-quiz-section .review-quiz-section-body {
  border: 1px solid #F26927;
  border-radius: 20px;
  padding: 80px 60px;
  color: #333;
  width: 100%;
  display: inline-block;
  position: relative;
}
.review-quiz-section .review-quiz-section-body .quiz-index {
  position: absolute;
  top: 22px;
  right: 38px;
  font-size: 24px;
  font-weight: 400;
  line-height: 29px;
}
.review-quiz-section .review-quiz-section-body .quiz-title {
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
  color: #999999;
  margin-bottom: 8px;
}
.review-quiz-section .review-quiz-section-body .quiz-description {
  font-size: 24px;
  font-weight: 400;
  line-height: 41px;
  letter-spacing: 0px;
  text-align: left;
  margin-bottom: 3rem;
}
.review-quiz-section .review-quiz-section-body .quiz-question {
  font-size: 24px;
  font-weight: 700;
  line-height: 41px;
  letter-spacing: 0px;
  text-align: left;
  margin-bottom: 36px;
}
.review-quiz-section .review-quiz-section-body .quiz-answers {
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: 0px;
  text-align: left;
}
.review-quiz-section .review-quiz-section-body .quiz-answers .ant-radio-group {
  width: 100%;
}
.review-quiz-section .review-quiz-section-body .quiz-answers .quiz-answers-item {
  background: #F7F8FB;
  padding: 25px 58px;
  margin-bottom: 15px;
  border-radius: 10px;
  padding-left: 20px;
}
.review-quiz-section .review-quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper {
  font-size: 1rem;
}
.review-quiz-section .review-quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper .ant-radio {
  margin-right: 12px;
}
.review-quiz-section .review-quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper .ant-radio .ant-radio-inner {
  width: 18px;
  height: 18px;
}
.review-quiz-section .review-quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper .ant-radio .ant-radio-inner::after {
  width: 18px;
  height: 18px;
  margin-top: -9px;
  margin-left: -9px;
}
.review-quiz-section .review-quiz-section-body .quiz-answers .quiz-answers-item .anticon.anticon-check-circle {
  position: absolute;
  background-color: #fff;
  left: 0;
}
.review-quiz-section .review-quiz-section-body .quiz-answers .quiz-answers-item .anticon.anticon-check-circle svg {
  width: 18px;
  height: 18px;
  color: #0CA39A;
}
.review-quiz-section .review-quiz-section-body .quiz-answers .quiz-answers-item .anticon.anticon-close-circle {
  position: absolute;
  left: 0;
  background-color: #fff;
}
.review-quiz-section .review-quiz-section-body .quiz-answers .quiz-answers-item .anticon.anticon-close-circle svg {
  width: 18px;
  height: 18px;
  color: #E7444E;
}
.review-quiz-section .review-quiz-section-body .quiz-answers .quiz-answers-item.correct {
  background: #F4FFFF;
  border: 0.5px solid #0CA39A;
}
.review-quiz-section .review-quiz-section-body .quiz-answers .quiz-answers-item.correct .ant-radio {
  visibility: hidden;
}
.review-quiz-section .review-quiz-section-body .quiz-answers .quiz-answers-item.wrong {
  border: 0.5px solid #E7444E;
  background: #FFF2F3;
}
.review-quiz-section .review-quiz-section-body .quiz-answers .quiz-answers-item.wrong .ant-radio {
  visibility: hidden;
}
.review-quiz-section .review-quiz-section-body .quiz-button-section {
  display: inline-block;
  width: 100%;
}
.review-quiz-section .review-quiz-section-body .quiz-button-section .quiz-submit-button {
  display: block;
  min-width: 205px;
  height: 51px;
  background-color: #F26927;
  border-radius: 50px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 500;
  line-height: 19.54px;
  float: right;
}
.review-quiz-section .review-quiz-section-body .quiz-button-section .quiz-submit-button[disabled] {
  color: rgba(0, 0, 0, 0.25);
  border-color: #D4D4D4;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
  cursor: not-allowed;
}
.review-quiz-section .review-quiz-section-body .quiz-result-area {
  text-align: center;
  margin-top: 60px;
}
.review-quiz-section .review-quiz-section-body .quiz-result-area img {
  margin-bottom: 13px;
}
.review-quiz-section .review-quiz-section-body .quiz-result-area .text {
  font-size: 32px;
  font-weight: 700;
  line-height: 39px;
  letter-spacing: 0px;
  text-align: center;
  margin-bottom: 15px;
}
.review-quiz-section .review-quiz-section-body .quiz-result-area .quiz-try-again-button {
  font-size: 21px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 0em;
  text-align: center;
  margin-top: 59.5px;
}

.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .conversation {
  position: relative;
  cursor: initial;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation {
    margin-left: -2rem;
    width: calc(100% + 4rem);
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .avater {
    width: 12vw!important;
    height: 12vw!important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message {
    width: 75vw!important;
    height: 15vw!important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message-text {
    font-size: 1.2rem !important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message-text {
    padding: 1vw 1vw 1vw 15vw!important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message-text {
    padding: 1.2vw 15vw 1vw 1vw !important;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message-text {
    padding: 2vw 13vw 2vw 2vw !important;
  }
}

.general-staff .animation001 {
  display: flex;
  margin-bottom: 80px;
}
.general-staff .animation001.sm-animation001 .animation001-1 {
  font-size: 1.8rem;
  font-weight: 500;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.general-staff .animation001 .animation001-1 {
  background-image: url(/static/media/9881.3dcc291c.png);
  background-size: cover;
  height: 42.5rem;
  width: 16.75rem;
  color: #F26927;
  font-size: 2.2rem;
  font-weight: 600;
  text-align: center;
  padding-top: 140px;
  padding-bottom: 350px;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.general-staff .animation001 .animation001-1 .l2 {
  width: 100%;
}
.general-staff .animation001 .animation001-2 {
  margin-left: 128.5px;
  display: flex;
  width: 720px;
  flex-wrap: wrap;
  grid-gap: 28px 90.79px;
  gap: 28px 90.79px;
}
.general-staff .animation001 .animation001-2 .animation001-item {
  position: relative;
}
.general-staff .animation001 .animation001-2 .animation001-item .click-point {
  position: absolute;
  z-index: 1;
  width: 110px;
  bottom: -110px;
  left: 30%;
}
.general-staff .animation001 .animation001-2 .animation001-item {
  width: 235px;
  cursor: initial;
}
.general-staff .animation001 .animation001-2 .animation001-item .animation001-icon {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  text-align: center;
  line-height: 96px;
  margin-left: 65px;
  margin-bottom: 23px;
}
.general-staff .animation001 .animation001-2 .animation001-item .animation001-title-container {
  display: flex;
  justify-content: center;
  margin-bottom: 1.75rem;
}
.general-staff .animation001 .animation001-2 .animation001-item .animation001-title-container .animation001-title {
  color: #fff;
  font-size: 1.5rem;
  padding: 1rem;
  font-weight: 700;
  background: #DB536A;
  border-radius: 0.625rem;
  min-width: 65%;
  text-align: center;
}
.general-staff .animation001 .animation001-2 .animation001-item .animation001-body {
  text-align: center;
}
.general-staff .animation001 .animation001-2 .animation001-item .animation001-body img {
  height: 130px;
  margin: auto;
}
.general-staff .animation001 .animation001-2 .animation001-item .animation001-body .text {
  padding: 15px;
  height: 84.42px;
  font-size: 17.5px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.general-staff .animation001 .animation001-2 .animation001-item.item1 .animation001-icon {
  background: #23BDEE;
}
.general-staff .animation001 .animation001-2 .animation001-item.item1 .animation001-body .text {
  background: #23BDEE2B;
}
.general-staff .animation001 .animation001-2 .animation001-item.item2 .animation001-icon {
  background: #F26927;
}
.general-staff .animation001 .animation001-2 .animation001-item.item2 .animation001-body .text {
  background: #F2692740;
}
.general-staff .animation001 .animation001-2 .animation001-item.item3 .animation001-icon {
  background: #1AB6B6;
}
.general-staff .animation001 .animation001-2 .animation001-item.item3 .animation001-body .text {
  background: #DDF4F4;
}
.general-staff .animation001 .animation001-2 .animation001-item.item4 .animation001-icon {
  background: #FFB600;
}
.general-staff .animation001 .animation001-2 .animation001-item.item4 .animation001-body .text {
  background: #FFC53D42;
}
.animation001.sm-animation001 .animation001-1 {
  font-size: 1.6rem;
  font-weight: 500;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  color: #000;
  min-width: 172px;
}
.animation001.sm-animation001 .animation001-2 .animation001-item {
  margin-bottom: 3rem;
}
.animation001.sm-animation001 .animation001-2 .animation001-item.item0 .animation001-title {
  background-color: #DB536A;
}
.animation001.sm-animation001 .animation001-2 .animation001-item.item0 .animation001-body .text {
  background-color: rgba(255, 152, 158, 0.54);
}
.animation001.sm-animation001 .animation001-2 .animation001-item.item1 .animation001-title {
  background-color: #0C53A3;
}
.animation001.sm-animation001 .animation001-2 .animation001-item.item1 .animation001-body .text {
  background-color: rgba(12, 83, 163, 0.34);
}
.animation001.sm-animation001 .animation001-2 .animation001-item.item2 .animation001-title {
  background-color: #38876F;
}
.animation001.sm-animation001 .animation001-2 .animation001-item.item2 .animation001-body .text {
  background-color: rgba(56, 135, 111, 0.4);
}
.animation001.sm-animation001 .animation001-2 .animation001-item.item3 .animation001-title {
  background-color: #D23D21;
}
.animation001.sm-animation001 .animation001-2 .animation001-item.item3 .animation001-body .text {
  background-color: rgba(210, 61, 33, 0.36);
}
.animation001.sm-animation001 .animation001-2 .animation001-item.item4 .animation001-title {
  background-color: #F26927;
}
.animation001.sm-animation001 .animation001-2 .animation001-item.item4 .animation001-body .text {
  background-color: rgba(242, 105, 39, 0.34);
}
@media (max-width: 1024px) {
  .animation001.animation001-s3 .animation001-2 {
    margin-left: 0!important;
  }
  .sm-animation001 {
    margin-right: 2rem;
  }
  .general-staff .animation001 .animation001-1 {
    width: 50%;
    margin-left: 2%;
    padding-top: 20% !important;
    display: none;
  }
  .general-staff .animation001 .animation001-2 {
    width: 100vw;
    margin: 0;
    grid-gap: 10vw;
    gap: 10vw;
    display: flex;
    justify-content: center;
  }
  .general-staff .animation001 .animation001-2 .click-point {
    position: absolute;
    top: 48vw;
    left: 20vw;
    width: 12vw;
  }
  .general-staff .animation001 .animation001-2 .animation001-item {
    width: 35vw;
  }
  .general-staff .animation001 .animation001-2 .animation001-item .text {
    font-size: 3vw;
    line-height: 3.5vw;
    padding: 0.8rem;
    height: auto;
  }
  .general-staff .animation001 .animation001-2 .animation001-item .animation001-icon {
    width: 12vw;
    height: 12vw;
    line-height: 12vw;
    margin-bottom: 4vw;
    margin: auto auto 28px;
  }
  .general-staff .animation001 .animation001-2 .animation001-item .animation001-icon img {
    width: 5.5vw;
    height: 5.5vw;
  }
  .general-staff .animation001 .animation001-2 .animation001-item .animation001-body img {
    width: 35vw;
    height: 20vw;
  }
}
@media (max-width: 768px) {
  .animation001 .animation001-2 .animation001-item .animation001-title-container .animation001-title {
    height: 90px;
    line-height: 70px;
  }
}
@media (max-width: 480px) {
  .animation001.senior-topic1-2-a001.animation001-s3 .animation001-2 {
    margin-bottom: 0;
  }
  .animation001 {
    width: 95%;
    margin: 0 auto;
  }
  .animation001 .animation001-1 {
    display: none;
  }
  .animation001 .animation001-2 {
    width: 100%;
    margin-left: 5%;
    grid-gap: 1.75rem;
    gap: 1.75rem;
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
  }
  .animation001 .animation001-2 .animation001-item {
    width: calc(100% - 1.75rem) !important;
  }
  .animation001 .animation001-2 .animation001-item .animation001-title-container .animation001-title {
    height: 60px;
    line-height: 40px;
  }
  .animation001 .animation001-2 .animation001-item .animation001-body img {
    width: 100%;
    height: 100%;
  }
  .animation001 .animation001-2 .animation001-item .animation001-body .text {
    min-height: 100px;
    padding: 0.9rem;
  }
  .animation001 .animation001-2 .animation001-item .animation001-icon {
    width: 12vw;
    height: 12vw;
    line-height: 12vw;
    margin: auto;
    margin-bottom: 4vw;
  }
  .animation001 .animation001-2 .animation001-item .animation001-icon img {
    width: 100%;
    height: 100%;
  }
}
.animation001.animation001-s3 {
  padding-right: 3.5rem;
}
.animation001.animation001-s3 .animation001-1 {
  color: #333;
  font-size: 1.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  width: 160px;
  height: 400px;
  padding-top: 82px;
  padding-bottom: 208px;
}
.animation001.animation001-s3 .animation001-2 {
  display: flex;
  margin-left: 20px;
  width: calc(100% - 16.75rem);
  flex-wrap: nowrap;
  grid-gap: 1rem;
  gap: 1rem;
  align-items: center;
  margin-bottom: 15rem;
}
.animation001.animation001-s3 .animation001-2 .animation001-item {
  width: 33.3333%;
}
.animation001.animation001-s3 .animation001-2 .animation001-item .animation001-body img {
  width: 100%;
  height: auto;
}
.animation001.animation001-s3 .animation001-2 .animation001-item.item0 .animation001-title {
  background-color: #DB536A;
}
.animation001.animation001-s3 .animation001-2 .animation001-item.item0 .animation001-body .text {
  background-color: rgba(255, 152, 158, 0.54);
}
.animation001.animation001-s3 .animation001-2 .animation001-item.item1 .animation001-title {
  background-color: #0C53A3;
}
.animation001.animation001-s3 .animation001-2 .animation001-item.item1 .animation001-body .text {
  background-color: rgba(12, 83, 163, 0.34);
}
.animation001.animation001-s3 .animation001-2 .animation001-item.item2 .animation001-title {
  background-color: #38876F;
}
.animation001.animation001-s3 .animation001-2 .animation001-item.item2 .animation001-body .text {
  background-color: #38876f;
}
.cyber-security-training-page.en.course-page .ant-layout-content .course-body .course-body-content .animation001 .animation001-1 {
  line-height: 2rem;
  font-size: 1.75rem;
}
@media (max-width: 480px) {
  .cyber-security-training-page.en.course-page .ant-layout-content .course-body .course-body-content .topic-item .animation001 .animation001-2 .animation001-item .animation001-body .text {
    font-size: 1.4rem;
    line-height: 1.2;
  }
  .animation001.animation001-s3 {
    padding-right: 0;
  }
  .animation001.animation001-s3 .animation001-1 {
    color: #333;
    font-size: 2.25rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .animation001.animation001-s3 .animation001-2 {
    display: flex;
    margin-left: 20px;
    width: calc(57%);
    flex-wrap: wrap;
    justify-content: center !important;
    grid-gap: 1rem;
    gap: 1rem;
    align-items: center;
    margin-bottom: 15rem;
  }
  .animation001.animation001-s3 .animation001-2 .animation001-item {
    width: 90% !important;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .animation001.animation001-s3 .animation001-2 .animation001-item .animation001-body {
    width: 298px;
  }
  .animation001.animation001-s3 .animation001-2 .animation001-item .animation001-body img {
    width: 100% !important;
    height: auto;
  }
  .general-staff .animation001 .animation001-2 .animation001-item .animation001-icon {
    width: 25vw;
    height: 25vw;
    line-height: 25vw;
    margin-bottom: 4vw;
    margin: auto auto 28px;
  }
  .general-staff .animation001 .animation001-2 .animation001-item .animation001-icon img {
    width: 50%;
    height: auto;
  }
  .general-staff .animation001 .animation001-2 .animation001-item .click-point {
    position: absolute;
    z-index: 1;
    width: 80px;
    top: unset;
    bottom: -80px;
    left: calc(50% - 40px);
  }
  .general-staff .animation001 .animation001-2 .animation001-item .animation001-body img {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 768px) {
  .animation001.animation001-s3 {
    padding-right: 0;
  }
  .animation001.animation001-s3 .animation001-1 {
    color: #333;
    font-size: 2.25rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .animation001.animation001-s3 .animation001-2 {
    width: 95%;
  }
  .animation001.animation001-s3 .animation001-2 .animation001-item {
    width: calc(33% - 10rem);
  }
  .animation001.animation001-s3 .animation001-2 .animation001-item .animation001-body img {
    width: 30vw;
    height: auto;
  }
}
@media (max-width: 1024px) {
  .animation001.animation001-s3 .animation001-2 {
    width: 100%;
  }
}

.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002 {
  width: 934px;
  height: 934px;
  position: relative;
  margin: auto;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002 .click-point {
  width: 110px;
  position: absolute;
  top: 100px;
  left: 153px;
  transform: rotate(90deg);
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-center-circle {
  font-size: 27px;
  font-weight: 500;
  line-height: 34px;
  text-align: center;
  background: #F26927CC;
  height: 269px;
  width: 269px;
  border-radius: 50%;
  color: #fff;
  position: absolute;
  left: calc(50% - 134.5px);
  display: flex;
  justify-content: center;
  align-items: center;
  top: 338px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel {
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
  width: 184px;
  height: 184px;
  position: absolute;
  border-radius: 20px;
  color: #fff;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 20.76px 0.5rem;
  cursor: initial;
  transition: all 0.5s linear 0s;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel.fade-in {
  opacity: 1;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel .text {
  text-align: center;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel img {
  position: absolute;
  top: 50%;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-1 {
  background: #1AB6B6;
  position: absolute;
  top: 45px;
  left: calc(50% - 92px);
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-2 {
  background: #DD936F;
  position: absolute;
  top: 256px;
  right: 78px;
  opacity: 0;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-3 {
  background: #F4B784;
  position: absolute;
  top: 539px;
  right: 78px;
  opacity: 0;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-4 {
  background: #597EF7;
  position: absolute;
  top: 689px;
  left: calc(50% - 92px);
  opacity: 0;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-4 .t004 {
  position: relative;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-4 .t004 .t004-alert {
  position: absolute;
  background: url(data:image/png;base64,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);
  background-repeat: no-repeat;
  width: 156px;
  height: 110px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #E7444E;
  font-size: 32px;
  font-weight: 700;
  justify-content: center;
  top: -100px;
  left: -100px;
  z-index: 1;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-4 .t004 .t004-alert span {
  transform: rotate(-24deg);
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-5 {
  background: #EF878D;
  position: absolute;
  top: 539px;
  left: 78px;
  opacity: 0;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-6 {
  background: #3789FF;
  position: absolute;
  top: 256px;
  left: 78px;
  opacity: 0;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general930-1-a002 .bp-panel,
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general1200-2-a002 .bp-panel {
  padding: 27px 17px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general930-1-a002 .bp-panel-2,
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general1200-2-a002 .bp-panel-2 {
  top: 380px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general930-1-a002 .bp-panel-3,
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general1200-2-a002 .bp-panel-3 {
  top: 670px;
  right: 200px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general930-1-a002 .bp-panel-4,
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general1200-2-a002 .bp-panel-4 {
  top: 670px;
  left: 200px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general930-1-a002 .bp-panel-5,
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general1200-2-a002 .bp-panel-5 {
  top: 380px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general900-4-a002 .bp-panel {
  font-size: 20px;
  line-height: 1.2;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general930-1-a002 .bp-panel {
  font-size: 20px;
  line-height: 1.2;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general930-1-a002 .bp-panel img {
  top: 60%;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general1200-2-a002 .bp-panel {
  font-size: 20px;
  line-height: 1.2;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general1200-2-a002 .bp-panel img {
  top: 60%;
}
.cyber-security-training-page.course-page.en.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general900-4-a002 .bp-panel {
  font-size: 16px;
  line-height: 1.2;
}
.cyber-security-training-page.course-page.en.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general930-1-a002 .bp-center-circle {
  font-size: 1.3rem;
  padding: 1rem;
}
.cyber-security-training-page.course-page.en.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general930-1-a002 .bp-panel {
  font-size: 16px;
  line-height: 1.1;
}
.cyber-security-training-page.course-page.en.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general930-1-a002 .bp-panel.bp-panel-1 img {
  bottom: 1vw;
}
.cyber-security-training-page.course-page.en.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general1200-2-a002 .bp-panel {
  font-size: 16px;
  line-height: 1.2;
  width: 184px;
  height: 200px;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002 {
    width: 100%;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-center-circle {
    padding: 1rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-1 {
    background: #1AB6B6;
    position: absolute;
    top: 45px;
    left: calc(50% - 92px);
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-2 {
    background: #DD936F;
    position: absolute;
    top: 256px;
    right: 78px;
    opacity: 0;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-3 {
    background: #F4B784;
    position: absolute;
    top: 539px;
    right: 78px;
    opacity: 0;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-4 {
    background: #597EF7;
    position: absolute;
    top: 689px;
    left: calc(50% - 92px);
    opacity: 0;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-4 .t004 {
    position: relative;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-4 .t004 .t004-alert {
    position: absolute;
    background: url(data:image/png;base64,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);
    width: 156px;
    height: 110px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #E7444E;
    font-weight: 700;
    justify-content: center;
    z-index: 1;
    background-size: contain;
    background-repeat: no-repeat;
    width: 20vw;
    height: 15vw;
    font-size: 4.6vw;
    top: -12vw;
    left: -18vw;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-4 .t004 .t004-alert span {
    transform: rotate(-24deg);
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-5 {
    background: #EF878D;
    position: absolute;
    top: 539px;
    left: 78px;
    opacity: 0;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-6 {
    background: #3789FF;
    position: absolute;
    top: 256px;
    left: 78px;
    opacity: 0;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general930-1-a002 .bp-panel,
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general1200-2-a002 .bp-panel {
    padding: 27px 17px;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general930-1-a002 .bp-panel-2,
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general1200-2-a002 .bp-panel-2 {
    top: calc(50% - 10.9vw);
    right: 0;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general930-1-a002 .bp-panel-3,
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general1200-2-a002 .bp-panel-3 {
    top: 81vw;
    right: 20%;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general930-1-a002 .bp-panel-4,
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general1200-2-a002 .bp-panel-4 {
    top: 81vw;
    left: 20%;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general930-1-a002 .bp-panel-5,
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general1200-2-a002 .bp-panel-5 {
    top: calc(50% - 10.9vw);
    left: 0;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general900-4-a002 .bp-panel-2 {
    right: 0;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general900-4-a002 .bp-panel-3 {
    right: 0;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general900-4-a002 .bp-panel-5 {
    left: 0;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general900-4-a002 .bp-panel-6 {
    left: 0;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-center-circle {
    font-size: 1.3rem;
  }
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel {
    height: 25.8vw;
  }
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel .text {
    font-size: 8px;
    font-weight: 400;
    line-height: 9px;
  }
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel.bp-panel-1 {
    top: 5vw;
  }
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.general900-4-a002 {
    height: 410px;
  }
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.general900-4-a002 .click-point {
    width: 110px;
    position: absolute;
    top: 100px;
    left: 153px;
    transform: rotate(90deg);
  }
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.general900-4-a002 .bp-center-circle {
    font-size: 1.4rem;
    line-height: 1.2;
    background: #F26927CC;
    height: 110px;
    width: 110px;
    position: absolute;
    left: calc(50% - 55px);
    top: 150px;
  }
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.general900-4-a002 .bp-panel {
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    width: 100px;
    height: 140px;
    position: absolute;
    border-radius: 20px;
    color: #fff;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 1rem;
    cursor: pointer;
    transition: all 0.5s linear 0s;
  }
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.general900-4-a002 .bp-panel.fade-in {
    opacity: 1;
  }
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.general900-4-a002 .bp-panel .text {
    font-size: 1.4rem;
    line-height: 1.2;
    text-align: center;
  }
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.general900-4-a002 .bp-panel img {
    position: absolute;
    top: unset;
    bottom: 10%;
  }
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.general900-4-a002 .bp-panel-1 {
    background: #1AB6B6;
    position: absolute;
    top: 0;
    left: calc(50% - 50px);
  }
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.general900-4-a002 .bp-panel-2 {
    background: #DD936F;
    position: absolute;
    top: 50px;
    right: 0;
  }
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.general900-4-a002 .bp-panel-3 {
    background: #F4B784;
    position: absolute;
    top: 200px;
    right: 0;
  }
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.general900-4-a002 .bp-panel-4 {
    background: #597EF7;
    position: absolute;
    top: unset;
    bottom: 0;
    left: calc(50% - 50px);
  }
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.general900-4-a002 .bp-panel-5 {
    background: #EF878D;
    position: absolute;
    top: 200px;
    left: 0;
  }
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.general900-4-a002 .bp-panel-6 {
    background: #3789FF;
    position: absolute;
    top: 50px;
    left: 0;
  }
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.general930-1-a002,
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.general1200-2-a002 {
    height: 430px;
  }
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.general930-1-a002 .click-point,
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.general1200-2-a002 .click-point {
    width: 50px;
    position: absolute;
    top: 50px;
    left: 50px;
    transform: rotate(90deg);
  }
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.general930-1-a002 .bp-center-circle,
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.general1200-2-a002 .bp-center-circle {
    font-size: 1.4rem;
    line-height: 1.2;
    background: #F26927CC;
    height: 120px;
    width: 120px;
    position: absolute;
    left: calc(50% - 60px);
    top: 160px;
  }
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.general930-1-a002 .bp-panel,
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.general1200-2-a002 .bp-panel {
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    width: 100px;
    height: 150px;
    position: absolute;
    border-radius: 20px;
    color: #fff;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 1rem;
    cursor: pointer;
    transition: all 0.5s linear 0s;
  }
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.general930-1-a002 .bp-panel.fade-in,
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.general1200-2-a002 .bp-panel.fade-in {
    opacity: 1;
  }
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.general930-1-a002 .bp-panel .text,
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.general1200-2-a002 .bp-panel .text {
    font-size: 1.4rem;
    line-height: 1.2;
    text-align: center;
  }
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.general930-1-a002 .bp-panel img,
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.general1200-2-a002 .bp-panel img {
    position: absolute;
    top: unset;
    bottom: 10%;
  }
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.general930-1-a002 .bp-panel-1,
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.general1200-2-a002 .bp-panel-1 {
    background: #1AB6B6;
    position: absolute;
    top: 0;
    left: calc(50% - 50px);
  }
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.general930-1-a002 .bp-panel-2,
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.general1200-2-a002 .bp-panel-2 {
    background: #DD936F;
    position: absolute;
    top: 120px;
    right: 0;
  }
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.general930-1-a002 .bp-panel-3,
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.general1200-2-a002 .bp-panel-3 {
    background: #F4B784;
    position: absolute;
    top: unset;
    bottom: 0;
    right: calc(50% - 120px);
  }
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.general930-1-a002 .bp-panel-4,
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.general1200-2-a002 .bp-panel-4 {
    background: #597EF7;
    position: absolute;
    top: unset;
    bottom: 0;
    left: calc(50% - 120px);
  }
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.general930-1-a002 .bp-panel-5,
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.general1200-2-a002 .bp-panel-5 {
    background: #EF878D;
    position: absolute;
    top: 120px;
    left: 0;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002 {
    width: 100%;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general900-4-a002 {
    height: 350px;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general900-4-a002 .click-point {
    width: 50px;
    position: absolute;
    top: 25px;
    left: 50px;
    transform: rotate(90deg);
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general900-4-a002 .bp-center-circle {
    font-size: 1.6rem;
    line-height: 1.2;
    background: #F26927CC;
    height: 110px;
    width: 110px;
    position: absolute;
    left: calc(50% - 55px);
    top: 120px;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general900-4-a002 .bp-panel {
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    width: 100px;
    height: 100px;
    position: absolute;
    border-radius: 20px;
    color: #fff;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 1rem;
    cursor: pointer;
    transition: all 0.5s linear 0s;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general900-4-a002 .bp-panel.fade-in {
    opacity: 1;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general900-4-a002 .bp-panel .text {
    font-size: 1.4rem;
    line-height: 1.2;
    text-align: center;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general900-4-a002 .bp-panel img {
    position: absolute;
    top: unset;
    bottom: 10%;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general900-4-a002 .bp-panel-1 {
    background: #1AB6B6;
    position: absolute;
    top: 0;
    left: calc(50% - 50px);
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general900-4-a002 .bp-panel-2 {
    background: #DD936F;
    position: absolute;
    top: 50px;
    right: 0;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general900-4-a002 .bp-panel-3 {
    background: #F4B784;
    position: absolute;
    top: 170px;
    right: 0;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general900-4-a002 .bp-panel-4 {
    background: #597EF7;
    position: absolute;
    top: unset;
    bottom: 0;
    left: calc(50% - 50px);
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general900-4-a002 .bp-panel-5 {
    background: #EF878D;
    position: absolute;
    top: 170px;
    left: 0;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general900-4-a002 .bp-panel-6 {
    background: #3789FF;
    position: absolute;
    top: 50px;
    left: 0;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general930-1-a002,
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general1200-2-a002 {
    height: 350px;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general930-1-a002 .click-point,
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general1200-2-a002 .click-point {
    width: 50px;
    position: absolute;
    top: 25px;
    left: 50px;
    transform: rotate(90deg);
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general930-1-a002 .bp-center-circle,
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general1200-2-a002 .bp-center-circle {
    font-size: 1.5rem;
    line-height: 1.2;
    background: #F26927CC;
    height: 110px;
    width: 110px;
    position: absolute;
    left: calc(50% - 55px);
    top: 120px;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general930-1-a002 .bp-panel,
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general1200-2-a002 .bp-panel {
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    width: 100px;
    height: 110px;
    position: absolute;
    border-radius: 20px;
    color: #fff;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 1rem;
    cursor: pointer;
    transition: all 0.5s linear 0s;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general930-1-a002 .bp-panel.fade-in,
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general1200-2-a002 .bp-panel.fade-in {
    opacity: 1;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general930-1-a002 .bp-panel .text,
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general1200-2-a002 .bp-panel .text {
    font-size: 1.4rem;
    line-height: 1.2;
    text-align: center;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general930-1-a002 .bp-panel img,
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general1200-2-a002 .bp-panel img {
    position: absolute;
    top: unset;
    bottom: 10%;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general930-1-a002 .bp-panel-1,
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general1200-2-a002 .bp-panel-1 {
    background: #1AB6B6;
    position: absolute;
    top: 0;
    left: calc(50% - 50px);
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general930-1-a002 .bp-panel-2,
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general1200-2-a002 .bp-panel-2 {
    background: #DD936F;
    position: absolute;
    top: 120px;
    right: 0;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general930-1-a002 .bp-panel-3,
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general1200-2-a002 .bp-panel-3 {
    background: #F4B784;
    position: absolute;
    top: unset;
    bottom: 0;
    right: calc(50% - 120px);
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general930-1-a002 .bp-panel-4,
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general1200-2-a002 .bp-panel-4 {
    background: #597EF7;
    position: absolute;
    top: unset;
    bottom: 0;
    left: calc(50% - 120px);
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general930-1-a002 .bp-panel-4 .t004 .t004-alert,
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general1200-2-a002 .bp-panel-4 .t004 .t004-alert {
    top: -5vw;
    left: -20vw;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general930-1-a002 .bp-panel-5,
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002.general1200-2-a002 .bp-panel-5 {
    background: #EF878D;
    position: absolute;
    top: 120px;
    left: 0;
  }
}

.animation003 {
  margin-right: 3.5rem;
  padding-bottom: 3.5rem;
}
.animation003 .animation003-title {
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.625rem;
  text-align: center;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  margin-bottom: 1.5rem;
}
.animation003 .animation003-content {
  display: flex;
  grid-gap: 1rem;
  gap: 1rem;
  justify-content: space-between;
}
.animation003 .animation003-content .animation003-item {
  height: 100%;
}
.animation003 .animation003-content .animation003-header {
  color: #fff;
  display: flex;
  flex-direction: column;
  height: 9rem;
  align-items: center;
  justify-content: center;
  grid-gap: 30px;
  gap: 30px;
  margin-bottom: 1rem;
  font-size: 1.8rem;
  font-weight: 700;
  padding: 1.2rem;
  text-align: center;
}
.animation003 .animation003-content .animation003-text {
  padding: 2.25rem 1rem;
  border: 3px solid;
  height: 100%;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2rem;
  min-height: 15rem;
}

.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004.general930-1-a004 {
  position: relative;
  height: 600px;
  margin-top: 48px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004.general930-1-a004.no-title {
  position: relative;
  z-index: 0;
  display: flex;
  justify-content: center;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004.general930-1-a004.no-title .four-steps-section {
  margin-left: -56px !important;
  width: 1000px;
  position: relative;
  height: 100%;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004.general930-1-a004 .img-g5584 {
  position: absolute;
  z-index: 0;
  top: 164px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004.general930-1-a004 .animation004-title {
  background: url(data:image/png;base64,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);
  width: 317px;
  height: 184px;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  left: 100px;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2rem;
  padding: 1rem;
  text-align: center;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004.general930-1-a004 .four-steps-section {
  margin-left: 225px;
  position: relative;
  height: 100%;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004.general930-1-a004 .four-steps-section.four-steps-section-1200 {
  margin-top: 0;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004.general930-1-a004 .four-steps-section .click-point {
  position: absolute;
  width: 149px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004.general930-1-a004 .four-steps-section .step {
  width: 180px;
  position: absolute;
  cursor: pointer;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004.general930-1-a004 .four-steps-section .step .text {
  display: flex;
  flex-direction: column;
  font-size: 20px;
  font-weight: 400;
  line-height: 29px;
  text-align: center;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004.general930-1-a004 .four-steps-section .step .indicator {
  width: 100%;
  line-height: 68.78px;
  display: flex;
  font-size: 26px;
  font-weight: 700;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004.general930-1-a004 .four-steps-section .step .indicator.indicator-title {
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 0.625rem;
  justify-content: center;
  display: flex;
  min-height: 4rem;
  text-align: center;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004.general930-1-a004 .four-steps-section .step img {
  position: absolute;
  width: 280px;
  left: -195px;
  bottom: -108px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004.general930-1-a004 .four-steps-section .step.step1 {
  top: auto;
  left: 0;
  bottom: 124px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004.general930-1-a004 .four-steps-section .step.step1 .indicator {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAABGCAYAAABmILAIAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAL1SURBVHgB7d1NkppAGIDhxiKLrOIRzG1yhBwhx5irZJdr5CSZXQ4QBVF+wtfFZ7WItDiiQL9PlaXDbHmnfwAnSr+/bQyATp9/vb3Hn+LijwFwYZck7/Xb15UBcCFJU5Nl2UY+xwbAme1uZw6Hw+lnIgEaVVXZQI7H49lxIgFqZVmaf9utKYri4ndEguDleW5HEAmlC5EgaPv93i7S+xAJgiSjxk7WH/Uo4kMkCI6MHmn9koX6LYgEwRgyeriIBEEYOnq4iASLJjtXuyTp3Nq9FZFgkezUqo6jfWHwHkSCRZHp1D7L7PTqnqlV299vPzZEgkV4dBwuIsGsjRmHIhLM0jPiUESCWZHdKrmNPatfY8ehiASzIHGkaTr4QuAjEAkm65lTqj5EgkmRGOTC36tGjS5Egkl4xVrjVkSCl5lyGC4iwVPNJQwXkWBUEoJEYeM4HmcThotI8FC68JZFd15HMZXF993imHu38DEahYwUcsdtXn+e42jRh0gwiNyCLjFIGDaOBUbRRiS4SoKQCIp6lNAp1NKD6EIksDHYIOoI5D2UEeJWRBIIOfnlpNcQdJTQ47iOSGZOv3VQRwA54fXEt8eaIHA/IpmI9snePqbvZX3yV84L4yOSkehJ7P6Fd//K261T5zOmi0gG0pPaLmybqczZsSYELAeRtOiitmgWtacFrzMaICzBRaK7OjoKnH5mBECHVWHWi4zktL3pjAa63QkMEUXlfCMhBDzL5CNxY9ArwVwAwzNNJhJiwFS9JBK9tTqkO0kxX6NGojtGemt13kQBzMlDI7G3UxMEFubuSGSU0Ec0mTJhyW6ORKZN8kC/PnzDVitCcTUSnTrZZ5cDfSINEKdIJIIsy2wcc/3qF2AMcSL/V67ZjgVwrqyidSzf2g2gWxRF65UB0ItIAA8iATyIBPAgEsCDSAAPIgE8iATwIBLAg0gADyIBelSV4bYUoM9qVX0hEsCDSAAPIgE8iATwIBLAg0gAj7gy1U8DoFNUVb//A1Rb9MBga6C3AAAAAElFTkSuQmCC);
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004.general930-1-a004 .four-steps-section .step.step1 img {
  left: -240px;
  bottom: -136px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004.general930-1-a004 .four-steps-section .step.step2 {
  top: auto;
  left: 270px;
  bottom: 167px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004.general930-1-a004 .four-steps-section .step.step2 .indicator {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAABFCAYAAADgtMKmAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALuSURBVHgB7dxBctowFIDhB/W+HIFtj9Eb9BS5Undd9U5Ztj1C2wkBbEvxMxYYsC2c2GDJ/zeTCTMkO/15km2yeH768UsAXNtkv7/8fPqaFC/XAuDcJhO7TVf6cikAzhWByDaVhQiRAFeqQOoSASBirchLEcc+v3qLSABTBPJ/J5LbxreJBPOWmSKQ/WGStCASzNem2F5tM++PEQnmJ9PzR/v26hKRYF5ei8nxmvb6FSLBPOjZ42V/8/SoIxLETQ/kOj1uOHu0IRLEy8Vh+0+POiJBfPSGoF65Mh+LQz1/+74mEsRDzx16KE+NDIlIEL6R4nCIBOEaOQ6HSBAWPYTv8sOBfIAzxy2IBGHQOLb5IFer+iISTNudtlRdiATT88Cp0YRIMA3urJHmD50aTYgEj6Nh6LNUup3SJ3MnMDWaEAnuS0PQO+L6NeEw6ogE4zNVGBPcSt2CSDA8t43aFwfvvbnb/YxRJBnPbmEA9Sj0e4DToguRoD+dDLp1ys0hiDzgSXEDIkE3W00GDSOrogjgsD0kIsGBLnzdJWXVhNDXMwyiCZHMiS54XfNZNRlMFUMW+OF6ZEQSCxeALnadBOVrc4rCvYfeiGSK3GIu/9rbUwDWnt7Tby4G9x5GQSRjOy5wqRb1xcI/hiAs9okikvfq2t6Y6r4Biz4KRNKkfsB1f/mNPd/fs/hnY56RtF3lcZc+CQCVYims4o2kft3fTQKu8qAnY23gkbSFwDTAgMKIxD1AVwbADTDc17QiuYyhfB3GB3MQr8dFUn+SlMmACRs/kssH51LODAjL8JGUW6T8MBmy+D9rgPh9LJL6lonzAyLVL5L84hNpnCEwA92RuC1TGs6/fwGGdh6JmxREARwl5aTQ/3Kx46OaQJNE/u0EQLPFcrFeCoBORAJ4EAngQSSAB5EAHkQCeBAJ4EEkgAeRAB5EAngQCdDB2uWKSIAOn0Q+EwngQSSAB5EAHkQCeBAJ4EEkgEdixf4RAC0Wf98AYqTlQ0RwE48AAAAASUVORK5CYII=);
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004.general930-1-a004 .four-steps-section .step.step3 {
  top: auto;
  left: 545px;
  bottom: 210px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004.general930-1-a004 .four-steps-section .step.step3 .indicator {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAABFCAYAAADgtMKmAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMiSURBVHgB7dxNctowGIBhGdiXI3CG3qC36Bm67xl6hK56nm57g7b7thkCBLAtqf4EIiYBKwZsbOt9ZjrJkC79ok/+S759/vFTAXhluzS/Pn19/2FilZopAEfSJ6NWcz2V30cKwBEXyIOWX10kEwXgYL3QavNojj4jEmBvPS8CWZpXnxMJomeLjfnyb67yrT35dyJB1HRWBPIvVya3Z/8PkSBaMlrJiBVCJIiOKbpYPZwfr14iEkRFVo/Nwihr3haIIBJEoe7qUUYkGDQ5c7WVvcdjeO9xDpFgsOTK+dO83mh1CpFgcGSkkivnl4xWL335+H1GJBiMW8ZRRiTovabi8IgEvdV0HB6RoHfaisMjEvSCP5UrFwOvPVtVF5Gg02S1SDemOJ1rW4/DIxJ0jls1VkZlRRxtjVRViASd4fcacvv6vVaNU4gEd9WFcSqESNC6PoRRRiRonOwx0rXsL2Sf0a1R6i2IBI2Q1SJPrcq23dh8X2qsx1MiwU3oTIKw7oxU1zbe19DjhEhQn4xPulgl8mx4UZxCJKgkQcibRGSV0FkRRL4LJCZEggOJQbt/ygWRp6ryVTuxIJLI+JVBRiX5afQuCpMPe2S6BpEMiARgtXUvPdBarkHsVgS3h3D7BkK4BJF0lB9z5IC3xVFuzPNB7mLY/3R/N4xFTSKSFpS/4f0BLwe1P9h3n/sI+LbvGiK5gj/QZa73B778Xv6G56DvPyI5wwcgG1w3zujdfUY6Z7yJTbSRlCMorwBscFE2Ssywr7iXz/u7kUhOdxIBakiSAdyWci4ExiHcSi8i8WeHspQLYGhf5yJx9wntY3ArBKsC7uxukbhN89Yc7hNiZUBXtRKJXxXkTlL2DOibm0dSDkIexBn6swYYvqsiKT98k6fymCZBYHhqReI31TrbPb8c28M3iFNlJBJFurE8gIOoHUXS91e/AE2Y+BeFMT4Bp00Wf3IF4DSr7GykAFQiEiCASIAAIgECiAQIIBIggEiAACIBAogECCASIIBIgAqJTaZEAlRJ1DsiAQKIBAggEiCASIAAIgECiAQIkBdB/FYAzpn/BxpxqBXldz9PAAAAAElFTkSuQmCC);
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004.general930-1-a004 .four-steps-section .step.step4 {
  top: auto;
  left: 820px;
  bottom: 255px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004.general930-1-a004 .four-steps-section .step.step4 .indicator {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAABGCAYAAABmILAIAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALySURBVHgB7dxPctowFIBxQVhk0UVu0PRmuUHbG3Smh+iyR+sRwiTFNrZll4fzGkHAMn9sLPn7zWQgwFIfT2Cb2dcf6W8D4IPc2uWvn5++L8zMPBkAO6qqMsnfbLm5u4kEwA4J5OUlMdbWD/I/kQCOsmwCqev6/2NEArxZr0uzWmU7gQgiATaSJDdpuj74HJFg0mRqvL6mpijs0dcQCSZLwlitUvmA3vo6IsHkyPRI03z71wWRYFK6Tg8XkWASTp0eLiJB9M6ZHi4iQbTkwGCSZK3fXHVBJIjOJVurfU/f/jwQCaIhcWRZsY1j/6j5ubLsnkgQvj7icBEJgtV3HIpIEJyh4lBEgmDIt1RyEuKl31adikgwajo1iqIcPA5FJBglCSLPi+01HkNsqdoQCUZjDFPjECLBTY01DBeRYHBuGHLqyK23Uz5EgkFUVb35fDHuiXEMkaAXMh1kSsiH7zwvt5GEaH5vOS0F1yMToixtMNuoLubmjkhwHp0UsUVxCJGgE4lAYrC22vzZ7f9TQSTY4U4IDUKu6It1SnRBJBMlH6Q1BPntW7mNect0CSKJkCx0WevNJGgikCiaKWGD/abpVogkALqoZcHLQtcFr/eb11RvzxumwZURycBkUesi10W/v9jfQ2DBjwGRXIFub3QrowtdHuMdPnxE4qHv/BJA8w5f7Sx+9vfxm3wkGoBOAL0lAKjoI2n2/hoCEeA0lb17jCKSQyFwEAzXElQk7gEw9yAYEwF9GmUk+zEwFXBLN42E84QQgsEicaeD3HJ6BELRSyQahJxaLfflYhymA0J1cSTulqkJgyAQl5Mjkckg1yw3F95M6+IbTJM3EveKNImDKYGp+RCJ/vQLWyegsZAIJAaZFiH/9AvQl8Xz84ppARwxn9WPcwIB2s0NgFZEAngQCeBBJIAHkQAeRAJ4EAngQSSAB5EAHkQCeBAJ0KKuZ5+JBPAgEsCDSAAPIgE8iATwIBLAg0gAj0U5t18MgIPuTbb8B39gApjHABaiAAAAAElFTkSuQmCC);
}

@media (max-width: 1024px) {
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004.general930-1-a004 .four-steps-section.four-steps-section-1200 {
    margin-left: 0 !important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004.general1200-3-a004 .four-steps-section.four-steps-section-1200 {
    margin-top: 12rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004 {
    position: relative;
    height: 75vw;
    margin-left: 0rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004 .img-g5584 {
    display: none;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004 .animation004-title {
    background: none;
    font-weight: 500;
    line-height: 3.375rem;
    letter-spacing: 0em;
    border-left: 5px solid #F26927;
    font-size: 2.1rem;
    position: relative;
    padding-bottom: 0;
    width: 100vw;
    justify-content: left;
    left: auto;
    height: auto;
    width: auto;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section {
    margin-left: 0 !important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .click-point {
    top: auto !important;
    width: 12vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step {
    width: 21vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .indicator {
    line-height: 5vw;
    background-size: cover !important;
    font-size: 3vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .text {
    font-size: 3vw;
    line-height: 4vw;
    margin-bottom: 2vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .step-title {
    font-size: 3vw;
    line-height: 4vw;
    margin-bottom: 2vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .sub-task-text {
    margin-top: 0;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .sub-task-text button.ant-btn.ant-btn-link {
    font-size: 2vw!important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step img {
    width: 25vw;
    left: -12vw;
    bottom: -10vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step1 {
    bottom: 20vw;
    top: auto;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step2 {
    bottom: 25vw;
    left: 24vw;
    top: auto;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step3 {
    bottom: 30vw;
    left: 48vw;
    top: auto;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step4 {
    bottom: 35vw;
    left: 72vw;
    top: auto;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section {
    margin-left: 0 !important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .click-point {
    top: auto !important;
    width: 12vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step {
    width: 21vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .indicator {
    line-height: 5vw;
    background-size: cover !important;
    font-size: 3vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .text {
    font-size: 3vw;
    line-height: 4vw;
    margin-bottom: 2vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .step-title {
    font-size: 3vw;
    line-height: 4vw;
    margin-bottom: 2vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .sub-task-text {
    margin-top: 0;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .sub-task-text button.ant-btn.ant-btn-link {
    font-size: 2vw!important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step img {
    width: 25vw;
    left: -12vw;
    bottom: -10vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step1 {
    bottom: 20vw;
    top: auto;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step2 {
    bottom: 25vw;
    left: 24vw;
    top: auto;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step3 {
    bottom: 30vw;
    left: 48vw;
    top: auto;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step4 {
    bottom: 35vw;
    left: 72vw;
    top: auto;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004 .animation004-title {
    display: none;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004.general1200-3-a004 {
    height: 400px;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004.general1200-3-a004 .four-steps-section.four-steps-section-1200 {
    margin-top: 5rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004.general1200-3-a004 .four-steps-section.four-steps-section-1200 .step.step1 {
    top: 12.5vw;
    bottom: auto;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004.general1200-3-a004 .four-steps-section.four-steps-section-1200 .step.step2 {
    top: 1.5vw;
    bottom: auto;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004.general1200-3-a004 .four-steps-section.four-steps-section-1200 .step.step3 {
    top: 4.5vw;
    bottom: auto;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004.general1200-3-a004 .four-steps-section.four-steps-section-1200 .step.step4 {
    top: 0vw;
    bottom: auto;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004.general1200-3-a004 .four-steps-section.four-steps-section-1200 .step .step-title {
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004.general1200-3-a004 .four-steps-section.four-steps-section-1200 .step .text {
    height: 160px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004.general1200-3-a004 .four-steps-section.four-steps-section-1200 .step .text.sub-task-text {
    height: 36px;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004 .animation004-title {
    display: none;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004.no-title {
    position: relative;
    z-index: 0;
    margin-bottom: 0 !important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004.general1200-3-a004 .four-steps-section.four-steps-section-1200 .step .text {
    height: 120px;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004.general1200-3-a004 .four-steps-section.four-steps-section-1200 .step.step2 {
    top: -3.5vw;
    bottom: auto;
  }
  .cyber-security-training-page.course-page.en .ant-layout-content .course-body .course-body-content .animation004.general1200-3-a004 .four-steps-section .step .text {
    font-size: 1.4rem;
    line-height: 1.2;
    height: 160px;
  }
  .cyber-security-training-page.course-page.en .ant-layout-content .course-body .course-body-content .animation004.general1200-1-a004 .four-steps-section .step .text {
    font-size: 1.2rem;
    line-height: 1.2;
    height: 180px;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .animation004.general930-1-a004,
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .animation004.general930-1-a004 {
    height: 210px !important;
    margin-top: 0;
  }
}

.animation005 {
  display: flex;
  flex-direction: column;
  grid-gap: 1.5rem;
  gap: 1.5rem;
  margin-right: 3.5rem;
}
.animation005 .animation008-title {
  font-size: 3.5rem;
  font-weight: 550;
  line-height: 3.5rem;
  text-align: center;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  margin-bottom: 1.5rem;
}
.animation005 .animation005-content {
  grid-gap: 1rem;
  gap: 1rem;
  justify-content: space-between;
  display: flex;
}
.animation005 .animation005-content .animation005-contaner {
  width: 25%;
}
.animation005 .animation005-content .animation005-header {
  padding: 20px 21px 24px 20px;
  margin-bottom: 18px;
  align-items: center;
  justify-content: center;
  height: 8rem;
  display: flex;
}
.animation005 .animation005-content .animation005-header .span {
  font-family: 'Helvetica Neue';
  font-style: normal;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 120%;
  text-align: center;
  color: #FFFFFF;
}
.animation005 .animation005-content .animation005-item {
  width: 100%;
  min-height: 21rem;
  box-shadow: 0px 3px 10px 3px #0000001f;
  padding: 32px;
}
.animation005 .animation005-content .animation005-item .icon {
  width: 65px;
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.animation005 .animation005-content .animation005-item .icon img {
  width: 100%;
  height: auto;
}
.animation005 .animation005-content .animation005-item .text {
  margin-top: 2.5rem;
  font-size: 24px;
  font-weight: 400;
  line-height: 2rem;
}
.animation005 .animation005-content .animation005-item .text .highlight {
  font-weight: 700;
}
.animation005 .animation005-content .animation005-item.r1 {
  border-top: 0.3125rem solid #2D8DFE;
}
.animation005 .animation005-content .animation005-item.r1 .highlight {
  color: #2D8DFE;
}
.animation005 .animation005-content .animation005-item.r2 {
  border-top: 0.3125rem solid #FFD666;
}
.animation005 .animation005-content .animation005-item.r2 .highlight {
  color: #FFD666;
}
.animation005 .animation005-content .animation005-item.r3 {
  border-top: 0.3125rem solid #E7444E;
}
.animation005 .animation005-content .animation005-item.r3 .highlight {
  color: #E7444E;
}
.animation005 .animation005-content .animation005-item.r4 {
  border-top: 0.3125rem solid #597EF7;
}
.animation005 .animation005-content .animation005-item.r4 .highlight {
  color: #597EF7;
}
.animation005 .animation005-content .animation005-item.r5 {
  border-top: 0.3125rem solid #F26927;
}
.animation005 .animation005-content .animation005-item.r5 .highlight {
  color: #F26927;
}
.animation005 .animation005-content .animation005-item.r6 {
  border-top: 0.3125rem solid #0CA3A3;
}
.animation005 .animation005-content .animation005-item.r6 .highlight {
  color: #0CA3A3;
}
@media (max-width: 1024px) {
  .animation005 {
    grid-gap: 5vw;
    gap: 5vw;
    grid-gap: 5vw;
    flex-wrap: wrap;
    margin-right: 0;
  }
  .animation005 .animation005-content {
    flex-wrap: wrap;
  }
  .animation005 .animation005-content .animation005-header .span {
    font-size: 3vw;
  }
  .animation005 .animation005-content .animation005-contaner {
    width: calc(50% - 1rem) !important;
  }
  .animation005 .animation005-content .animation005-item {
    min-height: 32vw;
    padding: 2rem 2rem 3rem 2rem;
  }
  .animation005 .animation005-content .animation005-item .text {
    font-size: 3vw;
    line-height: 5vw;
  }
  .animation005 .animation005-content .animation005-item img {
    width: 10vw;
  }
}
.animation005.Animation005-6-items .animation005-content {
  flex-wrap: wrap;
}
.animation005.Animation005-6-items .animation005-content .animation005-contaner {
  width: calc(33.333% - 1.5rem);
}
@media (max-width: 480px) {
  .animation005 .animation005-content .animation005-contaner {
    width: 100% !important;
  }
  .animation005.senior-topic1-3-a005 .animation005-content .animation005-item .text {
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .animation005.Animation005-6-items {
    margin-right: 0;
  }
  .animation005.senior-topic4-1-a005.Animation005-6-items .animation005-content .animation005-item .text {
    font-size: 1.6rem;
    line-height: 1.2;
  }
}
@media (max-width: 768px) {
  .animation005 .animation005-content .animation005-contaner {
    width: 100% !important;
  }
}

.animation006 {
  width: 1024px;
  display: flex;
  position: relative;
  margin: auto;
  margin-bottom: 100px;
}
.animation006 .animation006-bg {
  position: relative;
  margin: auto;
  width: 1024px;
  height: 582px;
  background-image: url(/static/media/social-media-bg.f452d92d.png);
  background-size: 100% 100%;
}
.animation006 .animation006-gif {
  position: absolute;
  margin: auto;
  width: 270px;
  z-index: 10;
  bottom: -10px;
  left: calc(50% - 135px);
}
.animation006 .animation006-radius {
  position: absolute;
  margin: auto;
  width: 270px;
  height: 270px;
  border-radius: 50%;
  background-color: #F26927;
  font-size: 28px;
  font-weight: 300;
  text-align: center;
  word-wrap: break-word;
  color: #FFFFFF;
  z-index: 10;
  bottom: 0;
  left: calc(50% - 135px);
  display: flex;
  justify-content: center;
  align-items: center;
}
.animation006 .animation006-panel {
  font-size: 16px;
  position: absolute;
  border-radius: 23px;
  box-shadow: 0px 2.38095px 28.5713px rgba(0, 0, 0, 0.08);
  background-color: #fff;
  text-align: center;
}
.animation006 .animation006-panel.s1 {
  left: 9px;
  bottom: 112px;
}
.animation006 .animation006-panel.s2 {
  left: 60px;
  bottom: 270px;
}
.animation006 .animation006-panel.s3 {
  left: 205px;
  bottom: 428px;
}
.animation006 .animation006-panel.s4 {
  right: 205px;
  bottom: 428px;
}
.animation006 .animation006-panel.s5 {
  right: 60px;
  bottom: 270px;
}
.animation006 .animation006-panel.s6 {
  right: 9px;
  bottom: 112px;
}
.animation006 .animation006-panel .animation006-content {
  padding: 31px 22px;
  display: flex;
  flex-direction: column;
  font-size: 21px;
  font-weight: 400;
  line-height: 27px;
  align-items: center;
  justify-content: center;
  height: 116px;
  width: 275px;
  position: relative;
}
.animation006 .animation006-panel .animation006-content .view-more .view-more-btn {
  font-size: 21px;
  font-weight: 400;
  opacity: 1 !important;
  height: auto;
  position: relative;
}
.animation006 .animation006-panel .animation006-content .view-more .view-more-btn .click-point1 {
  width: 40px;
  cursor: pointer;
  transform: rotate(270deg);
  position: absolute;
  bottom: 0;
  left: 90%;
}
.animation006 .animation006-panel .animation006-content .indicator {
  position: absolute;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  background: #E7444E;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 19px;
  font-weight: 400;
  line-height: 25px;
  left: -16px;
  top: -16px;
}
.animation006-modal-header {
  display: flex;
  justify-content: space-between;
  padding-right: 35px;
}
.animation006-modal-header .animation006-modal-title {
  font-size: 1.125rem;
  color: #fff;
  background-color: #E7444E;
  border-radius: 12px;
  line-height: 1.6;
  font-weight: 700;
  padding: 0.5625rem 1rem;
}
.animation006-modal-header .animation006-modal-link {
  max-width: 50%;
  font-size: 1.125rem;
  color: #fff;
  background-color: #E7444E;
  border-radius: 12px;
  line-height: 1.6;
  font-weight: 700;
  padding: 0.5625rem 1rem;
  margin-left: 20px;
}
.animation006-modal-header .animation006-modal-link a {
  color: white;
  text-decoration: underline;
}
.animation006-modal .ant-modal-body {
  display: flex;
  justify-content: center;
  position: relative;
  min-height: 456px;
}
.animation006-modal .ant-modal-body img {
  width: 100%;
  height: 100%;
  margin-bottom: 50px;
}
.animation006-modal .ant-modal-body .hide {
  display: none;
}
.animation006-modal .ant-modal-body .next-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 3.8rem;
  width: 4.8rem;
  right: 0;
  bottom: 0;
}
.animation006-modal .ant-modal-body .prev-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 3.8rem;
  width: 4.8rem;
  left: 0;
  bottom: 0;
}
@media (max-width: 1024px) {
  .animation006-modal {
    width: 100%;
    height: 100%;
  }
  .animation006-modal .ant-modal-body {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    position: relative;
    min-height: 456px;
  }
  .animation006-modal .ant-modal-body .hide {
    display: none;
  }
  .animation006-modal .ant-modal-body .next-button {
    position: absolute;
    background: #FFC53D;
    border-radius: 0px;
    height: 4.5rem;
    width: 4.5rem;
    right: 0;
    bottom: 0;
  }
  .animation006-modal .ant-modal-body .prev-button {
    position: absolute;
    background: #FFC53D;
    border-radius: 0px;
    height: 4.5rem;
    width: 4.5rem;
    left: 0;
    bottom: 0;
  }
  .animation006-modal .ant-modal-body img {
    width: 100%;
    height: 100%;
  }
  .animation006 {
    width: 100%;
    display: flex;
    position: relative;
    margin: auto;
    margin-bottom: 6.25rem;
  }
  .animation006 .animation006-radius {
    width: 25vw;
    height: 25vw;
    font-size: 2.4rem;
    padding: 2rem;
    left: calc(50% - 12.5vw);
  }
  .animation006 .animation006-bg {
    width: calc(100vw - 4rem);
    height: calc((100vw - 4rem) * 595 / 1024);
  }
  .animation006 .animation006-gif {
    width: 26%;
    left: 37%;
  }
  .animation006 .animation006-panel {
    border-radius: 1.5rem;
  }
  .animation006 .animation006-panel .animation006-content {
    width: 26vw;
    height: auto;
    min-height: 7rem;
    padding: 1.5rem 1rem;
    font-size: 1.8rem;
  }
  .animation006 .animation006-panel .animation006-content .indicator {
    font-size: 1.2rem;
    width: 2.5rem;
    height: 2.5rem;
    left: -1rem;
    top: -1rem;
  }
  .animation006 .animation006-panel.s1 {
    left: 2vw;
    bottom: 5vw;
  }
  .animation006 .animation006-panel.s2 {
    left: 5vw;
    bottom: 23vw;
  }
  .animation006 .animation006-panel.s3 {
    left: 20vw;
    bottom: 40vw;
  }
  .animation006 .animation006-panel.s4 {
    right: 20vw;
    bottom: 40vw;
  }
  .animation006 .animation006-panel.s5 {
    right: 5vw;
    bottom: 23vw;
  }
  .animation006 .animation006-panel.s6 {
    right: 2vw;
    bottom: 5vw;
  }
  .animation006 .animation006-panel .animation006-content .view-more-btn {
    font-size: 1.5rem !important;
  }
  .animation006 .animation006-panel .animation006-content .click-point1 {
    width: 30px !important;
  }
}
@media (max-width: 768px) {
  .animation006 .animation006-panel .animation006-content .view-more-btn {
    font-size: 1.5rem;
    height: auto;
    padding: 0 !important;
  }
  .animation006 .animation006-radius {
    font-size: 1.5rem;
  }
  .animation006 {
    margin-top: 5rem;
  }
  .animation006 .animation006-panel .animation006-content {
    font-size: 1.2rem;
    line-height: 1.4;
    width: 25vw;
    padding: 0.5rem 0.5rem;
  }
  .animation006 .animation006-panel .animation006-content .view-more .view-more-btn {
    font-size: 10px !important;
  }
  .animation006 .animation006-panel .animation006-content .view-more .view-more-btn .click-point1 {
    bottom: -20%;
    left: 100%;
  }
  .animation006 .animation006-panel .animation006-content .indicator {
    font-size: 1rem;
    width: 2rem;
    height: 2rem;
    left: -1rem;
    top: -1rem;
  }
  .animation006 .animation006-panel .animation006-content .view-more-btn {
    font-size: 12px;
  }
  .animation006 .animation006-panel .animation006-content .click-point1 {
    width: 20px !important;
  }
}
@media (max-width: 480px) {
  .animation006 .animation006-panel .animation006-content .view-more-btn {
    font-size: 10px;
  }
  .animation006 .animation006-panel .animation006-content .click-point1 {
    width: 20px !important;
  }
  .general-staff .animation006 .animation006-radius {
    font-size: 1rem;
  }
  .general-staff .animation006 .animation006-panel .animation006-content {
    padding: 0.5rem;
    line-height: 1.2;
    min-height: 5rem;
    width: 30vw;
  }
  .general-staff .animation006 .animation006-panel.s1 {
    left: 0;
    bottom: 2vw;
  }
  .general-staff .animation006 .animation006-panel.s2 {
    left: 3vw;
    bottom: 20vw;
  }
  .general-staff .animation006 .animation006-panel.s3 {
    left: 12vw;
    bottom: 37vw;
  }
  .general-staff .animation006 .animation006-panel.s4 {
    right: 12vw;
    bottom: 37vw;
  }
  .general-staff .animation006 .animation006-panel.s5 {
    right: 3vw;
    bottom: 20vw;
  }
  .general-staff .animation006 .animation006-panel.s6 {
    right: 0;
    bottom: 2vw;
  }
  .general-staff.en.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation006 {
    margin-top: 5rem;
    margin-bottom: 15rem !important;
  }
  .general-staff.en.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation006 .animation006-radius {
    font-size: 1rem;
  }
  .general-staff.en.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content {
    padding: 0.5rem;
    line-height: 1.1;
    min-height: 76px;
    width: 32vw;
  }
  .general-staff.en.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s1 {
    left: 10vw;
    bottom: -26vw;
  }
  .general-staff.en.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s2 {
    left: 0;
    bottom: 10vw;
  }
  .general-staff.en.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s3 {
    left: 10vw;
    bottom: 37vw;
  }
  .general-staff.en.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s4 {
    right: 10vw;
    bottom: 37vw;
  }
  .general-staff.en.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s5 {
    right: 0;
    bottom: 10vw;
  }
  .general-staff.en.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s6 {
    right: 10vw;
    bottom: -26vw;
  }
  .animation006-modal {
    width: 100% !important;
  }
  .animation006-modal .animation006-modal-header .animation006-modal-title {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .animation006-modal .ant-modal-body {
    display: flex;
    justify-content: center;
    position: relative;
    min-height: 300px;
  }
  .animation006-modal .ant-modal-body img {
    width: 100%;
    height: 100%;
    margin-bottom: 50px;
  }
  .animation006-modal .ant-modal-body .hide {
    display: none;
  }
  .animation006-modal .ant-modal-body .next-button {
    position: absolute;
    background: #FFC53D;
    border-radius: 0px;
    height: 3.8rem;
    width: 4.8rem;
    right: 0;
    bottom: 0;
  }
  .animation006-modal .ant-modal-body .prev-button {
    position: absolute;
    background: #FFC53D;
    border-radius: 0px;
    height: 3.8rem;
    width: 4.8rem;
    left: 0;
    bottom: 0;
  }
}

.animation013 {
  padding: 0 5.375rem;
  margin-right: 3.5rem;
}
.animation013 .animation013-title {
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.625rem;
  text-align: center;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  margin-bottom: 1.5rem;
}
.animation013 .animation013-content {
  display: flex;
  grid-gap: 1rem;
  gap: 1rem;
  justify-content: space-between;
}
.animation013 .animation013-content .animation013-item {
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.animation013 .animation013-content .animation013-item .click-point1 {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  bottom: -25px;
  right: -50px;
}
.animation013 .animation013-content .animation013-header {
  border-radius: 5px;
  color: #fff;
  display: flex;
  flex-direction: column;
  height: 120px;
  align-items: center;
  justify-content: center;
  grid-gap: 12px;
  gap: 12px;
  font-size: 1rem;
  line-height: 1.171875rem;
  font-weight: 700;
  padding: 1.2rem;
  text-align: center;
  position: relative;
}
.animation013 .animation013-content .animation013-header .icon {
  width: 100%;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.animation013 .animation013-content .animation013-header .icon img {
  width: 32px;
  height: 32px;
}
.animation013 .animation013-content .animation013-header .arrow {
  width: 30px;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0;
}
.animation013 .animation013-content .animation013-header .arrow img {
  width: 15px;
  height: 30px;
}
.animation013 .animation013-content .animation013-content ul {
  width: 100%;
  padding: 0;
}
.animation013 .animation013-content .animation013-content ul .animation013-text {
  margin: 0.6875rem 0;
  border-radius: 5px;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1rem;
  text-align: center;
  padding: 1.0625rem 1.8125rem;
}
.animation013 .animation013-content .animation013-content ul .animation013-text.animation013-text1 {
  background: rgba(234, 75, 108, 0.2);
}
.animation013 .animation013-content .animation013-content ul .animation013-text.animation013-text2 {
  background: rgba(243, 162, 104, 0.28);
}
.animation013 .animation013-content .animation013-content ul .animation013-text.animation013-text3 {
  background: rgba(111, 129, 247, 0.2);
}
.animation013 .animation013-content .animation013-content ul .animation013-text.animation013-text4 {
  background: rgba(12, 163, 163, 0.2);
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .animation013 .animation013-content {
    flex-wrap: wrap;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .animation013 .animation013-content .animation013-item {
    width: calc(50% - 1rem) !important;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .animation013 {
    margin-right: 0;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .animation013 .animation013-content {
    flex-wrap: wrap;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .animation013 .animation013-content .animation013-item {
    width: calc(100% - 1rem) !important;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .animation013 .animation013-content .animation013-header {
    font-size: 1.4rem;
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .animation013 .animation013-content ul .animation013-text {
    font-size: 1.2rem;
    line-height: 1.2;
  }
}

.example {
  margin-top: 5.125rem;
  padding-left: 2rem;
  padding-bottom: 6.25rem;
}
.example .example-label {
  font-size: 2.625rem;
  font-weight: 500;
  line-height: 3.375rem;
  margin-right: 4.5625rem;
}
.example .link-label {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.8375rem;
  letter-spacing: 0em;
  text-align: left;
  margin-right: 2rem;
}
.example .link-label img {
  margin-top: -0.5rem;
  height: 2.0625rem;
}
.example .example-link {
  color: #F26927;
  font-family: Helvetica Neue;
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 2.8125rem;
  text-decoration: underline;
}
.example .example-content {
  display: flex;
  margin-top: 5.7675rem;
  position: relative;
}
.example .example-content.hide {
  display: none;
}
.example .example-content .example-person {
  position: relative;
  vertical-align: bottom;
  width: 100%;
}
.example .example-content .example-person .popover-message {
  position: absolute;
  width: 29.6875rem;
  height: 21.4375rem;
  background-image: url(/static/media/popover.0dc55141.png);
  padding: 5rem 3.51125rem;
  z-index: 1;
  background-size: contain;
  background-repeat: no-repeat;
  right: 7rem;
}
.example .example-content .example-person .popover-message .l1 {
  font-size: 1.75rem;
  font-weight: 700;
}
.example .example-content .example-person .popover-message .l2 {
  font-size: 1.5rem;
  font-weight: 400;
}
.example .example-content .example-person .popover-message.red {
  background-image: url(/static/media/popover-red.0bf2b73d.png);
}
.example .example-content .example-person img.person {
  position: absolute;
  bottom: 0;
  right: 1rem;
  z-index: 2;
}
.example .example-content img.point {
  position: absolute;
  top: -4rem;
  right: 7rem;
  width: 97.66px;
  height: 99.33px;
  transform: rotate(135deg);
}
.example .example-content .next-button {
  position: absolute;
  right: 0;
  background: #FFC53D;
  border-radius: 0px;
  height: 5.375rem;
  width: 5.375rem;
  top: 1rem;
}
.example .example-content .prev-button {
  position: absolute;
  left: -6rem;
  background: #FFC53D;
  border-radius: 0px;
  height: 5.375rem;
  width: 5.375rem;
  top: 1rem;
}
.example .video-container {
  margin-top: 5.125rem;
  width: calc(100% - 3.5rem);
  position: relative;
}
.example .video-container .video-loading {
  z-index: -1;
  position: absolute;
}

.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section {
  margin-right: 3.5rem;
  margin-bottom: 142px;
  margin-top: 73.76px;
  position: relative;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .warning-alert {
  background-image: url(data:image/png;base64,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);
  position: absolute;
  height: 153px;
  width: 260px;
  font-size: 36px;
  font-weight: 700;
  color: #E7444E;
  z-index: 10;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  background-size: cover;
  right: -2rem;
  top: -1rem;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .warning-alert span {
  transform: rotate(10deg);
  padding-left: 1rem;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab {
  overflow: visible;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-nav-wrap {
  overflow: visible;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tab {
  font-size: 21px;
  font-weight: 400;
  line-height: 59px;
  color: #333333;
  background-color: #ECECEC;
  border: none;
  padding-left: 22.79px;
  padding-right: 22.79px;
  margin-right: 10px;
  position: relative;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tab .click-point-tab {
  position: absolute;
  z-index: 10;
  width: 50px;
  top: -30px;
  right: -20px;
  transform: rotate(225deg);
  cursor: pointer;
  z-index: 100;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tab.ant-tabs-tab-active {
  background-color: #FFF3E4;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane {
  min-height: 360px;
  background-color: #FFF3E4;
  min-width: 1180px;
  align-items: center;
  justify-content: space-evenly;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane.ant-tabs-tabpane-active {
  display: flex;
  position: relative;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .highlight {
  background: linear-gradient(to right, #ffca95, #fff1b0);
  padding: 13px;
  height: 282px;
  width: 267px;
  border-radius: 20px;
  cursor: pointer;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .highlight .panel {
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .tips-person {
  position: absolute;
  z-index: 1;
  right: 0;
  top: -212px;
  right: 44.92px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel {
  height: 282px;
  width: 267px;
  border-radius: 20px;
  background: #999999;
  color: #fff;
  font-size: 21px;
  font-weight: 400;
  line-height: 29px;
  position: relative;
  padding: 35px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l1 {
  width: 100%;
  text-align: center;
  padding: 0 24px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l2 {
  margin-top: 0.5rem;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l3,
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l4 {
  width: 100%;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l3 .left,
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l4 .left {
  text-align: center;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l3 .right,
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .l4 .right {
  text-align: center;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel .point {
  width: 149px;
  position: absolute;
  left: calc(50% - 74.5px);
  bottom: -3rem;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel.highlight-panel {
  background-color: #F26927;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tabpane .panel {
    width: 21.8vw;
    height: 23vw;
    font-size: 2.56vw;
    line-height: 3vw;
    padding: 1.5vw;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .topic-tab .ant-tabs-tab {
    font-size: 1.4rem;
    line-height: 1.2;
  }
}

.hacker-steps {
  margin-top: 56.74px;
  position: relative;
  margin-left: 2.5rem;
  padding-bottom: 283px;
}
.hacker-steps .point {
  width: 156.63px;
  position: absolute;
  top: -6.5rem;
  right: 6.5rem;
  transform: rotate(135deg);
}
.hacker-steps .step1 .step-text {
  background-color: #0C53A3;
}
.hacker-steps .step2 .step-text {
  background-color: #104989;
}
.hacker-steps .step3 .step-text {
  background-color: #1B2B44;
}
.hacker-steps .step {
  display: flex;
  align-items: flex-end;
  align-content: flex-end;
  grid-gap: 4rem;
  gap: 4rem;
  min-height: 450px;
}
.hacker-steps .step img {
  width: 60%;
  max-width: 640px;
}
.hacker-steps .step .step-text {
  padding: 1.25rem 2.875rem;
  border-radius: 1.25rem;
  color: #fff;
  width: 35%;
  max-width: 380px;
  height: 256.84px;
  justify-content: center;
}
.hacker-steps .step .step-text .name {
  font-weight: 700;
  font-size: 1.68rem;
  line-height: 2,6875ren;
}
.hacker-steps .step .step-text .text {
  font-weight: 400;
  font-size: 1.45rem;
  line-height: 1.75rem;
}
.hacker-steps .step-dots {
  position: absolute;
  display: flex;
  grid-gap: 24px;
  gap: 24px;
  left: 500px;
  top: 500px;
}
.hacker-steps .step-dots .step-dot {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #707070;
  opacity: 0.3;
}
.hacker-steps .step-dots .step-dot.active {
  opacity: 1;
}
.hacker-steps .next-button {
  position: absolute;
  right: 0;
  background: #FFC53D;
  border-radius: 0px;
  height: 5.1875rem;
  width: 5.1875rem;
  top: 1rem;
}
.hacker-steps .prev-button {
  position: absolute;
  left: -6rem;
  background: #FFC53D;
  border-radius: 0px;
  height: 5.1875rem;
  width: 5.1875rem;
  top: 1rem;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .hacker-steps {
    margin-left: 0;
    padding-bottom: 6.2rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .hacker-steps .step {
    flex-direction: column;
    align-items: center;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .hacker-steps .step img {
    width: 100%;
    max-width: auto!important;
    order: 2;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .hacker-steps .step .step-text {
    width: 100%;
    max-width: auto!important;
    order: 1;
    height: auto;
    margin-bottom: 3rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .hacker-steps .point {
    width: 11.5vw;
    position: absolute;
    top: 7.5rem !important;
    right: 6.5rem;
    transform: rotate(90deg);
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .hacker-steps .next-button {
    top: 10.5rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .hacker-steps .prev-button {
    top: 10.5rem;
    left: 0;
  }
}

.secure-warning-section {
  display: flex;
  margin-bottom: 163px;
}
.secure-warning-section .secure-warning-section-left {
  position: relative;
  padding-top: 147px;
}
.secure-warning-section .secure-warning-section-left .point {
  width: 156.63px;
  position: absolute;
  top: 0rem;
  right: 6.5rem;
  transform: rotate(135deg);
}
.secure-warning-section .secure-warning-section-left .next-button {
  position: absolute;
  right: 0;
  background: #FFC53D;
  border-radius: 0px;
  height: 5.1875rem;
  width: 5.1875rem;
  top: 9rem;
}
.secure-warning-section .secure-warning-section-left .prev-button {
  position: absolute;
  left: -3.5rem;
  background: #FFC53D;
  border-radius: 0px;
  height: 5.1875rem;
  width: 5.1875rem;
  top: 9rem;
}
.secure-warning-section .secure-warning-section-left .secure-warning {
  text-align: center;
}
.secure-warning-section .secure-warning-section-left .secure-warning img {
  width: 100%;
  max-width: 705px;
}
.secure-warning-section .secure-warning-section-left .secure-warning .text {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2.215rem;
  background: #E7444E;
  padding: 1.6875rem 2.625rem;
  color: #fff;
  border-radius: 1.25rem;
  display: inline-block;
  margin-top: 1.625rem;
}
.secure-warning-section .secure-warning-section-right .secure-warning-board {
  background-image: url(/static/media/secure-warning-bg.78893f72.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 400px;
  height: 493px;
  font-size: 2.25rem;
  line-height: 3.25rem;
  text-align: center;
  padding: 55px 7rem 0 1rem;
  padding-top: 55px;
  padding-right: 90px;
}
.secure-warning-section .secure-warning-section-right .secure-warning-board .red {
  font-weight: 700;
}
.secure-warning-section .secure-warning-section-right .secure-warning-board .blue {
  font-weight: 500;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .secure-warning-section {
    flex-direction: column;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-left {
    padding-top: 4.3rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-left .point {
    width: 11.5vw;
    position: absolute;
    top: 12rem;
    right: 6.5rem;
    transform: rotate(90deg);
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-left .secure-warning {
    display: flex;
    flex-direction: column;
    grid-row-gap: 2.9rem;
    row-gap: 2.9rem;
    padding-right: 8rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-left .secure-warning img {
    order: 2;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-left .secure-warning .text {
    order: 1;
    margin-right: -8rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-left .next-button {
    top: 14.5rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-left .prev-button {
    top: 14.5rem;
    right: 0;
    left: auto;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-right {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 4.6rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .secure-warning-section .secure-warning-section-right .secure-warning-board {
    padding-right: 10rem;
  }
}

.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation046 {
  margin-right: 3.5rem;
  margin-top: 13.5rem;
  margin-bottom: 7.5625rem;
  position: relative;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation046 .click-point-tab {
  position: absolute;
  z-index: 10;
  width: 80px;
  top: 0;
  left: 250px;
  transform: rotate(270deg);
  cursor: pointer;
  z-index: 100;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation046 .animation046-topic-tab {
  overflow: visible;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation046 .animation046-topic-tab .ant-tabs-tab {
  font-size: 21px;
  font-weight: 400;
  line-height: 59px;
  color: #333;
  background-color: #ececec;
  border: none;
  padding-left: 22.79px;
  padding-right: 22.79px;
  margin-right: 10px;
  position: relative;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation046 .animation046-topic-tab .ant-tabs-tab.ant-tabs-tab-active {
  background-color: #FFF3E4;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation046 .animation046-topic-tab.tab2 .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active {
  background: #DCEAFF;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation046 .animation046-topic-tab.tab2 .ant-tabs-tabpane {
  background-color: #dceaff;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation046 .animation046-topic-tab.tab2 .ant-tabs-tabpane .animation046-card-tab .animation046-card-list .animation046-card-item {
  background: #3789ff;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation046 .animation046-topic-tab .ant-tabs-tabpane {
  min-height: 22.25rem;
  min-width: 100%;
  position: relative;
  background-color: #FFF3E4;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation046 .animation046-topic-tab .ant-tabs-tabpane .click-point-tab {
  position: absolute;
  z-index: 10;
  width: 50px;
  top: -30px;
  right: -20px;
  transform: rotate(225deg);
  cursor: pointer;
  z-index: 100;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation046 .animation046-topic-tab .ant-tabs-tabpane.ant-tabs-tabpane-active {
  display: inline-block;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation046 .animation046-topic-tab .ant-tabs-tabpane .animation046-card-tab .content {
  font-size: 1.3125rem;
  font-weight: 400;
  line-height: 2.125rem;
  margin: 2.8125rem 2.25rem 2.125rem;
  padding: 0;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation046 .animation046-topic-tab .ant-tabs-tabpane .animation046-card-tab .animation046-card-list {
  margin: 2.125rem 2.25rem;
  display: flex;
  grid-gap: 0.625rem;
  gap: 0.625rem;
  justify-content: space-between;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation046 .animation046-topic-tab .ant-tabs-tabpane .animation046-card-tab .animation046-card-list .click-point {
  position: absolute;
  width: 149px;
  bottom: -100px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation046 .animation046-topic-tab .ant-tabs-tabpane .animation046-card-tab .animation046-card-list .animation046-card-item {
  background: #F26927;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.8125rem;
  color: #fff;
  min-height: 11.625rem;
  width: calc(1/7 * 100%);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation046 .animation046-topic-tab .ant-tabs-tabpane .animation046-card-tab .animation046-card-list .animation046-card-item .text {
  padding-left: 0.7rem;
  padding-right: 0.5rem;
  height: 100%;
  padding-top: 18px;
  text-align: left;
  font-size: 1.125rem;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation046 .animation046-topic-tab .ant-tabs-tabpane .animation046-card-tab .animation046-card-list .animation046-card-item .img {
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation046 .animation046-topic-tab .ant-tabs-tabpane .animation046-card-tab .animation046-card-list .animation046-card-item .clickable {
  border-radius: 10px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #999;
  display: flex;
  cursor: pointer;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation046 .animation046-topic-tab .ant-tabs-tabpane .animation046-card-tab .animation046-card-list .animation046-card-item .clickable .click-point {
  width: 7rem;
  position: absolute;
  bottom: -2rem;
  left: calc(50% - 3.5rem);
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation046 .animation046-topic-tab .ant-tabs-tabpane .animation046-card-tab .animation046-card-list .animation046-card-item .clickable .clickable-label {
  width: 100%;
  text-align: center;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation046 .animation046-topic-tab .pic1 {
  width: 15.625rem;
  position: absolute;
  top: -243px;
  right: 5rem;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation046 .animation046-topic-tab .pic2 {
  width: 383px;
  position: absolute;
  right: 345px;
  top: -200px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation046 .animation046-topic-tab .talk-content {
  height: 45px;
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 2.8125rem;
  text-align: left;
  position: absolute;
  right: 442px;
  top: -170px;
}
.cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .animation046 .animation046-topic-tab .talk-content {
  line-height: 1.8rem;
  top: -178px;
  right: 420px;
}
.cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .animation046 .click-point-tab {
  left: 380px;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation046 .animation046-topic-tab .pic1 {
    top: -150px;
    right: 2vw;
    height: 150px;
    width: 156.25px;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation046 .animation046-topic-tab .pic2 {
    width: 25rem;
    position: absolute;
    right: calc(156.25px + 2vw);
    top: -15rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation046 .animation046-topic-tab .talk-content {
    top: -13rem;
    right: calc(156.25px + 2vw);
    padding-right: 6.5rem;
    font-size: 1.5rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation046 .animation046-topic-tab .ant-tabs-tabpane .animation046-card-tab .animation046-card-list {
    margin: 1rem;
    flex-wrap: wrap;
    justify-content: left;
    padding-bottom: 3rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation046 .animation046-topic-tab .ant-tabs-tabpane .animation046-card-tab .animation046-card-list .animation046-card-item {
    min-width: 23%;
    position: relative;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation046 .animation046-topic-tab .ant-tabs-tabpane .animation046-card-tab .animation046-card-list .animation046-card-item .img {
    height: 20%;
  }
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .animation046 .animation046-topic-tab .pic1 {
    top: -150px;
    right: 2vw;
    height: 150px;
    width: 156.25px;
  }
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .animation046 .animation046-topic-tab .pic2 {
    position: absolute;
    width: 30rem;
    top: -13.125rem;
    max-width: 70%;
  }
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .animation046 .animation046-topic-tab .talk-content {
    top: -11.125rem;
    right: 170px;
    line-height: 2rem;
    padding-right: 6.5rem;
    font-size: 2.3vw !important;
  }
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .animation046 .animation046-topic-tab .ant-tabs-tabpane .animation046-card-tab .animation046-card-list {
    margin: 1rem;
    flex-wrap: wrap;
    justify-content: left;
    padding-bottom: 3rem;
  }
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .animation046 .animation046-topic-tab .ant-tabs-tabpane .animation046-card-tab .animation046-card-list .animation046-card-item {
    min-width: 23%;
    position: relative;
  }
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .animation046 .animation046-topic-tab .ant-tabs-tabpane .animation046-card-tab .animation046-card-list .animation046-card-item .img {
    height: 20%;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .animation046 .click-point-tab {
    width: 40px;
    left: 280px;
  }
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .animation046 .animation046-topic-tab .ant-tabs-tab {
    font-size: 1.3125rem;
    line-height: 1.5rem;
  }
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .animation046 .animation046-topic-tab .pic2 {
    width: 25rem;
    top: -11.125rem;
    max-width: 70%;
  }
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .animation046 .animation046-topic-tab .talk-content {
    right: 135px;
    top: -100px;
    width: 270px!important;
    line-height: 2rem;
    font-size: 2.3vw !important;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .animation046 .click-point-tab {
    left: 220px;
  }
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .animation046 .animation046-topic-tab .talk-content {
    right: 8rem;
    top: -11.5rem;
    font-size: 1.2rem !important;
    line-height: 1.5rem !important;
    max-width: 75%;
    width: 270px !important;
    padding-left: 1.8rem;
    padding-right: 7.5rem;
    text-align: center;
    display: flex;
    align-items: center;
  }
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .animation046 .animation046-topic-tab .pic1 {
    height: 12rem;
    width: auto;
    top: -12rem;
    right: 2vw;
  }
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .animation046 .animation046-topic-tab .pic2 {
    width: 20rem;
    top: -12.125rem;
    right: 12rem;
  }
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .animation046 .animation046-topic-tab .ant-tabs-tabpane .animation046-card-tab .animation046-card-list .animation046-card-item .img {
    height: 3rem;
  }
  .cyber-security-training-page.course-page.general-staff.en .ant-layout-content .course-body .course-body-content .topic-item .animation046 .animation046-topic-tab .ant-tabs-tabpane .animation046-card-tab .animation046-card-list .animation046-card-item .text {
    font-size: 1.125rem;
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation046 {
    margin-right: 0;
    margin-top: 13.5rem;
    margin-bottom: 7.5625rem;
    position: relative;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation046 .click-point-tab {
    width: 30px;
    top: 0;
    left: 130px;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation046 .animation046-topic-tab .pic2 {
    width: 18rem;
    top: -10rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation046 .animation046-topic-tab .talk-content {
    padding-right: 4.5rem;
    font-size: 1.2rem;
    top: -9rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation046 .animation046-topic-tab .ant-tabs-tab {
    font-size: 1.4rem;
    line-height: 1.2;
    padding-left: 2vw;
    padding-right: 2vw;
  }
}

.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section.tab2 {
  margin-right: 3.5rem;
  margin-bottom: 142px;
  margin-top: 243px;
  position: relative;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section.tab2 .tips {
  position: absolute;
  background-image: url(data:image/png;base64,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);
  width: 520px;
  height: 137px;
  z-index: 1;
  right: 20rem;
  top: -200px;
  background-size: cover;
  font-family: Helvetica Neue;
  font-size: 36px;
  font-weight: 400;
  line-height: 58px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 71px;
  color: #E7444E;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section.tab2 .tips-person {
  position: absolute;
  z-index: 1;
  right: 0;
  top: -212px;
  right: 44.92px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section.tab2 .topic-tab {
  overflow: visible;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section.tab2 .topic-tab .ant-tabs-nav-wrap {
  overflow: visible;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section.tab2 .topic-tab .ant-tabs-tab {
  font-size: 21px;
  font-weight: 400;
  line-height: 59px;
  color: #333333;
  background-color: #ECECEC;
  border: none;
  padding-left: 22.79px;
  padding-right: 22.79px;
  margin-right: 10px;
  position: relative;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section.tab2 .topic-tab .ant-tabs-tab .click-point-tab {
  position: absolute;
  z-index: 10;
  width: 50px;
  top: -30px;
  right: -20px;
  transform: rotate(225deg);
  cursor: pointer;
  z-index: 100;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section.tab2 .topic-tab .ant-tabs-tab.ant-tabs-tab-active {
  background-color: #FFF3E4;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section.tab2 .topic-tab .ant-tabs-tabpane {
  min-height: 360px;
  background-color: #FFF3E4;
  align-items: center;
  justify-content: space-evenly;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section.tab2 .topic-tab .ant-tabs-tabpane.ant-tabs-tabpane-active {
  display: flex;
  position: relative;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section.tab2 .topic-tab .ant-tabs-tabpane .highlight {
  background: linear-gradient(to right, #ffca95, #fff1b0);
  padding: 13px;
  height: 282px;
  width: 267px;
  border-radius: 20px;
  cursor: pointer;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section.tab2 .topic-tab .ant-tabs-tabpane .highlight .panel {
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section.tab2 .topic-tab .ant-tabs-tabpane .tips-person {
  position: absolute;
  z-index: 1;
  right: 0;
  top: -212px;
  right: 44.92px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section.tab2 .topic-tab .ant-tabs-tabpane .panel {
  height: 282px;
  width: 267px;
  border-radius: 20px;
  background: #999999;
  color: #fff;
  font-size: 21px;
  font-weight: 400;
  line-height: 29px;
  position: relative;
  padding: 35px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section.tab2 .topic-tab .ant-tabs-tabpane .panel .l1 {
  width: 100%;
  text-align: center;
  padding: 0 24px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section.tab2 .topic-tab .ant-tabs-tabpane .panel .l2 {
  margin-top: 0.5rem;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section.tab2 .topic-tab .ant-tabs-tabpane .panel .l3,
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section.tab2 .topic-tab .ant-tabs-tabpane .panel .l4 {
  width: 100%;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section.tab2 .topic-tab .ant-tabs-tabpane .panel .l3 .left,
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section.tab2 .topic-tab .ant-tabs-tabpane .panel .l4 .left {
  text-align: center;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section.tab2 .topic-tab .ant-tabs-tabpane .panel .l3 .right,
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section.tab2 .topic-tab .ant-tabs-tabpane .panel .l4 .right {
  text-align: center;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section.tab2 .topic-tab .ant-tabs-tabpane .panel .point {
  width: 149px;
  position: absolute;
  left: calc(50% - 74.5px);
  bottom: -3rem;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section.tab2 .topic-tab .ant-tabs-tabpane .panel.highlight-panel {
  background-color: #F26927;
}
.cyber-security-training-page.en.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section .tips {
  line-height: 2.2rem;
  display: block;
  font-size: 2rem;
  text-align: center;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.en .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section.tab2 .topic-tab .ant-tabs-tabpane .tips-person {
    position: absolute;
    z-index: 1;
    right: 5px;
    height: 26vw;
    top: -26vw;
  }
  .cyber-security-training-page.course-page.en .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section.tab2 .tips {
    line-height: 1.2;
    right: 30vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section.tab2 {
    margin-right: 0;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section.tab2 .topic-tab .ant-tabs-tabpane {
    min-height: 30vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section.tab2 .topic-tab .ant-tabs-tabpane .tips-person {
    position: absolute;
    z-index: 1;
    right: 0;
    top: -25vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section.tab2 .topic-tab .ant-tabs-tabpane .panel {
    width: 21.8vw;
    height: 23vw;
    font-size: 2.56vw;
    line-height: 3vw;
    padding: 1.5vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section.tab2 .topic-tab .ant-tabs-tabpane .panel .l1 {
    padding: 0;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section.tab2 .topic-tab .ant-tabs-tabpane .highlight {
    width: 21.8vw;
    height: 23vw;
    padding: 1vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section.tab2 .topic-tab .ant-tabs-tabpane .highlight .point {
    width: 15.38vw;
    left: calc(50% - 7.69vw);
    bottom: -7.69vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section.tab2 .tips {
    width: 45vw;
    height: 12vw;
    background-repeat: no-repeat;
    font-size: 3.1vw;
    right: 26vw;
    top: -20vw;
    padding-right: 5vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section.tab2 .ant-tabs-tab-btn {
    font-size: 2.3vw;
    line-height: 2.3vw;
    white-space: break-spaces;
    max-width: 27vw;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.en .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section.tab2 .topic-tab .ant-tabs-tabpane .tips-person {
    width: unset;
    right: 0;
    height: 25vw;
    top: -25vw;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-center-circle {
    font-size: 2rem;
    line-height: 1.2;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section.tab2 .ant-tabs-tab-btn {
    font-size: 1.4rem;
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section.tab2 .topic-tab .ant-tabs-tab {
    padding-left: 2vw;
    padding-right: 2vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .topic-tab-section.tab2 .topic-tab .ant-tabs-tabpane .panel {
    height: 28vw;
  }
}

.cando-section {
  padding-right: 3.5rem;
  margin-top: 80px;
  margin-bottom: 132px;
}
.cando-section .can-do,
.cando-section .can-not-do {
  display: flex;
  grid-gap: 24px;
  gap: 24px;
  margin-bottom: 82px;
  align-items: center;
}
.cando-section .can-do .cando-img,
.cando-section .can-not-do .cando-img {
  min-width: 200px;
  text-align: center;
}
.cando-section .can-do .cando-title,
.cando-section .can-not-do .cando-title {
  font-size: 2rem;
  font-weight: 700;
  line-height: 51px;
  height: 116px;
  width: 218px;
  border-radius: 20px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cando-section .can-do .cando-body,
.cando-section .can-not-do .cando-body {
  width: calc(100% - 418px);
}
.cando-section .can-do .cando-body .cando-content,
.cando-section .can-not-do .cando-body .cando-content {
  box-shadow: 0px 10px 50px rgba(34, 47, 62, 0.1);
  border-radius: 20px;
  padding: 2.1785rem 1.4375rem;
}
.cando-section .can-do .cando-body .cando-content ul li,
.cando-section .can-not-do .cando-body .cando-content ul li {
  color: #121212;
  margin-bottom: 1.75rem;
  font-size: 1.3125rem;
  font-weight: 400;
  line-height: 1.75rem;
}
.cando-section .can-do .cando-body .cando-content ul li:last-child,
.cando-section .can-not-do .cando-body .cando-content ul li:last-child {
  margin-bottom: 0;
}
@media (max-width: 1024px) {
  .cando-section {
    padding-right: 2rem;
    padding-left: 2rem;
  }
  .cando-section .can-do,
  .cando-section .can-not-do {
    flex-direction: column;
  }
  .cando-section .can-do .cando-img,
  .cando-section .can-not-do .cando-img {
    display: none;
  }
  .cando-section .can-do .cando-title,
  .cando-section .can-not-do .cando-title {
    font-size: 2rem;
    line-height: 6rem;
    height: 6rem;
    width: 100%;
    border-radius: 1.2rem;
  }
  .cando-section .can-do .cando-body,
  .cando-section .can-not-do .cando-body {
    width: 100%;
  }
  .cando-section .can-do .cando-body .cando-content ul li,
  .cando-section .can-not-do .cando-body .cando-content ul li {
    font-size: 1.6rem;
    line-height: 2em;
  }
}

.general-staff .component003 {
  position: relative;
}
.general-staff .component003 .component003-tip {
  border: 1px solid #000;
  border-radius: 47%;
  position: absolute;
  font-size: 1.5rem;
  padding: 4rem;
  text-align: left;
  max-width: 42rem;
  min-height: 9rem;
  display: flex;
  align-items: center;
}
.general-staff .component003 .component003-tip .tip-text {
  z-index: 1;
}
.general-staff .component003 .tip-arrow {
  position: absolute;
  left: -82px;
  top: calc(50% - 15px);
  background: #fff;
  height: 24px;
  width: 128px;
}
.general-staff .component003 .tip-arrow .line1 {
  width: 64px;
  height: 1px;
  background: #000;
  transform: rotate(-12deg);
  position: absolute;
  top: 5px;
  right: 43px;
}
.general-staff .component003 .tip-arrow .line2 {
  width: 61px;
  height: 1px;
  background: #000;
  transform: rotate(12deg);
  position: absolute;
  bottom: 5px;
  right: 46px;
}
.general-staff .component003.position-left img {
  max-width: 40vw;
  position: relative;
  z-index: 11;
}
.general-staff .component003.position-left .component003-tip {
  margin-left: 300px;
  padding: 4rem;
}
.general-staff .component003.position-right {
  text-align: right;
}
.general-staff .component003.position-right img {
  max-width: 40vw;
  position: relative;
  z-index: 11;
}
.general-staff .component003.position-right .component003-tip {
  right: 0;
  margin-right: 25%;
  padding: 3rem;
  z-index: 11;
}
.general-staff .component003.position-right .component003-tip .tip-arrow {
  left: unset;
  right: -107px;
  top: calc(50% - 15px);
}
.general-staff .component003.position-right .component003-tip .tip-arrow .line1 {
  transform: rotate(12deg);
  position: absolute;
  top: 5px;
  right: 46px;
}
.general-staff .component003.position-right .component003-tip .tip-arrow .line2 {
  transform: rotate(-12deg);
  position: absolute;
  bottom: 5px;
  right: 46px;
}
@media (max-width: 1024px) {
  .general-staff .component003 .tip-arrow {
    left: -77px;
  }
  .general-staff .component003 .tip-arrow .line1 {
    width: 55px;
    transform: rotate(-14deg);
    top: 6px;
    right: 43px;
  }
  .general-staff .component003 .tip-arrow .line2 {
    width: 52px;
    transform: rotate(12deg);
    bottom: 5px;
    right: 47px;
  }
  .general-staff .component003.position-left .component003-tip {
    margin-left: 28vw;
  }
  .general-staff .component003.position-right .component003-tip .tip-arrow {
    right: -97px;
  }
  .general-staff .component003.position-right .component003-tip .tip-arrow .line1 {
    width: 58px;
    top: 6px;
    right: 44px;
  }
  .general-staff .component003.position-right .component003-tip .tip-arrow .line2 {
    width: 54px;
    bottom: 5px;
    right: 45px;
  }
  .general-staff.en .component003 .tip-arrow {
    left: -77px;
  }
  .general-staff.en .component003 .tip-arrow .line1 {
    width: 55px;
    transform: rotate(-14deg);
    top: 6px;
    right: 43px;
  }
  .general-staff.en .component003 .tip-arrow .line2 {
    width: 52px;
    transform: rotate(12deg);
    bottom: 5px;
    right: 47px;
  }
  .general-staff.en .component003.position-left .component003-tip {
    margin-left: 28vw;
  }
  .general-staff.en .component003.position-right .component003-tip .tip-arrow {
    right: -97px;
  }
  .general-staff.en .component003.position-right .component003-tip .tip-arrow .line1 {
    width: 58px;
    top: 6px;
    right: 44px;
  }
  .general-staff.en .component003.position-right .component003-tip .tip-arrow .line2 {
    width: 54px;
    bottom: 5px;
    right: 45px;
  }
}
@media (max-width: 768px) {
  .general-staff .component003.position-left .component003-tip {
    margin-left: 38vw;
  }
  .general-staff .component003.position-right.general-staff930-c003-3 .component003-tip .tip-arrow .line1 {
    right: 43px;
  }
  .general-staff .component003.position-right .component003-tip {
    right: 0;
    margin-right: 43% !important;
    padding: 6% !important;
  }
  .general-staff .component003.position-right .tip-text span {
    font-size: unset !important;
  }
  .general-staff.en .component003 .tip-arrow {
    left: -77px;
  }
  .general-staff.en .component003 .tip-arrow .line1 {
    width: 55px;
    transform: rotate(-14deg);
    top: 6px;
    right: 43px;
  }
  .general-staff.en .component003 .tip-arrow .line2 {
    width: 52px;
    transform: rotate(12deg);
    bottom: 5px;
    right: 47px;
  }
  .general-staff.en .component003.position-left .component003-tip {
    margin-left: 28vw;
  }
  .general-staff.en .component003.position-right .component003-tip .tip-arrow {
    right: -97px;
  }
  .general-staff.en .component003.position-right .component003-tip .tip-arrow .line1 {
    width: 58px;
    top: 6px;
    right: 44px;
  }
  .general-staff.en .component003.position-right .component003-tip .tip-arrow .line2 {
    width: 54px;
    bottom: 5px;
    right: 45px;
  }
}
@media (max-width: 480px) {
  .general-staff .component003.position-right.general1200-2-c003 {
    margin-top: 5rem;
    margin-bottom: -3.5rem;
  }
  .general-staff .component003.position-right.general1200-2-c003 .component003-tip {
    top: -2rem;
  }
  .general-staff .component003.position-right .component003-tip {
    right: 0;
    margin-right: 43% !important;
    padding: 6% !important;
  }
  .general-staff .component003.position-right .tip-text span {
    font-size: unset !important;
    display: inline;
  }
  .general-staff .component003.position-left .component003-tip {
    font-size: 1rem;
    padding: 3rem;
  }
  .general-staff .component003.position-left .component003-tip span {
    font-size: unset !important;
  }
  .general-staff.en .component003.position-right.general1200-2-c003 {
    margin-bottom: -3.5rem;
    margin-top: 10rem;
  }
  .general-staff.en .component003.position-right.general1200-2-c003 .component003-tip {
    top: -8rem;
    padding: 8% !important;
  }
  .general-staff.en .component003.position-right.general1200-2-c003 .component003-tip .tip-text {
    font-size: 1.4rem;
  }
  .general-staff.en .component003.position-right.general1200-2-c003 .component003-tip .tip-text div {
    line-height: 1.2 !important;
  }
  .general-staff.en .component003.position-right.general1200-2-c003 .component003-tip .tip-arrow .line1 {
    width: 52px;
    top: 6px;
    right: 46px;
    transform: rotate(13deg);
  }
  .general-staff.en .component003.position-right.general1200-2-c003 .component003-tip .tip-arrow .line2 {
    transform: rotate(-13deg);
    right: 44px;
  }
}

.RealCase.Moblie {
  display: none;
}
.RealCase.Desktop {
  width: calc(100% + 3.5rem);
  margin-left: -3.5rem;
  margin-right: 0;
  margin-bottom: 50px;
  position: relative;
}
.RealCase.Desktop img {
  width: 100%;
  z-index: 1;
}
.en.RealCase.Desktop {
  width: calc(100% + 3.5rem);
  margin-left: -3.5rem;
  margin-right: 0;
  margin-bottom: 50px;
  position: relative;
}
.en.RealCase.Desktop img {
  width: 100%;
  z-index: 1;
}
@media (max-width: 1024px) {
  .RealCase.Desktop {
    margin-left: -1.6rem;
  }
}
@media (max-width: 768px) {
  .RealCase.Desktop {
    display: none;
  }
  .RealCase.Moblie {
    display: block;
    width: calc(100% + 7rem);
    margin-left: -3.5rem;
    margin-right: 0;
    margin-bottom: 50px;
    position: relative;
  }
  .RealCase.Moblie img {
    width: 100%;
    z-index: 1;
  }
  .en.RealCase.Moblie {
    display: block;
    width: calc(100% + 7rem);
    margin-left: -3.5rem;
    margin-right: 0;
    margin-bottom: 50px;
    position: relative;
  }
  .en.RealCase.Moblie img {
    width: 100%;
    z-index: 1;
  }
}

.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .resources-section {
  background: #3789FF;
  padding: 88px 127px;
  margin-top: 207px;
  margin-bottom: 0 !important;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .resources-section .section-container {
  display: flex;
  align-items: center;
  grid-gap: 165px;
  gap: 165px;
  margin-bottom: 106px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .resources-section .section-container .resources-section-label {
  color: #fff;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 43.96px;
  letter-spacing: 0px;
  text-align: left;
  position: relative;
  padding-left: 65px;
  width: 400px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .resources-section .section-container .resources-section-label img {
  position: absolute;
  left: 0;
  width: 55.48px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .resources-section .section-container .resources-links {
  display: flex;
  width: 800px;
  flex-wrap: wrap;
  grid-gap: 20px 60px;
  gap: 20px 60px;
  flex-direction: column;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .resources-section .section-container .resources-links .resources-link {
  font-size: 18px;
  font-weight: 500;
  color: #000;
  width: 460px;
  height: 58px;
  background-color: #fff;
  line-height: 58px;
  border-radius: 10px;
  text-align: left;
  position: relative;
  padding-left: 18px;
}
.cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .resources-section .section-container .resources-links .resources-link .anticon {
  position: absolute;
  right: 10px;
  top: 20px;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .resources-section {
    margin: 0 -2rem;
    padding: 5rem 2rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .resources-section .section-container {
    flex-direction: column;
    grid-gap: 3.2rem;
    grid-gap: 3.2rem;
    gap: 3.2rem;
    margin-bottom: 1.6rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .resources-section .section-container .resources-section-label {
    font-size: 2.6rem;
    width: unset;
    padding-left: 4.6rem;
    line-height: 3.2rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .resources-section .section-container .resources-section-label img {
    width: 3.2rem;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .resources-section .section-container .resources-links {
    width: 100%;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .resources-section .section-container .resources-links .resources-link {
    font-size: 1.4rem;
    line-height: 2rem;
    width: unset;
    height: 4.4rem;
    padding-left: 1.3rem;
    display: flex;
    align-items: center;
    padding-right: 2.5rem;
  }
}

.cyber-security-training-page .ant-layout-content .social-attack-section {
  margin-left: -3.5rem;
  background: linear-gradient(to right, #7b7e87, #37383c);
  padding: 135px 160px 180px 3.5rem;
  color: #fff;
}
.cyber-security-training-page .ant-layout-content .social-attack-section .title {
  border-color: #FFC53D;
}
.cyber-security-training-page .ant-layout-content .social-attack-section .title .highlight {
  color: #FFC53D;
}
.cyber-security-training-page .ant-layout-content .social-attack-section p.content {
  font-size: 22.5px;
}
.cyber-security-training-page .ant-layout-content .social-attack-section .cyber-phishing-section {
  display: flex;
  justify-content: space-around;
}
.cyber-security-training-page .ant-layout-content .social-attack-section .cyber-phishing-section .cyber-phishing-item .cyber-phishing-icon {
  width: 200px;
  height: 200px;
  text-align: center;
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cyber-security-training-page .ant-layout-content .social-attack-section .cyber-phishing-section .cyber-phishing-item .cyber-phishing-icon .name {
  font-size: 22px;
  font-weight: 700;
  line-height: 27px;
  text-align: center;
  margin-top: 24px;
  margin-bottom: 24px;
  max-width: 202px;
}
.cyber-security-training-page .ant-layout-content .social-attack-section .cyber-phishing-section .cyber-phishing-item .cyber-phishing-icon .desc {
  max-width: 200px;
  font-size: 22px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0px;
  text-align: center;
}

.cyber-security-training-page .ant-layout-content .info {
  color: #F26927;
  font-size: 28px;
  font-weight: 500;
  line-height: 45px;
  text-align: center;
}
.cyber-security-training-page .ant-layout-content .business-problem {
  position: relative;
  height: 730px;
  margin-bottom: 147px;
}
.cyber-security-training-page .ant-layout-content .business-problem img {
  position: absolute;
}
.cyber-security-training-page .ant-layout-content .business-problem .text {
  position: absolute;
  font-size: 42px;
  font-weight: 500;
  line-height: 54px;
}
.cyber-security-training-page .ant-layout-content .business-problem .text .highlight {
  color: #F26927;
}
.cyber-security-training-page.en.course-page .ant-layout-content .business-problem .text {
  font-size: 1.8rem;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .business-problem {
    height: 180vw;
    margin-bottom: 180px !important;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .business-problem :first-child {
    height: 70vw;
    width: auto;
    top: 10vw;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .business-problem :nth-child(2) {
    width: 35vw;
    bottom: 100vw !important;
    left: 35vw !important;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .business-problem :nth-child(3) {
    width: 10vw;
    top: 10vw !important;
    left: 50vw !important;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .business-problem :nth-child(4) {
    width: 45vw;
    top: 100vw !important;
    left: 40vw !important;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .business-problem :nth-child(5) {
    width: 55vw;
    top: 140vw !important;
    left: 0 !important;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .topic-item .business-problem :nth-child(6) {
    width: 50vw;
    font-size: 4vw;
    line-height: 5vw;
    padding-right: 2rem;
    top: 25vw !important;
    left: 50vw !important;
  }
}

.password-section {
  background: linear-gradient(219.58deg, rgba(1, 4, 23, 0.8) 10.26%, rgba(43, 51, 63, 0.8) 84.25%);
  border-radius: 20px;
  width: calc(100% - 3.5rem);
  display: flex;
  cursor: pointer;
  position: relative;
  margin-bottom: 129px;
  margin-top: 65px;
}
.password-section .password-section-text {
  margin: auto;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 0.6875rem;
  letter-spacing: 0px;
  text-align: center;
  color: #fff;
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.password-section img.animationpassword {
  position: absolute;
  width: 100%;
}
.password-section img.point {
  position: absolute;
  width: 9.375rem;
  left: calc(50% - 4.6875rem);
  bottom: -1.5rem;
}

.example {
  margin-top: 5.125rem;
  padding-left: 2rem;
  padding-bottom: 6.25rem;
}
.example .example-label {
  font-size: 2.625rem;
  font-weight: 500;
  line-height: 3.375rem;
  margin-right: 4.5625rem;
}
.example .link-label {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.8375rem;
  letter-spacing: 0em;
  text-align: left;
  margin-right: 2rem;
}
.example .link-label img {
  margin-top: -0.5rem;
  height: 2.0625rem;
}
.example .example-link {
  color: #F26927;
  font-family: Helvetica Neue;
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 2.8125rem;
  text-decoration: underline;
}
.example .example-content {
  display: flex;
  margin-top: 5.7675rem;
  position: relative;
}
.example .example-content.hide {
  display: none;
}
.example .example-content .example-person {
  position: relative;
  vertical-align: bottom;
  width: 100%;
}
.example .example-content .example-person .popover-message {
  position: absolute;
  width: 29.6875rem;
  height: 21.4375rem;
  background-image: url(/static/media/popover.0dc55141.png);
  padding: 5rem 3.51125rem;
  z-index: 1;
  background-size: contain;
  background-repeat: no-repeat;
  right: 7rem;
}
.example .example-content .example-person .popover-message .l1 {
  font-size: 1.75rem;
  font-weight: 700;
}
.example .example-content .example-person .popover-message .l2 {
  font-size: 1.5rem;
  font-weight: 400;
}
.example .example-content .example-person .popover-message.red {
  background-image: url(/static/media/popover-red.0bf2b73d.png);
}
.example .example-content .example-person img.person {
  position: absolute;
  bottom: 0;
  right: 1rem;
  z-index: 2;
}
.example .example-content img.point {
  position: absolute;
  top: -4rem;
  right: 7rem;
  width: 97.66px;
  height: 99.33px;
  transform: rotate(135deg);
}
.example .example-content .next-button {
  position: absolute;
  right: 0;
  background: #FFC53D;
  border-radius: 0px;
  height: 5.375rem;
  width: 5.375rem;
  top: 1rem;
}
.example .example-content .prev-button {
  position: absolute;
  left: -6rem;
  background: #FFC53D;
  border-radius: 0px;
  height: 5.375rem;
  width: 5.375rem;
  top: 1rem;
}
.example .video-container {
  margin-top: 5.125rem;
  width: calc(100% - 3.5rem);
  position: relative;
}
.example .video-container .video-loading {
  z-index: -1;
  position: absolute;
}

@media (max-width: 1024px) {
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation {
    margin-left: -2rem;
    width: calc(100% + 4rem);
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .avater {
    width: 12vw!important;
    height: 12vw!important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message {
    width: 75vw!important;
    height: 15vw!important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message-text {
    font-size: 1.2rem !important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message-text {
    padding: 1vw 1vw 1vw 15vw!important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message-text {
    padding: 1.2vw 15vw 1vw 1vw !important;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message-text {
    padding: 2vw 13vw 2vw 2vw !important;
  }
}

.senior-manager .animation001 {
  display: flex;
  margin-bottom: 80px;
}
.senior-manager .animation001.sm-animation001 .animation001-1 {
  font-size: 1.6rem;
  font-weight: 500;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.senior-manager .animation001 .animation001-1 {
  background-image: url(/static/media/9881.3dcc291c.png);
  background-size: cover;
  height: 42.5rem;
  width: 16.75rem;
  color: #F26927;
  font-size: 2.5625rem;
  font-weight: 600;
  text-align: center;
  padding-top: 140px;
  padding-bottom: 350px;
  display: flex;
  align-items: center;
}
.senior-manager .animation001 .animation001-1 .l2 {
  width: 100%;
}
.senior-manager .animation001 .animation001-2 {
  margin-left: 128.5px;
  display: flex;
  width: 720px;
  flex-wrap: wrap;
  grid-gap: 28px 90.79px;
  gap: 28px 90.79px;
}
.senior-manager .animation001 .animation001-2 .animation001-item {
  position: relative;
}
.senior-manager .animation001 .animation001-2 .animation001-item .click-point {
  position: absolute;
  z-index: 1;
  width: 110px;
  bottom: -110px;
  left: 30%;
}
.senior-manager .animation001 .animation001-2 .animation001-item {
  width: 235px;
  cursor: pointer;
}
.senior-manager .animation001 .animation001-2 .animation001-item .animation001-icon {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  text-align: center;
  line-height: 96px;
  margin-left: 65px;
  margin-bottom: 23px;
}
.senior-manager .animation001 .animation001-2 .animation001-item .animation001-title-container {
  display: flex;
  justify-content: center;
  margin-bottom: 1.75rem;
}
.senior-manager .animation001 .animation001-2 .animation001-item .animation001-title-container .animation001-title {
  color: #fff;
  font-size: 1.5rem;
  padding: 1rem;
  font-weight: 700;
  background: #DB536A;
  border-radius: 0.625rem;
  min-width: 65%;
  text-align: center;
}
.senior-manager .animation001 .animation001-2 .animation001-item .animation001-body {
  text-align: center;
}
.senior-manager .animation001 .animation001-2 .animation001-item .animation001-body img {
  height: 130px;
  margin: auto;
}
.senior-manager .animation001 .animation001-2 .animation001-item .animation001-body .text {
  padding: 15px;
  height: 84.42px;
  font-size: 17.5px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.senior-manager .animation001 .animation001-2 .animation001-item.item1 .phishing-icon {
  background: #23BDEE;
}
.senior-manager .animation001 .animation001-2 .animation001-item.item1 .phishing-body .text {
  background: #23BDEE2B;
}
.senior-manager .animation001 .animation001-2 .animation001-item.item2 .phishing-icon {
  background: #F26927;
}
.senior-manager .animation001 .animation001-2 .animation001-item.item2 .phishing-body .text {
  background: #F2692740;
}
.senior-manager .animation001 .animation001-2 .animation001-item.item3 .phishing-icon {
  background: #1AB6B6;
}
.senior-manager .animation001 .animation001-2 .animation001-item.item3 .phishing-body .text {
  background: #DDF4F4;
}
.senior-manager .animation001 .animation001-2 .animation001-item.item4 .phishing-icon {
  background: #FFB600;
}
.senior-manager .animation001 .animation001-2 .animation001-item.item4 .phishing-body .text {
  background: #FFC53D42;
}
.animation001.sm-animation001 .animation001-1 {
  font-size: 1.6rem;
  font-weight: 500;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  color: #000;
  min-width: 172px;
}
.animation001.sm-animation001 .animation001-2 .animation001-item {
  margin-bottom: 3rem;
}
.animation001.sm-animation001 .animation001-2 .animation001-item.item0 .animation001-title {
  background-color: #DB536A;
}
.animation001.sm-animation001 .animation001-2 .animation001-item.item0 .animation001-body .text {
  background-color: rgba(255, 152, 158, 0.54);
}
.animation001.sm-animation001 .animation001-2 .animation001-item.item1 .animation001-title {
  background-color: #0C53A3;
}
.animation001.sm-animation001 .animation001-2 .animation001-item.item1 .animation001-body .text {
  background-color: rgba(12, 83, 163, 0.34);
}
.animation001.sm-animation001 .animation001-2 .animation001-item.item2 .animation001-title {
  background-color: #38876F;
}
.animation001.sm-animation001 .animation001-2 .animation001-item.item2 .animation001-body .text {
  background-color: rgba(56, 135, 111, 0.4);
}
.animation001.sm-animation001 .animation001-2 .animation001-item.item3 .animation001-title {
  background-color: #D23D21;
}
.animation001.sm-animation001 .animation001-2 .animation001-item.item3 .animation001-body .text {
  background-color: rgba(210, 61, 33, 0.36);
}
.animation001.sm-animation001 .animation001-2 .animation001-item.item4 .animation001-title {
  background-color: #F26927;
}
.animation001.sm-animation001 .animation001-2 .animation001-item.item4 .animation001-body .text {
  background-color: rgba(242, 105, 39, 0.34);
}
@media (max-width: 1024px) {
  .senior-manager .animation001.animation001-s3 .animation001-2 {
    margin-left: 0!important;
  }
  .senior-manager .sm-animation001 {
    margin-right: 2rem;
  }
  .senior-manager .animation001 .animation001-1 {
    width: 50%;
    margin-left: 2%;
    padding-top: 20% !important;
    display: none;
  }
  .senior-manager .animation001 .animation001-2 {
    width: 100%;
    margin-left: 0;
    grid-gap: 1.75rem;
    gap: 1.75rem;
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
  }
  .senior-manager .animation001 .animation001-2 .animation001-item {
    width: calc(50% - 1.75rem) !important;
  }
  .senior-manager .animation001 .animation001-2 .animation001-item .animation001-body img {
    width: 100%;
  }
  .senior-manager .animation001 .animation001-2 .animation001-item .animation001-body .text {
    min-height: 100px;
    padding: 0.9rem;
  }
  .senior-manager .animation001 .animation001-2 .animation001-item .animation001-icon {
    width: 12vw;
    height: 12vw;
    line-height: 12vw;
    margin: auto;
    margin-bottom: 4vw;
  }
  .senior-manager .animation001 .animation001-2 .animation001-item .animation001-icon img {
    width: 100%;
  }
  .senior-manager .animation001 .animation001-2 .animation001-item .animation001-title-container .animation001-title {
    height: 120px;
    line-height: 100px;
  }
}
@media (max-width: 768px) {
  .senior-manager .animation001 .animation001-2 .animation001-item .animation001-title-container .animation001-title {
    height: 90px;
    line-height: 70px;
  }
}
@media (max-width: 480px) {
  .senior-manager .animation001.senior-topic1-2-a001.animation001-s3 .animation001-2 {
    margin-bottom: 0;
  }
  .senior-manager .animation001 {
    width: 95%;
  }
  .senior-manager .animation001 .animation001-1 {
    display: none;
  }
  .senior-manager .animation001 .animation001-2 {
    width: 100%;
    margin-left: 5%;
    grid-gap: 1.75rem;
    gap: 1.75rem;
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
  }
  .senior-manager .animation001 .animation001-2 .animation001-item {
    width: calc(100% - 1.75rem) !important;
  }
  .senior-manager .animation001 .animation001-2 .animation001-item .animation001-title-container .animation001-title {
    height: 60px;
    line-height: 40px;
  }
  .senior-manager .animation001 .animation001-2 .animation001-item .animation001-body img {
    width: 100%;
    height: 100%;
  }
  .senior-manager .animation001 .animation001-2 .animation001-item .animation001-body .text {
    min-height: 100px;
    padding: 0.9rem;
  }
  .senior-manager .animation001 .animation001-2 .animation001-item .animation001-icon {
    width: 12vw;
    height: 12vw;
    line-height: 12vw;
    margin: auto;
    margin-bottom: 4vw;
  }
  .senior-manager .animation001 .animation001-2 .animation001-item .animation001-icon img {
    width: 100%;
    height: 100%;
  }
}
.senior-manager .animation001.animation001-s3 {
  padding-right: 3.5rem;
}
.senior-manager .animation001.animation001-s3 .animation001-1 {
  color: #333;
  font-size: 1.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  width: 160px;
  height: 400px;
  padding-top: 82px;
  padding-bottom: 208px;
}
.senior-manager .animation001.animation001-s3 .animation001-2 {
  display: flex;
  margin-left: 20px;
  width: calc(100% - 16.75rem);
  flex-wrap: nowrap;
  grid-gap: 1rem;
  gap: 1rem;
  align-items: center;
  margin-bottom: 15rem;
}
.senior-manager .animation001.animation001-s3 .animation001-2 .animation001-item {
  width: 33.3333%;
}
.senior-manager .animation001.animation001-s3 .animation001-2 .animation001-item .animation001-body img {
  width: 100%;
  height: auto;
}
.senior-manager .animation001.animation001-s3 .animation001-2 .animation001-item.item0 .animation001-title {
  background-color: #DB536A;
}
.senior-manager .animation001.animation001-s3 .animation001-2 .animation001-item.item0 .animation001-body .text {
  background-color: rgba(255, 152, 158, 0.54);
}
.senior-manager .animation001.animation001-s3 .animation001-2 .animation001-item.item1 .animation001-title {
  background-color: #0C53A3;
}
.senior-manager .animation001.animation001-s3 .animation001-2 .animation001-item.item1 .animation001-body .text {
  background-color: rgba(12, 83, 163, 0.34);
}
.senior-manager .animation001.animation001-s3 .animation001-2 .animation001-item.item2 .animation001-title {
  background-color: #38876F;
}
.senior-manager .animation001.animation001-s3 .animation001-2 .animation001-item.item2 .animation001-body .text {
  background-color: #38876f;
}
@media (max-width: 480px) {
  .senior-manager .animation001.animation001-s3 {
    padding-right: 0;
  }
  .senior-manager .animation001.animation001-s3 .animation001-1 {
    color: #333;
    font-size: 2.25rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .senior-manager .animation001.animation001-s3 .animation001-2 {
    display: flex;
    margin-left: 20px;
    width: calc(57%);
    flex-wrap: wrap;
    justify-content: center !important;
    grid-gap: 1rem;
    gap: 1rem;
    align-items: center;
    margin-bottom: 15rem;
  }
  .senior-manager .animation001.animation001-s3 .animation001-2 .animation001-item {
    width: 90% !important;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .senior-manager .animation001.animation001-s3 .animation001-2 .animation001-item .animation001-body {
    width: 298px;
  }
  .senior-manager .animation001.animation001-s3 .animation001-2 .animation001-item .animation001-body img {
    width: 100% !important;
    height: auto;
  }
}
@media (max-width: 768px) {
  .senior-manager .animation001.animation001-s3 {
    padding-right: 0;
  }
  .senior-manager .animation001.animation001-s3 .animation001-1 {
    color: #333;
    font-size: 2.25rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .senior-manager .animation001.animation001-s3 .animation001-2 {
    width: 95%;
  }
  .senior-manager .animation001.animation001-s3 .animation001-2 .animation001-item {
    width: calc(33% - 10rem);
  }
  .senior-manager .animation001.animation001-s3 .animation001-2 .animation001-item .animation001-body img {
    width: 30vw;
    height: auto;
  }
}
@media (max-width: 1024px) {
  .senior-manager .animation001.animation001-s3 .animation001-2 {
    width: 100%;
  }
}

.cyber-security-training-page.course-page.senior-manager .ant-layout-content .course-body .course-body-content .topic-item .animation002 {
  width: 934px;
  height: 934px;
  position: relative;
  margin: auto;
}
.cyber-security-training-page.course-page.senior-manager .ant-layout-content .course-body .course-body-content .topic-item .animation002 .click-point {
  width: 110px;
  position: absolute;
  top: 100px;
  left: 153px;
  transform: rotate(90deg);
}
.cyber-security-training-page.course-page.senior-manager .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-center-circle {
  font-size: 27px;
  font-weight: 500;
  line-height: 34px;
  text-align: center;
  background: #F26927CC;
  height: 269px;
  width: 269px;
  border-radius: 50%;
  color: #fff;
  position: absolute;
  left: calc(50% - 134.5px);
  display: flex;
  justify-content: center;
  align-items: center;
  top: 338px;
}
.cyber-security-training-page.course-page.senior-manager .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel {
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
  width: 184px;
  height: 184px;
  position: absolute;
  border-radius: 20px;
  color: #fff;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 20.76px 0.5rem;
  cursor: pointer;
  transition: all 0.5s linear 0s;
}
.cyber-security-training-page.course-page.senior-manager .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel.fade-in {
  opacity: 1;
}
.cyber-security-training-page.course-page.senior-manager .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel .text {
  text-align: center;
}
.cyber-security-training-page.course-page.senior-manager .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel img {
  position: absolute;
  top: unset;
  bottom: 10%;
}
.cyber-security-training-page.course-page.senior-manager .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-1 {
  background: #1AB6B6;
  position: absolute;
  top: 45px;
  left: calc(50% - 92px);
}
.cyber-security-training-page.course-page.senior-manager .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-2 {
  background: #DD936F;
  position: absolute;
  top: 256px;
  right: 78px;
  opacity: 0;
}
.cyber-security-training-page.course-page.senior-manager .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-3 {
  background: #F4B784;
  position: absolute;
  top: 539px;
  right: 78px;
  opacity: 0;
}
.cyber-security-training-page.course-page.senior-manager .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-4 {
  background: #597EF7;
  position: absolute;
  top: 689px;
  left: calc(50% - 92px);
  opacity: 0;
}
.cyber-security-training-page.course-page.senior-manager .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-4 .t004 {
  position: relative;
}
.cyber-security-training-page.course-page.senior-manager .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-4 .t004 .t004-alert {
  position: absolute;
  background: url(data:image/png;base64,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);
  background-repeat: no-repeat;
  width: 156px;
  height: 110px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #E7444E;
  font-size: 32px;
  font-weight: 700;
  justify-content: center;
  top: -100px;
  left: -100px;
  z-index: 1;
}
.cyber-security-training-page.course-page.senior-manager .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-4 .t004 .t004-alert span {
  transform: rotate(-24deg);
}
.cyber-security-training-page.course-page.senior-manager .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-5 {
  background: #EF878D;
  position: absolute;
  top: 539px;
  left: 78px;
  opacity: 0;
}
.cyber-security-training-page.course-page.senior-manager .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-6 {
  background: #3789FF;
  position: absolute;
  top: 256px;
  left: 78px;
  opacity: 0;
}
.cyber-security-training-page.course-page.senior-manager .ant-layout-content .course-body .course-body-content .topic-item .animation002.senior-topic1-2-a002 .bp-panel {
  padding: 27px 17px;
}
.cyber-security-training-page.course-page.senior-manager .ant-layout-content .course-body .course-body-content .topic-item .animation002.senior-topic1-2-a002 .bp-panel-2 {
  top: 380px;
}
.cyber-security-training-page.course-page.senior-manager .ant-layout-content .course-body .course-body-content .topic-item .animation002.senior-topic1-2-a002 .bp-panel-3 {
  top: 670px;
  right: 200px;
}
.cyber-security-training-page.course-page.senior-manager .ant-layout-content .course-body .course-body-content .topic-item .animation002.senior-topic1-2-a002 .bp-panel-4 {
  top: 670px;
  left: 200px;
}
.cyber-security-training-page.course-page.senior-manager .ant-layout-content .course-body .course-body-content .topic-item .animation002.senior-topic1-2-a002 .bp-panel-5 {
  top: 380px;
}
.cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .animation002 .bp-panel {
  width: 210px;
  height: 230px;
  font-size: 1rem;
  padding-bottom: 1rem !important;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.senior-manager .ant-layout-content .course-body .course-body-content .topic-item .animation002.senior-topic1-2-a002 {
    width: unset;
    height: 105vw;
  }
  .cyber-security-training-page.course-page.senior-manager .ant-layout-content .course-body .course-body-content .topic-item .animation002.senior-topic1-2-a002 .click-point {
    width: 17.4vw;
    top: 10.26vw;
    left: 3vw;
    z-index: 1;
  }
  .cyber-security-training-page.course-page.senior-manager .ant-layout-content .course-body .course-body-content .topic-item .animation002.senior-topic1-2-a002 .bp-center-circle {
    width: 31.8vw;
    height: 31.8vw;
    font-size: 4.1vw;
    line-height: 5.4vw;
    left: calc(50% - 15.9vw);
    top: 40vw;
  }
  .cyber-security-training-page.course-page.senior-manager .ant-layout-content .course-body .course-body-content .topic-item .animation002.senior-topic1-2-a002 .bp-panel {
    width: 21.8vw;
    height: 21.8vw;
    font-size: 2.3vw;
    padding: 1vw;
    line-height: 3vw;
  }
  .cyber-security-training-page.course-page.senior-manager .ant-layout-content .course-body .course-body-content .topic-item .animation002.senior-topic1-2-a002 .bp-panel img {
    width: 5vw;
    top: 60%;
  }
  .cyber-security-training-page.course-page.senior-manager .ant-layout-content .course-body .course-body-content .topic-item .animation002.senior-topic1-2-a002 .bp-panel-1 {
    top: 10vw;
    left: calc(50% - 10.9vw);
  }
  .cyber-security-training-page.course-page.senior-manager .ant-layout-content .course-body .course-body-content .topic-item .animation002.senior-topic1-2-a002 .bp-panel-2 {
    top: calc(50% - 10.9vw);
    right: 0;
  }
  .cyber-security-training-page.course-page.senior-manager .ant-layout-content .course-body .course-body-content .topic-item .animation002.senior-topic1-2-a002 .bp-panel-3 {
    top: 81vw;
    right: 20%;
  }
  .cyber-security-training-page.course-page.senior-manager .ant-layout-content .course-body .course-body-content .topic-item .animation002.senior-topic1-2-a002 .bp-panel-4 {
    top: 81vw;
    left: 20%;
  }
  .cyber-security-training-page.course-page.senior-manager .ant-layout-content .course-body .course-body-content .topic-item .animation002.senior-topic1-2-a002 .bp-panel-5 {
    top: calc(50% - 10.9vw);
    left: 0;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.senior-manager .ant-layout-content .course-body .course-body-content .topic-item .animation002.senior-topic1-2-a002 .bp-panel {
    width: 28vw;
    height: 28vw;
    padding: 2vw;
  }
  .cyber-security-training-page.course-page.senior-manager .ant-layout-content .course-body .course-body-content .topic-item .animation002.senior-topic1-2-a002 .bp-panel.bp-panel-1 {
    top: 2%;
    left: calc(46.5% - 10.9vw);
  }
  .cyber-security-training-page.course-page.senior-manager .ant-layout-content .course-body .course-body-content .topic-item .animation002.senior-topic1-2-a002 .bp-panel.bp-panel-3 {
    right: 15%;
  }
  .cyber-security-training-page.course-page.senior-manager .ant-layout-content .course-body .course-body-content .topic-item .animation002.senior-topic1-2-a002 .bp-panel.bp-panel-4 {
    left: 15%;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.senior-manager .ant-layout-content .course-body .course-body-content .topic-item .animation002.senior-topic1-2-a002 .bp-panel {
    width: 100px;
    height: 120px;
  }
  .cyber-security-training-page.course-page.senior-manager .ant-layout-content .course-body .course-body-content .topic-item .animation002.senior-topic1-2-a002 .bp-panel img {
    top: 70%;
  }
  .cyber-security-training-page.course-page.senior-manager .ant-layout-content .course-body .course-body-content .topic-item .animation002.senior-topic1-2-a002 .bp-panel .text {
    line-height: 14px;
  }
}

.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004 {
  position: relative;
  height: 695px;
  margin-top: 48px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004.no-title {
  position: relative;
  z-index: 0;
  display: flex;
  justify-content: center;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section {
  margin-left: -56px !important;
  width: 1000px;
  position: relative;
  height: 100%;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004 .img-g5584 {
  position: absolute;
  z-index: 0;
  top: 164px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004 .animation004-title {
  background: url(data:image/png;base64,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);
  width: 317px;
  height: 184px;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  left: 100px;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2rem;
  padding: 1rem;
  text-align: center;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section {
  margin-left: 225px;
  position: relative;
  height: 100%;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section.four-steps-section-1200 {
  margin-top: 5rem;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .click-point {
  position: absolute;
  width: 149px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step {
  width: 180px;
  position: absolute;
  cursor: initial;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .text {
  display: flex;
  flex-direction: column;
  font-size: 24px;
  font-weight: 400;
  line-height: 29px;
  text-align: center;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .indicator {
  width: 100%;
  line-height: 68.78px;
  display: flex;
  font-size: 26px;
  font-weight: 700;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .indicator.indicator-title {
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 0.625rem;
  justify-content: center;
  display: flex;
  min-height: 4rem;
  text-align: center;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step img {
  position: absolute;
  width: 280px;
  left: -195px;
  bottom: -108px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step1 {
  top: auto;
  left: 0;
  bottom: 124px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step1 .indicator {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAABGCAYAAABmILAIAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAL1SURBVHgB7d1NkppAGIDhxiKLrOIRzG1yhBwhx5irZJdr5CSZXQ4QBVF+wtfFZ7WItDiiQL9PlaXDbHmnfwAnSr+/bQyATp9/vb3Hn+LijwFwYZck7/Xb15UBcCFJU5Nl2UY+xwbAme1uZw6Hw+lnIgEaVVXZQI7H49lxIgFqZVmaf9utKYri4ndEguDleW5HEAmlC5EgaPv93i7S+xAJgiSjxk7WH/Uo4kMkCI6MHmn9koX6LYgEwRgyeriIBEEYOnq4iASLJjtXuyTp3Nq9FZFgkezUqo6jfWHwHkSCRZHp1D7L7PTqnqlV299vPzZEgkV4dBwuIsGsjRmHIhLM0jPiUESCWZHdKrmNPatfY8ehiASzIHGkaTr4QuAjEAkm65lTqj5EgkmRGOTC36tGjS5Egkl4xVrjVkSCl5lyGC4iwVPNJQwXkWBUEoJEYeM4HmcThotI8FC68JZFd15HMZXF993imHu38DEahYwUcsdtXn+e42jRh0gwiNyCLjFIGDaOBUbRRiS4SoKQCIp6lNAp1NKD6EIksDHYIOoI5D2UEeJWRBIIOfnlpNcQdJTQ47iOSGZOv3VQRwA54fXEt8eaIHA/IpmI9snePqbvZX3yV84L4yOSkehJ7P6Fd//K261T5zOmi0gG0pPaLmybqczZsSYELAeRtOiitmgWtacFrzMaICzBRaK7OjoKnH5mBECHVWHWi4zktL3pjAa63QkMEUXlfCMhBDzL5CNxY9ArwVwAwzNNJhJiwFS9JBK9tTqkO0kxX6NGojtGemt13kQBzMlDI7G3UxMEFubuSGSU0Ec0mTJhyW6ORKZN8kC/PnzDVitCcTUSnTrZZ5cDfSINEKdIJIIsy2wcc/3qF2AMcSL/V67ZjgVwrqyidSzf2g2gWxRF65UB0ItIAA8iATyIBPAgEsCDSAAPIgE8iATwIBLAg0gADyIBelSV4bYUoM9qVX0hEsCDSAAPIgE8iATwIBLAg0gAj7gy1U8DoFNUVb//A1Rb9MBga6C3AAAAAElFTkSuQmCC);
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step1 img {
  left: -240px;
  bottom: -136px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step2 {
  top: auto;
  left: 270px;
  bottom: 167px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step2 .indicator {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAABFCAYAAADgtMKmAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALuSURBVHgB7dxBctowFIDhB/W+HIFtj9Eb9BS5Undd9U5Ztj1C2wkBbEvxMxYYsC2c2GDJ/zeTCTMkO/15km2yeH768UsAXNtkv7/8fPqaFC/XAuDcJhO7TVf6cikAzhWByDaVhQiRAFeqQOoSASBirchLEcc+v3qLSABTBPJ/J5LbxreJBPOWmSKQ/WGStCASzNem2F5tM++PEQnmJ9PzR/v26hKRYF5ei8nxmvb6FSLBPOjZ42V/8/SoIxLETQ/kOj1uOHu0IRLEy8Vh+0+POiJBfPSGoF65Mh+LQz1/+74mEsRDzx16KE+NDIlIEL6R4nCIBOEaOQ6HSBAWPYTv8sOBfIAzxy2IBGHQOLb5IFer+iISTNudtlRdiATT88Cp0YRIMA3urJHmD50aTYgEj6Nh6LNUup3SJ3MnMDWaEAnuS0PQO+L6NeEw6ogE4zNVGBPcSt2CSDA8t43aFwfvvbnb/YxRJBnPbmEA9Sj0e4DToguRoD+dDLp1ys0hiDzgSXEDIkE3W00GDSOrogjgsD0kIsGBLnzdJWXVhNDXMwyiCZHMiS54XfNZNRlMFUMW+OF6ZEQSCxeALnadBOVrc4rCvYfeiGSK3GIu/9rbUwDWnt7Tby4G9x5GQSRjOy5wqRb1xcI/hiAs9okikvfq2t6Y6r4Biz4KRNKkfsB1f/mNPd/fs/hnY56RtF3lcZc+CQCVYims4o2kft3fTQKu8qAnY23gkbSFwDTAgMKIxD1AVwbADTDc17QiuYyhfB3GB3MQr8dFUn+SlMmACRs/kssH51LODAjL8JGUW6T8MBmy+D9rgPh9LJL6lonzAyLVL5L84hNpnCEwA92RuC1TGs6/fwGGdh6JmxREARwl5aTQ/3Kx46OaQJNE/u0EQLPFcrFeCoBORAJ4EAngQSSAB5EAHkQCeBAJ4EEkgAeRAB5EAngQCdDB2uWKSIAOn0Q+EwngQSSAB5EAHkQCeBAJ4EEkgEdixf4RAC0Wf98AYqTlQ0RwE48AAAAASUVORK5CYII=);
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step3 {
  top: auto;
  left: 545px;
  bottom: 210px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step3 .indicator {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAABFCAYAAADgtMKmAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMiSURBVHgB7dxNctowGIBhGdiXI3CG3qC36Bm67xl6hK56nm57g7b7thkCBLAtqf4EIiYBKwZsbOt9ZjrJkC79ok/+S759/vFTAXhluzS/Pn19/2FilZopAEfSJ6NWcz2V30cKwBEXyIOWX10kEwXgYL3QavNojj4jEmBvPS8CWZpXnxMJomeLjfnyb67yrT35dyJB1HRWBPIvVya3Z/8PkSBaMlrJiBVCJIiOKbpYPZwfr14iEkRFVo/Nwihr3haIIBJEoe7qUUYkGDQ5c7WVvcdjeO9xDpFgsOTK+dO83mh1CpFgcGSkkivnl4xWL335+H1GJBiMW8ZRRiTovabi8IgEvdV0HB6RoHfaisMjEvSCP5UrFwOvPVtVF5Gg02S1SDemOJ1rW4/DIxJ0jls1VkZlRRxtjVRViASd4fcacvv6vVaNU4gEd9WFcSqESNC6PoRRRiRonOwx0rXsL2Sf0a1R6i2IBI2Q1SJPrcq23dh8X2qsx1MiwU3oTIKw7oxU1zbe19DjhEhQn4xPulgl8mx4UZxCJKgkQcibRGSV0FkRRL4LJCZEggOJQbt/ygWRp6ryVTuxIJLI+JVBRiX5afQuCpMPe2S6BpEMiARgtXUvPdBarkHsVgS3h3D7BkK4BJF0lB9z5IC3xVFuzPNB7mLY/3R/N4xFTSKSFpS/4f0BLwe1P9h3n/sI+LbvGiK5gj/QZa73B778Xv6G56DvPyI5wwcgG1w3zujdfUY6Z7yJTbSRlCMorwBscFE2Ssywr7iXz/u7kUhOdxIBakiSAdyWci4ExiHcSi8i8WeHspQLYGhf5yJx9wntY3ArBKsC7uxukbhN89Yc7hNiZUBXtRKJXxXkTlL2DOibm0dSDkIexBn6swYYvqsiKT98k6fymCZBYHhqReI31TrbPb8c28M3iFNlJBJFurE8gIOoHUXS91e/AE2Y+BeFMT4Bp00Wf3IF4DSr7GykAFQiEiCASIAAIgECiAQIIBIggEiAACIBAogECCASIIBIgAqJTaZEAlRJ1DsiAQKIBAggEiCASIAAIgECiAQIkBdB/FYAzpn/BxpxqBXldz9PAAAAAElFTkSuQmCC);
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step4 {
  top: auto;
  left: 820px;
  bottom: 255px;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step4 .indicator {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAABGCAYAAABmILAIAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALySURBVHgB7dxPctowFIBxQVhk0UVu0PRmuUHbG3Smh+iyR+sRwiTFNrZll4fzGkHAMn9sLPn7zWQgwFIfT2Cb2dcf6W8D4IPc2uWvn5++L8zMPBkAO6qqMsnfbLm5u4kEwA4J5OUlMdbWD/I/kQCOsmwCqev6/2NEArxZr0uzWmU7gQgiATaSJDdpuj74HJFg0mRqvL6mpijs0dcQCSZLwlitUvmA3vo6IsHkyPRI03z71wWRYFK6Tg8XkWASTp0eLiJB9M6ZHi4iQbTkwGCSZK3fXHVBJIjOJVurfU/f/jwQCaIhcWRZsY1j/6j5ubLsnkgQvj7icBEJgtV3HIpIEJyh4lBEgmDIt1RyEuKl31adikgwajo1iqIcPA5FJBglCSLPi+01HkNsqdoQCUZjDFPjECLBTY01DBeRYHBuGHLqyK23Uz5EgkFUVb35fDHuiXEMkaAXMh1kSsiH7zwvt5GEaH5vOS0F1yMToixtMNuoLubmjkhwHp0UsUVxCJGgE4lAYrC22vzZ7f9TQSTY4U4IDUKu6It1SnRBJBMlH6Q1BPntW7mNect0CSKJkCx0WevNJGgikCiaKWGD/abpVogkALqoZcHLQtcFr/eb11RvzxumwZURycBkUesi10W/v9jfQ2DBjwGRXIFub3QrowtdHuMdPnxE4qHv/BJA8w5f7Sx+9vfxm3wkGoBOAL0lAKjoI2n2/hoCEeA0lb17jCKSQyFwEAzXElQk7gEw9yAYEwF9GmUk+zEwFXBLN42E84QQgsEicaeD3HJ6BELRSyQahJxaLfflYhymA0J1cSTulqkJgyAQl5Mjkckg1yw3F95M6+IbTJM3EveKNImDKYGp+RCJ/vQLWyegsZAIJAaZFiH/9AvQl8Xz84ppARwxn9WPcwIB2s0NgFZEAngQCeBBJIAHkQAeRAJ4EAngQSSAB5EAHkQCeBAJ0KKuZ5+JBPAgEsCDSAAPIgE8iATwIBLAg0gAj0U5t18MgIPuTbb8B39gApjHABaiAAAAAElFTkSuQmCC);
}
.cyber-security-training-page.course-page.senior-manager .ant-layout-content .course-body .course-body-content .animation004.senior-topic0-4-a004.no-title .four-steps-section.four-steps-section-1200 {
  margin-top: 0;
}

@media (max-width: 1024px) {
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section {
    margin-top: 0;
    margin-left: 0 !important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004 {
    position: relative;
    height: 75vw;
    margin-left: 0rem;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004 .img-g5584 {
    display: none;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004 .animation004-title {
    background: none;
    font-weight: 500;
    line-height: 3.375rem;
    letter-spacing: 0em;
    border-left: 5px solid #F26927;
    font-size: 2.1rem;
    position: relative;
    padding-bottom: 0;
    width: 100vw;
    justify-content: left;
    left: auto;
    height: auto;
    width: auto;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section {
    margin-left: 0 !important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .click-point {
    top: auto !important;
    width: 12vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step {
    width: 21vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .indicator {
    line-height: 5vw;
    background-size: cover !important;
    font-size: 3vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .text {
    font-size: 3vw;
    line-height: 4vw;
    margin-bottom: 2vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .step-title {
    font-size: 3vw;
    line-height: 4vw;
    margin-bottom: 2vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .sub-task-text {
    margin-top: 0;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .sub-task-text button.ant-btn.ant-btn-link {
    font-size: 2vw!important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step img {
    width: 25vw;
    left: -12vw;
    bottom: -10vw;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step1 {
    bottom: 20vw;
    top: auto;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step2 {
    bottom: 25vw;
    left: 24vw;
    top: auto;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step3 {
    bottom: 30vw;
    left: 48vw;
    top: auto;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step4 {
    bottom: 35vw;
    left: 72vw;
    top: auto;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004 .animation004-title {
    display: none;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section {
    margin-top: 0;
    margin-left: 0 !important;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004 .animation004-title {
    display: none;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .sub-task-text button.ant-btn.ant-btn-link {
    font-size: 1.4rem !important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004.no-title {
    position: relative;
    z-index: 0;
    margin-bottom: 0 !important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section {
    margin-top: 0;
    margin-left: 0 !important;
  }
}

.animation005 {
  display: flex;
  flex-direction: column;
  grid-gap: 1.5rem;
  gap: 1.5rem;
  margin-right: 3.5rem;
}
.animation005 .animation008-title {
  font-size: 3.5rem;
  font-weight: 550;
  line-height: 3.5rem;
  text-align: center;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  margin-bottom: 1.5rem;
}
.animation005 .animation005-content {
  grid-gap: 1rem;
  gap: 1rem;
  justify-content: space-between;
  display: flex;
}
.animation005 .animation005-content .animation005-contaner {
  width: 25%;
}
.animation005 .animation005-content .animation005-header {
  padding: 20px 21px 24px 20px;
  margin-bottom: 18px;
  align-items: center;
  justify-content: center;
  height: 8rem;
  display: flex;
}
.animation005 .animation005-content .animation005-header .span {
  font-family: 'Helvetica Neue';
  font-style: normal;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 120%;
  text-align: center;
  color: #FFFFFF;
}
.animation005 .animation005-content .animation005-item {
  width: 100%;
  min-height: 21rem;
  box-shadow: 0px 3px 10px 3px #0000001f;
  padding: 32px;
}
.animation005 .animation005-content .animation005-item .icon {
  width: 65px;
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.animation005 .animation005-content .animation005-item .icon img {
  width: 100%;
  height: auto;
}
.animation005 .animation005-content .animation005-item .text {
  margin-top: 2.5rem;
  font-size: 24px;
  font-weight: 400;
  line-height: 2rem;
}
.animation005 .animation005-content .animation005-item .text .highlight {
  font-weight: 700;
}
.animation005 .animation005-content .animation005-item.r1 {
  border-top: 0.3125rem solid #2D8DFE;
}
.animation005 .animation005-content .animation005-item.r1 .highlight {
  color: #2D8DFE;
}
.animation005 .animation005-content .animation005-item.r2 {
  border-top: 0.3125rem solid #FFD666;
}
.animation005 .animation005-content .animation005-item.r2 .highlight {
  color: #FFD666;
}
.animation005 .animation005-content .animation005-item.r3 {
  border-top: 0.3125rem solid #E7444E;
}
.animation005 .animation005-content .animation005-item.r3 .highlight {
  color: #E7444E;
}
.animation005 .animation005-content .animation005-item.r4 {
  border-top: 0.3125rem solid #597EF7;
}
.animation005 .animation005-content .animation005-item.r4 .highlight {
  color: #597EF7;
}
.animation005 .animation005-content .animation005-item.r5 {
  border-top: 0.3125rem solid #F26927;
}
.animation005 .animation005-content .animation005-item.r5 .highlight {
  color: #F26927;
}
.animation005 .animation005-content .animation005-item.r6 {
  border-top: 0.3125rem solid #0CA3A3;
}
.animation005 .animation005-content .animation005-item.r6 .highlight {
  color: #0CA3A3;
}
@media (max-width: 1024px) {
  .animation005 {
    grid-gap: 5vw;
    gap: 5vw;
    grid-gap: 5vw;
    flex-wrap: wrap;
    margin-right: 0;
  }
  .animation005 .animation005-content {
    flex-wrap: wrap;
  }
  .animation005 .animation005-content .animation005-header .span {
    font-size: 3vw;
  }
  .animation005 .animation005-content .animation005-contaner {
    width: calc(50% - 1rem) !important;
  }
  .animation005 .animation005-content .animation005-item {
    min-height: 32vw;
    padding: 2rem 2rem 3rem 2rem;
  }
  .animation005 .animation005-content .animation005-item .text {
    font-size: 3vw;
    line-height: 5vw;
  }
  .animation005 .animation005-content .animation005-item img {
    width: 10vw;
  }
}
.animation005.Animation005-6-items .animation005-content {
  flex-wrap: wrap;
}
.animation005.Animation005-6-items .animation005-content .animation005-contaner {
  width: calc(33.333% - 1.5rem);
}
@media (max-width: 480px) {
  .animation005 .animation005-content .animation005-contaner {
    width: 100% !important;
  }
  .animation005.senior-topic1-3-a005 .animation005-content .animation005-item .text {
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .animation005.Animation005-6-items {
    margin-right: 0;
  }
  .animation005.senior-topic4-1-a005.Animation005-6-items .animation005-content .animation005-item .text {
    font-size: 1.6rem;
    line-height: 1.2;
  }
}
@media (max-width: 768px) {
  .animation005 .animation005-content .animation005-contaner {
    width: 100% !important;
  }
}

.animation006 {
  width: 1024px;
  display: flex;
  position: relative;
  margin: auto;
  margin-bottom: 100px;
}
.animation006 .animation006-bg {
  position: relative;
  margin: auto;
  width: 1024px;
  height: 582px;
  background-image: url(/static/media/social-media-bg.f452d92d.png);
  background-size: 100% 100%;
}
.animation006 .animation006-gif {
  position: absolute;
  margin: auto;
  width: 270px;
  z-index: 10;
  bottom: -10px;
  left: calc(50% - 135px);
}
.animation006 .animation006-radius {
  position: absolute;
  margin: auto;
  width: 270px;
  height: 270px;
  border-radius: 50%;
  background-color: #F26927;
  font-size: 28px;
  font-weight: 300;
  text-align: center;
  word-wrap: break-word;
  color: #FFFFFF;
  z-index: 10;
  bottom: 0;
  left: calc(50% - 135px);
  display: flex;
  justify-content: center;
  align-items: center;
}
.animation006 .animation006-panel {
  font-size: 16px;
  position: absolute;
  border-radius: 23px;
  box-shadow: 0px 2.38095px 28.5713px rgba(0, 0, 0, 0.08);
  background-color: #fff;
  text-align: center;
}
.animation006 .animation006-panel.s1 {
  left: 9px;
  bottom: 112px;
}
.animation006 .animation006-panel.s2 {
  left: 60px;
  bottom: 270px;
}
.animation006 .animation006-panel.s3 {
  left: 205px;
  bottom: 428px;
}
.animation006 .animation006-panel.s4 {
  right: 205px;
  bottom: 428px;
}
.animation006 .animation006-panel.s5 {
  right: 60px;
  bottom: 270px;
}
.animation006 .animation006-panel.s6 {
  right: 9px;
  bottom: 112px;
}
.animation006 .animation006-panel .animation006-content {
  padding: 31px 22px;
  display: flex;
  flex-direction: column;
  font-size: 21px;
  font-weight: 400;
  line-height: 27px;
  align-items: center;
  justify-content: center;
  height: 116px;
  width: 275px;
  position: relative;
}
.animation006 .animation006-panel .animation006-content .view-more .view-more-btn {
  font-size: 21px;
  font-weight: 400;
  opacity: 1 !important;
  height: auto;
  position: relative;
}
.animation006 .animation006-panel .animation006-content .view-more .view-more-btn .click-point1 {
  width: 40px;
  cursor: pointer;
  transform: rotate(270deg);
  position: absolute;
  bottom: 0;
  left: 90%;
}
.animation006 .animation006-panel .animation006-content .indicator {
  position: absolute;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  background: #E7444E;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 19px;
  font-weight: 400;
  line-height: 25px;
  left: -16px;
  top: -16px;
}
.animation006-modal-sm .animation006-modal-header {
  display: flex;
  justify-content: space-between;
  padding-right: 35px;
}
.animation006-modal-sm .animation006-modal-header .animation006-modal-title {
  font-size: 1.125rem;
  color: #fff;
  background-color: #E7444E;
  border-radius: 12px;
  line-height: 1.6;
  font-weight: 700;
  padding: 0.5625rem 1rem;
  border-left: none;
}
.animation006-modal-sm .animation006-modal-header .animation006-modal-link {
  max-width: 50%;
  font-size: 1.125rem;
  color: #fff;
  background-color: #E7444E;
  border-radius: 12px;
  line-height: 1.6;
  font-weight: 700;
  padding: 0.5625rem 1rem;
  margin-left: 20px;
}
.animation006-modal-sm .animation006-modal-header .animation006-modal-link a {
  color: white;
  text-decoration: underline;
}
.animation006-modal-sm .ant-modal-body {
  display: flex;
  justify-content: center;
  position: relative;
  min-height: 456px;
}
.animation006-modal-sm .ant-modal-body img {
  width: 100%;
  height: 100%;
  margin-bottom: 50px;
}
.animation006-modal-sm .ant-modal-body .hide {
  display: none;
}
.animation006-modal-sm .ant-modal-body .next-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 3.8rem;
  width: 4.8rem;
  right: 0;
  bottom: 0;
}
.animation006-modal-sm .ant-modal-body .prev-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 3.8rem;
  width: 4.8rem;
  left: 0;
  bottom: 0;
}
@media (max-width: 1024px) {
  .animation006-modal-sm {
    width: 100%;
    height: 100%;
  }
  .animation006-modal-sm .ant-modal-body {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    position: relative;
    min-height: 456px;
  }
  .animation006-modal-sm .ant-modal-body .hide {
    display: none;
  }
  .animation006-modal-sm .ant-modal-body .next-button {
    position: absolute;
    background: #FFC53D;
    border-radius: 0px;
    height: 4.5rem;
    width: 4.5rem;
    right: 0;
    bottom: 0;
  }
  .animation006-modal-sm .ant-modal-body .prev-button {
    position: absolute;
    background: #FFC53D;
    border-radius: 0px;
    height: 4.5rem;
    width: 4.5rem;
    left: 0;
    bottom: 0;
  }
  .animation006-modal-sm .ant-modal-body img {
    width: 100%;
    height: 100%;
  }
  .animation006 {
    width: 100%;
    display: flex;
    position: relative;
    margin: auto;
    margin-bottom: 6.25rem;
  }
  .animation006 .animation006-radius {
    width: 25vw;
    height: 25vw;
    font-size: 2.4rem;
    padding: 2rem;
    left: calc(50% - 12.5vw);
  }
  .animation006 .animation006-bg {
    width: calc(100vw - 4rem);
    height: calc((100vw - 4rem) * 595 / 1024);
  }
  .animation006 .animation006-gif {
    width: 26%;
    left: 37%;
  }
  .animation006 .animation006-panel {
    border-radius: 1.5rem;
  }
  .animation006 .animation006-panel .animation006-content {
    width: 26vw;
    height: auto;
    min-height: 7rem;
    padding: 1.5rem 1rem;
    font-size: 1.8rem;
  }
  .animation006 .animation006-panel .animation006-content .indicator {
    font-size: 1.2rem;
    width: 2.5rem;
    height: 2.5rem;
    left: -1rem;
    top: -1rem;
  }
  .animation006 .animation006-panel.s1 {
    left: 2vw;
    bottom: 5vw;
  }
  .animation006 .animation006-panel.s2 {
    left: 5vw;
    bottom: 23vw;
  }
  .animation006 .animation006-panel.s3 {
    left: 20vw;
    bottom: 40vw;
  }
  .animation006 .animation006-panel.s4 {
    right: 20vw;
    bottom: 40vw;
  }
  .animation006 .animation006-panel.s5 {
    right: 5vw;
    bottom: 23vw;
  }
  .animation006 .animation006-panel.s6 {
    right: 2vw;
    bottom: 5vw;
  }
  .animation006 .animation006-panel .animation006-content .view-more-btn {
    font-size: 1.5rem !important;
  }
  .animation006 .animation006-panel .animation006-content .click-point1 {
    width: 30px !important;
  }
}
@media (max-width: 768px) {
  .animation006 .animation006-panel .animation006-content .view-more-btn {
    font-size: 1.5rem;
    height: auto;
    padding: 0 !important;
  }
  .animation006 .animation006-radius {
    font-size: 1.5rem;
  }
  .animation006 {
    margin-top: 5rem;
  }
  .animation006 .animation006-panel .animation006-content {
    font-size: 1.2rem;
    line-height: 1.4;
    width: 25vw;
    padding: 0.5rem 0.5rem;
  }
  .animation006 .animation006-panel .animation006-content .view-more .view-more-btn {
    font-size: 10px !important;
  }
  .animation006 .animation006-panel .animation006-content .view-more .view-more-btn .click-point1 {
    bottom: -20%;
    left: 100%;
  }
  .animation006 .animation006-panel .animation006-content .indicator {
    font-size: 1rem;
    width: 2rem;
    height: 2rem;
    left: -1rem;
    top: -1rem;
  }
  .animation006 .animation006-panel .animation006-content .view-more-btn {
    font-size: 12px;
  }
  .animation006 .animation006-panel .animation006-content .click-point1 {
    width: 20px !important;
  }
}
@media (max-width: 480px) {
  .animation006 .animation006-panel .animation006-content .view-more-btn {
    font-size: 10px;
  }
  .animation006 .animation006-panel .animation006-content .click-point1 {
    width: 20px !important;
  }
  .animation006 .animation006-radius {
    font-size: 1rem;
  }
  .animation006 .animation006-panel .animation006-content {
    padding: 0.3rem;
    line-height: 11px;
    min-height: 5rem;
    width: 27vw;
  }
  .animation006 .animation006-panel .animation006-content .view-more {
    margin-left: 0px;
  }
  .animation006 .animation006-panel .animation006-content .view-more .view-more-btn {
    font-size: 8px;
    border: 0;
  }
  .animation006 .animation006-panel .animation006-content .view-more img {
    width: 20px !important;
  }
  .animation006 .animation006-panel.s3 {
    left: 16vw;
    bottom: 42vw;
  }
  .animation006 .animation006-panel.s4 {
    right: 16vw;
    bottom: 42vw;
  }
  .animation006-modal-sm {
    width: 100% !important;
  }
  .animation006-modal-sm .animation006-modal-header .animation006-modal-title {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .animation006-modal-sm .ant-modal-body {
    display: flex;
    justify-content: center;
    position: relative;
    min-height: 300px;
  }
  .animation006-modal-sm .ant-modal-body img {
    width: 100%;
    height: 100%;
    margin-bottom: 50px;
  }
  .animation006-modal-sm .ant-modal-body .hide {
    display: none;
  }
  .animation006-modal-sm .ant-modal-body .next-button {
    position: absolute;
    background: #FFC53D;
    border-radius: 0px;
    height: 3.8rem;
    width: 4.8rem;
    right: 0;
    bottom: 0;
  }
  .animation006-modal-sm .ant-modal-body .prev-button {
    position: absolute;
    background: #FFC53D;
    border-radius: 0px;
    height: 3.8rem;
    width: 4.8rem;
    left: 0;
    bottom: 0;
  }
}

.animation007 {
  padding-right: 3.5rem;
}
.animation007 .animation007-content {
  display: flex;
  grid-gap: 1rem;
  gap: 1rem;
}
.animation007 .animation007-content .animation007-item {
  width: 25%;
  border-radius: 1rem;
  box-shadow: 0px 1.26316px 15.7895px 2.52633px rgba(0, 0, 0, 0.1);
}
.animation007 .animation007-content .animation007-item .animation007-header {
  height: 13rem;
  border-radius: 1rem 1rem 0 0;
  padding: 1rem;
  color: #fff;
  display: flex;
}
.animation007 .animation007-content .animation007-item .animation007-header .text-container {
  width: 60%;
  position: relative;
  padding-top: 20px;
}
.animation007 .animation007-content .animation007-item .animation007-header .text-container .animation007-title {
  font-size: 1.35rem;
  font-weight: 700;
  margin-bottom: 5px;
}
.animation007 .animation007-content .animation007-item .animation007-header .text-container .animation007-text {
  font-size: 1.125rem;
  padding-top: 0.5rem;
  padding-right: 0.5rem;
}
.animation007 .animation007-content .animation007-item .animation007-header .icon {
  width: 120px;
  height: auto;
  display: flex;
  align-items: center;
}
.animation007 .animation007-content .animation007-item .animation007-header .icon img {
  width: 100%;
}
.animation007 .animation007-content .animation007-item .animation007-content {
  color: #999;
  font-size: 1.125rem;
  padding: 1rem;
  height: 120px;
}
.animation007 .click-point1 {
  position: absolute;
  left: 110px;
  bottom: -10px;
  width: 40px !important;
  cursor: pointer;
  transform: rotate(315deg);
}
.animation007 .view-more-btn {
  font-size: 16px;
  text-align: center;
  color: #0CA39A;
  background-color: #FFFFFFB8;
  padding: 0;
  margin: 9px 20px;
  height: 2rem;
  width: 6.5rem;
}
.animation007-modal .ant-modal-body {
  display: flex;
  justify-content: center;
  position: relative;
  min-height: auto;
}
.animation007-modal .ant-modal-body img {
  width: 100%;
  height: 100%;
  margin-top: 50px;
}
@media (max-width: 1024px) {
  .animation007 .click-point1 {
    position: absolute;
    left: 130px;
    bottom: 5px;
    width: 30px !important;
  }
  .animation007 .view-more-btn {
    font-size: 1.5rem;
    padding: 0;
    margin: 9px 60px;
    height: 2rem;
    width: 8rem;
  }
  .animation007 {
    padding-right: 0;
  }
  .animation007 .animation007-content {
    flex-wrap: wrap;
    grid-gap: 2rem;
    gap: 2rem;
  }
  .animation007 .animation007-content .animation007-item {
    width: calc(50% - 1rem);
  }
  .animation007 .animation007-content .animation007-item .animation007-header .text-container {
    padding: 0;
  }
  .animation007 .animation007-content .animation007-item .animation007-header .text-container .animation007-text {
    font-size: 1.5rem;
    width: 90%;
  }
  .animation007 .animation007-content .animation007-item .animation007-content {
    font-size: 1.5rem;
  }
  .animation007-modal {
    width: 80% !important;
  }
  .animation007-modal .ant-modal-body {
    width: 100%;
    height: 100%;
  }
  .animation007-modal .ant-modal-body img {
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 768px) {
  .animation007 .click-point1 {
    position: absolute;
    left: 120px;
    bottom: -15px;
    width: 30px !important;
  }
  .animation007 .view-more-btn {
    font-size: 1.5rem;
    padding: 0;
    margin: 9px 50px;
    height: 2rem;
    width: 8rem;
  }
  .animation007 .animation007-content {
    flex-wrap: wrap;
    grid-gap: 2rem;
    gap: 2rem;
  }
  .animation007 .animation007-content .animation007-item .animation007-header .animation007-text {
    font-size: 1.25rem;
    min-height: 56px;
  }
  .animation007 .animation007-content .animation007-item .animation007-header .view-more {
    width: 120px;
  }
  .animation007 .animation007-content .animation007-item .animation007-content {
    font-size: 1.25rem;
    height: auto;
  }
  .animation007-modal {
    width: 100% !important;
  }
  .animation007-modal .ant-modal-body {
    width: 100%;
    height: 100%;
  }
  .animation007-modal .ant-modal-body img {
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 480px) {
  .animation007 .animation007-content .animation007-item {
    width: 100%;
  }
  .animation007 .animation007-content .animation007-item .animation007-header .animation007-text {
    font-size: 1.5rem;
  }
  .animation007 .animation007-content .animation007-item .animation007-content {
    font-size: 1.5rem;
    height: auto;
  }
  .animation007-modal {
    width: 100% !important;
  }
  .animation007-modal .ant-modal-body {
    width: 100%;
    height: 100%;
    padding: 0;
  }
  .animation007-modal .ant-modal-body img {
    width: 100%;
    height: 100%;
  }
}

.animation008 {
  margin-right: 3.5rem;
  padding-bottom: 3.5rem;
}
.animation008.senior-topic3-1-a008 .animation008-content .animation008-item .animation008-top {
  font-size: 2.5rem;
  padding-top: 2rem;
}
.animation008 .animation008-title {
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.625rem;
  text-align: center;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  margin-bottom: 1.5rem;
}
.animation008 .animation008-content {
  display: flex;
  grid-gap: 1rem;
  gap: 1rem;
  justify-content: space-between;
  padding-right: 3.5rem;
  flex-wrap: wrap;
}
.animation008 .animation008-content .animation008-item {
  cursor: pointer;
  position: relative;
  border-radius: 60px 4px;
  z-index: 1;
}
.animation008 .animation008-content .animation008-item .click-point {
  position: absolute;
  z-index: 10;
  width: 118px;
  bottom: -145px;
  left: 65px;
}
.animation008 .animation008-content .animation008-item .small-icon {
  position: relative;
  z-index: 2;
  width: 100%;
  border-radius: 0px;
  margin-top: 15px;
  margin-bottom: 5px;
  text-align: center;
}
.animation008 .animation008-content .animation008-item .small-icon img {
  height: 2.8125rem;
}
.animation008 .animation008-content .animation008-item .small-icon.large img {
  height: 4.5rem;
}
.animation008 .animation008-content .animation008-item .animation008-top {
  color: #fff;
  display: flex;
  flex-direction: column;
  height: 40px;
  align-items: center;
  justify-content: center;
  grid-gap: 30px;
  gap: 30px;
  text-align: center;
  font-family: Helvetica Neue;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0em;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.animation008 .animation008-content .animation008-item .animation008-text {
  color: #fff;
  padding: 30px 1rem;
  min-height: 145px;
  font-size: 1.5rem;
  font-weight: 350;
  line-height: 1.6;
  text-align: center;
  position: relative;
}
.animation008 .animation008-content .animation008-item .animation008-text .click-point1 {
  width: 40px !important;
  position: absolute;
  bottom: 8%;
  left: 70%;
  transform: rotate(315deg);
}
.animation008 .animation008-content .animation008-item .animation008-text .view-more-btn {
  font-size: 1.5rem;
  font-weight: 700;
  color: #e7444e;
  height: auto;
}
.animation008 .animation008-content .animation008-item .animation008-text .view-more-btn span {
  padding: 5px 20px;
  background-color: rgba(255, 255, 255, 0.72);
}
.animation008-sm-modal-header {
  display: flex;
  justify-content: space-between;
  padding-right: 35px;
}
.animation008-sm-modal-header .animation008-sm-modal-title {
  font-size: 1.125rem;
  color: #fff;
  background-color: #E7444E;
  border-radius: 12px;
  line-height: 1.6;
  font-weight: 700;
  padding: 0.5625rem 1rem;
}
.animation008-sm-modal-header .animation008-sm-modal-link {
  text-align: right;
}
.animation008-sm-modal-header .animation008-sm-modal-link .link-label {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.8375rem;
  letter-spacing: 0em;
  text-align: left;
  margin-right: 2rem;
}
.animation008-sm-modal-header .animation008-sm-modal-link .link-label img {
  margin-top: -0.5rem;
  height: 2.0625rem;
}
.animation008-sm-modal-header .animation008-sm-modal-link .example-link {
  color: #F26927;
  font-family: Helvetica Neue;
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 2.8125rem;
  text-decoration: underline;
}
.animation008-sm-modal .ant-modal-body {
  display: flex;
  justify-content: center;
  position: relative;
  min-height: 456px;
}
.animation008-sm-modal .ant-modal-body video {
  width: 100%;
  height: 100%;
  margin-bottom: 70px;
}
.animation008-sm-modal .ant-modal-body .hide {
  display: none;
}
.animation008-sm-modal .ant-modal-body .next-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: auto;
  width: 6.5rem;
  right: 0;
  bottom: 0;
}
.animation008-sm-modal .ant-modal-body .prev-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: auto;
  width: 6.5rem;
  left: 0;
  bottom: 0;
}
@media (max-width: 1024px) {
  .animation008 .animation008-content {
    padding-right: 0;
  }
  .animation008 .animation008-content .animation008-item {
    position: relative;
  }
  .animation008 .animation008-content .animation008-item .click-point {
    position: absolute;
    z-index: 10;
    width: 118px;
    bottom: -135px;
    left: 30px;
  }
  .animation008 .animation008-content .animation008-item .animation008-top {
    padding: 0 5px;
    height: 65px;
    line-height: 34px;
    font-size: 22px;
  }
  .animation008 .animation008-content .animation008-item .animation008-text {
    padding: 16px 10px;
  }
  .animation008 .animation008-content .animation008-item .animation008-text .click-point1 {
    width: 30px !important;
  }
  .animation008 .animation008-content .animation008-item .animation008-text .view-more-btn span {
    padding: 5px 10px;
  }
  .animation008-sm-modal .ant-modal-body .next-button img {
    height: 25px;
  }
  .animation008-sm-modal .ant-modal-body .prev-button img {
    height: 25px;
  }
}
@media (max-width: 768px) {
  .animation008 .animation008-content {
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
    grid-gap: 1rem;
    gap: 1rem;
  }
  .animation008 .animation008-content .animation008-item {
    width: calc(33.33333% - 1rem) !important;
    position: relative;
  }
  .animation008 .animation008-content .animation008-item .click-point {
    position: absolute;
    z-index: 10;
    width: 118px;
    bottom: -130px;
    left: 50px;
  }
  .animation008 .animation008-content .animation008-item .small-icon {
    width: 100%;
    text-align: center;
  }
  .animation008 .animation008-content .animation008-item .animation008-top {
    padding: 0 5px;
    height: 80px;
    line-height: 30px;
    font-size: 20px;
  }
  .animation008 .animation008-content .animation008-item .animation008-text {
    padding: 16px 10px;
  }
  .animation008-sm-modal {
    width: 90% !important;
  }
  .animation008-sm-modal .animation008-sm-modal-header {
    display: flex;
    flex-direction: column;
  }
  .animation008-sm-modal .animation008-sm-modal-header .animation008-sm-modal-title {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 10px;
  }
  .animation008-sm-modal .ant-modal-body .next-button img {
    height: 25px;
  }
  .animation008-sm-modal .ant-modal-body .prev-button img {
    height: 25px;
  }
}
@media (max-width: 480px) {
  .animation008 .animation008-content .animation008-item .click-point {
    width: 80px;
    bottom: -100px;
  }
  .animation008 .animation008-content .animation008-item .animation008-text .click-point1 {
    left: 68%;
  }
  .animation008 .animation008-content {
    width: 100%;
    padding-left: 1rem;
    flex-wrap: wrap;
    grid-gap: 1rem;
    gap: 1rem;
  }
  .animation008 .animation008-content .animation008-item {
    width: calc(50% - 1rem) !important;
    position: relative;
  }
  .animation008 .animation008-content .animation008-item .small-icon {
    width: 100%;
    text-align: center;
  }
  .animation008-sm-modal {
    width: 100% !important;
  }
  .animation008-sm-modal .animation008-sm-modal-header {
    display: flex;
    flex-direction: column;
  }
  .animation008-sm-modal .animation008-sm-modal-header .animation008-sm-modal-title {
    margin-bottom: 10px;
  }
  .animation008-sm-modal .animation008-sm-modal-header .animation008-sm-modal-link {
    text-align: left;
    margin-right: -2rem;
  }
  .animation008-sm-modal .animation008-sm-modal-header .animation008-sm-modal-link .link-label {
    margin-right: 0;
  }
  .animation008-sm-modal .animation008-sm-modal-header .animation008-sm-modal-link .example-link {
    padding-left: 0.5rem;
    font-size: 1.5rem;
  }
  .animation008-sm-modal .ant-modal-body {
    display: flex;
    justify-content: center;
    position: relative;
    min-height: 400px;
  }
  .animation008-sm-modal .ant-modal-body video {
    width: 100%;
    height: 100%;
    margin-bottom: 50px;
  }
  .animation008-sm-modal .ant-modal-body .hide {
    display: none;
  }
  .animation008-sm-modal .ant-modal-body .next-button {
    position: absolute;
    background: #FFC53D;
    border-radius: 0px;
    height: 4.5rem;
    width: 6.5rem;
    right: 0;
    bottom: 0;
  }
  .animation008-sm-modal .ant-modal-body .prev-button {
    position: absolute;
    background: #FFC53D;
    border-radius: 0px;
    height: 4.5rem;
    width: 6.5rem;
    left: 0;
    bottom: 0;
  }
}

.animation009 {
  margin-right: 3.5rem;
  padding-bottom: 3.5rem;
}
.animation009 .animation009-content {
  display: flex;
  grid-gap: 1rem;
  gap: 1rem;
  justify-content: space-between;
  padding-right: 3.5rem;
}
.animation009 .animation009-content .animation009-item {
  position: relative;
  background-color: #FFF3E4;
  border-radius: 0.625rem;
  padding: 0 1.5625rem 1.5625rem;
}
.animation009 .animation009-content .animation009-item .animation009-indicate {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.75rem;
}
.animation009 .animation009-content .animation009-item .animation009-indicate .animation009-icon {
  width: 6.25rem;
  height: 6.25rem;
  justify-content: center;
  align-items: center;
}
.animation009 .animation009-content .animation009-item .animation009-indicate .animation009-icon img {
  max-width: 100%;
  max-height: 100%;
}
.animation009 .animation009-content .animation009-item .animation009-indicate .animation009-indicate-number {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.6;
}
.animation009 .animation009-content .animation009-item .animation009-text {
  font-size: 1.125rem;
  line-height: 1.4;
}
@media (max-width: 1024px) {
  .animation009-content {
    padding-right: 0!important;
  }
}
@media (max-width: 768px) {
  .animation009-content {
    flex-wrap: wrap;
    padding-right: 0!important;
  }
  .animation009-content .animation009-item {
    width: calc(50% - 0.5rem) !important;
  }
}
@media (max-width: 480px) {
  .animation009 .animation009-content .animation009-item {
    width: 100%!important;
  }
  .animation009 .animation009-content .animation009-item .animation009-text {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}

.animation010 {
  margin-right: 3.5rem;
  padding-bottom: 3.5rem;
}
.animation010 .animation010-content {
  display: flex;
  grid-gap: 1rem;
  gap: 1rem;
  justify-content: space-between;
  padding-right: 3.5rem;
}
.animation010 .animation010-content .animation010-item {
  position: relative;
  background-color: #FFF3E4;
  border-radius: 0.625rem;
}
.animation010 .animation010-content .animation010-item .animation010-indicate {
  margin-bottom: 3rem;
  border-radius: 0.625rem 0.625rem 0 0;
  height: 6.625rem;
}
.animation010 .animation010-content .animation010-item .animation010-indicate .animation010-icon {
  width: 5.125rem;
  height: 5.125rem;
  border: 3px solid;
  border-radius: 50%;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  margin-top: 0.8rem;
}
.animation010 .animation010-content .animation010-item .animation010-indicate .animation010-icon img {
  max-width: 100%;
  max-height: 100%;
  padding: 1rem;
}
.animation010 .animation010-content .animation010-item .animation010-indicate .animation010-indicate-number {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.6;
  color: #fff;
  text-align: center;
  padding-top: 0.8rem;
}
.animation010 .animation010-content .animation010-item .animation010-text {
  font-size: 1.125rem;
  line-height: 1.4;
  margin-left: 2rem;
  margin-right: 2rem;
  margin-bottom: 1.5625rem;
}
@media (max-width: 1024px) {
  .animation010-content {
    padding-right: 0!important;
  }
}
@media (max-width: 768px) {
  .animation010-content {
    flex-wrap: wrap;
  }
  .animation010-content .animation010-item {
    width: calc(50% - 0.5rem) !important;
  }
}
@media (max-width: 480px) {
  .animation010 .animation010-content .animation010-item {
    width: 100%!important;
  }
}

.animation011 {
  margin-right: 3.5rem;
  padding-bottom: 3.5rem;
}
.animation011 .animation011-content {
  display: flex;
  flex-direction: column;
  padding-right: 3.5rem;
}
.animation011 .animation011-content .animation011-item {
  margin-bottom: 3rem;
  width: 100%;
  height: 7.5rem;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.animation011 .animation011-content .animation011-item .animation011-indicate-number {
  min-width: 13.125rem;
  height: 5.625rem;
  display: flex;
  border-radius: 15%/50%;
  align-items: center;
  color: #FFFFFF;
}
.animation011 .animation011-content .animation011-item .animation011-indicate-number .animation011-icon {
  height: 7.5rem;
  width: 7.5rem;
  border: 2px solid;
  border-radius: 50%;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.animation011 .animation011-content .animation011-item .animation011-indicate-number .animation011-icon img {
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
}
.animation011 .animation011-content .animation011-item .number {
  width: 3.75rem;
  text-align: right;
  font-family: Helvetica Neue;
  font-size: 2.25rem;
  font-weight: 700;
}
.animation011 .animation011-content .animation011-item .animation011-text {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  text-align: left;
  padding-left: 20px;
}
@media (max-width: 1024px) {
  .animation011 .animation011-content {
    padding-right: 0!important;
  }
  .animation011 .animation011-content .animation011-item {
    height: 5.5rem;
    margin-bottom: 1rem;
  }
  .animation011 .animation011-content .animation011-item .animation011-indicate-number .animation011-icon {
    width: 5.5rem;
    height: 5.5rem;
  }
  .animation011 .animation011-content .animation011-item .animation011-indicate-number .number {
    text-align: center;
  }
  .animation011 .animation011-content .animation011-item .animation011-indicate-number .animation011-icon img {
    max-width: 50% !important;
    max-height: 50% !important;
  }
}
@media (max-width: 768px) {
  .animation011 .animation011-content {
    flex-wrap: wrap;
  }
  .animation011 .animation011-content .animation011-item {
    padding-left: 2rem !important;
  }
  .animation011 .animation011-content .animation011-item .animation011-indicate-number {
    min-width: 11rem;
    height: 3.625rem;
  }
  .animation011 .animation011-content .animation011-item .animation011-indicate-number .number {
    text-align: center;
  }
  .animation011 .animation011-content .animation011-item .animation011-indicate-number .animation011-icon {
    width: 5.5rem;
    height: 5.5rem;
  }
}
@media (max-width: 480px) {
  .animation011 .animation011-content {
    width: 105%;
  }
  .animation011 .animation011-content .animation011-item {
    padding-left: 0 !important;
    height: 4rem;
  }
  .animation011 .animation011-content .animation011-item .animation011-indicate-number {
    min-width: 9rem;
    height: 2.625rem;
  }
  .animation011 .animation011-content .animation011-item .animation011-indicate-number .number {
    font-size: 1.8rem;
  }
  .animation011 .animation011-content .animation011-item .animation011-indicate-number .animation011-icon {
    width: 4rem;
    height: 4rem;
  }
  .animation011 .animation011-content .animation011-item .animation011-indicate-number .animation011-icon img {
    max-width: 35%;
    max-height: 35%;
  }
  .animation011 .animation011-content .animation011-item .animation011-text {
    font-size: 1rem;
    padding-left: 15px;
  }
}

.animation012 {
  margin-right: 1.5rem;
  margin-left: 1.5rem;
  padding-bottom: 7rem;
}
.animation012 .animation012-content {
  display: flex;
  grid-gap: 1rem;
  gap: 1rem;
  justify-content: center;
  padding-right: 3.5rem;
  height: 21.25rem;
  position: relative;
}
.animation012 .animation012-content .background-line {
  width: 100%;
  height: 3.125rem;
  background-color: #F3F3F3;
  position: absolute;
  z-index: 1;
  top: 78%;
}
.animation012 .animation012-content .animation012-item {
  cursor: pointer;
  margin-top: 3rem;
  margin-bottom: 3rem;
  width: 100%;
  height: 7.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 2;
}
.animation012 .animation012-content .animation012-item .animation012-line {
  min-height: 6rem;
}
.animation012 .animation012-content .animation012-item .animation012-icon {
  min-height: 8.75rem;
  height: 8.75rem;
  width: 8.75rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
}
.animation012 .animation012-content .animation012-item .animation012-icon img {
  width: 4.25rem;
  height: 4.25rem;
  margin: 0 auto;
}
.animation012 .animation012-content .animation012-item .animation012-indicate-number {
  padding: 1.25rem;
}
.animation012 .animation012-content .animation012-item .animation012-indicate-number .number {
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 2rem;
}
.animation012 .animation012-content .animation012-item .animation012-text {
  width: 10rem;
  font-weight: 400;
  font-size: 1.5rem;
  text-align: center;
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
  min-height: 110px;
  display: flex;
  align-items: center;
}
.animation012 .animation012-content .animation012-item .click-point {
  position: absolute;
  z-index: 10;
  width: 118px;
  bottom: -280px;
  left: 70px;
}
@media (max-width: 1024px) {
  .animation012 .animation012-content .animation012-item .click-point {
    width: 65px;
    bottom: -155px;
    left: 56px;
  }
  .animation012 .animation012-content .animation012-item .animation012-text {
    min-height: 68px;
  }
  .animation012-content .animation012-item .click-point {
    width: 70px;
    bottom: -170px;
    left: 55px;
  }
  .animation012-content .animation012-item .animation012-line img {
    height: 100%;
  }
}
@media (max-width: 768px) {
  .animation012-content {
    flex-wrap: wrap;
    grid-gap: 0 !important;
    gap: 0 !important;
  }
  .animation012-content .animation012-item .animation012-line img {
    height: 100%;
  }
  .animation012-content .animation012-item .click-point {
    width: 10%!important;
    bottom: -80% !important;
    left: 5% !important;
  }
  .animation012 .animation012-content .animation012-item .animation012-icon {
    width: 6.25rem;
    height: 6.25rem;
    min-height: 6.25rem;
  }
  .animation012 .animation012-content .background-line {
    top: 70%;
  }
}
@media (max-width: 480px) {
  .animation012 .animation012-content .animation012-item .animation012-text {
    width: 7rem;
    font-size: 1rem;
  }
  .animation012 .animation012-content .background-line {
    height: 2.125rem;
    top: 68%;
  }
  .animation012 .animation012-content .animation012-item {
    width: 10%;
  }
  .animation012 .animation012-content .animation012-item .animation012-icon {
    min-height: 4.25rem;
    width: 4.25rem;
    height: 4.25rem;
  }
  .animation012 .animation012-content .animation012-item .animation012-icon img {
    width: 70%;
    height: 70%;
  }
  .animation012 .animation012-content .click-point {
    width: 12% !important;
    bottom: -40% !important;
    left: 5% !important;
  }
}

.senior-manager .component003 {
  position: relative;
}
.senior-manager .component003 .component003-tip {
  border: 1px solid #000;
  border-radius: 47%;
  position: absolute;
  font-size: 1.5rem;
  padding: 4rem;
  text-align: left;
  max-width: 38rem;
  min-height: 9rem;
  display: flex;
  align-items: center;
}
.senior-manager .component003 .component003-tip .tip-text {
  z-index: 1;
}
.senior-manager .component003 .tip-arrow {
  position: absolute;
  left: -80px;
  top: calc(50% - 15px);
  background: #fff;
  height: 24px;
  width: 128px;
}
.senior-manager .component003 .tip-arrow .line1 {
  width: 64px;
  height: 1px;
  background: #000;
  transform: rotate(-12deg);
  position: absolute;
  top: 5px;
  right: 43px;
}
.senior-manager .component003 .tip-arrow .line2 {
  width: 61px;
  height: 1px;
  background: #000;
  transform: rotate(12deg);
  position: absolute;
  bottom: 5px;
  right: 46px;
}
.senior-manager .component003.position-left img {
  max-width: 40vw;
  position: relative;
  z-index: 10;
}
.senior-manager .component003.position-left .component003-tip {
  margin-left: 300px;
  padding: 4rem;
}
.senior-manager .component003.position-left.sm-welcome-c003 .component003-tip .tip-arrow {
  left: -82px;
}
.senior-manager .component003.position-left.sm-welcome-c003 .component003-tip .tip-arrow .line1 {
  width: 62px;
  right: 45px;
}
.senior-manager .component003.position-left.sm-topic1-c003 .component003-tip .tip-arrow {
  left: -82px;
}
.senior-manager .component003.position-left.senior-topic2-1-c003 .component003-tip .tip-arrow {
  left: -82px;
}
.senior-manager .component003.position-left.senior-topic2-2-c003 .component003-tip .tip-arrow {
  left: -82px;
}
.senior-manager .component003.position-left.senior-topic2-2-c003-2 .component003-tip .tip-arrow {
  left: -82px;
}
.senior-manager .component003.position-right {
  text-align: right;
}
.senior-manager .component003.position-right img {
  max-width: 40vw;
  position: relative;
  z-index: 10;
}
.senior-manager .component003.position-right .component003-tip {
  right: 0;
  margin-right: 18%;
  padding: 3rem;
}
.senior-manager .component003.position-right .component003-tip .tip-arrow {
  left: unset;
  right: -107px;
  top: calc(50% - 15px);
}
.senior-manager .component003.position-right .component003-tip .tip-arrow .line1 {
  transform: rotate(12deg);
  position: absolute;
  top: 5px;
  right: 46px;
}
.senior-manager .component003.position-right .component003-tip .tip-arrow .line2 {
  transform: rotate(-12deg);
  position: absolute;
  bottom: 5px;
  right: 46px;
}
@media (max-width: 1024px) {
  .senior-manager .component003 .tip-arrow {
    left: -77px;
  }
  .senior-manager .component003 .tip-arrow .line1 {
    width: 55px;
    transform: rotate(-14deg);
    top: 6px;
    right: 43px;
  }
  .senior-manager .component003 .tip-arrow .line2 {
    width: 52px;
    transform: rotate(12deg);
    bottom: 5px;
    right: 47px;
  }
  .senior-manager .component003.position-left .component003-tip {
    margin-left: 28vw;
  }
  .senior-manager .component003.position-right .component003-tip .tip-arrow {
    right: -97px;
  }
  .senior-manager .component003.position-right .component003-tip .tip-arrow .line1 {
    width: 58px;
    top: 6px;
    right: 44px;
  }
  .senior-manager .component003.position-right .component003-tip .tip-arrow .line2 {
    width: 54px;
    bottom: 5px;
    right: 45px;
  }
}
@media (max-width: 768px) {
  .senior-manager .component003.position-left .component003-tip {
    margin-left: 38vw;
  }
  .senior-manager .component003.position-right .component003-tip {
    right: 0;
    margin-right: 43% !important;
    padding: 6% !important;
  }
  .senior-manager .component003.position-right .tip-text span {
    font-size: 1rem !important;
  }
}
@media (max-width: 480px) {
  .senior-manager .component003.position-right .component003-tip {
    right: 0;
    margin-right: 43% !important;
    padding: 6% !important;
  }
  .senior-manager .component003.position-right .tip-text span {
    font-size: 1rem !important;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .senior-manager .component003.position-left .component003-tip {
    font-size: 1rem;
    padding: 3rem;
  }
  .senior-manager .component003.position-left .component003-tip span {
    font-size: 1rem !important;
  }
  .senior-manager .component003.position-left.senior-topic2-1-c003 .component003-tip {
    margin-left: 42vw;
  }
  .senior-manager .component003.position-left.senior-topic2-1-c003 .component003-tip .tip-arrow {
    left: -80px;
  }
  .senior-manager .component003.position-left.senior-topic2-1-c003 .component003-tip .tip-arrow .line1 {
    width: 54px;
    transform: rotate(-14deg);
    top: 6px;
    right: 44px;
  }
  .senior-manager .component003.position-left.senior-topic2-2-c003 .component003-tip {
    margin-left: 42vw;
  }
  .senior-manager .component003.position-left.senior-topic2-2-c003 .component003-tip .tip-arrow {
    left: -80px;
  }
  .senior-manager .component003.position-left.senior-topic2-2-c003 .component003-tip .tip-arrow .line1 {
    width: 54px;
    transform: rotate(-14deg);
    top: 6px;
    right: 44px;
  }
  .senior-manager .component003.position-left.senior-topic2-2-c003-2 .component003-tip {
    margin-left: 42vw;
  }
  .senior-manager .component003.position-left.senior-topic2-2-c003-2 .component003-tip .tip-arrow {
    left: -80px;
  }
  .senior-manager .component003.position-left.senior-topic2-2-c003-2 .component003-tip .tip-arrow .line1 {
    width: 54px;
    transform: rotate(-14deg);
    top: 6px;
    right: 44px;
  }
  .senior-manager .component003.position-left.sm-welcome-c003 {
    margin-top: 10rem;
  }
  .senior-manager .component003.position-left.sm-welcome-c003 .component003-tip {
    margin-left: 42vw;
    padding: 3rem;
    margin-top: -5rem;
  }
  .senior-manager .component003.position-left.sm-welcome-c003 .component003-tip span {
    font-size: 1.4rem !important;
  }
  .senior-manager .component003.position-left.sm-welcome-c003 .component003-tip .tip-arrow .line1 {
    width: 53px;
    right: 45px;
  }
  .senior-manager .component003.position-left.sm-topic1-c003 .tip-arrow .line1 {
    width: 53px;
    transform: rotate(-14deg);
    top: 6px;
    right: 45px;
  }
  .en .component003.position-left.sm-welcome-c003 .component003-tip {
    padding: 7rem 2rem;
  }
}

.senior-manager .RealCase.Moblie {
  display: none;
}
.senior-manager .RealCase.Desktop {
  width: calc(100% + 7rem);
  margin-left: -3.5rem;
  margin-right: -3.5rem;
  margin-bottom: 50px;
  position: relative;
}
.senior-manager .RealCase.Desktop img {
  width: 100%;
  z-index: 1;
}
.senior-manager .RealCase.Desktop .source1 {
  width: 22%;
  height: 3.5%;
  position: absolute;
  top: 36.8%;
  left: 40%;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: none;
  font-size: 24px;
  color: #595959;
  z-index: 2;
}
.senior-manager .RealCase.Desktop .source2 {
  width: 20%;
  height: 3.5%;
  position: absolute;
  bottom: 14%;
  right: 14%;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: none;
  font-size: 24px;
  color: #595959;
  z-index: 2;
}
.senior-manager.sc .RealCase.Desktop .source1 {
  left: 33%;
}
.senior-manager.sc .RealCase.Desktop .source2 {
  width: 21%;
  bottom: 21%;
  right: 19%;
}
@media (max-width: 768px) {
  .senior-manager .RealCase.Desktop {
    display: none;
  }
  .senior-manager .RealCase.Moblie {
    display: block;
    width: calc(100% + 7rem);
    margin-left: -3.5rem;
    margin-right: 0;
    margin-bottom: 50px;
    position: relative;
  }
  .senior-manager .RealCase.Moblie img {
    width: 100%;
    z-index: 1;
  }
  .senior-manager .RealCase.Moblie .source1 {
    width: 51%;
    height: 3.5%;
    position: absolute;
    top: 74.8%;
    left: 21%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 24px;
    color: #595959;
    z-index: 2;
  }
  .senior-manager .RealCase.Moblie .source2 {
    width: 52%;
    height: 3.5%;
    position: absolute;
    bottom: 4.5%;
    right: 44%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 24px;
    color: #595959;
    z-index: 2;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .RealCase.Moblie {
    display: block;
    width: calc(100% + 7rem);
    margin-left: -3.5rem;
    margin-right: 0;
    margin-bottom: 50px;
    position: relative;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .RealCase.Moblie img {
    width: 100%;
    z-index: 1;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .RealCase.Moblie .source1 {
    width: 56%;
    height: 2%;
    position: absolute;
    top: 74.8%;
    left: 16%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 24px;
    color: #595959;
    z-index: 2;
  }
  .cyber-security-training-page.course-page.en.senior-manager .ant-layout-content .course-body .course-body-content .RealCase.Moblie .source2 {
    width: 56%;
    height: 2%;
    position: absolute;
    bottom: 3.5%;
    left: 7%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 24px;
    color: #595959;
    z-index: 2;
  }
}

.component005 {
  margin-top: 250px;
  position: relative;
}
.component005 .click-point1 {
  position: absolute;
  z-index: 10;
  width: 80px;
  top: 0;
  left: 280px;
  transform: rotate(270deg);
  cursor: pointer;
  z-index: 100;
}
.component005.no-tabs .ant-tabs-nav-list {
  display: none;
}
.component005.no-tabs .click-point1 {
  display: none;
}
.component005 .component005-topic-tab {
  overflow: visible !important;
  margin-right: 0;
  margin-bottom: 142px;
}
.component005 .component005-topic-tab.tab2 .ant-tabs-tab.ant-tabs-tab-active {
  background-color: #F1F7FF;
}
.component005 .component005-topic-tab.tab2 .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #000 !important;
}
.component005 .component005-topic-tab.tab2 .ant-tabs-tabpane {
  background-color: #F1F7FF;
}
.component005 .component005-topic-tab.tab2 .ant-tabs-tabpane .component005-card-item-title {
  color: #0C53A3 !important;
  border-color: #0C53A3 !important;
}
.component005 .component005-topic-tab.tab2 .ant-tabs-tabpane .component005-card-item-title > div {
  border-color: #0C53A3 !important;
}
.component005 .component005-topic-tab.tab2 .ant-tabs-tabpane .component005-card-item-content {
  background: #0C53A3 !important;
}
.component005 .component005-topic-tab .ant-tabs-tab {
  font-size: 1.3125rem;
  font-weight: 400;
  line-height: 2.8;
  color: #333333;
  background-color: #ECECEC;
  border: none;
  padding-left: 1.375rem;
  padding-right: 1.375rem;
  margin-right: 0.625rem;
}
.component005 .component005-topic-tab .ant-tabs-tab.ant-tabs-tab-active {
  background-color: #FFF3E4;
}
.component005 .component005-topic-tab .ant-tabs-tabpane {
  min-height: 360px;
  background-color: #FFF3E4;
  align-items: center;
  justify-content: space-evenly;
  position: relative;
}
.component005 .component005-topic-tab .ant-tabs-tabpane.ant-tabs-tabpane-active {
  display: flex;
}
.component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 {
  width: 100%;
  height: 255px;
  position: absolute;
  top: -256px;
}
.component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip {
  border: 1px solid #000;
  border-radius: 47%;
  position: absolute;
  font-size: 1.75rem;
  padding: 4rem;
  text-align: left;
  max-width: 38rem;
  min-height: 9rem;
  display: flex;
  align-items: center;
  right: 120px;
  margin-right: 20%;
  padding: 3rem;
}
.component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip .tip-text {
  z-index: 1;
  font-size: 1.2rem;
}
.component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip .tip-arrow {
  position: absolute;
  top: calc(50% - 14px);
  left: unset;
  right: -105px;
  background: #fff;
  height: 24px;
  width: 128px;
}
.component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip .tip-arrow .line1 {
  width: 63px;
  height: 1px;
  background: #000;
  transform: rotate(12deg);
  position: absolute;
  top: 5px;
  right: 46px;
}
.component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip .tip-arrow .line2 {
  width: 61px;
  height: 1px;
  background: #000;
  transform: rotate(-12deg);
  position: absolute;
  bottom: 5px;
  right: 46px;
}
.component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 img {
  max-width: 40vw;
  position: relative;
  z-index: 10;
  left: 73%;
}
.component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list {
  margin: 2.125rem 2.25rem;
  display: flex;
  grid-gap: 0.625rem;
  gap: 0.625rem;
  justify-content: space-between;
}
.component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.8125rem;
  color: #fff;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-left: 6px;
  padding-right: 6px;
  position: relative;
  margin-bottom: 3rem;
}
.component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-title {
  color: #E7444E;
  border: 2px solid rgba(231, 68, 78, 0.6);
  border-radius: 10px;
  padding: 1.75rem 1.25rem 0.75rem;
  width: 100%;
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 1.125rem;
}
.component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-title > div {
  display: flex;
  align-items: center;
  height: 4.375rem;
  padding-bottom: 1rem;
  border-bottom: 2.25px solid rgba(231, 68, 78, 0.6);
}
.component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content {
  background: #E7444E;
  border-radius: 10px;
  padding: 1.25rem;
  min-height: 12rem;
  align-items: center;
  flex-direction: column;
  display: flex;
}
.component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content .text {
  height: 60%;
}
.component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content .img {
  width: 109px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content .img img {
  width: auto;
  height: 55px;
}
.component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .clickable {
  border-radius: 10px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #999;
  display: flex;
  cursor: pointer;
}
.component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .clickable .click-point {
  width: 7rem;
  position: absolute;
  bottom: -2rem;
  left: calc(50% - 3.5rem);
}
.component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .clickable .clickable-label {
  width: 100%;
  text-align: center;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
@media (max-width: 1024px) {
  .component005 .component005-topic-tab {
    width: 100%;
  }
  .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 img {
    left: 65%;
  }
  .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content {
    height: 100%;
  }
  .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003.position-right .component003-tip {
    margin-right: 35%;
  }
  .component005 .click-point1 {
    width: 60px;
    left: 180px;
  }
  .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content .img img {
    width: auto;
    height: 50%;
  }
}
@media (max-width: 768px) {
  .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 img {
    left: 55%;
    bottom: 0;
    height: 200px;
  }
  .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 {
    top: -200px;
  }
  .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003 .component003-tip .tip-text {
    font-size: 1rem;
  }
  .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list {
    display: flex;
    flex-wrap: wrap;
  }
  .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item {
    width: 48% !important;
  }
  .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content {
    width: 100%;
  }
  .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content .img img {
    width: auto;
    height: 75%;
  }
  .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip .tip-text {
    font-size: 1rem;
    line-height: 1.1rem;
  }
}
@media (max-width: 480px) {
  .component005 {
    margin-top: 170px;
  }
  .component005 .component005-topic-tab {
    margin-bottom: 60px;
  }
  .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003 .component003-tip .tip-text {
    font-size: 0.5rem;
  }
  .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item {
    width: 100% !important;
  }
  .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content {
    width: 100%;
  }
  .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-title {
    width: 100%;
  }
  .component005 .click-point1 {
    width: 30px;
    left: 170px;
    top: 10px;
  }
  .component005-component003 .component003-tip {
    width: 160px;
    left: 0;
    top: -20%;
    padding: 2rem !important;
  }
  .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip .tip-text {
    line-height: 1.3rem;
  }
  .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 img {
    height: 130px;
  }
  .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 {
    top: -130px;
    height: 130px;
  }
}
.component005 .component005-topic-tab .ant-tabs-nav {
  z-index: 10;
}

.senior-manager.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview {
  background-color: rgba(12, 163, 154, 0.1);
}
.senior-manager.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-progress-bar .ant-progress-text {
  color: #0CA39A;
}
.senior-manager.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .ant-progress-circle-trail {
  stroke: #0ca39933 !important;
}
.senior-manager.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .ant-progress-circle-path {
  stroke: #0CA39A !important;
}
.senior-manager.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.active .step-dot {
  border-color: #0CA39A;
}
.senior-manager.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.active .step-dot .active-dot {
  background-color: #0CA39A;
}
.senior-manager.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.completed .step-dot {
  border-color: #0CA39A;
  background-color: #0CA39A;
}
.senior-manager.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.completed .step-line {
  background-color: #0CA39A;
}
.senior-manager.cyber-security-training-page.course-page .ant-layout-content .course-left-side .paragraphs .paragraph.active {
  border-color: #1AB6B6;
  background-color: rgba(202, 202, 202, 0.1);
}
.senior-manager.cyber-security-training-page.course-page .ant-layout-content .course-left-side .paragraphs .state .in-progress {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJcSURBVHgBlVRLbhpBEO1qInkZsoodRwo5gckJTJYwWMEn8PgG5gTACeAG4BtgGYzkjc0JTG4wKImDlEVmi53pyquhexgMGChpNP2rV6++pNbI/vV1gbSuYHlMRDn8s/hCZg7wH/5TqvPH80ardGkJbDDIEXMbFwW1QVipLk+n1cnpabAWdL/XO9NatywrJ2NFNIKhkImyivkIZ7k5MoeG+WJSLl8ugVrATupiCLfrP4vF+xcE1cfBoBAx+3hz5s6MMb4DJueyZn5wDNmY6u9yuaU2yId+vw4vagnjp6cvEgotewA2HSAuG2nAg5ubCpTb+/2+/xL00fPqBAIz1yhLe3vteHnY7+cRqwcL2MHDc8d+IWEwJiCrGMPwnXtnouirMPXdJWI6Dzbz3TYVENuLokaihzLUYHls94FLirhK6QxvkMnJieiNY1DgaaeMov6eMFaqonYV5pH9I+k2QQD/m9wTvVU7CnRCNaOaFabxBuDvUm/GakdBDlz1hMI0mBmgI/fgDdpP7Sjs9IkCDQtDe56TISKLH6VSF8butwWMh888N0MdGZOwokymlrIs9RpsAwo9361lemkpB8dK6vJ9r3ch60mxGDyWSp/hyTlcuqI1BlB+tWQGMF/JOEx6P4Ped5WAqVOfeF5DbZADEECxNy2hMJpO496nlEVfE7UTDbQsJs+lLexFdhJDhCrdceLRL8/rWAMLrvgZoian5qmtjvk8VSqf7ra4JJmrDnAJ1IVCG9NCHL+pDSIzFy77r07+tBze3ubN87OvxUWiT8LeshobJDajdXfVABf5D1QfIrYNpWcVAAAAAElFTkSuQmCC);
  background-size: cover;
}
.senior-manager.cyber-security-training-page.course-page .ant-layout-content .course-body .next-topic-button {
  background-color: #0CA39A;
}
.senior-manager.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass .cert-download-input .cert-download-button {
  background-color: #0CA39A;
}
.senior-manager.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .title {
  border-color: #0CA39A;
}
.senior-manager.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .title .l2 {
  color: #0CA39A;
}
.senior-manager.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body {
  border-color: #0CA39A;
}
.senior-manager.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area.wrong .quiz-try-again-button {
  color: #E7444E;
}
.senior-manager.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-last-button {
  border-color: #0CA39A;
}
.senior-manager.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-last-button span {
  color: #0CA39A;
}
.senior-manager.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-submit-button {
  background-color: #0CA39A;
}
.senior-manager.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-submit-button[disabled] {
  background-color: #0ca39933;
  border-color: #0CA39A;
}
.senior-manager.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .ant-btn-link {
  color: #0CA39A;
}
.senior-manager.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
  background: #0CA39A;
  padding: 1rem 1rem;
  min-height: 5vh;
}
.senior-manager.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
  top: 6vh;
}
.senior-manager.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab.active .number {
  border-color: #0CA39A;
}
.senior-manager.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.index .course-landing {
  background: linear-gradient(90deg, #ABECD6 0%, #FBED96 95.31%);
}
.senior-manager.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.welcome .course-landing {
  background: linear-gradient(90.71deg, #73E0A9 0%, #5B68DF 100%);
}
.senior-manager.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.t900 .course-landing {
  background: linear-gradient(90.01deg, rgba(217, 32, 32, 0.4) 0.01%, rgba(255, 167, 167, 0.4) 83.39%);
}
.senior-manager.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.t930 .course-landing {
  background: linear-gradient(90deg, #DCF2F8 0%, #EDF5FF 100%);
}
.senior-manager.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.t1200 .course-landing {
  background: linear-gradient(90.71deg, #73E0A9 0%, #5B68DF 100%);
}
.senior-manager.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.t1400 .course-landing {
  background: linear-gradient(90.01deg, rgba(217, 32, 32, 0.4) 0.01%, rgba(255, 167, 167, 0.4) 83.39%);
}
.senior-manager.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.quiz .course-landing {
  background: linear-gradient(90deg, #DCF2F8 0%, #EDF5FF 100%);
}
.senior-manager.cyber-security-training-page.course-page .ant-layout-content .ant-radio-checked .ant-radio-inner {
  border-color: #0CA39A;
}
.senior-manager.cyber-security-training-page.course-page .ant-layout-content .ant-radio-inner::after {
  background-color: #0CA39A;
}
.senior-manager.cyber-security-training-page.course-page .ant-layout-content .ant-radio-wrapper:hover .ant-radio,
.senior-manager.cyber-security-training-page.course-page .ant-layout-content .ant-radio:hover .ant-radio-inner,
.senior-manager.cyber-security-training-page.course-page .ant-layout-content .ant-radio-input:focus + .ant-radio-inner {
  border-color: #0CA39A;
}
.senior-manager.cyber-security-training-page.course-page .ant-layout-content .animation006 .animation006-panel .animation006-content .indicator {
  background: #A3D179;
}
.senior-manager.cyber-security-training-page.course-page .ant-layout-content .animation006 .animation006-radius {
  background-color: #0CA39A;
}
.senior-manager.cyber-security-training-page.course-page .ant-layout-content .animation006 .animation006-bg {
  background-image: url(/static/media/social-media-bg-g.f773bd2c.png);
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel,
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel {
    padding: 1vw;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel,
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel {
    padding: 2vw;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.senior-manager .ant-layout-content .course-body .prevent-msg-container {
    margin-left: -2rem;
  }
  .cyber-security-training-page.course-page.senior-manager .ant-layout-content .course-body .next-paragraph-bar {
    margin-right: -3.5rem;
  }
}

@media (max-width: 1024px) {
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation {
    margin-left: -2rem;
    width: calc(100% + 4rem);
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .avater {
    width: 12vw!important;
    height: 12vw!important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message {
    width: 75vw!important;
    height: 15vw!important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message-text {
    font-size: 1.2rem !important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message-text {
    padding: 1vw 1vw 1vw 15vw!important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message-text {
    padding: 1.2vw 15vw 1vw 1vw !important;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message-text {
    padding: 2vw 13vw 2vw 2vw !important;
  }
}

@media (max-width: 1024px) {
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation {
    margin-left: -2rem;
    width: calc(100% + 4rem);
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .avater {
    width: 12vw!important;
    height: 12vw!important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message {
    width: 75vw!important;
    height: 15vw!important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message-text {
    font-size: 1.2rem !important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message-text {
    padding: 1vw 1vw 1vw 15vw!important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message-text {
    padding: 1.2vw 15vw 1vw 1vw !important;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message-text {
    padding: 2vw 13vw 2vw 2vw !important;
  }
}

.finance .animation001 {
  display: flex;
  margin-bottom: 80px;
}
.finance .animation001.sm-animation001 .animation001-1 {
  font-size: 1.8rem;
  font-weight: 500;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  color: #000;
}
.finance .animation001 .animation001-1 {
  background-image: url(/static/media/9881.3dcc291c.png);
  background-size: cover;
  height: 42.5rem;
  width: 16.75rem;
  color: #F26927;
  font-size: 2.5625rem;
  font-weight: 600;
  text-align: center;
  padding-top: 140px;
  padding-bottom: 350px;
  display: flex;
  align-items: center;
}
.finance .animation001 .animation001-1 .l2 {
  width: 100%;
}
.finance .animation001 .animation001-2 {
  margin-left: 128.5px;
  display: flex;
  width: 720px;
  flex-wrap: wrap;
  grid-gap: 28px 90.79px;
  gap: 28px 90.79px;
  position: relative;
}
.finance .animation001 .animation001-2 .click-point {
  position: absolute;
  z-index: 1;
  width: 118px;
  top: 380px;
  left: 60px;
}
.finance .animation001 .animation001-2 .animation001-item {
  width: 235px;
  cursor: pointer;
}
.finance .animation001 .animation001-2 .animation001-item .animation001-icon {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  text-align: center;
  line-height: 96px;
  margin-left: 65px;
  margin-bottom: 23px;
}
.finance .animation001 .animation001-2 .animation001-item .animation001-title-container {
  display: flex;
  justify-content: center;
  margin-bottom: 1.75rem;
}
.finance .animation001 .animation001-2 .animation001-item .animation001-title-container .animation001-title {
  color: #fff;
  font-size: 1.5rem;
  padding: 1rem;
  font-weight: 700;
  background: #DB536A;
  border-radius: 0.625rem;
  min-width: 65%;
  text-align: center;
}
.finance .animation001 .animation001-2 .animation001-item .animation001-body {
  text-align: center;
}
.finance .animation001 .animation001-2 .animation001-item .animation001-body img {
  height: 130px;
  margin: auto;
}
.finance .animation001 .animation001-2 .animation001-item .animation001-body .text {
  padding: 15px;
  height: 84.42px;
  font-size: 17.5px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.finance .animation001 .animation001-2 .animation001-item.item1 .phishing-icon {
  background: #23BDEE;
}
.finance .animation001 .animation001-2 .animation001-item.item1 .phishing-body .text {
  background: #23BDEE2B;
}
.finance .animation001 .animation001-2 .animation001-item.item2 .phishing-icon {
  background: #F26927;
}
.finance .animation001 .animation001-2 .animation001-item.item2 .phishing-body .text {
  background: #F2692740;
}
.finance .animation001 .animation001-2 .animation001-item.item3 .phishing-icon {
  background: #1AB6B6;
}
.finance .animation001 .animation001-2 .animation001-item.item3 .phishing-body .text {
  background: #DDF4F4;
}
.finance .animation001 .animation001-2 .animation001-item.item4 .phishing-icon {
  background: #FFB600;
}
.finance .animation001 .animation001-2 .animation001-item.item4 .phishing-body .text {
  background: #FFC53D42;
}
.animation001.sm-animation001 .animation001-1 {
  font-size: 1.6rem;
  font-weight: 500;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  color: #000;
  min-width: 172px;
}
.animation001.sm-animation001 .animation001-2 .animation001-item {
  margin-bottom: 3rem;
}
.animation001.sm-animation001 .animation001-2 .animation001-item.item0 .animation001-title {
  background-color: #DB536A;
}
.animation001.sm-animation001 .animation001-2 .animation001-item.item0 .animation001-body .text {
  background-color: rgba(255, 152, 158, 0.54);
}
.animation001.sm-animation001 .animation001-2 .animation001-item.item1 .animation001-title {
  background-color: #0C53A3;
}
.animation001.sm-animation001 .animation001-2 .animation001-item.item1 .animation001-body .text {
  background-color: rgba(12, 83, 163, 0.34);
}
.animation001.sm-animation001 .animation001-2 .animation001-item.item2 .animation001-title {
  background-color: #38876F;
}
.animation001.sm-animation001 .animation001-2 .animation001-item.item2 .animation001-body .text {
  background-color: rgba(56, 135, 111, 0.4);
}
.animation001.sm-animation001 .animation001-2 .animation001-item.item3 .animation001-title {
  background-color: #D23D21;
}
.animation001.sm-animation001 .animation001-2 .animation001-item.item3 .animation001-body .text {
  background-color: rgba(210, 61, 33, 0.36);
}
.animation001.sm-animation001 .animation001-2 .animation001-item.item4 .animation001-title {
  background-color: #F26927;
}
.animation001.sm-animation001 .animation001-2 .animation001-item.item4 .animation001-body .text {
  background-color: rgba(242, 105, 39, 0.34);
}
@media (max-width: 1024px) {
  .finance .animation001.animation001-s3 .animation001-2 {
    margin-left: 0!important;
  }
  .finance .animation001.animation001-s3 .animation001-2 .animation001-item .click-point {
    top: 105%;
    width: 10vw;
  }
  .finance .sm-animation001 {
    margin-right: 2rem;
  }
  .finance .animation001 .animation001-1 {
    width: 50%;
    margin-left: 2%;
    padding-top: 20% !important;
    display: none;
  }
  .finance .animation001 .animation001-2 {
    width: 100%;
    margin-left: 0;
    grid-gap: 1.75rem;
    gap: 1.75rem;
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
  }
  .finance .animation001 .animation001-2 .animation001-item {
    width: calc(50% - 1.75rem) !important;
  }
  .finance .animation001 .animation001-2 .animation001-item .animation001-body img {
    width: 100%;
  }
  .finance .animation001 .animation001-2 .animation001-item .animation001-body .text {
    min-height: 100px;
    padding: 0.9rem;
  }
  .finance .animation001 .animation001-2 .animation001-item .animation001-icon {
    width: 12vw;
    height: 12vw;
    line-height: 12vw;
    margin: auto;
    margin-bottom: 4vw;
  }
  .finance .animation001 .animation001-2 .animation001-item .animation001-icon img {
    width: 100%;
  }
  .finance .animation001 .animation001-2 .animation001-item .click-point {
    top: 460px;
    left: 16% !important;
  }
  .finance .animation001 .animation001-2 .animation001-item .animation001-title-container .animation001-title {
    height: 120px;
    line-height: 100px;
  }
}
@media (max-width: 768px) {
  .finance .animation001 .animation001-2 .animation001-item .click-point {
    top: 360px;
    left: 16% !important;
  }
  .finance .animation001 .animation001-2 .animation001-item .animation001-title-container .animation001-title {
    height: 90px;
    line-height: 70px;
  }
}
@media (max-width: 480px) {
  .finance .animation001 {
    width: 95%;
  }
  .finance .animation001 .animation001-1 {
    display: none;
  }
  .finance .animation001 .animation001-2 {
    width: 100%;
    margin-left: 5%;
    grid-gap: 1.75rem;
    gap: 1.75rem;
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
  }
  .finance .animation001 .animation001-2 .animation001-item {
    width: calc(100% - 1.75rem) !important;
  }
  .finance .animation001 .animation001-2 .animation001-item .click-point {
    left: 35% !important;
  }
  .finance .animation001 .animation001-2 .animation001-item .animation001-title-container .animation001-title {
    height: 60px;
    line-height: 40px;
  }
  .finance .animation001 .animation001-2 .animation001-item .animation001-body img {
    width: 100%;
    height: 100%;
  }
  .finance .animation001 .animation001-2 .animation001-item .animation001-body .text {
    min-height: 100px;
    padding: 0.9rem;
  }
  .finance .animation001 .animation001-2 .animation001-item .animation001-icon {
    width: 12vw;
    height: 12vw;
    line-height: 12vw;
    margin: auto;
    margin-bottom: 4vw;
  }
  .finance .animation001 .animation001-2 .animation001-item .animation001-icon img {
    width: 100%;
    height: 100%;
  }
}
.finance .animation001.animation001-s3 {
  padding-right: 3.5rem;
}
.finance .animation001.animation001-s3 .animation001-1 {
  color: #333;
  font-size: 1.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  width: 160px;
  height: 400px;
  padding-top: 82px;
  padding-bottom: 208px;
}
.finance .animation001.animation001-s3 .animation001-2 {
  display: flex;
  margin-left: 20px;
  width: calc(100% - 16.75rem);
  flex-wrap: nowrap;
  grid-gap: 1rem;
  gap: 1rem;
  align-items: center;
  margin-bottom: 15rem;
}
.finance .animation001.animation001-s3 .animation001-2 .click-point {
  left: 10%;
}
.finance .animation001.animation001-s3 .animation001-2 .animation001-item {
  width: 33.3333%;
}
.finance .animation001.animation001-s3 .animation001-2 .animation001-item .animation001-body img {
  width: 100%;
  height: auto;
}
.finance .animation001.animation001-s3 .animation001-2 .animation001-item.item0 .animation001-title {
  background-color: #DB536A;
}
.finance .animation001.animation001-s3 .animation001-2 .animation001-item.item0 .animation001-body .text {
  background-color: rgba(255, 152, 158, 0.54);
}
.finance .animation001.animation001-s3 .animation001-2 .animation001-item.item1 .animation001-title {
  background-color: #0C53A3;
}
.finance .animation001.animation001-s3 .animation001-2 .animation001-item.item1 .animation001-body .text {
  background-color: rgba(12, 83, 163, 0.34);
}
.finance .animation001.animation001-s3 .animation001-2 .animation001-item.item2 .animation001-title {
  background-color: #38876F;
}
.finance .animation001.animation001-s3 .animation001-2 .animation001-item.item2 .animation001-body .text {
  background-color: rgba(242, 105, 39, 0.34);
}
.finance .animation001.animation001-s3 .animation001-explain {
  width: 80%;
  margin-top: 5rem;
  padding: 3rem;
  background: #FFFFFF;
  box-shadow: 0px 10px 50px rgba(34, 47, 62, 0.1);
  border-radius: 20px;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 2;
  text-align: left;
}
.finance .animation001.animation001-s3 .animation001-explain ul {
  margin: 0;
}
@media (max-width: 480px) {
  .finance .animation001.animation001-s3 {
    padding-right: 0;
  }
  .finance .animation001.animation001-s3 .animation001-1 {
    color: #333;
    font-size: 2.25rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .finance .animation001.animation001-s3 .animation001-2 {
    display: flex;
    margin-left: 20px;
    width: calc(57%);
    flex-wrap: wrap;
    justify-content: center !important;
    grid-gap: 1rem;
    gap: 1rem;
    align-items: center;
    margin-bottom: 15rem;
  }
  .finance .animation001.animation001-s3 .animation001-2 .animation001-item {
    width: 90% !important;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .finance .animation001.animation001-s3 .animation001-2 .animation001-item .click-point {
    transform: rotate(45deg);
    top: 105% !important;
  }
  .finance .animation001.animation001-s3 .animation001-2 .animation001-item .animation001-body {
    width: 298px;
  }
  .finance .animation001.animation001-s3 .animation001-2 .animation001-item .animation001-body img {
    width: 100% !important;
    height: auto;
  }
}
@media (max-width: 768px) {
  .finance .animation001.animation001-s3 {
    padding-right: 0;
  }
  .finance .animation001.animation001-s3 .animation001-1 {
    color: #333;
    font-size: 2.25rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .finance .animation001.animation001-s3 .animation001-2 {
    width: 95%;
  }
  .finance .animation001.animation001-s3 .animation001-2 .animation001-item {
    width: calc(33% - 10rem);
  }
  .finance .animation001.animation001-s3 .animation001-2 .animation001-item .click-point {
    top: 105%;
    width: 10vw;
  }
  .finance .animation001.animation001-s3 .animation001-2 .animation001-item .animation001-body img {
    width: 30vw;
    height: auto;
  }
}
@media (max-width: 1024px) {
  .finance .animation001.animation001-s3 .animation001-2 {
    width: 100%;
  }
  .finance .animation001.animation001-s3 .animation001-2 .animation001-item .click-point {
    top: 320px;
    left: 10% !important;
  }
}

.cyber-security-training-page.course-page.senior-manage .ant-layout-content .course-body .course-body-content .animation004 {
  position: relative;
  height: 695px;
  margin-top: 48px;
}
.cyber-security-training-page.course-page.senior-manage .ant-layout-content .course-body .course-body-content .animation004.no-title {
  position: relative;
  z-index: 0;
  display: flex;
  justify-content: center;
}
.cyber-security-training-page.course-page.senior-manage .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section {
  margin-left: -56px !important;
  width: 1000px;
  position: relative;
  height: 100%;
}
.cyber-security-training-page.course-page.senior-manage .ant-layout-content .course-body .course-body-content .animation004 .img-g5584 {
  position: absolute;
  z-index: 0;
  top: 164px;
}
.cyber-security-training-page.course-page.senior-manage .ant-layout-content .course-body .course-body-content .animation004 .animation004-title {
  background: url(data:image/png;base64,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);
  width: 317px;
  height: 184px;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  left: 100px;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2rem;
  padding: 1rem;
  text-align: center;
}
.cyber-security-training-page.course-page.senior-manage .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section {
  margin-left: 225px;
  position: relative;
  height: 100%;
}
.cyber-security-training-page.course-page.senior-manage .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .click-point {
  position: absolute;
  width: 149px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
}
.cyber-security-training-page.course-page.senior-manage .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step {
  width: 180px;
  position: absolute;
  cursor: pointer;
}
.cyber-security-training-page.course-page.senior-manage .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .text {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2rem;
  text-align: center;
  margin-bottom: 40.69px;
}
.cyber-security-training-page.course-page.senior-manage .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .sub-task-text {
  margin-top: -40.69px;
}
.cyber-security-training-page.course-page.senior-manage .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .indicator {
  width: 100%;
  line-height: 68.78px;
  display: flex;
  font-size: 26px;
  font-weight: 700;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.cyber-security-training-page.course-page.senior-manage .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .indicator.indicator-title {
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 0.625rem;
  justify-content: center;
  display: flex;
  min-height: 4rem;
  text-align: center;
}
.cyber-security-training-page.course-page.senior-manage .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step img {
  position: absolute;
  width: 280px;
  left: -195px;
  bottom: -108px;
}
.cyber-security-training-page.course-page.senior-manage .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step1 {
  top: auto;
  left: 0;
  bottom: 124px;
}
.cyber-security-training-page.course-page.senior-manage .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step1 .indicator {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAABGCAYAAABmILAIAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAL1SURBVHgB7d1NkppAGIDhxiKLrOIRzG1yhBwhx5irZJdr5CSZXQ4QBVF+wtfFZ7WItDiiQL9PlaXDbHmnfwAnSr+/bQyATp9/vb3Hn+LijwFwYZck7/Xb15UBcCFJU5Nl2UY+xwbAme1uZw6Hw+lnIgEaVVXZQI7H49lxIgFqZVmaf9utKYri4ndEguDleW5HEAmlC5EgaPv93i7S+xAJgiSjxk7WH/Uo4kMkCI6MHmn9koX6LYgEwRgyeriIBEEYOnq4iASLJjtXuyTp3Nq9FZFgkezUqo6jfWHwHkSCRZHp1D7L7PTqnqlV299vPzZEgkV4dBwuIsGsjRmHIhLM0jPiUESCWZHdKrmNPatfY8ehiASzIHGkaTr4QuAjEAkm65lTqj5EgkmRGOTC36tGjS5Egkl4xVrjVkSCl5lyGC4iwVPNJQwXkWBUEoJEYeM4HmcThotI8FC68JZFd15HMZXF993imHu38DEahYwUcsdtXn+e42jRh0gwiNyCLjFIGDaOBUbRRiS4SoKQCIp6lNAp1NKD6EIksDHYIOoI5D2UEeJWRBIIOfnlpNcQdJTQ47iOSGZOv3VQRwA54fXEt8eaIHA/IpmI9snePqbvZX3yV84L4yOSkehJ7P6Fd//K261T5zOmi0gG0pPaLmybqczZsSYELAeRtOiitmgWtacFrzMaICzBRaK7OjoKnH5mBECHVWHWi4zktL3pjAa63QkMEUXlfCMhBDzL5CNxY9ArwVwAwzNNJhJiwFS9JBK9tTqkO0kxX6NGojtGemt13kQBzMlDI7G3UxMEFubuSGSU0Ec0mTJhyW6ORKZN8kC/PnzDVitCcTUSnTrZZ5cDfSINEKdIJIIsy2wcc/3qF2AMcSL/V67ZjgVwrqyidSzf2g2gWxRF65UB0ItIAA8iATyIBPAgEsCDSAAPIgE8iATwIBLAg0gADyIBelSV4bYUoM9qVX0hEsCDSAAPIgE8iATwIBLAg0gAj7gy1U8DoFNUVb//A1Rb9MBga6C3AAAAAElFTkSuQmCC);
}
.cyber-security-training-page.course-page.senior-manage .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step1 img {
  left: -240px;
  bottom: -136px;
}
.cyber-security-training-page.course-page.senior-manage .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step2 {
  top: auto;
  left: 270px;
  bottom: 167px;
}
.cyber-security-training-page.course-page.senior-manage .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step2 .indicator {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAABFCAYAAADgtMKmAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALuSURBVHgB7dxBctowFIDhB/W+HIFtj9Eb9BS5Undd9U5Ztj1C2wkBbEvxMxYYsC2c2GDJ/zeTCTMkO/15km2yeH768UsAXNtkv7/8fPqaFC/XAuDcJhO7TVf6cikAzhWByDaVhQiRAFeqQOoSASBirchLEcc+v3qLSABTBPJ/J5LbxreJBPOWmSKQ/WGStCASzNem2F5tM++PEQnmJ9PzR/v26hKRYF5ei8nxmvb6FSLBPOjZ42V/8/SoIxLETQ/kOj1uOHu0IRLEy8Vh+0+POiJBfPSGoF65Mh+LQz1/+74mEsRDzx16KE+NDIlIEL6R4nCIBOEaOQ6HSBAWPYTv8sOBfIAzxy2IBGHQOLb5IFer+iISTNudtlRdiATT88Cp0YRIMA3urJHmD50aTYgEj6Nh6LNUup3SJ3MnMDWaEAnuS0PQO+L6NeEw6ogE4zNVGBPcSt2CSDA8t43aFwfvvbnb/YxRJBnPbmEA9Sj0e4DToguRoD+dDLp1ys0hiDzgSXEDIkE3W00GDSOrogjgsD0kIsGBLnzdJWXVhNDXMwyiCZHMiS54XfNZNRlMFUMW+OF6ZEQSCxeALnadBOVrc4rCvYfeiGSK3GIu/9rbUwDWnt7Tby4G9x5GQSRjOy5wqRb1xcI/hiAs9okikvfq2t6Y6r4Biz4KRNKkfsB1f/mNPd/fs/hnY56RtF3lcZc+CQCVYims4o2kft3fTQKu8qAnY23gkbSFwDTAgMKIxD1AVwbADTDc17QiuYyhfB3GB3MQr8dFUn+SlMmACRs/kssH51LODAjL8JGUW6T8MBmy+D9rgPh9LJL6lonzAyLVL5L84hNpnCEwA92RuC1TGs6/fwGGdh6JmxREARwl5aTQ/3Kx46OaQJNE/u0EQLPFcrFeCoBORAJ4EAngQSSAB5EAHkQCeBAJ4EEkgAeRAB5EAngQCdDB2uWKSIAOn0Q+EwngQSSAB5EAHkQCeBAJ4EEkgEdixf4RAC0Wf98AYqTlQ0RwE48AAAAASUVORK5CYII=);
}
.cyber-security-training-page.course-page.senior-manage .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step3 {
  top: auto;
  left: 545px;
  bottom: 210px;
}
.cyber-security-training-page.course-page.senior-manage .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step3 .indicator {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAABFCAYAAADgtMKmAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMiSURBVHgB7dxNctowGIBhGdiXI3CG3qC36Bm67xl6hK56nm57g7b7thkCBLAtqf4EIiYBKwZsbOt9ZjrJkC79ok/+S759/vFTAXhluzS/Pn19/2FilZopAEfSJ6NWcz2V30cKwBEXyIOWX10kEwXgYL3QavNojj4jEmBvPS8CWZpXnxMJomeLjfnyb67yrT35dyJB1HRWBPIvVya3Z/8PkSBaMlrJiBVCJIiOKbpYPZwfr14iEkRFVo/Nwihr3haIIBJEoe7qUUYkGDQ5c7WVvcdjeO9xDpFgsOTK+dO83mh1CpFgcGSkkivnl4xWL335+H1GJBiMW8ZRRiTovabi8IgEvdV0HB6RoHfaisMjEvSCP5UrFwOvPVtVF5Gg02S1SDemOJ1rW4/DIxJ0jls1VkZlRRxtjVRViASd4fcacvv6vVaNU4gEd9WFcSqESNC6PoRRRiRonOwx0rXsL2Sf0a1R6i2IBI2Q1SJPrcq23dh8X2qsx1MiwU3oTIKw7oxU1zbe19DjhEhQn4xPulgl8mx4UZxCJKgkQcibRGSV0FkRRL4LJCZEggOJQbt/ygWRp6ryVTuxIJLI+JVBRiX5afQuCpMPe2S6BpEMiARgtXUvPdBarkHsVgS3h3D7BkK4BJF0lB9z5IC3xVFuzPNB7mLY/3R/N4xFTSKSFpS/4f0BLwe1P9h3n/sI+LbvGiK5gj/QZa73B778Xv6G56DvPyI5wwcgG1w3zujdfUY6Z7yJTbSRlCMorwBscFE2Ssywr7iXz/u7kUhOdxIBakiSAdyWci4ExiHcSi8i8WeHspQLYGhf5yJx9wntY3ArBKsC7uxukbhN89Yc7hNiZUBXtRKJXxXkTlL2DOibm0dSDkIexBn6swYYvqsiKT98k6fymCZBYHhqReI31TrbPb8c28M3iFNlJBJFurE8gIOoHUXS91e/AE2Y+BeFMT4Bp00Wf3IF4DSr7GykAFQiEiCASIAAIgECiAQIIBIggEiAACIBAogECCASIIBIgAqJTaZEAlRJ1DsiAQKIBAggEiCASIAAIgECiAQIkBdB/FYAzpn/BxpxqBXldz9PAAAAAElFTkSuQmCC);
}
.cyber-security-training-page.course-page.senior-manage .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step4 {
  top: auto;
  left: 820px;
  bottom: 255px;
}
.cyber-security-training-page.course-page.senior-manage .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step4 .indicator {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAABGCAYAAABmILAIAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALySURBVHgB7dxPctowFIBxQVhk0UVu0PRmuUHbG3Smh+iyR+sRwiTFNrZll4fzGkHAMn9sLPn7zWQgwFIfT2Cb2dcf6W8D4IPc2uWvn5++L8zMPBkAO6qqMsnfbLm5u4kEwA4J5OUlMdbWD/I/kQCOsmwCqev6/2NEArxZr0uzWmU7gQgiATaSJDdpuj74HJFg0mRqvL6mpijs0dcQCSZLwlitUvmA3vo6IsHkyPRI03z71wWRYFK6Tg8XkWASTp0eLiJB9M6ZHi4iQbTkwGCSZK3fXHVBJIjOJVurfU/f/jwQCaIhcWRZsY1j/6j5ubLsnkgQvj7icBEJgtV3HIpIEJyh4lBEgmDIt1RyEuKl31adikgwajo1iqIcPA5FJBglCSLPi+01HkNsqdoQCUZjDFPjECLBTY01DBeRYHBuGHLqyK23Uz5EgkFUVb35fDHuiXEMkaAXMh1kSsiH7zwvt5GEaH5vOS0F1yMToixtMNuoLubmjkhwHp0UsUVxCJGgE4lAYrC22vzZ7f9TQSTY4U4IDUKu6It1SnRBJBMlH6Q1BPntW7mNect0CSKJkCx0WevNJGgikCiaKWGD/abpVogkALqoZcHLQtcFr/eb11RvzxumwZURycBkUesi10W/v9jfQ2DBjwGRXIFub3QrowtdHuMdPnxE4qHv/BJA8w5f7Sx+9vfxm3wkGoBOAL0lAKjoI2n2/hoCEeA0lb17jCKSQyFwEAzXElQk7gEw9yAYEwF9GmUk+zEwFXBLN42E84QQgsEicaeD3HJ6BELRSyQahJxaLfflYhymA0J1cSTulqkJgyAQl5Mjkckg1yw3F95M6+IbTJM3EveKNImDKYGp+RCJ/vQLWyegsZAIJAaZFiH/9AvQl8Xz84ppARwxn9WPcwIB2s0NgFZEAngQCeBBJIAHkQAeRAJ4EAngQSSAB5EAHkQCeBAJ0KKuZ5+JBPAgEsCDSAAPIgE8iATwIBLAg0gAj0U5t18MgIPuTbb8B39gApjHABaiAAAAAElFTkSuQmCC);
}

@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation004 {
    position: relative;
    height: 75vw;
    margin-left: 0rem;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation004 .img-g5584 {
    display: none;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation004 .animation004-title {
    background: none;
    font-weight: 500;
    line-height: 3.375rem;
    letter-spacing: 0em;
    border-left: 5px solid #F26927;
    font-size: 2.1rem;
    position: relative;
    padding-bottom: 0;
    width: 100vw;
    justify-content: left;
    left: auto;
    height: auto;
    width: auto;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section {
    margin-left: 0 !important;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .click-point {
    top: auto !important;
    width: 12vw;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step {
    width: 21vw;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .indicator {
    line-height: 5vw;
    background-size: cover !important;
    font-size: 3vw;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .text {
    font-size: 3vw;
    line-height: 4vw;
    margin-bottom: 2vw;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .step-title {
    font-size: 3vw;
    line-height: 4vw;
    margin-bottom: 2vw;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .sub-task-text {
    margin-top: 0;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .sub-task-text button.ant-btn.ant-btn-link {
    font-size: 2vw!important;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step img {
    width: 25vw;
    left: -12vw;
    bottom: -10vw;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step1 {
    bottom: 20vw;
    top: auto;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step2 {
    bottom: 25vw;
    left: 24vw;
    top: auto;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step3 {
    bottom: 30vw;
    left: 48vw;
    top: auto;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step4 {
    bottom: 35vw;
    left: 72vw;
    top: auto;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation004 .animation004-title {
    display: none;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation004 .animation004-title {
    display: none;
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation004.no-title {
    position: relative;
    z-index: 0;
    margin-bottom: 0 !important;
  }
}

.finance .animation005 {
  display: flex;
  flex-direction: column;
  grid-gap: 1.5rem;
  gap: 1.5rem;
  margin-right: 3.5rem;
}
.finance .animation005 .animation008-title {
  font-size: 3.5rem;
  font-weight: 550;
  line-height: 3.5rem;
  text-align: center;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  margin-bottom: 1.5rem;
}
.finance .animation005 .animation005-content {
  grid-gap: 1rem;
  gap: 1rem;
  justify-content: space-between;
  display: flex;
}
.finance .animation005 .animation005-content .animation005-contaner {
  width: 25%;
}
.finance .animation005 .animation005-content .animation005-header {
  padding: 20px 21px 24px 20px;
  margin-bottom: 18px;
  align-items: center;
  justify-content: center;
  height: 8rem;
  display: flex;
}
.finance .animation005 .animation005-content .animation005-header .span {
  font-family: 'Helvetica Neue';
  font-style: normal;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 120%;
  text-align: center;
  color: #FFFFFF;
}
.finance .animation005 .animation005-content .animation005-item {
  width: 100%;
  min-height: 19rem;
  box-shadow: 0px 3px 10px 3px #0000001f;
  padding: 32px;
}
.finance .animation005 .animation005-content .animation005-item .icon {
  width: 65px;
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.finance .animation005 .animation005-content .animation005-item .icon img {
  width: 100%;
  height: auto;
}
.finance .animation005 .animation005-content .animation005-item .text {
  margin-top: 2.5rem;
  font-size: 24px;
  font-weight: 400;
  line-height: 2rem;
}
.finance .animation005 .animation005-content .animation005-item .text .highlight {
  font-weight: 700;
}
.finance .animation005 .animation005-content .animation005-item.r1 {
  border-top: 0.3125rem solid #2D8DFE;
}
.finance .animation005 .animation005-content .animation005-item.r1 .highlight {
  color: #2D8DFE;
}
.finance .animation005 .animation005-content .animation005-item.r2 {
  border-top: 0.3125rem solid #FFD666;
}
.finance .animation005 .animation005-content .animation005-item.r2 .highlight {
  color: #FFD666;
}
.finance .animation005 .animation005-content .animation005-item.r3 {
  border-top: 0.3125rem solid #E7444E;
}
.finance .animation005 .animation005-content .animation005-item.r3 .highlight {
  color: #E7444E;
}
.finance .animation005 .animation005-content .animation005-item.r4 {
  border-top: 0.3125rem solid #597EF7;
}
.finance .animation005 .animation005-content .animation005-item.r4 .highlight {
  color: #597EF7;
}
.finance .animation005 .animation005-content .animation005-item.r5 {
  border-top: 0.3125rem solid #F26927;
}
.finance .animation005 .animation005-content .animation005-item.r5 .highlight {
  color: #F26927;
}
.finance .animation005 .animation005-content .animation005-item.r6 {
  border-top: 0.3125rem solid #0CA3A3;
}
.finance .animation005 .animation005-content .animation005-item.r6 .highlight {
  color: #0CA3A3;
}
@media (max-width: 1024px) {
  .finance .animation005 {
    grid-gap: 5vw;
    gap: 5vw;
    grid-gap: 5vw;
    flex-wrap: wrap;
    margin-right: 2rem;
  }
  .finance .animation005 .animation005-content {
    flex-wrap: wrap;
  }
  .finance .animation005 .animation005-content .animation005-header .span {
    font-size: 3vw;
  }
  .finance .animation005 .animation005-content .animation005-contaner {
    width: calc(50% - 1rem) !important;
  }
  .finance .animation005 .animation005-content .animation005-item {
    min-height: 32vw;
    padding: 2rem 2rem 3rem 2rem;
  }
  .finance .animation005 .animation005-content .animation005-item .text {
    font-size: 3vw;
    line-height: 5vw;
  }
  .finance .animation005 .animation005-content .animation005-item img {
    width: 10vw;
  }
}
.finance .animation005.Animation005-6-items .animation005-content {
  flex-wrap: wrap;
}
.finance .animation005.Animation005-6-items .animation005-content .animation005-contaner {
  width: calc(33.333% - 1.5rem);
}
@media (max-width: 480px) {
  .finance .animation005 .animation005-content .animation005-contaner {
    width: 100% !important;
  }
}
@media (max-width: 768px) {
  .finance .animation005 .animation005-content .animation005-contaner {
    width: 100% !important;
  }
}

.finance .animation006 {
  width: 1024px;
  display: flex;
  position: relative;
  margin: auto;
  margin-bottom: 100px;
}
.finance .animation006 .animation006-bg {
  position: relative;
  margin: auto;
  width: 1024px;
  height: 582px;
  background-image: url(/static/media/social-media-bg.f452d92d.png);
  background-size: 100% 100%;
}
.finance .animation006 .animation006-gif {
  position: absolute;
  margin: auto;
  width: 270px;
  z-index: 10;
  bottom: -10px;
  left: calc(50% - 135px);
}
.finance .animation006 .animation006-radius {
  position: absolute;
  margin: auto;
  width: 270px;
  height: 270px;
  border-radius: 50%;
  background-color: #F26927;
  font-size: 28px;
  font-weight: 300;
  text-align: center;
  word-wrap: break-word;
  color: #FFFFFF;
  z-index: 10;
  bottom: 0;
  left: calc(50% - 135px);
  display: flex;
  justify-content: center;
  align-items: center;
}
.finance .animation006 .animation006-panel {
  font-size: 16px;
  position: absolute;
  border-radius: 23px;
  box-shadow: 0px 2.38095px 28.5713px rgba(0, 0, 0, 0.08);
  background-color: #fff;
  text-align: center;
}
.finance .animation006 .animation006-panel.s1 {
  left: 9px;
  bottom: 112px;
}
.finance .animation006 .animation006-panel.s2 {
  left: 60px;
  bottom: 270px;
}
.finance .animation006 .animation006-panel.s3 {
  left: 205px;
  bottom: 428px;
}
.finance .animation006 .animation006-panel.s4 {
  right: 205px;
  bottom: 428px;
}
.finance .animation006 .animation006-panel.s5 {
  right: 60px;
  bottom: 270px;
}
.finance .animation006 .animation006-panel.s6 {
  right: 9px;
  bottom: 112px;
}
.finance .animation006 .animation006-panel .animation006-content {
  padding: 31px 22px;
  display: flex;
  flex-direction: column;
  font-size: 21px;
  font-weight: 400;
  line-height: 27px;
  align-items: center;
  justify-content: center;
  height: 116px;
  width: 275px;
  position: relative;
}
.finance .animation006 .animation006-panel .animation006-content .view-more .view-more-btn {
  font-size: 21px;
  font-weight: 400;
  opacity: 1 !important;
  height: auto;
  position: relative;
}
.finance .animation006 .animation006-panel .animation006-content .view-more .view-more-btn .click-point1 {
  width: 40px;
  cursor: pointer;
  transform: rotate(270deg);
  position: absolute;
  bottom: 0;
  left: 90%;
}
.finance .animation006 .animation006-panel .animation006-content .indicator {
  position: absolute;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  background: #E7444E;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 19px;
  font-weight: 400;
  line-height: 25px;
  left: -16px;
  top: -16px;
}
.finance .animation006-modal-header {
  display: flex;
  justify-content: space-between;
  padding-right: 35px;
}
.finance .animation006-modal-header .animation006-modal-title {
  font-size: 1.125rem;
  color: #fff;
  background-color: #E7444E;
  border-radius: 12px;
  line-height: 1.6;
  font-weight: 700;
  padding: 0.5625rem 1rem;
}
.finance .animation006-modal-header .animation006-modal-link {
  max-width: 50%;
  font-size: 1.125rem;
  color: #fff;
  background-color: #E7444E;
  border-radius: 12px;
  line-height: 1.6;
  font-weight: 700;
  padding: 0.5625rem 1rem;
  margin-left: 20px;
}
.finance .animation006-modal-header .animation006-modal-link a {
  color: white;
  text-decoration: underline;
}
.animation006-modal .ant-modal-body {
  display: flex;
  justify-content: center;
  position: relative;
  min-height: 456px;
}
.animation006-modal .ant-modal-body img {
  width: 100%;
  height: 100%;
  margin-bottom: 50px;
}
.animation006-modal .ant-modal-body .hide {
  display: none;
}
.animation006-modal .ant-modal-body .next-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 3.8rem;
  width: 4.8rem;
  right: 0;
  bottom: 0;
}
.animation006-modal .ant-modal-body .prev-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 3.8rem;
  width: 4.8rem;
  left: 0;
  bottom: 0;
}
@media (max-width: 1024px) {
  .animation006-modal {
    width: 100%;
    height: 100%;
  }
  .animation006-modal .ant-modal-body {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    position: relative;
    min-height: 456px;
  }
  .animation006-modal .ant-modal-body .hide {
    display: none;
  }
  .animation006-modal .ant-modal-body .next-button {
    position: absolute;
    background: #FFC53D;
    border-radius: 0px;
    height: 4.5rem;
    width: 4.5rem;
    right: 0;
    bottom: 0;
  }
  .animation006-modal .ant-modal-body .prev-button {
    position: absolute;
    background: #FFC53D;
    border-radius: 0px;
    height: 4.5rem;
    width: 4.5rem;
    left: 0;
    bottom: 0;
  }
  .animation006-modal .ant-modal-body img {
    width: 100%;
    height: 100%;
  }
  .finance .animation006 {
    width: 100%;
    display: flex;
    position: relative;
    margin: auto;
    margin-bottom: 6.25rem;
  }
  .finance .animation006 .animation006-radius {
    width: 25vw;
    height: 25vw;
    font-size: 2.4rem;
    padding: 2rem;
    left: calc(50% - 12.5vw);
  }
  .finance .animation006 .animation006-bg {
    width: calc(100vw - 4rem);
    height: calc((100vw - 4rem) * 595 / 1024);
  }
  .finance .animation006 .animation006-gif {
    width: 26%;
    left: 37%;
  }
  .finance .animation006 .animation006-panel {
    border-radius: 1.5rem;
  }
  .finance .animation006 .animation006-panel .animation006-content {
    width: 26vw;
    height: auto;
    min-height: 7rem;
    padding: 1.5rem 1rem;
    font-size: 1.8rem;
  }
  .finance .animation006 .animation006-panel .animation006-content .indicator {
    font-size: 1.2rem;
    width: 2.5rem;
    height: 2.5rem;
    left: -1rem;
    top: -1rem;
  }
  .finance .animation006 .animation006-panel.s1 {
    left: 2vw;
    bottom: 5vw;
  }
  .finance .animation006 .animation006-panel.s2 {
    left: 5vw;
    bottom: 23vw;
  }
  .finance .animation006 .animation006-panel.s3 {
    left: 20vw;
    bottom: 40vw;
  }
  .finance .animation006 .animation006-panel.s4 {
    right: 20vw;
    bottom: 40vw;
  }
  .finance .animation006 .animation006-panel.s5 {
    right: 5vw;
    bottom: 23vw;
  }
  .finance .animation006 .animation006-panel.s6 {
    right: 2vw;
    bottom: 5vw;
  }
  .finance .animation006 .animation006-panel .animation006-content .view-more-btn {
    font-size: 1.5rem !important;
  }
  .finance .animation006 .animation006-panel .animation006-content .click-point1 {
    width: 30px !important;
  }
}
@media (max-width: 768px) {
  .finance .animation006 .animation006-panel .animation006-content .view-more-btn {
    font-size: 1.5rem;
    height: auto;
    padding: 0 !important;
  }
  .finance .animation006 .animation006-radius {
    font-size: 1.5rem;
  }
  .finance .animation006 {
    margin-top: 5rem;
  }
  .finance .animation006 .animation006-panel .animation006-content {
    font-size: 1.2rem;
    line-height: 1.4;
    width: 25vw;
    padding: 0.5rem 0.5rem;
  }
  .finance .animation006 .animation006-panel .animation006-content .view-more .view-more-btn {
    font-size: 10px !important;
  }
  .finance .animation006 .animation006-panel .animation006-content .view-more .view-more-btn .click-point1 {
    bottom: -10%;
    left: 100%;
  }
  .finance .animation006 .animation006-panel .animation006-content .indicator {
    font-size: 1rem;
    width: 2rem;
    height: 2rem;
    left: -1rem;
    top: -1rem;
  }
  .finance .animation006 .animation006-panel .animation006-content .view-more-btn {
    font-size: 12px;
  }
  .finance .animation006 .animation006-panel .animation006-content .click-point1 {
    width: 20px !important;
  }
}
@media (max-width: 480px) {
  .finance .animation006 .animation006-panel .animation006-content .view-more-btn {
    font-size: 10px;
  }
  .finance .animation006 .animation006-panel .animation006-content .click-point1 {
    width: 20px !important;
  }
  .finance .animation006 .animation006-radius {
    font-size: 1rem;
  }
  .finance .animation006 .animation006-panel .animation006-content {
    padding: 0.5rem;
    line-height: 11px;
    min-height: 5rem;
    width: 27vw;
  }
  .finance .animation006 .animation006-panel .animation006-content .view-more {
    margin-left: 0px;
  }
  .finance .animation006 .animation006-panel .animation006-content .view-more .view-more-btn {
    font-size: 8px;
    border: 0;
  }
  .finance .animation006 .animation006-panel .animation006-content .view-more img {
    width: 20px !important;
  }
  .finance .animation006 .animation006-panel.s3 {
    left: 16vw;
    bottom: 40vw;
  }
  .finance .animation006 .animation006-panel.s4 {
    right: 16vw;
    bottom: 40vw;
  }
  .animation006-modal {
    width: 100% !important;
  }
  .animation006-modal .animation006-modal-header .animation006-modal-title {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .animation006-modal .ant-modal-body {
    display: flex;
    justify-content: center;
    position: relative;
    min-height: 300px;
  }
  .animation006-modal .ant-modal-body img {
    width: 100%;
    height: 100%;
    margin-bottom: 50px;
  }
  .animation006-modal .ant-modal-body .hide {
    display: none;
  }
  .animation006-modal .ant-modal-body .next-button {
    position: absolute;
    background: #FFC53D;
    border-radius: 0px;
    height: 3.8rem;
    width: 4.8rem;
    right: 0;
    bottom: 0;
  }
  .animation006-modal .ant-modal-body .prev-button {
    position: absolute;
    background: #FFC53D;
    border-radius: 0px;
    height: 3.8rem;
    width: 4.8rem;
    left: 0;
    bottom: 0;
  }
}

.finance .animation008 {
  margin-right: 3.5rem;
  padding-bottom: 3.5rem;
}
.finance .animation008 .animation008-title {
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.625rem;
  text-align: center;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  margin-bottom: 1.5rem;
}
.finance .animation008 .animation008-content {
  display: flex;
  grid-gap: 1rem;
  gap: 1rem;
  justify-content: space-between;
  padding-right: 3.5rem;
  flex-wrap: wrap;
}
.finance .animation008 .animation008-content .animation008-item {
  cursor: pointer;
  position: relative;
  border-radius: 60px 4px;
  z-index: 1;
}
.finance .animation008 .animation008-content .animation008-item .click-point {
  position: absolute;
  z-index: 10;
  width: 118px;
  bottom: -145px;
  left: 65px;
}
.finance .animation008 .animation008-content .animation008-item .small-icon {
  position: relative;
  z-index: 2;
  width: 100%;
  border-radius: 0px;
  margin-top: 15px;
  margin-bottom: 5px;
  text-align: center;
}
.finance .animation008 .animation008-content .animation008-item .small-icon img {
  height: 2.8125rem;
}
.finance .animation008 .animation008-content .animation008-item .small-icon.large img {
  height: 4.5rem;
}
.finance .animation008 .animation008-content .animation008-item .animation008-top {
  color: #fff;
  display: flex;
  flex-direction: column;
  height: 40px;
  align-items: center;
  justify-content: center;
  grid-gap: 30px;
  gap: 30px;
  text-align: center;
  font-family: Helvetica Neue;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0em;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.finance .animation008 .animation008-content .animation008-item .animation008-text {
  color: #fff;
  padding: 30px 1rem;
  min-height: 145px;
  font-size: 1.5rem;
  font-weight: 350;
  line-height: 1.6;
  text-align: center;
  position: relative;
}
.finance .animation008 .animation008-content .animation008-item .animation008-text .click-point1 {
  width: 40px !important;
  position: absolute;
  bottom: 8%;
  left: 70%;
  transform: rotate(315deg);
}
.finance .animation008 .animation008-content .animation008-item .animation008-text .view-more-btn {
  font-size: 1.5rem;
  font-weight: 700;
  color: #e7444e;
  height: auto;
}
.finance .animation008 .animation008-content .animation008-item .animation008-text .view-more-btn span {
  padding: 5px 20px;
  background-color: rgba(255, 255, 255, 0.72);
}
.animation008-modal-header {
  display: flex;
  justify-content: space-between;
  padding-right: 35px;
}
.animation008-modal-header .animation008-modal-title {
  font-size: 1.125rem;
  color: #fff;
  background-color: #E7444E;
  border-radius: 12px;
  line-height: 1.6;
  font-weight: 700;
  padding: 0.5625rem 1rem;
}
.animation008-modal-header .animation008-modal-link {
  text-align: right;
}
.animation008-modal-header .animation008-modal-link .link-label {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.8375rem;
  letter-spacing: 0em;
  text-align: left;
  margin-right: 2rem;
}
.animation008-modal-header .animation008-modal-link .link-label img {
  margin-top: -0.5rem;
  height: 2.0625rem;
}
.animation008-modal-header .animation008-modal-link .example-link {
  color: #F26927;
  font-family: Helvetica Neue;
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 2.8125rem;
  text-decoration: underline;
}
.animation008-modal .ant-modal-body {
  display: flex;
  justify-content: center;
  position: relative;
  min-height: 456px;
}
.animation008-modal .ant-modal-body video {
  width: 100%;
  height: 100%;
  margin-bottom: 50px;
}
.animation008-modal .ant-modal-body .hide {
  display: none;
}
.animation008-modal .ant-modal-body .next-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.5rem;
  width: 6.5rem;
  right: 0;
  bottom: 0;
}
.animation008-modal .ant-modal-body .prev-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.5rem;
  width: 6.5rem;
  left: 0;
  bottom: 0;
}
@media (max-width: 1024px) {
  .finance .animation008 .animation008-content {
    padding-right: 0;
  }
  .finance .animation008 .animation008-content .animation008-item {
    position: relative;
  }
  .finance .animation008 .animation008-content .animation008-item .click-point {
    position: absolute;
    z-index: 10;
    width: 118px;
    bottom: -135px;
    left: 30px;
  }
  .finance .animation008 .animation008-content .animation008-item .animation008-top {
    padding: 0 5px;
    height: 65px;
    line-height: 34px;
    font-size: 22px;
  }
  .finance .animation008 .animation008-content .animation008-item .animation008-text {
    padding: 16px 10px;
  }
  .finance .animation008 .animation008-content .animation008-item .animation008-text .click-point1 {
    width: 30px !important;
  }
  .finance .animation008 .animation008-content .animation008-item .animation008-text .view-more-btn span {
    padding: 5px 10px;
  }
  .animation008-modal .ant-modal-body .next-button img {
    height: 25px;
  }
  .animation008-modal .ant-modal-body .prev-button img {
    height: 25px;
  }
}
@media (max-width: 768px) {
  .finance .animation008 .animation008-content {
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
    grid-gap: 1rem;
    gap: 1rem;
  }
  .finance .animation008 .animation008-content .animation008-item {
    width: calc(33.33333% - 1rem) !important;
    position: relative;
  }
  .finance .animation008 .animation008-content .animation008-item .click-point {
    position: absolute;
    z-index: 10;
    width: 118px;
    bottom: -130px;
    left: 50px;
  }
  .finance .animation008 .animation008-content .animation008-item .small-icon {
    width: 100%;
    text-align: center;
  }
  .finance .animation008 .animation008-content .animation008-item .animation008-top {
    padding: 0 5px;
    height: 80px;
    line-height: 30px;
    font-size: 20px;
  }
  .finance .animation008 .animation008-content .animation008-item .animation008-text {
    padding: 16px 10px;
  }
  .animation008-modal {
    width: 90% !important;
  }
  .animation008-modal .animation008-modal-header {
    display: flex;
    flex-direction: column;
  }
  .animation008-modal .animation008-modal-header .animation008-modal-title {
    margin-bottom: 10px;
  }
  .animation008-modal .ant-modal-body .next-button img {
    height: 25px;
  }
  .animation008-modal .ant-modal-body .prev-button img {
    height: 25px;
  }
}
@media (max-width: 480px) {
  .finance .animation008 .animation008-content .animation008-item .click-point {
    width: 80px;
    bottom: -100px;
  }
  .finance .animation008 .animation008-content .animation008-item .animation008-text .click-point1 {
    left: 68%;
  }
  .finance .animation008 .animation008-content {
    width: 100%;
    padding-left: 1rem;
    flex-wrap: wrap;
    grid-gap: 1rem;
    gap: 1rem;
  }
  .finance .animation008 .animation008-content .animation008-item {
    width: calc(50% - 1rem) !important;
    position: relative;
  }
  .finance .animation008 .animation008-content .animation008-item .small-icon {
    width: 100%;
    text-align: center;
  }
  .animation008-modal {
    width: 100% !important;
  }
  .animation008-modal .animation008-modal-header {
    display: flex;
    flex-direction: column;
  }
  .animation008-modal .animation008-modal-header .animation008-modal-title {
    margin-bottom: 10px;
  }
  .animation008-modal .ant-modal-body {
    display: flex;
    justify-content: center;
    position: relative;
    min-height: 400px;
  }
  .animation008-modal .ant-modal-body video {
    width: 100%;
    height: 100%;
    margin-bottom: 50px;
  }
  .animation008-modal .ant-modal-body .hide {
    display: none;
  }
  .animation008-modal .ant-modal-body .next-button {
    position: absolute;
    background: #FFC53D;
    border-radius: 0px;
    height: 4.5rem;
    width: 6.5rem;
    right: 0;
    bottom: 0;
  }
  .animation008-modal .ant-modal-body .prev-button {
    position: absolute;
    background: #FFC53D;
    border-radius: 0px;
    height: 4.5rem;
    width: 6.5rem;
    left: 0;
    bottom: 0;
  }
}

.finance .animation009 {
  margin-right: 3.5rem;
  padding-bottom: 3.5rem;
}
.finance .animation009 .animation009-content {
  display: flex;
  grid-gap: 1rem;
  gap: 1rem;
  justify-content: space-between;
  padding-right: 3.5rem;
}
.finance .animation009 .animation009-content .animation009-item {
  position: relative;
  background-color: #FFF3E4;
  border-radius: 0.625rem;
  padding: 0 1.5625rem 1.5625rem;
}
.finance .animation009 .animation009-content .animation009-item .animation009-indicate {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.75rem;
}
.finance .animation009 .animation009-content .animation009-item .animation009-indicate .animation009-icon {
  width: 6.25rem;
  height: 6.25rem;
  justify-content: center;
  align-items: center;
}
.finance .animation009 .animation009-content .animation009-item .animation009-indicate .animation009-icon img {
  max-width: 100%;
  max-height: 100%;
}
.finance .animation009 .animation009-content .animation009-item .animation009-indicate .animation009-indicate-number {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.6;
}
.finance .animation009 .animation009-content .animation009-item .animation009-text {
  font-size: 1.125rem;
  line-height: 1.4;
}
@media (max-width: 1024px) {
  .finance .animation009-content {
    padding-right: 0!important;
  }
}
@media (max-width: 768px) {
  .finance .animation009-content {
    flex-wrap: wrap;
    padding-right: 0!important;
  }
  .finance .animation009-content .animation009-item {
    width: calc(50% - 0.5rem) !important;
  }
}
@media (max-width: 480px) {
  .finance .animation009 .animation009-content .animation009-item {
    width: 100%!important;
  }
}

.finance .animation011 {
  margin-right: 3.5rem;
  padding-bottom: 3.5rem;
}
.finance .animation011 .animation011-content {
  display: flex;
  flex-direction: column;
  padding-right: 3.5rem;
}
.finance .animation011 .animation011-content .animation011-item {
  margin-bottom: 3rem;
  width: 100%;
  height: 7.5rem;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.finance .animation011 .animation011-content .animation011-item .animation011-indicate-number {
  min-width: 13.125rem;
  height: 5.625rem;
  display: flex;
  border-radius: 15%/50%;
  align-items: center;
  color: #FFFFFF;
}
.finance .animation011 .animation011-content .animation011-item .animation011-indicate-number .animation011-icon {
  height: 7.5rem;
  width: 7.5rem;
  border: 2px solid;
  border-radius: 50%;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.finance .animation011 .animation011-content .animation011-item .animation011-indicate-number .animation011-icon img {
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
}
.finance .animation011 .animation011-content .animation011-item .number {
  width: 3.75rem;
  text-align: right;
  font-family: Helvetica Neue;
  font-size: 2.25rem;
  font-weight: 700;
}
.finance .animation011 .animation011-content .animation011-item .animation011-text {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  text-align: left;
  padding-left: 20px;
}
@media (max-width: 1024px) {
  .finance .animation011 .animation011-content {
    padding-right: 0!important;
  }
  .finance .animation011 .animation011-content .animation011-item {
    height: 5.5rem;
    margin-bottom: 1rem;
  }
  .finance .animation011 .animation011-content .animation011-item .animation011-indicate-number .animation011-icon {
    width: 5.5rem;
    height: 5.5rem;
  }
  .finance .animation011 .animation011-content .animation011-item .animation011-indicate-number .number {
    text-align: center;
  }
  .finance .animation011 .animation011-content .animation011-item .animation011-indicate-number .animation011-icon img {
    max-width: 50% !important;
    max-height: 50% !important;
  }
}
@media (max-width: 768px) {
  .finance .animation011 .animation011-content {
    flex-wrap: wrap;
  }
  .finance .animation011 .animation011-content .animation011-item {
    padding-left: 2rem !important;
  }
  .finance .animation011 .animation011-content .animation011-item .animation011-indicate-number {
    min-width: 11rem;
    height: 3.625rem;
  }
  .finance .animation011 .animation011-content .animation011-item .animation011-indicate-number .number {
    text-align: center;
  }
  .finance .animation011 .animation011-content .animation011-item .animation011-indicate-number .animation011-icon {
    width: 5.5rem;
    height: 5.5rem;
  }
}
@media (max-width: 480px) {
  .finance .animation011 .animation011-content {
    width: 105%;
  }
  .finance .animation011 .animation011-content .animation011-item {
    padding-left: 0 !important;
    height: 4rem;
  }
  .finance .animation011 .animation011-content .animation011-item .animation011-indicate-number {
    min-width: 9rem;
    height: 2.625rem;
  }
  .finance .animation011 .animation011-content .animation011-item .animation011-indicate-number .number {
    font-size: 1.8rem;
  }
  .finance .animation011 .animation011-content .animation011-item .animation011-indicate-number .animation011-icon {
    width: 4rem;
    height: 4rem;
  }
  .finance .animation011 .animation011-content .animation011-item .animation011-indicate-number .animation011-icon img {
    max-width: 35%;
    max-height: 35%;
  }
  .finance .animation011 .animation011-content .animation011-item .animation011-text {
    font-size: 1rem;
    padding-left: 15px;
  }
}

.finance .animation012 {
  margin-right: 1.5rem;
  margin-left: 1.5rem;
  padding-bottom: 7rem;
}
.finance .animation012 .animation012-content {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 1rem;
  gap: 1rem;
  justify-content: center;
  padding-right: 3.5rem;
  height: 77.5rem;
  position: relative;
}
.finance .animation012 .animation012-content .background-line1 {
  width: 100%;
  height: 3.125rem;
  background-color: #F3F3F3;
  position: absolute;
  z-index: 1;
  top: 22.5%;
}
.finance .animation012 .animation012-content .background-line2 {
  width: 100%;
  height: 3.125rem;
  background-color: #F3F3F3;
  position: absolute;
  z-index: 1;
  top: 73.5%;
}
.finance .animation012 .animation012-content .animation012-item {
  cursor: pointer;
  margin-top: 3rem;
  margin-bottom: 3rem;
  width: 100%;
  height: 7.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 2;
}
.finance .animation012 .animation012-content .animation012-item .animation012-line {
  min-height: 6rem;
}
.finance .animation012 .animation012-content .animation012-item .animation012-line.animation012-line-7 {
  transform: rotate(180deg);
}
.finance .animation012 .animation012-content .animation012-item .animation012-line.animation012-line-8 {
  transform: rotate(180deg);
}
.finance .animation012 .animation012-content .animation012-item .animation012-line.animation012-line-9 {
  transform: rotate(180deg);
}
.finance .animation012 .animation012-content .animation012-item .animation012-line.animation012-line-10 {
  transform: rotate(180deg);
}
.finance .animation012 .animation012-content .animation012-item .animation012-icon {
  min-height: 8.75rem;
  height: 8.75rem;
  width: 8.75rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
}
.finance .animation012 .animation012-content .animation012-item .animation012-icon img {
  width: 4.25rem;
  height: 4.25rem;
  margin: 0 auto;
}
.finance .animation012 .animation012-content .animation012-item .animation012-indicate-number {
  padding: 1.25rem;
}
.finance .animation012 .animation012-content .animation012-item .animation012-indicate-number .number {
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 2rem;
}
.finance .animation012 .animation012-content .animation012-item .animation012-text {
  width: 10rem;
  font-weight: 400;
  font-size: 1.5rem;
  text-align: center;
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
  min-height: 110px;
}
.finance .animation012 .animation012-content .animation012-item .click-point {
  position: absolute;
  z-index: 10;
  width: 118px;
  bottom: -280px;
  left: 70px;
}
@media (max-width: 1024px) {
  .finance .animation012 .animation012-content .animation012-item .click-point {
    width: 65px;
    bottom: -155px;
    left: 56px;
  }
  .finance .animation012 .animation012-content .animation012-item .animation012-text {
    min-height: 68px;
  }
  .finance .animation012-content .animation012-item .click-point {
    width: 70px;
    bottom: -170px;
    left: 55px;
  }
  .finance .animation012-content .animation012-item .animation012-line img {
    height: 100%;
  }
}
@media (max-width: 768px) {
  .finance .animation012-content {
    flex-wrap: wrap;
  }
  .finance .animation012-content .animation012-item .animation012-line img {
    height: 100%;
  }
  .finance .animation012-content .animation012-item .click-point {
    width: 10%!important;
    bottom: -80% !important;
    left: 5% !important;
  }
  .finance .animation012 .animation012-content .animation012-item .animation012-icon {
    width: 6.25rem;
    height: 6.25rem;
    min-height: 6.25rem;
  }
  .finance .animation012 .animation012-content .background-line {
    top: 70%;
  }
}
@media (max-width: 480px) {
  .finance .animation012 .animation012-content .animation012-item .animation012-text {
    width: 7rem;
    font-size: 1rem;
  }
  .finance .animation012 .animation012-content .background-line {
    height: 2.125rem;
    top: 68%;
  }
  .finance .animation012 .animation012-content .animation012-item {
    width: 10%;
  }
  .finance .animation012 .animation012-content .animation012-item .animation012-icon {
    min-height: 4.25rem;
    width: 4.25rem;
    height: 4.25rem;
  }
  .finance .animation012 .animation012-content .animation012-item .animation012-icon img {
    width: 70%;
    height: 70%;
  }
  .finance .animation012 .animation012-content .click-point {
    width: 12% !important;
    bottom: -40% !important;
    left: 5% !important;
  }
}

.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .animation013 {
  margin-bottom: 4.75rem !important;
  margin-top: 4.75rem;
}
.finance .animation013 {
  padding: 0 5.375rem;
  margin-right: 3.5rem;
}
.finance .animation013 .animation013-title {
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.625rem;
  text-align: center;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  margin-bottom: 1.5rem;
}
.finance .animation013 .animation013-content {
  display: flex;
  grid-gap: 1rem;
  gap: 1rem;
  justify-content: space-between;
}
.finance .animation013 .animation013-content .animation013-item {
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.finance .animation013 .animation013-content .animation013-item .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 100;
  transition: all 800ms linear 0s;
  bottom: -80px;
  right: -80px;
}
.finance .animation013 .animation013-content .animation013-header {
  border-radius: 5px;
  color: #fff;
  display: flex;
  flex-direction: column;
  height: 120px;
  align-items: center;
  justify-content: center;
  grid-gap: 12px;
  gap: 12px;
  font-size: 1rem;
  line-height: 1.171875rem;
  font-weight: 700;
  padding: 1.2rem;
  text-align: center;
  position: relative;
}
.finance .animation013 .animation013-content .animation013-header .icon {
  width: 100%;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.finance .animation013 .animation013-content .animation013-header > span {
  font-size: 1rem;
  line-height: 1.5rem;
}
.finance .animation013 .animation013-content .animation013-header .arrow {
  width: 30px;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 1.125rem;
}
.finance .animation013 .animation013-content .animation013-header .arrow img {
  width: 15px;
  height: 30px;
}
.finance .animation013 .animation013-content .animation013-content ul {
  width: 100%;
  padding: 0;
  margin: 0;
}
.finance .animation013 .animation013-content .animation013-content ul .animation013-text {
  margin-top: 0.6875rem;
  margin-bottom: 0;
  border-radius: 5px;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1rem;
  text-align: center;
  padding: 1rem;
}
.finance .animation013 .animation013-content .animation013-content ul .animation013-text.animation013-text1 {
  background: rgba(234, 75, 108, 0.2);
}
.finance .animation013 .animation013-content .animation013-content ul .animation013-text.animation013-text2 {
  background: rgba(243, 162, 104, 0.28);
}
.finance .animation013 .animation013-content .animation013-content ul .animation013-text.animation013-text3 {
  background: rgba(111, 129, 247, 0.2);
}
.finance .animation013 .animation013-content .animation013-content ul .animation013-text.animation013-text4 {
  background: rgba(12, 163, 163, 0.2);
}

.finance .component003 {
  position: relative;
}
.finance .component003 .component003-tip {
  border: 1px solid #000;
  border-radius: 47%;
  position: absolute;
  font-size: 1.5rem;
  padding: 4rem;
  text-align: left;
  max-width: 38rem;
  min-height: 9rem;
  display: flex;
  align-items: center;
}
.finance .component003 .component003-tip .tip-text {
  z-index: 1;
}
.finance .component003 .tip-arrow {
  position: absolute;
  left: -80px;
  top: calc(50% - 15px);
  background: #fff;
  height: 24px;
  width: 128px;
}
.finance .component003 .tip-arrow .line1 {
  width: 64px;
  height: 1px;
  background: #000;
  transform: rotate(-12deg);
  position: absolute;
  top: 5px;
  right: 43px;
}
.finance .component003 .tip-arrow .line2 {
  width: 61px;
  height: 1px;
  background: #000;
  transform: rotate(12deg);
  position: absolute;
  bottom: 5px;
  right: 46px;
}
.finance .component003.position-left img {
  max-width: 40vw;
  position: relative;
  z-index: 10;
}
.finance .component003.position-left .component003-tip {
  margin-left: 300px;
  padding: 4rem;
}
.finance .component003.position-right {
  text-align: right;
}
.finance .component003.position-right img {
  max-width: 40vw;
  position: relative;
  z-index: 10;
}
.finance .component003.position-right .component003-tip {
  right: 0;
  margin-right: 18%;
  padding: 3rem;
}
.finance .component003.position-right .component003-tip .tip-arrow {
  left: unset;
  right: -107px;
  top: calc(50% - 15px);
}
.finance .component003.position-right .component003-tip .tip-arrow .line1 {
  transform: rotate(12deg);
  position: absolute;
  top: 5px;
  right: 46px;
}
.finance .component003.position-right .component003-tip .tip-arrow .line2 {
  transform: rotate(-12deg);
  position: absolute;
  bottom: 5px;
  right: 46px;
}
@media (max-width: 1024px) {
  .finance .component003 .tip-arrow {
    left: -77px;
  }
  .finance .component003 .tip-arrow .line1 {
    width: 55px;
    transform: rotate(-14deg);
    top: 6px;
    right: 43px;
  }
  .finance .component003 .tip-arrow .line2 {
    width: 52px;
    transform: rotate(12deg);
    bottom: 5px;
    right: 47px;
  }
  .finance .component003.position-left .component003-tip {
    margin-left: 28vw;
  }
  .finance .component003.position-right .component003-tip .tip-arrow {
    right: -97px;
  }
  .finance .component003.position-right .component003-tip .tip-arrow .line1 {
    width: 58px;
    top: 6px;
    right: 44px;
  }
  .finance .component003.position-right .component003-tip .tip-arrow .line2 {
    width: 54px;
    bottom: 5px;
    right: 45px;
  }
}
@media (max-width: 768px) {
  .finance .component003.position-left .component003-tip {
    margin-left: 38vw;
  }
  .finance .component003.position-right .component003-tip {
    right: 0;
    margin-right: 43% !important;
    padding: 6% !important;
  }
  .finance .component003.position-right .tip-text span {
    font-size: 1rem !important;
  }
}
@media (max-width: 480px) {
  .finance .component003.position-right .component003-tip {
    right: 0;
    margin-right: 43% !important;
    padding: 7% !important;
  }
  .finance .component003.position-right .component003-tip .tip-arrow {
    right: -100px;
  }
  .finance .component003.position-right .tip-text span {
    font-size: 1rem !important;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .finance .component003.position-left .component003-tip {
    font-size: 1rem;
    padding: 3rem;
  }
  .finance .component003.position-left .component003-tip .tip-arrow {
    left: -80px;
  }
  .finance .component003.position-left .component003-tip span {
    font-size: 1.4rem !important;
  }
}

.finance .RealCase.Moblie {
  display: none;
}
.finance .RealCase.Desktop {
  width: calc(100% + 7rem);
  margin-left: -3.5rem;
  margin-right: -3.5rem;
  margin-bottom: 50px;
  position: relative;
}
.finance .RealCase.Desktop img {
  width: 100%;
  z-index: 1;
}
.finance .RealCase.Desktop.p1 .source1 {
  width: 22%;
  height: 3.5%;
  position: absolute;
  top: 79.5%;
  left: 61%;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: none;
  font-size: 24px;
  color: #595959;
  z-index: 2;
}
.finance .RealCase.Desktop.p1 .source2 {
  display: none;
}
.finance .RealCase.Desktop.p1 .source3 {
  display: none;
}
.finance .RealCase.Desktop.p2 .source1 {
  display: none;
}
.finance .RealCase.Desktop.p2 .source2 {
  width: 16%;
  height: 3%;
  position: absolute;
  top: 81%;
  left: 61%;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: none;
  font-size: 24px;
  color: #595959;
  z-index: 2;
}
.finance .RealCase.Desktop.p2 .source3 {
  width: 16%;
  height: 3%;
  position: absolute;
  top: 84.5%;
  left: 61%;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: none;
  font-size: 24px;
  color: #595959;
  z-index: 2;
}
.finance.sc .RealCase.Desktop.p1 .source1 {
  top: 90%;
}
.finance.sc .RealCase.Desktop.p2 .source2 {
  top: 81%;
}
.finance.sc .RealCase.Desktop.p2 .source3 {
  top: 84%;
}
@media (max-width: 768px) {
  .finance .RealCase.Desktop {
    display: none;
  }
  .finance .RealCase.Moblie {
    display: block;
    width: calc(100% + 7rem);
    margin-left: -3.5rem;
    margin-right: -3.5rem;
    margin-bottom: 50px;
    position: relative;
  }
  .finance .RealCase.Moblie img {
    width: 100%;
    z-index: 1;
  }
  .finance .RealCase.Moblie.p1 .source1 {
    width: 52%;
    height: 3.5%;
    position: absolute;
    top: 91%;
    left: 4%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 24px;
    color: #595959;
    z-index: 2;
  }
  .finance .RealCase.Moblie.p1 .source2 {
    display: none;
  }
  .finance .RealCase.Moblie.p1 .source3 {
    display: none;
  }
  .finance .RealCase.Moblie.p2 .source1 {
    display: none;
  }
  .finance .RealCase.Moblie.p2 .source2 {
    width: 35%;
    height: 2%;
    position: absolute;
    top: 90%;
    left: 4%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 24px;
    color: #595959;
    z-index: 2;
  }
  .finance .RealCase.Moblie.p2 .source3 {
    width: 35%;
    height: 2%;
    position: absolute;
    top: 92.5%;
    left: 4%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 24px;
    color: #595959;
    z-index: 2;
  }
  .finance.sc .RealCase.Moblie.p1 .source1 {
    top: 90%;
  }
  .finance.sc .RealCase.Moblie.p2 .source2 {
    top: 90.5%;
  }
  .finance.sc .RealCase.Moblie.p2 .source3 {
    top: 93%;
  }
  .cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .RealCase.Moblie {
    display: block;
    width: calc(100% + 7rem);
    margin-left: -3.5rem;
    margin-right: -3.5rem;
    margin-bottom: 50px;
    position: relative;
  }
  .cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .RealCase.Moblie img {
    width: 100%;
    z-index: 1;
  }
  .cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .RealCase.Moblie.p1 .source1 {
    width: 56%;
    height: 2.5%;
    position: absolute;
    top: 95%;
    left: 4%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 24px;
    color: #595959;
    z-index: 2;
  }
  .cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .RealCase.Moblie.p1 .source2 {
    display: none;
  }
  .cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .RealCase.Moblie.p1 .source3 {
    display: none;
  }
  .cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .RealCase.Moblie.p2 .source1 {
    display: none;
  }
  .cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .RealCase.Moblie.p2 .source2 {
    width: 35%;
    height: 2%;
    position: absolute;
    top: 91.5%;
    left: 4%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 24px;
    color: #595959;
    z-index: 2;
  }
  .cyber-security-training-page.course-page.en.finance .ant-layout-content .course-body .course-body-content .RealCase.Moblie.p2 .source3 {
    width: 35%;
    height: 2%;
    position: absolute;
    top: 93.5%;
    left: 4%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 24px;
    color: #595959;
    z-index: 2;
  }
}

.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .top {
  font-size: 38px;
  font-weight: 500;
  line-height: 49px;
  margin: 1.5rem;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .components006 {
  display: flex;
  justify-content: center;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .components006 .content {
  position: relative;
  width: 90%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid #f26927;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .components006 .content .title {
  display: flex;
  align-items: center;
  justify-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 2.5rem;
  font-size: 1.125rem;
  color: #fff;
  background-color: #E7444E;
  border: none;
  border-radius: 12px;
  font-weight: 700;
  padding: 0.5625rem 1.25rem;
  margin-left: 3.3125rem;
  margin-top: 1.6875rem;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .components006 .content .pic {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1.625rem;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .components006 .content .next-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 5.4375rem;
  width: 5.4375rem;
  right: 0;
  bottom: 0;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .components006 .content .next-button .click-point1 {
  position: absolute;
  top: -5rem;
  left: -5rem;
  width: 5rem;
  height: 5rem;
  transform: rotate(135deg);
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .components006 .content .prev-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 5.4375rem;
  width: 5.4375rem;
  left: 0;
  bottom: 0;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .components006 .content .prev-button .click-point2 {
  position: absolute;
  top: -5rem;
  right: -5rem;
  width: 5rem;
  height: 5rem;
  transform: rotate(225deg);
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .components006 .content .next-button .click-point1 {
    top: 0rem;
    transform: rotate(90deg);
  }
  .cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .components006 .content .prev-button .click-point2 {
    top: 0rem;
    transform: rotate(270deg);
  }
}

.finance .component007 {
  display: flex;
  flex-direction: row;
}
.finance .component007 .component007-1 {
  background-image: url(/static/media/c007-bg.7234438d.jpg);
  background-size: cover;
  width: 23.3125rem;
  height: 63.875rem;
  font-size: 28px;
  font-weight: 500;
  line-height: 55px;
  text-align: center;
  padding-top: 210px;
  padding-bottom: 535px;
  padding-left: 26px;
  padding-right: 26px;
  display: flex;
  align-items: center;
  margin-right: 5rem;
}
.finance .component007 .pic {
  width: calc(100% - 23.3125rem);
  display: flex;
  justify-content: center;
}
.finance .component007 .pic img {
  margin-top: 13rem;
  width: 47.75rem;
  height: 23.4375rem;
}

.finance.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview {
  background-color: rgba(12, 163, 154, 0.1);
}
.finance.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-progress-bar .ant-progress-text {
  color: #78C6E3;
}
.finance.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .ant-progress-circle-trail {
  stroke: #0c8ca333 !important;
}
.finance.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .ant-progress-circle-path {
  stroke: #78C6E3 !important;
}
.finance.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.active .step-dot {
  border-color: #78C6E3;
}
.finance.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.active .step-dot .active-dot {
  background-color: #78C6E3;
}
.finance.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.completed .step-dot {
  border-color: #78C6E3;
  background-color: #78C6E3;
}
.finance.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.completed .step-line {
  background-color: #78C6E3;
}
.finance.cyber-security-training-page.course-page .ant-layout-content .course-left-side .paragraphs .paragraph.active {
  border-color: #78C6E3;
  background-color: rgba(202, 202, 202, 0.1);
}
.finance.cyber-security-training-page.course-page .ant-layout-content .course-left-side .paragraphs .state .in-progress {
  background: url(data:image/jpeg;base64,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);
  background-size: cover;
}
.finance.cyber-security-training-page.course-page .ant-layout-content .course-body .next-topic-button {
  background-color: #78C6E3;
}
.finance.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .title {
  border-color: #78C6E3;
}
.finance.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .title .l2 {
  color: #78C6E3;
}
.finance.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body {
  border-color: #78C6E3;
}
.finance.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-last-button {
  border-color: #78C6E3;
}
.finance.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-last-button span {
  color: #78C6E3;
}
.finance.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-submit-button {
  background-color: #78C6E3;
}
.finance.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-submit-button[disabled] {
  background-color: #0c8ca333;
  border-color: #78C6E3;
}
.finance.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .ant-btn-link.quiz-try-again-button {
  color: #E7444E;
}
.finance.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area.correct .ant-btn-link {
  color: #78C6E3;
}
.finance.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area.wrong .ant-btn-link {
  color: #E7444E;
}
.finance.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
  background: #78C6E3;
}
.finance.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab.active .number {
  border-color: #78C6E3;
}
.finance.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.index .course-landing {
  background: linear-gradient(90deg, #6ECEDB 0%, #EDF5FF 100%);
}
.finance.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.welcome .course-landing {
  background: linear-gradient(90deg, #6ECEDB 0%, #EDF5FF 100%);
}
.finance.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.t900 .course-landing {
  background: linear-gradient(90deg, #6ECEDB 0%, #EDF5FF 100%);
}
.finance.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.t930 .course-landing {
  background: linear-gradient(90deg, #6ECEDB 0%, #EDF5FF 100%);
}
.finance.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.t1200 .course-landing {
  background: linear-gradient(90deg, #6ECEDB 0%, #EDF5FF 100%);
}
.finance.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.t1400 .course-landing {
  background: linear-gradient(90deg, #6ECEDB 0%, #EDF5FF 100%);
}
.finance.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.quiz .course-landing {
  background: linear-gradient(90deg, #6ECEDB 0%, #EDF5FF 100%);
}
.finance.cyber-security-training-page.course-page .ant-layout-content .ant-radio-checked .ant-radio-inner {
  border-color: #78C6E3;
}
.finance.cyber-security-training-page.course-page .ant-layout-content .ant-radio-inner::after {
  background-color: #78C6E3;
}
.finance.cyber-security-training-page.course-page .ant-layout-content .ant-radio-wrapper:hover .ant-radio,
.finance.cyber-security-training-page.course-page .ant-layout-content .ant-radio:hover .ant-radio-inner,
.finance.cyber-security-training-page.course-page .ant-layout-content .ant-radio-input:focus + .ant-radio-inner {
  border-color: #78C6E3;
}
.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content.quiz .progress .progress-line {
  background-color: #78C6E3;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel,
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel {
    padding: 1vw;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel,
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel {
    padding: 2vw;
  }
}

@media (max-width: 1024px) {
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation {
    margin-left: -2rem;
    width: calc(100% + 4rem);
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .avater {
    width: 12vw!important;
    height: 12vw!important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message {
    width: 75vw!important;
    height: 15vw!important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message-text {
    font-size: 1.2rem !important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message-text {
    padding: 1vw 1vw 1vw 15vw!important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message-text {
    padding: 1.2vw 15vw 1vw 1vw !important;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message-text {
    padding: 2vw 13vw 2vw 2vw !important;
  }
}

@media (max-width: 1024px) {
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation {
    margin-left: -2rem;
    width: calc(100% + 4rem);
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .avater {
    width: 12vw!important;
    height: 12vw!important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message {
    width: 75vw!important;
    height: 15vw!important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message-text {
    font-size: 1.2rem !important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message-text {
    padding: 1vw 1vw 1vw 15vw!important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message-text {
    padding: 1.2vw 15vw 1vw 1vw !important;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message-text {
    padding: 2vw 13vw 2vw 2vw !important;
  }
}

.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .animation002 {
  width: 934px;
  height: 934px;
  position: relative;
  margin: auto;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .animation002 .click-point {
  width: 110px;
  position: absolute;
  top: 100px;
  left: 153px;
  transform: rotate(90deg);
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-center-circle {
  font-size: 27px;
  font-weight: 500;
  line-height: 34px;
  text-align: center;
  background: #F26927CC;
  height: 269px;
  width: 269px;
  border-radius: 50%;
  color: #fff;
  position: absolute;
  left: calc(50% - 134.5px);
  display: flex;
  justify-content: center;
  align-items: center;
  top: 338px;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel {
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  width: 220px;
  height: 220px;
  position: absolute;
  border-radius: 20px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  padding: 1rem;
  padding-bottom: 1rem !important;
  cursor: pointer;
  transition: all 500ms linear 0s;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel.fade-in {
  opacity: 1;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel .text {
  text-align: center;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel img {
  position: absolute;
  top: 50%;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-1 {
  background: #1AB6B6;
  position: absolute;
  top: 55px;
  left: calc(50% - 110px);
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-2 {
  background: #DD936F;
  position: absolute;
  top: 360px;
  right: 78px;
  opacity: 0;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-3 {
  background: #F4B784;
  position: absolute;
  top: 670px;
  right: 200px;
  opacity: 0;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-4 {
  background: #597EF7;
  position: absolute;
  top: 670px;
  left: 200px;
  opacity: 0;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-5 {
  background: #EF878D;
  position: absolute;
  top: 360px;
  left: 78px;
  opacity: 0;
}
.cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .animation002 .bp-panel .text {
  line-height: 1;
  font-size: 1rem;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .animation002.hr600-1-a002 {
    width: unset;
    height: 105vw;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .animation002.hr600-1-a002 .click-point {
    width: 17.4vw;
    top: 10.26vw;
    left: 3vw;
    z-index: 1;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .animation002.hr600-1-a002 .bp-center-circle {
    width: 31.8vw;
    height: 31.8vw;
    font-size: 4.1vw;
    line-height: 5.4vw;
    left: calc(50% - 15.9vw);
    top: 40vw;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .animation002.hr600-1-a002 .bp-panel {
    width: 21.8vw;
    height: 21.8vw;
    font-size: 2.3vw;
    padding: 1vw;
    line-height: 3vw;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .animation002.hr600-1-a002 .bp-panel img {
    width: 5vw;
    top: 60%;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .animation002.hr600-1-a002 .bp-panel-1 {
    top: 10vw;
    left: calc(50% - 10.9vw);
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .animation002.hr600-1-a002 .bp-panel-2 {
    top: calc(50% - 10.9vw);
    right: 0;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .animation002.hr600-1-a002 .bp-panel-3 {
    top: 81vw;
    right: 20%;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .animation002.hr600-1-a002 .bp-panel-4 {
    top: 81vw;
    left: 20%;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .animation002.hr600-1-a002 .bp-panel-5 {
    top: calc(50% - 10.9vw);
    left: 0;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .animation002.hr600-1-a002 .bp-panel {
    width: 28vw;
    height: 28vw;
    padding: 2vw;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .animation002.hr600-1-a002 .bp-panel.bp-panel-1 {
    top: 2%;
    left: calc(46.5% - 10.9vw);
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .animation002.hr600-1-a002 .bp-panel.bp-panel-3 {
    right: 15%;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .animation002.hr600-1-a002 .bp-panel.bp-panel-4 {
    left: 15%;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .animation002.hr600-1-a002 .bp-panel {
    width: 100px;
    height: 120px;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .animation002.hr600-1-a002 .bp-panel img {
    top: 70%;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .topic-item .animation002.hr600-1-a002 .bp-panel .text {
    line-height: 14px;
  }
  .cyber-security-training-page.course-page.hr.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.hr600-1-a002 {
    margin-bottom: 30rem !important;
  }
  .cyber-security-training-page.course-page.hr.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.hr600-1-a002 .bp-center-circle {
    top: 78vw;
    font-size: 3.5vw;
  }
  .cyber-security-training-page.course-page.hr.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.hr600-1-a002 .bp-panel {
    height: 260px;
    padding-bottom: 2vw !important;
  }
  .cyber-security-training-page.course-page.hr.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.hr600-1-a002 .bp-panel .text {
    padding-top: 0.5rem;
    font-size: 1.2rem;
  }
  .cyber-security-training-page.course-page.hr.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.hr600-1-a002 .bp-panel.bp-panel-1 {
    top: 2%;
  }
  .cyber-security-training-page.course-page.hr.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.hr600-1-a002 .bp-panel.bp-panel-2 {
    top: calc(50% - 10.9vw);
  }
  .cyber-security-training-page.course-page.hr.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.hr600-1-a002 .bp-panel.bp-panel-3 {
    top: 115vw;
  }
  .cyber-security-training-page.course-page.hr.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.hr600-1-a002 .bp-panel.bp-panel-4 {
    top: 115vw;
  }
  .cyber-security-training-page.course-page.hr.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.hr600-1-a002 .bp-panel.bp-panel-5 {
    top: calc(50% - 10.9vw);
  }
}

.animation004-modal .ant-modal-content .ant-modal-body .prev-button .click-point1 {
  position: absolute;
  bottom: 5rem;
  left: 5rem;
  width: 5rem;
  height: 5rem;
  transform: rotate(225deg);
}
.animation004-modal .ant-modal-content .ant-modal-body .next-button .click-point2 {
  position: absolute;
  bottom: 5rem;
  right: 5rem;
  width: 5rem;
  height: 5rem;
  transform: rotate(135deg);
}
.animation004-modal .ant-modal-content .animation004-modal-header {
  margin: 4rem;
  margin-bottom: 1rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 4rem;
  padding: 1rem;
  font-size: 2.625rem;
  font-weight: 500;
  border-left: 4px solid #597EF7;
  display: flex;
  align-items: center;
  justify-content: center;
}
.animation004-modal .ant-modal-content .ant-modal-body .next-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.8rem;
  width: 4.8rem;
  right: 0;
  bottom: 0;
  padding: 0;
}
.animation004-modal .ant-modal-content .ant-modal-body .next-button .arrow {
  margin: 0 auto;
}
.animation004-modal .ant-modal-content .ant-modal-body .prev-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.8rem;
  width: 4.8rem;
  left: 0;
  bottom: 0;
  padding: 0;
}
.animation004-modal .ant-modal-content .ant-modal-body .prev-button .arrow {
  margin: 0 auto;
}
.animation004-modal .ant-modal-content .ant-modal-body .hide {
  display: none;
}
.animation004-modal .ant-modal-content .ant-modal-body .border {
  margin-left: 12rem;
  margin-right: 12rem;
  margin-top: 0;
  margin-bottom: 1rem;
}
.animation004-modal .ant-modal-content .ant-modal-body .border img {
  width: 100%;
}
.animation004-modal .ant-modal-content .ant-modal-body .content {
  margin-left: 12rem;
  margin-right: 12rem;
  margin-top: 0;
  margin-bottom: 5rem;
  background: rgba(234, 75, 108, 0.2);
  border-radius: 5px;
  font-size: 1.5rem;
  font-weight: 400;
  padding: 1.5rem;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation004 {
  position: relative;
  height: 695px;
  margin-top: 48px;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation004.no-title {
  position: relative;
  z-index: 0;
  display: flex;
  justify-content: center;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section {
  margin-left: -56px;
  width: 1000px;
  position: relative;
  height: 100%;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation004 .img-g5584 {
  position: absolute;
  z-index: 0;
  top: 164px;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation004 .animation004-title {
  background: url(data:image/png;base64,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);
  width: 317px;
  height: 184px;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  left: 100px;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2rem;
  padding: 1rem;
  text-align: center;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section {
  margin-left: 225px;
  position: relative;
  height: 100%;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .click-point {
  position: absolute;
  width: 80px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step {
  width: 180px;
  position: absolute;
  cursor: pointer;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .text {
  font-size: 24px;
  font-weight: 400;
  line-height: 29px;
  text-align: center;
  margin-bottom: 40.69px;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .sub-task-text {
  margin-top: -40.69px;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .indicator {
  width: 100%;
  line-height: 68.78px;
  display: flex;
  font-size: 26px;
  font-weight: 700;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .indicator.indicator-title {
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 0.625rem;
  justify-content: center;
  display: flex;
  min-height: 4rem;
  text-align: center;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step img {
  position: absolute;
  width: 280px;
  left: -195px;
  bottom: -108px;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step1 {
  top: auto;
  left: 0;
  bottom: 124px;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step1 .indicator {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAABGCAYAAABmILAIAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAL1SURBVHgB7d1NkppAGIDhxiKLrOIRzG1yhBwhx5irZJdr5CSZXQ4QBVF+wtfFZ7WItDiiQL9PlaXDbHmnfwAnSr+/bQyATp9/vb3Hn+LijwFwYZck7/Xb15UBcCFJU5Nl2UY+xwbAme1uZw6Hw+lnIgEaVVXZQI7H49lxIgFqZVmaf9utKYri4ndEguDleW5HEAmlC5EgaPv93i7S+xAJgiSjxk7WH/Uo4kMkCI6MHmn9koX6LYgEwRgyeriIBEEYOnq4iASLJjtXuyTp3Nq9FZFgkezUqo6jfWHwHkSCRZHp1D7L7PTqnqlV299vPzZEgkV4dBwuIsGsjRmHIhLM0jPiUESCWZHdKrmNPatfY8ehiASzIHGkaTr4QuAjEAkm65lTqj5EgkmRGOTC36tGjS5Egkl4xVrjVkSCl5lyGC4iwVPNJQwXkWBUEoJEYeM4HmcThotI8FC68JZFd15HMZXF993imHu38DEahYwUcsdtXn+e42jRh0gwiNyCLjFIGDaOBUbRRiS4SoKQCIp6lNAp1NKD6EIksDHYIOoI5D2UEeJWRBIIOfnlpNcQdJTQ47iOSGZOv3VQRwA54fXEt8eaIHA/IpmI9snePqbvZX3yV84L4yOSkehJ7P6Fd//K261T5zOmi0gG0pPaLmybqczZsSYELAeRtOiitmgWtacFrzMaICzBRaK7OjoKnH5mBECHVWHWi4zktL3pjAa63QkMEUXlfCMhBDzL5CNxY9ArwVwAwzNNJhJiwFS9JBK9tTqkO0kxX6NGojtGemt13kQBzMlDI7G3UxMEFubuSGSU0Ec0mTJhyW6ORKZN8kC/PnzDVitCcTUSnTrZZ5cDfSINEKdIJIIsy2wcc/3qF2AMcSL/V67ZjgVwrqyidSzf2g2gWxRF65UB0ItIAA8iATyIBPAgEsCDSAAPIgE8iATwIBLAg0gADyIBelSV4bYUoM9qVX0hEsCDSAAPIgE8iATwIBLAg0gAj7gy1U8DoFNUVb//A1Rb9MBga6C3AAAAAElFTkSuQmCC);
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step1 img {
  left: -240px;
  bottom: -136px;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step2 {
  top: auto;
  left: 270px;
  bottom: 167px;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step2 .indicator {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAABFCAYAAADgtMKmAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALuSURBVHgB7dxBctowFIDhB/W+HIFtj9Eb9BS5Undd9U5Ztj1C2wkBbEvxMxYYsC2c2GDJ/zeTCTMkO/15km2yeH768UsAXNtkv7/8fPqaFC/XAuDcJhO7TVf6cikAzhWByDaVhQiRAFeqQOoSASBirchLEcc+v3qLSABTBPJ/J5LbxreJBPOWmSKQ/WGStCASzNem2F5tM++PEQnmJ9PzR/v26hKRYF5ei8nxmvb6FSLBPOjZ42V/8/SoIxLETQ/kOj1uOHu0IRLEy8Vh+0+POiJBfPSGoF65Mh+LQz1/+74mEsRDzx16KE+NDIlIEL6R4nCIBOEaOQ6HSBAWPYTv8sOBfIAzxy2IBGHQOLb5IFer+iISTNudtlRdiATT88Cp0YRIMA3urJHmD50aTYgEj6Nh6LNUup3SJ3MnMDWaEAnuS0PQO+L6NeEw6ogE4zNVGBPcSt2CSDA8t43aFwfvvbnb/YxRJBnPbmEA9Sj0e4DToguRoD+dDLp1ys0hiDzgSXEDIkE3W00GDSOrogjgsD0kIsGBLnzdJWXVhNDXMwyiCZHMiS54XfNZNRlMFUMW+OF6ZEQSCxeALnadBOVrc4rCvYfeiGSK3GIu/9rbUwDWnt7Tby4G9x5GQSRjOy5wqRb1xcI/hiAs9okikvfq2t6Y6r4Biz4KRNKkfsB1f/mNPd/fs/hnY56RtF3lcZc+CQCVYims4o2kft3fTQKu8qAnY23gkbSFwDTAgMKIxD1AVwbADTDc17QiuYyhfB3GB3MQr8dFUn+SlMmACRs/kssH51LODAjL8JGUW6T8MBmy+D9rgPh9LJL6lonzAyLVL5L84hNpnCEwA92RuC1TGs6/fwGGdh6JmxREARwl5aTQ/3Kx46OaQJNE/u0EQLPFcrFeCoBORAJ4EAngQSSAB5EAHkQCeBAJ4EEkgAeRAB5EAngQCdDB2uWKSIAOn0Q+EwngQSSAB5EAHkQCeBAJ4EEkgEdixf4RAC0Wf98AYqTlQ0RwE48AAAAASUVORK5CYII=);
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step3 {
  top: auto;
  left: 545px;
  bottom: 210px;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step3 .indicator {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAABFCAYAAADgtMKmAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMiSURBVHgB7dxNctowGIBhGdiXI3CG3qC36Bm67xl6hK56nm57g7b7thkCBLAtqf4EIiYBKwZsbOt9ZjrJkC79ok/+S759/vFTAXhluzS/Pn19/2FilZopAEfSJ6NWcz2V30cKwBEXyIOWX10kEwXgYL3QavNojj4jEmBvPS8CWZpXnxMJomeLjfnyb67yrT35dyJB1HRWBPIvVya3Z/8PkSBaMlrJiBVCJIiOKbpYPZwfr14iEkRFVo/Nwihr3haIIBJEoe7qUUYkGDQ5c7WVvcdjeO9xDpFgsOTK+dO83mh1CpFgcGSkkivnl4xWL335+H1GJBiMW8ZRRiTovabi8IgEvdV0HB6RoHfaisMjEvSCP5UrFwOvPVtVF5Gg02S1SDemOJ1rW4/DIxJ0jls1VkZlRRxtjVRViASd4fcacvv6vVaNU4gEd9WFcSqESNC6PoRRRiRonOwx0rXsL2Sf0a1R6i2IBI2Q1SJPrcq23dh8X2qsx1MiwU3oTIKw7oxU1zbe19DjhEhQn4xPulgl8mx4UZxCJKgkQcibRGSV0FkRRL4LJCZEggOJQbt/ygWRp6ryVTuxIJLI+JVBRiX5afQuCpMPe2S6BpEMiARgtXUvPdBarkHsVgS3h3D7BkK4BJF0lB9z5IC3xVFuzPNB7mLY/3R/N4xFTSKSFpS/4f0BLwe1P9h3n/sI+LbvGiK5gj/QZa73B778Xv6G56DvPyI5wwcgG1w3zujdfUY6Z7yJTbSRlCMorwBscFE2Ssywr7iXz/u7kUhOdxIBakiSAdyWci4ExiHcSi8i8WeHspQLYGhf5yJx9wntY3ArBKsC7uxukbhN89Yc7hNiZUBXtRKJXxXkTlL2DOibm0dSDkIexBn6swYYvqsiKT98k6fymCZBYHhqReI31TrbPb8c28M3iFNlJBJFurE8gIOoHUXS91e/AE2Y+BeFMT4Bp00Wf3IF4DSr7GykAFQiEiCASIAAIgECiAQIIBIggEiAACIBAogECCASIIBIgAqJTaZEAlRJ1DsiAQKIBAggEiCASIAAIgECiAQIkBdB/FYAzpn/BxpxqBXldz9PAAAAAElFTkSuQmCC);
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step4 {
  top: auto;
  left: 820px;
  bottom: 255px;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step4 .indicator {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAABGCAYAAABmILAIAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALySURBVHgB7dxPctowFIBxQVhk0UVu0PRmuUHbG3Smh+iyR+sRwiTFNrZll4fzGkHAMn9sLPn7zWQgwFIfT2Cb2dcf6W8D4IPc2uWvn5++L8zMPBkAO6qqMsnfbLm5u4kEwA4J5OUlMdbWD/I/kQCOsmwCqev6/2NEArxZr0uzWmU7gQgiATaSJDdpuj74HJFg0mRqvL6mpijs0dcQCSZLwlitUvmA3vo6IsHkyPRI03z71wWRYFK6Tg8XkWASTp0eLiJB9M6ZHi4iQbTkwGCSZK3fXHVBJIjOJVurfU/f/jwQCaIhcWRZsY1j/6j5ubLsnkgQvj7icBEJgtV3HIpIEJyh4lBEgmDIt1RyEuKl31adikgwajo1iqIcPA5FJBglCSLPi+01HkNsqdoQCUZjDFPjECLBTY01DBeRYHBuGHLqyK23Uz5EgkFUVb35fDHuiXEMkaAXMh1kSsiH7zwvt5GEaH5vOS0F1yMToixtMNuoLubmjkhwHp0UsUVxCJGgE4lAYrC22vzZ7f9TQSTY4U4IDUKu6It1SnRBJBMlH6Q1BPntW7mNect0CSKJkCx0WevNJGgikCiaKWGD/abpVogkALqoZcHLQtcFr/eb11RvzxumwZURycBkUesi10W/v9jfQ2DBjwGRXIFub3QrowtdHuMdPnxE4qHv/BJA8w5f7Sx+9vfxm3wkGoBOAL0lAKjoI2n2/hoCEeA0lb17jCKSQyFwEAzXElQk7gEw9yAYEwF9GmUk+zEwFXBLN42E84QQgsEicaeD3HJ6BELRSyQahJxaLfflYhymA0J1cSTulqkJgyAQl5Mjkckg1yw3F95M6+IbTJM3EveKNImDKYGp+RCJ/vQLWyegsZAIJAaZFiH/9AvQl8Xz84ppARwxn9WPcwIB2s0NgFZEAngQCeBBJIAHkQAeRAJ4EAngQSSAB5EAHkQCeBAJ0KKuZ5+JBPAgEsCDSAAPIgE8iATwIBLAg0gAj0U5t18MgIPuTbb8B39gApjHABaiAAAAAElFTkSuQmCC);
}

@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation004 {
    position: relative;
    height: 75vw;
    margin-left: 0rem;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation004 .img-g5584 {
    display: none;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation004 .animation004-title {
    background: none;
    font-weight: 500;
    line-height: 3.375rem;
    letter-spacing: 0em;
    border-left: 5px solid #F26927;
    font-size: 2.1rem;
    position: relative;
    padding-bottom: 0;
    width: 100vw;
    justify-content: left;
    left: auto;
    height: auto;
    width: auto;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section {
    margin-left: 0 !important;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .click-point {
    top: auto !important;
    width: 12vw;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step {
    width: 21vw;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .indicator {
    line-height: 5vw;
    background-size: cover !important;
    font-size: 3vw;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .text {
    font-size: 3vw;
    line-height: 4vw;
    margin-bottom: 2vw;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .step-title {
    font-size: 3vw;
    line-height: 4vw;
    margin-bottom: 2vw;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .sub-task-text {
    margin-top: 0;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .sub-task-text button.ant-btn.ant-btn-link {
    font-size: 2vw!important;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step img {
    width: 25vw;
    left: -12vw;
    bottom: -10vw;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step1 {
    bottom: 20vw;
    top: auto;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step2 {
    bottom: 25vw;
    left: 24vw;
    top: auto;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step3 {
    bottom: 30vw;
    left: 48vw;
    top: auto;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step4 {
    bottom: 35vw;
    left: 72vw;
    top: auto;
  }
}
@media (max-width: 768px) {
  .hr .animation004 .animation004-title {
    display: none;
  }
  .animation004-modal .ant-modal-content .ant-modal-body .border {
    margin-left: 0;
    margin-right: 0;
  }
  .animation004-modal .ant-modal-content .ant-modal-body .content {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 480px) {
  .animation004-modal .ant-modal-content .ant-modal-body .border {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .animation004-modal .ant-modal-content .ant-modal-body .content {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .animation004-modal .ant-modal-content .ant-modal-body .next-button .click-point2 {
    position: absolute;
    bottom: 0;
    right: 5rem;
    width: 5rem;
    height: 5rem;
    transform: rotate(90deg);
  }
  .animation004-modal .ant-modal-content .ant-modal-body .prev-button .click-point1 {
    position: absolute;
    bottom: 0;
    right: 5rem;
    width: 5rem;
    height: 5rem;
    transform: rotate(270deg);
  }
  .animation004-modal {
    width: 100% !important;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation004 .animation004-title {
    display: none;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation004.no-title {
    position: relative;
    z-index: 0;
    margin-bottom: 0 !important;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .sub-task-text button.ant-btn.ant-btn-link {
    font-size: 1.3rem !important;
  }
}

.hr .animation006 {
  width: 1024px;
  display: flex;
  margin: auto;
  margin-bottom: 100px;
  position: relative;
}
.hr .animation006 .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  bottom: 0;
  left: 50%;
  z-index: 100;
}
.hr .animation006 .animation006-bg {
  position: relative;
  margin: auto;
  width: 1024px;
  height: 582px;
  background-image: url(/static/media/social-media-bg.f452d92d.png);
  background-size: 100% 100%;
}
.hr .animation006 .animation006-gif {
  position: absolute;
  margin: auto;
  width: 270px;
  z-index: 10;
  bottom: -10px;
  left: calc(50% - 135px);
}
.hr .animation006 .animation006-radius {
  cursor: pointer;
  position: absolute;
  margin: auto;
  width: 270px;
  height: 270px;
  border-radius: 50%;
  background-color: #F26927;
  font-size: 28px;
  font-weight: 300;
  text-align: center;
  word-wrap: break-word;
  color: #FFFFFF;
  z-index: 10;
  bottom: 0;
  left: calc(50% - 135px);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem;
}
.hr .animation006 .animation006-panel {
  font-size: 16px;
  position: absolute;
  border-radius: 23px;
  box-shadow: 0px 2.38095px 28.5713px rgba(0, 0, 0, 0.08);
  background-color: #fff;
  text-align: center;
}
.hr .animation006 .animation006-panel.s1 {
  left: 9px;
  bottom: 112px;
}
.hr .animation006 .animation006-panel.s2 {
  left: 60px;
  bottom: 270px;
}
.hr .animation006 .animation006-panel.s3 {
  left: 205px;
  bottom: 428px;
}
.hr .animation006 .animation006-panel.s4 {
  right: 205px;
  bottom: 428px;
}
.hr .animation006 .animation006-panel.s5 {
  right: 60px;
  bottom: 270px;
}
.hr .animation006 .animation006-panel.s6 {
  right: 9px;
  bottom: 112px;
}
.hr .animation006 .animation006-panel .animation006-content {
  cursor: pointer;
  padding: 31px 22px;
  display: flex;
  flex-direction: column;
  font-size: 21px;
  font-weight: 400;
  line-height: 27px;
  align-items: center;
  justify-content: center;
  height: 116px;
  width: 275px;
  position: relative;
}
.hr .animation006 .animation006-panel .animation006-content .view-more .view-more-btn {
  font-size: 21px;
  font-weight: 400;
  opacity: 1 !important;
  height: auto;
  position: relative;
}
.hr .animation006 .animation006-panel .animation006-content .view-more .view-more-btn .click-point1 {
  width: 40px;
  cursor: pointer;
  transform: rotate(270deg);
  position: absolute;
  bottom: 0;
  left: 90%;
}
.hr .animation006 .animation006-panel .animation006-content .indicator {
  position: absolute;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  background: #E7444E;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 19px;
  font-weight: 400;
  line-height: 25px;
  left: -16px;
  top: -16px;
}
.hr .animation006-modal-header {
  display: flex;
  justify-content: space-between;
  padding-right: 35px;
}
.hr .animation006-modal-header .animation006-modal-title {
  font-size: 1.125rem;
  color: #fff;
  background-color: #E7444E;
  border-radius: 12px;
  line-height: 1.6;
  font-weight: 700;
  padding: 0.5625rem 1rem;
}
.hr .animation006-modal-header .animation006-modal-link {
  max-width: 50%;
  font-size: 1.125rem;
  color: #fff;
  background-color: #E7444E;
  border-radius: 12px;
  line-height: 1.6;
  font-weight: 700;
  padding: 0.5625rem 1rem;
  margin-left: 20px;
}
.hr .animation006-modal-header .animation006-modal-link a {
  color: white;
  text-decoration: underline;
}
.animation006-modal .ant-modal-body {
  display: flex;
  justify-content: center;
  position: relative;
  min-height: 456px;
}
.animation006-modal .ant-modal-body img {
  width: 100%;
  height: 100%;
  margin-bottom: 50px;
}
.animation006-modal .ant-modal-body .hide {
  display: none;
}
.animation006-modal .ant-modal-body .next-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 3.8rem;
  width: 4.8rem;
  right: 0;
  bottom: 0;
}
.animation006-modal .ant-modal-body .prev-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 3.8rem;
  width: 4.8rem;
  left: 0;
  bottom: 0;
}
@media (max-width: 1024px) {
  .animation006-modal {
    width: 100%;
    height: 100%;
  }
  .animation006-modal .ant-modal-body {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    position: relative;
    min-height: 456px;
  }
  .animation006-modal .ant-modal-body .hide {
    display: none;
  }
  .animation006-modal .ant-modal-body .next-button {
    position: absolute;
    background: #FFC53D;
    border-radius: 0px;
    height: 4.5rem;
    width: 4.5rem;
    right: 0;
    bottom: 0;
  }
  .animation006-modal .ant-modal-body .prev-button {
    position: absolute;
    background: #FFC53D;
    border-radius: 0px;
    height: 4.5rem;
    width: 4.5rem;
    left: 0;
    bottom: 0;
  }
  .animation006-modal .ant-modal-body img {
    width: 100%;
    height: 100%;
  }
  .hr .animation006 {
    width: 100%;
    display: flex;
    position: relative;
    margin: auto;
    margin-bottom: 6.25rem;
  }
  .hr .animation006 .animation006-radius {
    width: 25vw;
    height: 25vw;
    font-size: 2.4rem;
    padding: 2rem;
    left: calc(50% - 12.5vw);
  }
  .hr .animation006 .animation006-bg {
    width: calc(100vw - 4rem);
    height: calc((100vw - 4rem) * 595 / 1024);
  }
  .hr .animation006 .animation006-gif {
    width: 26%;
    left: 37%;
  }
  .hr .animation006 .animation006-panel {
    border-radius: 1.5rem;
  }
  .hr .animation006 .animation006-panel .animation006-content {
    width: 26vw;
    height: auto;
    min-height: 7rem;
    padding: 1.5rem 1rem;
    font-size: 1.8rem;
  }
  .hr .animation006 .animation006-panel .animation006-content .indicator {
    font-size: 1.2rem;
    width: 2.5rem;
    height: 2.5rem;
    left: -1rem;
    top: -1rem;
  }
  .hr .animation006 .animation006-panel.s1 {
    left: 2vw;
    bottom: 5vw;
  }
  .hr .animation006 .animation006-panel.s2 {
    left: 5vw;
    bottom: 23vw;
  }
  .hr .animation006 .animation006-panel.s3 {
    left: 20vw;
    bottom: 40vw;
  }
  .hr .animation006 .animation006-panel.s4 {
    right: 20vw;
    bottom: 40vw;
  }
  .hr .animation006 .animation006-panel.s5 {
    right: 5vw;
    bottom: 23vw;
  }
  .hr .animation006 .animation006-panel.s6 {
    right: 2vw;
    bottom: 5vw;
  }
  .hr .animation006 .animation006-panel .animation006-content .view-more-btn {
    font-size: 1.5rem !important;
  }
  .hr .animation006 .animation006-panel .animation006-content .click-point1 {
    width: 30px !important;
  }
}
@media (max-width: 768px) {
  .hr .animation006 .animation006-panel .animation006-content .view-more-btn {
    font-size: 1.5rem;
    height: auto;
    padding: 0 !important;
  }
  .hr .animation006 .animation006-radius {
    font-size: 1.5rem;
  }
  .hr .animation006 {
    margin-top: 5rem;
  }
  .hr .animation006 .animation006-panel .animation006-content {
    font-size: 1.2rem;
    line-height: 1.4;
    width: 25vw;
    padding: 0.5rem 0.5rem;
  }
  .hr .animation006 .animation006-panel .animation006-content .view-more .view-more-btn {
    font-size: 10px !important;
  }
  .hr .animation006 .animation006-panel .animation006-content .view-more .view-more-btn .click-point1 {
    bottom: -10%;
    left: 100%;
  }
  .hr .animation006 .animation006-panel .animation006-content .indicator {
    font-size: 1rem;
    width: 2rem;
    height: 2rem;
    left: -1rem;
    top: -1rem;
  }
  .hr .animation006 .animation006-panel .animation006-content .view-more-btn {
    font-size: 12px;
  }
  .hr .animation006 .animation006-panel .animation006-content .click-point1 {
    width: 20px !important;
  }
}
@media (max-width: 480px) {
  .hr .animation006 .animation006-panel .animation006-content .view-more-btn {
    font-size: 10px;
  }
  .hr .animation006 .animation006-panel .animation006-content .click-point1 {
    width: 20px !important;
  }
  .hr .animation006 .animation006-radius {
    font-size: 1rem;
  }
  .hr .animation006 .animation006-panel .animation006-content {
    padding: 0.5rem;
    line-height: 11px;
    min-height: 5rem;
    width: 27vw;
  }
  .hr .animation006 .animation006-panel .animation006-content .view-more {
    margin-left: 0px;
  }
  .hr .animation006 .animation006-panel .animation006-content .view-more .view-more-btn {
    font-size: 8px;
    border: 0;
  }
  .hr .animation006 .animation006-panel .animation006-content .view-more img {
    width: 20px !important;
  }
  .hr .animation006 .animation006-panel.s3 {
    left: 16vw;
    bottom: 40vw;
  }
  .hr .animation006 .animation006-panel.s4 {
    right: 16vw;
    bottom: 40vw;
  }
  .animation006-modal {
    width: 100% !important;
  }
  .animation006-modal .animation006-modal-header .animation006-modal-title {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .animation006-modal .ant-modal-body {
    display: flex;
    justify-content: center;
    position: relative;
    min-height: 300px;
  }
  .animation006-modal .ant-modal-body img {
    width: 100%;
    height: 100%;
    margin-bottom: 50px;
  }
  .animation006-modal .ant-modal-body .hide {
    display: none;
  }
  .animation006-modal .ant-modal-body .next-button {
    position: absolute;
    background: #FFC53D;
    border-radius: 0px;
    height: 3.8rem;
    width: 4.8rem;
    right: 0;
    bottom: 0;
  }
  .animation006-modal .ant-modal-body .prev-button {
    position: absolute;
    background: #FFC53D;
    border-radius: 0px;
    height: 3.8rem;
    width: 4.8rem;
    left: 0;
    bottom: 0;
  }
}

.hr .animation008 {
  margin-right: 3.5rem;
  padding-bottom: 3.5rem;
}
.hr .animation008 .animation008-title {
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.625rem;
  text-align: center;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  margin-bottom: 1.5rem;
}
.hr .animation008 .animation008-content {
  display: flex;
  grid-gap: 1rem;
  gap: 1rem;
  justify-content: space-between;
  padding-right: 3.5rem;
  flex-wrap: wrap;
}
.hr .animation008 .animation008-content .animation008-item {
  cursor: pointer;
  position: relative;
  border-radius: 60px 4px;
  z-index: 1;
}
.hr .animation008 .animation008-content .animation008-item.r4 .small-icon .arrow {
  display: none;
}
.hr .animation008 .animation008-content .animation008-item .click-point {
  position: absolute;
  z-index: 10;
  width: 118px;
  bottom: -145px;
  left: calc(50% - 59px);
}
.hr .animation008 .animation008-content .animation008-item .small-icon {
  position: relative;
  z-index: 2;
  width: 100%;
  border-radius: 0px;
  margin-top: 15px;
  margin-bottom: 5px;
  text-align: center;
}
.hr .animation008 .animation008-content .animation008-item .small-icon img {
  height: 2.8125rem;
}
.hr .animation008 .animation008-content .animation008-item .small-icon.large img {
  height: 4.5rem;
}
.hr .animation008 .animation008-content .animation008-item .small-icon .arrow {
  height: 100%;
  position: absolute;
  top: 0;
  right: 10%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hr .animation008 .animation008-content .animation008-item .small-icon .arrow img {
  width: 100%;
  height: 80%;
}
.hr .animation008 .animation008-content .animation008-item .animation008-top {
  color: #fff;
  display: flex;
  flex-direction: column;
  height: auto;
  align-items: center;
  justify-content: center;
  grid-gap: 30px;
  gap: 30px;
  text-align: center;
  font-family: Helvetica Neue;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0em;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.hr .animation008 .animation008-content .animation008-item .animation008-text {
  color: #fff;
  padding: 30px 1rem;
  min-height: 145px;
  font-size: 1.5rem;
  font-weight: 350;
  line-height: 1.6;
  text-align: left;
  position: relative;
}
.hr .animation008 .animation008-content .animation008-item .animation008-text li {
  padding-top: 1.5rem;
}
.hr .animation008 .animation008-content .animation008-item .animation008-text .click-point1 {
  width: 40px !important;
  position: absolute;
  bottom: 8%;
  left: 70%;
  transform: rotate(315deg);
}
.hr .animation008 .animation008-content .animation008-item .animation008-text .view-more-btn {
  font-size: 1.5rem;
  font-weight: 700;
  color: #e7444e;
  height: auto;
}
.hr .animation008 .animation008-content .animation008-item .animation008-text .view-more-btn span {
  padding: 5px 20px;
  background-color: rgba(255, 255, 255, 0.72);
}
.animation008-modal-header {
  display: flex;
  justify-content: space-between;
  padding-right: 35px;
}
.animation008-modal-header .animation008-modal-title {
  font-size: 1.125rem;
  color: #fff;
  background-color: #E7444E;
  border-radius: 12px;
  line-height: 1.6;
  font-weight: 700;
  padding: 0.5625rem 1rem;
}
.animation008-modal-header .animation008-modal-link {
  text-align: right;
}
.animation008-modal-header .animation008-modal-link .link-label {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.8375rem;
  letter-spacing: 0em;
  text-align: left;
  margin-right: 2rem;
}
.animation008-modal-header .animation008-modal-link .link-label img {
  margin-top: -0.5rem;
  height: 2.0625rem;
}
.animation008-modal-header .animation008-modal-link .example-link {
  color: #F26927;
  font-family: Helvetica Neue;
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 2.8125rem;
  text-decoration: underline;
}
.animation008-modal .ant-modal-body {
  display: flex;
  justify-content: center;
  position: relative;
  min-height: 456px;
}
.animation008-modal .ant-modal-body video {
  width: 100%;
  height: 100%;
  margin-bottom: 50px;
}
.animation008-modal .ant-modal-body .hide {
  display: none;
}
.animation008-modal .ant-modal-body .next-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.5rem;
  width: 6.5rem;
  right: 0;
  bottom: 0;
}
.animation008-modal .ant-modal-body .prev-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.5rem;
  width: 6.5rem;
  left: 0;
  bottom: 0;
}
@media (max-width: 768px) {
  .hr .animation008 .animation008-content {
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
    grid-gap: 1rem;
    gap: 1rem;
  }
  .hr .animation008 .animation008-content .animation008-item {
    width: calc(50% - 1rem) !important;
    position: relative;
  }
  .hr .animation008 .animation008-content .animation008-item .click-point {
    position: absolute;
    z-index: 10;
    width: 118px;
    bottom: -130px;
    left: 50px;
  }
  .hr .animation008 .animation008-content .animation008-item .small-icon {
    width: 100%;
    text-align: center;
  }
  .hr .animation008 .animation008-content .animation008-item .animation008-top {
    padding: 0 5px;
    height: 80px;
    line-height: 30px;
    font-size: 20px;
  }
  .hr .animation008 .animation008-content .animation008-item .animation008-text {
    padding: 16px 10px;
  }
  .animation008-modal {
    width: 90% !important;
  }
  .animation008-modal .animation008-modal-header {
    display: flex;
    flex-direction: column;
  }
  .animation008-modal .animation008-modal-header .animation008-modal-title {
    margin-bottom: 10px;
  }
  .animation008-modal .ant-modal-body .next-button img {
    height: 25px;
  }
  .animation008-modal .ant-modal-body .prev-button img {
    height: 25px;
  }
}
@media (max-width: 1024px) {
  .hr .animation008 .animation008-content .animation008-item .click-point {
    width: 76px;
    bottom: -76px;
    left: calc(50% - 38px);
  }
  .hr .animation008 .animation008-content .animation008-header > .subtitle .arrow {
    right: -100%;
  }
  .hr .animation008 .animation008-content .animation008-item .animation008-text {
    font-size: 1.4rem;
  }
}

.hr .animation009 {
  margin-right: 3.5rem;
  padding-bottom: 3.5rem;
  position: relative;
  cursor: pointer;
}
.hr .animation009 .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  top: 11.5rem;
  left: 22rem;
}
.hr .animation009 .animation009-content {
  display: flex;
  grid-gap: 1rem;
  gap: 1rem;
  justify-content: space-between;
  padding-right: 3.5rem;
}
.hr .animation009 .animation009-content .animation009-item {
  position: relative;
  background-color: #FFF3E4;
  border-radius: 0.625rem;
  padding: 0 1.5625rem 1.5625rem;
}
.hr .animation009 .animation009-content .animation009-item .animation009-indicate {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.75rem;
}
.hr .animation009 .animation009-content .animation009-item .animation009-indicate .animation009-icon {
  width: 6.25rem;
  height: 6.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.hr .animation009 .animation009-content .animation009-item .animation009-indicate .animation009-icon img {
  max-width: 100%;
  max-height: 100%;
}
.hr .animation009 .animation009-content .animation009-item .animation009-indicate .animation009-indicate-number {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.6;
}
.hr .animation009 .animation009-content .animation009-item .animation009-text {
  font-size: 1.125rem;
  line-height: 1.4;
}
@media (max-width: 1024px) {
  .hr .animation009-content {
    padding-right: 0!important;
  }
}
@media (max-width: 768px) {
  .hr .animation009-content {
    flex-wrap: wrap;
    padding-right: 0!important;
  }
  .hr .animation009-content .animation009-item {
    width: calc(50% - 0.5rem) !important;
  }
}
@media (max-width: 480px) {
  .hr .animation009 .animation009-content .animation009-item {
    width: 100%!important;
  }
}

.hr .animation011 {
  margin-right: 3.5rem;
  padding-bottom: 3.5rem;
  position: relative;
}
.hr .animation011 .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  top: 7.5rem;
  left: 15rem;
}
.hr .animation011 .animation011-content {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  padding-right: 3.5rem;
}
.hr .animation011 .animation011-content .animation011-item {
  margin-bottom: 3rem;
  width: 100%;
  height: 7.5rem;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.hr .animation011 .animation011-content .animation011-item .animation011-indicate-number {
  min-width: 13.125rem;
  height: 5.625rem;
  display: flex;
  border-radius: 15%/60%;
  align-items: center;
  color: #FFFFFF;
}
.hr .animation011 .animation011-content .animation011-item .animation011-indicate-number .animation011-icon {
  height: 7.5rem;
  width: 7.5rem;
  border: 2px solid;
  border-radius: 50%;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.hr .animation011 .animation011-content .animation011-item .animation011-indicate-number .animation011-icon img {
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
}
.hr .animation011 .animation011-content .animation011-item .number {
  width: 3.75rem;
  text-align: right;
  font-family: Helvetica Neue;
  font-size: 2.25rem;
  font-weight: 700;
}
.hr .animation011 .animation011-content .animation011-item .animation011-text {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  text-align: left;
  padding-left: 20px;
}
@media (max-width: 1024px) {
  .hr .animation011 .animation011-content {
    padding-right: 0!important;
  }
  .hr .animation011 .animation011-content .animation011-item {
    height: 5.5rem;
    margin-bottom: 1rem;
  }
  .hr .animation011 .animation011-content .animation011-item .animation011-indicate-number .animation011-icon {
    width: 5.5rem;
    height: 5.5rem;
  }
  .hr .animation011 .animation011-content .animation011-item .animation011-indicate-number .number {
    text-align: center;
  }
  .hr .animation011 .animation011-content .animation011-item .animation011-indicate-number .animation011-icon img {
    max-width: 50% !important;
    max-height: 50% !important;
  }
}
@media (max-width: 768px) {
  .hr .animation011 .animation011-content {
    flex-wrap: wrap;
  }
  .hr .animation011 .animation011-content .animation011-item {
    padding-left: 2rem !important;
  }
  .hr .animation011 .animation011-content .animation011-item .animation011-indicate-number {
    min-width: 11rem;
    height: 3.625rem;
  }
  .hr .animation011 .animation011-content .animation011-item .animation011-indicate-number .number {
    text-align: center;
  }
  .hr .animation011 .animation011-content .animation011-item .animation011-indicate-number .animation011-icon {
    width: 5.5rem;
    height: 5.5rem;
  }
}
@media (max-width: 480px) {
  .hr .animation011 .animation011-content {
    width: 105%;
  }
  .hr .animation011 .animation011-content .animation011-item {
    padding-left: 0 !important;
    height: 4rem;
  }
  .hr .animation011 .animation011-content .animation011-item .animation011-indicate-number {
    min-width: 9rem;
    height: 2.625rem;
  }
  .hr .animation011 .animation011-content .animation011-item .animation011-indicate-number .number {
    font-size: 1.8rem;
  }
  .hr .animation011 .animation011-content .animation011-item .animation011-indicate-number .animation011-icon {
    width: 4rem;
    height: 4rem;
  }
  .hr .animation011 .animation011-content .animation011-item .animation011-indicate-number .animation011-icon img {
    max-width: 35%;
    max-height: 35%;
  }
  .hr .animation011 .animation011-content .animation011-item .animation011-text {
    font-size: 1rem;
    padding-left: 15px;
  }
}

.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation014 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 56px;
  margin-bottom: 5rem !important;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation014 .animation014-item {
  width: 25%;
  display: flex;
  flex-direction: column;
  align-items: self-start;
  justify-content: center;
  position: relative;
  cursor: pointer;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  bottom: -45px;
  right: -45px;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-header {
  margin-bottom: -15%;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation014 .animation014-item.r1 .animation014-header {
  color: #597EF7;
  opacity: 0.7;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation014 .animation014-item.r2 .animation014-header {
  color: #EF878D;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation014 .animation014-item.r3 .animation014-header {
  color: #1AB6B6;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation014 .animation014-item.r4 .animation014-header {
  color: #FF8E57;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-header {
  width: 72%;
  min-height: 101px;
  font-size: 1.4rem;
  line-height: 1.2;
  padding-left: 1rem;
  opacity: 0.7;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-text {
  width: 90%;
  height: 285px;
  background: url(/static/media/a014-long.42f4728d.svg) no-repeat center center;
  background-size: 100%;
  font-style: normal;
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 1.2;
  color: #121212;
  opacity: 0.7;
  padding: 2.5rem 1.5rem 1rem 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation014 {
    padding: 0;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation014 .animation014-item {
    width: 90%;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-text {
    height: 200px;
    width: 75%;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-header {
    min-height: 45px;
    margin-bottom: -5%;
  }
}

.animation015 {
  display: flex;
  flex-direction: column;
  grid-gap: 1.5rem;
  gap: 1.5rem;
}
.animation015 .animation015-item {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 5rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.animation015 .animation015-item.r0 .animation015-indicate .animation015-arrow {
  display: none;
}
.animation015 .animation015-item .animation015-indicate {
  width: 25rem;
  height: 5rem;
  border-radius: 100px / 100px;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
}
.animation015 .animation015-item .animation015-indicate .animation015-arrow {
  position: absolute;
  width: 2.34375rem;
  height: 5rem;
  bottom: 2rem;
  left: -2.5rem;
}
.animation015 .animation015-item .animation015-indicate .animation015-arrow img {
  width: 100%;
  height: 100%;
}
.animation015 .animation015-item .animation015-indicate .animation015-icon {
  width: 4rem;
  height: 4rem;
  border-radius: 100%;
  padding: 0.5rem;
}
.animation015 .animation015-item .animation015-indicate .animation015-icon img {
  width: 100%;
  height: 100%;
}
.animation015 .animation015-item .animation015-indicate .animation015-text {
  width: calc(100% - 5rem);
  height: 5rem;
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.36;
  color: #FFFFFF;
  display: flex;
  align-items: center;
}
.animation015 .animation015-item .number {
  width: 4rem;
  height: 5rem;
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 0.68;
  display: flex;
  justify-content: right;
  align-items: center;
}

.animation016 {
  padding: 0 11rem;
  margin-right: 3.5rem;
  margin-top: 18rem !important;
  position: relative;
}
.animation016 .animation016-attention {
  width: 18rem;
  height: 18rem;
  position: absolute;
  top: -13rem;
  left: 0;
}
.animation016 .animation016-attention img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.animation016 .animation016-attention .animation016-attention-text {
  position: absolute;
  top: 9rem;
  width: 18rem;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  text-align: center;
  font-size: 1.5rem;
  color: white    ;
}
.animation016 .animation016-content {
  display: flex;
  grid-gap: 1rem;
  gap: 1rem;
  justify-content: space-between;
}
.animation016 .animation016-content .animation016-item {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.animation016 .animation016-content .animation016-item .animation016-image img {
  width: 100%;
  height: 100%;
}
.animation016 .animation016-content .animation016-item .animation016-header {
  color: #fff;
  display: flex;
  flex-direction: column;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  align-items: center;
  justify-content: center;
  grid-gap: 12px;
  gap: 12px;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  padding: 1.25rem;
  text-align: center;
  position: relative;
}
.animation016 .animation016-content .animation016-item .animation016-content {
  height: 4.625rem;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.3125rem;
  text-align: left;
  padding: 1rem;
  background: rgba(234, 75, 108, 0.2);
  border-radius: 5px;
  margin-top: 1rem;
  display: flex;
  align-items: center;
}
.animation016 .animation016-content .animation016-item .animation016-list {
  background: rgba(234, 75, 108, 0.2);
  border-radius: 5px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5rem;
  text-align: left;
  margin-top: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.animation016 .animation016-content .animation016-item .animation016-list ul {
  margin: 0;
}

.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation017 {
  margin-bottom: 0rem!important;
}
.animation017-content {
  position: relative;
  margin-right: 3.5rem;
}
.animation017-content .animation017-tip {
  margin-top: -15rem;
  width: 203.59px;
  height: 720px;
  background: url(/static/media/9881.3dcc291c.png) no-repeat center center;
  background-size: 100%;
  padding: 13rem 1rem 23.5rem 1rem;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 2rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
}
.animation017-content .animation017 {
  width: 80%;
  margin-right: 1.5rem;
  margin-left: 1.5rem;
  padding-bottom: 7rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.animation017-content .animation017 .animation017-item:nth-child(1) {
  cursor: pointer;
}
.animation017-content .animation017 .animation017-item:nth-child(7) .source3 {
  display: unset;
  width: 90%;
  height: 10%;
  position: absolute;
  top: 87%;
  left: 0;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: none;
  color: #595959;
  z-index: 11;
  padding: 0;
}
.animation017-content .animation017 .animation017-item:nth-child(7) .source4 {
  display: unset;
  width: 90%;
  height: 10%;
  position: absolute;
  top: 87%;
  left: 0;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: none;
  color: #595959;
  z-index: 11;
  padding: 0;
}
.animation017-content .animation017 .source1 {
  display: none;
}
.animation017-content .animation017 .source2 {
  display: none;
}
.animation017-content .animation017 .source3 {
  display: none;
}
.animation017-content .animation017 .source4 {
  display: none;
}
.animation017-content .animation017 .animation017-item {
  height: 22.4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 2;
  position: relative;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.animation017-content .animation017 .animation017-item .animation017-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.animation017-content .animation017 .animation017-item .animation017-icon img {
  width: 80%;
  height: 10.5rem;
}
.animation017-content .animation017 .animation017-item .animation017-line {
  display: flex;
  align-items: center;
  width: 100%;
  height: 1.4rem;
}
.animation017-content .animation017 .animation017-item .animation017-indicate-number {
  width: 100%;
  margin-top: 0rem;
  margin-bottom: 0rem;
  display: flex;
  flex-direction: row;
  margin-top: 0.65rem;
  margin-bottom: 0.65rem;
}
.animation017-content .animation017 .animation017-item .animation017-indicate-number .number {
  width: 25%;
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 2rem;
}
.animation017-content .animation017 .animation017-item .animation017-indicate-number .line {
  width: 75%;
  height: auto;
}
.animation017-content .animation017 .animation017-item .animation017-text {
  width: 100%;
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.2;
  text-align: left;
  min-height: 7.2rem;
  display: flex;
  align-items: center;
}
.animation017-content .animation017 .animation017-item .click-point {
  position: absolute;
  z-index: 10;
  width: 100px;
  bottom: -100px;
  left: calc(50% - 50px);
}
.cn .animation017-content .animation017 .animation017-item:nth-child(7) .source1 {
  display: unset;
  width: 80%;
  height: 10%;
  position: absolute;
  top: 79%;
  right: 2%;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: none;
  color: #595959;
  z-index: 11;
  padding: 0;
}
.cn .animation017-content .animation017 .animation017-item:nth-child(7) .source2 {
  display: unset;
  width: 90%;
  height: 10%;
  position: absolute;
  top: 87%;
  left: 0;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: none;
  color: #595959;
  z-index: 11;
  padding: 0;
}
.cn .animation017-content .animation017 .animation017-item:nth-child(7) .source3 {
  display: none;
}
.cn .animation017-content .animation017 .animation017-item:nth-child(7) .source4 {
  display: none;
}
.en .animation017-content .animation017 .animation017-item:nth-child(7) .source3 {
  display: unset;
  width: 100%;
  height: 10%;
  position: absolute;
  top: 79%;
  right: 2%;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: none;
  color: #595959;
  z-index: 11;
  padding: 0;
}
.en .animation017-content .animation017 .animation017-item:nth-child(7) .source4 {
  display: unset;
  width: 100%;
  height: 10%;
  position: absolute;
  top: 87%;
  left: 0;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: none;
  color: #595959;
  z-index: 11;
  padding: 0;
}
.en .animation017-content .animation017 .animation017-item:nth-child(7) .source1 {
  display: none;
}
.en .animation017-content .animation017 .animation017-item:nth-child(7) .source2 {
  display: none;
}
@media (max-width: 1024px) {
  .hr .animation017-content .animation017 {
    justify-content: flex-start;
  }
  .hr .animation017-content .animation017 .animation017-item {
    width: 33.33% !important;
  }
  .animation017-content .animation017-tip {
    margin-top: -15rem;
    width: 15%;
    height: 45rem;
    padding: 10rem 1rem 23.5rem 1rem;
    right: -50px;
  }
}
@media (max-width: 768px) {
  .animation017-content .animation017 {
    justify-content: flex-start;
  }
  .animation017-content .animation017 .animation017-item {
    width: 50% !important;
  }
  .animation017-content .animation017-tip {
    margin-top: -15rem;
    width: 24%;
    height: 45rem;
    padding: 10rem 1rem 23.5rem 1rem;
    right: -50px;
  }
}
@media (max-width: 480px) {
  .hr .animation017-content .animation017 {
    justify-content: flex-start;
  }
  .hr .animation017-content .animation017 .animation017-item {
    width: 95% !important;
  }
  .animation017-content .animation017-tip {
    margin-top: -15rem;
    width: 35%;
    height: 45rem;
    padding: 15rem 1rem 23.5rem 1rem;
    right: -45px;
  }
}

.hr .animation018 {
  width: 70%;
  padding-left: 0;
  margin-top: -25rem !important;
  display: flex;
  flex-wrap: wrap;
  grid-gap: 1.5rem;
  gap: 1.5rem;
  margin-right: 3.5rem;
  position: relative;
}
.hr .animation018 .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  top: 10rem;
  left: 30rem;
  z-index: 100;
}
.hr .animation018 .animation018-contaner {
  display: flex;
  grid-gap: 1rem;
  gap: 1rem;
  justify-content: space-between;
  width: calc(33% - 1.5rem);
}
.hr .animation018 .animation018-contaner .animation018-item {
  cursor: pointer;
  width: 100%;
  min-height: 19rem;
  box-shadow: 0px 3px 10px 3px #0000001f;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  grid-gap: 2rem;
  gap: 2rem;
}
.hr .animation018 .animation018-contaner .animation018-item .icon {
  width: 6rem;
  height: 6rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hr .animation018 .animation018-contaner .animation018-item .icon img {
  width: 100%;
  height: auto;
}
.hr .animation018 .animation018-contaner .animation018-item .text {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.25rem;
  text-align: center;
}
.hr .animation018 .animation018-contaner .animation018-item .text .highlight {
  font-weight: 700;
}
.hr .animation018 .animation018-contaner .animation018-item.r1 {
  border-top: 0.3rem solid #F26927;
}
.hr .animation018 .animation018-contaner .animation018-item.r1 .highlight {
  color: #F26927;
}
.hr .animation018 .animation018-contaner .animation018-item.r2 {
  border-top: 0.3rem solid #E7444E;
}
.hr .animation018 .animation018-contaner .animation018-item.r2 .highlight {
  color: #E7444E;
}
.hr .animation018 .animation018-contaner .animation018-item.r3 {
  border-top: 0.3rem solid #2C2281;
}
.hr .animation018 .animation018-contaner .animation018-item.r3 .highlight {
  color: #2C2281;
}
.hr .animation018 .animation018-contaner .animation018-item.r4 {
  border-top: 0.3rem solid #597EF7;
}
.hr .animation018 .animation018-contaner .animation018-item.r4 .highlight {
  color: #597EF7;
}
.hr .animation018 .animation018-contaner .animation018-item.r5 {
  border-top: 0.3rem solid #0CA39A;
}
.hr .animation018 .animation018-contaner .animation018-item.r5 .highlight {
  color: #0CA39A;
}
.hr .animation018 .animation018-contaner .animation018-item.r6 {
  border-top: 0.3rem solid #DD936F;
}
.hr .animation018 .animation018-contaner .animation018-item.r6 .highlight {
  color: #DD936F;
}
.hr .animation018 .animation018-contaner .animation018-item.r7 {
  border-top: 0.3rem solid #FFC53D;
}
.hr .animation018 .animation018-contaner .animation018-item.r7 .highlight {
  color: #FFC53D;
}
.hr .animation018 .animation018-contaner .animation018-item.r8 {
  border-top: 0.3rem solid #1AB6B6;
}
.hr .animation018 .animation018-contaner .animation018-item.r8 .highlight {
  color: #1AB6B6;
}
.hr .animation018 .animation018-contaner .animation018-item.r9 {
  border-top: 0.3rem solid #EF878D;
}
.hr .animation018 .animation018-contaner .animation018-item.r9 .highlight {
  color: #EF878D;
}
.hr .animation018 .animation018-contaner .animation018-item.r10 {
  border-top: 0.3rem solid #0C53A3;
}
.hr .animation018 .animation018-contaner .animation018-item.r10 .highlight {
  color: #0C53A3;
}

.hr .animation019 {
  width: 78%;
  display: flex;
  position: relative;
  margin: auto;
  margin-bottom: 100px;
  margin-top: 16rem;
}
.hr .animation019 .click-point1 {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  bottom: 0;
  left: 50%;
}
.hr .animation019 .animation019-bg {
  position: relative;
  margin: auto;
  width: calc(450px / 646 * 1209);
  height: 450px;
  background-image: url(/static/media/a019.1851f939.gif);
  background-size: 100% 100%;
}
.hr .animation019 .animation019-panel {
  font-size: 16px;
  position: absolute;
  text-align: center;
  z-index: 2;
}
.hr .animation019 .animation019-panel.s1 {
  left: calc(50% - 35rem);
  bottom: 90px;
}
.hr .animation019 .animation019-panel.s2 {
  left: calc(50% - 29rem);
  bottom: 300px;
}
.hr .animation019 .animation019-panel.s3 {
  left: calc(50% - 6rem);
  bottom: 430px;
}
.hr .animation019 .animation019-panel.s4 {
  right: calc(50% - 28rem);
  bottom: 300px;
}
.hr .animation019 .animation019-panel.s5 {
  right: calc(50% - 35rem);
  bottom: 90px;
}
.hr .animation019 .animation019-panel .animation019-content {
  padding: 2rem;
  display: flex;
  flex-direction: column;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.5;
  align-items: center;
  justify-content: center;
  height: 7.125rem;
  width: 13rem;
  position: relative;
}
.hr .animation019 .animation019-panel .animation019-content .view-more .view-more-btn {
  font-size: 1.25rem;
  font-weight: 400;
  opacity: 1 !important;
  height: auto;
  position: relative;
}
.hr .animation019 .animation019-panel .animation019-content .view-more .view-more-btn .click-point1 {
  width: 40px;
  cursor: pointer;
  transform: rotate(270deg);
  position: absolute;
  bottom: 0;
  left: 90%;
}
.hr .animation019 .animation019-panel .animation019-content .indicator {
  position: absolute;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 19px;
  font-weight: 400;
  line-height: 25px;
  right: -2rem;
  top: calc(50% - 16px);
}
.animation019-modal-header {
  display: flex;
  justify-content: space-between;
  padding-right: 35px;
}
.animation019-modal-header .animation019-modal-title {
  font-size: 2.625rem;
  border-left: 2px solid #597EF7;
  font-weight: 500;
  padding: 1.5rem;
  margin: 2.5rem;
  margin-top: 1rem;
  margin-bottom: 0;
}
.ant-modal-body {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.ant-modal-body img {
  width: 90%;
}
@media (max-width: 480px) {
  .animation019-modal {
    width: 100% !important;
  }
  .hr .animation019 .click-point1 {
    width: 50px;
  }
}

.animation095 {
  margin-top: 250px;
  position: relative;
}
.animation095 .click-point1 {
  position: absolute;
  z-index: 10;
  width: 80px;
  top: 0;
  left: 280px;
  transform: rotate(270deg);
  cursor: pointer;
  z-index: 100;
}
.animation095.no-tabs .ant-tabs-nav-list {
  display: none;
}
.animation095.no-tabs .click-point1 {
  display: none;
}
.animation095 .animation095-topic-tab {
  overflow: visible !important;
  margin-right: 3.5rem;
  margin-bottom: 142px;
}
.animation095 .animation095-topic-tab.tab2 .ant-tabs-tab.ant-tabs-tab-active {
  background-color: #F1F7FF;
}
.animation095 .animation095-topic-tab.tab2 .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #000 !important;
}
.animation095 .animation095-topic-tab.tab2 .ant-tabs-tabpane {
  background-color: #F1F7FF;
}
.animation095 .animation095-topic-tab.tab2 .ant-tabs-tabpane .animation095-card-item-title {
  color: #0C53A3 !important;
  border-color: #0C53A3 !important;
}
.animation095 .animation095-topic-tab.tab2 .ant-tabs-tabpane .animation095-card-item-title > div {
  border-color: #0C53A3 !important;
}
.animation095 .animation095-topic-tab.tab2 .ant-tabs-tabpane .animation095-card-item-content {
  background: #0C53A3 !important;
}
.animation095 .animation095-topic-tab .ant-tabs-tab {
  font-size: 1.3125rem;
  font-weight: 400;
  line-height: 2.8;
  color: #333333;
  background-color: #ECECEC;
  border: none;
  padding-left: 1.375rem;
  padding-right: 1.375rem;
  margin-right: 0.625rem;
}
.animation095 .animation095-topic-tab .ant-tabs-tab.ant-tabs-tab-active {
  background-color: #FFF3E4;
}
.animation095 .animation095-topic-tab .ant-tabs-tabpane {
  min-height: 360px;
  background-color: #FFF3E4;
  align-items: center;
  justify-content: space-evenly;
  position: relative;
}
.animation095 .animation095-topic-tab .ant-tabs-tabpane .animation095-component003 {
  width: 100%;
  height: 255px;
  position: absolute;
  top: -256px;
}
.animation095 .animation095-topic-tab .ant-tabs-tabpane .animation095-component003 .component003-tip {
  border: 1px solid #000;
  border-radius: 47%;
  position: absolute;
  font-size: 1.75rem;
  padding: 4rem;
  text-align: left;
  max-width: 38rem;
  min-height: 9rem;
  display: flex;
  align-items: center;
  right: 120px;
  margin-right: 20%;
  padding: 3rem;
}
.animation095 .animation095-topic-tab .ant-tabs-tabpane .animation095-component003 .component003-tip .tip-text {
  z-index: 1;
  font-size: 1.6rem;
  font-weight: 500;
}
.animation095 .animation095-topic-tab .ant-tabs-tabpane .animation095-component003 .component003-tip .tip-arrow {
  position: absolute;
  top: calc(50% - 15px);
  left: unset;
  right: -107px;
  background: #fff;
  height: 24px;
  width: 128px;
}
.animation095 .animation095-topic-tab .ant-tabs-tabpane .animation095-component003 .component003-tip .tip-arrow .line1 {
  width: 64px;
  height: 1px;
  background: #000;
  transform: rotate(12deg);
  position: absolute;
  top: 5px;
  right: 46px;
}
.animation095 .animation095-topic-tab .ant-tabs-tabpane .animation095-component003 .component003-tip .tip-arrow .line2 {
  width: 61px;
  height: 1px;
  background: #000;
  transform: rotate(-12deg);
  position: absolute;
  bottom: 5px;
  right: 46px;
}
.animation095 .animation095-topic-tab .ant-tabs-tabpane .animation095-component003 img {
  max-width: 40vw;
  max-height: 255px;
  position: relative;
  z-index: 10;
  left: 73%;
}
.animation095 .animation095-topic-tab .ant-tabs-tabpane .animation095-card-tab .animation095-card-list {
  margin: 2.125rem 2.25rem;
  display: flex;
  grid-gap: 0.625rem;
  gap: 0.625rem;
  justify-content: space-between;
}
.animation095 .animation095-topic-tab .ant-tabs-tabpane .animation095-card-tab .animation095-card-list .animation095-card-item {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.8125rem;
  color: #fff;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-left: 6px;
  padding-right: 6px;
  position: relative;
  margin-bottom: 3rem;
}
.animation095 .animation095-topic-tab .ant-tabs-tabpane .animation095-card-tab .animation095-card-list .animation095-card-item .animation095-card-item-title {
  color: #E7444E;
  border: 2px solid rgba(231, 68, 78, 0.6);
  border-radius: 10px;
  padding: 1.75rem 1.25rem 0.75rem;
  width: 100%;
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 1.125rem;
}
.animation095 .animation095-topic-tab .ant-tabs-tabpane .animation095-card-tab .animation095-card-list .animation095-card-item .animation095-card-item-title > div {
  display: flex;
  align-items: center;
  height: 4.375rem;
  padding-bottom: 1rem;
  border-bottom: 2.25px solid rgba(231, 68, 78, 0.6);
}
.animation095 .animation095-topic-tab .ant-tabs-tabpane .animation095-card-tab .animation095-card-list .animation095-card-item .animation095-card-item-content {
  background: #E7444E;
  border-radius: 10px;
  padding: 1.25rem;
  min-height: 12rem;
  align-items: center;
  flex-direction: column;
  display: flex;
}
.animation095 .animation095-topic-tab .ant-tabs-tabpane .animation095-card-tab .animation095-card-list .animation095-card-item .animation095-card-item-content .text {
  height: 60%;
}
.animation095 .animation095-topic-tab .ant-tabs-tabpane .animation095-card-tab .animation095-card-list .animation095-card-item .animation095-card-item-content .img {
  width: 109px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.animation095 .animation095-topic-tab .ant-tabs-tabpane .animation095-card-tab .animation095-card-list .animation095-card-item .animation095-card-item-content .img img {
  width: auto;
  height: 55px;
}
.animation095 .animation095-topic-tab .ant-tabs-tabpane .animation095-card-tab .animation095-card-list .animation095-card-item .clickable {
  border-radius: 10px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #999;
  display: flex;
  cursor: pointer;
}
.animation095 .animation095-topic-tab .ant-tabs-tabpane .animation095-card-tab .animation095-card-list .animation095-card-item .clickable .click-point {
  width: 7rem;
  position: absolute;
  bottom: -2rem;
  left: calc(50% - 3.5rem);
}
.animation095 .animation095-topic-tab .ant-tabs-tabpane .animation095-card-tab .animation095-card-list .animation095-card-item .clickable .clickable-label {
  width: 100%;
  text-align: center;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
@media (max-width: 1024px) {
  .animation095 .animation095-topic-tab .ant-tabs-tabpane .animation095-component003 img {
    left: 65%;
  }
  .animation095 .animation095-topic-tab .ant-tabs-tabpane .animation095-card-tab .animation095-card-list .animation095-card-item .animation095-card-item-content {
    height: 100%;
  }
  .animation095 .animation095-topic-tab .ant-tabs-tabpane .animation095-component003 .component003.position-right .component003-tip {
    margin-right: 35%;
  }
  .animation095 .click-point1 {
    width: 60px;
    left: 180px;
  }
  .animation095 .animation095-topic-tab .ant-tabs-tabpane .animation095-card-tab .animation095-card-list .animation095-card-item .animation095-card-item-content .img img {
    width: auto;
    height: 50%;
  }
}
@media (max-width: 768px) {
  .animation095 .animation095-topic-tab .ant-tabs-tabpane .animation095-component003 img {
    left: 55%;
    bottom: 0;
    height: 200px;
  }
  .animation095 .animation095-topic-tab .ant-tabs-tabpane .animation095-component003 {
    top: -200px;
  }
  .animation095 .animation095-topic-tab {
    width: 97%;
  }
  .animation095 .animation095-topic-tab .ant-tabs-tabpane .animation095-component003 .component003 .component003-tip .tip-text {
    font-size: 1rem;
  }
  .animation095 .animation095-topic-tab .ant-tabs-tabpane .animation095-card-tab .animation095-card-list {
    display: flex;
    flex-wrap: wrap;
  }
  .animation095 .animation095-topic-tab .ant-tabs-tabpane .animation095-card-tab .animation095-card-list .animation095-card-item {
    width: 48% !important;
  }
  .animation095 .animation095-topic-tab .ant-tabs-tabpane .animation095-card-tab .animation095-card-list .animation095-card-item .animation095-card-item-content {
    width: 100%;
  }
  .animation095 .animation095-topic-tab .ant-tabs-tabpane .animation095-card-tab .animation095-card-list .animation095-card-item .animation095-card-item-content .img img {
    width: auto;
    height: 75%;
  }
  .animation095 .animation095-topic-tab .ant-tabs-tabpane .animation095-component003 .component003-tip .tip-text {
    font-size: 1rem;
    line-height: 1.1rem;
  }
}
@media (max-width: 480px) {
  .en .animation095 .animation095-topic-tab .ant-tabs-tabpane .animation095-component003 img {
    left: 70%;
  }
  .animation095 .animation095-topic-tab {
    width: 97%;
  }
  .animation095 .animation095-topic-tab .ant-tabs-tabpane .animation095-component003 .component003 .component003-tip .tip-text {
    font-size: 0.5rem;
  }
  .animation095 .animation095-topic-tab .ant-tabs-tabpane .animation095-card-tab .animation095-card-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .animation095 .animation095-topic-tab .ant-tabs-tabpane .animation095-card-tab .animation095-card-list .animation095-card-item {
    width: 100% !important;
  }
  .animation095 .animation095-topic-tab .ant-tabs-tabpane .animation095-card-tab .animation095-card-list .animation095-card-item .animation095-card-item-content {
    width: 100%;
  }
  .animation095 .animation095-topic-tab .ant-tabs-tabpane .animation095-card-tab .animation095-card-list .animation095-card-item .animation095-card-item-title {
    width: 100%;
  }
  .animation095 .click-point1 {
    width: 30px;
    left: 170px;
    top: 10px;
  }
  .animation095-component003 .component003-tip {
    width: 160px;
    left: 0;
    top: -20%;
    padding: 2rem !important;
  }
  .animation095 .animation095-topic-tab .ant-tabs-tabpane .animation095-component003 .component003-tip .tip-text {
    line-height: 1.3rem;
  }
  .animation095 .animation095-topic-tab .ant-tabs-tabpane .animation095-component003 img {
    height: 130px;
  }
  .animation095 .animation095-topic-tab .ant-tabs-tabpane .animation095-component003 {
    top: -130px;
    height: 130px;
  }
}
.animation095 .animation095-topic-tab .ant-tabs-nav {
  z-index: 10;
}

.hr .component003 {
  position: relative;
}
.hr .component003 .component003-tip {
  border: 1px solid #000;
  border-radius: 47%;
  position: absolute;
  font-size: 1.5rem;
  padding: 4rem;
  text-align: left;
  max-width: 38rem;
  min-height: 9rem;
  display: flex;
  align-items: center;
}
.hr .component003 .component003-tip .tip-text {
  z-index: 1;
}
.hr .component003 .tip-arrow {
  position: absolute;
  left: -80px;
  top: calc(50% - 15px);
  background: #fff;
  height: 24px;
  width: 128px;
}
.hr .component003 .tip-arrow .line1 {
  width: 64px;
  height: 1px;
  background: #000;
  transform: rotate(-12deg);
  position: absolute;
  top: 5px;
  right: 43px;
}
.hr .component003 .tip-arrow .line2 {
  width: 61px;
  height: 1px;
  background: #000;
  transform: rotate(12deg);
  position: absolute;
  bottom: 5px;
  right: 46px;
}
.hr .component003.position-left img {
  max-width: 40vw;
  position: relative;
  z-index: 11;
}
.hr .component003.position-left .component003-tip {
  margin-left: 300px;
  padding: 4rem;
}
.hr .component003.position-right {
  text-align: right;
}
.hr .component003.position-right.a004 .component003-tip .tip-arrow .line1 {
  transform: rotate(11deg);
  position: absolute;
  top: 5px;
  right: 47px;
}
.hr .component003.position-right.a004 .component003-tip .tip-arrow .line2 {
  transform: rotate(-12deg);
  position: absolute;
  bottom: 5px;
  right: 47px;
}
.hr .component003.position-right img {
  max-width: 40vw;
  position: relative;
  z-index: 11;
}
.hr .component003.position-right .component003-tip {
  right: 0;
  margin-right: 18%;
  padding: 3rem;
  z-index: 11;
}
.hr .component003.position-right .component003-tip .tip-arrow {
  left: unset;
  right: -107px;
  top: calc(50% - 15px);
}
.hr .component003.position-right .component003-tip .tip-arrow .line1 {
  transform: rotate(12deg);
  position: absolute;
  top: 5px;
  right: 46px;
}
.hr .component003.position-right .component003-tip .tip-arrow .line2 {
  transform: rotate(-12deg);
  position: absolute;
  bottom: 5px;
  right: 46px;
}
@media (max-width: 1024px) {
  .hr .component003 .tip-arrow {
    left: -77px;
  }
  .hr .component003 .tip-arrow .line1 {
    width: 55px;
    transform: rotate(-14deg);
    top: 6px;
    right: 43px;
  }
  .hr .component003 .tip-arrow .line2 {
    width: 52px;
    transform: rotate(12deg);
    bottom: 5px;
    right: 47px;
  }
  .hr .component003.position-left .component003-tip {
    margin-left: 28vw;
  }
  .hr .component003.position-right .component003-tip .tip-arrow {
    right: -97px;
  }
  .hr .component003.position-right .component003-tip .tip-arrow .line1 {
    width: 58px;
    top: 6px;
    right: 44px;
  }
  .hr .component003.position-right .component003-tip .tip-arrow .line2 {
    width: 54px;
    bottom: 5px;
    right: 45px;
  }
}
@media (max-width: 768px) {
  .hr .component003.position-left .component003-tip {
    margin-left: 38vw;
  }
  .hr .component003.position-right .component003-tip {
    right: 0;
    margin-right: 43% !important;
    padding: 6% !important;
  }
  .hr .component003.position-right .tip-text span {
    font-size: 1rem !important;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component003.position-right .component003-tip {
    right: 0;
    margin-right: 43% !important;
    padding: 5% !important;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component003.position-right.a004 .component003-tip .tip-arrow .line1 {
    width: 54px;
    transform: rotate(13deg);
    position: absolute;
    top: 5px;
    right: 48px;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component003.position-right.a004 .component003-tip .tip-arrow .line2 {
    width: 51px;
    transform: rotate(-15deg);
    position: absolute;
    bottom: 5px;
    right: 48px;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component003.position-left.hr930-a009 .tip-arrow {
    left: -80px;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component003.position-left.hr930-a008 .component003-tip .tip-arrow {
    left: -80px;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component003.position-left.hr930-a008 .component003-tip .tip-arrow .line1 {
    width: 54px;
    transform: rotate(-14deg);
    top: 6px;
    right: 44px;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component003.position-left.hr200-a004 .component003-tip .tip-arrow {
    left: -80px;
  }
  .cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content .component003.position-left.hr200-a004 .component003-tip .tip-arrow .line1 {
    width: 54px;
    transform: rotate(-14deg);
    top: 6px;
    right: 44px;
  }
}

.hr .RealCase.Moblie {
  display: none;
}
.hr .RealCase.Desktop {
  width: calc(100% + 7rem);
  margin-left: -3.5rem;
  margin-right: -3.5rem;
  margin-bottom: 50px;
  position: relative;
}
.hr .RealCase.Desktop img {
  width: 100%;
  z-index: 1;
}
.hr .RealCase.Desktop .source1 {
  width: 22%;
  height: 3.5%;
  position: absolute;
  top: 91%;
  left: 61%;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: none;
  font-size: 24px;
  color: #595959;
  z-index: 2;
}
@media (max-width: 768px) {
  .hr .RealCase.Desktop {
    display: none;
  }
  .hr .RealCase.Moblie {
    display: block;
    width: calc(100% + 7rem);
    margin-left: -3.5rem;
    margin-right: -3.5rem;
    margin-bottom: 50px;
    position: relative;
  }
  .hr .RealCase.Moblie img {
    width: 100%;
    z-index: 1;
  }
  .hr .RealCase.Moblie .source1 {
    width: 52%;
    height: 2.5%;
    position: absolute;
    top: 94%;
    left: 4%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 24px;
    color: #595959;
    z-index: 2;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .RealCase.Moblie {
    display: block;
    width: calc(100% + 7rem);
    margin-left: -3.5rem;
    margin-right: -3.5rem;
    margin-bottom: 50px;
    position: relative;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .RealCase.Moblie img {
    width: 100%;
    z-index: 1;
  }
  .cyber-security-training-page.course-page.en.hr .ant-layout-content .course-body .course-body-content .RealCase.Moblie .source1 {
    width: 67%;
    height: 2%;
    position: absolute;
    top: 92%;
    left: 4%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 24px;
    color: #595959;
    z-index: 2;
  }
}

.component008 {
  position: relative;
  margin-right: 3.5rem;
}
.component008 .tip-text {
  width: 14.125rem;
  height: 26.875rem;
  background: url(/static/media/c008-board.aafd8fff.svg) no-repeat center center;
  background-size: 100%;
  padding: 3.5rem 2rem 11rem 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 12rem;
  top: -10rem;
  font-size: 1.25rem;
  line-height: 2rem;
}
.component008 .component008-person {
  width: 14rem;
  height: auto;
  position: absolute;
  right: 0;
  top: -8.5rem;
}
.component008.c008-1 .tip-text {
  right: 9.5rem;
}

.hr.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview {
  background-color: rgba(89, 126, 247, 0.1);
}
.hr.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-progress-bar .ant-progress-text {
  color: #597EF7;
}
.hr.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .ant-progress-circle-trail {
  stroke: #597ef7 !important;
  opacity: 0.2;
}
.hr.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .ant-progress-circle-path {
  stroke: #597EF7 !important;
}
.hr.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.active .step-dot {
  border-color: #597EF7;
}
.hr.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.active .step-dot .active-dot {
  background-color: #597EF7;
}
.hr.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.completed .step-dot {
  border-color: #597EF7;
  background-color: #597EF7;
}
.hr.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.completed .step-line {
  background-color: #597EF7;
}
.hr.cyber-security-training-page.course-page .ant-layout-content .course-left-side .paragraphs .paragraph.active {
  border-color: #597EF7;
  background-color: rgba(202, 202, 202, 0.1);
}
.hr.cyber-security-training-page.course-page .ant-layout-content .course-left-side .paragraphs .state .in-progress {
  background: url(data:image/jpeg;base64,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);
  background-size: cover;
}
.hr.cyber-security-training-page.course-page .ant-layout-content .course-body .next-topic-button {
  background-color: #597EF7;
}
.hr.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .title {
  border-color: #597EF7;
}
.hr.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .title .l2 {
  color: #597EF7;
}
.hr.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area.correct .ant-btn-link.quiz-try-again-button {
  color: #0CA3A3;
}
.hr.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area.wrong .ant-btn-link.quiz-try-again-button {
  color: #E7444E;
}
.hr.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body {
  border-color: #597EF7;
}
.hr.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-last-button {
  border-color: #597EF7;
}
.hr.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-last-button span {
  color: #597EF7;
}
.hr.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-submit-button {
  background-color: #597EF7;
}
.hr.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-submit-button[disabled] {
  background-color: #597ef7;
  border-color: #597EF7;
}
.hr.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
  background: #597EF7;
}
.hr.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab.active .number {
  border-color: #597EF7;
}
.hr.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.index .course-landing {
  background: linear-gradient(90deg, rgba(173, 229, 101, 0.6) 0%, rgba(38, 47, 242, 0.6) 100%);
}
.hr.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.welcome .course-landing {
  background: linear-gradient(90deg, rgba(173, 229, 101, 0.6) 0%, rgba(38, 47, 242, 0.6) 100%);
}
.hr.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.t900 .course-landing {
  background: linear-gradient(90deg, rgba(173, 229, 101, 0.6) 0%, rgba(38, 47, 242, 0.6) 100%);
}
.hr.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.t930 .course-landing {
  background: linear-gradient(90deg, rgba(173, 229, 101, 0.6) 0%, rgba(38, 47, 242, 0.6) 100%);
}
.hr.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.t1200 .course-landing {
  background: linear-gradient(90deg, rgba(173, 229, 101, 0.6) 0%, rgba(38, 47, 242, 0.6) 100%);
}
.hr.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.t1400 .course-landing {
  background: linear-gradient(90deg, rgba(173, 229, 101, 0.6) 0%, rgba(38, 47, 242, 0.6) 100%);
}
.hr.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.quiz .course-landing {
  background: linear-gradient(90deg, rgba(173, 229, 101, 0.6) 0%, rgba(38, 47, 242, 0.6) 100%);
}
.hr.cyber-security-training-page.course-page .ant-layout-content .ant-radio-checked .ant-radio-inner {
  border-color: #597EF7;
}
.hr.cyber-security-training-page.course-page .ant-layout-content .ant-radio-inner::after {
  background-color: #597EF7;
}
.hr.cyber-security-training-page.course-page .ant-layout-content .ant-radio-wrapper:hover .ant-radio,
.hr.cyber-security-training-page.course-page .ant-layout-content .ant-radio:hover .ant-radio-inner,
.hr.cyber-security-training-page.course-page .ant-layout-content .ant-radio-input:focus + .ant-radio-inner {
  border-color: #597EF7;
}
.hr.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass .cert-download-input .cert-download-button {
  background-color: #597EF7;
}
.hr.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-retry-button {
  background-color: #597EF7;
}
.cyber-security-training-page.course-page.hr .ant-layout-content .course-body .course-body-content.quiz .progress .progress-line {
  background-color: #597EF7;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel,
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel {
    padding: 1vw;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .base-practice-section.phishing .bp-panel,
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel {
    padding: 2vw;
  }
}

@media (max-width: 1024px) {
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation {
    margin-left: -2rem;
    width: calc(100% + 4rem);
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .avater {
    width: 12vw!important;
    height: 12vw!important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message {
    width: 75vw!important;
    height: 15vw!important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message-text {
    font-size: 1.2rem !important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message-text {
    padding: 1vw 1vw 1vw 15vw!important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message-text {
    padding: 1.2vw 15vw 1vw 1vw !important;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message-text {
    padding: 2vw 13vw 2vw 2vw !important;
  }
}

@media (max-width: 1024px) {
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation {
    margin-left: -2rem;
    width: calc(100% + 4rem);
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .avater {
    width: 12vw!important;
    height: 12vw!important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message {
    width: 75vw!important;
    height: 15vw!important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message-text {
    font-size: 1.2rem !important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message-text {
    padding: 1vw 1vw 1vw 15vw!important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message-text {
    padding: 1.2vw 15vw 1vw 1vw !important;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message-text {
    padding: 2vw 13vw 2vw 2vw !important;
  }
}

.animation004-modal .ant-modal-content .ant-modal-body .prev-button .click-point1 {
  position: absolute;
  bottom: 5rem;
  left: 5rem;
  width: 5rem;
  height: 5rem;
  transform: rotate(225deg);
}
.animation004-modal .ant-modal-content .ant-modal-body .next-button .click-point2 {
  position: absolute;
  bottom: 5rem;
  right: 5rem;
  width: 5rem;
  height: 5rem;
  transform: rotate(135deg);
}
.market .animation004-modal .ant-modal-content .animation004-modal-header {
  margin: 4rem;
  margin-bottom: 1rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 4rem;
  padding: 1rem;
  font-size: 2.625rem;
  font-weight: 500;
  border-left: 4px solid #597EF7;
  display: flex;
  align-items: center;
  justify-content: center;
}
.market .animation004-modal .ant-modal-content .ant-modal-body .next-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.8rem;
  width: 4.8rem;
  right: 0;
  bottom: 0;
  padding: 0;
}
.market .animation004-modal .ant-modal-content .ant-modal-body .next-button .arrow {
  margin: 0 auto;
}
.market .animation004-modal .ant-modal-content .ant-modal-body .prev-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.8rem;
  width: 4.8rem;
  left: 0;
  bottom: 0;
  padding: 0;
}
.market .animation004-modal .ant-modal-content .ant-modal-body .prev-button .arrow {
  margin: 0 auto;
}
.market .animation004-modal .ant-modal-content .ant-modal-body .hide {
  display: none;
}
.market .animation004-modal .ant-modal-content .ant-modal-body .border {
  margin-left: 12rem;
  margin-right: 12rem;
  margin-top: 0;
  margin-bottom: 1rem;
}
.market .animation004-modal .ant-modal-content .ant-modal-body .border img {
  width: 100%;
}
.market .animation004-modal .ant-modal-content .ant-modal-body .content {
  margin-left: 12rem;
  margin-right: 12rem;
  margin-top: 0;
  margin-bottom: 5rem;
  background: rgba(234, 75, 108, 0.2);
  border-radius: 5px;
  font-size: 1.5rem;
  font-weight: 400;
  padding: 1.5rem;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation004 {
  position: relative;
  height: 695px;
  margin-top: 48px;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation004.no-title {
  position: relative;
  z-index: 0;
  display: flex;
  justify-content: center;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section {
  margin-left: -56px !important;
  width: 1000px;
  position: relative;
  height: 100%;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation004 .img-g5584 {
  position: absolute;
  z-index: 0;
  top: 164px;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation004 .animation004-title {
  background: url(data:image/png;base64,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);
  width: 317px;
  height: 184px;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  left: 100px;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2rem;
  padding: 1rem;
  text-align: center;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section {
  margin-left: 225px;
  position: relative;
  height: 100%;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .click-point {
  position: absolute;
  width: 149px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step {
  width: 180px;
  position: absolute;
  cursor: pointer;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .text {
  font-size: 24px;
  font-weight: 400;
  line-height: 29px;
  text-align: center;
  margin-bottom: 40.69px;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .sub-task-text {
  margin-top: -40.69px;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .indicator {
  width: 100%;
  line-height: 68.78px;
  display: flex;
  font-size: 26px;
  font-weight: 700;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .indicator.indicator-title {
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 0.625rem;
  justify-content: center;
  display: flex;
  min-height: 4rem;
  text-align: center;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step img {
  position: absolute;
  width: 280px;
  left: -195px;
  bottom: -108px;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step1 {
  top: auto;
  left: 0;
  bottom: 124px;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step1 .indicator {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAABGCAYAAABmILAIAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAL1SURBVHgB7d1NkppAGIDhxiKLrOIRzG1yhBwhx5irZJdr5CSZXQ4QBVF+wtfFZ7WItDiiQL9PlaXDbHmnfwAnSr+/bQyATp9/vb3Hn+LijwFwYZck7/Xb15UBcCFJU5Nl2UY+xwbAme1uZw6Hw+lnIgEaVVXZQI7H49lxIgFqZVmaf9utKYri4ndEguDleW5HEAmlC5EgaPv93i7S+xAJgiSjxk7WH/Uo4kMkCI6MHmn9koX6LYgEwRgyeriIBEEYOnq4iASLJjtXuyTp3Nq9FZFgkezUqo6jfWHwHkSCRZHp1D7L7PTqnqlV299vPzZEgkV4dBwuIsGsjRmHIhLM0jPiUESCWZHdKrmNPatfY8ehiASzIHGkaTr4QuAjEAkm65lTqj5EgkmRGOTC36tGjS5Egkl4xVrjVkSCl5lyGC4iwVPNJQwXkWBUEoJEYeM4HmcThotI8FC68JZFd15HMZXF993imHu38DEahYwUcsdtXn+e42jRh0gwiNyCLjFIGDaOBUbRRiS4SoKQCIp6lNAp1NKD6EIksDHYIOoI5D2UEeJWRBIIOfnlpNcQdJTQ47iOSGZOv3VQRwA54fXEt8eaIHA/IpmI9snePqbvZX3yV84L4yOSkehJ7P6Fd//K261T5zOmi0gG0pPaLmybqczZsSYELAeRtOiitmgWtacFrzMaICzBRaK7OjoKnH5mBECHVWHWi4zktL3pjAa63QkMEUXlfCMhBDzL5CNxY9ArwVwAwzNNJhJiwFS9JBK9tTqkO0kxX6NGojtGemt13kQBzMlDI7G3UxMEFubuSGSU0Ec0mTJhyW6ORKZN8kC/PnzDVitCcTUSnTrZZ5cDfSINEKdIJIIsy2wcc/3qF2AMcSL/V67ZjgVwrqyidSzf2g2gWxRF65UB0ItIAA8iATyIBPAgEsCDSAAPIgE8iATwIBLAg0gADyIBelSV4bYUoM9qVX0hEsCDSAAPIgE8iATwIBLAg0gAj7gy1U8DoFNUVb//A1Rb9MBga6C3AAAAAElFTkSuQmCC);
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step1 img {
  left: -240px;
  bottom: -136px;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step2 {
  top: auto;
  left: 270px;
  bottom: 167px;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step2 .indicator {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAABFCAYAAADgtMKmAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALuSURBVHgB7dxBctowFIDhB/W+HIFtj9Eb9BS5Undd9U5Ztj1C2wkBbEvxMxYYsC2c2GDJ/zeTCTMkO/15km2yeH768UsAXNtkv7/8fPqaFC/XAuDcJhO7TVf6cikAzhWByDaVhQiRAFeqQOoSASBirchLEcc+v3qLSABTBPJ/J5LbxreJBPOWmSKQ/WGStCASzNem2F5tM++PEQnmJ9PzR/v26hKRYF5ei8nxmvb6FSLBPOjZ42V/8/SoIxLETQ/kOj1uOHu0IRLEy8Vh+0+POiJBfPSGoF65Mh+LQz1/+74mEsRDzx16KE+NDIlIEL6R4nCIBOEaOQ6HSBAWPYTv8sOBfIAzxy2IBGHQOLb5IFer+iISTNudtlRdiATT88Cp0YRIMA3urJHmD50aTYgEj6Nh6LNUup3SJ3MnMDWaEAnuS0PQO+L6NeEw6ogE4zNVGBPcSt2CSDA8t43aFwfvvbnb/YxRJBnPbmEA9Sj0e4DToguRoD+dDLp1ys0hiDzgSXEDIkE3W00GDSOrogjgsD0kIsGBLnzdJWXVhNDXMwyiCZHMiS54XfNZNRlMFUMW+OF6ZEQSCxeALnadBOVrc4rCvYfeiGSK3GIu/9rbUwDWnt7Tby4G9x5GQSRjOy5wqRb1xcI/hiAs9okikvfq2t6Y6r4Biz4KRNKkfsB1f/mNPd/fs/hnY56RtF3lcZc+CQCVYims4o2kft3fTQKu8qAnY23gkbSFwDTAgMKIxD1AVwbADTDc17QiuYyhfB3GB3MQr8dFUn+SlMmACRs/kssH51LODAjL8JGUW6T8MBmy+D9rgPh9LJL6lonzAyLVL5L84hNpnCEwA92RuC1TGs6/fwGGdh6JmxREARwl5aTQ/3Kx46OaQJNE/u0EQLPFcrFeCoBORAJ4EAngQSSAB5EAHkQCeBAJ4EEkgAeRAB5EAngQCdDB2uWKSIAOn0Q+EwngQSSAB5EAHkQCeBAJ4EEkgEdixf4RAC0Wf98AYqTlQ0RwE48AAAAASUVORK5CYII=);
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step3 {
  top: auto;
  left: 545px;
  bottom: 210px;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step3 .indicator {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAABFCAYAAADgtMKmAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMiSURBVHgB7dxNctowGIBhGdiXI3CG3qC36Bm67xl6hK56nm57g7b7thkCBLAtqf4EIiYBKwZsbOt9ZjrJkC79ok/+S759/vFTAXhluzS/Pn19/2FilZopAEfSJ6NWcz2V30cKwBEXyIOWX10kEwXgYL3QavNojj4jEmBvPS8CWZpXnxMJomeLjfnyb67yrT35dyJB1HRWBPIvVya3Z/8PkSBaMlrJiBVCJIiOKbpYPZwfr14iEkRFVo/Nwihr3haIIBJEoe7qUUYkGDQ5c7WVvcdjeO9xDpFgsOTK+dO83mh1CpFgcGSkkivnl4xWL335+H1GJBiMW8ZRRiTovabi8IgEvdV0HB6RoHfaisMjEvSCP5UrFwOvPVtVF5Gg02S1SDemOJ1rW4/DIxJ0jls1VkZlRRxtjVRViASd4fcacvv6vVaNU4gEd9WFcSqESNC6PoRRRiRonOwx0rXsL2Sf0a1R6i2IBI2Q1SJPrcq23dh8X2qsx1MiwU3oTIKw7oxU1zbe19DjhEhQn4xPulgl8mx4UZxCJKgkQcibRGSV0FkRRL4LJCZEggOJQbt/ygWRp6ryVTuxIJLI+JVBRiX5afQuCpMPe2S6BpEMiARgtXUvPdBarkHsVgS3h3D7BkK4BJF0lB9z5IC3xVFuzPNB7mLY/3R/N4xFTSKSFpS/4f0BLwe1P9h3n/sI+LbvGiK5gj/QZa73B778Xv6G56DvPyI5wwcgG1w3zujdfUY6Z7yJTbSRlCMorwBscFE2Ssywr7iXz/u7kUhOdxIBakiSAdyWci4ExiHcSi8i8WeHspQLYGhf5yJx9wntY3ArBKsC7uxukbhN89Yc7hNiZUBXtRKJXxXkTlL2DOibm0dSDkIexBn6swYYvqsiKT98k6fymCZBYHhqReI31TrbPb8c28M3iFNlJBJFurE8gIOoHUXS91e/AE2Y+BeFMT4Bp00Wf3IF4DSr7GykAFQiEiCASIAAIgECiAQIIBIggEiAACIBAogECCASIIBIgAqJTaZEAlRJ1DsiAQKIBAggEiCASIAAIgECiAQIkBdB/FYAzpn/BxpxqBXldz9PAAAAAElFTkSuQmCC);
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step4 {
  top: auto;
  left: 820px;
  bottom: 255px;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step4 .indicator {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAABGCAYAAABmILAIAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALySURBVHgB7dxPctowFIBxQVhk0UVu0PRmuUHbG3Smh+iyR+sRwiTFNrZll4fzGkHAMn9sLPn7zWQgwFIfT2Cb2dcf6W8D4IPc2uWvn5++L8zMPBkAO6qqMsnfbLm5u4kEwA4J5OUlMdbWD/I/kQCOsmwCqev6/2NEArxZr0uzWmU7gQgiATaSJDdpuj74HJFg0mRqvL6mpijs0dcQCSZLwlitUvmA3vo6IsHkyPRI03z71wWRYFK6Tg8XkWASTp0eLiJB9M6ZHi4iQbTkwGCSZK3fXHVBJIjOJVurfU/f/jwQCaIhcWRZsY1j/6j5ubLsnkgQvj7icBEJgtV3HIpIEJyh4lBEgmDIt1RyEuKl31adikgwajo1iqIcPA5FJBglCSLPi+01HkNsqdoQCUZjDFPjECLBTY01DBeRYHBuGHLqyK23Uz5EgkFUVb35fDHuiXEMkaAXMh1kSsiH7zwvt5GEaH5vOS0F1yMToixtMNuoLubmjkhwHp0UsUVxCJGgE4lAYrC22vzZ7f9TQSTY4U4IDUKu6It1SnRBJBMlH6Q1BPntW7mNect0CSKJkCx0WevNJGgikCiaKWGD/abpVogkALqoZcHLQtcFr/eb11RvzxumwZURycBkUesi10W/v9jfQ2DBjwGRXIFub3QrowtdHuMdPnxE4qHv/BJA8w5f7Sx+9vfxm3wkGoBOAL0lAKjoI2n2/hoCEeA0lb17jCKSQyFwEAzXElQk7gEw9yAYEwF9GmUk+zEwFXBLN42E84QQgsEicaeD3HJ6BELRSyQahJxaLfflYhymA0J1cSTulqkJgyAQl5Mjkckg1yw3F95M6+IbTJM3EveKNImDKYGp+RCJ/vQLWyegsZAIJAaZFiH/9AvQl8Xz84ppARwxn9WPcwIB2s0NgFZEAngQCeBBJIAHkQAeRAJ4EAngQSSAB5EAHkQCeBAJ0KKuZ5+JBPAgEsCDSAAPIgE8iATwIBLAg0gAj0U5t18MgIPuTbb8B39gApjHABaiAAAAAElFTkSuQmCC);
}

@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation004 {
    position: relative;
    height: 75vw;
    margin-left: 0rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation004 .img-g5584 {
    display: none;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation004 .animation004-title {
    background: none;
    font-weight: 500;
    line-height: 3.375rem;
    letter-spacing: 0em;
    border-left: 5px solid #F26927;
    font-size: 2.1rem;
    position: relative;
    padding-bottom: 0;
    width: 100vw;
    justify-content: left;
    left: auto;
    height: auto;
    width: auto;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section {
    margin-left: 0 !important;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .click-point {
    top: auto !important;
    width: 12vw;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step {
    width: 21vw;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .indicator {
    line-height: 5vw;
    background-size: cover !important;
    font-size: 3vw;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .text {
    font-size: 3vw;
    line-height: 4vw;
    margin-bottom: 2vw;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .step-title {
    font-size: 3vw;
    line-height: 4vw;
    margin-bottom: 2vw;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .sub-task-text {
    margin-top: 0;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .sub-task-text button.ant-btn.ant-btn-link {
    font-size: 2vw!important;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step img {
    width: 25vw;
    left: -12vw;
    bottom: -10vw;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step1 {
    bottom: 20vw;
    top: auto;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step2 {
    bottom: 25vw;
    left: 24vw;
    top: auto;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step3 {
    bottom: 30vw;
    left: 48vw;
    top: auto;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step4 {
    bottom: 35vw;
    left: 72vw;
    top: auto;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation004 .animation004-title {
    display: none;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation004 .animation004-title {
    display: none;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation004.no-title {
    position: relative;
    z-index: 0;
    margin-bottom: 0 !important;
  }
}

.market .animation006 {
  width: 1024px;
  display: flex;
  position: relative;
  margin: auto;
  margin-bottom: 100px;
}
.market .animation006 .animation006-bg {
  position: relative;
  margin: auto;
  width: 1024px;
  height: 582px;
  background-image: url(/static/media/social-media-bg.f452d92d.png);
  background-size: 100% 100%;
}
.market .animation006 .animation006-gif {
  position: absolute;
  margin: auto;
  width: 270px;
  z-index: 10;
  bottom: -10px;
  left: calc(50% - 135px);
}
.market .animation006 .animation006-radius {
  position: absolute;
  margin: auto;
  width: 270px;
  height: 270px;
  border-radius: 50%;
  background-color: #F26927;
  font-size: 28px;
  font-weight: 300;
  text-align: center;
  word-wrap: break-word;
  color: #FFFFFF;
  z-index: 10;
  bottom: 0;
  left: calc(50% - 135px);
  display: flex;
  justify-content: center;
  align-items: center;
}
.market .animation006 .animation006-panel {
  font-size: 16px;
  position: absolute;
  border-radius: 23px;
  box-shadow: 0px 2.38095px 28.5713px rgba(0, 0, 0, 0.08);
  background-color: #fff;
  text-align: center;
}
.market .animation006 .animation006-panel.s1 {
  left: 9px;
  bottom: 112px;
}
.market .animation006 .animation006-panel.s2 {
  left: 60px;
  bottom: 270px;
}
.market .animation006 .animation006-panel.s3 {
  left: 205px;
  bottom: 428px;
}
.market .animation006 .animation006-panel.s4 {
  right: 205px;
  bottom: 428px;
}
.market .animation006 .animation006-panel.s5 {
  right: 60px;
  bottom: 270px;
}
.market .animation006 .animation006-panel.s6 {
  right: 9px;
  bottom: 112px;
}
.market .animation006 .animation006-panel .animation006-content {
  padding: 31px 22px;
  display: flex;
  flex-direction: column;
  font-size: 21px;
  font-weight: 400;
  line-height: 27px;
  align-items: center;
  justify-content: center;
  height: 116px;
  width: 275px;
  position: relative;
}
.market .animation006 .animation006-panel .animation006-content .view-more .view-more-btn {
  font-size: 21px;
  font-weight: 400;
  opacity: 1 !important;
  height: auto;
  position: relative;
}
.market .animation006 .animation006-panel .animation006-content .view-more .view-more-btn .click-point1 {
  width: 40px;
  cursor: pointer;
  transform: rotate(270deg);
  position: absolute;
  bottom: 0;
  left: 90%;
}
.market .animation006 .animation006-panel .animation006-content .indicator {
  position: absolute;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  background: #E7444E;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 19px;
  font-weight: 400;
  line-height: 25px;
  left: -16px;
  top: -16px;
}
.market .animation006-modal-header {
  display: flex;
  justify-content: space-between;
  padding-right: 35px;
}
.market .animation006-modal-header .animation006-modal-title {
  font-size: 1.125rem;
  color: #fff;
  background-color: #E7444E;
  border-radius: 12px;
  line-height: 1.6;
  font-weight: 700;
  padding: 0.5625rem 1rem;
}
.market .animation006-modal-header .animation006-modal-link {
  max-width: 50%;
  font-size: 1.125rem;
  color: #fff;
  background-color: #E7444E;
  border-radius: 12px;
  line-height: 1.6;
  font-weight: 700;
  padding: 0.5625rem 1rem;
  margin-left: 20px;
}
.market .animation006-modal-header .animation006-modal-link a {
  color: white;
  text-decoration: underline;
}
.animation006-modal .ant-modal-body {
  display: flex;
  justify-content: center;
  position: relative;
  min-height: 456px;
}
.animation006-modal .ant-modal-body img {
  width: 100%;
  height: 100%;
  margin-bottom: 50px;
}
.animation006-modal .ant-modal-body .hide {
  display: none;
}
.animation006-modal .ant-modal-body .next-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 3.8rem;
  width: 4.8rem;
  right: 0;
  bottom: 0;
}
.animation006-modal .ant-modal-body .prev-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 3.8rem;
  width: 4.8rem;
  left: 0;
  bottom: 0;
}
@media (max-width: 1024px) {
  .animation006-modal {
    width: 100%;
    height: 100%;
  }
  .animation006-modal .ant-modal-body {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    position: relative;
    min-height: 456px;
  }
  .animation006-modal .ant-modal-body .hide {
    display: none;
  }
  .animation006-modal .ant-modal-body .next-button {
    position: absolute;
    background: #FFC53D;
    border-radius: 0px;
    height: 4.5rem;
    width: 4.5rem;
    right: 0;
    bottom: 0;
  }
  .animation006-modal .ant-modal-body .prev-button {
    position: absolute;
    background: #FFC53D;
    border-radius: 0px;
    height: 4.5rem;
    width: 4.5rem;
    left: 0;
    bottom: 0;
  }
  .animation006-modal .ant-modal-body img {
    width: 100%;
    height: 100%;
  }
  .market .animation006 {
    width: 100%;
    display: flex;
    position: relative;
    margin: auto;
    margin-bottom: 6.25rem;
  }
  .market .animation006 .animation006-radius {
    width: 25vw;
    height: 25vw;
    font-size: 2.4rem;
    padding: 2rem;
    left: calc(50% - 12.5vw);
  }
  .market .animation006 .animation006-bg {
    width: calc(100vw - 4rem);
    height: calc((100vw - 4rem) * 595 / 1024);
  }
  .market .animation006 .animation006-gif {
    width: 26%;
    left: 37%;
  }
  .market .animation006 .animation006-panel {
    border-radius: 1.5rem;
  }
  .market .animation006 .animation006-panel .animation006-content {
    width: 26vw;
    height: auto;
    min-height: 7rem;
    padding: 1.5rem 1rem;
    font-size: 1.8rem;
  }
  .market .animation006 .animation006-panel .animation006-content .indicator {
    font-size: 1.2rem;
    width: 2.5rem;
    height: 2.5rem;
    left: -1rem;
    top: -1rem;
  }
  .market .animation006 .animation006-panel.s1 {
    left: 2vw;
    bottom: 5vw;
  }
  .market .animation006 .animation006-panel.s2 {
    left: 5vw;
    bottom: 23vw;
  }
  .market .animation006 .animation006-panel.s3 {
    left: 20vw;
    bottom: 40vw;
  }
  .market .animation006 .animation006-panel.s4 {
    right: 20vw;
    bottom: 40vw;
  }
  .market .animation006 .animation006-panel.s5 {
    right: 5vw;
    bottom: 23vw;
  }
  .market .animation006 .animation006-panel.s6 {
    right: 2vw;
    bottom: 5vw;
  }
  .market .animation006 .animation006-panel .animation006-content .view-more-btn {
    font-size: 1.5rem !important;
  }
  .market .animation006 .animation006-panel .animation006-content .click-point1 {
    width: 30px !important;
  }
}
@media (max-width: 768px) {
  .market .animation006 .animation006-panel .animation006-content .view-more-btn {
    font-size: 1.5rem;
    height: auto;
    padding: 0 !important;
  }
  .market .animation006 .animation006-radius {
    font-size: 1.5rem;
  }
  .market .animation006 {
    margin-top: 5rem;
  }
  .market .animation006 .animation006-panel .animation006-content {
    font-size: 1.2rem;
    line-height: 1.4;
    width: 25vw;
    padding: 0.5rem 0.5rem;
  }
  .market .animation006 .animation006-panel .animation006-content .view-more .view-more-btn {
    font-size: 10px !important;
  }
  .market .animation006 .animation006-panel .animation006-content .view-more .view-more-btn .click-point1 {
    bottom: -10%;
    left: 100%;
  }
  .market .animation006 .animation006-panel .animation006-content .indicator {
    font-size: 1rem;
    width: 2rem;
    height: 2rem;
    left: -1rem;
    top: -1rem;
  }
  .market .animation006 .animation006-panel .animation006-content .view-more-btn {
    font-size: 12px;
  }
  .market .animation006 .animation006-panel .animation006-content .click-point1 {
    width: 20px !important;
  }
}
@media (max-width: 480px) {
  .market .animation006 .animation006-panel .animation006-content .view-more-btn {
    font-size: 10px;
  }
  .market .animation006 .animation006-panel .animation006-content .click-point1 {
    width: 20px !important;
  }
  .market .animation006 .animation006-radius {
    font-size: 1rem;
  }
  .market .animation006 .animation006-panel .animation006-content {
    padding: 0.5rem;
    line-height: 11px;
    min-height: 5rem;
    width: 27vw;
  }
  .market .animation006 .animation006-panel .animation006-content .view-more {
    margin-left: 0px;
  }
  .market .animation006 .animation006-panel .animation006-content .view-more .view-more-btn {
    font-size: 8px;
    border: 0;
  }
  .market .animation006 .animation006-panel .animation006-content .view-more img {
    width: 20px !important;
  }
  .market .animation006 .animation006-panel.s3 {
    left: 16vw;
    bottom: 40vw;
  }
  .market .animation006 .animation006-panel.s4 {
    right: 16vw;
    bottom: 40vw;
  }
  .animation006-modal {
    width: 100% !important;
  }
  .animation006-modal .animation006-modal-header .animation006-modal-title {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .animation006-modal .ant-modal-body {
    display: flex;
    justify-content: center;
    position: relative;
    min-height: 300px;
  }
  .animation006-modal .ant-modal-body img {
    width: 100%;
    height: 100%;
    margin-bottom: 50px;
  }
  .animation006-modal .ant-modal-body .hide {
    display: none;
  }
  .animation006-modal .ant-modal-body .next-button {
    position: absolute;
    background: #FFC53D;
    border-radius: 0px;
    height: 3.8rem;
    width: 4.8rem;
    right: 0;
    bottom: 0;
  }
  .animation006-modal .ant-modal-body .prev-button {
    position: absolute;
    background: #FFC53D;
    border-radius: 0px;
    height: 3.8rem;
    width: 4.8rem;
    left: 0;
    bottom: 0;
  }
}

.market .animation008 {
  margin-right: 3.5rem;
  padding-bottom: 3.5rem;
}
.market .animation008 .animation008-title {
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.625rem;
  text-align: center;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  margin-bottom: 1.5rem;
}
.market .animation008 .animation008-content {
  display: flex;
  grid-gap: 1rem;
  gap: 1rem;
  justify-content: space-between;
  padding-right: 3.5rem;
  flex-wrap: wrap;
}
.market .animation008 .animation008-content .animation008-header {
  margin-top: 1.5rem;
  display: flex;
  justify-content: center;
}
.market .animation008 .animation008-content .animation008-header > .subtitle {
  font-size: 3.5rem;
  color: white;
  position: relative;
}
.market .animation008 .animation008-content .animation008-header > .subtitle .arrow {
  height: 100%;
  position: absolute;
  top: 0;
  right: -50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.market .animation008 .animation008-content .animation008-header > .subtitle .arrow img {
  width: 100%;
}
.market .animation008 .animation008-content .animation008-item {
  cursor: pointer;
  position: relative;
  border-radius: 60px 4px;
  z-index: 1;
}
.market .animation008 .animation008-content .animation008-item .click-point {
  position: absolute;
  z-index: 10;
  width: 118px;
  bottom: -145px;
  left: calc(50% - 59px);
}
.market .animation008 .animation008-content .animation008-item .small-icon {
  position: relative;
  z-index: 2;
  width: 100%;
  border-radius: 0px;
  margin-top: 15px;
  margin-bottom: 5px;
  text-align: center;
}
.market .animation008 .animation008-content .animation008-item .small-icon img {
  height: 2.8125rem;
}
.market .animation008 .animation008-content .animation008-item .small-icon.large img {
  height: 4.5rem;
}
.market .animation008 .animation008-content .animation008-item .animation008-top {
  color: #fff;
  display: flex;
  flex-direction: column;
  height: auto;
  min-height: 5rem;
  align-items: center;
  justify-content: center;
  grid-gap: 30px;
  gap: 30px;
  text-align: center;
  font-family: Helvetica Neue;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0em;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.market .animation008 .animation008-content .animation008-item .animation008-text {
  color: #fff;
  padding: 30px 1rem;
  padding-top: 10px;
  min-height: 145px;
  font-size: 1.5rem;
  font-weight: 350;
  line-height: 1.6;
  text-align: left;
  position: relative;
}
.market .animation008 .animation008-content .animation008-item .animation008-text ul {
  margin-bottom: 0;
  padding-left: 30px;
}
.market .animation008 .animation008-content .animation008-item .animation008-text .animation008-content {
  padding-top: 1.5rem;
}
.market .animation008 .animation008-content .animation008-item .animation008-text .click-point1 {
  width: 40px !important;
  position: absolute;
  bottom: -20%;
  right: 0;
  transform: rotate(315deg);
}
.market .animation008 .animation008-content .animation008-item .animation008-text .view-more-btn {
  width: 100%;
  display: flex;
  justify-content: center;
  color: #FFFFFF;
  height: auto;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  text-align: left;
}
.market .animation008 .animation008-content .animation008-item .animation008-text .view-more-btn span {
  padding: 5px 20px;
  background-color: #FF646D;
}
.animation008-modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: 3rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 5rem;
  padding: 1rem;
  font-size: 2.625rem;
  font-weight: 500;
  border-left: 6px solid #D0B175;
}
.animation008-modal-header .animation008-modal-title {
  font-size: 2.625rem;
  color: unset;
  background-color: unset;
  border-radius: 12px;
  line-height: 1.5;
  font-weight: 400;
  padding: 0.5625rem 1rem;
}
.animation008-modal-header .animation008-modal-link {
  text-align: right;
}
.animation008-modal-header .animation008-modal-link .link-label {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.8375rem;
  letter-spacing: 0em;
  text-align: left;
  margin-right: 2rem;
}
.animation008-modal-header .animation008-modal-link .link-label img {
  margin-top: -0.5rem;
  height: 2.0625rem;
}
.animation008-modal-header .animation008-modal-link .example-link {
  color: #F26927;
  font-family: Helvetica Neue;
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 2.8125rem;
  text-decoration: underline;
}
.animation008-modal .ant-modal-body {
  display: flex;
  justify-content: center;
  position: relative;
  min-height: 456px;
}
.animation008-modal .ant-modal-body video {
  width: 100%;
  height: 100%;
  margin-bottom: 50px;
}
.animation008-modal .ant-modal-body .hide {
  display: none;
}
.animation008-modal .ant-modal-body .next-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.5rem;
  width: 6.5rem;
  right: 0;
  bottom: 0;
}
.animation008-modal .ant-modal-body .prev-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.5rem;
  width: 6.5rem;
  left: 0;
  bottom: 0;
}
@media (max-width: 768px) {
  .animation008-modal-header {
    margin-left: 0;
  }
  .market .animation008 .animation008-content {
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
    grid-gap: 1rem;
    gap: 1rem;
  }
  .market .animation008 .animation008-content .animation008-item {
    width: calc(33.33333% - 1rem) !important;
    position: relative;
  }
  .market .animation008 .animation008-content .animation008-item .click-point {
    position: absolute;
    z-index: 10;
    width: 118px;
    bottom: -130px;
    left: 50px;
  }
  .market .animation008 .animation008-content .animation008-item .small-icon {
    width: 100%;
    text-align: center;
  }
  .market .animation008 .animation008-content .animation008-item .animation008-top {
    padding: 0 5px;
    height: 80px;
    line-height: 30px;
    font-size: 20px;
  }
  .market .animation008 .animation008-content .animation008-item .animation008-text {
    padding: 16px 10px;
  }
  .animation008-modal {
    width: 90% !important;
  }
  .animation008-modal .animation008-modal-header {
    display: flex;
    flex-direction: column;
  }
  .animation008-modal .animation008-modal-header .animation008-modal-title {
    margin-bottom: 10px;
  }
  .animation008-modal .ant-modal-body .next-button img {
    height: 25px;
  }
  .animation008-modal .ant-modal-body .prev-button img {
    height: 25px;
  }
}
@media (max-width: 1024px) {
  .market .animation008 .animation008-content .animation008-item .click-point {
    width: 76px;
    bottom: -76px;
    left: calc(50% - 38px);
  }
  .market .animation008 .animation008-content .animation008-header > .subtitle .arrow {
    right: -100%;
  }
  .market .animation008 .animation008-content .animation008-item .animation008-text {
    font-size: 1.4rem;
  }
}
@media (max-width: 480px) {
  .animation008-modal .animation008-modal-header {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .animation008-modal .animation008-modal-header .animation008-modal-title {
    margin-bottom: 0;
  }
  .animation008-modal .ant-modal-body {
    padding-left: 0;
    padding-right: 0;
  }
}

.market .animation009 {
  margin-right: 3.5rem;
  padding-bottom: 3.5rem;
  position: relative;
}
.market .animation009 .animation009-tip {
  margin-top: -15rem;
  margin-right: 5%;
  width: 15%;
  height: 45rem;
  background: url(/static/media/9881.3dcc291c.png) no-repeat center center;
  background-size: 100%;
  padding: 13rem 1rem 23.5rem 1rem;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 2rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
}
.market .animation009 .animation009-content {
  width: 80%;
  display: flex;
  flex-wrap: wrap;
  grid-gap: 1rem;
  gap: 1rem;
  justify-content: space-between;
  padding-right: 3.5rem;
}
.market .animation009 .animation009-content .animation009-item {
  position: relative;
  background-color: #FFF3E4;
  border-radius: 0.625rem;
  padding: 0 1.5625rem 1.5625rem;
  width: calc(33.33% - 1rem) !important;
}
.market .animation009 .animation009-content .animation009-item.r1 .view-more-btn .click-point2 {
  display: none;
}
.market .animation009 .animation009-content .animation009-item.r1 .view-more-btn .click-point3 {
  display: none;
}
.market .animation009 .animation009-content .animation009-item.r2 .view-more-btn .click-point1 {
  display: none;
}
.market .animation009 .animation009-content .animation009-item.r2 .view-more-btn .click-point3 {
  display: none;
}
.market .animation009 .animation009-content .animation009-item.r3 .view-more-btn .click-point1 {
  display: none;
}
.market .animation009 .animation009-content .animation009-item.r3 .view-more-btn .click-point2 {
  display: none;
}
.market .animation009 .animation009-content .animation009-item .animation009-indicate {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.75rem;
}
.market .animation009 .animation009-content .animation009-item .animation009-indicate .animation009-icon {
  width: 6.25rem;
  height: 6.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.market .animation009 .animation009-content .animation009-item .animation009-indicate .animation009-icon img {
  max-width: 100%;
  max-height: 100%;
}
.market .animation009 .animation009-content .animation009-item .animation009-indicate .animation009-indicate-number {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.6;
}
.market .animation009 .animation009-content .animation009-item .animation009-text {
  font-size: 1.125rem;
  line-height: 1.4;
}
.market .animation009 .animation009-content .animation009-item .view-more-btn {
  padding-left: 0;
}
.market .animation009 .animation009-content .animation009-item .view-more-btn .tip-btn {
  padding: 0.5625rem;
  font-size: 1.125rem;
  line-height: 1.2;
  background: #FFE5C4;
  border-radius: 6px;
}
.market .animation009 .animation009-content .animation009-item .view-more-btn .click-point1 {
  width: 40px !important;
  position: absolute;
  right: -10%;
  top: 60%;
  transform: rotate(315deg);
}
.market .animation009 .animation009-content .animation009-item .view-more-btn .click-point2 {
  width: 40px !important;
  position: absolute;
  right: -10%;
  top: 60%;
  transform: rotate(315deg);
}
.market .animation009 .animation009-content .animation009-item .view-more-btn .click-point3 {
  width: 40px !important;
  position: absolute;
  right: -10%;
  top: 60%;
  transform: rotate(315deg);
}
.animation009-modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: 3rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 5rem;
  padding: 1rem;
  font-size: 2.625rem;
  font-weight: 500;
  border-left: 6px solid #D0B175;
}
.animation009-modal-header .animation009-modal-link {
  text-align: right;
}
.animation009-modal-header .animation009-modal-link .link-label {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.8375rem;
  letter-spacing: 0em;
  text-align: left;
  margin-right: 2rem;
}
.animation009-modal-header .animation009-modal-link .link-label img {
  margin-top: -0.5rem;
  height: 2.0625rem;
}
.animation009-modal-header .animation009-modal-link .example-link {
  color: #F26927;
  font-family: Helvetica Neue;
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 2.8125rem;
  text-decoration: underline;
}
.animation009-modal .ant-modal-body {
  display: flex;
  justify-content: center;
  position: relative;
  min-height: 456px;
}
.animation009-modal .ant-modal-body video {
  width: 100%;
  height: 100%;
  margin-bottom: 50px;
}
.animation009-modal .ant-modal-body .hide {
  display: none;
}
@media (max-width: 1024px) {
  .market .animation009-content {
    padding-right: 0!important;
  }
}
@media (max-width: 768px) {
  .market .animation009-content {
    flex-wrap: wrap;
    padding-right: 0!important;
  }
  .market .animation009-content .animation009-item {
    width: calc(50% - 0.5rem) !important;
  }
}
@media (max-width: 480px) {
  .animation009-modal {
    width: 100% !important;
  }
  .animation009-modal .ant-modal-body {
    padding: 0;
  }
  .animation009-modal-header {
    margin-left: 0;
  }
  .market .animation009 .animation009-content .animation009-item {
    width: 100%!important;
  }
}

.market .animation011 {
  margin-right: 3.5rem;
  padding-bottom: 3.5rem;
}
.market .animation011 .animation011-content {
  margin-top: -25rem;
  display: flex;
  flex-direction: column;
  padding-right: 3.5rem;
}
.market .animation011 .animation011-content .animation011-item {
  margin-bottom: 3rem;
  width: 100%;
  height: 7.5rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
}
.market .animation011 .animation011-content .animation011-item .click-point1 {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  bottom: -50px;
  left: 25%;
}
.market .animation011 .animation011-content .animation011-item .animation011-indicate-number {
  min-width: 13.125rem;
  height: 5.625rem;
  display: flex;
  border-radius: 50% 10% 10% 50%;
  align-items: center;
  color: #FFFFFF;
}
.market .animation011 .animation011-content .animation011-item .animation011-indicate-number .animation011-icon {
  height: 7.5rem;
  width: 7.5rem;
  border: 2px solid;
  border-radius: 50%;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.market .animation011 .animation011-content .animation011-item .animation011-indicate-number .animation011-icon img {
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
}
.market .animation011 .animation011-content .animation011-item .number {
  width: 3.75rem;
  text-align: right;
  font-family: Helvetica Neue;
  font-size: 2.25rem;
  font-weight: 700;
}
.market .animation011 .animation011-content .animation011-item .animation011-text {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  text-align: left;
  padding-left: 20px;
}
@media (max-width: 1024px) {
  .animation011 .animation011-content {
    padding-right: 0!important;
  }
  .animation011 .animation011-content .animation011-item {
    height: 5.5rem;
    margin-bottom: 1rem;
  }
  .animation011 .animation011-content .animation011-item .animation011-indicate-number .animation011-icon {
    width: 5.5rem;
    height: 5.5rem;
  }
  .animation011 .animation011-content .animation011-item .animation011-indicate-number .number {
    text-align: center;
  }
  .animation011 .animation011-content .animation011-item .animation011-indicate-number .animation011-icon img {
    max-width: 50% !important;
    max-height: 50% !important;
  }
}
@media (max-width: 768px) {
  .animation011 .animation011-content {
    flex-wrap: wrap;
  }
  .animation011 .animation011-content .animation011-item {
    padding-left: 2rem !important;
  }
  .animation011 .animation011-content .animation011-item .animation011-indicate-number {
    min-width: 11rem;
    height: 3.625rem;
  }
  .animation011 .animation011-content .animation011-item .animation011-indicate-number .number {
    text-align: center;
  }
  .animation011 .animation011-content .animation011-item .animation011-indicate-number .animation011-icon {
    width: 5.5rem;
    height: 5.5rem;
  }
}
@media (max-width: 480px) {
  .animation011 .animation011-content {
    width: 105%;
  }
  .animation011 .animation011-content .animation011-item {
    padding-left: 0 !important;
    height: 4rem;
  }
  .animation011 .animation011-content .animation011-item .animation011-indicate-number {
    min-width: 9rem;
    height: 2.625rem;
  }
  .animation011 .animation011-content .animation011-item .animation011-indicate-number .number {
    font-size: 1.8rem;
  }
  .animation011 .animation011-content .animation011-item .animation011-indicate-number .animation011-icon {
    width: 4rem;
    height: 4rem;
  }
  .animation011 .animation011-content .animation011-item .animation011-indicate-number .animation011-icon img {
    max-width: 35%;
    max-height: 35%;
  }
  .animation011 .animation011-content .animation011-item .animation011-text {
    font-size: 1rem;
    padding-left: 15px;
  }
}

.market .animation012 {
  margin-right: 1.5rem;
  margin-left: 1.5rem;
  padding-bottom: 7rem;
}
.market .animation012 .animation012-content {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 1rem;
  gap: 1rem;
  justify-content: center;
  padding-right: 3.5rem;
  height: 77.5rem;
  position: relative;
}
.market .animation012 .animation012-content .background-line1 {
  width: 100%;
  height: 3.125rem;
  background-color: #F3F3F3;
  position: absolute;
  z-index: 1;
  top: 21.5%;
}
.market .animation012 .animation012-content .background-line2 {
  width: 100%;
  height: 3.125rem;
  background-color: #F3F3F3;
  position: absolute;
  z-index: 1;
  top: 72.5%;
}
.market .animation012 .animation012-content .animation012-item {
  cursor: pointer;
  margin-top: 3rem;
  margin-bottom: 3rem;
  width: 100%;
  height: 7.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 2;
}
.market .animation012 .animation012-content .animation012-item .animation012-line {
  min-height: 6rem;
}
.market .animation012 .animation012-content .animation012-item .animation012-icon {
  min-height: 8.75rem;
  height: 8.75rem;
  width: 8.75rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
}
.market .animation012 .animation012-content .animation012-item .animation012-icon img {
  width: 4.25rem;
  height: 4.25rem;
  margin: 0 auto;
}
.market .animation012 .animation012-content .animation012-item .animation012-indicate-number {
  padding: 1.25rem;
}
.market .animation012 .animation012-content .animation012-item .animation012-indicate-number .number {
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 2rem;
}
.market .animation012 .animation012-content .animation012-item .animation012-text {
  width: 10rem;
  font-weight: 400;
  font-size: 1.5rem;
  text-align: center;
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
  min-height: 110px;
}
.market .animation012 .animation012-content .animation012-item .click-point {
  position: absolute;
  z-index: 10;
  width: 118px;
  top: 300px;
  left: 230px;
  transform: rotate(-45deg);
}
@media (max-width: 1024px) {
  .market .animation012 .animation012-content .animation012-item .click-point {
    width: 65px;
    bottom: -155px;
    left: 56px;
  }
  .market .animation012 .animation012-content .animation012-item .animation012-text {
    min-height: 68px;
  }
  .market .animation012-content .animation012-item .click-point {
    width: 70px;
    bottom: -170px;
    left: 55px;
  }
  .market .animation012-content .animation012-item .animation012-line img {
    height: 100%;
  }
}
@media (max-width: 768px) {
  .market .animation012-content {
    flex-wrap: wrap;
  }
  .market .animation012-content .animation012-item .animation012-line img {
    height: 100%;
  }
  .market .animation012-content .animation012-item .click-point {
    width: 10%!important;
    bottom: -80% !important;
    left: 5% !important;
  }
  .market .animation012 .animation012-content .animation012-item .animation012-icon {
    width: 6.25rem;
    height: 6.25rem;
    min-height: 6.25rem;
  }
  .market .animation012 .animation012-content .background-line {
    top: 70%;
  }
}
@media (max-width: 480px) {
  .market .animation012 .animation012-content .animation012-item .animation012-text {
    width: 7rem;
    font-size: 1rem;
  }
  .market .animation012 .animation012-content .background-line {
    height: 2.125rem;
    top: 68%;
  }
  .market .animation012 .animation012-content .animation012-item {
    width: 10%;
  }
  .market .animation012 .animation012-content .animation012-item .animation012-icon {
    min-height: 4.25rem;
    width: 4.25rem;
    height: 4.25rem;
  }
  .market .animation012 .animation012-content .animation012-item .animation012-icon img {
    width: 70%;
    height: 70%;
  }
  .market .animation012 .animation012-content .click-point {
    width: 12% !important;
    bottom: -40% !important;
    left: 5% !important;
  }
}

.market .animation016 {
  padding: 0 8rem;
  margin-right: 3.5rem;
  margin-top: 18rem !important;
  position: relative;
}
.market .animation016 .animation016-attention {
  width: 18rem;
  height: 18rem;
  position: absolute;
  top: -13rem;
  left: 0;
}
.market .animation016 .animation016-attention img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.market .animation016 .animation016-attention .animation016-attention-text {
  position: absolute;
  top: 9rem;
  width: 18rem;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  text-align: center;
  font-size: 1.5rem;
  color: white    ;
}
.market .animation016 .animation016-content {
  display: flex;
  grid-gap: 1rem;
  gap: 1rem;
  justify-content: space-between;
}
.market .animation016 .animation016-content .animation016-item {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.market .animation016 .animation016-content .animation016-item .animation016-image img {
  width: 100%;
  height: 100%;
}
.market .animation016 .animation016-content .animation016-item .animation016-header {
  color: #fff;
  display: flex;
  flex-direction: column;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  align-items: center;
  justify-content: center;
  grid-gap: 12px;
  gap: 12px;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  padding: 1.25rem 0;
  text-align: center;
  position: relative;
}
.market .animation016 .animation016-content .animation016-item .animation016-content {
  height: 4.625rem;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.3125rem;
  text-align: left;
  padding: 1rem;
  background: rgba(234, 75, 108, 0.2);
  border-radius: 5px;
  margin-top: 1rem;
  display: flex;
  align-items: center;
}
.market .animation016 .animation016-content .animation016-item .animation016-list {
  background: rgba(234, 75, 108, 0.2);
  border-radius: 5px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5rem;
  text-align: left;
  margin-top: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.market .animation016 .animation016-content .animation016-item .animation016-list ul {
  margin: 0;
}

.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation017 {
  margin-bottom: 0rem!important;
}
.animation017-content {
  position: relative;
  margin-right: 3.5rem;
}
.animation017-content .animation017-tip {
  margin-top: -15rem;
  width: 203.59px;
  height: 720px;
  background: url(/static/media/9881.3dcc291c.png) no-repeat center center;
  background-size: 100%;
  padding: 13rem 1rem 23.5rem 1rem;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 2rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
}
.animation017-content .animation017 {
  width: 80%;
  margin-right: 1.5rem;
  margin-left: 1.5rem;
  padding-bottom: 7rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.animation017-content .animation017 .animation017-item:nth-child(1) {
  cursor: pointer;
}
.animation017-content .animation017 .animation017-item:nth-child(7) .source3 {
  display: unset;
  width: 80%;
  height: 7%;
  position: absolute;
  top: 80%;
  left: 16%;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: none;
  color: #595959;
  z-index: 11;
  padding: 0;
}
.animation017-content .animation017 .animation017-item:nth-child(7) .source4 {
  display: unset;
  width: 90%;
  height: 7%;
  position: absolute;
  top: 87%;
  left: 0;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: none;
  color: #595959;
  z-index: 11;
  padding: 0;
}
.animation017-content .animation017 .source1 {
  display: none;
}
.animation017-content .animation017 .source2 {
  display: none;
}
.animation017-content .animation017 .source3 {
  display: none;
}
.animation017-content .animation017 .source4 {
  display: none;
}
.animation017-content .animation017 .animation017-item {
  height: 22.4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 2;
  position: relative;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.animation017-content .animation017 .animation017-item .animation017-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.animation017-content .animation017 .animation017-item .animation017-icon img {
  width: 80%;
  height: 10.5rem;
}
.animation017-content .animation017 .animation017-item .animation017-line {
  display: flex;
  align-items: center;
  width: 100%;
  height: 1.4rem;
}
.animation017-content .animation017 .animation017-item .animation017-indicate-number {
  width: 100%;
  margin-top: 0rem;
  margin-bottom: 0rem;
  display: flex;
  flex-direction: row;
  margin-top: 0.65rem;
  margin-bottom: 0.65rem;
}
.animation017-content .animation017 .animation017-item .animation017-indicate-number .number {
  width: 25%;
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 2rem;
}
.animation017-content .animation017 .animation017-item .animation017-indicate-number .line {
  width: 75%;
  height: auto;
}
.animation017-content .animation017 .animation017-item .animation017-text {
  width: 100%;
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.2;
  text-align: left;
  min-height: 7.2rem;
  display: flex;
  align-items: center;
}
.animation017-content .animation017 .animation017-item .click-point {
  position: absolute;
  z-index: 10;
  width: 100px;
  bottom: -100px;
  left: calc(50% - 50px);
}
.cn .animation017-content .animation017 .animation017-item:nth-child(7) .source1 {
  display: unset;
  width: 80%;
  height: 10%;
  position: absolute;
  top: 79%;
  right: 2%;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: none;
  color: #595959;
  z-index: 11;
  padding: 0;
}
.cn .animation017-content .animation017 .animation017-item:nth-child(7) .source2 {
  display: unset;
  width: 90%;
  height: 10%;
  position: absolute;
  top: 87%;
  left: 0;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: none;
  color: #595959;
  z-index: 11;
  padding: 0;
}
.cn .animation017-content .animation017 .animation017-item:nth-child(7) .source3 {
  display: none;
}
.cn .animation017-content .animation017 .animation017-item:nth-child(7) .source4 {
  display: none;
}
.en .animation017-content .animation017 .animation017-item:nth-child(7) .source3 {
  display: unset;
  width: 100%;
  height: 10%;
  position: absolute;
  top: 79%;
  right: 2%;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: none;
  color: #595959;
  z-index: 11;
  padding: 0;
}
.en .animation017-content .animation017 .animation017-item:nth-child(7) .source4 {
  display: unset;
  width: 100%;
  height: 10%;
  position: absolute;
  top: 87%;
  left: 0;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: none;
  color: #595959;
  z-index: 11;
  padding: 0;
}
.en .animation017-content .animation017 .animation017-item:nth-child(7) .source1 {
  display: none;
}
.en .animation017-content .animation017 .animation017-item:nth-child(7) .source2 {
  display: none;
}
@media (max-width: 1024px) {
  .animation017-content .animation017 {
    justify-content: flex-start;
  }
  .animation017-content .animation017-tip {
    margin-top: -15rem;
    width: 15%;
    height: 45rem;
    padding: 10rem 1rem 23.5rem 1rem;
    right: -50px;
  }
}
@media (max-width: 768px) {
  .animation017-content .animation017 {
    justify-content: flex-start;
  }
  .animation017-content .animation017 .animation017-item {
    width: 50% !important;
  }
  .animation017-content .animation017-tip {
    margin-top: -15rem;
    width: 24%;
    height: 45rem;
    padding: 10rem 1rem 23.5rem 1rem;
    right: -50px;
  }
}
@media (max-width: 480px) {
  .animation017-content .animation017 {
    justify-content: center;
    margin: 0;
  }
  .animation017-content .animation017 .animation017-item {
    width: 80% !important;
  }
  .animation017-content .animation017-tip {
    margin-top: -15rem;
    width: 35%;
    height: 45rem;
    padding: 15rem 1rem 23.5rem 1rem;
    right: -45px;
  }
}

.market .animation019 {
  width: 78%;
  display: flex;
  position: relative;
  margin: auto;
  margin-bottom: 100px;
  margin-top: 16rem;
}
.market .animation019 .click-point1 {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  bottom: 0;
  left: 50%;
}
.market .animation019 .animation019-bg {
  position: relative;
  margin: auto;
  width: calc(450px / 646 * 1209);
  height: 450px;
  background-image: url(/static/media/a019.1851f939.gif);
  background-size: 100% 100%;
}
.market .animation019 .animation019-title {
  width: 12rem;
  font-size: 1.8rem;
  position: absolute;
  left: calc(50% - 6rem);
  bottom: 10%;
  text-align: center;
}
.market .animation019 .animation019-panel {
  font-size: 16px;
  position: absolute;
  text-align: center;
  z-index: 2;
}
.market .animation019 .animation019-panel.s1 {
  left: calc(50% - 35rem);
  bottom: 90px;
}
.market .animation019 .animation019-panel.s2 {
  left: calc(50% - 28rem);
  bottom: 330px;
}
.market .animation019 .animation019-panel.s3 {
  left: calc(50% - 6rem);
  bottom: 480px;
}
.market .animation019 .animation019-panel.s4 {
  right: calc(50% - 28rem);
  bottom: 330px;
}
.market .animation019 .animation019-panel.s5 {
  right: calc(50% - 35rem);
  bottom: 90px;
}
.market .animation019 .animation019-panel .animation019-content {
  padding: 2rem;
  display: flex;
  flex-direction: column;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.5;
  align-items: center;
  justify-content: center;
  height: 7.125rem;
  width: 13rem;
  position: relative;
}
.market .animation019 .animation019-panel .animation019-content .view-more .view-more-btn {
  font-size: 1.25rem;
  font-weight: 400;
  opacity: 1 !important;
  height: auto;
  position: relative;
}
.market .animation019 .animation019-panel .animation019-content .view-more .view-more-btn .click-point1 {
  width: 40px;
  cursor: pointer;
  transform: rotate(270deg);
  position: absolute;
  bottom: 0;
  left: 90%;
}
.market .animation019 .animation019-panel .animation019-content .indicator {
  position: absolute;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 19px;
  font-weight: 400;
  line-height: 25px;
  right: -2rem;
  top: calc(50% - 16px);
}
.animation019-modal-header {
  display: flex;
  justify-content: space-between;
  padding-right: 35px;
}
.animation019-modal-header .animation019-modal-title {
  font-size: 2.625rem;
  border-left: 2px solid #597EF7;
  font-weight: 500;
  padding: 1.5rem;
  margin: 2.5rem;
  margin-top: 1rem;
  margin-bottom: 0;
}
.ant-modal-body {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.ant-modal-body img {
  width: 90%;
}
@media (max-width: 480px) {
  .animation019-modal {
    width: 100% !important;
  }
}

.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .animation020 {
  margin-bottom: 0rem!important;
}
.market .animation020-content {
  position: relative;
  margin-right: 3.5rem;
}
.market .animation020-content .animation020 {
  margin-right: 1.5rem;
  padding-bottom: 7rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.market .animation020-content .animation020 .animation020-item {
  height: 30rem;
  display: flex;
  flex-direction: column;
  z-index: 2;
  position: relative;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.market .animation020-content .animation020 .animation020-item .animation020-line {
  width: 100%;
  position: absolute;
  left: 0;
  top: 160px;
  border: 3px solid #000000;
  background-color: #000000;
}
.market .animation020-content .animation020 .animation020-item .animation020-head {
  position: relative;
  min-height: 8rem;
  width: 50%;
  text-align: center;
}
.market .animation020-content .animation020 .animation020-item .animation020-head .animation020-time,
.market .animation020-content .animation020 .animation020-item .animation020-head .animation020-title {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
}
.market .animation020-content .animation020 .animation020-item .animation020-list {
  width: 100%;
  text-align: left;
  margin-top: 30px;
  margin-left: 25%;
}
.market .animation020-content .animation020 .animation020-item .animation020-list .ant-timeline-item-head {
  background-color: transparent;
}
.market .animation020-content .animation020 .animation020-item .animation020-list .animation020-text {
  width: 100%;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
  text-align: left;
  min-height: 4.5rem;
  display: flex;
  align-items: baseline;
  font-family: Helvetica Neue;
}
.market .animation020-content .animation020 .animation020-item .animation020-list .animation020-text .animation020-detail-text {
  position: relative;
  top: -0.5rem;
}
.market .animation020-content .animation020 .animation020-item .animation020-list .animation020-text .ant-timeline-item-content {
  margin-left: 2.5rem;
}
.market .animation020-content .animation020 .animation020-item-0 .ant-timeline-item-tail {
  border-left: 3px solid #4F97FF;
}
.market .animation020-content .animation020 .animation020-item-1 .ant-timeline-item-tail {
  border-left: 3px solid #0CA39A;
}
.market .animation020-content .animation020 .animation020-item-2 .ant-timeline-item-tail {
  border-left: 3px solid #F58F5E;
}
.market .animation020-content .animation020 .animation020-item-3 .ant-timeline-item-tail {
  border-left: 3px solid #EDA926;
}
@media (max-width: 1024px) {
  .market .animation020-content .animation020 {
    justify-content: flex-start;
  }
  .market .animation020-content .animation020 .animation020-item {
    width: 33.33% !important;
  }
  .market .animation020-content .animation020 .animation020-item .animation020-line {
    left: 0;
    top: 135px;
  }
  .market .animation020-content .animation020 .animation020-item .animation020-list {
    margin-top: 60px;
  }
}
@media (max-width: 768px) {
  .market .animation020-content .animation020 {
    justify-content: flex-start;
  }
  .market .animation020-content .animation020 .animation020-item {
    width: 50% !important;
  }
}
@media (max-width: 480px) {
  .market .animation020-content .animation020 {
    justify-content: flex-start;
  }
  .market .animation020-content .animation020 .animation020-item {
    width: 100% !important;
  }
}

.market .animation021 {
  margin-right: 1.5rem;
  margin-left: 1.5rem;
}
.market .animation021 .animation021-content {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 1rem;
  gap: 1rem;
  justify-content: center;
  padding-right: 3.5rem;
  position: relative;
}
.market .animation021 .animation021-content .animation021-item {
  cursor: pointer;
  margin-top: 3rem;
  margin-bottom: 3rem;
  height: 25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 2;
}
.market .animation021 .animation021-content .animation021-item .animation021-icon {
  min-height: 15rem;
  height: 15rem;
  display: flex;
  align-items: center;
}
.market .animation021 .animation021-content .animation021-item .animation021-icon img {
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.market .animation021 .animation021-content .animation021-item .animation021-text {
  width: 10rem;
  font-weight: 400;
  font-size: 1.5rem;
  text-align: center;
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
  min-height: -webkit-fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
}
.market .animation021 .animation021-content .animation021-item .click-point {
  position: absolute;
  z-index: 10;
  width: 118px;
  bottom: -25px;
  left: 200px;
  transform: rotate(315deg);
}
@media (max-width: 1024px) {
  .market .animation021 .animation021-content .animation021-item .click-point {
    width: 65px;
    bottom: -155px;
    left: 56px;
  }
  .market .animation021 .animation021-content .animation021-item .animation021-text {
    min-height: 68px;
  }
  .market .animation021-content .animation021-item .click-point {
    width: 70px;
    bottom: -170px;
    left: 55px;
  }
  .market .animation021-content .animation021-item .animation021-line img {
    height: 100%;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.market .animation021 .animation021-content .animation021-item .click-point {
    width: 65px;
    bottom: 0;
    left: 15%;
  }
  .market .animation021 .animation021-content .animation021-item .animation021-text {
    width: 100%;
  }
  .market .animation021 .animation021-content {
    padding-right: 0;
  }
  .market .animation021-content {
    flex-wrap: wrap;
  }
  .market .animation021-content .animation021-item .animation021-line img {
    height: 100%;
  }
  .market .animation021 .animation021-content .animation021-item {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .market .animation021 .animation021-content .animation021-item .animation021-icon {
    width: 100%;
    height: 100%;
    min-height: 6.25rem;
  }
  .market .animation021 .animation021-content .background-line {
    top: 70%;
  }
}
@media (max-width: 480px) {
  .market .animation021 .animation021-content .animation021-item .animation021-text {
    width: 7rem;
    font-size: 1rem;
  }
  .market .animation021 .animation021-content .background-line {
    height: 2.125rem;
    top: 68%;
  }
  .market .animation021 .animation021-content .animation021-item {
    width: 10%;
  }
  .market .animation021 .animation021-content .animation021-item .animation021-icon {
    min-height: 4.25rem;
    width: 4.25rem;
    height: 4.25rem;
  }
  .market .animation021 .animation021-content .animation021-item .animation021-icon img {
    width: 70%;
    height: 70%;
  }
  .market .animation021 .animation021-content .click-point {
    width: 30% !important;
    bottom: 10% !important;
    left: 60% !important;
  }
}

.market .animation022 {
  margin-right: 1.5rem;
  margin-left: 1.5rem;
  margin-top: 20rem;
}
.market .animation022 .animation022-content {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 1rem;
  gap: 1rem;
  justify-content: space-around;
  padding-right: 3.5rem;
  margin-left: -48px;
  position: relative;
  margin-top: 15rem;
}
.market .animation022 .animation022-content .animation022-item {
  margin-top: 3rem;
  margin-bottom: 3rem;
  padding-left: 5rem;
  width: 100%;
  height: 25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 2;
  background-image: url(/static/media/a022-market.edf1b973.svg);
  background-repeat: no-repeat;
  position: relative;
}
.market .animation022 .animation022-content .animation022-item .click-point1 {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 100;
  transition: all 800ms linear 0s;
  bottom: -80px;
  right: -80px;
}
.market .animation022 .animation022-content .animation022-item .animation022-number {
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.5;
}
.market .animation022 .animation022-content .animation022-item .animation022-text {
  width: 70%;
  width: 10rem;
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.3;
  text-align: left;
  margin-left: 2rem;
  padding-left: 2rem;
  min-height: 110px;
  min-height: 150px;
}
.market .animation022 .animation022-content .animation022-item .click-point {
  position: absolute;
  z-index: 10;
  width: 118px;
  bottom: -25px;
  left: 200px;
  transform: rotate(315deg);
}
@media (max-width: 1024px) {
  .market .animation022 .animation022-content .animation022-item .click-point {
    width: 65px;
    bottom: -155px;
    left: 56px;
  }
  .market .animation022 .animation022-content .animation022-item .animation022-text {
    min-height: 68px;
  }
}
@media (max-width: 768px) {
  .market .animation022-content {
    flex-wrap: wrap;
  }
  .market .animation022-content .animation022-item .animation022-line img {
    height: 100%;
  }
  .market .animation022-content .animation022-item .click-point {
    width: 10%!important;
    bottom: -80% !important;
    left: 5% !important;
  }
  .market .animation022 .animation022-content .animation022-item .animation022-icon {
    width: 6.25rem;
    height: 6.25rem;
    min-height: 6.25rem;
  }
  .market .animation022 .animation022-content .background-line {
    top: 70%;
  }
}
@media (max-width: 480px) {
  .market .animation022 .animation022-content .animation022-item .animation022-text {
    width: 7rem;
    font-size: 1rem;
  }
  .market .animation022 .animation022-content .background-line {
    height: 2.125rem;
    top: 68%;
  }
  .market .animation022 .animation022-content .animation022-item {
    width: 10%;
  }
  .market .animation022 .animation022-content .animation022-item .animation022-icon {
    min-height: 4.25rem;
    width: 4.25rem;
    height: 4.25rem;
  }
  .market .animation022 .animation022-content .animation022-item .animation022-icon img {
    width: 70%;
    height: 70%;
  }
  .market .animation022 .animation022-content .click-point {
    width: 12% !important;
    bottom: -40% !important;
    left: 5% !important;
  }
}

.market .animation023 {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 0;
  gap: 0;
  margin-top: 21rem !important;
  margin-right: 2rem;
}
.market .animation023 .animation023-contaner {
  display: flex;
  grid-gap: 1rem;
  gap: 1rem;
  justify-content: space-between;
  width: 25%;
}
.market .animation023 .animation023-contaner .animation023-item {
  width: 100%;
  position: relative;
}
.market .animation023 .animation023-contaner .animation023-item img {
  width: 100%;
}
.market .animation023 .animation023-contaner .animation023-item .text {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  padding: 9rem 5rem 1rem 4rem;
  font-size: 1.4rem;
  line-height: 1.5;
}
.market .animation023 .animation023-contaner .animation023-item .text .highlight {
  font-weight: 700;
}

.animation024-modal .ant-modal-content .ant-modal-body .prev-button .click-point1 {
  position: absolute;
  bottom: 5rem;
  left: 5rem;
  width: 5rem;
  height: 5rem;
  transform: rotate(225deg);
}
.animation024-modal .ant-modal-content .ant-modal-body .next-button .click-point2 {
  position: absolute;
  bottom: 5rem;
  right: 5rem;
  width: 5rem;
  height: 5rem;
  transform: rotate(135deg);
}
.animation024-modal .ant-modal-content .animation024-modal-header {
  margin: 4rem;
  margin-bottom: 1rem;
  margin-top: 1rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 4rem;
  padding: 1rem;
  font-size: 2.625rem;
  font-weight: 500;
  border-left: 4px solid #D0B175;
  display: flex;
  align-items: center;
  justify-content: center;
}
.animation024-modal .ant-modal-content .ant-modal-body .next-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.8rem;
  width: 4.8rem;
  right: 0;
  bottom: 0;
  padding: 0;
}
.animation024-modal .ant-modal-content .ant-modal-body .next-button .arrow {
  margin: 0 auto;
}
.animation024-modal .ant-modal-content .ant-modal-body .prev-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.8rem;
  width: 4.8rem;
  left: 0;
  bottom: 0;
  padding: 0;
}
.animation024-modal .ant-modal-content .ant-modal-body .prev-button .arrow {
  margin: 0 auto;
}
.animation024-modal .ant-modal-content .ant-modal-body .hide {
  display: none;
}
.animation024-modal .ant-modal-content .ant-modal-body .border {
  margin-left: 12rem;
  margin-right: 12rem;
  margin-top: 0;
  margin-bottom: 1rem;
}
.animation024-modal .ant-modal-content .ant-modal-body .border img {
  width: 100%;
}
.animation024-modal .ant-modal-content .ant-modal-body .content {
  width: 37.5rem;
  margin-left: 12rem;
  margin-right: 12rem;
  margin-top: 0;
  margin-bottom: 5rem;
  background: rgba(234, 75, 108, 0.2);
  border-radius: 5px;
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: 400;
  padding: 1.5rem;
  text-align: left;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation024 {
  margin-right: 3.5rem;
  padding-bottom: 3.5rem;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation024 .animation024-content {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: 635px;
  grid-gap: 2rem;
  gap: 2rem;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item {
  margin-bottom: 3rem;
  width: calc(50% - 2rem);
  height: 20%;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .sub-task-text {
  position: relative;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .sub-task-text .click-point1 {
  width: 40px !important;
  position: absolute;
  bottom: -50%;
  right: -25%;
  transform: rotate(315deg);
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .sub-task-text .ant-btn {
  background: #F26927;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 20px;
  cursor: pointer;
  margin-top: 0.5rem;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .sub-task-text .ant-btn > span {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  color: #FFFFFF;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .animation024-text {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  padding-left: 20px;
}
@media (max-width: 1024px) {
  .animation024 .animation024-content {
    padding-right: 0!important;
  }
  .animation024 .animation024-content .animation024-item {
    height: 5.5rem;
    margin-bottom: 1rem;
  }
  .animation024 .animation024-content .animation024-item .animation024-indicate-number .animation024-icon {
    width: 5.5rem;
    height: 5.5rem;
  }
  .animation024 .animation024-content .animation024-item .animation024-indicate-number .number {
    text-align: center;
  }
  .animation024 .animation024-content .animation024-item .animation024-indicate-number .animation024-icon img {
    max-width: 50% !important;
    max-height: 50% !important;
  }
}
@media (max-width: 768px) {
  .animation024 .animation024-content {
    flex-wrap: wrap;
  }
  .animation024 .animation024-content .animation024-item {
    padding-left: 2rem !important;
  }
  .animation024 .animation024-content .animation024-item .animation024-indicate-number {
    min-width: 11rem;
    height: 3.625rem;
  }
  .animation024 .animation024-content .animation024-item .animation024-indicate-number .number {
    text-align: center;
  }
  .animation024 .animation024-content .animation024-item .animation024-indicate-number .animation024-icon {
    width: 5.5rem;
    height: 5.5rem;
  }
}
@media (max-width: 480px) {
  .animation024-modal {
    width: 100% !important;
  }
  .animation024-modal .ant-modal-content .animation024-modal-header {
    margin-left: 0;
  }
  .animation024-modal .ant-modal-content .ant-modal-body .next-button .click-point2 {
    bottom: 0rem;
    transform: rotate(90deg);
  }
  .animation024-modal .ant-modal-content .ant-modal-body .prev-button .click-point1 {
    bottom: 0;
    transform: rotate(270deg);
  }
  .animation024-modal .ant-modal-content .ant-modal-body .content {
    width: 100%;
    margin-top: 2rem;
    font-size: 1.4rem;
  }
  .animation024-modal .ant-modal-content .ant-modal-body .border {
    margin: 0;
  }
  .animation024 .animation024-content {
    width: 105%;
  }
  .animation024 .animation024-content .animation024-item {
    padding-left: 0 !important;
    height: 4rem;
  }
  .animation024 .animation024-content .animation024-item .animation024-indicate-number {
    min-width: 9rem;
    height: 2.625rem;
  }
  .animation024 .animation024-content .animation024-item .animation024-indicate-number .number {
    font-size: 1.8rem;
  }
  .animation024 .animation024-content .animation024-item .animation024-indicate-number .animation024-icon {
    width: 4rem;
    height: 4rem;
  }
  .animation024 .animation024-content .animation024-item .animation024-indicate-number .animation024-icon img {
    max-width: 35%;
    max-height: 35%;
  }
  .animation024 .animation024-content .animation024-item .animation024-text {
    font-size: 1rem;
    padding-left: 15px;
  }
}

.market .component003 {
  position: relative;
}
.market .component003 .component003-tip {
  border: 1px solid #000;
  border-radius: 47%;
  position: absolute;
  font-size: 1.5rem;
  padding: 4rem;
  text-align: left;
  max-width: 42rem;
  min-height: 9rem;
  display: flex;
  align-items: center;
}
.market .component003 .component003-tip .tip-text {
  z-index: 1;
}
.market .component003 .tip-arrow {
  position: absolute;
  left: -82px;
  top: calc(50% - 15px);
  background: #fff;
  height: 24px;
  width: 128px;
}
.market .component003 .tip-arrow .line1 {
  width: 64px;
  height: 1px;
  background: #000;
  transform: rotate(-12deg);
  position: absolute;
  top: 5px;
  right: 43px;
}
.market .component003 .tip-arrow .line2 {
  width: 61px;
  height: 1px;
  background: #000;
  transform: rotate(12deg);
  position: absolute;
  bottom: 5px;
  right: 46px;
}
.market .component003.position-left img {
  max-width: 40vw;
  position: relative;
  z-index: 11;
}
.market .component003.position-left .component003-tip {
  margin-left: 300px;
  padding: 4rem;
}
.market .component003.position-right {
  text-align: right;
}
.market .component003.position-right img {
  max-width: 40vw;
  position: relative;
  z-index: 10;
}
.market .component003.position-right .component003-tip {
  right: 0;
  margin-right: 18%;
  padding: 3rem;
  z-index: 11;
}
.market .component003.position-right .component003-tip .tip-arrow {
  left: unset;
  right: -107px;
  top: calc(50% - 15px);
}
.market .component003.position-right .component003-tip .tip-arrow .line1 {
  transform: rotate(12deg);
  position: absolute;
  top: 5px;
  right: 46px;
}
.market .component003.position-right .component003-tip .tip-arrow .line2 {
  transform: rotate(-12deg);
  position: absolute;
  bottom: 5px;
  right: 46px;
}
@media (max-width: 1024px) {
  .market .component003 .tip-arrow {
    left: -77px;
  }
  .market .component003 .tip-arrow .line1 {
    width: 55px;
    transform: rotate(-14deg);
    top: 6px;
    right: 43px;
  }
  .market .component003 .tip-arrow .line2 {
    width: 52px;
    transform: rotate(12deg);
    bottom: 5px;
    right: 47px;
  }
  .market .component003.position-left .component003-tip {
    margin-left: 28vw;
  }
  .market .component003.position-right .component003-tip .tip-arrow {
    right: -97px;
  }
  .market .component003.position-right .component003-tip .tip-arrow .line1 {
    width: 58px;
    top: 6px;
    right: 44px;
  }
  .market .component003.position-right .component003-tip .tip-arrow .line2 {
    width: 54px;
    bottom: 5px;
    right: 45px;
  }
}
@media (max-width: 768px) {
  .market .component003.position-left .component003-tip {
    margin-left: 38vw;
  }
  .market .component003.position-right .component003-tip {
    right: 0;
    margin-right: 43% !important;
    padding: 6% !important;
  }
  .market .component003.position-right .tip-text span {
    font-size: 1rem !important;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component003.position-right .component003-tip {
    right: 0;
    margin-right: 43% !important;
    padding: 6% !important;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component003.position-right .tip-text span {
    font-size: 15px !important;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component003.position-left .component003-tip {
    font-size: 1rem;
    padding: 3rem;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component003.position-left .component003-tip span {
    font-size: 1rem !important;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component003.position-left.market200 .tip-arrow {
    left: -79px;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component003.position-left.market200 .tip-arrow .line1 {
    width: 54px;
    right: 45px;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component003.position-left.market600-1-c003 .tip-arrow {
    left: -80px;
  }
  .cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content .component003.position-left.market600-1-c003 .tip-arrow .line1 {
    width: 54px;
    right: 45px;
  }
}

.market .RealCase.Moblie {
  display: none;
}
.market .RealCase.Desktop {
  width: calc(100% + 7rem);
  margin-left: -3.5rem;
  margin-right: -3.5rem;
  margin-bottom: 50px;
  position: relative;
}
.market .RealCase.Desktop img {
  width: 100%;
  z-index: 1;
}
.market .RealCase.Desktop.p1 .source1 {
  width: 19%;
  height: 2.5%;
  position: absolute;
  top: 84.5%;
  left: 62%;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: none;
  font-size: 24px;
  color: #595959;
  z-index: 2;
}
.market .RealCase.Desktop.p1 .source2 {
  width: 16%;
  height: 2.5%;
  position: absolute;
  bottom: 10%;
  right: 22%;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: none;
  font-size: 24px;
  color: #595959;
  z-index: 2;
}
.market .RealCase.Desktop.p1 .source3 {
  display: none;
}
.market .RealCase.Desktop.p1 .source4 {
  display: none;
}
.market .RealCase.Desktop.p2 .source1 {
  display: none;
}
.market .RealCase.Desktop.p2 .source2 {
  display: none;
}
.market .RealCase.Desktop.p2 .source3 {
  width: 15%;
  height: 2.5%;
  position: absolute;
  top: 66%;
  left: 61%;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: none;
  font-size: 24px;
  color: #595959;
  z-index: 2;
}
.market .RealCase.Desktop.p2 .source4 {
  display: none;
}
.market .RealCase.Desktop.p3 .source1 {
  display: none;
}
.market .RealCase.Desktop.p3 .source2 {
  display: none;
}
.market .RealCase.Desktop.p3 .source3 {
  display: none;
}
.market .RealCase.Desktop.p3 .source4 {
  width: 15%;
  height: 2.5%;
  position: absolute;
  top: 88.5%;
  left: 61%;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: none;
  font-size: 24px;
  color: #595959;
  z-index: 2;
}
@media (max-width: 768px) {
  .market .RealCase.Desktop {
    display: none;
  }
  .market .RealCase.Moblie {
    display: block;
    width: 100%;
    margin-left: -3.5rem;
    margin-right: -3.5rem;
    margin-bottom: 50px;
    position: relative;
  }
  .market .RealCase.Moblie img {
    width: calc(100% + 7rem);
    z-index: 1;
  }
  .market .RealCase.Moblie.p1 .source1 {
    width: 60%;
    height: 2.5%;
    position: absolute;
    top: 90.5%;
    left: 5%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 24px;
    color: #595959;
    z-index: 2;
  }
  .market .RealCase.Moblie.p1 .source2 {
    width: 60%;
    height: 2.5%;
    position: absolute;
    top: 93.5%;
    left: 5%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 24px;
    color: #595959;
    z-index: 2;
  }
  .market .RealCase.Moblie.p1 .source3 {
    display: none;
  }
  .market .RealCase.Moblie.p1 .source4 {
    display: none;
  }
  .market .RealCase.Moblie.p2 .source1 {
    display: none;
  }
  .market .RealCase.Moblie.p2 .source2 {
    display: none;
  }
  .market .RealCase.Moblie.p2 .source3 {
    width: 15%;
    height: 2.5%;
    position: absolute;
    top: 66%;
    left: 61%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 24px;
    color: #595959;
    z-index: 2;
  }
  .market .RealCase.Moblie.p2 .source4 {
    display: none;
  }
  .market .RealCase.Moblie.p3 .source1 {
    display: none;
  }
  .market .RealCase.Moblie.p3 .source2 {
    display: none;
  }
  .market .RealCase.Moblie.p3 .source3 {
    display: none;
  }
  .market .RealCase.Moblie.p3 .source4 {
    width: 63%;
    height: 3.5%;
    position: absolute;
    top: 91%;
    left: 5%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 24px;
    color: #595959;
    z-index: 2;
  }
}

.market .component005 {
  margin-top: 250px;
  position: relative;
}
.market .component005 .click-point1 {
  position: absolute;
  z-index: 10;
  width: 80px;
  top: 0;
  left: 280px;
  transform: rotate(270deg);
  cursor: pointer;
  z-index: 100;
}
.market .component005.no-tabs {
  margin-top: 20rem;
}
.market .component005.no-tabs .ant-tabs-nav-list {
  display: none;
}
.market .component005.no-tabs .click-point1 {
  display: none;
}
.market .component005.no-title {
  margin-top: 0;
}
.market .component005.no-title .component005-topic-tab .ant-tabs-tabpane .component005-component003 {
  display: none;
}
.market .component005 .component005-topic-tab {
  overflow: visible !important;
  margin-right: 3.5rem;
  margin-bottom: 142px;
}
.market .component005 .component005-topic-tab.tab2 .ant-tabs-tab.ant-tabs-tab-active {
  background-color: #F1F7FF;
}
.market .component005 .component005-topic-tab.tab2 .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #000 !important;
}
.market .component005 .component005-topic-tab.tab2 .ant-tabs-tabpane {
  background-color: #F1F7FF;
}
.market .component005 .component005-topic-tab.tab2 .ant-tabs-tabpane .component005-card-item-title {
  color: #0C53A3 !important;
  border-color: #0C53A3 !important;
}
.market .component005 .component005-topic-tab.tab2 .ant-tabs-tabpane .component005-card-item-title > div {
  border-color: #0C53A3 !important;
}
.market .component005 .component005-topic-tab.tab2 .ant-tabs-tabpane .component005-card-item-content {
  background: #0C53A3 !important;
}
.market .component005 .component005-topic-tab .ant-tabs-tab {
  font-size: 1.3125rem;
  font-weight: 400;
  line-height: 2.8;
  color: #333333;
  background-color: #ECECEC;
  border: none;
  padding-left: 1.375rem;
  padding-right: 1.375rem;
  margin-right: 0.625rem;
}
.market .component005 .component005-topic-tab .ant-tabs-tab.ant-tabs-tab-active {
  background-color: #FFF3E4;
}
.market .component005 .component005-topic-tab .ant-tabs-tabpane {
  min-height: 360px;
  background-color: #FFF3E4;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  position: relative;
}
.market .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 {
  width: 100%;
  height: 280px;
  position: absolute;
  top: -280px;
}
.market .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip {
  border: 1px solid #000;
  border-radius: 47%;
  position: absolute;
  font-size: 1.75rem;
  padding: 4rem;
  text-align: left;
  max-width: 38rem;
  min-height: 9rem;
  display: flex;
  align-items: center;
  right: 120px;
  margin-right: 25%;
  padding: 3rem;
  bottom: 2rem;
}
.market .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip .tip-text {
  z-index: 1;
  font-size: 1.2rem;
  line-height: 1.5;
}
.market .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip .tip-arrow {
  position: absolute;
  top: calc(50% - 15px);
  left: unset;
  right: -107px;
  background: #fff;
  height: 24px;
  width: 128px;
}
.market .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip .tip-arrow .line1 {
  width: 64px;
  height: 1px;
  background: #000;
  transform: rotate(12deg);
  position: absolute;
  top: 5px;
  right: 46px;
}
.market .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip .tip-arrow .line2 {
  width: 61px;
  height: 1px;
  background: #000;
  transform: rotate(-12deg);
  position: absolute;
  bottom: 5px;
  right: 46px;
}
.market .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 img {
  max-width: 40vw;
  position: absolute;
  z-index: 10;
  left: 73%;
  bottom: 0;
  top: unset;
}
.market .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list {
  margin: 2.125rem 2.25rem;
  display: flex;
  grid-gap: 0.625rem;
  gap: 0.625rem;
  justify-content: space-between;
}
.market .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.8125rem;
  color: #fff;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-left: 6px;
  padding-right: 6px;
  position: relative;
  margin-bottom: 0;
}
.market .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-title {
  color: #E7444E;
  border: 2px solid rgba(231, 68, 78, 0.6);
  border-radius: 10px;
  padding: 1.75rem 1.25rem 0.75rem;
  width: 100%;
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 1.125rem;
}
.market .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-title > div {
  display: flex;
  align-items: center;
  height: 4.375rem;
  padding-bottom: 1rem;
  border-bottom: 2.25px solid rgba(231, 68, 78, 0.6);
}
.market .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content {
  background: #E7444E;
  border-radius: 10px;
  padding: 1.25rem;
  min-height: 12rem;
  align-items: center;
  flex-direction: column;
  display: flex;
}
.market .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content .text {
  height: 60%;
}
.market .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content .img {
  width: 109px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.market .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content .img img {
  width: auto;
  height: 55px;
}
.market .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .clickable {
  border-radius: 10px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #999;
  display: flex;
  cursor: pointer;
}
.market .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .clickable .click-point {
  width: 7rem;
  position: absolute;
  bottom: -2rem;
  left: calc(50% - 3.5rem);
}
.market .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .clickable .clickable-label {
  width: 100%;
  text-align: center;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
@media (max-width: 1024px) {
  .market .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 img {
    left: 65%;
  }
  .market .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content {
    height: 100%;
  }
  .market .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003.position-right .component003-tip {
    margin-right: 35%;
  }
  .market .component005 .click-point1 {
    width: 60px;
    left: 180px;
  }
  .market .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content .img img {
    width: auto;
    height: 50%;
  }
}
@media (max-width: 768px) {
  .market .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 img {
    left: 55%;
    bottom: 0;
    height: 200px;
  }
  .market .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 {
    top: -200px;
  }
  .market .component005 .component005-topic-tab {
    width: 97%;
  }
  .market .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003 .component003-tip .tip-text {
    font-size: 1rem;
  }
  .market .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list {
    display: flex;
    flex-wrap: wrap;
  }
  .market .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item {
    width: 48% !important;
  }
  .market .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content {
    width: 100%;
  }
  .market .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content .img img {
    width: auto;
    height: 75%;
  }
  .market .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip .tip-text {
    font-size: 1rem;
    line-height: 1.1rem;
  }
}
@media (max-width: 480px) {
  .market .component005 .component005-topic-tab {
    width: 97%;
  }
  .market .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003 .component003-tip .tip-text {
    font-size: 0.5rem;
  }
  .market .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .market .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item {
    width: 100% !important;
  }
  .market .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content {
    width: 100%;
  }
  .market .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-title {
    width: 100%;
  }
  .market .component005 .click-point1 {
    width: 30px;
    left: 170px;
    top: 10px;
  }
  .market .component005-component003 .component003-tip {
    width: 160px;
    left: 0;
    top: -7%;
    padding: 2rem !important;
  }
  .market .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip .tip-text {
    line-height: 1.3rem;
  }
  .market .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 img {
    height: 130px;
  }
  .market .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 {
    top: -130px;
    height: 130px;
  }
}
.market .component005 .component005-topic-tab .ant-tabs-nav {
  z-index: 10;
}

.component008 {
  position: relative;
  margin-right: 3.5rem;
}
.component008 .tip-text {
  width: 14.125rem;
  height: 26.875rem;
  background: url(/static/media/c008-board1.729d82e7.svg) no-repeat center center;
  background-size: 100%;
  padding: 3.5rem 2rem 11rem 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 12rem;
  top: -10rem;
  font-size: 1.25rem;
  line-height: 2rem;
}
.component008 .component008-person {
  width: 14rem;
  height: auto;
  position: absolute;
  right: 0;
  top: -8.5rem;
}

.market.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview {
  background-color: #fff7e1;
}
.market.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-progress-bar .ant-progress-text {
  color: #D0B175;
}
.market.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .ant-progress-circle-trail {
  stroke: #d0b175 !important;
  opacity: 0.2;
}
.market.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .ant-progress-circle-path {
  stroke: #D0B175 !important;
}
.market.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.active .step-dot {
  border-color: #D0B175;
}
.market.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.active .step-dot .active-dot {
  background-color: #D0B175;
}
.market.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.completed .step-dot {
  border-color: #D0B175;
  background-color: #D0B175;
}
.market.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.completed .step-line {
  background-color: #D0B175;
}
.market.cyber-security-training-page.course-page .ant-layout-content .course-left-side .paragraphs .paragraph.active {
  border-color: #D0B175;
  background-color: rgba(202, 202, 202, 0.1);
}
.market.cyber-security-training-page.course-page .ant-layout-content .course-left-side .paragraphs .state .in-progress {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJASURBVHgBlVRBdtpADJXGYV33Bu4JsE8A3bcFToB9gpLXwOsO2PWRtHADnBPg13QfcgLDDdwTlG6T2IrGnhmcGD/gbzzjGX19aSQh1CBeXbWFEB0CagOQA4A2f3f8TRBwnWV06/WuN4dssUo2cNBqLIGgDceAGFH6eOn1Fkkt6fbPqE9ptihUKRAkIIAVZaxS2EDoFsoNdmjhoPlpdlshLQgp3JPRmgimXu9mDZVortr88VFg3xBZ6GtiNCGLi1grpIw4pJsFHAGTT5h4rBVT9uTJVIjCS2NeIpyWCePVt+7m93AZr4b+W1K+N5EC1NbO30LysUoXRSNWyQjdL9eBUV96MOVsckgxO70v3fvISi1fH3JO98kWjfuTKqCwm+532BWck5baJPpRVKgOnIjcjjApxGBLaGOWvTW+EDpwNkg1AjlCPxBa8M+cC7DhTBDRf7W0RdF6Mi/w3lxI6S+cCUR8p5Y7GX6S/xTQLPmN4FwguGqRCM7lg/rtqE7hxP+M+NL6VD5l5+RymE/m1KjiVhsbrakVSK+nkHLo/dI2FHk5aFVcl/FqNCjU/kjczuwDZRDweVTnYHs3GvO5r+wjOQ5V73/n3n82vc+1Nml+nk3hCLZ3w6/sVLc0977lSTFmSsmC58da7mOCUHZY3ZTKU1XqOMrSwOv9CgvTV5clMc1fzVNZHYgbNfV5nkJlnjLhpSaskJpUYDrnky4cQz5zLwIZcvk31t1n1bLufERqsVKH11L9jokSInyQtXwoNRIvcjsSyVjae4QAAAAASUVORK5CYII=);
  background-size: cover;
}
.market.cyber-security-training-page.course-page .ant-layout-content .course-body .next-topic-button {
  background-color: #D0B175;
}
.market.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .title {
  border-color: #D0B175;
}
.market.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .title .l2 {
  color: #D0B175;
}
.market.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body {
  border-color: #D0B175;
}
.market.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-last-button {
  border-color: #D0B175;
}
.market.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-last-button span {
  color: #D0B175;
}
.market.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-submit-button {
  background-color: #D0B175;
}
.market.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-submit-button[disabled] {
  background-color: #d0b175;
  border-color: #D0B175;
}
.market.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area.correct .ant-btn-link {
  color: #0CA3A3;
}
.market.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area.wrong .ant-btn-link {
  color: #E7444E;
}
.market.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
  background: #D0B175;
}
.market.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab.active .number {
  border-color: #D0B175;
}
.market.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.index .course-landing {
  background: linear-gradient(90deg, #A2BC80 0%, #FFE8AC 0.01%, #FFE2AA 100%);
}
.market.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.welcome .course-landing {
  background: linear-gradient(90deg, #A2BC80 0%, #FFE8AC 0.01%, #FFE2AA 100%);
}
.market.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.t900 .course-landing {
  background: linear-gradient(90deg, #A2BC80 0%, #FFE8AC 0.01%, #FFE2AA 100%);
}
.market.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.t930 .course-landing {
  background: linear-gradient(90deg, #A2BC80 0%, #FFE8AC 0.01%, #FFE2AA 100%);
}
.market.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.t1200 .course-landing {
  background: linear-gradient(90deg, #A2BC80 0%, #FFE8AC 0.01%, #FFE2AA 100%);
}
.market.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.t1400 .course-landing {
  background: linear-gradient(90deg, #A2BC80 0%, #FFE8AC 0.01%, #FFE2AA 100%);
}
.market.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.quiz .course-landing {
  background: linear-gradient(90deg, #A2BC80 0%, #FFE8AC 0.01%, #FFE2AA 100%);
}
.market.cyber-security-training-page.course-page .ant-layout-content .ant-radio-checked .ant-radio-inner {
  border-color: #D0B175;
}
.market.cyber-security-training-page.course-page .ant-layout-content .ant-radio-inner::after {
  background-color: #D0B175;
}
.market.cyber-security-training-page.course-page .ant-layout-content .ant-radio-wrapper:hover .ant-radio,
.market.cyber-security-training-page.course-page .ant-layout-content .ant-radio:hover .ant-radio-inner,
.market.cyber-security-training-page.course-page .ant-layout-content .ant-radio-input:focus + .ant-radio-inner {
  border-color: #D0B175;
}
.cyber-security-training-page.course-page.market .ant-layout-content .course-body .course-body-content.quiz .progress .progress-line {
  background-color: #D0B175;
}
.market.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass .cert-download-input .cert-download-button {
  background-color: #D0B175;
}
.market.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-retry-button {
  background-color: #D0B175;
}

@media (max-width: 1024px) {
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation {
    margin-left: -2rem;
    width: calc(100% + 4rem);
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .avater {
    width: 12vw!important;
    height: 12vw!important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message {
    width: 75vw!important;
    height: 15vw!important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message-text {
    font-size: 1.2rem !important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message-text {
    padding: 1vw 1vw 1vw 15vw!important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message-text {
    padding: 1.2vw 15vw 1vw 1vw !important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message-text {
    padding: 1vw 1vw 1vw 15vw!important;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message-text {
    padding: 2vw 13vw 2vw 2vw !important;
  }
}

@media (max-width: 1024px) {
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation {
    margin-left: -2rem;
    width: calc(100% + 4rem);
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .avater {
    width: 12vw!important;
    height: 12vw!important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message {
    width: 75vw!important;
    height: 15vw!important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message-text {
    font-size: 1.2rem !important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message-text {
    padding: 1vw 1vw 1vw 15vw!important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message-text {
    padding: 1.2vw 15vw 1vw 1vw !important;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message-text {
    padding: 2vw 13vw 2vw 2vw !important;
  }
}

.customer .animation006 {
  width: 1024px;
  display: flex;
  position: relative;
  margin: auto;
  margin-bottom: 100px;
}
.customer .animation006 .click-point {
  position: absolute;
  width: 50px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  bottom: -10%;
  left: 50%;
  z-index: 99;
}
.customer .animation006 .animation006-bg {
  position: relative;
  margin: auto;
  width: 1024px;
  height: 582px;
  background-image: url(/static/media/social-media-bg.f452d92d.png);
  background-size: 100% 100%;
}
.customer .animation006 .animation006-gif {
  position: absolute;
  margin: auto;
  width: 270px;
  z-index: 10;
  bottom: -10px;
  left: calc(50% - 135px);
}
.customer .animation006 .animation006-radius {
  position: absolute;
  margin: auto;
  width: 270px;
  height: 270px;
  border-radius: 50%;
  background-color: #F26927;
  font-size: 28px;
  font-weight: 300;
  text-align: center;
  word-wrap: break-word;
  color: #FFFFFF;
  z-index: 10;
  bottom: 0;
  left: calc(50% - 135px);
  display: flex;
  justify-content: center;
  align-items: center;
}
.customer .animation006 .animation006-panel {
  font-size: 16px;
  position: absolute;
  border-radius: 23px;
  box-shadow: 0px 2.38095px 28.5713px rgba(0, 0, 0, 0.08);
  background-color: #fff;
  text-align: center;
}
.customer .animation006 .animation006-panel.s1 {
  left: 9px;
  bottom: 112px;
}
.customer .animation006 .animation006-panel.s2 {
  left: 60px;
  bottom: 270px;
}
.customer .animation006 .animation006-panel.s3 {
  left: 205px;
  bottom: 428px;
}
.customer .animation006 .animation006-panel.s4 {
  right: 205px;
  bottom: 428px;
}
.customer .animation006 .animation006-panel.s5 {
  right: 60px;
  bottom: 270px;
}
.customer .animation006 .animation006-panel.s6 {
  right: 9px;
  bottom: 112px;
}
.customer .animation006 .animation006-panel .animation006-content {
  padding: 31px 22px;
  display: flex;
  flex-direction: column;
  font-size: 21px;
  font-weight: 400;
  line-height: 27px;
  align-items: center;
  justify-content: center;
  height: 116px;
  width: 275px;
  position: relative;
}
.customer .animation006 .animation006-panel .animation006-content .view-more .view-more-btn {
  font-size: 21px;
  font-weight: 400;
  opacity: 1 !important;
  height: auto;
  position: relative;
}
.customer .animation006 .animation006-panel .animation006-content .view-more .view-more-btn .click-point1 {
  width: 40px;
  cursor: pointer;
  transform: rotate(270deg);
  position: absolute;
  bottom: 0;
  left: 90%;
}
.customer .animation006 .animation006-panel .animation006-content .indicator {
  position: absolute;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  background: #E7444E;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 19px;
  font-weight: 400;
  line-height: 25px;
  left: -16px;
  top: -16px;
}
.animation006-modal-header {
  display: flex;
  justify-content: space-between;
  padding-right: 35px;
}
.animation006-modal-header .animation006-modal-title {
  border-left: 4px solid #A3D4CA;
  padding: 1rem;
  font-size: 2rem;
  color: unset;
  background-color: unset;
  border-radius: unset;
  line-height: unset;
  font-weight: unset;
}
.animation006-modal-header .animation006-modal-link {
  max-width: 50%;
  font-size: 1.125rem;
  color: #fff;
  background-color: #E7444E;
  border-radius: 12px;
  line-height: 1.6;
  font-weight: 700;
  padding: 0.5625rem 1rem;
  margin-left: 20px;
}
.animation006-modal-header .animation006-modal-link a {
  color: white;
  text-decoration: underline;
}
.animation006-modal .ant-modal-body {
  display: flex;
  justify-content: center;
  position: relative;
  min-height: 456px;
}
.animation006-modal .ant-modal-body img {
  width: 100%;
  height: 100%;
  margin-bottom: 50px;
}
.animation006-modal .ant-modal-body .hide {
  display: none;
}
.animation006-modal .ant-modal-body .next-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 3.8rem;
  width: 4.8rem;
  right: 0;
  bottom: 0;
}
.animation006-modal .ant-modal-body .prev-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 3.8rem;
  width: 4.8rem;
  left: 0;
  bottom: 0;
}
@media (max-width: 1024px) {
  .customer .animation006-modal {
    width: 100%;
    height: 100%;
  }
  .customer .animation006-modal .ant-modal-body {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    position: relative;
    min-height: 456px;
  }
  .customer .animation006-modal .ant-modal-body .hide {
    display: none;
  }
  .customer .animation006-modal .ant-modal-body .next-button {
    position: absolute;
    background: #FFC53D;
    border-radius: 0px;
    height: 4.5rem;
    width: 4.5rem;
    right: 0;
    bottom: 0;
  }
  .customer .animation006-modal .ant-modal-body .prev-button {
    position: absolute;
    background: #FFC53D;
    border-radius: 0px;
    height: 4.5rem;
    width: 4.5rem;
    left: 0;
    bottom: 0;
  }
  .customer .animation006-modal .ant-modal-body img {
    width: 100%;
    height: 100%;
  }
  .customer .animation006 {
    width: 100%;
    display: flex;
    position: relative;
    margin: auto;
    margin-bottom: 6.25rem;
  }
  .customer .animation006 .animation006-radius {
    width: 25vw;
    height: 25vw;
    font-size: 2.4rem;
    padding: 2rem;
    left: calc(50% - 12.5vw);
  }
  .customer .animation006 .animation006-bg {
    width: calc(100vw - 4rem);
    height: calc((100vw - 4rem) * 595 / 1024);
  }
  .customer .animation006 .animation006-gif {
    width: 26%;
    left: 37%;
  }
  .customer .animation006 .animation006-panel {
    border-radius: 1.5rem;
  }
  .customer .animation006 .animation006-panel .animation006-content {
    width: 26vw;
    height: auto;
    min-height: 7rem;
    padding: 1.5rem 1rem;
    font-size: 1.8rem;
  }
  .customer .animation006 .animation006-panel .animation006-content .indicator {
    font-size: 1.2rem;
    width: 2.5rem;
    height: 2.5rem;
    left: -1rem;
    top: -1rem;
  }
  .customer .animation006 .animation006-panel.s1 {
    left: 2vw;
    bottom: 5vw;
  }
  .customer .animation006 .animation006-panel.s2 {
    left: 5vw;
    bottom: 23vw;
  }
  .customer .animation006 .animation006-panel.s3 {
    left: 20vw;
    bottom: 40vw;
  }
  .customer .animation006 .animation006-panel.s4 {
    right: 20vw;
    bottom: 40vw;
  }
  .customer .animation006 .animation006-panel.s5 {
    right: 5vw;
    bottom: 23vw;
  }
  .customer .animation006 .animation006-panel.s6 {
    right: 2vw;
    bottom: 5vw;
  }
  .customer .animation006 .animation006-panel .animation006-content .view-more-btn {
    font-size: 1.5rem !important;
  }
  .customer .animation006 .animation006-panel .animation006-content .click-point1 {
    width: 30px !important;
  }
}
@media (max-width: 768px) {
  .customer .animation006 .animation006-panel .animation006-content .view-more-btn {
    font-size: 1.5rem;
    height: auto;
    padding: 0 !important;
  }
  .customer .animation006 .animation006-radius {
    font-size: 1.5rem;
  }
  .customer .animation006 {
    margin-top: 5rem;
  }
  .customer .animation006 .animation006-panel .animation006-content {
    font-size: 1.2rem;
    line-height: 1.4;
    width: 25vw;
    padding: 0.5rem 0.5rem;
  }
  .customer .animation006 .animation006-panel .animation006-content .view-more .view-more-btn {
    font-size: 10px !important;
  }
  .customer .animation006 .animation006-panel .animation006-content .view-more .view-more-btn .click-point1 {
    bottom: -10%;
    left: 100%;
  }
  .customer .animation006 .animation006-panel .animation006-content .indicator {
    font-size: 1rem;
    width: 2rem;
    height: 2rem;
    left: -1rem;
    top: -1rem;
  }
  .customer .animation006 .animation006-panel .animation006-content .view-more-btn {
    font-size: 12px;
  }
  .customer .animation006 .animation006-panel .animation006-content .click-point1 {
    width: 20px !important;
  }
}
@media (max-width: 480px) {
  .customer .animation006 .animation006-panel .animation006-content .view-more-btn {
    font-size: 10px;
  }
  .customer .animation006 .animation006-panel .animation006-content .click-point1 {
    width: 20px !important;
  }
  .customer .animation006 {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }
  .customer .animation006 .animation006-radius {
    font-size: 1rem;
  }
  .customer .animation006 .animation006-panel .animation006-content {
    padding: 0.5rem;
    line-height: 11px;
    min-height: 5rem;
    width: 27vw;
  }
  .customer .animation006 .animation006-panel .animation006-content .view-more {
    margin-left: 0px;
  }
  .customer .animation006 .animation006-panel .animation006-content .view-more .view-more-btn {
    font-size: 8px;
    border: 0;
  }
  .customer .animation006 .animation006-panel .animation006-content .view-more img {
    width: 20px !important;
  }
  .customer .animation006 .animation006-panel.s1 {
    left: 2vw;
    bottom: -25vw;
  }
  .customer .animation006 .animation006-panel.s2 {
    left: 2vw;
    bottom: 5vw;
  }
  .customer .animation006 .animation006-panel.s3 {
    left: 16vw;
    bottom: 35vw;
  }
  .customer .animation006 .animation006-panel.s4 {
    right: 16vw;
    bottom: 40vw;
  }
  .customer .animation006 .animation006-panel.s5 {
    right: 2vw;
    bottom: 10vw;
  }
  .customer .animation006 .animation006-panel.s6 {
    right: 2vw;
    bottom: -20vw;
  }
  .customer .animation006-modal {
    width: 100% !important;
  }
  .customer .animation006-modal .animation006-modal-header .animation006-modal-title {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .customer .animation006-modal .ant-modal-body {
    display: flex;
    justify-content: center;
    position: relative;
    min-height: 300px;
  }
  .customer .animation006-modal .ant-modal-body img {
    width: 100%;
    height: 100%;
    margin-bottom: 50px;
  }
  .customer .animation006-modal .ant-modal-body .hide {
    display: none;
  }
  .customer .animation006-modal .ant-modal-body .next-button {
    position: absolute;
    background: #FFC53D;
    border-radius: 0px;
    height: 3.8rem;
    width: 4.8rem;
    right: 0;
    bottom: 0;
  }
  .customer .animation006-modal .ant-modal-body .prev-button {
    position: absolute;
    background: #FFC53D;
    border-radius: 0px;
    height: 3.8rem;
    width: 4.8rem;
    left: 0;
    bottom: 0;
  }
}

.customer .animation009 {
  margin-right: 3.5rem;
  padding-bottom: 3.5rem;
  position: relative;
}
.customer .animation009 .animation009-tip {
  margin-top: -15rem;
  margin-right: 5%;
  width: 15%;
  height: 45rem;
  background: url(/static/media/9881.3dcc291c.png) no-repeat center center;
  background-size: 100%;
  padding: 13rem 1rem 23.5rem 1rem;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 2rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
}
.customer .animation009 .animation009-content {
  width: 80%;
  display: flex;
  flex-wrap: wrap;
  grid-gap: 1rem;
  gap: 1rem;
  justify-content: space-between;
  padding-right: 3.5rem;
}
.customer .animation009 .animation009-content .animation009-item {
  position: relative;
  background-color: #FFF3E4;
  border-radius: 0.625rem;
  padding: 0 1.5625rem 1.5625rem;
  width: calc(33.33% - 1rem) !important;
}
.customer .animation009 .animation009-content .animation009-item .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 100;
  transition: all 800ms linear 0s;
  bottom: -80px;
  right: -80px;
}
.customer .animation009 .animation009-content .animation009-item.r1 .view-more-btn .click-point2 {
  display: none;
}
.customer .animation009 .animation009-content .animation009-item.r1 .view-more-btn .click-point3 {
  display: none;
}
.customer .animation009 .animation009-content .animation009-item.r2 .view-more-btn .click-point1 {
  display: none;
}
.customer .animation009 .animation009-content .animation009-item.r2 .view-more-btn .click-point3 {
  display: none;
}
.customer .animation009 .animation009-content .animation009-item.r3 .view-more-btn .click-point1 {
  display: none;
}
.customer .animation009 .animation009-content .animation009-item.r3 .view-more-btn .click-point2 {
  display: none;
}
.customer .animation009 .animation009-content .animation009-item .animation009-indicate {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.75rem;
}
.customer .animation009 .animation009-content .animation009-item .animation009-indicate .animation009-icon {
  width: 6.25rem;
  height: 6.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.customer .animation009 .animation009-content .animation009-item .animation009-indicate .animation009-icon img {
  max-width: 100%;
  max-height: 100%;
}
.customer .animation009 .animation009-content .animation009-item .animation009-indicate .animation009-indicate-number {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.6;
}
.customer .animation009 .animation009-content .animation009-item .animation009-text {
  font-size: 1.125rem;
  line-height: 1.4;
}
.customer .animation009 .animation009-content .animation009-item .view-more-btn {
  padding-left: 0;
}
.customer .animation009 .animation009-content .animation009-item .view-more-btn .tip-btn {
  padding: 0.5625rem;
  font-size: 1.125rem;
  line-height: 1.2;
  background: #FFE5C4;
  border-radius: 6px;
}
.customer .animation009 .animation009-content .animation009-item .view-more-btn .click-point1 {
  width: 40px !important;
  position: absolute;
  right: -10%;
  top: 60%;
  transform: rotate(315deg);
}
.customer .animation009 .animation009-content .animation009-item .view-more-btn .click-point2 {
  width: 40px !important;
  position: absolute;
  right: -10%;
  top: 60%;
  transform: rotate(315deg);
}
.customer .animation009 .animation009-content .animation009-item .view-more-btn .click-point3 {
  width: 40px !important;
  position: absolute;
  right: -10%;
  top: 60%;
  transform: rotate(315deg);
}
.animation009-modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: 3rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 5rem;
  padding: 1rem;
  font-size: 2.625rem;
  font-weight: 500;
  border-left: 6px solid #D0B175;
}
.animation009-modal-header .animation009-modal-link {
  text-align: right;
}
.animation009-modal-header .animation009-modal-link .link-label {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.8375rem;
  letter-spacing: 0em;
  text-align: left;
  margin-right: 2rem;
}
.animation009-modal-header .animation009-modal-link .link-label img {
  margin-top: -0.5rem;
  height: 2.0625rem;
}
.animation009-modal-header .animation009-modal-link .example-link {
  color: #F26927;
  font-family: Helvetica Neue;
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 2.8125rem;
  text-decoration: underline;
}
.animation009-modal .ant-modal-body {
  display: flex;
  justify-content: center;
  position: relative;
  min-height: 456px;
}
.animation009-modal .ant-modal-body video {
  width: 100%;
  height: 100%;
  margin-bottom: 50px;
}
.animation009-modal .ant-modal-body .hide {
  display: none;
}
@media (max-width: 1024px) {
  .customer .animation009-content {
    padding-right: 0!important;
  }
}
@media (max-width: 768px) {
  .customer .animation009-content {
    flex-wrap: wrap;
    padding-right: 0!important;
  }
  .customer .animation009-content .animation009-item {
    width: calc(50% - 0.5rem) !important;
  }
}
@media (max-width: 480px) {
  .animation009-modal {
    width: 100% !important;
  }
  .animation009-modal .ant-modal-body {
    padding: 0;
  }
  .animation009-modal-header {
    margin-left: 0;
  }
  .customer .animation009 .animation009-content .animation009-item {
    width: 100%!important;
  }
}

.animation015 {
  display: flex;
  flex-direction: column;
  grid-gap: 1.5rem;
  gap: 1.5rem;
}
.animation015 .animation015-item {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 5rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
}
.animation015 .animation015-item .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 100;
  transition: all 800ms linear 0s;
  bottom: -80px;
  right: -80px;
}
.animation015 .animation015-item.r0 .animation015-indicate .animation015-arrow {
  display: none;
}
.animation015 .animation015-item .animation015-indicate {
  width: 25rem;
  height: 5rem;
  border-radius: 100px / 100px;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
}
.animation015 .animation015-item .animation015-indicate .animation015-arrow {
  position: absolute;
  width: 2.34375rem;
  height: 5rem;
  bottom: 2rem;
  left: -2.5rem;
}
.animation015 .animation015-item .animation015-indicate .animation015-arrow img {
  width: 100%;
  height: 100%;
}
.animation015 .animation015-item .animation015-indicate .animation015-icon {
  width: 4rem;
  height: 4rem;
  border-radius: 100%;
  padding: 0.5rem;
}
.animation015 .animation015-item .animation015-indicate .animation015-icon img {
  width: 100%;
  height: 100%;
}
.animation015 .animation015-item .animation015-indicate .animation015-text {
  width: calc(100% - 5rem);
  height: 5rem;
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.36;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  padding: 0 0.5rem;
}
.animation015 .animation015-item .number {
  width: 3rem;
  height: 3rem;
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 0.68;
  display: flex;
  justify-content: center;
  align-items: center;
}

.customer .animation018 {
  width: 75%;
  padding-left: 5rem;
  display: flex;
  flex-wrap: wrap;
  grid-gap: 1.5rem;
  gap: 1.5rem;
  margin-right: 3.5rem;
}
.customer .animation018 .animation018-contaner {
  display: flex;
  grid-gap: 1rem;
  gap: 1rem;
  justify-content: space-between;
  width: calc(33% - 1.5rem);
}
.customer .animation018 .animation018-contaner .animation018-item {
  width: 100%;
  min-height: 19rem;
  box-shadow: 0px 3px 10px 3px #0000001f;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  grid-gap: 2rem;
  gap: 2rem;
  position: relative;
}
.customer .animation018 .animation018-contaner .animation018-item .click-point1 {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  bottom: -80px;
  right: -80px;
}
.customer .animation018 .animation018-contaner .animation018-item .icon {
  width: 6rem;
  height: 6rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.customer .animation018 .animation018-contaner .animation018-item .icon img {
  width: 100%;
  height: auto;
}
.customer .animation018 .animation018-contaner .animation018-item .text {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.25rem;
  text-align: center;
}
.customer .animation018 .animation018-contaner .animation018-item .text .highlight {
  font-weight: 700;
}
.customer .animation018 .animation018-contaner .animation018-item.r1 {
  border-top: 0.3rem solid #F26927;
}
.customer .animation018 .animation018-contaner .animation018-item.r2 {
  border-top: 0.3rem solid #E7444E;
}
.customer .animation018 .animation018-contaner .animation018-item.r3 {
  border-top: 0.3rem solid #2C2281;
}
.customer .animation018 .animation018-contaner .animation018-item.r4 {
  border-top: 0.3rem solid #597EF7;
}
.customer .animation018 .animation018-contaner .animation018-item.r5 {
  border-top: 0.3rem solid #0CA39A;
}
.customer .animation018 .animation018-contaner .animation018-item.r6 {
  border-top: 0.3rem solid #DD936F;
}
.customer .animation018 .animation018-contaner .animation018-item.r7 {
  border-top: 0.3rem solid #FFC53D;
}
.customer .animation018 .animation018-contaner .animation018-item.r8 {
  border-top: 0.3rem solid #7AB61A;
}
.customer .animation018 .animation018-contaner .animation018-item.r9 {
  border-top: 0.3rem solid #EF878D;
}
.customer .animation018 .animation018-contaner .animation018-item.r10 {
  border-top: 0.3rem solid #0C53A3;
}
.customer .animation018 .animation018-contaner .animation018-item.r11 {
  border-top: 0.3rem solid #A30C9D;
}

.customer .animation019 {
  width: 78%;
  display: flex;
  position: relative;
  margin: auto;
  margin-bottom: 100px;
  margin-top: 20rem;
}
.customer .animation019 .click-point1 {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  bottom: 0;
  left: 50%;
}
.customer .animation019 .animation019-bg {
  position: relative;
  margin: auto;
  width: calc(450px / 646 * 1209);
  height: 450px;
  background-image: url(/static/media/a019.1851f939.gif);
  background-size: 100% 100%;
}
.customer .animation019 .animation019-panel {
  font-size: 16px;
  position: absolute;
  text-align: center;
  z-index: 2;
}
.customer .animation019 .animation019-panel.s1 {
  left: calc(50% - 36rem);
  bottom: 90px;
}
.customer .animation019 .animation019-panel.s2 {
  left: calc(50% - 29rem);
  bottom: 300px;
}
.customer .animation019 .animation019-panel.s3 {
  left: calc(50% - 6rem);
  bottom: 460px;
  width: 105%;
}
.customer .animation019 .animation019-panel.s4 {
  right: calc(50% - 28rem);
  bottom: 300px;
}
.customer .animation019 .animation019-panel.s5 {
  right: calc(50% - 36rem);
  bottom: 90px;
}
.customer .animation019 .animation019-panel .animation019-content {
  padding: 2rem;
  display: flex;
  flex-direction: column;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.5;
  align-items: center;
  justify-content: center;
  height: 7.125rem;
  width: 14rem;
  position: relative;
}
.customer .animation019 .animation019-panel .animation019-content .view-more .view-more-btn {
  font-size: 1.25rem;
  font-weight: 400;
  opacity: 1 !important;
  height: auto;
  position: relative;
}
.customer .animation019 .animation019-panel .animation019-content .view-more .view-more-btn .click-point1 {
  width: 40px;
  cursor: pointer;
  transform: rotate(270deg);
  position: absolute;
  bottom: 0;
  left: 90%;
}
.customer .animation019 .animation019-panel .animation019-content .indicator {
  position: absolute;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 19px;
  font-weight: 400;
  line-height: 25px;
  right: -2rem;
  top: calc(50% - 16px);
}
.animation019-modal-header {
  display: flex;
  justify-content: space-between;
  padding-right: 35px;
}
.animation019-modal-header .animation019-modal-title {
  font-size: 2.625rem;
  border-left: 2px solid #597EF7;
  font-weight: 500;
  padding: 1.5rem;
  margin: 2.5rem;
  margin-top: 1rem;
  margin-bottom: 0;
}
.ant-modal-body {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.ant-modal-body img {
  width: 90%;
}
@media (max-width: 480px) {
  .animation019-modal {
    width: 100% !important;
  }
}

.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation020 {
  margin-bottom: 0rem!important;
}
.customer .animation020-content {
  position: relative;
  margin-right: 3.5rem;
}
.customer .animation020-content .animation020 {
  margin-right: 1.5rem;
  padding-bottom: 7rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.customer .animation020-content .animation020 .animation020-item {
  height: 30rem;
  display: flex;
  flex-direction: column;
  z-index: 2;
  position: relative;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.customer .animation020-content .animation020 .animation020-item .animation020-line {
  width: 100%;
  position: absolute;
  left: 0;
  top: 145px;
  border: 3px solid #000000;
  background-color: #000000;
}
.customer .animation020-content .animation020 .animation020-item .animation020-head {
  position: relative;
  min-height: 7rem;
  width: 50%;
  text-align: center;
}
.customer .animation020-content .animation020 .animation020-item .animation020-head .animation020-time,
.customer .animation020-content .animation020 .animation020-item .animation020-head .animation020-title {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
}
.customer .animation020-content .animation020 .animation020-item .animation020-list {
  width: 100%;
  text-align: left;
  margin-top: 30px;
  margin-left: 25%;
}
.customer .animation020-content .animation020 .animation020-item .animation020-list .ant-timeline-item-head {
  background-color: transparent;
}
.customer .animation020-content .animation020 .animation020-item .animation020-list .animation020-text {
  width: 100%;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
  text-align: left;
  min-height: 4.5rem;
  display: flex;
  align-items: baseline;
  font-family: Helvetica Neue;
}
.customer .animation020-content .animation020 .animation020-item .animation020-list .animation020-text .animation020-detail-text {
  position: relative;
  top: -0.5rem;
}
.customer .animation020-content .animation020 .animation020-item .animation020-list .animation020-text .ant-timeline-item-content {
  margin-left: 2.5rem;
}
.customer .animation020-content .animation020 .animation020-item-0 .ant-timeline-item-tail {
  border-left: 3px solid #4F97FF;
}
.customer .animation020-content .animation020 .animation020-item-1 .ant-timeline-item-tail {
  border-left: 3px solid #0CA39A;
}
.customer .animation020-content .animation020 .animation020-item-2 .ant-timeline-item-tail {
  border-left: 3px solid #F58F5E;
}
.customer .animation020-content .animation020 .animation020-item-3 .ant-timeline-item-tail {
  border-left: 3px solid #EDA926;
}
@media (max-width: 1024px) {
  .customer .animation020-content .animation020 {
    justify-content: flex-start;
  }
  .customer .animation020-content .animation020 .animation020-item {
    width: 33.33% !important;
  }
  .customer .animation020-content .animation020 .animation020-item .animation020-line {
    left: 0;
    top: 135px;
  }
  .customer .animation020-content .animation020 .animation020-item .animation020-list {
    margin-top: 60px;
  }
}
@media (max-width: 768px) {
  .customer .animation020-content .animation020 {
    justify-content: flex-start;
  }
  .customer .animation020-content .animation020 .animation020-item {
    width: 50% !important;
  }
}
@media (max-width: 480px) {
  .customer .animation020-content .animation020 {
    justify-content: flex-start;
  }
  .customer .animation020-content .animation020 .animation020-item {
    width: 100% !important;
  }
}

.customer .animation021 {
  margin-right: 1.5rem;
  margin-left: 1.5rem;
}
.customer .animation021 .animation021-content {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 1rem;
  gap: 1rem;
  justify-content: center;
  padding-right: 3.5rem;
  position: relative;
}
.customer .animation021 .animation021-content .animation021-item {
  cursor: pointer;
  margin-top: 3rem;
  margin-bottom: 3rem;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 2;
  position: relative;
}
.customer .animation021 .animation021-content .animation021-item .click-point {
  position: absolute;
  z-index: 10;
  width: 80px;
  bottom: 0;
  left: 50%;
  transform: rotate(315deg);
}
.customer .animation021 .animation021-content .animation021-item .sub-task-text {
  position: relative;
}
.customer .animation021 .animation021-content .animation021-item .sub-task-text .click-point1 {
  width: 40px !important;
  position: absolute;
  bottom: -50%;
  right: -25%;
  transform: rotate(315deg);
}
.customer .animation021 .animation021-content .animation021-item .sub-task-text .ant-btn {
  background: #F26927;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 20px;
  cursor: pointer;
  margin-top: 0.5rem;
}
.customer .animation021 .animation021-content .animation021-item .sub-task-text .ant-btn > span {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  color: #FFFFFF;
}
.customer .animation021 .animation021-content .animation021-item .animation021-icon {
  min-height: 15rem;
  height: 15rem;
  display: flex;
  align-items: center;
}
.customer .animation021 .animation021-content .animation021-item .animation021-icon img {
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.customer .animation021 .animation021-content .animation021-item .animation021-text {
  width: 10rem;
  font-weight: 400;
  font-size: 20px;
  text-align: center;
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
  min-height: 110px;
}
.customer .animation021 .animation021-content .animation021-item .animation021-text .view-more {
  position: relative;
}
.customer .animation021 .animation021-content .animation021-item .animation021-text .view-more button span {
  color: #9655F2;
  font-size: 1.2rem;
}
.customer .animation021 .animation021-content .animation021-item .animation021-text .view-more .click-point1 {
  position: absolute;
  z-index: 10;
  width: 50px;
  top: 0;
  right: -25px;
  transform: rotate(270deg);
}
.animation021-modal .ant-modal-header {
  height: auto;
  display: flex;
  align-items: center;
}
.animation021-modal .ant-modal-header .ant-modal-title {
  margin: 1rem 3.5rem;
  font-weight: 500;
  font-size: 2.5rem;
  padding: 1rem 1.5rem;
  border-left: 4px solid #A3D4CA;
}
@media (max-width: 1024px) {
  .customer .animation021 .animation021-content .animation021-item {
    width: calc(33.33% - 1rem) !important;
    height: auto;
  }
  .customer .animation021 .animation021-content .animation021-item .animation021-icon {
    height: auto;
  }
  .customer .animation021 .animation021-content .animation021-item .animation021-text {
    width: 100%;
    font-size: 1.5rem;
    min-height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .customer .animation021 .animation021-content .animation021-item .animation021-text .view-more .click-point1 {
    width: 40px;
    top: -5px;
    right: -25px;
  }
}
@media (max-width: 768px) {
  .customer .animation021 .animation021-content .animation021-item {
    width: calc(33.33% - 1rem) !important;
    height: auto;
  }
  .customer .animation021 .animation021-content .animation021-item .animation021-icon {
    height: auto;
  }
  .customer .animation021 .animation021-content .animation021-item .animation021-text {
    width: 100%;
    font-size: 1.5rem;
    min-height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .customer .animation021 .animation021-content .animation021-item .animation021-text .view-more .click-point1 {
    width: 40px;
    top: -5px;
    right: -25px;
  }
  .animation021-modal {
    width: 100% !important;
  }
}

.customer .animation022 {
  margin-right: 1.5rem;
  margin-left: 1.5rem;
}
.customer .animation022 .animation022-content {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 1rem;
  gap: 1rem;
  justify-content: space-around;
  padding-right: 3.5rem;
  margin-left: -48px;
  position: relative;
}
.customer .animation022 .animation022-content .animation022-item {
  margin-top: 3rem;
  margin-bottom: 3rem;
  padding-left: 5rem;
  width: 100%;
  height: 25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 2;
  background-image: url(/static/media/a022-market.edf1b973.svg);
  background-repeat: no-repeat;
  position: relative;
}
.customer .animation022 .animation022-content .animation022-item .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 100;
  transition: all 800ms linear 0s;
  bottom: -80px;
  right: -80px;
}
.customer .animation022 .animation022-content .animation022-item .animation022-number {
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.5;
}
.customer .animation022 .animation022-content .animation022-item .animation022-text {
  width: 70%;
  width: 10rem;
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.3;
  text-align: left;
  min-height: 110px;
  min-height: 150px;
  padding-left: 2rem;
  margin-left: 2rem;
}
.customer .animation022 .animation022-content .animation022-item .click-point {
  position: absolute;
  z-index: 10;
  width: 118px;
  bottom: -25px;
  left: 200px;
  transform: rotate(315deg);
}

.customer .animation023 {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 8rem;
  gap: 8rem;
  margin-right: 2rem;
  grid-row-gap: 0;
  row-gap: 0;
  position: relative;
}
.customer .animation023 .click-point1 {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  bottom: 0;
  left: 12%;
}
.customer .animation023 .animation023-contaner {
  display: flex;
  grid-gap: 1rem;
  gap: 1rem;
  justify-content: space-between;
  width: calc(33.33% - 8rem);
}
.customer .animation023 .animation023-contaner .animation023-item {
  width: 100%;
  position: relative;
}
.customer .animation023 .animation023-contaner .animation023-item img {
  width: 100%;
}
.customer .animation023 .animation023-contaner .animation023-item .text {
  display: flex;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  padding: 60% 15% 10% 15%;
  font-size: 1.5rem;
  line-height: 1.2;
}
.customer .animation023 .animation023-contaner .animation023-item .text .highlight {
  font-weight: 700;
}

.customer .animation024-modal .ant-modal-content .ant-modal-body .prev-button .click-point1 {
  position: absolute;
  bottom: 5rem;
  left: 5rem;
  width: 5rem;
  height: 5rem;
  transform: rotate(225deg);
}
.customer .animation024-modal .ant-modal-content .ant-modal-body .next-button .click-point2 {
  position: absolute;
  bottom: 5rem;
  right: 5rem;
  width: 5rem;
  height: 5rem;
  transform: rotate(135deg);
}
.customer .animation024-modal .ant-modal-content .animation024-modal-header {
  margin: 4rem;
  margin-bottom: 1rem;
  margin-top: 1rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 4rem;
  padding: 1rem;
  font-size: 2.625rem;
  font-weight: 500;
  border-left: 4px solid #D0B175;
  display: flex;
  align-items: center;
  justify-content: center;
}
.customer .animation024-modal .ant-modal-content .ant-modal-body .next-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.8rem;
  width: 4.8rem;
  right: 0;
  bottom: 0;
  padding: 0;
}
.customer .animation024-modal .ant-modal-content .ant-modal-body .next-button .arrow {
  margin: 0 auto;
}
.customer .animation024-modal .ant-modal-content .ant-modal-body .prev-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.8rem;
  width: 4.8rem;
  left: 0;
  bottom: 0;
  padding: 0;
}
.customer .animation024-modal .ant-modal-content .ant-modal-body .prev-button .arrow {
  margin: 0 auto;
}
.customer .animation024-modal .ant-modal-content .ant-modal-body .hide {
  display: none;
}
.customer .animation024-modal .ant-modal-content .ant-modal-body .border {
  margin-left: 12rem;
  margin-right: 12rem;
  margin-top: 0;
  margin-bottom: 1rem;
}
.customer .animation024-modal .ant-modal-content .ant-modal-body .border img {
  width: 100%;
}
.customer .animation024-modal .ant-modal-content .ant-modal-body .content {
  width: 37.5rem;
  margin-left: 12rem;
  margin-right: 12rem;
  margin-top: 0;
  margin-bottom: 5rem;
  background: rgba(234, 75, 108, 0.2);
  border-radius: 5px;
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: 400;
  padding: 1.5rem;
  text-align: left;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation024 .animation024-content {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: 635px;
  grid-gap: 2rem;
  gap: 2rem;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item {
  margin-bottom: 3rem;
  width: calc(50% - 2rem);
  height: 20%;
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 100;
  transition: all 800ms linear 0s;
  bottom: -80px;
  right: -80px;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .sub-task-text {
  position: relative;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .sub-task-text .click-point1 {
  width: 40px !important;
  position: absolute;
  bottom: -50%;
  right: -25%;
  transform: rotate(315deg);
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .sub-task-text .ant-btn {
  background: #F26927;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 20px;
  cursor: pointer;
  margin-top: 0.5rem;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .sub-task-text .ant-btn > span {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  color: #FFFFFF;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .animation024-text {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  padding-left: 20px;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .animation024-text {
    font-size: 1.8rem;
    line-height: 1.5;
  }
  .customer .animation024 .animation024-content {
    padding-right: 0 !important;
  }
  .customer .animation024 .animation024-content .animation024-item {
    height: 5.5rem;
    margin-bottom: 1rem;
  }
  .customer .animation024 .animation024-content .animation024-item .animation024-indicate-number .animation024-icon {
    width: 5.5rem;
    height: 5.5rem;
  }
  .customer .animation024 .animation024-content .animation024-item .animation024-indicate-number .number {
    text-align: center;
  }
  .customer .animation024 .animation024-content .animation024-item .animation024-indicate-number .animation024-icon img {
    max-width: 50% !important;
    max-height: 50% !important;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .animation024-text {
    font-size: 1.4rem;
    line-height: 1.3;
  }
  .customer .animation024 .animation024-content {
    flex-wrap: wrap;
  }
  .customer .animation024 .animation024-content .animation024-item {
    padding-left: 0 !important;
  }
  .customer .animation024 .animation024-content .animation024-item .animation024-indicate-number {
    min-width: 11rem;
    height: 3.625rem;
  }
  .customer .animation024 .animation024-content .animation024-item .animation024-indicate-number .number {
    text-align: center;
  }
  .customer .animation024 .animation024-content .animation024-item .animation024-indicate-number .animation024-icon {
    width: 5.5rem;
    height: 5.5rem;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation024 {
    margin-top: 5rem !important;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .animation024-text {
    font-size: 2rem;
    line-height: 1.3;
  }
  .customer .animation024-modal {
    width: 100% !important;
  }
  .customer .animation024-modal .ant-modal-content .animation024-modal-header {
    margin-left: 0;
  }
  .customer .animation024-modal .ant-modal-content .ant-modal-body .next-button .click-point2 {
    bottom: 0rem;
    transform: rotate(90deg);
  }
  .customer .animation024-modal .ant-modal-content .ant-modal-body .prev-button .click-point1 {
    bottom: 0;
    transform: rotate(270deg);
  }
  .customer .animation024-modal .ant-modal-content .ant-modal-body .content {
    width: 100%;
    margin-top: 2rem;
    font-size: 1.4rem;
  }
  .customer .animation024-modal .ant-modal-content .ant-modal-body .border {
    margin: 0;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation024 .animation024-content {
    width: 105%;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item {
    padding-left: 0 !important;
    height: 4rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .animation024-indicate-number img {
    width: 8rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .animation024-indicate-number .number {
    font-size: 1.8rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .animation024-indicate-number .animation024-icon {
    width: 4rem;
    height: 4rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .animation024-indicate-number .animation024-icon img {
    max-width: 35%;
    max-height: 35%;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .animation024-text {
    font-size: 1.4rem;
    padding-left: 15px;
  }
}

.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation025 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 56px;
  margin-bottom: 5rem !important;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation025 .animation025-item {
  width: 25%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  bottom: -50px;
  right: 0;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-color-div {
  height: 10px;
  width: 70%;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-gray-div {
  height: 13px;
  width: 80%;
  background-color: #f5f5f5;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-title {
  color: #ffffff;
  width: 95%;
  font-size: 1.75rem;
  line-height: 1.2;
  height: 4.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-text {
  width: 80%;
  height: 200px;
  background-size: 100%;
  font-style: normal;
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 1.2;
  color: #121212;
  padding: 5% 2rem 0 2rem;
  display: flex;
  justify-content: center;
  cursor: pointer;
  background-color: #f5f5f5;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation025 {
    flex-wrap: wrap;
    padding: 0;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-text {
    height: auto;
    min-height: 130px;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation025 .animation025-item {
    width: 50%;
    margin-bottom: 2rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-text {
    min-height: 110px;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation025 .animation025-item {
    width: 80%;
    margin-bottom: 4rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .click-point {
    width: 50px;
    bottom: -25px;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-text {
    font-size: 1.6rem;
    min-height: 130px;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation025 .animation025-item {
    width: 80%;
    margin-bottom: 4rem;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .click-point {
    width: 50px;
    bottom: -25px;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-text {
    font-size: 1.5rem;
    min-height: 130px;
  }
}

.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation026 {
  display: flex;
  flex-wrap: wrap;
  margin-top: 12rem;
  margin-bottom: 5rem !important;
  width: 88%;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation026 .animation026-item {
  width: calc(20% - 1rem);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 2rem;
  position: relative;
  cursor: pointer;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  bottom: -50px;
  right: 0;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div {
  position: relative;
  height: 220px;
  width: 100%;
  border-radius: 10%;
  padding: 1rem 1rem 1rem 1.5rem;
  border: 2px solid white;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div .animation026-triangle-div {
  position: absolute;
  left: 200px;
  top: 80px;
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-left: 20px solid white;
  z-index: 3;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div .animation026-triangle-div .animation026-triangle-inner-div {
  position: relative;
  top: -18px;
  left: -24px;
  width: 0;
  height: 0;
  border: 18px solid transparent;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div .animation026-title {
  color: #ffffff;
  width: 100%;
  height: 35%;
  font-size: 32px;
  font-weight: 700;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div .animation026-text {
  width: 100%;
  height: auto;
  font-style: normal;
  font-weight: 500;
  font-size: 1.1rem;
  line-height: 1.3;
  color: #ffffff;
  display: flex;
  margin-top: -15px;
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation026 .animation026-item {
    width: calc(33.33% - 1rem);
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div {
    border-radius: 15%;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div .animation026-text {
    font-size: 1.4rem;
    line-height: 1.3;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation026 .animation026-item {
    width: calc(60% - 1rem);
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div {
    border-radius: 20%;
    height: 167px;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div .animation026-title {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div .animation026-text {
    margin-top: 0;
    font-size: 1.4rem;
    line-height: 1.4;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation026 .animation026-item {
    width: calc(70% - 1rem);
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div {
    border-radius: 20%;
    height: 196px;
    padding: 1.5rem;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div .animation026-title {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    font-size: 2.5rem;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div .animation026-text {
    margin-top: 0;
    font-size: 1.4rem;
    line-height: 1.2;
  }
}

.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation027 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 56px;
  margin-bottom: 5rem !important;
  margin-top: 20rem;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation027 .animation027-item {
  width: 25%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation027 .animation027-item .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  right: 0;
  bottom: -50px;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation027 .animation027-item .animation027-color-div {
  height: 6rem;
  width: 90%;
  border-width: 1rem 1.5rem 1rem 1.5rem;
  border-color: black;
  border-style: solid;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation027 .animation027-item .animation027-color-div .animation027-title {
  color: #ffffff;
  width: 95%;
  font-size: 3.5rem;
  line-height: 4rem;
  height: 4rem;
  display: flex;
  justify-content: center;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation027 .animation027-item .animation027-text {
  width: 90%;
  height: 100px;
  background-size: 100%;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.5;
  color: #121212;
  padding-top: 1rem;
  display: flex;
  justify-content: flex-start;
  cursor: pointer;
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation027 {
    margin-top: 32rem;
    flex-wrap: wrap;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation027 .animation027-item {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation027 {
    margin-top: 32rem;
    flex-wrap: wrap;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation027 .animation027-item {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation027 .animation027-item .animation027-text {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}

.animation028 {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 1.5rem;
  gap: 1.5rem;
  margin-right: 2rem;
}
.animation028 .animation028-contaner {
  display: flex;
  grid-gap: 1rem;
  gap: 1rem;
  justify-content: space-between;
  width: calc(20% - 1.5rem);
}
.animation028 .animation028-contaner .animation028-item {
  width: 250px;
  position: relative;
}
.animation028 .animation028-contaner .animation028-item .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 100;
  transition: all 800ms linear 0s;
  bottom: 50%;
  right: -80px;
}
.animation028 .animation028-contaner .animation028-item.r2,
.animation028 .animation028-contaner .animation028-item.r4 {
  margin-top: 100%;
}
.animation028 .animation028-contaner .animation028-item.r1 .text,
.animation028 .animation028-contaner .animation028-item.r3 .text,
.animation028 .animation028-contaner .animation028-item.r5 .text {
  top: 0;
  bottom: unset;
  height: 50%;
}
.animation028 .animation028-contaner .animation028-item img {
  width: 250px;
}
.animation028 .animation028-contaner .animation028-item .text {
  display: flex;
  align-items: center;
  text-align: center;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  padding: 3rem;
  font-size: 1.3rem;
  line-height: 1.3;
}
@media (max-width: 1024px) {
  .animation028 {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 1.5rem;
    gap: 1.5rem;
    margin-right: 2rem;
  }
  .animation028 .animation028-contaner {
    display: flex;
    grid-gap: 1rem;
    gap: 1rem;
    justify-content: space-between;
    width: calc(20% - 1.5rem);
  }
  .animation028 .animation028-contaner .animation028-item {
    width: 100%;
    position: relative;
  }
  .animation028 .animation028-contaner .animation028-item .click-point {
    position: absolute;
    width: 100px;
    transform: rotate(-45deg);
    z-index: 100;
    transition: all 800ms linear 0s;
    bottom: 50%;
    right: -80px;
  }
  .animation028 .animation028-contaner .animation028-item.r2,
  .animation028 .animation028-contaner .animation028-item.r4 {
    margin-top: 100%;
  }
  .animation028 .animation028-contaner .animation028-item.r1 .text,
  .animation028 .animation028-contaner .animation028-item.r3 .text,
  .animation028 .animation028-contaner .animation028-item.r5 .text {
    top: 0;
    bottom: unset;
    height: 55%;
  }
  .animation028 .animation028-contaner .animation028-item img {
    width: 100%;
  }
  .animation028 .animation028-contaner .animation028-item .text {
    display: flex;
    align-items: center;
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    padding: 3.5rem;
    font-size: 1.3rem;
    line-height: 1.3;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation028 {
    grid-gap: 0;
    gap: 0;
    justify-content: space-between;
    margin-top: 6.5rem;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation028 .animation028-contaner {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation028 .animation028-contaner .animation028-item.r2,
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation028 .animation028-contaner .animation028-item.r4 {
    margin-top: 0;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation028 .animation028-contaner .animation028-item.r2 .text,
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation028 .animation028-contaner .animation028-item.r4 .text {
    height: 106%;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation028 .animation028-contaner .animation028-item.r1 .text,
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation028 .animation028-contaner .animation028-item.r3 .text,
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation028 .animation028-contaner .animation028-item.r5 .text {
    top: 0;
    bottom: unset;
    height: 100%;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation028 .animation028-contaner:nth-child(even) {
    margin-top: 10%;
  }
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .animation028 .animation028-contaner:nth-child(odd) {
    margin-top: -10%;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation028 .animation028-contaner .animation028-item.r2 .text,
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation028 .animation028-contaner .animation028-item.r4 .text {
    height: 106%;
  }
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation028 .animation028-contaner .animation028-item.r1 .text,
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation028 .animation028-contaner .animation028-item.r3 .text,
  .cyber-security-training-page.course-page.customer.en .ant-layout-content .course-body .course-body-content .animation028 .animation028-contaner .animation028-item.r5 .text {
    top: 0;
    bottom: unset;
    height: 98%;
  }
}

.customer .animation029 {
  padding-left: 5rem;
  display: flex;
  flex-wrap: wrap;
  grid-gap: 1.5rem;
  gap: 1.5rem;
  margin-right: 3.5rem;
  position: relative;
  width: 100%;
  height: 42rem;
}
.customer .animation029 .animation029-item {
  position: absolute;
  width: 12rem;
  height: 12rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10%;
}
.customer .animation029 .animation029-item .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 100;
  transition: all 800ms linear 0s;
  bottom: -80px;
  right: -80px;
}
.customer .animation029 .animation029-item.r1 {
  top: 0;
  left: calc(50% - 6rem);
  background-color: #1AB6B6;
}
.customer .animation029 .animation029-item.r2 {
  top: 15rem;
  left: calc(50% - 21rem);
  background-color: #EF878D;
}
.customer .animation029 .animation029-item.r3 {
  top: 15rem;
  left: calc(50% - 6rem);
  background-color: #33A5C9;
}
.customer .animation029 .animation029-item.r4 {
  top: 15rem;
  right: calc(50% - 21rem);
  background-color: #DD936F;
}
.customer .animation029 .animation029-item.r5 {
  top: 30rem;
  right: calc(50% + 2rem);
  background-color: #597EF7;
}
.customer .animation029 .animation029-item.r6 {
  top: 30rem;
  left: calc(50% + 2rem);
  background-color: #F4B784;
}
.customer .animation029 .animation029-item .text {
  font-size: 1.5rem;
  line-height: 1.5;
  text-align: center;
  color: white;
  padding: 1rem;
}

.customer .component002 .cando-section .can-do .cando-body .cando-content ul li .cando-content-body .view-more {
  width: auto;
}
.customer .component002 .cando-section .can-do .cando-body .cando-content ul li .cando-content-body .view-more .view-more-btn {
  padding: 0;
  font-size: 1.3125rem;
  height: auto;
  position: relative;
  color: #0CA39A;
}
.customer .component002 .cando-section .can-do .cando-body .cando-content ul li .cando-content-body .view-more .view-more-btn .click-point1 {
  width: 40px;
  cursor: pointer;
  position: absolute;
  bottom: -10px;
  right: -45px;
  transform: rotate(270deg);
}
.component002-customer-modal .ant-modal-content .ant-modal-header {
  padding: 1.5rem 4.5rem;
}
.component002-customer-modal .ant-modal-content .ant-modal-header .ant-modal-title {
  border-left: 4px solid #A3D4CA;
  padding: 1rem;
  font-size: 2rem;
}
.component002-customer-modal .ant-modal-content .ant-modal-body {
  padding: 4rem 1.5rem;
}
@media (max-width: 1024px) {
  .customer .component002 .cando-section .can-do .cando-body .cando-content ul li .cando-content-body .view-more .view-more-btn {
    font-size: 1.6rem;
  }
  .component002-customer-modal {
    width: 80% !important;
  }
}
@media (max-width: 768px) {
  .component002-customer-modal {
    width: 100% !important;
  }
}

.customer .component003 {
  position: relative;
}
.customer .component003 .component003-tip {
  border: 1px solid #000;
  border-radius: 47%;
  position: absolute;
  font-size: 1.5rem;
  padding: 4rem;
  text-align: left;
  max-width: 42rem;
  min-height: 9rem;
  display: flex;
  align-items: center;
}
.customer .component003 .component003-tip .tip-text {
  z-index: 1;
}
.customer .component003 .tip-arrow {
  position: absolute;
  left: -82px;
  top: calc(50% - 15px);
  background: #fff;
  height: 24px;
  width: 128px;
}
.customer .component003 .tip-arrow .line1 {
  width: 64px;
  height: 1px;
  background: #000;
  transform: rotate(-12deg);
  position: absolute;
  top: 5px;
  right: 43px;
}
.customer .component003 .tip-arrow .line2 {
  width: 61px;
  height: 1px;
  background: #000;
  transform: rotate(12deg);
  position: absolute;
  bottom: 5px;
  right: 46px;
}
.customer .component003.position-left img {
  max-width: 40vw;
  position: relative;
  z-index: 10;
}
.customer .component003.position-left .component003-tip {
  margin-left: 300px;
  padding: 4rem;
}
.customer .component003.position-right {
  text-align: right;
}
.customer .component003.position-right img {
  max-width: 40vw;
  position: relative;
  z-index: 11;
}
.customer .component003.position-right .component003-tip {
  right: 0;
  margin-right: 25%;
  padding: 3rem;
  z-index: 11;
}
.customer .component003.position-right .component003-tip .tip-arrow {
  left: unset;
  right: -107px;
  top: calc(50% - 15px);
}
.customer .component003.position-right .component003-tip .tip-arrow .line1 {
  transform: rotate(12deg);
  position: absolute;
  top: 5px;
  right: 46px;
}
.customer .component003.position-right .component003-tip .tip-arrow .line2 {
  transform: rotate(-12deg);
  position: absolute;
  bottom: 5px;
  right: 46px;
}
@media (max-width: 1024px) {
  .customer .component003 .tip-arrow {
    left: -77px;
  }
  .customer .component003 .tip-arrow .line1 {
    width: 55px;
    transform: rotate(-14deg);
    top: 6px;
    right: 43px;
  }
  .customer .component003 .tip-arrow .line2 {
    width: 52px;
    transform: rotate(12deg);
    bottom: 5px;
    right: 47px;
  }
  .customer .component003.position-left .component003-tip {
    margin-left: 28vw;
  }
  .customer .component003.position-right .component003-tip .tip-arrow {
    right: -97px;
  }
  .customer .component003.position-right .component003-tip .tip-arrow .line1 {
    width: 58px;
    top: 6px;
    right: 44px;
  }
  .customer .component003.position-right .component003-tip .tip-arrow .line2 {
    width: 54px;
    bottom: 5px;
    right: 45px;
  }
}
@media (max-width: 768px) {
  .customer .component003.position-left .component003-tip {
    margin-left: 38vw;
  }
  .customer .component003.position-right .component003-tip {
    right: 0;
    margin-right: 43% !important;
    padding: 6% !important;
  }
  .customer .component003.position-right .tip-text span {
    font-size: unset !important;
  }
}
@media (max-width: 480px) {
  .customer .customer .component003.position-right .component003-tip {
    right: 0;
    margin-right: 43% !important;
    padding: 6% !important;
  }
  .customer .customer .component003.position-right .tip-text span {
    display: inline;
  }
  .customer .customer .component003.position-left .component003-tip {
    font-size: 1rem;
    padding: 3rem;
  }
  .customer .customer .component003.position-left .component003-tip span {
    font-size: unset !important;
  }
}

.customer .RealCase.Moblie {
  display: none;
}
.customer .RealCase.Desktop {
  width: calc(100% + 3.5rem);
  margin-left: -3.5rem;
  margin-right: 0;
  margin-bottom: 50px;
  position: relative;
}
.customer .RealCase.Desktop img {
  width: 100%;
  z-index: 1;
}
.customer .RealCase.Desktop.p1 .source1 {
  width: 18%;
  height: 3.5%;
  position: absolute;
  top: 88%;
  left: 61%;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: none;
  font-size: 24px;
  color: #595959;
  z-index: 2;
}
.customer .RealCase.Desktop.p1 .source2 {
  display: none;
}
.customer .RealCase.Desktop.p1 .source3 {
  display: none;
}
.customer .RealCase.Desktop.p1 .source4 {
  display: none;
}
.customer .RealCase.Desktop.p2 .source1 {
  display: none;
}
.customer .RealCase.Desktop.p2 .source2 {
  width: 13%;
  height: 2.5%;
  position: absolute;
  top: 88%;
  left: 61%;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: none;
  font-size: 24px;
  color: #595959;
  z-index: 2;
}
.customer .RealCase.Desktop.p2 .source3 {
  display: none;
}
.customer .RealCase.Desktop.p2 .source4 {
  display: none;
}
.customer .RealCase.Desktop.p3 .source1 {
  display: none;
}
.customer .RealCase.Desktop.p3 .source2 {
  display: none;
}
.customer .RealCase.Desktop.p3 .source3 {
  width: 13%;
  height: 2.5%;
  position: absolute;
  top: 91%;
  left: 61%;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: none;
  font-size: 24px;
  color: #595959;
  z-index: 2;
}
.customer .RealCase.Desktop.p3 .source4 {
  display: none;
}
.customer .RealCase.Desktop.p4 .source1 {
  display: none;
}
.customer .RealCase.Desktop.p4 .source2 {
  display: none;
}
.customer .RealCase.Desktop.p4 .source3 {
  display: none;
}
.customer .RealCase.Desktop.p4 .source4 {
  width: 16%;
  height: 2.5%;
  position: absolute;
  top: 92%;
  left: 61%;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: none;
  font-size: 24px;
  color: #595959;
  z-index: 2;
}
@media (max-width: 768px) {
  .customer .RealCase.Desktop {
    display: none;
  }
  .customer .RealCase.Moblie {
    display: block;
    width: calc(100% + 7rem);
    margin-left: -3.5rem;
    margin-right: 0;
    margin-bottom: 50px;
    position: relative;
  }
  .customer .RealCase.Moblie img {
    width: 100%;
    z-index: 1;
  }
  .customer .RealCase.Moblie.p1 .source1 {
    width: 49%;
    height: 3.5%;
    position: absolute;
    top: 91%;
    left: 5%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 24px;
    color: #595959;
    z-index: 2;
  }
  .customer .RealCase.Moblie.p1 .source2 {
    display: none;
  }
  .customer .RealCase.Moblie.p1 .source3 {
    display: none;
  }
  .customer .RealCase.Moblie.p1 .source4 {
    display: none;
  }
  .customer .RealCase.Moblie.p2 .source1 {
    display: none;
  }
  .customer .RealCase.Moblie.p2 .source2 {
    width: 44%;
    height: 2.5%;
    position: absolute;
    top: 93.5%;
    left: 5%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 24px;
    color: #595959;
    z-index: 2;
  }
  .customer .RealCase.Moblie.p2 .source3 {
    display: none;
  }
  .customer .RealCase.Moblie.p2 .source4 {
    display: none;
  }
  .customer .RealCase.Moblie.p3 .source1 {
    display: none;
  }
  .customer .RealCase.Moblie.p3 .source2 {
    display: none;
  }
  .customer .RealCase.Moblie.p3 .source3 {
    width: 44%;
    height: 2.5%;
    position: absolute;
    top: 92%;
    left: 5%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 24px;
    color: #595959;
    z-index: 2;
  }
  .customer .RealCase.Moblie.p3 .source4 {
    display: none;
  }
  .customer .RealCase.Moblie.p4 .source1 {
    display: none;
  }
  .customer .RealCase.Moblie.p4 .source2 {
    display: none;
  }
  .customer .RealCase.Moblie.p4 .source3 {
    display: none;
  }
  .customer .RealCase.Moblie.p4 .source4 {
    width: 50%;
    height: 2.5%;
    position: absolute;
    top: 93%;
    left: 5%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 24px;
    color: #595959;
    z-index: 2;
  }
}

.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .top {
  font-size: 38px;
  font-weight: 500;
  line-height: 49px;
  margin: 1.5rem;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .components006 {
  display: flex;
  justify-content: center;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .components006 .content {
  position: relative;
  width: 90%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid #f26927;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .components006 .content .title {
  display: flex;
  align-items: center;
  justify-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 2.5rem;
  font-size: 1.125rem;
  color: #fff;
  background-color: #E7444E;
  border: none;
  border-radius: 12px;
  font-weight: 700;
  padding: 0.5625rem 1.25rem;
  margin-left: 3.3125rem;
  margin-top: 1.6875rem;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .components006 .content .pic {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1.625rem;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .components006 .content .next-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 5.4375rem;
  width: 5.4375rem;
  right: 0;
  bottom: 0;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .components006 .content .prev-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 5.4375rem;
  width: 5.4375rem;
  left: 0;
  bottom: 0;
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content .components006 .content .title {
    font-size: 1.4rem !important;
  }
}

.customer .component007 {
  position: relative;
  margin-right: 1rem;
  margin-top: -7rem;
}
.customer .component007 .tip-text {
  width: 12rem;
  height: 26.875rem;
  background-size: 100%;
  padding: 3.5rem 2rem 11rem 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: -1rem;
  top: -8.5rem;
  font-size: 1.25rem;
  line-height: 2rem;
  z-index: 2;
  text-align: center;
}
.customer .component007 .component007-person {
  width: 10rem;
  height: auto;
  position: absolute;
  right: 0;
  top: -8.5rem;
}

.component008 {
  position: relative;
  margin-right: 3.5rem;
}
.component008 .tip-text {
  width: 14.125rem;
  height: 26.875rem;
  background: url(/static/media/c008-board1.729d82e7.svg) no-repeat center center;
  background-size: 100%;
  padding: 3.5rem 2rem 11rem 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 12rem;
  top: -10rem;
  font-size: 1.25rem;
  line-height: 2rem;
}
.component008 .component008-person {
  width: 14rem;
  height: auto;
  position: absolute;
  right: 0;
  top: -8.5rem;
}
.component008.cs930-2-c008 {
  margin-top: 12rem;
}

.customer.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview {
  background-color: rgba(163, 212, 202, 0.2);
}
.customer.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-progress-bar .ant-progress-text {
  color: #A3D4CA;
}
.customer.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .ant-progress-circle-trail {
  stroke: #a3d4ca !important;
  opacity: 0.2;
}
.customer.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .ant-progress-circle-path {
  stroke: #A3D4CA !important;
}
.customer.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.active .step-dot {
  border-color: #A3D4CA;
}
.customer.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.active .step-dot .active-dot {
  background-color: #A3D4CA;
}
.customer.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.completed .step-dot {
  border-color: #A3D4CA;
  background-color: #A3D4CA;
}
.customer.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.completed .step-line {
  background-color: #A3D4CA;
}
.customer.cyber-security-training-page.course-page .ant-layout-content .course-left-side .paragraphs .paragraph.active {
  border-color: #A3D4CA;
  background-color: rgba(202, 202, 202, 0.1);
}
.customer.cyber-security-training-page.course-page .ant-layout-content .course-left-side .paragraphs .state .in-progress {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJuSURBVHgBlVVLctpAEO0eRLYhNyDrYAdXxTiuLFBOYA4ARjpBzAkMJ8A3EJ9kzw0iL1LEOFUQQ7JWThCyDWg6PTAzyIAhvCoVraH19Ga6XwvhCQTjezeNcAFALgFkeSnD1xQBIgAMZ0BtP1cYbXsWN8iG/ayTTgUcurAPSL35X1nzT86jJ0k/Tr5VCeSNVrVMQIhI0ogQp0iU4d88LpUbsHpxVc69aW+QasJWIjkEihuVo/MQ1tAd910g4YHA6opIeIYYE1seGoUIslbOvb2BPeiO7+q8lWujeD6LT9RRCHXnOKJpCCVRI0kYPNyVOpNBwJe3Tlo5Oqvz7mr6NqNrARgMB3knDUMtu1XOFfyEelsw9bIqk2xVPBl8Nnlzit8L4YBn/pxRbA87/SxlE/eCz96EDqZKQiAWF+vcf74uitoq0aMK74QqpuoSfVsUBJRdxvK7SULCCzgQJNEYISvQ9qT4DSvWDBwISfKPDjOsFKZ6+YVNkPQLDoRA8VyHU1aKkV58bRMAenAgUFBeh5HgVrlVkSpMoJzCqByfKdLwfwm7PHwShb0VAmKritvBuAPYHT6BrehulUjWrnOYtYT2dqjX3M7k65UKlN0uc4WXBLHP2+ghymgb4acf99f8cm/JTj0/925kvZ9i79tOQKxXXp02YN+2fw4+gISFpVXBY+19O6U6D30PxdK7C1627Iyw7R+dhutkaoA7SOqoXLNGEvzL40JLP7uCIgaRauL6PAWep8TzlPuXuyWfdNuiJSXUDOEGqTkKx3GafD4l2I9QFXTn5H9M/iXvOGmPM4rqG6XUk/lGEXAbxr1tA1zhH8/kEsfAmLFyAAAAAElFTkSuQmCC);
  background-size: cover;
}
.customer.cyber-security-training-page.course-page .ant-layout-content .course-body .next-topic-button {
  background-color: #A3D4CA;
}
.customer.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .title {
  border-color: #A3D4CA;
}
.customer.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .title .l2 {
  color: #A3D4CA;
}
.customer.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body {
  border-color: #A3D4CA;
}
.customer.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-last-button {
  border-color: #A3D4CA;
}
.customer.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-last-button span {
  color: #A3D4CA;
}
.customer.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-submit-button {
  background-color: #A3D4CA;
}
.customer.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-submit-button[disabled] {
  background-color: #a3d4ca;
  border-color: #A3D4CA;
}
.customer.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area.correct .ant-btn-link {
  color: #0CA3A3;
}
.customer.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area.wrong .ant-btn-link {
  color: #E7444E;
}
.customer.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
  background: #A3D4CA;
}
.customer.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab.active .number {
  border-color: #A3D4CA;
}
.customer.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.index .course-landing {
  background: rgba(163, 212, 202, 0.2);
}
.customer.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.welcome .course-landing {
  background: rgba(163, 212, 202, 0.2);
}
.customer.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.t900 .course-landing {
  background: rgba(163, 212, 202, 0.2);
}
.customer.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.t930 .course-landing {
  background: rgba(163, 212, 202, 0.2);
}
.customer.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.t1200 .course-landing {
  background: rgba(163, 212, 202, 0.2);
}
.customer.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.t1400 .course-landing {
  background: rgba(163, 212, 202, 0.2);
}
.customer.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.quiz .course-landing {
  background: rgba(163, 212, 202, 0.2);
}
.customer.cyber-security-training-page.course-page .ant-layout-content .ant-radio-checked .ant-radio-inner {
  border-color: #A3D4CA;
}
.customer.cyber-security-training-page.course-page .ant-layout-content .ant-radio-inner::after {
  background-color: #A3D4CA;
}
.customer.cyber-security-training-page.course-page .ant-layout-content .ant-radio-wrapper:hover .ant-radio,
.customer.cyber-security-training-page.course-page .ant-layout-content .ant-radio:hover .ant-radio-inner,
.customer.cyber-security-training-page.course-page .ant-layout-content .ant-radio-input:focus + .ant-radio-inner {
  border-color: #A3D4CA;
}
.customer.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass .cert-download-input .cert-download-button {
  background-color: #A3D4CA;
}
.customer.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-retry-button {
  background-color: #A3D4CA;
}
.cyber-security-training-page.course-page.customer .ant-layout-content .course-body .course-body-content.quiz .progress .progress-line {
  background-color: #A3D4CA;
}

.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation {
  position: relative;
  cursor: pointer;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  top: 20rem;
  left: 16rem;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation {
    margin-left: -2rem;
    width: calc(100% + 4rem);
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .avater {
    width: 12vw!important;
    height: 12vw!important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message {
    width: 75vw!important;
    height: 15vw!important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message-text {
    font-size: 1.2rem !important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message-text {
    padding: 1vw 1vw 1vw 15vw!important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message-text {
    padding: 1.2vw 15vw 1vw 1vw !important;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message-text {
    padding: 2vw 13vw 2vw 2vw !important;
  }
}

@media (max-width: 1024px) {
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation {
    margin-left: -2rem;
    width: calc(100% + 4rem);
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .avater {
    width: 12vw!important;
    height: 12vw!important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message {
    width: 75vw!important;
    height: 15vw!important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message-text {
    font-size: 1.2rem !important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message-text {
    padding: 1vw 1vw 1vw 15vw!important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message-text {
    padding: 1.2vw 15vw 1vw 1vw !important;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message {
    width: 75vw!important;
    height: 25vw!important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .avater {
    margin-top: 8% !important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message-text {
    padding: 2vw 4vw 2vw 16vw !important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message-text {
    padding: 2vw 15vw 2vw 3vw !important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message-text {
    padding: 2vw 4vw 2vw 16vw !important;
  }
  .cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message-text {
    font-size: 1.4rem !important;
  }
  .cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .topic-item .conversation .avater {
    margin-top: 12% !important;
  }
}

.animation004-modal .ant-modal-content .ant-modal-body .prev-button .click-point1 {
  position: absolute;
  bottom: 5rem;
  left: 5rem;
  width: 5rem;
  height: 5rem;
  transform: rotate(225deg);
}
.animation004-modal .ant-modal-content .ant-modal-body .next-button .click-point2 {
  position: absolute;
  bottom: 5rem;
  right: 5rem;
  width: 5rem;
  height: 5rem;
  transform: rotate(135deg);
}
.animation004-modal .ant-modal-content .animation004-modal-header {
  margin: 4rem;
  margin-bottom: 1rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 4rem;
  padding: 1rem;
  font-size: 2.625rem;
  font-weight: 500;
  border-left: 4px solid #597EF7;
  display: flex;
  align-items: center;
  justify-content: center;
}
.animation004-modal .ant-modal-content .ant-modal-body .next-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.8rem;
  width: 4.8rem;
  right: 0;
  bottom: 0;
  padding: 0;
}
.animation004-modal .ant-modal-content .ant-modal-body .next-button .arrow {
  margin: 0 auto;
}
.animation004-modal .ant-modal-content .ant-modal-body .prev-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.8rem;
  width: 4.8rem;
  left: 0;
  bottom: 0;
  padding: 0;
}
.animation004-modal .ant-modal-content .ant-modal-body .prev-button .arrow {
  margin: 0 auto;
}
.animation004-modal .ant-modal-content .ant-modal-body .hide {
  display: none;
}
.animation004-modal .ant-modal-content .ant-modal-body .border {
  margin-left: 12rem;
  margin-right: 12rem;
  margin-top: 0;
  margin-bottom: 1rem;
}
.animation004-modal .ant-modal-content .ant-modal-body .border img {
  width: 100%;
}
.animation004-modal .ant-modal-content .ant-modal-body .content {
  margin-left: 12rem;
  margin-right: 12rem;
  margin-top: 0;
  margin-bottom: 5rem;
  background: rgba(234, 75, 108, 0.2);
  border-radius: 5px;
  font-size: 1.5rem;
  font-weight: 400;
  padding: 1.5rem;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation004 {
  position: relative;
  height: 600px;
  margin-top: 48px;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation004.no-title {
  position: relative;
  z-index: 0;
  display: flex;
  justify-content: center;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section {
  margin-left: -56px !important;
  width: 1000px;
  position: relative;
  height: 100%;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation004 .img-g5584 {
  position: absolute;
  z-index: 0;
  top: 164px;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation004 .animation004-title {
  background: url(data:image/png;base64,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);
  width: 317px;
  height: 184px;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  left: 100px;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2rem;
  padding: 1rem;
  text-align: center;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section {
  margin-left: 225px;
  position: relative;
  height: 100%;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .click-point {
  position: absolute;
  width: 149px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step {
  width: 180px;
  position: absolute;
  cursor: pointer;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .text {
  font-size: 24px;
  font-weight: 400;
  line-height: 29px;
  text-align: center;
  margin-bottom: 40.69px;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .sub-task-text {
  margin-top: -40.69px;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .indicator {
  width: 100%;
  line-height: 68.78px;
  display: flex;
  font-size: 26px;
  font-weight: 700;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .indicator.indicator-title {
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 0.625rem;
  justify-content: center;
  display: flex;
  min-height: 4rem;
  text-align: center;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step img {
  position: absolute;
  width: 280px;
  left: -195px;
  bottom: -108px;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step1 {
  top: auto;
  left: 0;
  bottom: 124px;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step1 .indicator {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAABGCAYAAABmILAIAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAL1SURBVHgB7d1NkppAGIDhxiKLrOIRzG1yhBwhx5irZJdr5CSZXQ4QBVF+wtfFZ7WItDiiQL9PlaXDbHmnfwAnSr+/bQyATp9/vb3Hn+LijwFwYZck7/Xb15UBcCFJU5Nl2UY+xwbAme1uZw6Hw+lnIgEaVVXZQI7H49lxIgFqZVmaf9utKYri4ndEguDleW5HEAmlC5EgaPv93i7S+xAJgiSjxk7WH/Uo4kMkCI6MHmn9koX6LYgEwRgyeriIBEEYOnq4iASLJjtXuyTp3Nq9FZFgkezUqo6jfWHwHkSCRZHp1D7L7PTqnqlV299vPzZEgkV4dBwuIsGsjRmHIhLM0jPiUESCWZHdKrmNPatfY8ehiASzIHGkaTr4QuAjEAkm65lTqj5EgkmRGOTC36tGjS5Egkl4xVrjVkSCl5lyGC4iwVPNJQwXkWBUEoJEYeM4HmcThotI8FC68JZFd15HMZXF993imHu38DEahYwUcsdtXn+e42jRh0gwiNyCLjFIGDaOBUbRRiS4SoKQCIp6lNAp1NKD6EIksDHYIOoI5D2UEeJWRBIIOfnlpNcQdJTQ47iOSGZOv3VQRwA54fXEt8eaIHA/IpmI9snePqbvZX3yV84L4yOSkehJ7P6Fd//K261T5zOmi0gG0pPaLmybqczZsSYELAeRtOiitmgWtacFrzMaICzBRaK7OjoKnH5mBECHVWHWi4zktL3pjAa63QkMEUXlfCMhBDzL5CNxY9ArwVwAwzNNJhJiwFS9JBK9tTqkO0kxX6NGojtGemt13kQBzMlDI7G3UxMEFubuSGSU0Ec0mTJhyW6ORKZN8kC/PnzDVitCcTUSnTrZZ5cDfSINEKdIJIIsy2wcc/3qF2AMcSL/V67ZjgVwrqyidSzf2g2gWxRF65UB0ItIAA8iATyIBPAgEsCDSAAPIgE8iATwIBLAg0gADyIBelSV4bYUoM9qVX0hEsCDSAAPIgE8iATwIBLAg0gAj7gy1U8DoFNUVb//A1Rb9MBga6C3AAAAAElFTkSuQmCC);
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step1 img {
  left: -240px;
  bottom: -136px;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step2 {
  top: auto;
  left: 270px;
  bottom: 167px;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step2 .indicator {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAABFCAYAAADgtMKmAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALuSURBVHgB7dxBctowFIDhB/W+HIFtj9Eb9BS5Undd9U5Ztj1C2wkBbEvxMxYYsC2c2GDJ/zeTCTMkO/15km2yeH768UsAXNtkv7/8fPqaFC/XAuDcJhO7TVf6cikAzhWByDaVhQiRAFeqQOoSASBirchLEcc+v3qLSABTBPJ/J5LbxreJBPOWmSKQ/WGStCASzNem2F5tM++PEQnmJ9PzR/v26hKRYF5ei8nxmvb6FSLBPOjZ42V/8/SoIxLETQ/kOj1uOHu0IRLEy8Vh+0+POiJBfPSGoF65Mh+LQz1/+74mEsRDzx16KE+NDIlIEL6R4nCIBOEaOQ6HSBAWPYTv8sOBfIAzxy2IBGHQOLb5IFer+iISTNudtlRdiATT88Cp0YRIMA3urJHmD50aTYgEj6Nh6LNUup3SJ3MnMDWaEAnuS0PQO+L6NeEw6ogE4zNVGBPcSt2CSDA8t43aFwfvvbnb/YxRJBnPbmEA9Sj0e4DToguRoD+dDLp1ys0hiDzgSXEDIkE3W00GDSOrogjgsD0kIsGBLnzdJWXVhNDXMwyiCZHMiS54XfNZNRlMFUMW+OF6ZEQSCxeALnadBOVrc4rCvYfeiGSK3GIu/9rbUwDWnt7Tby4G9x5GQSRjOy5wqRb1xcI/hiAs9okikvfq2t6Y6r4Biz4KRNKkfsB1f/mNPd/fs/hnY56RtF3lcZc+CQCVYims4o2kft3fTQKu8qAnY23gkbSFwDTAgMKIxD1AVwbADTDc17QiuYyhfB3GB3MQr8dFUn+SlMmACRs/kssH51LODAjL8JGUW6T8MBmy+D9rgPh9LJL6lonzAyLVL5L84hNpnCEwA92RuC1TGs6/fwGGdh6JmxREARwl5aTQ/3Kx46OaQJNE/u0EQLPFcrFeCoBORAJ4EAngQSSAB5EAHkQCeBAJ4EEkgAeRAB5EAngQCdDB2uWKSIAOn0Q+EwngQSSAB5EAHkQCeBAJ4EEkgEdixf4RAC0Wf98AYqTlQ0RwE48AAAAASUVORK5CYII=);
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step3 {
  top: auto;
  left: 545px;
  bottom: 210px;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step3 .indicator {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAABFCAYAAADgtMKmAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMiSURBVHgB7dxNctowGIBhGdiXI3CG3qC36Bm67xl6hK56nm57g7b7thkCBLAtqf4EIiYBKwZsbOt9ZjrJkC79ok/+S759/vFTAXhluzS/Pn19/2FilZopAEfSJ6NWcz2V30cKwBEXyIOWX10kEwXgYL3QavNojj4jEmBvPS8CWZpXnxMJomeLjfnyb67yrT35dyJB1HRWBPIvVya3Z/8PkSBaMlrJiBVCJIiOKbpYPZwfr14iEkRFVo/Nwihr3haIIBJEoe7qUUYkGDQ5c7WVvcdjeO9xDpFgsOTK+dO83mh1CpFgcGSkkivnl4xWL335+H1GJBiMW8ZRRiTovabi8IgEvdV0HB6RoHfaisMjEvSCP5UrFwOvPVtVF5Gg02S1SDemOJ1rW4/DIxJ0jls1VkZlRRxtjVRViASd4fcacvv6vVaNU4gEd9WFcSqESNC6PoRRRiRonOwx0rXsL2Sf0a1R6i2IBI2Q1SJPrcq23dh8X2qsx1MiwU3oTIKw7oxU1zbe19DjhEhQn4xPulgl8mx4UZxCJKgkQcibRGSV0FkRRL4LJCZEggOJQbt/ygWRp6ryVTuxIJLI+JVBRiX5afQuCpMPe2S6BpEMiARgtXUvPdBarkHsVgS3h3D7BkK4BJF0lB9z5IC3xVFuzPNB7mLY/3R/N4xFTSKSFpS/4f0BLwe1P9h3n/sI+LbvGiK5gj/QZa73B778Xv6G56DvPyI5wwcgG1w3zujdfUY6Z7yJTbSRlCMorwBscFE2Ssywr7iXz/u7kUhOdxIBakiSAdyWci4ExiHcSi8i8WeHspQLYGhf5yJx9wntY3ArBKsC7uxukbhN89Yc7hNiZUBXtRKJXxXkTlL2DOibm0dSDkIexBn6swYYvqsiKT98k6fymCZBYHhqReI31TrbPb8c28M3iFNlJBJFurE8gIOoHUXS91e/AE2Y+BeFMT4Bp00Wf3IF4DSr7GykAFQiEiCASIAAIgECiAQIIBIggEiAACIBAogECCASIIBIgAqJTaZEAlRJ1DsiAQKIBAggEiCASIAAIgECiAQIkBdB/FYAzpn/BxpxqBXldz9PAAAAAElFTkSuQmCC);
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step4 {
  top: auto;
  left: 820px;
  bottom: 255px;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step4 .indicator {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAABGCAYAAABmILAIAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALySURBVHgB7dxPctowFIBxQVhk0UVu0PRmuUHbG3Smh+iyR+sRwiTFNrZll4fzGkHAMn9sLPn7zWQgwFIfT2Cb2dcf6W8D4IPc2uWvn5++L8zMPBkAO6qqMsnfbLm5u4kEwA4J5OUlMdbWD/I/kQCOsmwCqev6/2NEArxZr0uzWmU7gQgiATaSJDdpuj74HJFg0mRqvL6mpijs0dcQCSZLwlitUvmA3vo6IsHkyPRI03z71wWRYFK6Tg8XkWASTp0eLiJB9M6ZHi4iQbTkwGCSZK3fXHVBJIjOJVurfU/f/jwQCaIhcWRZsY1j/6j5ubLsnkgQvj7icBEJgtV3HIpIEJyh4lBEgmDIt1RyEuKl31adikgwajo1iqIcPA5FJBglCSLPi+01HkNsqdoQCUZjDFPjECLBTY01DBeRYHBuGHLqyK23Uz5EgkFUVb35fDHuiXEMkaAXMh1kSsiH7zwvt5GEaH5vOS0F1yMToixtMNuoLubmjkhwHp0UsUVxCJGgE4lAYrC22vzZ7f9TQSTY4U4IDUKu6It1SnRBJBMlH6Q1BPntW7mNect0CSKJkCx0WevNJGgikCiaKWGD/abpVogkALqoZcHLQtcFr/eb11RvzxumwZURycBkUesi10W/v9jfQ2DBjwGRXIFub3QrowtdHuMdPnxE4qHv/BJA8w5f7Sx+9vfxm3wkGoBOAL0lAKjoI2n2/hoCEeA0lb17jCKSQyFwEAzXElQk7gEw9yAYEwF9GmUk+zEwFXBLN42E84QQgsEicaeD3HJ6BELRSyQahJxaLfflYhymA0J1cSTulqkJgyAQl5Mjkckg1yw3F95M6+IbTJM3EveKNImDKYGp+RCJ/vQLWyegsZAIJAaZFiH/9AvQl8Xz84ppARwxn9WPcwIB2s0NgFZEAngQCeBBJIAHkQAeRAJ4EAngQSSAB5EAHkQCeBAJ0KKuZ5+JBPAgEsCDSAAPIgE8iATwIBLAg0gAj0U5t18MgIPuTbb8B39gApjHABaiAAAAAElFTkSuQmCC);
}

@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation004 {
    position: relative;
    height: 75vw;
    margin-left: 0rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation004 .img-g5584 {
    display: none;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation004 .animation004-title {
    background: none;
    font-weight: 500;
    line-height: 3.375rem;
    letter-spacing: 0em;
    border-left: 5px solid #F26927;
    font-size: 2.1rem;
    position: relative;
    padding-bottom: 0;
    width: 100vw;
    justify-content: left;
    left: auto;
    height: auto;
    width: auto;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section {
    margin-left: 0 !important;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .click-point {
    top: auto !important;
    width: 12vw;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step {
    width: 21vw;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .indicator {
    line-height: 5vw;
    background-size: cover !important;
    font-size: 3vw;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .text {
    font-size: 3vw;
    line-height: 4vw;
    margin-bottom: 2vw;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .step-title {
    font-size: 3vw;
    line-height: 4vw;
    margin-bottom: 2vw;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .sub-task-text {
    margin-top: 0;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .sub-task-text button.ant-btn.ant-btn-link {
    font-size: 2vw!important;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step img {
    width: 25vw;
    left: -12vw;
    bottom: -10vw;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step1 {
    bottom: 20vw;
    top: auto;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step2 {
    bottom: 25vw;
    left: 24vw;
    top: auto;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step3 {
    bottom: 30vw;
    left: 48vw;
    top: auto;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step4 {
    bottom: 35vw;
    left: 72vw;
    top: auto;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section {
    margin-left: 0 !important;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .click-point {
    top: auto !important;
    width: 12vw;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step {
    width: 21vw;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .indicator {
    line-height: 5vw;
    background-size: cover !important;
    font-size: 3vw;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .text {
    font-size: 3vw;
    line-height: 4vw;
    margin-bottom: 2vw;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .step-title {
    font-size: 3vw;
    line-height: 4vw;
    margin-bottom: 2vw;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .sub-task-text {
    margin-top: 0;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .sub-task-text button.ant-btn.ant-btn-link {
    font-size: 2vw!important;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step img {
    width: 25vw;
    left: -12vw;
    bottom: -10vw;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step1 {
    bottom: 20vw;
    top: auto;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step2 {
    bottom: 25vw;
    left: 24vw;
    top: auto;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step3 {
    bottom: 30vw;
    left: 48vw;
    top: auto;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step4 {
    bottom: 35vw;
    left: 72vw;
    top: auto;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004 .animation004-title {
    display: none;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004 .animation004-title {
    display: none;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation004.no-title {
    position: relative;
    z-index: 0;
    margin-bottom: 0 !important;
  }
}

.it .animation006 {
  width: 1024px;
  display: flex;
  position: relative;
  margin: auto;
  margin-bottom: 100px;
}
.it .animation006 .click-point {
  position: absolute;
  width: 100px;
  bottom: 0;
  left: 50%;
  z-index: 99;
  transform: rotate(315deg);
}
.it .animation006 .animation006-bg {
  position: relative;
  margin: auto;
  width: 1024px;
  height: 582px;
  background-image: url(/static/media/social-media-bg.f452d92d.png);
  background-size: 100% 100%;
}
.it .animation006 .animation006-gif {
  position: absolute;
  margin: auto;
  width: 270px;
  z-index: 10;
  bottom: -10px;
  left: calc(50% - 135px);
}
.it .animation006 .animation006-radius {
  position: absolute;
  margin: auto;
  width: 270px;
  height: 270px;
  border-radius: 50%;
  background-color: #F26927;
  font-size: 28px;
  font-weight: 300;
  text-align: center;
  word-wrap: break-word;
  color: #FFFFFF;
  z-index: 10;
  bottom: 0;
  left: calc(50% - 135px);
  display: flex;
  justify-content: center;
  align-items: center;
}
.it .animation006 .animation006-panel {
  font-size: 16px;
  position: absolute;
  border-radius: 23px;
  box-shadow: 0px 2.38095px 28.5713px rgba(0, 0, 0, 0.08);
  background-color: #fff;
  text-align: center;
}
.it .animation006 .animation006-panel.s1 {
  left: 9px;
  bottom: 112px;
}
.it .animation006 .animation006-panel.s2 {
  left: 60px;
  bottom: 270px;
}
.it .animation006 .animation006-panel.s3 {
  left: 205px;
  bottom: 428px;
}
.it .animation006 .animation006-panel.s4 {
  right: 205px;
  bottom: 428px;
}
.it .animation006 .animation006-panel.s5 {
  right: 60px;
  bottom: 270px;
}
.it .animation006 .animation006-panel.s6 {
  right: 9px;
  bottom: 112px;
}
.it .animation006 .animation006-panel .animation006-content {
  padding: 31px 22px;
  display: flex;
  flex-direction: column;
  font-size: 21px;
  font-weight: 400;
  line-height: 27px;
  align-items: center;
  justify-content: center;
  height: 116px;
  width: 275px;
  position: relative;
}
.it .animation006 .animation006-panel .animation006-content .view-more .view-more-btn {
  font-size: 21px;
  font-weight: 400;
  opacity: 1 !important;
  height: auto;
  position: relative;
}
.it .animation006 .animation006-panel .animation006-content .view-more .view-more-btn .click-point1 {
  width: 40px;
  cursor: pointer;
  transform: rotate(270deg);
  position: absolute;
  bottom: 0;
  left: 90%;
}
.it .animation006 .animation006-panel .animation006-content .indicator {
  position: absolute;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  background: #E7444E;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 19px;
  font-weight: 400;
  line-height: 25px;
  left: -16px;
  top: -16px;
}
.animation006-modal-header {
  display: flex;
  justify-content: space-between;
  padding-right: 35px;
}
.animation006-modal-header .animation006-modal-title {
  border-left: 4px solid #A3D4CA;
  padding: 1rem;
  font-size: 2rem;
  color: unset;
  background-color: unset;
  border-radius: unset;
  line-height: unset;
  font-weight: unset;
}
.animation006-modal-header .animation006-modal-link {
  max-width: 50%;
  font-size: 1.125rem;
  color: #fff;
  background-color: #E7444E;
  border-radius: 12px;
  line-height: 1.6;
  font-weight: 700;
  padding: 0.5625rem 1rem;
  margin-left: 20px;
}
.animation006-modal-header .animation006-modal-link a {
  color: white;
  text-decoration: underline;
}
.animation006-modal .ant-modal-body {
  display: flex;
  justify-content: center;
  position: relative;
  min-height: 456px;
}
.animation006-modal .ant-modal-body img {
  width: 100%;
  height: 100%;
  margin-bottom: 50px;
}
.animation006-modal .ant-modal-body .hide {
  display: none;
}
.animation006-modal .ant-modal-body .next-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 3.8rem;
  width: 4.8rem;
  right: 0;
  bottom: 0;
}
.animation006-modal .ant-modal-body .prev-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 3.8rem;
  width: 4.8rem;
  left: 0;
  bottom: 0;
}
@media (max-width: 1024px) {
  .animation006-modal {
    width: 100%;
    height: 100%;
  }
  .animation006-modal .ant-modal-body {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    position: relative;
    min-height: 456px;
  }
  .animation006-modal .ant-modal-body .hide {
    display: none;
  }
  .animation006-modal .ant-modal-body .next-button {
    position: absolute;
    background: #FFC53D;
    border-radius: 0px;
    height: 4.5rem;
    width: 4.5rem;
    right: 0;
    bottom: 0;
  }
  .animation006-modal .ant-modal-body .prev-button {
    position: absolute;
    background: #FFC53D;
    border-radius: 0px;
    height: 4.5rem;
    width: 4.5rem;
    left: 0;
    bottom: 0;
  }
  .animation006-modal .ant-modal-body img {
    width: 100%;
    height: 100%;
  }
  .it .animation006 {
    width: 100%;
    display: flex;
    position: relative;
    margin: auto;
    margin-bottom: 6.25rem;
  }
  .it .animation006 .animation006-radius {
    width: 25vw;
    height: 25vw;
    font-size: 2.4rem;
    padding: 2rem;
    left: calc(50% - 12.5vw);
  }
  .it .animation006 .animation006-bg {
    width: calc(100vw - 4rem);
    height: calc((100vw - 4rem) * 595 / 1024);
  }
  .it .animation006 .animation006-gif {
    width: 26%;
    left: 37%;
  }
  .it .animation006 .animation006-panel {
    border-radius: 1.5rem;
  }
  .it .animation006 .animation006-panel .animation006-content {
    width: 26vw;
    height: auto;
    min-height: 7rem;
    padding: 1.5rem 1rem;
    font-size: 1.8rem;
  }
  .it .animation006 .animation006-panel .animation006-content .indicator {
    font-size: 1.2rem;
    width: 2.5rem;
    height: 2.5rem;
    left: -1rem;
    top: -1rem;
  }
  .it .animation006 .animation006-panel.s1 {
    left: 2vw;
    bottom: 5vw;
  }
  .it .animation006 .animation006-panel.s2 {
    left: 5vw;
    bottom: 23vw;
  }
  .it .animation006 .animation006-panel.s3 {
    left: 20vw;
    bottom: 40vw;
  }
  .it .animation006 .animation006-panel.s4 {
    right: 20vw;
    bottom: 40vw;
  }
  .it .animation006 .animation006-panel.s5 {
    right: 5vw;
    bottom: 23vw;
  }
  .it .animation006 .animation006-panel.s6 {
    right: 2vw;
    bottom: 5vw;
  }
  .it.en .animation006 .animation006-panel.s1 {
    left: 2vw;
    bottom: 2vw;
  }
  .animation006 .animation006-panel .animation006-content .view-more-btn {
    font-size: 1.5rem !important;
  }
  .animation006 .animation006-panel .animation006-content .click-point1 {
    width: 30px !important;
  }
}
@media (max-width: 768px) {
  .it .animation006 .animation006-panel .animation006-content .view-more-btn {
    font-size: 1.5rem;
    height: auto;
    padding: 0 !important;
  }
  .it .animation006 .animation006-radius {
    font-size: 1.5rem;
  }
  .it .animation006 {
    margin-top: 5rem;
  }
  .it .animation006 .animation006-panel .animation006-content {
    font-size: 1.2rem;
    line-height: 1.4;
    width: 25vw;
    padding: 0.5rem 0.5rem;
  }
  .it .animation006 .animation006-panel .animation006-content .view-more .view-more-btn {
    font-size: 10px !important;
  }
  .it .animation006 .animation006-panel .animation006-content .view-more .view-more-btn .click-point1 {
    bottom: -10%;
    left: 100%;
  }
  .it .animation006 .animation006-panel .animation006-content .indicator {
    font-size: 1rem;
    width: 2rem;
    height: 2rem;
    left: -1rem;
    top: -1rem;
  }
  .it .animation006 .animation006-panel .animation006-content .view-more-btn {
    font-size: 12px;
  }
  .it .animation006 .animation006-panel .animation006-content .click-point1 {
    width: 20px !important;
  }
  .it.en .animation006 .animation006-panel.s1 {
    left: 2vw;
    bottom: 5vw;
  }
  .it.en .animation006 .animation006-panel.s2 {
    left: 5vw;
    bottom: 27vw;
  }
  .it.en .animation006 .animation006-panel.s3 {
    left: 20vw;
    bottom: 40vw;
  }
  .it.en .animation006 .animation006-panel.s4 {
    right: 20vw;
    bottom: 40vw;
  }
  .it.en .animation006 .animation006-panel.s5 {
    right: 5vw;
    bottom: 27vw;
  }
  .it.en .animation006 .animation006-panel.s6 {
    right: 2vw;
    bottom: 13vw;
  }
}
@media (max-width: 480px) {
  .it .animation006 {
    margin-bottom: 10rem;
  }
  .it .animation006 .animation006-panel .animation006-content .view-more-btn {
    font-size: 10px;
  }
  .it .animation006 .animation006-panel .animation006-content .click-point1 {
    width: 20px !important;
  }
  .it .animation006 .animation006-radius {
    font-size: 1rem;
  }
  .it .animation006 .animation006-panel .animation006-content {
    padding: 0.5rem;
    line-height: 16px;
    min-height: 5rem;
    width: 27vw;
  }
  .it .animation006 .animation006-panel .animation006-content .view-more {
    margin-left: 0px;
  }
  .it .animation006 .animation006-panel .animation006-content .view-more .view-more-btn {
    font-size: 8px;
    border: 0;
  }
  .it .animation006 .animation006-panel .animation006-content .view-more img {
    width: 20px !important;
  }
  .it .animation006 .animation006-panel.s1 {
    left: 0vw;
    bottom: -25vw;
  }
  .it .animation006 .animation006-panel.s2 {
    left: 3vw;
    bottom: 10vw;
  }
  .it .animation006 .animation006-panel.s3 {
    left: 15vw;
    bottom: 35vw;
  }
  .it .animation006 .animation006-panel.s4 {
    right: 15vw;
    bottom: 35vw;
  }
  .it .animation006 .animation006-panel.s5 {
    right: 3vw;
    bottom: 10vw;
  }
  .it .animation006 .animation006-panel.s6 {
    right: 0vw;
    bottom: -15vw;
  }
  .animation006-modal {
    width: 100% !important;
  }
  .animation006-modal .animation006-modal-header .animation006-modal-title {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .animation006-modal .ant-modal-body {
    display: flex;
    justify-content: center;
    position: relative;
    min-height: 300px;
  }
  .animation006-modal .ant-modal-body img {
    width: 100%;
    height: 100%;
    margin-bottom: 50px;
  }
  .animation006-modal .ant-modal-body .hide {
    display: none;
  }
  .animation006-modal .ant-modal-body .next-button {
    position: absolute;
    background: #FFC53D;
    border-radius: 0px;
    height: 3.8rem;
    width: 4.8rem;
    right: 0;
    bottom: 0;
  }
  .animation006-modal .ant-modal-body .prev-button {
    position: absolute;
    background: #FFC53D;
    border-radius: 0px;
    height: 3.8rem;
    width: 4.8rem;
    left: 0;
    bottom: 0;
  }
}

.it .animation008 {
  margin-right: 3.5rem;
  padding-bottom: 3.5rem;
}
.it .animation008 .animation008-title {
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.625rem;
  text-align: center;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  margin-bottom: 1.5rem;
}
.it .animation008 .animation008-content {
  display: flex;
  grid-gap: 1rem;
  gap: 1rem;
  justify-content: flex-start;
  padding-right: 3.5rem;
  flex-wrap: wrap;
  margin-top: 3.5rem;
}
.it .animation008 .animation008-content .animation008-header {
  margin-top: 1.5rem;
  display: flex;
  justify-content: center;
}
.it .animation008 .animation008-content .animation008-header > .subtitle {
  font-size: 3.5rem;
  color: white;
  position: relative;
}
.it .animation008 .animation008-content .animation008-header > .subtitle .arrow {
  height: 100%;
  position: absolute;
  top: 0;
  right: -50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.it .animation008 .animation008-content .animation008-header > .subtitle .arrow img {
  width: 100%;
}
.it .animation008 .animation008-content .animation008-item {
  width: calc(25% - 1rem) !important;
  position: relative;
  border-radius: 60px 4px;
  cursor: initial;
  z-index: 1;
}
.it .animation008 .animation008-content .animation008-item .click-point {
  position: absolute;
  z-index: 10;
  width: 118px;
  bottom: -145px;
  left: calc(50% - 59px);
}
.it .animation008 .animation008-content .animation008-item .small-icon {
  position: relative;
  z-index: 2;
  width: 100%;
  border-radius: 0px;
  margin-top: 15px;
  margin-bottom: 5px;
  text-align: center;
}
.it .animation008 .animation008-content .animation008-item .small-icon img {
  height: 2.8125rem;
}
.it .animation008 .animation008-content .animation008-item .small-icon.large img {
  height: 4.5rem;
}
.it .animation008 .animation008-content .animation008-item .animation008-top {
  color: #fff;
  display: flex;
  flex-direction: column;
  height: auto;
  min-height: 5rem;
  align-items: flex-start;
  justify-content: center;
  text-align: left;
  font-family: Helvetica Neue;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0em;
  padding-left: 2rem;
  padding-right: 2rem;
}
.it .animation008 .animation008-content .animation008-item .animation008-text {
  color: #fff;
  padding: 30px 2rem;
  padding-top: 0;
  min-height: 145px;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.6;
  text-align: left;
  position: relative;
}
.it .animation008 .animation008-content .animation008-item .animation008-text ul {
  margin-bottom: 0;
  padding-left: 0;
}
.it .animation008 .animation008-content .animation008-item .animation008-text .animation008-text-content {
  padding: 0;
}
.it .animation008 .animation008-content .animation008-item .animation008-text .click-point1 {
  width: 40px !important;
  position: absolute;
  bottom: -20%;
  right: 0;
  transform: rotate(315deg);
}
.it .animation008 .animation008-content .animation008-item .animation008-text .view-more-btn {
  width: 100%;
  display: flex;
  justify-content: center;
  color: #FFFFFF;
  height: auto;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  text-align: left;
}
.it .animation008 .animation008-content .animation008-item .animation008-text .view-more-btn span {
  padding: 5px 20px;
  background-color: #FF646D;
}
.animation008-modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: 3rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 5rem;
  padding: 1rem;
  font-size: 2.625rem;
  font-weight: 500;
  border-left: 6px solid #D0B175;
}
.animation008-modal-header .animation008-modal-title {
  font-size: 2.625rem;
  color: unset;
  background-color: unset;
  border-radius: 12px;
  line-height: 1.5;
  font-weight: 400;
  padding: 0.5625rem 1rem;
}
.animation008-modal-header .animation008-modal-link {
  text-align: right;
}
.animation008-modal-header .animation008-modal-link .link-label {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.8375rem;
  letter-spacing: 0em;
  text-align: left;
  margin-right: 2rem;
}
.animation008-modal-header .animation008-modal-link .link-label img {
  margin-top: -0.5rem;
  height: 2.0625rem;
}
.animation008-modal-header .animation008-modal-link .example-link {
  color: #F26927;
  font-family: Helvetica Neue;
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 2.8125rem;
  text-decoration: underline;
}
.animation008-modal .ant-modal-body {
  display: flex;
  justify-content: center;
  position: relative;
  min-height: 456px;
}
.animation008-modal .ant-modal-body video {
  width: 95%;
  height: 100%;
  margin-bottom: 50px;
}
.animation008-modal .ant-modal-body .hide {
  display: none;
}
.animation008-modal .ant-modal-body .next-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.5rem;
  width: 6.5rem;
  right: 0;
  bottom: 0;
}
.animation008-modal .ant-modal-body .prev-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.5rem;
  width: 6.5rem;
  left: 0;
  bottom: 0;
}
@media (max-width: 768px) {
  .animation008-modal-header {
    margin-left: 0;
  }
  .it .animation008 .animation008-content {
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
    grid-gap: 1rem;
    gap: 1rem;
  }
  .it .animation008 .animation008-content .animation008-item {
    width: calc(33.33333% - 1rem) !important;
    position: relative;
  }
  .it .animation008 .animation008-content .animation008-item .click-point {
    position: absolute;
    z-index: 10;
    width: 118px;
    bottom: -130px;
    left: 50px;
  }
  .it .animation008 .animation008-content .animation008-item .small-icon {
    width: 100%;
    text-align: center;
  }
  .it .animation008 .animation008-content .animation008-item .animation008-top {
    height: 80px;
    line-height: 30px;
    font-size: 20px;
  }
  .it .animation008 .animation008-content .animation008-item .animation008-text {
    padding: 16px 10px;
  }
  .animation008-modal {
    width: 90% !important;
  }
  .animation008-modal .animation008-modal-header {
    display: flex;
    flex-direction: column;
  }
  .animation008-modal .animation008-modal-header .animation008-modal-title {
    margin-bottom: 10px;
  }
  .animation008-modal .ant-modal-body .next-button img {
    height: 25px;
  }
  .animation008-modal .ant-modal-body .prev-button img {
    height: 25px;
  }
}
@media (max-width: 1024px) {
  .it .animation008 .animation008-content {
    padding-right: 0;
  }
  .it .animation008 .animation008-content .animation008-item .animation008-top {
    min-height: 6rem;
  }
  .it .animation008 .animation008-content .animation008-item .click-point {
    width: 76px;
    bottom: -76px;
    left: calc(50% - 38px);
  }
  .it .animation008 .animation008-content .animation008-header > .subtitle .arrow {
    right: -100%;
  }
  .it .animation008 .animation008-content .animation008-item .animation008-text {
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.en.it .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-text {
    font-size: 1.4rem;
    line-height: 1.5;
  }
}
@media (max-width: 480px) {
  .it .animation008 .animation008-content .animation008-item {
    width: calc(50% - 1rem) !important;
    position: relative;
  }
  .it.en .animation008 .animation008-content .animation008-item .animation008-text {
    padding: 1.5rem;
    padding-top: 0;
  }
  .it.en .animation008 .animation008-content .animation008-item .animation008-top {
    padding: 1.5rem;
  }
  .it.en .animation008 .animation008-content .animation008-item .animation008-top {
    font-size: 1.6rem;
  }
  .animation008-modal .animation008-modal-header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .animation008-modal .animation008-modal-header .animation008-modal-title {
    margin-bottom: 0;
  }
  .animation008-modal .ant-modal-body {
    padding-left: 0;
    padding-right: 0;
  }
  .it .animation008 .animation008-content .animation008-item .animation008-top {
    line-height: 1.2;
    font-size: 1.8rem;
    height: auto;
    padding: 0;
    align-items: center;
    text-align: center;
  }
}

.it .animation016 {
  padding: 0 11rem;
  margin-right: 3.5rem;
  margin-top: 0rem !important;
  position: relative;
  cursor: pointer;
}
.it .animation016 .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  top: 28rem;
  left: 30rem;
}
.it .animation016 .animation016-attention {
  width: 18rem;
  height: 18rem;
  position: absolute;
  top: -13rem;
  left: 0;
}
.it .animation016 .animation016-attention img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.it .animation016 .animation016-attention .animation016-attention-text {
  position: absolute;
  top: 9rem;
  width: 18rem;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  text-align: center;
  font-size: 1.5rem;
  color: white    ;
}
.it .animation016 .animation016-content {
  display: flex;
  grid-gap: 1rem;
  gap: 1rem;
  justify-content: space-between;
  flex-wrap: wrap;
}
.it .animation016 .animation016-content .animation016-item {
  height: 100%;
  display: flex;
  flex-direction: column;
  width: calc(33.33% - 1rem);
  margin-bottom: 2rem;
}
.it .animation016 .animation016-content .animation016-item .animation016-image img {
  width: 100%;
  height: 100%;
}
.it .animation016 .animation016-content .animation016-item .animation016-header {
  color: #fff;
  display: flex;
  flex-direction: column;
  height: 6.4rem;
  align-items: center;
  justify-content: center;
  grid-gap: 12px;
  gap: 12px;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  padding: 1.25rem;
  text-align: center;
  position: relative;
}
.it .animation016 .animation016-content .animation016-item .animation016-content {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.6;
  text-align: left;
  padding: 1rem;
  background: rgba(234, 75, 108, 0.2);
  border-radius: 5px;
  margin-top: 1rem;
  display: flex;
  align-items: center;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  min-height: 12rem;
}
.it .animation016 .animation016-content .animation016-item .animation016-list {
  background: rgba(234, 75, 108, 0.2);
  border-radius: 5px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5rem;
  text-align: left;
  margin-top: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.it .animation016 .animation016-content .animation016-item .animation016-list ul {
  margin: 0;
}

.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation020 {
  margin-bottom: 5rem!important;
}
.it .animation020-content {
  position: relative;
  margin-right: 3.5rem;
}
.it .animation020-content .animation020 {
  margin-right: 1.5rem;
  padding-bottom: 7rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.it .animation020-content .animation020 .animation020-item {
  height: 30rem;
  display: flex;
  flex-direction: column;
  z-index: 2;
  position: relative;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.it .animation020-content .animation020 .animation020-item .animation020-line {
  width: 100%;
  position: absolute;
  left: 0;
  top: 145px;
  border: 3px solid #000000;
  background-color: #000000;
}
.it .animation020-content .animation020 .animation020-item .animation020-head {
  position: relative;
  min-height: 7rem;
  width: 55%;
  text-align: center;
}
.it .animation020-content .animation020 .animation020-item .animation020-head .animation020-time,
.it .animation020-content .animation020 .animation020-item .animation020-head .animation020-title {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
}
.it .animation020-content .animation020 .animation020-item .animation020-list {
  width: 100%;
  text-align: left;
  margin-top: 30px;
  margin-left: 25%;
}
.it .animation020-content .animation020 .animation020-item .animation020-list .ant-timeline-item-head {
  background-color: transparent;
}
.it .animation020-content .animation020 .animation020-item .animation020-list .animation020-text {
  width: 100%;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
  text-align: left;
  min-height: 4.5rem;
  display: flex;
  align-items: baseline;
  font-family: Helvetica Neue;
}
.it .animation020-content .animation020 .animation020-item .animation020-list .animation020-text .animation020-detail-text {
  position: relative;
  top: -0.5rem;
}
.it .animation020-content .animation020 .animation020-item .animation020-list .animation020-text .ant-timeline-item-content {
  margin-left: 2.5rem;
  padding-right: 1rem;
}
.it .animation020-content .animation020 .animation020-item-0 .ant-timeline-item-tail {
  border-left: 3px solid #4F97FF;
}
.it .animation020-content .animation020 .animation020-item-1 .ant-timeline-item-tail {
  border-left: 3px solid #0CA39A;
}
.it .animation020-content .animation020 .animation020-item-2 .ant-timeline-item-tail {
  border-left: 3px solid #F58F5E;
}
.it .animation020-content .animation020 .animation020-item-3 .ant-timeline-item-tail {
  border-left: 3px solid #EDA926;
}
@media (max-width: 1024px) {
  .it .animation020-content .animation020 {
    margin-right: 0;
  }
  .it .animation020-content .animation020 .animation020-item {
    height: 31rem;
  }
  .it .animation020-content .animation020 .animation020-item .animation020-head {
    width: 110%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding-left: 4.5rem;
  }
  .it .animation020-content .animation020 .animation020-item .animation020-head .animation020-title {
    text-align: left;
  }
  .it .animation020-content .animation020 .animation020-item .animation020-head .animation020-time {
    text-align: left;
  }
  .it .animation020-content .animation020 .animation020-item .animation020-line {
    left: 0;
    top: 135px;
  }
  .it .animation020-content .animation020 .animation020-item .animation020-list {
    margin-top: 60px;
    width: 90%;
  }
  .it.en .animation020-content .animation020 {
    padding-bottom: 0;
  }
  .it.en .animation020-content .animation020 .animation020-item .animation020-head .animation020-time,
  .it.en .animation020-content .animation020 .animation020-item .animation020-head .animation020-title {
    font-size: 1.6rem;
  }
  .it.en .animation020-content .animation020 .animation020-item .animation020-list .animation020-text {
    font-size: 1.4rem;
  }
}
@media (max-width: 768px) {
  .it .animation020-content .animation020 {
    justify-content: flex-start;
  }
  .it .animation020-content .animation020 .animation020-item {
    width: 50% !important;
    height: auto;
  }
  .it .animation020-content .animation020 .animation020-item .animation020-list {
    margin-top: 6rem;
  }
  .it .animation020-content .animation020 .animation020-item .animation020-head {
    height: 60px;
    padding-left: 9rem;
  }
}
@media (max-width: 480px) {
  .it .animation020-content .animation020 {
    justify-content: flex-start;
  }
  .it .animation020-content .animation020 .animation020-item {
    width: 100% !important;
    height: auto;
  }
  .it .animation020-content .animation020 .animation020-item .animation020-head {
    height: 60px;
    padding-left: 8rem;
  }
  .it.en .animation020-content .animation020 .animation020-item .animation020-head .animation020-time,
  .it.en .animation020-content .animation020 .animation020-item .animation020-head .animation020-title {
    font-size: 1.6rem;
  }
}

.it .animation021 {
  margin-right: 1.5rem;
  margin-left: 1.5rem;
}
.it .animation021 .animation021-content {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 1rem;
  gap: 1rem;
  justify-content: center;
  padding-right: 3.5rem;
  position: relative;
}
.it .animation021 .animation021-content .animation021-item {
  cursor: pointer;
  margin-top: 0;
  margin-bottom: 0;
  width: 100%;
  height: 25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 2;
  position: relative;
}
.it .animation021 .animation021-content .animation021-item .click-point {
  position: absolute;
  z-index: 10;
  width: 100px;
  bottom: -50px;
  right: -50px;
  transform: rotate(315deg);
}
.it .animation021 .animation021-content .animation021-item .sub-task-text {
  position: relative;
}
.it .animation021 .animation021-content .animation021-item .sub-task-text .click-point1 {
  width: 40px !important;
  position: absolute;
  bottom: -50%;
  right: -25%;
  transform: rotate(315deg);
}
.it .animation021 .animation021-content .animation021-item .sub-task-text .ant-btn {
  background: #F26927;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 20px;
  cursor: pointer;
  margin-top: 0.5rem;
}
.it .animation021 .animation021-content .animation021-item .sub-task-text .ant-btn > span {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  color: #FFFFFF;
}
.it .animation021 .animation021-content .animation021-item .animation021-icon {
  min-height: 15rem;
  height: 15rem;
  display: flex;
  align-items: center;
}
.it .animation021 .animation021-content .animation021-item .animation021-icon img {
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.it .animation021 .animation021-content .animation021-item .animation021-text {
  width: 10rem;
  font-weight: 400;
  font-size: 20px;
  text-align: center;
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
  min-height: 110px;
}
.it .animation021 .animation021-content .animation021-item .animation021-text .view-more {
  position: relative;
}
.it .animation021 .animation021-content .animation021-item .animation021-text .view-more button span {
  color: #9655F2;
  font-size: 1.2rem;
}
.it .animation021 .animation021-content .animation021-item .animation021-text .view-more .click-point1 {
  position: absolute;
  z-index: 10;
  width: 50px;
  top: 0;
  right: -25px;
  transform: rotate(270deg);
}
.animation021-modal .ant-modal-header {
  height: auto;
  display: flex;
  align-items: center;
}
.animation021-modal .ant-modal-header .ant-modal-title {
  margin: 1rem 3.5rem;
  font-weight: 500;
  font-size: 2.5rem;
  padding: 1rem 1.5rem;
  border-left: 4px solid #A3D4CA;
}
@media (max-width: 1024px) {
  .it .animation021 .animation021-content .animation021-item .animation021-text {
    min-height: 68px;
  }
  .it .animation021 .animation021-content {
    padding-right: 0;
  }
  .it .animation021 .animation021-content .animation021-item {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .it .animation021 .animation021-content .animation021-item .animation021-line img {
    height: 100%;
  }
}
@media (max-width: 768px) {
  .it .animation021 .animation021-content {
    flex-wrap: wrap;
  }
  .it .animation021 .animation021-content .animation021-item .click-point {
    position: absolute;
    z-index: 10;
    width: 50px;
    bottom: -25px;
    right: -25px;
    transform: rotate(315deg);
  }
  .it .animation021 .animation021-content .animation021-item .animation021-line img {
    height: 100%;
  }
  .it .animation021 .animation021-content .animation021-item .animation021-icon {
    width: 6.25rem;
    height: 6.25rem;
    min-height: 6.25rem;
  }
  .it .animation021 .animation021-content .background-line {
    top: 70%;
  }
}
@media (max-width: 480px) {
  .it .animation021 .animation021-content .animation021-item .animation021-text {
    width: 100%;
    font-size: 1.4rem;
    line-height: 1.2;
  }
  .it .animation021 .animation021-content {
    justify-content: flex-start;
  }
  .it .animation021 .animation021-content .background-line {
    height: 2.125rem;
    top: 68%;
  }
  .it .animation021 .animation021-content .animation021-item {
    width: calc(50% - 1rem) !important;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .it .animation021 .animation021-content .animation021-item .animation021-icon {
    width: 100%;
  }
  .it .animation021 .animation021-content .animation021-item .animation021-icon img {
    width: 70%;
    height: 70%;
  }
}

.it .animation022 {
  margin-right: 1.5rem;
  margin-left: 1.5rem;
}
.it .animation022 .animation022-content {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 1rem;
  gap: 1rem;
  justify-content: space-around;
  padding-right: 3.5rem;
  margin-left: -48px;
}
.it .animation022 .animation022-content .animation022-item {
  margin-top: 3rem;
  margin-bottom: 3rem;
  padding-left: 6rem;
  width: 100%;
  height: 25rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  z-index: 2;
  background-image: url(/static/media/a022-market.edf1b973.svg);
  background-repeat: no-repeat;
  position: relative;
}
.it .animation022 .animation022-content .animation022-item .animation022-number {
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.5;
}
.it .animation022 .animation022-content .animation022-item .animation022-text {
  width: 8rem;
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.3;
  text-align: left;
  min-height: 150px;
}
.it .animation022 .animation022-content .animation022-item .click-point {
  position: absolute;
  z-index: 10;
  width: 118px;
  bottom: -25px;
  left: 200px;
  transform: rotate(315deg);
}
@media (max-width: 1024px) {
  .it .animation022 .animation022-content .animation022-item {
    width: calc(33.33% - 1rem) !important;
    padding-left: 12rem;
  }
  .it .animation022 .animation022-content .animation022-item .animation022-text {
    width: 100%;
    font-size: 2rem;
    line-height: 1.5;
  }
  .it .animation022 .animation022-content .animation022-item .click-point {
    width: 65px;
    right: 0;
    bottom: 0;
  }
  .it .animation022 .animation022-content .animation022-item .animation022-text {
    min-height: 68px;
  }
}
@media (max-width: 768px) {
  .it .animation022 .animation022-content .animation022-item {
    width: calc(50% - 1rem) !important;
    padding-left: 13rem;
  }
  .it .animation022 .animation022-content .animation022-item .animation022-text {
    width: 100%;
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .it .animation022-content {
    flex-wrap: wrap;
  }
  .it .animation022-content .animation022-item .animation022-line img {
    height: 100%;
  }
  .it .animation022 .animation022-content .animation022-item .animation022-icon {
    width: 6.25rem;
    height: 6.25rem;
    min-height: 6.25rem;
  }
  .it .animation022 .animation022-content .background-line {
    top: 70%;
  }
}
@media (max-width: 480px) {
  .it .animation022 .animation022-content .animation022-item {
    width: calc(50% - 1rem) !important;
    padding-left: 11rem;
  }
  .it .animation022 .animation022-content .animation022-item .animation022-text {
    width: 7rem;
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .it .animation022 .animation022-content .background-line {
    height: 2.125rem;
    top: 68%;
  }
  .it .animation022 .animation022-content .animation022-item {
    width: 10%;
  }
  .it .animation022 .animation022-content .animation022-item .animation022-icon {
    min-height: 4.25rem;
    width: 4.25rem;
    height: 4.25rem;
  }
  .it .animation022 .animation022-content .animation022-item .animation022-icon img {
    width: 70%;
    height: 70%;
  }
  .it.en .animation022 {
    margin-left: -2.5rem;
  }
}

.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation025 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 56px;
  position: relative;
  margin-bottom: 5rem !important;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation025 .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  bottom: -50px;
  left: 18%;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation025 .animation025-item {
  width: 25%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-color-div {
  height: 10px;
  width: 70%;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-gray-div {
  height: 13px;
  width: 80%;
  background-color: #f5f5f5;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-title {
  color: #ffffff;
  width: 95%;
  font-size: 1.75rem;
  line-height: 1.2;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  min-height: 100px;
  display: flex;
  padding: 1rem;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-text {
  width: 80%;
  height: 200px;
  background-size: 100%;
  font-style: normal;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.5;
  color: #121212;
  padding: 1rem 2rem 0 2rem;
  display: flex;
  justify-content: center;
  cursor: pointer;
  background-color: #f5f5f5;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation025 {
    flex-wrap: wrap;
    padding: 0;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-text {
    height: auto;
    min-height: 130px;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation025 .animation025-item {
    width: 50%;
    margin-bottom: 2rem;
    position: relative;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .click-point {
    position: absolute;
    width: 100px;
    transform: rotate(-45deg);
    z-index: 10;
    transition: all 800ms linear 0s;
    bottom: -50px;
    left: unset;
    right: 0;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-text {
    min-height: 110px;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .click-point {
    width: 50px;
    bottom: -25px;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-text {
    min-height: 130px;
  }
}

.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation026 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 1040px;
  margin: auto;
  position: relative;
  margin-top: 3.5rem;
  margin-bottom: 5rem !important;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation026 .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation026 .animation026-item {
  width: calc(20% - 1rem);
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 2rem;
  cursor: pointer;
  position: relative;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  bottom: -50px;
  right: -50px;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div {
  position: relative;
  height: 200px;
  width: 200px;
  border-radius: 10%;
  padding: 1rem 1rem 1rem 1.5rem;
  border: 2px solid white;
  display: flex;
  flex-direction: column;
  align-items: center;
  grid-gap: 0.5rem;
  gap: 0.5rem;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div .animation026-triangle-div {
  position: absolute;
  left: 200px;
  top: 80px;
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-left: 20px solid white;
  z-index: 3;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div .animation026-triangle-div .animation026-triangle-inner-div {
  position: relative;
  top: -18px;
  left: -24px;
  width: 0;
  height: 0;
  border: 18px solid transparent;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div .animation026-title {
  color: white;
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  font-size: 2rem;
  font-weight: 700;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div .animation026-text {
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  font-size: 1.5rem;
  line-height: 1.5;
  color: white;
  text-align: left;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation026 {
    justify-content: space-between;
    width: 100%;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation026 .animation026-item {
    width: calc(33.33% - 1rem);
    align-items: center;
    min-width: unset;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div {
    border-radius: 15%;
    padding: 2rem 2rem 2rem 2.5rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div .animation026-title {
    font-size: 2.2rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div .animation026-text {
    font-size: 1.8rem;
    line-height: 1.5;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation026 .animation026-item {
    width: calc(50% - 1rem);
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div {
    border-radius: 15%;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation026 .animation026-item {
    width: calc(50% - 1rem);
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div {
    width: 160px;
    height: 160px;
    border-radius: 20%;
    padding: 2rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div .animation026-text {
    font-size: 1.8rem;
    line-height: 1.3;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div .animation026-text {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}

.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation027 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-right: 56px;
  position: relative;
  margin-bottom: 5rem !important;
  margin-top: 35rem;
  flex-wrap: wrap;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation027 .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation027 .animation027-item {
  width: 25%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation027 .animation027-item .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  right: -50px;
  bottom: -25px;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation027 .animation027-item .animation027-color-div {
  height: 6rem;
  width: 90%;
  border-width: 1rem 1.5rem 1rem 1.5rem;
  border-color: black;
  border-style: solid;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation027 .animation027-item .animation027-color-div .animation027-title {
  color: #ffffff;
  width: 95%;
  font-size: 3.5rem;
  line-height: 4rem;
  height: 4rem;
  display: flex;
  justify-content: center;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation027 .animation027-item .animation027-text {
  width: 90%;
  height: 140px;
  background-size: 100%;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.5;
  color: #121212;
  padding-top: 1rem;
  display: flex;
  justify-content: flex-start;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation027 {
    margin-top: 32rem;
    flex-wrap: wrap;
    padding-right: 0;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation027 .animation027-item .animation027-text {
    min-height: 150px;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation027 {
    margin-top: 32rem;
    flex-wrap: wrap;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation027 .animation027-item {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation027 {
    margin-top: 32rem;
    flex-wrap: wrap;
    grid-row-gap: 2rem;
    row-gap: 2rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation027 .animation027-item {
    width: 100%;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation027 .animation027-item .click-point {
    width: 50px;
    right: -15px;
    bottom: -12.5px;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation027 .animation027-item .animation027-text {
    font-size: 2rem;
    line-height: 1.2;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation027 {
    margin-top: 32rem;
    flex-wrap: wrap;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation027 .animation027-item {
    width: 100%;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation027 .animation027-item .animation027-text {
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1.2;
  }
}

.it .animation030 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  grid-gap: 1.5rem;
  gap: 1.5rem;
  padding-right: 10rem;
  position: relative;
}
.it .animation030 .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  top: 15rem;
  left: 15rem;
}
.it .animation030 .animation030-contaner {
  display: flex;
  grid-gap: 1rem;
  gap: 1rem;
  justify-content: space-between;
  width: calc(20% - 1.5rem);
}
.it .animation030 .animation030-contaner .animation030-item {
  width: 100%;
}
.it .animation030 .animation030-contaner .animation030-item .out-circle {
  width: 290px;
  height: 290px;
  border-radius: 145px;
  border: 15px solid transparent;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  overflow: hidden;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.it .animation030 .animation030-contaner .animation030-item .out-circle .indicator {
  color: white;
  text-align: center;
  font-size: 2rem;
  width: 150px;
  height: 80px;
  padding-top: 1rem;
  border-radius: 0 0 100px 100px;
  background: linear-gradient(90deg, #60DCAA 0%, #6D91D8 100%);
}
.it .animation030 .animation030-contaner .animation030-item .out-circle .text {
  text-align: center;
  font-size: 1.3rem;
  line-height: 1.4;
  height: 170px;
  padding: 0.5rem;
}
.it .animation030 .animation030-contaner .animation030-item.r2,
.it .animation030 .animation030-contaner .animation030-item.r4 {
  padding-top: 250px;
}
.it .animation030 .animation030-contaner .animation030-item.r1 .out-circle {
  background-image: linear-gradient(to right, white, white), linear-gradient(90deg, #60DCAA 0%, #6D91D8 100%);
}
.it .animation030 .animation030-contaner .animation030-item.r1 .out-circle .indicator {
  background: linear-gradient(90deg, #60DCAA 0%, #6D91D8 100%);
}
.it .animation030 .animation030-contaner .animation030-item.r2 .out-circle {
  background-image: linear-gradient(to right, white, white), linear-gradient(135deg, #D8AD6D 14.64%, #EDB158 85.35%);
}
.it .animation030 .animation030-contaner .animation030-item.r2 .out-circle .indicator {
  background: linear-gradient(135deg, #D8AD6D 14.64%, #EDB158 85.35%);
}
.it .animation030 .animation030-contaner .animation030-item.r3 .out-circle {
  background-image: linear-gradient(to right, white, white), linear-gradient(135deg, #9F69C6 14.65%, #EA7EAE 85.36%);
}
.it .animation030 .animation030-contaner .animation030-item.r3 .out-circle .indicator {
  background: linear-gradient(135deg, #9F69C6 14.65%, #EA7EAE 85.36%);
}
.it .animation030 .animation030-contaner .animation030-item.r4 .out-circle {
  background-image: linear-gradient(to right, white, white), linear-gradient(90deg, #77D6D6 0%, #26CACA 99.99%);
}
.it .animation030 .animation030-contaner .animation030-item.r4 .out-circle .indicator {
  background: linear-gradient(90deg, #77D6D6 0%, #26CACA 99.99%);
}
.it .animation030 .animation030-contaner .animation030-item.r5 .out-circle {
  background-image: linear-gradient(to right, white, white), linear-gradient(135deg, #47E86B 14.65%, #49D24E 85.36%);
}
.it .animation030 .animation030-contaner .animation030-item.r5 .out-circle .indicator {
  background: linear-gradient(135deg, #47E86B 14.65%, #49D24E 85.36%);
}
.it.en .animation030 {
  justify-content: flex-start;
  padding-right: 13rem;
}
.it.en .animation030 .animation030-contaner .animation030-item .out-circle {
  width: 340px;
  height: 340px;
  border-radius: 170px;
}
.it.en .animation030 .animation030-contaner .animation030-item .out-circle .indicator {
  font-size: 2rem;
  width: 180px;
  height: 80px;
  border-radius: 0 0 120px 120px;
}
.it.en .animation030 .animation030-contaner .animation030-item .out-circle .text {
  font-size: 1.3rem;
  line-height: 1.2;
  height: auto;
  padding: 0.5rem 1.5rem;
}
.it.en .animation030 .animation030-contaner .animation030-item.r2,
.it.en .animation030 .animation030-contaner .animation030-item.r4 {
  padding-top: 320px;
}
@media (max-width: 1024px) {
  .it .animation030 {
    padding-right: 11rem;
  }
  .it .animation030 .animation030-contaner .animation030-item .out-circle {
    width: 22rem;
    height: 22rem;
    border-radius: 11rem;
  }
  .it .animation030 .animation030-contaner .animation030-item .out-circle .text {
    text-align: center;
    font-size: 1.5rem;
    line-height: 1.4;
    height: 170px;
    padding: 1rem;
  }
  .it.en .animation030 {
    padding-right: 13rem;
  }
  .it.en .animation030 .animation030-contaner .animation030-item .out-circle {
    width: 280px;
    height: 280px;
    border-radius: 140px;
  }
  .it.en .animation030 .animation030-contaner .animation030-item .out-circle .indicator {
    font-size: 2.5rem;
    width: 160px;
    height: 80px;
    border-radius: 0 0 80px 80px;
    line-height: 2.5;
  }
  .it.en .animation030 .animation030-contaner .animation030-item .out-circle .text {
    font-size: 1.6rem;
    line-height: 1.2;
    height: auto;
    padding: 0.5rem 2.5rem;
  }
  .it.en .animation030 .animation030-contaner .animation030-item.r2,
  .it.en .animation030 .animation030-contaner .animation030-item.r4 {
    padding-top: 280px;
  }
}
@media (max-width: 768px) {
  .it .animation030 {
    padding-right: 0;
  }
  .it .animation030 .animation030-contaner {
    width: calc(50% - 1.5rem);
  }
  .it .animation030 .animation030-contaner .animation030-item {
    display: flex;
    justify-content: center;
  }
  .it .animation030 .animation030-contaner .animation030-item .out-circle {
    width: 21rem;
    height: 21rem;
    border-radius: 11rem;
  }
  .it .animation030 .animation030-contaner .animation030-item .out-circle .text {
    text-align: center;
    font-size: 1.5rem;
    line-height: 1.4;
    height: 170px;
    padding: 1rem;
  }
  .it.en .animation030 {
    padding-right: 0;
  }
  .it.en .animation030 .animation030-contaner .animation030-item .out-circle {
    width: 280px;
    height: 280px;
    border-radius: 140px;
  }
  .it.en .animation030 .animation030-contaner .animation030-item .out-circle .indicator {
    font-size: 2.5rem;
    width: 160px;
    height: 80px;
    border-radius: 0 0 80px 80px;
    line-height: 2.5;
  }
  .it.en .animation030 .animation030-contaner .animation030-item .out-circle .text {
    font-size: 1.6rem;
    line-height: 1.2;
    height: auto;
    padding: 0.5rem 2.5rem;
  }
  .it.en .animation030 .animation030-contaner .animation030-item.r2,
  .it.en .animation030 .animation030-contaner .animation030-item.r4 {
    padding-top: 0;
  }
}
@media (max-width: 480px) {
  .it .animation030 {
    padding-right: 0;
  }
  .it .animation030 .animation030-contaner {
    width: 100%;
  }
  .it .animation030 .animation030-contaner .animation030-item {
    display: flex;
    justify-content: center;
    padding: 0 !important;
  }
  .it .animation030 .animation030-contaner .animation030-item .out-circle {
    width: 21rem;
    height: 21rem;
    border-radius: 11rem;
  }
  .it .animation030 .animation030-contaner .animation030-item .out-circle .text {
    text-align: center;
    font-size: 1.4rem;
    line-height: 1.4;
    height: 170px;
    padding: 1rem;
  }
  .it.en .animation030 {
    padding-right: 0;
  }
  .it.en .animation030 .animation030-contaner .animation030-item .out-circle {
    width: 260px;
    height: 260px;
    border-radius: 130px;
  }
  .it.en .animation030 .animation030-contaner .animation030-item .out-circle .indicator {
    font-size: 2.5rem;
    width: 150px;
    height: 80px;
    border-radius: 0 0 80px 80px;
    line-height: 2.5;
  }
  .it.en .animation030 .animation030-contaner .animation030-item .out-circle .text {
    font-size: 1.4rem;
    line-height: 1.2;
    height: auto;
    padding: 0.5rem 1.5rem;
  }
  .it.en .animation030 .animation030-contaner .animation030-item.r2,
  .it.en .animation030 .animation030-contaner .animation030-item.r4 {
    padding-top: 320px;
  }
}

.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation031 {
  position: relative;
  cursor: pointer;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation031 .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  top: 2rem;
  left: 30rem;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation031 .animation031-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  grid-gap: 4rem;
  gap: 4rem;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item {
  width: calc(50% - 2rem);
  display: flex;
  justify-content: center;
  align-items: center;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item .animation031-indicate-number {
  width: 20%;
  height: 70px;
  overflow: hidden;
  color: white;
  text-align: center;
  line-height: 70px;
  font-size: 2rem;
  font-weight: 600;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item .animation031-indicate-number .animation031-indicate-number-radius {
  width: 100px;
  height: 100px;
  border-radius: 100px;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item.r1 .animation031-indicate-number .animation031-indicate-number-radius {
  background: linear-gradient(0deg, #FF1A00 -40.7%, #FF8000 97.92%);
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item.r2 .animation031-indicate-number .animation031-indicate-number-radius {
  background: linear-gradient(0deg, #008200 -40.7%, #77C600 97.92%);
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item.r3 .animation031-indicate-number .animation031-indicate-number-radius {
  background: linear-gradient(0deg, #FF0055 -40.7%, #FF5990 97.92%);
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item.r4 .animation031-indicate-number .animation031-indicate-number-radius {
  background: linear-gradient(0deg, #CD0000 -40.7%, #FF2A33 97.92%);
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item.r5 .animation031-indicate-number .animation031-indicate-number-radius {
  background: linear-gradient(0deg, #007AFF -40.67%, #1DC8FE 97.95%);
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item.r6 .animation031-indicate-number .animation031-indicate-number-radius {
  background: linear-gradient(0deg, #450C67 -40.7%, #984BFF 97.92%);
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item.r7 .animation031-indicate-number .animation031-indicate-number-radius {
  background: linear-gradient(0deg, #000000 -40.67%, #505050 97.95%);
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item.r8 .animation031-indicate-number .animation031-indicate-number-radius {
  background: linear-gradient(0deg, #021559 -40.7%, #0953B8 97.92%);
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item.r9 .animation031-indicate-number .animation031-indicate-number-radius {
  background: linear-gradient(0deg, #FF6F00 -40.7%, #FFD500 97.92%);
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item.r10 .animation031-indicate-number .animation031-indicate-number-radius {
  background: linear-gradient(0deg, #003575 -40.67%, #007DD4 97.95%);
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item.r11 .animation031-indicate-number .animation031-indicate-number-radius {
  background: linear-gradient(0deg, #006834 -40.7%, #00C495 97.92%);
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item .animation031-subcontent {
  width: 70%;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item .animation031-subcontent .sub-task-text {
  position: relative;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item .animation031-subcontent .sub-task-text .click-point1 {
  width: 3rem !important;
  position: absolute;
  bottom: -50%;
  right: -25%;
  transform: rotate(315deg);
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item .animation031-subcontent .sub-task-text .ant-btn {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 0;
  cursor: pointer;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item .animation031-subcontent .sub-task-text .ant-btn > span {
  color: #FF4801;
  font-size: 1.6rem;
  line-height: 1.5;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item .animation031-subcontent .animation031-text {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  padding-left: 1rem;
}
.animation031-modal .ant-modal-content .animation031-modal-header {
  margin: 4rem;
  margin-bottom: 1rem;
  margin-top: 1rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 5rem;
  padding: 2rem;
  font-size: 2.625rem;
  font-weight: 500;
  border-left: 4px solid #FF7043;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation031 .animation031-content {
    padding-right: 0 !important;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item {
    height: 5.5rem;
    margin-bottom: 1rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item .animation031-indicate-number {
    width: 30%;
    line-height: 3.5;
    display: flex;
    justify-content: center;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item .animation031-indicate-number .animation031-icon {
    width: 5.5rem;
    height: 5.5rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item .animation031-indicate-number .number {
    text-align: center;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item .animation031-indicate-number .animation031-icon img {
    max-width: 50% !important;
    max-height: 50% !important;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation031 .animation031-content {
    flex-wrap: wrap;
    width: 100%;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item {
    width: 100%;
    padding-left: 2rem !important;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item .animation031-indicate-number {
    min-width: 11rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item .animation031-indicate-number .number {
    text-align: center;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item .animation031-indicate-number .animation031-icon {
    width: 5.5rem;
    height: 5.5rem;
  }
}
@media (max-width: 480px) {
  .it .animation031-modal {
    width: 100% !important;
  }
  .it .animation031-modal .ant-modal-content .animation031-modal-header {
    margin-left: 0;
  }
  .it .animation031-modal .ant-modal-content .ant-modal-body .next-button .click-point2 {
    bottom: 0rem;
    transform: rotate(90deg);
  }
  .it .animation031-modal .ant-modal-content .ant-modal-body .prev-button .click-point1 {
    bottom: 0;
    transform: rotate(270deg);
  }
  .it .animation031-modal .ant-modal-content .ant-modal-body .content {
    width: 100%;
    margin-top: 2rem;
    font-size: 1.4rem;
  }
  .it .animation031-modal .ant-modal-content .ant-modal-body .border {
    margin: 0;
  }
  .it .animation031 .animation031-content {
    width: 105%;
  }
  .it .animation031 .animation031-content .animation031-item {
    padding-left: 0 !important;
    height: 4rem;
  }
  .it .animation031 .animation031-content .animation031-item .animation031-indicate-number {
    min-width: 9rem;
    height: 2.625rem;
  }
  .it .animation031 .animation031-content .animation031-item .animation031-indicate-number .number {
    font-size: 1.8rem;
  }
  .it .animation031 .animation031-content .animation031-item .animation031-indicate-number .animation031-icon {
    width: 4rem;
    height: 4rem;
  }
  .it .animation031 .animation031-content .animation031-item .animation031-indicate-number .animation031-icon img {
    max-width: 35%;
    max-height: 35%;
  }
  .it .animation031 .animation031-content .animation031-item .animation031-text {
    font-size: 1rem;
    padding-left: 15px;
  }
}

.animation032-modal .ant-modal-content .ant-modal-body .prev-button .click-point1 {
  position: absolute;
  bottom: 5rem;
  left: 5rem;
  width: 5rem;
  height: 5rem;
  transform: rotate(225deg);
}
.animation032-modal .ant-modal-content .ant-modal-body .next-button .click-point2 {
  position: absolute;
  bottom: 5rem;
  right: 5rem;
  width: 5rem;
  height: 5rem;
  transform: rotate(135deg);
}
.animation032-modal .ant-modal-content .animation032-modal-header {
  margin: 4rem;
  margin-bottom: 1rem;
  margin-top: 1rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 5rem;
  padding: 1.5rem;
  font-size: 2.625rem;
  font-weight: 500;
  border-left: 4px solid #FF7043;
  display: flex;
  align-items: center;
  justify-content: center;
}
.animation032-modal .ant-modal-content .ant-modal-body .next-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.8rem;
  width: 4.8rem;
  right: 0;
  bottom: 0;
  padding: 0;
}
.animation032-modal .ant-modal-content .ant-modal-body .next-button .arrow {
  margin: 0 auto;
}
.animation032-modal .ant-modal-content .ant-modal-body .prev-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.8rem;
  width: 4.8rem;
  left: 0;
  bottom: 0;
  padding: 0;
}
.animation032-modal .ant-modal-content .ant-modal-body .prev-button .arrow {
  margin: 0 auto;
}
.animation032-modal .ant-modal-content .ant-modal-body .hide {
  display: none;
}
.animation032-modal .ant-modal-content .ant-modal-body .border {
  margin-left: 12rem;
  margin-right: 12rem;
  margin-top: 0;
  margin-bottom: 1rem;
  width: 75%;
}
.animation032-modal .ant-modal-content .ant-modal-body .border img {
  width: 100%;
}
.animation032-modal .ant-modal-content .ant-modal-body .content {
  width: 75%;
  margin-left: 12rem;
  margin-right: 12rem;
  margin-top: 0;
  margin-bottom: 5rem;
  background: rgba(234, 75, 108, 0.2);
  border-radius: 5px;
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: 400;
  padding: 1.5rem;
  text-align: left;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation032 {
  padding-right: 3.5rem;
  display: flex;
  justify-content: center;
  position: relative;
  cursor: pointer;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation032 .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  top: 5rem;
  left: 60rem;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation032 .animation032-content {
  display: flex;
  flex-direction: column;
  grid-gap: 2rem;
  gap: 2rem;
  width: 90%;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item {
  width: 100%;
  display: flex;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position {
  width: 60%;
  margin: 0 50px;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent {
  width: 100%;
  height: 180px;
  padding: 0 4rem;
  position: relative;
  border-radius: 100px 100px 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .animation032-left {
  position: absolute;
  bottom: 0;
  left: -40px;
  width: 0;
  height: 0;
  border-bottom: 20px solid white;
  border-left: 20px solid white;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .animation032-right {
  position: absolute;
  bottom: 0;
  right: -40px;
  width: 0;
  height: 0;
  border-bottom: 20px solid white;
  border-right: 20px solid white;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .animation032-text {
  color: white;
  font-size: 1.8rem;
  line-height: 1.5;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .sub-task-text {
  position: relative;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .sub-task-text .click-point1 {
  width: 40px !important;
  position: absolute;
  bottom: 5%;
  right: -15%;
  transform: rotate(270deg);
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .sub-task-text .ant-btn {
  cursor: pointer;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .sub-task-text .ant-btn > span {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.5;
  color: white;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r1 {
  justify-content: flex-start;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r1 .animation032-subcontent {
  background-color: #E0621B;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r1 .animation032-subcontent .animation032-left {
  border-top: 20px solid #A04817;
  border-right: 20px solid #A04817;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r1 .animation032-subcontent .animation032-right {
  border-top: 20px solid #A04817;
  border-left: 20px solid #A04817;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r2 {
  justify-content: flex-end;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r2 .animation032-subcontent {
  background-color: #2186B2;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r2 .animation032-subcontent .animation032-left {
  border-top: 20px solid #156B89;
  border-right: 20px solid #156B89;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r2 .animation032-subcontent .animation032-right {
  border-top: 20px solid #156B89;
  border-left: 20px solid #156B89;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r3 {
  justify-content: flex-start;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r3 .animation032-subcontent {
  background-color: #E24655;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r3 .animation032-subcontent .animation032-left {
  border-top: 20px solid #AA2B3D;
  border-right: 20px solid #AA2B3D;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r3 .animation032-subcontent .animation032-right {
  border-top: 20px solid #AA2B3D;
  border-left: 20px solid #AA2B3D;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r4 {
  justify-content: flex-end;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r4 .animation032-subcontent {
  background-color: #248075;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r4 .animation032-subcontent .animation032-left {
  border-top: 20px solid #156055;
  border-right: 20px solid #156055;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r4 .animation032-subcontent .animation032-right {
  border-top: 20px solid #156055;
  border-left: 20px solid #156055;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r5 {
  justify-content: flex-start;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r5 .animation032-subcontent {
  background-color: #55474E;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r5 .animation032-subcontent .animation032-left {
  border-top: 20px solid #383235;
  border-right: 20px solid #383235;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r5 .animation032-subcontent .animation032-right {
  border-top: 20px solid #383235;
  border-left: 20px solid #383235;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r6 {
  justify-content: flex-end;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r6 .animation032-subcontent {
  background-color: #7031BF;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r6 .animation032-subcontent .animation032-left {
  border-top: 20px solid #2B065A;
  border-right: 20px solid #2B065A;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r6 .animation032-subcontent .animation032-right {
  border-top: 20px solid #2B065A;
  border-left: 20px solid #2B065A;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r7 {
  justify-content: flex-start;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r7 .animation032-subcontent {
  background-color: #E29625;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r7 .animation032-subcontent .animation032-left {
  border-top: 20px solid #9D6511;
  border-right: 20px solid #9D6511;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r7 .animation032-subcontent .animation032-right {
  border-top: 20px solid #9D6511;
  border-left: 20px solid #9D6511;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation032 .animation032-content {
    padding-right: 0 !important;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item {
    margin-bottom: 1rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent {
    height: 140px;
    border-radius: 100px 100px 0 0;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number .animation032-icon {
    width: 5.5rem;
    height: 5.5rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number .number {
    text-align: center;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number .animation032-icon img {
    max-width: 50% !important;
    max-height: 50% !important;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content {
    padding-right: 0 !important;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item {
    margin-bottom: 1rem;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent {
    height: 140px;
    border-radius: 100px 100px 0 0;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .sub-task-text .click-point1 {
    width: 40px !important;
    position: absolute;
    bottom: 5%;
    right: -25%;
    transform: rotate(270deg);
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number .animation032-icon {
    width: 5.5rem;
    height: 5.5rem;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number .number {
    text-align: center;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number .animation032-icon img {
    max-width: 50% !important;
    max-height: 50% !important;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation032 {
    padding-right: 0;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation032 .animation032-content {
    flex-wrap: wrap;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position {
    width: 100%;
    margin: 0 50px;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number {
    min-width: 11rem;
    height: 3.625rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number .number {
    text-align: center;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number .animation032-icon {
    width: 5.5rem;
    height: 5.5rem;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation032 {
    padding-right: 0;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content {
    flex-wrap: wrap;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position {
    width: 100%;
    margin: 0 50px;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .sub-task-text .click-point1 {
    width: 40px !important;
    position: absolute;
    bottom: 5%;
    right: -25%;
    transform: rotate(270deg);
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number {
    min-width: 11rem;
    height: 3.625rem;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number .number {
    text-align: center;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number .animation032-icon {
    width: 5.5rem;
    height: 5.5rem;
  }
}
@media (max-width: 480px) {
  .it .animation032-modal {
    width: 100% !important;
  }
  .it .animation032-modal .ant-modal-content .animation032-modal-header {
    margin-left: 0;
  }
  .it .animation032-modal .ant-modal-content .ant-modal-body .next-button .click-point2 {
    bottom: 0rem;
    transform: rotate(90deg);
  }
  .it .animation032-modal .ant-modal-content .ant-modal-body .prev-button .click-point1 {
    bottom: 0;
    transform: rotate(270deg);
  }
  .it .animation032-modal .ant-modal-content .ant-modal-body .content {
    width: 100%;
    margin-top: 2rem;
    font-size: 1.4rem;
  }
  .it .animation032-modal .ant-modal-content .ant-modal-body .border {
    margin: 0;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation032 {
    padding-right: 0;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation032 .animation032-content {
    flex-wrap: wrap;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position {
    width: 100%;
    margin: 0 50px;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .animation032-left {
    left: -38px;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .animation032-right {
    right: -38px;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .animation032-text {
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .sub-task-text .ant-btn > span {
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number {
    min-width: 11rem;
    height: 3.625rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number .number {
    text-align: center;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number .animation032-icon {
    width: 5.5rem;
    height: 5.5rem;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation032 {
    padding-right: 0;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content {
    flex-wrap: wrap;
    width: 100%;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item {
    width: 105%;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position {
    width: 100%;
    margin: 0 50px;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent {
    height: 140px;
    border-radius: 100px 100px 0 0;
    padding: 2rem 4rem 1rem 4rem;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .animation032-text {
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .sub-task-text .click-point1 {
    width: 40px !important;
    position: absolute;
    bottom: 5%;
    right: -25%;
    transform: rotate(270deg);
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .sub-task-text .ant-btn > span {
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number {
    min-width: 11rem;
    height: 3.625rem;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number .number {
    text-align: center;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number .animation032-icon {
    width: 5.5rem;
    height: 5.5rem;
  }
}

.animation033-modal .ant-modal-content .ant-modal-body .prev-button .click-point1 {
  position: absolute;
  bottom: 5rem;
  left: 5rem;
  width: 5rem;
  height: 5rem;
  transform: rotate(225deg);
}
.animation033-modal .ant-modal-content .ant-modal-body .next-button .click-point2 {
  position: absolute;
  bottom: 5rem;
  right: 5rem;
  width: 5rem;
  height: 5rem;
  transform: rotate(135deg);
}
.animation033-modal .ant-modal-content .animation033-modal-header {
  margin: 4rem;
  margin-bottom: 1rem;
  margin-top: 1rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 4rem;
  padding: 1rem;
  font-size: 2.625rem;
  font-weight: 500;
  border-left: 4px solid #D0B175;
  display: flex;
  align-items: center;
  justify-content: center;
}
.animation033-modal .ant-modal-content .ant-modal-body .next-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.8rem;
  width: 4.8rem;
  right: 0;
  bottom: 0;
  padding: 0;
}
.animation033-modal .ant-modal-content .ant-modal-body .next-button .arrow {
  margin: 0 auto;
}
.animation033-modal .ant-modal-content .ant-modal-body .prev-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.8rem;
  width: 4.8rem;
  left: 0;
  bottom: 0;
  padding: 0;
}
.animation033-modal .ant-modal-content .ant-modal-body .prev-button .arrow {
  margin: 0 auto;
}
.animation033-modal .ant-modal-content .ant-modal-body .hide {
  display: none;
}
.animation033-modal .ant-modal-content .ant-modal-body .border {
  margin-left: 12rem;
  margin-right: 12rem;
  margin-top: 0;
  margin-bottom: 1rem;
}
.animation033-modal .ant-modal-content .ant-modal-body .border img {
  width: 100%;
}
.animation033-modal .ant-modal-content .ant-modal-body .content {
  width: 37.5rem;
  margin-left: 12rem;
  margin-right: 12rem;
  margin-top: 0;
  margin-bottom: 5rem;
  background: rgba(234, 75, 108, 0.2);
  border-radius: 5px;
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: 400;
  padding: 1.5rem;
  text-align: left;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation033 {
  margin-top: 0;
  position: relative;
  cursor: pointer;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation033 .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  top: 5rem;
  left: 40rem;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation033 .animation033-content {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: 635px;
  grid-gap: 1rem;
  gap: 1rem;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item {
  margin-bottom: 1.5rem;
  margin-top: 1.5rem;
  width: calc(50% - 1rem);
  height: 20%;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-triangle {
  width: 0;
  height: 0;
  border-top: 62px solid white;
  border-right: 62px solid white;
  border-bottom: 62px solid white;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent {
  display: flex;
  flex-direction: row;
  width: 80%;
  height: 100%;
  justify-content: center;
  align-items: center;
  grid-gap: 1rem;
  gap: 1rem;
  padding-left: 1rem;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .animation033-indicator {
  width: 30%;
  text-align: center;
  background-color: white;
  font-size: 3.5rem;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .animation033-body {
  width: 70%;
  margin-left: 1rem;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .animation033-body .animation033-text {
  color: white;
  width: 100%;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  padding-left: 0;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .animation033-body .sub-task-text {
  position: relative;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .animation033-body .sub-task-text .click-point1 {
  width: 40px !important;
  position: absolute;
  bottom: -30%;
  right: -10%;
  transform: rotate(270deg);
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .animation033-body .sub-task-text .ant-btn {
  cursor: pointer;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .animation033-body .sub-task-text .ant-btn > span {
  font-size: 1.5rem;
  color: #FFFFFF;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r1 .animation033-subcontent {
  background-color: #FA364D;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r1 .animation033-subcontent .animation033-indicator {
  color: #FA364D;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r1 .animation033-triangle {
  border-left: 50px solid #FA364D;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r2 .animation033-subcontent {
  background-color: #36ADB4;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r2 .animation033-subcontent .animation033-indicator {
  color: #36ADB4;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r2 .animation033-triangle {
  border-left: 50px solid #36ADB4;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r3 .animation033-subcontent {
  background-color: #172E5B;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r3 .animation033-subcontent .animation033-indicator {
  color: #172E5B;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r3 .animation033-triangle {
  border-left: 50px solid #172E5B;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r4 .animation033-subcontent {
  background-color: #F25E0F;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r4 .animation033-subcontent .animation033-indicator {
  color: #F25E0F;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r4 .animation033-triangle {
  border-left: 50px solid #F25E0F;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r5 .animation033-subcontent {
  background-color: #0F77F2;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r5 .animation033-subcontent .animation033-indicator {
  color: #0F77F2;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r5 .animation033-triangle {
  border-left: 50px solid #0F77F2;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r6 .animation033-subcontent {
  background-color: #0ED481;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r6 .animation033-subcontent .animation033-indicator {
  color: #0ED481;
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r6 .animation033-triangle {
  border-left: 50px solid #0ED481;
}
@media (max-width: 1024px) {
  .animation033 .animation033-content {
    padding-right: 0 !important;
  }
  .animation033 .animation033-content .animation033-item {
    height: 5.5rem;
    margin-bottom: 1rem;
  }
  .animation033 .animation033-content .animation033-item .animation033-indicate-number .animation033-icon {
    width: 5.5rem;
    height: 5.5rem;
  }
  .animation033 .animation033-content .animation033-item .animation033-indicate-number .number {
    text-align: center;
  }
  .animation033 .animation033-content .animation033-item .animation033-indicate-number .animation033-icon img {
    max-width: 50% !important;
    max-height: 50% !important;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation033 .animation033-content {
    flex-wrap: wrap;
    height: unset;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item {
    padding-left: 0 !important;
    width: 100%;
    justify-content: flex-end;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent {
    width: 80%;
    height: 7rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .animation033-body .sub-task-text .click-point1 {
    width: 40px !important;
    position: absolute;
    bottom: -15%;
    right: -20%;
    transform: rotate(270deg);
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-indicate-number {
    min-width: 11rem;
    height: 3.625rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-indicate-number .number {
    text-align: center;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-indicate-number .animation033-icon {
    width: 5.5rem;
    height: 5.5rem;
  }
}
@media (max-width: 480px) {
  .animation033-modal {
    width: 100% !important;
  }
  .animation033-modal .ant-modal-content .animation033-modal-header {
    margin-left: 0;
  }
  .animation033-modal .ant-modal-content .ant-modal-body .next-button .click-point2 {
    bottom: 0rem;
    transform: rotate(90deg);
  }
  .animation033-modal .ant-modal-content .ant-modal-body .prev-button .click-point1 {
    bottom: 0;
    transform: rotate(270deg);
  }
  .animation033-modal .ant-modal-content .ant-modal-body .content {
    width: 100%;
    margin-top: 2rem;
    font-size: 1.4rem;
  }
  .animation033-modal .ant-modal-content .ant-modal-body .border {
    margin: 0;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent {
    height: 9rem;
  }
  .cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .animation033-body {
    width: 75%;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r1 .animation033-triangle {
    border-left: 40px solid #FA364D;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r2 .animation033-triangle {
    border-left: 40px solid #36ADB4;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r3 .animation033-triangle {
    border-left: 40px solid #172E5B;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r4 .animation033-triangle {
    border-left: 40px solid #F25E0F;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r5 .animation033-triangle {
    border-left: 40px solid #0F77F2;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r6 .animation033-triangle {
    border-left: 40px solid #0ED481;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-triangle {
    border-top: 50px solid white;
    border-right: 50px solid white;
    border-bottom: 50px solid white;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .animation033-body .animation033-text {
    display: inline-block;
    line-height: 1.1;
  }
  .animation033 .animation033-content {
    width: 105%;
  }
  .animation033 .animation033-content .animation033-item {
    padding-left: 0 !important;
    height: 4rem;
  }
  .animation033 .animation033-content .animation033-item .animation033-indicate-number {
    min-width: 9rem;
    height: 2.625rem;
  }
  .animation033 .animation033-content .animation033-item .animation033-indicate-number .number {
    font-size: 1.8rem;
  }
  .animation033 .animation033-content .animation033-item .animation033-indicate-number .animation033-icon {
    width: 4rem;
    height: 4rem;
  }
  .animation033 .animation033-content .animation033-item .animation033-indicate-number .animation033-icon img {
    max-width: 35%;
    max-height: 35%;
  }
  .animation033 .animation033-content .animation033-item .animation033-text {
    font-size: 1rem;
    padding-left: 15px;
  }
}

.it .animation034 {
  margin-right: 3.5rem;
  padding-bottom: 3.5rem;
}
.it .animation034 .animation034-content {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 4rem;
  gap: 4rem;
  grid-row-gap: 1rem;
  row-gap: 1rem;
  justify-content: space-between;
}
.it .animation034 .animation034-content .animation034-item {
  margin-bottom: 1rem;
  width: calc(50% - 4rem);
  display: flex;
  flex-direction: row;
  align-items: center;
}
.it .animation034 .animation034-content .animation034-item .animation034-indicate-number {
  background: #FFFFFF;
  border: 2px solid;
  border-radius: 4rem;
  margin-right: -2rem;
  z-index: 10;
}
.it .animation034 .animation034-content .animation034-item .animation034-indicate-number .number {
  width: 8rem;
  height: 8rem;
  line-height: 8rem;
  text-align: center;
  font-size: 3rem;
  font-weight: 700;
}
.it .animation034 .animation034-content .animation034-item .animation034-body {
  width: 100%;
  height: 6rem;
  border-radius: 0 1rem 1rem 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 4rem;
  z-index: 9;
}
.it .animation034 .animation034-content .animation034-item .animation034-body .animation034-text {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  text-align: left;
  color: white;
}
.it.en .animation034 .animation034-content .animation034-item .animation034-body {
  height: 6.5rem;
}
.it.en .animation034 .animation034-content .animation034-item .animation034-body .animation034-text {
  font-size: 1.5rem;
  line-height: 1;
}
@media (max-width: 1024px) {
  .it .animation034 .animation034-content {
    padding-right: 0!important;
    grid-gap: 4rem;
    gap: 4rem;
    grid-row-gap: 4rem;
    row-gap: 4rem;
  }
  .it .animation034 .animation034-content .animation034-item {
    height: 5.5rem;
    margin-bottom: 1rem;
  }
  .it .animation034 .animation034-content .animation034-item .animation034-indicate-number .animation034-icon {
    width: 5.5rem;
    height: 5.5rem;
  }
  .it .animation034 .animation034-content .animation034-item .animation034-indicate-number .number {
    text-align: center;
  }
  .it .animation034 .animation034-content .animation034-item .animation034-indicate-number .animation034-icon img {
    max-width: 50% !important;
    max-height: 50% !important;
  }
}
@media (max-width: 768px) {
  .it .animation034 .animation034-content {
    flex-wrap: wrap;
  }
  .it .animation034 .animation034-content .animation034-item {
    width: 100%;
    padding-left: 2rem !important;
  }
  .it .animation034 .animation034-content .animation034-item .animation034-indicate-number .number {
    text-align: center;
  }
  .it .animation034 .animation034-content .animation034-item .animation034-indicate-number .animation034-icon {
    width: 5.5rem;
    height: 5.5rem;
  }
}
@media (max-width: 480px) {
  .it .animation034 .animation034-content {
    width: 105%;
  }
  .it .animation034 .animation034-content .animation034-item {
    padding-left: 0 !important;
    height: 4rem;
  }
  .it .animation034 .animation034-content .animation034-item .animation034-indicate-number .number {
    font-size: 2.8rem;
  }
  .it .animation034 .animation034-content .animation034-item .animation034-indicate-number .animation034-icon {
    width: 4rem;
    height: 4rem;
  }
  .it .animation034 .animation034-content .animation034-item .animation034-indicate-number .animation034-icon img {
    max-width: 35%;
    max-height: 35%;
  }
  .it .animation034 .animation034-content .animation034-item .animation034-text {
    font-size: 1rem;
    padding-left: 5px;
  }
}

.it .component002 .cando-section .can-do .cando-body .cando-content ul li .cando-content-body {
  display: flex;
  flex-direction: row;
}
.it .component002 .cando-section .can-do .cando-body .cando-content ul li .cando-content-body .view-more {
  width: auto;
}
.it .component002 .cando-section .can-do .cando-body .cando-content ul li .cando-content-body .view-more .view-more-btn {
  padding: 0;
  font-size: 1.3rem;
  height: auto;
  position: relative;
  color: #0CA39A;
}
.it .component002 .cando-section .can-do .cando-body .cando-content ul li .cando-content-body .view-more .view-more-btn .click-point1 {
  width: 40px;
  cursor: pointer;
  position: absolute;
  bottom: -45px;
  left: calc(50% - 20px);
}
.component002-modal .ant-modal-content .ant-modal-header {
  padding: 1.5rem 4.5rem;
}
.component002-modal .ant-modal-content .ant-modal-header .ant-modal-title {
  border-left: 4px solid #A3D4CA;
  padding: 1rem;
  font-size: 2rem;
}
.component002-modal .ant-modal-content .ant-modal-body {
  padding: 4rem 1.5rem;
}

.it .component003 {
  position: relative;
}
.it .component003 .component003-tip {
  border: 1px solid #000;
  border-radius: 47%;
  position: absolute;
  font-size: 1.5rem;
  padding: 4rem;
  text-align: left;
  max-width: 42rem;
  min-height: 9rem;
  display: flex;
  align-items: center;
}
.it .component003 .component003-tip .tip-text {
  z-index: 1;
}
.it .component003 .tip-arrow {
  position: absolute;
  left: -82px;
  top: calc(50% - 15px);
  background: #fff;
  height: 24px;
  width: 128px;
}
.it .component003 .tip-arrow .line1 {
  width: 64px;
  height: 1px;
  background: #000;
  transform: rotate(-12deg);
  position: absolute;
  top: 5px;
  right: 43px;
}
.it .component003 .tip-arrow .line2 {
  width: 61px;
  height: 1px;
  background: #000;
  transform: rotate(12deg);
  position: absolute;
  bottom: 5px;
  right: 46px;
}
.it .component003.position-left img {
  max-width: 40vw;
  position: relative;
  z-index: 11;
}
.it .component003.position-left .component003-tip {
  margin-left: 300px;
  padding: 4rem;
}
.it .component003.position-right {
  text-align: right;
}
.it .component003.position-right img {
  max-width: 40vw;
  position: relative;
  z-index: 11;
}
.it .component003.position-right .component003-tip {
  right: 0;
  margin-right: 25%;
  padding: 3rem;
  z-index: 11;
}
.it .component003.position-right .component003-tip .tip-arrow {
  left: unset;
  right: -107px;
  top: calc(50% - 15px);
}
.it .component003.position-right .component003-tip .tip-arrow .line1 {
  transform: rotate(12deg);
  position: absolute;
  top: 5px;
  right: 46px;
}
.it .component003.position-right .component003-tip .tip-arrow .line2 {
  transform: rotate(-12deg);
  position: absolute;
  bottom: 5px;
  right: 46px;
}
@media (max-width: 1024px) {
  .it .component003 .tip-arrow {
    left: -77px;
  }
  .it .component003 .tip-arrow .line1 {
    width: 55px;
    transform: rotate(-14deg);
    top: 6px;
    right: 43px;
  }
  .it .component003 .tip-arrow .line2 {
    width: 52px;
    transform: rotate(12deg);
    bottom: 5px;
    right: 47px;
  }
  .it .component003.position-left .component003-tip {
    margin-left: 28vw;
  }
  .it .component003.position-left.it930-c003-2 .component003-tip .tip-arrow {
    left: -80px;
  }
  .it .component003.position-left.it930-c003-2 .component003-tip .tip-arrow .line1 {
    right: 45px;
  }
  .it .component003.position-left.it200-c003-2 .component003-tip .tip-arrow .line1 {
    right: 44px;
  }
  .it .component003.position-right .component003-tip .tip-arrow {
    right: -97px;
  }
  .it .component003.position-right .component003-tip .tip-arrow .line1 {
    width: 58px;
    top: 6px;
    right: 44px;
  }
  .it .component003.position-right .component003-tip .tip-arrow .line2 {
    width: 54px;
    bottom: 5px;
    right: 45px;
  }
  .it .component003.position-right.it930-c003-3 .component003-tip .tip-arrow .line1 {
    right: 47px;
  }
  .it.en .component003 .tip-arrow {
    left: -77px;
  }
  .it.en .component003 .tip-arrow .line1 {
    width: 55px;
    transform: rotate(-14deg);
    top: 6px;
    right: 43px;
  }
  .it.en .component003 .tip-arrow .line2 {
    width: 52px;
    transform: rotate(12deg);
    bottom: 5px;
    right: 47px;
  }
  .it.en .component003.position-left .component003-tip {
    margin-left: 28vw;
  }
  .it.en .component003.position-left.it930-c003-2 .component003-tip .tip-arrow {
    left: -80px;
  }
  .it.en .component003.position-left.it930-c003-2 .component003-tip .tip-arrow .line1 {
    right: 42px;
  }
  .it.en .component003.position-left.it200-c003-2 .component003-tip .tip-arrow .line1 {
    right: 42px;
  }
  .it.en .component003.position-right .component003-tip .tip-arrow {
    right: -97px;
  }
  .it.en .component003.position-right .component003-tip .tip-arrow .line1 {
    width: 58px;
    top: 6px;
    right: 44px;
  }
  .it.en .component003.position-right .component003-tip .tip-arrow .line2 {
    width: 54px;
    bottom: 5px;
    right: 45px;
  }
  .it.en .component003.position-right.it930-c003-3 .component003-tip .tip-arrow .line1 {
    right: 47px;
  }
  .it.en .component003.position-right.it930-c003-1 .component003-tip .tip-arrow .line1 {
    right: 45px;
  }
  .it.en .component003.position-right.it930-c003-4 .component003-tip .tip-arrow .line1 {
    right: 47px;
  }
  .it.en .component003.position-right.it400-c003-1 .component003-tip .tip-arrow .line1 {
    right: 47px;
  }
  .it.en .component003.position-right.it400-c003-2 .component003-tip .tip-arrow .line1 {
    right: 47px;
  }
}
@media (max-width: 768px) {
  .it .component003.position-left .component003-tip {
    margin-left: 38vw;
  }
  .it .component003.position-right.it930-c003-3 .component003-tip .tip-arrow .line1 {
    right: 43px;
  }
  .it .component003.position-right .component003-tip {
    right: 0;
    margin-right: 43% !important;
    padding: 6% !important;
  }
  .it .component003.position-right .tip-text span {
    font-size: unset !important;
  }
  .it.en .component003 .tip-arrow {
    left: -77px;
  }
  .it.en .component003 .tip-arrow .line1 {
    width: 55px;
    transform: rotate(-14deg);
    top: 6px;
    right: 43px;
  }
  .it.en .component003 .tip-arrow .line2 {
    width: 52px;
    transform: rotate(12deg);
    bottom: 5px;
    right: 47px;
  }
  .it.en .component003.position-left .component003-tip {
    margin-left: 28vw;
  }
  .it.en .component003.position-left.it930-c003-2 .component003-tip .tip-arrow {
    left: -80px;
  }
  .it.en .component003.position-left.it930-c003-2 .component003-tip .tip-arrow .line1 {
    right: 42px;
  }
  .it.en .component003.position-right .component003-tip .tip-arrow {
    right: -97px;
  }
  .it.en .component003.position-right .component003-tip .tip-arrow .line1 {
    width: 58px;
    top: 6px;
    right: 44px;
  }
  .it.en .component003.position-right .component003-tip .tip-arrow .line2 {
    width: 54px;
    bottom: 5px;
    right: 45px;
  }
  .it.en .component003.position-right.it930-c003-3 .component003-tip .tip-arrow .line1 {
    right: 44px;
  }
  .it.en .component003.position-right.it930-c003-1 .component003-tip .tip-arrow .line1 {
    right: 45px;
  }
  .it.en .component003.position-right.it930-c003-4 .component003-tip .tip-arrow .line1 {
    right: 43px;
  }
  .it.en .component003.position-right.it400-c003-1 .component003-tip .tip-arrow .line1 {
    right: 43px;
  }
  .it.en .component003.position-right.it400-c003-2 .component003-tip .tip-arrow .line1 {
    right: 44px;
  }
}
@media (max-width: 480px) {
  .it .component003.position-right .component003-tip {
    right: 0;
    margin-right: 43% !important;
    padding: 6% !important;
  }
  .it .component003.position-right .tip-text span {
    font-size: unset !important;
    display: inline;
  }
  .it .component003.position-left .component003-tip {
    font-size: 1rem;
    padding: 3rem;
  }
  .it .component003.position-left .component003-tip span {
    font-size: unset !important;
  }
  .it .component003.position-left.it930-c003-2 .component003-tip {
    padding: 2.5rem;
  }
  .it .component003.position-left.it930-c003-2 .component003-tip span {
    font-size: 1.4rem !important;
    line-height: 1.2;
  }
  .it .component003.position-left.it930-c003-2 .component003-tip .tip-arrow {
    left: -81px;
  }
  .it .component003.position-left.it930-c003-2 .component003-tip .tip-arrow .line2 {
    right: 46px;
  }
  .it .component003.position-left.it900-c003-2 .component003-tip {
    padding: 1.5rem 3rem 1.5rem 4rem;
    margin-left: 42vw;
    margin-top: -5vw;
  }
  .it .component003.position-left.it200-c003-2 .component003-tip span {
    font-size: 1.4rem !important;
    line-height: 1.2;
  }
  .it .component003.position-left.it200-c003-2 .component003-tip .tip-arrow {
    left: -82px;
  }
  .it .component003.position-left.it200-c003-2 .component003-tip .tip-arrow .line2 {
    right: 46px;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .component003.position-left.it930-c003-1 .component003-tip {
    margin-left: 40vw;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .component003.position-left.it930-c003-2 .component003-tip .tip-arrow {
    left: -81px;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .component003.position-left.it930-c003-2 .component003-tip .tip-arrow .line2 {
    width: 54px;
    right: 47px;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .component003.position-left.it200-c003-2 .component003-tip {
    margin-left: 42vw;
    margin-top: -8%;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .component003.position-left.it200-c003-2 .component003-tip .tip-arrow .line1 {
    right: 45px;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .component003.position-right.it930-c003-4 .component003-tip {
    margin-right: 45% !important;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .component003.position-right.it200-c003-1 .component003-tip {
    right: 0;
    margin-right: 35% !important;
    padding: 20% 7% !important;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .component003.position-right.it200-c003-1 .component003-tip .tip-text {
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .component003.position-right.it200-c003-1 .component003-tip .tip-arrow {
    top: calc(50% + 75px);
    right: -90px;
  }
  .cyber-security-training-page.course-page.it.en .ant-layout-content .course-body .course-body-content .component003.position-right.it400-c003-2 .component003-tip {
    right: 0;
    margin-right: 48% !important;
  }
}

.it .RealCase.Moblie {
  display: none;
}
.it .RealCase.Desktop {
  width: calc(100% + 3.5rem);
  margin-left: -3.5rem;
  margin-right: 0;
  margin-bottom: 50px;
  position: relative;
}
.it .RealCase.Desktop img {
  width: 100%;
  z-index: 1;
}
.it .RealCase.Desktop.p1 .source1 {
  width: 15%;
  height: 2.5%;
  position: absolute;
  top: 91%;
  left: 61%;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: none;
  font-size: 24px;
  color: #595959;
  z-index: 2;
}
.it .RealCase.Desktop.p1 .source2 {
  display: none;
}
.it .RealCase.Desktop.p1 .source3 {
  display: none;
}
.it .RealCase.Desktop.p2 .source1 {
  display: none;
}
.it .RealCase.Desktop.p2 .source2 {
  width: 13%;
  height: 2.5%;
  position: absolute;
  top: 92%;
  left: 61%;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: none;
  font-size: 24px;
  color: #595959;
  z-index: 2;
}
.it .RealCase.Desktop.p2 .source3 {
  display: none;
}
.it .RealCase.Desktop.p3 .source1 {
  display: none;
}
.it .RealCase.Desktop.p3 .source2 {
  display: none;
}
.it .RealCase.Desktop.p3 .source3 {
  width: 13%;
  height: 2.5%;
  position: absolute;
  top: 92%;
  left: 61%;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: none;
  font-size: 24px;
  color: #595959;
  z-index: 2;
}
.it.en .RealCase.Desktop {
  width: calc(100% + 3.5rem);
  margin-left: -3.5rem;
  margin-right: 0;
  margin-bottom: 50px;
  position: relative;
}
.it.en .RealCase.Desktop img {
  width: 100%;
  z-index: 1;
}
.it.en .RealCase.Desktop.p1 .source1 {
  width: 23%;
  height: 2.5%;
  position: absolute;
  top: 93%;
  left: 59%;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: none;
  font-size: 24px;
  color: #595959;
  z-index: 2;
}
.it.en .RealCase.Desktop.p1 .source2 {
  display: none;
}
.it.en .RealCase.Desktop.p1 .source3 {
  display: none;
}
.it.en .RealCase.Desktop.p2 .source1 {
  display: none;
}
.it.en .RealCase.Desktop.p2 .source2 {
  width: 21%;
  top: 91.5%;
  left: 58.5%;
}
.it.en .RealCase.Desktop.p2 .source3 {
  display: none;
}
.it.en .RealCase.Desktop.p3 .source1 {
  display: none;
}
.it.en .RealCase.Desktop.p3 .source2 {
  display: none;
}
.it.en .RealCase.Desktop.p3 .source3 {
  width: 13%;
  height: 2.5%;
  position: absolute;
  top: 92%;
  left: 61%;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: none;
  font-size: 24px;
  color: #595959;
  z-index: 2;
}
@media (max-width: 768px) {
  .it .RealCase.Desktop {
    display: none;
  }
  .it .RealCase.Moblie {
    display: block;
    width: calc(100% + 7rem);
    margin-left: -3.5rem;
    margin-right: 0;
    margin-bottom: 50px;
    position: relative;
  }
  .it .RealCase.Moblie img {
    width: 100%;
    z-index: 1;
  }
  .it .RealCase.Moblie.p1 .source1 {
    width: 49%;
    height: 2%;
    position: absolute;
    top: 91%;
    left: 5%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 24px;
    color: #595959;
    z-index: 2;
  }
  .it .RealCase.Moblie.p1 .source2 {
    display: none;
  }
  .it .RealCase.Moblie.p1 .source3 {
    display: none;
  }
  .it .RealCase.Moblie.p2 .source1 {
    display: none;
  }
  .it .RealCase.Moblie.p2 .source2 {
    width: 44%;
    height: 2.5%;
    position: absolute;
    top: 93.5%;
    left: 5%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 24px;
    color: #595959;
    z-index: 2;
  }
  .it .RealCase.Moblie.p2 .source3 {
    display: none;
  }
  .it .RealCase.Moblie.p3 .source1 {
    display: none;
  }
  .it .RealCase.Moblie.p3 .source2 {
    display: none;
  }
  .it .RealCase.Moblie.p3 .source3 {
    width: 44%;
    height: 2.5%;
    position: absolute;
    top: 93%;
    left: 5%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 24px;
    color: #595959;
    z-index: 2;
  }
  .it.en .RealCase.Moblie {
    display: block;
    width: calc(100% + 7rem);
    margin-left: -3.5rem;
    margin-right: 0;
    margin-bottom: 50px;
    position: relative;
  }
  .it.en .RealCase.Moblie img {
    width: 100%;
    z-index: 1;
  }
  .it.en .RealCase.Moblie.p1 .source1 {
    width: 55%;
    height: 2%;
    position: absolute;
    top: 94.5%;
    left: 5%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 24px;
    color: #595959;
    z-index: 2;
  }
  .it.en .RealCase.Moblie.p1 .source2 {
    display: none;
  }
  .it.en .RealCase.Moblie.p1 .source3 {
    display: none;
  }
  .it.en .RealCase.Moblie.p2 .source1 {
    display: none;
  }
  .it.en .RealCase.Moblie.p2 .source2 {
    width: 49%;
    height: 1.5%;
    top: 95.5%;
  }
  .it.en .RealCase.Moblie.p2 .source3 {
    display: none;
  }
  .it.en .RealCase.Moblie.p3 .source1 {
    display: none;
  }
  .it.en .RealCase.Moblie.p3 .source2 {
    display: none;
  }
  .it.en .RealCase.Moblie.p3 .source3 {
    width: 49%;
    height: 1.5%;
    top: 95%;
  }
}

.it .component005 {
  margin-top: 5rem;
  position: relative;
}
.it .component005 .click-point1 {
  position: absolute;
  z-index: 10;
  width: 80px;
  top: 0;
  left: 280px;
  transform: rotate(270deg);
  cursor: pointer;
  z-index: 100;
}
.it .component005.no-tabs .ant-tabs-nav-list {
  display: none;
}
.it .component005.no-tabs .click-point1 {
  display: none;
}
.it .component005 .component005-topic-tab {
  overflow: visible !important;
  margin-right: 3.5rem;
  margin-bottom: 142px;
}
.it .component005 .component005-topic-tab.tab2 .ant-tabs-tab.ant-tabs-tab-active {
  background-color: #F1F7FF;
}
.it .component005 .component005-topic-tab.tab2 .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #000 !important;
}
.it .component005 .component005-topic-tab.tab2 .ant-tabs-tabpane {
  background-color: #F1F7FF;
}
.it .component005 .component005-topic-tab.tab2 .ant-tabs-tabpane .component005-card-item-title {
  color: #0C53A3 !important;
  border-color: #0C53A3 !important;
}
.it .component005 .component005-topic-tab.tab2 .ant-tabs-tabpane .component005-card-item-title > div {
  border-color: #0C53A3 !important;
}
.it .component005 .component005-topic-tab.tab2 .ant-tabs-tabpane .component005-card-item-content {
  background: #0C53A3 !important;
}
.it .component005 .component005-topic-tab .ant-tabs-tab {
  font-size: 1.3125rem;
  font-weight: 400;
  line-height: 2.8;
  color: #333333;
  background-color: #ECECEC;
  border: none;
  padding-left: 1.375rem;
  padding-right: 1.375rem;
  margin-right: 0.625rem;
}
.it .component005 .component005-topic-tab .ant-tabs-tab.ant-tabs-tab-active {
  background-color: #FFF3E4;
}
.it .component005 .component005-topic-tab .ant-tabs-tabpane {
  min-height: 360px;
  background-color: #FFF3E4;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  position: relative;
}
.it .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 {
  width: 100%;
  height: 255px;
  position: absolute;
  top: -256px;
}
.it .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip {
  border: 1px solid #000;
  border-radius: 47%;
  position: absolute;
  font-size: 1.75rem;
  padding: 4rem;
  text-align: left;
  max-width: 38rem;
  min-height: 9rem;
  display: flex;
  align-items: center;
  right: 120px;
  margin-right: 20%;
  padding: 3rem;
  bottom: 2rem;
}
.it .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip .tip-text {
  z-index: 1;
  font-size: 1.2rem;
  line-height: 1.5;
}
.it .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip .tip-arrow {
  position: absolute;
  top: calc(50% - 15px);
  left: unset;
  right: -107px;
  background: #fff;
  height: 24px;
  width: 128px;
}
.it .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip .tip-arrow .line1 {
  width: 64px;
  height: 1px;
  background: #000;
  transform: rotate(12deg);
  position: absolute;
  top: 5px;
  right: 46px;
}
.it .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip .tip-arrow .line2 {
  width: 61px;
  height: 1px;
  background: #000;
  transform: rotate(-12deg);
  position: absolute;
  bottom: 5px;
  right: 46px;
}
.it .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 img {
  max-width: 40vw;
  position: relative;
  z-index: 10;
  left: 73%;
}
.it .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list {
  margin: 2.5rem;
  display: flex;
  grid-gap: 0.625rem;
  gap: 0.625rem;
  justify-content: center;
  flex-wrap: wrap;
}
.it .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item {
  width: calc(25% - 0.625rem) !important;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.8125rem;
  color: #fff;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-left: 6px;
  padding-right: 6px;
  position: relative;
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.it .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-title {
  color: #E7444E;
  border: 2px solid rgba(231, 68, 78, 0.6);
  border-radius: 10px;
  padding: 1.75rem 1.25rem 0.75rem;
  width: 100%;
  font-size: 1.3rem;
  line-height: 1;
  font-weight: 700;
  margin-bottom: 1.125rem;
}
.it .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-title > div {
  display: flex;
  align-items: center;
  height: 4.375rem;
  padding-bottom: 1rem;
  border-bottom: 2.25px solid rgba(231, 68, 78, 0.6);
}
.it .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content {
  background: #E7444E;
  border-radius: 10px;
  padding: 1.25rem;
  min-height: 12rem;
  align-items: center;
  flex-direction: column;
  display: flex;
}
.it .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content .text {
  height: 60%;
}
.it .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content .img {
  width: 109px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.it .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content .img img {
  width: auto;
  height: 55px;
}
.it .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .clickable {
  border-radius: 10px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #999;
  display: flex;
  cursor: pointer;
}
.it .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .clickable .click-point {
  width: 7rem;
  position: absolute;
  bottom: -2rem;
  left: calc(50% - 3.5rem);
}
.it .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .clickable .clickable-label {
  width: 100%;
  text-align: center;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
@media (max-width: 1024px) {
  .it .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 img {
    left: 65%;
  }
  .it .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content {
    height: 100%;
  }
  .it .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003.position-right .component003-tip {
    margin-right: 35%;
  }
  .it .component005 .click-point1 {
    width: 60px;
    left: 180px;
  }
  .it .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content .img img {
    width: auto;
    height: 50%;
  }
}
@media (max-width: 768px) {
  .it .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 img {
    left: 55%;
    bottom: 0;
    height: 200px;
  }
  .it .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 {
    top: -200px;
  }
  .it .component005 .component005-topic-tab {
    width: 97%;
  }
  .it .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003 .component003-tip .tip-text {
    font-size: 1rem;
  }
  .it .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list {
    display: flex;
    flex-wrap: wrap;
  }
  .it .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item {
    width: 48% !important;
  }
  .it .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content {
    width: 100%;
  }
  .it .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content .img img {
    width: auto;
    height: 75%;
  }
  .it .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip .tip-text {
    font-size: 1rem;
    line-height: 1.1rem;
  }
}
@media (max-width: 480px) {
  .it .component005 .component005-topic-tab {
    width: 97%;
  }
  .it .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003 .component003-tip .tip-text {
    font-size: 0.5rem;
  }
  .it .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .it .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item {
    width: 100% !important;
  }
  .it .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content {
    width: 100%;
  }
  .it .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-title {
    width: 100%;
  }
  .it .component005 .click-point1 {
    width: 30px;
    left: 170px;
    top: 10px;
  }
  .it .component005-component003 .component003-tip {
    width: 160px;
    left: 0;
    top: -7%;
    padding: 2rem !important;
  }
  .it .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip .tip-text {
    line-height: 1.3rem;
  }
  .it .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 img {
    height: 130px;
  }
  .it .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 {
    top: -130px;
    height: 130px;
  }
}
.it .component005 .component005-topic-tab .ant-tabs-nav {
  z-index: 10;
}

.component008 {
  position: relative;
  margin-right: 3.5rem;
}
.component008 .tip-text {
  width: 14.125rem;
  height: 26.875rem;
  background: url(/static/media/c008-board1.729d82e7.svg) no-repeat center center;
  background-size: 100%;
  padding: 3.5rem 2rem 11rem 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 12rem;
  top: -10rem;
  font-size: 1.25rem;
  line-height: 2rem;
}
.component008 .component008-person {
  width: 14rem;
  height: auto;
  position: absolute;
  right: 0;
  top: -8.5rem;
}
.component008.it930-c008-2 .tip-text {
  top: -2.5rem;
}
.component008.it930-c008-2 .component008-person {
  top: 0;
}
.component008.cs930-2-c008 {
  margin-top: 12rem;
}

.it.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview {
  background-color: #fff0ec;
}
.it.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-progress-bar .ant-progress-text {
  color: #fe7043;
}
.it.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .ant-progress-circle-trail {
  stroke: #FF704333 !important;
  opacity: 0.2;
}
.it.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .ant-progress-circle-path {
  stroke: #fe7043 !important;
}
.it.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.active .step-dot {
  border-color: #fe7043;
}
.it.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.active .step-dot .active-dot {
  background-color: #fe7043;
}
.it.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.completed .step-dot {
  border-color: #fe7043;
  background-color: #fe7043;
}
.it.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.completed .step-line {
  background-color: #fe7043;
}
.it.cyber-security-training-page.course-page .ant-layout-content .course-left-side .paragraphs .paragraph.active {
  border-color: #ff652f;
  background-color: #fafafa;
}
.it.cyber-security-training-page.course-page .ant-layout-content .course-left-side .paragraphs .state .in-progress {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHwSURBVHgBlVVBVsIwEJ3U51q8QT2BcAKquHAHngA4geUE0hPQG1BOIO5cWCgnAG9QT2BdA8aZZEqDbSn976Vp0pmfP8lMKqAE0n1wsOtiw17a2DewJQAixj7C9ib8j6jIV+TJHpFgO9VklYgALofCf49LSeWo0wcJPqtKQQ4brVLNN7HZxvcEWVwxCWc5UiYMjPUifHhFIeqtkQN87RvyBimx0EYq5HWmUIyQzIcKIPkYny8HxXDZoq2w9FjtIRNKzySUbqcn3fupiuQf0I5IRzxsMA8IDmXJHwLhh8NM/e4V35pM4WmSIsUd8nfY7g6Vyp6x9ix73y4zwioIz1iiR+G3eRSnh4LhDuD4hE9Tar+YR22LE5vwaZh1oT42rNRGUpHm5Ldh0ID6+El9SWnCg2vD4Avq44r7xOJaJtwaBnOojzRLVJ6ueNLmSwQ3PiTSzbls7GfzaEVKDVWH6kDsn+BwopW0RmGIucXpEPGMg+nkarURplh4gw5UDLjwbwzFKknIgIcR8XHtOzaAtc4yQY6Fv/CgSt+o88y3GgEPfN9SYrIVKeHF1PAJqMJO3FKk0DFm8V5dBCrKY2NVSRMjdwkxqEOj1BPF9ylqTglzpJqYtuLizJuf7tzdkEI+mi0z5xB7VMv5f5Rc0SmX/aP+APB5yof6td+8AAAAAElFTkSuQmCC);
  background-size: cover;
}
.it.cyber-security-training-page.course-page .ant-layout-content .course-body .next-topic-button {
  background-color: #fe7043;
}
.it.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .title {
  border-color: #fe7043;
}
.it.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .title .l2 {
  color: #fe7043;
}
.it.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body {
  border-color: #fe7043;
}
.it.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-last-button {
  border-color: #fe7043;
}
.it.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-last-button span {
  color: #fe7043;
}
.it.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-submit-button {
  background-color: #fe7043;
}
.it.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-submit-button[disabled] {
  background-color: #FF704333;
  border-color: #fe7043;
}
.it.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area.correct .ant-btn-link {
  color: #0CA3A3;
}
.it.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area.wrong .ant-btn-link {
  color: #E7444E;
}
.it.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
  background: #fe7043;
}
.it.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab.active .number {
  border-color: #fe7043;
}
.it.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.index .course-landing {
  background: rgba(255, 112, 67, 0.2);
}
.it.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.welcome .course-landing {
  background: rgba(255, 112, 67, 0.2);
}
.it.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.t900 .course-landing {
  background: rgba(255, 112, 67, 0.2);
}
.it.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.t930 .course-landing {
  background: rgba(255, 112, 67, 0.2);
}
.it.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.t1200 .course-landing {
  background: rgba(255, 112, 67, 0.2);
}
.it.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.t1400 .course-landing {
  background: rgba(255, 112, 67, 0.2);
}
.it.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.quiz .course-landing {
  background: rgba(255, 112, 67, 0.2);
}
.it.cyber-security-training-page.course-page .ant-layout-content .ant-radio-checked .ant-radio-inner {
  border-color: #fe7043;
}
.it.cyber-security-training-page.course-page .ant-layout-content .ant-radio-inner::after {
  background-color: #fe7043;
}
.it.cyber-security-training-page.course-page .ant-layout-content .ant-radio-wrapper:hover .ant-radio,
.it.cyber-security-training-page.course-page .ant-layout-content .ant-radio:hover .ant-radio-inner,
.it.cyber-security-training-page.course-page .ant-layout-content .ant-radio-input:focus + .ant-radio-inner {
  border-color: #fe7043;
}
.it.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.index .course-landing .course-landing-content {
  background-image: url(/static/media/welcomeLandingbg-it.050b166f.png);
}
.cyber-security-training-page.course-page.it .ant-layout-content .course-body .course-body-content.quiz .progress .progress-line {
  background-color: #fe7043;
}

.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation {
  position: relative;
  margin-bottom: 5rem !important;
  cursor: pointer;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .avater {
  margin-top: 5%;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message {
  width: 45vw;
  height: 10vw;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message .conversation-message-text {
  font-size: 1.6vw;
  line-height: 1.2;
  padding: 1vw 3vw 1vw 11vw;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .avater {
  margin-top: 5%;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message {
  width: 45vw;
  height: 10vw;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message .conversation-message-text {
  font-size: 1.6vw;
  line-height: 1.2;
  padding: 1vw 11vw 1vw 3vw;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 {
  display: flex;
  grid-gap: 3vw;
  grid-gap: 3vw;
  gap: 3vw;
  margin-top: 3rem;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .avater {
  margin-top: 5%;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message {
  position: relative;
  width: 45vw;
  height: 10vw;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-text {
  z-index: 10;
  position: relative;
  height: 100%;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  font-size: 1.6vw;
  line-height: 1.2;
  padding: 1vw 3vw 1vw 11vw;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-bg {
  height: 100%;
  width: 100%;
  position: absolute;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  top: 20rem;
  left: 16rem;
}

.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation {
  position: relative;
  cursor: pointer;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  top: 20rem;
  left: 16rem;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation {
    margin-left: -2rem;
    width: calc(100% + 4rem);
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .avater {
    width: 12vw!important;
    height: 12vw!important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message {
    width: 75vw!important;
    height: 15vw!important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message-text {
    font-size: 1.2rem !important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message-text {
    padding: 1vw 1vw 1vw 15vw!important;
  }
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message-text {
    padding: 1.2vw 15vw 1vw 1vw !important;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message-text {
    padding: 2vw 13vw 2vw 2vw !important;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message {
    width: 75vw!important;
    height: 25vw!important;
  }
}

.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .animation002 {
  width: 934px;
  height: 934px;
  position: relative;
  margin: auto;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .animation002 .click-point {
  width: 110px;
  position: absolute;
  top: 100px;
  left: 153px;
  transform: rotate(90deg);
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-center-circle {
  font-size: 27px;
  font-weight: 500;
  line-height: 34px;
  text-align: center;
  background: #F26927CC;
  height: 269px;
  width: 269px;
  border-radius: 50%;
  color: #fff;
  position: absolute;
  left: calc(50% - 134.5px);
  display: flex;
  justify-content: center;
  align-items: center;
  top: 338px;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  width: 200px;
  height: 200px;
  position: absolute;
  border-radius: 20px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  grid-gap: 1rem;
  gap: 1rem;
  flex-direction: column;
  padding: 20.76px 0.5rem;
  cursor: pointer;
  transition: all 0.5s linear 0s;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel.fade-in {
  opacity: 1;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel .text {
  text-align: center;
  line-height: 1.2;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel .bp-panel-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-1 {
  background: #1AB6B6;
  position: absolute;
  top: 45px;
  left: calc(50% - 92px);
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-2 {
  background: #DD936F;
  position: absolute;
  top: 256px;
  right: 78px;
  opacity: 0;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-3 {
  background: #F4B784;
  position: absolute;
  top: 539px;
  right: 78px;
  opacity: 0;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-4 {
  background: #597EF7;
  position: absolute;
  top: 689px;
  left: calc(50% - 92px);
  opacity: 0;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-5 {
  background: #EF878D;
  position: absolute;
  top: 539px;
  left: 78px;
  opacity: 0;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-6 {
  background: #3789FF;
  position: absolute;
  top: 256px;
  left: 78px;
  opacity: 0;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .animation002.ngo1400-1-a002 .bp-panel {
  padding: 1rem;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .animation002.ngo1400-1-a002 .bp-panel-1 {
  left: calc(50% - 100px);
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .animation002.ngo1400-1-a002 .bp-panel-2 {
  top: 380px;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .animation002.ngo1400-1-a002 .bp-panel-3 {
  top: 670px;
  right: 200px;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .animation002.ngo1400-1-a002 .bp-panel-4 {
  top: 670px;
  left: 200px;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .animation002.ngo1400-1-a002 .bp-panel-5 {
  top: 380px;
}
.cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel {
  width: 230px;
  height: 230px;
  padding-bottom: 20.76px !important;
  padding: 20.76px 1rem;
}
.cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel.fade-in {
  opacity: 1;
}
.cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel .text {
  text-align: center;
  line-height: 1.2;
}
.cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-1 {
  left: calc(50% - 115px);
}
.cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-2,
.cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-5 {
  top: 360px;
}
.cyber-security-training-page.course-page.en.ngo .ant-layout-content .course-body .course-body-content .topic-item .animation002.general930-1-a002 .bp-center-circle {
  font-size: 1.3rem;
  padding: 1rem;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .animation002 {
    width: 100%;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-center-circle {
    padding: 1rem;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-1 {
    background: #1AB6B6;
    position: absolute;
    top: 45px;
    left: calc(50% - 92px);
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-2 {
    background: #DD936F;
    position: absolute;
    top: 256px;
    right: 78px;
    opacity: 0;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-3 {
    background: #F4B784;
    position: absolute;
    top: 539px;
    right: 78px;
    opacity: 0;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-4 {
    background: #597EF7;
    position: absolute;
    top: 689px;
    left: calc(50% - 92px);
    opacity: 0;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-5 {
    background: #EF878D;
    position: absolute;
    top: 539px;
    left: 78px;
    opacity: 0;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-6 {
    background: #3789FF;
    position: absolute;
    top: 256px;
    left: 78px;
    opacity: 0;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .animation002.ngo1400-1-a002 .bp-panel {
    padding: 27px 17px;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .animation002.ngo1400-1-a002 .bp-panel-2 {
    top: calc(50% - 10.9vw);
    right: 0;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .animation002.ngo1400-1-a002 .bp-panel-3 {
    top: 70vw;
    right: 20%;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .animation002.ngo1400-1-a002 .bp-panel-4 {
    top: 70vw;
    left: 20%;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .animation002.ngo1400-1-a002 .bp-panel-5 {
    top: calc(50% - 10.9vw);
    left: 0;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel .text {
    font-size: 1.6rem;
    line-height: 1.2;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .animation002 {
    width: 100%;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-center-circle {
    padding: 1rem;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-1 {
    background: #1AB6B6;
    position: absolute;
    top: 45px;
    left: calc(50% - 92px);
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-2 {
    background: #DD936F;
    position: absolute;
    top: 256px;
    right: 78px;
    opacity: 0;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-3 {
    background: #F4B784;
    position: absolute;
    top: 539px;
    right: 78px;
    opacity: 0;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-4 {
    background: #597EF7;
    position: absolute;
    top: 689px;
    left: calc(50% - 92px);
    opacity: 0;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-5 {
    background: #EF878D;
    position: absolute;
    top: 539px;
    left: 78px;
    opacity: 0;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-6 {
    background: #3789FF;
    position: absolute;
    top: 256px;
    left: 78px;
    opacity: 0;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .animation002.ngo1400-1-a002 .bp-panel {
    padding: 27px 17px;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .animation002.ngo1400-1-a002 .bp-panel-2 {
    top: calc(50% - 10.9vw);
    right: 0;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .animation002.ngo1400-1-a002 .bp-panel-3 {
    top: 90vw;
    right: 20%;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .animation002.ngo1400-1-a002 .bp-panel-4 {
    top: 90vw;
    left: 20%;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .animation002.ngo1400-1-a002 .bp-panel-5 {
    top: calc(50% - 10.9vw);
    left: 0;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .topic-item .animation002 {
    width: 100%;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-center-circle {
    padding: 1rem;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.ngo1400-1-a002 .bp-panel {
    width: 200px;
    height: 220px;
    padding: 27px 17px;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.ngo1400-1-a002 .bp-panel .text {
    font-size: 1.4rem;
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.ngo1400-1-a002 .bp-panel-1 {
    left: calc(50% - 100px);
    top: 45px;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.ngo1400-1-a002 .bp-panel-2 {
    top: calc(50% - 100px);
    right: 0;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.ngo1400-1-a002 .bp-panel-3 {
    top: 90vw;
    right: 20%;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.ngo1400-1-a002 .bp-panel-4 {
    top: 90vw;
    left: 20%;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.ngo1400-1-a002 .bp-panel-5 {
    top: calc(50% - 100px);
    left: 0;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .animation002 {
    height: 130vw;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .animation002 .click-point {
    width: 50px;
    position: absolute;
    top: 50px;
    left: 50px;
    transform: rotate(90deg);
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-center-circle {
    width: 31.8vw;
    height: 31.8vw;
    font-size: 1.5rem;
    line-height: 1.2;
    left: calc(50% - 15.9vw);
    top: 50vw;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel .bp-panel-title {
    font-size: 1.4rem;
    line-height: 1.1;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel .text {
    font-size: 1.1rem;
    line-height: 1.1;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .animation002.ngo1400-1-a002 .bp-panel {
    padding: 1.5vw;
    width: 100px;
    height: 150px;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .animation002.ngo1400-1-a002 .bp-panel.bp-panel-1 {
    top: 0;
    left: calc(50% - 50px);
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .animation002.ngo1400-1-a002 .bp-panel.bp-panel-2 {
    top: calc(50% - 75px);
    right: 0;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .animation002.ngo1400-1-a002 .bp-panel.bp-panel-3 {
    top: unset;
    bottom: 0;
    right: 15%;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .animation002.ngo1400-1-a002 .bp-panel.bp-panel-4 {
    top: unset;
    bottom: 0;
    left: 15%;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .topic-item .animation002.ngo1400-1-a002 .bp-panel.bp-panel-5 {
    top: calc(50% - 75px);
    left: 0;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-center-circle {
    font-size: 1.3rem;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel {
    height: 25.8vw;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel .text {
    font-size: 8px;
    font-weight: 400;
    line-height: 9px;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel.bp-panel-1 {
    top: 5vw;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .topic-item .animation002 {
    height: 230vw;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .topic-item .animation002 .click-point {
    width: 50px;
    position: absolute;
    top: 50px;
    left: 50px;
    transform: rotate(90deg);
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-center-circle {
    width: 31.8vw;
    height: 31.8vw;
    font-size: 1.4rem;
    line-height: 1.2;
    left: calc(50% - 15.9vw);
    top: 100vw;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel .bp-panel-title {
    font-size: 1.4rem;
    line-height: 1.1;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel .text {
    font-size: 1.1rem;
    line-height: 1.1;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.ngo1400-1-a002 {
    display: flex;
    flex-direction: column;
    align-items: center;
    grid-gap: 2rem;
    gap: 2rem;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.ngo1400-1-a002 .bp-center-circle {
    position: initial;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.ngo1400-1-a002 .bp-panel {
    padding: 1rem 2rem !important;
    width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    position: initial;
  }
}

.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation006 {
  width: 1024px;
  display: flex;
  position: relative;
  margin: unset;
  margin-top: 10rem;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation006 .animation006-bg {
  position: relative;
  margin: auto;
  width: 1024px;
  height: 582px;
  background-image: url(/static/media/social-media-bg.f452d92d.png);
  background-size: 100% 100%;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation006 .animation006-gif {
  position: absolute;
  margin: auto;
  width: 270px;
  z-index: 10;
  bottom: -10px;
  left: calc(50% - 135px);
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation006 .animation006-radius {
  position: absolute;
  margin: auto;
  padding: 1rem;
  width: 270px;
  height: 270px;
  border-radius: 50%;
  background-color: #F26927;
  font-size: 28px;
  font-weight: 300;
  text-align: center;
  word-wrap: break-word;
  color: #FFFFFF;
  z-index: 10;
  bottom: 0;
  left: calc(50% - 135px);
  display: flex;
  justify-content: center;
  align-items: center;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel {
  width: 240px;
  font-size: 16px;
  position: absolute;
  border-radius: 23px;
  box-shadow: 0px 2.38095px 28.5713px rgba(0, 0, 0, 0.08);
  background-color: #fff;
  text-align: center;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s1 {
  left: 0;
  bottom: 20px;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s2 {
  left: 30px;
  bottom: 160px;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s3 {
  left: 110px;
  bottom: 300px;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s4 {
  left: 250px;
  bottom: 440px;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s5 {
  right: 250px;
  bottom: 440px;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s6 {
  right: 110px;
  bottom: 300px;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s7 {
  right: 30px;
  bottom: 160px;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s8 {
  right: 0;
  bottom: 20px;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content {
  padding: 31px 22px;
  display: flex;
  flex-direction: column;
  font-size: 21px;
  font-weight: 400;
  line-height: 27px;
  align-items: center;
  justify-content: center;
  height: 116px;
  width: 240px;
  border-radius: 23.80945778px;
  position: relative;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content .view-more .view-more-btn {
  font-size: 21px;
  font-weight: 400;
  opacity: 1 !important;
  height: auto;
  position: relative;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content .view-more .view-more-btn .click-point1 {
  width: 40px;
  cursor: pointer;
  transform: rotate(270deg);
  position: absolute;
  bottom: 0;
  left: 90%;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content .indicator {
  position: absolute;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  background: #E7444E;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 19px;
  font-weight: 400;
  line-height: 25px;
  left: -16px;
  top: -16px;
}
.animation006-modal-header {
  display: flex;
  justify-content: space-between;
  padding-right: 35px;
}
.animation006-modal-header .animation006-modal-title {
  font-size: 1.125rem;
  color: #fff;
  background-color: #E7444E;
  border-radius: 12px;
  line-height: 1.6;
  font-weight: 700;
  padding: 0.5625rem 1rem;
}
.animation006-modal-header .animation006-modal-link {
  max-width: 50%;
  font-size: 1.125rem;
  color: #fff;
  background-color: #E7444E;
  border-radius: 12px;
  line-height: 1.6;
  font-weight: 700;
  padding: 0.5625rem 1rem;
  margin-left: 20px;
}
.animation006-modal-header .animation006-modal-link a {
  color: white;
  text-decoration: underline;
}
.animation006-modal .ant-modal-body {
  display: flex;
  justify-content: center;
  position: relative;
  min-height: 456px;
}
.animation006-modal .ant-modal-body img {
  width: 100%;
  height: 100%;
  margin-bottom: 50px;
}
.animation006-modal .ant-modal-body .hide {
  display: none;
}
.animation006-modal .ant-modal-body .next-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 3.8rem;
  width: 4.8rem;
  right: 0;
  bottom: 0;
}
.animation006-modal .ant-modal-body .prev-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 3.8rem;
  width: 4.8rem;
  left: 0;
  bottom: 0;
}
.cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation006 {
  margin-top: 24rem;
}
.cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-radius {
  font-size: 24px;
}
.cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content {
  font-size: 18px;
  line-height: 1.2;
}
.animation006-modal-header {
  display: flex;
  justify-content: space-between;
  padding-right: 35px;
}
.animation006-modal-header .animation006-modal-title {
  font-size: 1.125rem;
  color: #fff;
  background-color: #E7444E;
  border-radius: 12px;
  line-height: 1.6;
  font-weight: 700;
  padding: 0.5625rem 1rem;
}
.animation006-modal-header .animation006-modal-link {
  max-width: 50%;
  font-size: 1.125rem;
  color: #fff;
  background-color: #E7444E;
  border-radius: 12px;
  line-height: 1.6;
  font-weight: 700;
  padding: 0.5625rem 1rem;
  margin-left: 20px;
}
.animation006-modal-header .animation006-modal-link a {
  color: white;
  text-decoration: underline;
}
@media (max-width: 1580px) {
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation006 {
    margin-top: 20rem;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation006 {
    margin-top: 30rem;
  }
}
@media (max-width: 1024px) {
  .animation006-modal {
    width: 100%;
    height: 100%;
  }
  .animation006-modal .ant-modal-body {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    position: relative;
    min-height: 456px;
  }
  .animation006-modal .ant-modal-body .hide {
    display: none;
  }
  .animation006-modal .ant-modal-body .next-button {
    position: absolute;
    background: #FFC53D;
    border-radius: 0px;
    height: 4.5rem;
    width: 4.5rem;
    right: 0;
    bottom: 0;
  }
  .animation006-modal .ant-modal-body .prev-button {
    position: absolute;
    background: #FFC53D;
    border-radius: 0px;
    height: 4.5rem;
    width: 4.5rem;
    left: 0;
    bottom: 0;
  }
  .animation006-modal .ant-modal-body img {
    width: 100%;
    height: 100%;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation006 {
    width: 100%;
    margin-top: 14rem;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation006 .animation006-radius {
    font-size: 2.4rem;
    line-height: 1.3;
    padding: 3rem;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation006 .animation006-bg {
    width: calc(100vw - 4rem);
    height: calc((100vw - 4rem) * 595 / 1024);
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel {
    width: 200px;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s1 {
    left: 0;
    bottom: 2vw;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s2 {
    left: 3vw;
    bottom: 15vw;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s3 {
    left: 12vw;
    bottom: 28vw;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s4 {
    left: 25vw;
    bottom: 41vw;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s5 {
    right: 25vw;
    bottom: 41vw;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s6 {
    right: 12vw;
    bottom: 28vw;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s7 {
    right: 3vw;
    bottom: 15vw;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s8 {
    right: 0;
    bottom: 2vw;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content {
    width: 200px;
    font-size: 1.6rem;
    line-height: 1.4;
    height: 100px;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-radius {
    font-size: 2.2rem;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content {
    font-size: 1.5rem;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation006 {
    margin-top: 16rem;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel {
    width: 20vw;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content {
    font-size: 1.4rem;
    line-height: 1.4;
    width: 20vw;
    height: 75px;
    padding: 1rem;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content .view-more .view-more-btn {
    font-size: 10px !important;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content .view-more .view-more-btn .click-point1 {
    bottom: -20%;
    left: 100%;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content .indicator {
    font-size: 1rem;
    width: 2rem;
    height: 2rem;
    left: -1rem;
    top: -1rem;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation006 .animation006-radius {
    font-size: 2rem;
    width: 200px;
    height: 200px;
    left: calc(50% - 100px);
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation006 {
    margin-top: 28rem;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel {
    width: 24vw;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s4 {
    left: 22vw;
    bottom: 41vw;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s5 {
    right: 22vw;
    bottom: 41vw;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content {
    font-size: 1.4rem;
    line-height: 1.2;
    width: 24vw;
    height: 80px;
    padding: 1rem;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content .indicator {
    font-size: 1rem;
    width: 2rem;
    height: 2rem;
    left: -1rem;
    top: -1rem;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-radius {
    font-size: 1.6rem;
    width: 200px;
    height: 200px;
    left: calc(50% - 100px);
  }
}
@media (max-width: 480px) {
  .animation006 .animation006-panel .animation006-content .view-more-btn {
    font-size: 10px;
  }
  .animation006 .animation006-panel .animation006-content .click-point1 {
    width: 20px !important;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation006 {
    margin-top: 35rem;
    margin-bottom: 20rem !important;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation006 .animation006-radius {
    font-size: 1.4rem;
    line-height: 1.1;
    width: 100px;
    height: 100px;
    padding: 1rem;
    left: calc(50% - 50px);
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel {
    width: 27vw;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content {
    padding: 0.3rem;
    font-size: 1.2rem;
    line-height: 1.1;
    height: 70px;
    width: 27vw;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content .view-more {
    margin-left: 0px;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content .view-more .view-more-btn {
    font-size: 8px;
    border: 0;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content .view-more img {
    width: 20px !important;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s1 {
    left: 15vw;
    bottom: -105px;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s2 {
    left: 0;
    bottom: -20px;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s3 {
    left: 0;
    bottom: 60px;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s4 {
    left: 15vw;
    bottom: 38vw;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s5 {
    right: 15vw;
    bottom: 38vw;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s6 {
    right: 0;
    bottom: 60px;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s7 {
    right: 0;
    bottom: -20px;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s8 {
    right: 15vw;
    bottom: -105px;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation006 {
    margin-top: 37rem;
    margin-bottom: 20rem !important;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-radius {
    font-size: 1.4rem;
    line-height: 1.1;
    width: 140px;
    height: 140px;
    padding: 1rem;
    left: calc(50% - 70px);
    bottom: -35px;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel {
    width: 26vw;
    border-radius: 1.5rem;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content {
    padding: 0.5rem;
    font-size: 1.2rem;
    line-height: 1;
    height: 90px;
    width: 26vw;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content .indicator {
    font-size: 1rem;
    width: 1.5rem;
    height: 1.5rem;
    left: -0.5rem;
    top: -0.5rem;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s1 {
    left: 15vw;
    bottom: -155px;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s2 {
    left: -2vw;
    bottom: -55px;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s3 {
    left: -2vw;
    bottom: 45px;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s4 {
    left: 15vw;
    bottom: 38vw;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s5 {
    right: 15vw;
    bottom: 38vw;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s6 {
    right: -2vw;
    bottom: 45px;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s7 {
    right: -2vw;
    bottom: -55px;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s8 {
    right: 15vw;
    bottom: -155px;
  }
  .animation006-modal {
    width: 100% !important;
  }
  .animation006-modal .animation006-modal-header .animation006-modal-title {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .animation006-modal .ant-modal-body {
    display: flex;
    justify-content: center;
    position: relative;
    min-height: 300px;
  }
  .animation006-modal .ant-modal-body img {
    width: 100%;
    height: 100%;
    margin-bottom: 50px;
  }
  .animation006-modal .ant-modal-body .hide {
    display: none;
  }
  .animation006-modal .ant-modal-body .next-button {
    position: absolute;
    background: #FFC53D;
    border-radius: 0px;
    height: 3.8rem;
    width: 4.8rem;
    right: 0;
    bottom: 0;
  }
  .animation006-modal .ant-modal-body .prev-button {
    position: absolute;
    background: #FFC53D;
    border-radius: 0px;
    height: 3.8rem;
    width: 4.8rem;
    left: 0;
    bottom: 0;
  }
}

.ngo .animation011 {
  margin-right: 3.5rem;
  padding-bottom: 0;
  position: relative;
}
.ngo .animation011 .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  top: 7.5rem;
  left: 15rem;
}
.ngo .animation011 .animation011-content {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  padding-right: 3.5rem;
}
.ngo .animation011 .animation011-content .animation011-item {
  margin-bottom: 3rem;
  width: 100%;
  height: 7.5rem;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.ngo .animation011 .animation011-content .animation011-item .animation011-indicate-number {
  min-width: 13.125rem;
  height: 5.625rem;
  display: flex;
  border-radius: 15%/60%;
  align-items: center;
  color: #FFFFFF;
}
.ngo .animation011 .animation011-content .animation011-item .animation011-indicate-number .animation011-icon {
  height: 7.5rem;
  width: 7.5rem;
  border: 2px solid;
  border-radius: 50%;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ngo .animation011 .animation011-content .animation011-item .animation011-indicate-number .animation011-icon img {
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
}
.ngo .animation011 .animation011-content .animation011-item .number {
  width: 3.75rem;
  text-align: right;
  font-family: Helvetica Neue;
  font-size: 2.25rem;
  font-weight: 700;
}
.ngo .animation011 .animation011-content .animation011-item .animation011-text {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  padding-left: 20px;
}
@media (max-width: 1024px) {
  .ngo .animation011 {
    margin-right: 0;
    margin-top: 0 !important;
  }
  .ngo .animation011 .animation011-content {
    padding-right: 0!important;
  }
  .ngo .animation011 .animation011-content .animation011-item {
    height: 5.5rem;
    margin-bottom: 1rem;
  }
  .ngo .animation011 .animation011-content .animation011-item .animation011-icon {
    height: 5.5rem;
    width: 5.5rem;
  }
  .ngo .animation011 .animation011-content .animation011-item .animation011-icon img {
    width: 100%;
    height: auto;
  }
  .ngo .animation011 .animation011-content .animation011-item .animation011-text {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
@media (max-width: 768px) {
  .ngo .animation011 .animation011-content {
    flex-wrap: wrap;
    grid-row-gap: 3rem;
    row-gap: 3rem;
  }
  .ngo .animation011 .animation011-content .animation011-item {
    padding-left: 4rem !important;
    margin-bottom: 0;
  }
  .ngo .animation011 .animation011-content .animation011-item .animation011-indicate-number {
    min-width: 11rem;
    height: 3.625rem;
  }
  .ngo .animation011 .animation011-content .animation011-item .animation011-indicate-number .number {
    text-align: center;
  }
  .ngo .animation011 .animation011-content .animation011-item .animation011-indicate-number .animation011-icon {
    width: 5.5rem;
    height: 5.5rem;
  }
}
@media (max-width: 480px) {
  .ngo.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation011 {
    margin-top: 4rem !important;
    margin-bottom: 10rem !important;
  }
  .ngo.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation011 .animation011-content {
    width: 100%;
    grid-row-gap: 2rem;
    row-gap: 2rem;
  }
  .ngo.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation011 .animation011-content .animation011-item {
    padding-left: 0 !important;
    height: 55px;
  }
  .ngo.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation011 .animation011-content .animation011-item .animation011-indicate-number {
    min-width: 9rem;
    height: 55px;
  }
  .ngo.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation011 .animation011-content .animation011-item .animation011-indicate-number .number {
    font-size: 1.8rem;
  }
  .ngo.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation011 .animation011-content .animation011-item .animation011-icon img {
    width: 55px;
    height: 55px;
  }
  .ngo.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation011 .animation011-content .animation011-item .animation011-text {
    font-size: 1.4rem;
    padding-left: 1.2;
  }
}

.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation020 {
  margin-bottom: 0rem!important;
}
.ngo .animation020-content {
  position: relative;
  margin-right: 3.5rem;
}
.ngo .animation020-content .animation020 {
  margin-right: 1.5rem;
  padding-bottom: 7rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.ngo .animation020-content .animation020 .animation020-item {
  height: 30rem;
  display: flex;
  flex-direction: column;
  z-index: 2;
  position: relative;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.ngo .animation020-content .animation020 .animation020-item .animation020-line {
  width: 100%;
  position: absolute;
  left: 0;
  top: 160px;
  border: 3px solid #000000;
  background-color: #000000;
}
.ngo .animation020-content .animation020 .animation020-item .animation020-head {
  position: relative;
  min-height: 8rem;
  width: 50%;
  text-align: center;
}
.ngo .animation020-content .animation020 .animation020-item .animation020-head .animation020-time,
.ngo .animation020-content .animation020 .animation020-item .animation020-head .animation020-title {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
}
.ngo .animation020-content .animation020 .animation020-item .animation020-list {
  width: 90%;
  text-align: left;
  margin-top: 30px;
  margin-left: 25%;
}
.ngo .animation020-content .animation020 .animation020-item .animation020-list .ant-timeline-item-head {
  background-color: transparent;
}
.ngo .animation020-content .animation020 .animation020-item .animation020-list .animation020-text {
  width: 100%;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
  text-align: left;
  min-height: 4.5rem;
  display: flex;
  align-items: baseline;
  font-family: Helvetica Neue;
}
.ngo .animation020-content .animation020 .animation020-item .animation020-list .animation020-text .animation020-detail-text {
  position: relative;
  top: -0.5rem;
}
.ngo .animation020-content .animation020 .animation020-item .animation020-list .animation020-text .ant-timeline-item-content {
  margin-left: 2.5rem;
}
.ngo .animation020-content .animation020 .animation020-item-0 .ant-timeline-item-tail {
  border-left: 3px solid #4F97FF;
}
.ngo .animation020-content .animation020 .animation020-item-1 .ant-timeline-item-tail {
  border-left: 3px solid #0CA39A;
}
.ngo .animation020-content .animation020 .animation020-item-2 .ant-timeline-item-tail {
  border-left: 3px solid #F58F5E;
}
.ngo .animation020-content .animation020 .animation020-item-3 .ant-timeline-item-tail {
  border-left: 3px solid #EDA926;
}
.ngo .animation020-content .animation020 .animation020-item-4 .ant-timeline-item-tail {
  border-left: 3px solid #26C9ED;
}
@media (max-width: 1024px) {
  .ngo .animation020-content .animation020 {
    justify-content: flex-start;
  }
  .ngo .animation020-content .animation020 .animation020-item {
    width: 33.33% !important;
  }
  .ngo .animation020-content .animation020 .animation020-item .animation020-line {
    left: 0;
    top: 135px;
  }
  .ngo .animation020-content .animation020 .animation020-item .animation020-list {
    margin-top: 60px;
  }
}
@media (max-width: 768px) {
  .ngo .animation020-content .animation020 {
    justify-content: flex-start;
  }
  .ngo .animation020-content .animation020 .animation020-item {
    width: 50% !important;
  }
}
@media (max-width: 480px) {
  .ngo .animation020-content {
    margin-right: 0;
  }
  .ngo .animation020-content .animation020 {
    margin-right: 0;
    justify-content: flex-start;
    padding-bottom: 10rem;
  }
  .ngo .animation020-content .animation020 .animation020-item {
    width: 100% !important;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin-bottom: -5rem;
  }
  .ngo .animation020-content .animation020 .animation020-item .animation020-head {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    width: 55%;
  }
  .ngo .animation020-content .animation020 .animation020-item .animation020-head .animation020-time {
    font-size: 1.5rem;
    line-height: 1.5;
  }
  .ngo .animation020-content .animation020 .animation020-item .animation020-head .animation020-title {
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .ngo .animation020-content .animation020 .animation020-item .animation020-line {
    left: 0;
    top: 120px;
  }
  .ngo .animation020-content .animation020 .animation020-item .animation020-list {
    width: 75%;
    margin-top: 40px;
  }
  .ngo .animation020-content .animation020 .animation020-item .animation020-list .animation020-text {
    font-size: 1.4rem;
    line-height: 1.5;
  }
}

.ngo .animation021 {
  margin-top: -25rem !important;
  margin-left: 10%;
  margin-right: 3.5rem;
}
.ngo .animation021 .animation021-content {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 0;
  gap: 0;
  position: relative;
  justify-content: flex-end;
}
.ngo .animation021 .animation021-content .animation021-item {
  cursor: pointer;
  margin-top: 0;
  margin-bottom: 0;
  width: 100%;
  height: 25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 2;
  position: relative;
}
.ngo .animation021 .animation021-content .animation021-item .click-point {
  position: absolute;
  z-index: 10;
  width: 100px;
  bottom: -50px;
  right: -50px;
  transform: rotate(315deg);
}
.ngo .animation021 .animation021-content .animation021-item .sub-task-text {
  position: relative;
}
.ngo .animation021 .animation021-content .animation021-item .sub-task-text .click-point1 {
  width: 40px !important;
  position: absolute;
  bottom: -50%;
  right: -25%;
  transform: rotate(315deg);
}
.ngo .animation021 .animation021-content .animation021-item .sub-task-text .ant-btn {
  background: #F26927;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 20px;
  cursor: pointer;
  margin-top: 0.5rem;
}
.ngo .animation021 .animation021-content .animation021-item .sub-task-text .ant-btn > span {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  color: #FFFFFF;
}
.ngo .animation021 .animation021-content .animation021-item .animation021-icon {
  min-height: 15rem;
  height: 15rem;
  display: flex;
  align-items: center;
}
.ngo .animation021 .animation021-content .animation021-item .animation021-icon img {
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.ngo .animation021 .animation021-content .animation021-item .animation021-text {
  width: 10rem;
  font-weight: 400;
  font-size: 20px;
  text-align: center;
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
  min-height: 110px;
}
.ngo .animation021 .animation021-content .animation021-item .animation021-text .view-more {
  position: relative;
}
.ngo .animation021 .animation021-content .animation021-item .animation021-text .view-more button span {
  color: #9655F2;
  font-size: 1.2rem;
}
.ngo .animation021 .animation021-content .animation021-item .animation021-text .view-more .click-point1 {
  position: absolute;
  z-index: 10;
  width: 50px;
  top: 0;
  right: -25px;
  transform: rotate(270deg);
}
@media (max-width: 1024px) {
  .ngo .animation021 .animation021-content .animation021-item .animation021-text {
    min-height: 68px;
  }
  .ngo .animation021 {
    margin-top: -32rem !important;
  }
  .ngo .animation021 .animation021-content {
    padding-right: 0;
  }
  .ngo .animation021 .animation021-content .animation021-item {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .ngo .animation021 .animation021-content .animation021-item .animation021-text {
    font-size: 1.6rem;
    line-height: 1.2;
  }
  .ngo .animation021 .animation021-content .animation021-item .animation021-line img {
    height: 100%;
  }
  .ngo.en .animation021 .animation021-content .animation021-item .animation021-text {
    width: 100%;
  }
  .ngo.en .animation021 .animation021-content .animation021-item .animation021-icon {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
}
@media (max-width: 768px) {
  .ngo .animation021 {
    margin-left: 35%;
    margin-top: -50rem !important;
  }
  .ngo .animation021 .animation021-content {
    flex-wrap: wrap;
    justify-content: flex-start;
    grid-gap: 0.5rem;
    gap: 0.5rem;
    grid-row-gap: 2rem;
    row-gap: 2rem;
  }
  .ngo .animation021 .animation021-content .animation021-item {
    width: calc(33.33% - 0.5rem) !important;
  }
  .ngo .animation021 .animation021-content .animation021-item .click-point {
    position: absolute;
    z-index: 10;
    width: 50px;
    bottom: -25px;
    right: -25px;
    transform: rotate(315deg);
  }
  .ngo .animation021 .animation021-content .animation021-item .animation021-icon {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .ngo .animation021 .animation021-content .animation021-item .animation021-icon img {
    width: 75%;
    height: auto;
  }
  .ngo .animation021 .animation021-content .animation021-item .animation021-text {
    font-size: 1.4rem;
    line-height: 1.4;
  }
}
@media (max-width: 480px) {
  .ngo .animation021 .animation021-content .animation021-item .animation021-text {
    width: 100%;
    font-size: 1.4rem;
    line-height: 1.2;
  }
  .ngo .animation021 {
    margin-top: -28rem !important;
    margin-right: 0;
    margin-left: 38%;
  }
  .ngo .animation021 .animation021-content {
    grid-gap: 1rem;
    gap: 1rem;
    grid-row-gap: 2rem;
    row-gap: 2rem;
    justify-content: flex-start;
  }
  .ngo .animation021 .animation021-content .background-line {
    height: 2.125rem;
    top: 68%;
  }
  .ngo .animation021 .animation021-content .animation021-item {
    width: calc(50% - 1rem) !important;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .ngo .animation021 .animation021-content .animation021-item .animation021-icon {
    width: 100%;
  }
  .ngo .animation021 .animation021-content .animation021-item .animation021-icon img {
    width: 70%;
    height: 70%;
  }
  .ngo .animation021 .animation021-content .animation021-item .animation021-text {
    margin-top: 1rem;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.ngo .animation022 {
  margin-right: 1.5rem;
  margin-left: 1.5rem;
}
.ngo .animation022 .animation022-content {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 1rem;
  gap: 1rem;
  justify-content: space-around;
  padding-right: 3.5rem;
  margin-left: -48px;
}
.ngo .animation022 .animation022-content .animation022-item {
  margin-top: 3rem;
  margin-bottom: 3rem;
  padding-left: 7rem;
  width: 100%;
  height: 15rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  z-index: 2;
  background-image: url(/static/media/a022-market.edf1b973.svg);
  background-repeat: no-repeat;
  position: relative;
}
.ngo .animation022 .animation022-content .animation022-item .animation022-text {
  width: 8rem;
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.3;
  text-align: left;
  min-height: 150px;
  display: flex;
  align-items: center;
}
.ngo .animation022 .animation022-content .animation022-item .click-point {
  position: absolute;
  z-index: 10;
  width: 118px;
  bottom: -25px;
  left: 200px;
  transform: rotate(315deg);
}
.ngo.en .animation022 .animation022-content {
  padding-right: 6.5rem;
}
.ngo.en .animation022 .animation022-content .animation022-item .animation022-text {
  width: 9.5rem;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content.quiz .course-landing .quiz-text {
    width: 100%;
  }
  .ngo .animation022 .animation022-content {
    justify-content: flex-start;
  }
  .ngo .animation022 .animation022-content .animation022-item {
    width: calc(33.33% - 1rem) !important;
    padding-left: 12rem;
  }
  .ngo .animation022 .animation022-content .animation022-item .animation022-text {
    width: 100%;
    font-size: 1.8rem;
    line-height: 1.4;
  }
  .ngo.en .animation022 .animation022-content .animation022-item .animation022-text {
    width: 25rem;
  }
  .ngo .animation022 .animation022-content .animation022-item .click-point {
    width: 65px;
    right: 0;
    bottom: 0;
  }
  .ngo .animation022 .animation022-content .animation022-item .animation022-text {
    min-height: 68px;
  }
}
@media (max-width: 768px) {
  .ngo .animation022 .animation022-content .animation022-item {
    width: calc(50% - 1rem) !important;
    padding-left: 13rem;
  }
  .ngo .animation022 .animation022-content .animation022-item .animation022-text {
    width: 100%;
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .ngo .animation022-content {
    flex-wrap: wrap;
  }
  .ngo .animation022-content .animation022-item .animation022-line img {
    height: 100%;
  }
}
@media (max-width: 480px) {
  .ngo .animation022 .animation022-content .animation022-item {
    width: calc(50% - 1rem) !important;
    padding-left: 11rem;
  }
  .ngo .animation022 .animation022-content .animation022-item .animation022-text {
    width: 7rem;
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .ngo .animation022 .animation022-content .background-line {
    height: 2.125rem;
    top: 68%;
  }
  .ngo .animation022 .animation022-content .animation022-item {
    width: 10%;
  }
  .ngo.en .animation022 {
    margin-left: -2.5rem;
  }
  .ngo.en .animation022 .animation022-content .animation022-item {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .ngo.en .animation022 .animation022-content .animation022-item .animation022-text {
    width: 12rem;
  }
}

.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation025 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 56px;
  position: relative;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation025 .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  bottom: -50px;
  left: 18%;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation025 .animation025-item {
  width: 25%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-color-div {
  height: 10px;
  width: 70%;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-gray-div {
  height: 13px;
  width: 80%;
  background-color: #f5f5f5;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-title {
  color: #ffffff;
  width: 95%;
  font-size: 1.75rem;
  line-height: 1.2;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  min-height: 100px;
  display: flex;
  padding: 1rem;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-text {
  width: 80%;
  height: 200px;
  background-size: 100%;
  font-style: normal;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.5;
  color: #121212;
  padding: 1rem 2rem 0 2rem;
  display: flex;
  justify-content: center;
  cursor: pointer;
  background-color: #f5f5f5;
}
.cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-title {
  min-height: 135px;
}
.cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-text {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  min-height: 275px;
  line-height: 1.2;
  padding: 1rem;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation025 {
    flex-wrap: wrap;
    padding: 0;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-text {
    height: auto;
    min-height: 130px;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation025 {
    flex-wrap: wrap;
    padding: 0;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-text {
    height: auto;
    min-height: 130px;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation025 .animation025-item {
    width: 50%;
    margin-bottom: 2rem;
    position: relative;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .click-point {
    position: absolute;
    width: 100px;
    transform: rotate(-45deg);
    z-index: 10;
    transition: all 800ms linear 0s;
    bottom: -50px;
    left: unset;
    right: 0;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-text {
    min-height: 110px;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .click-point {
    width: 50px;
    bottom: -25px;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-text {
    min-height: 130px;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation025 .animation025-item {
    width: 90%;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .click-point {
    width: 50px;
    bottom: -25px;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-text {
    min-height: 130px;
  }
}

.ngo .animation028 {
  display: flex;
  justify-content: center;
}
.ngo .animation028 .animation028-position {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  grid-gap: 0;
  gap: 0;
  margin-right: 3.5rem;
}
.ngo .animation028 .animation028-position .animation028-contaner {
  display: flex;
  grid-gap: 1rem;
  gap: 1rem;
  justify-content: space-between;
  width: calc(20% - 1.5rem);
}
.ngo .animation028 .animation028-position .animation028-contaner .animation028-item {
  width: 250px;
  position: relative;
}
.ngo .animation028 .animation028-position .animation028-contaner .animation028-item .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 100;
  transition: all 800ms linear 0s;
  bottom: 50%;
  right: -80px;
}
.ngo .animation028 .animation028-position .animation028-contaner .animation028-item.r2,
.ngo .animation028 .animation028-position .animation028-contaner .animation028-item.r4 {
  margin-top: 140%;
}
.ngo .animation028 .animation028-position .animation028-contaner .animation028-item.r1 .text,
.ngo .animation028 .animation028-position .animation028-contaner .animation028-item.r3 .text,
.ngo .animation028 .animation028-position .animation028-contaner .animation028-item.r5 .text {
  top: 0;
  bottom: unset;
  height: 290px;
}
.ngo .animation028 .animation028-position .animation028-contaner .animation028-item.r6 {
  margin-top: -10%;
}
.ngo .animation028 .animation028-position .animation028-contaner .animation028-item img {
  width: 250px;
}
.ngo .animation028 .animation028-position .animation028-contaner .animation028-item .text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  padding: 3rem;
  font-size: 1.3rem;
  line-height: 1.3;
}
.ngo .animation028 .animation028-position .animation028-contaner .animation028-item .text .sub-task-text {
  width: 100%;
  height: auto;
}
.ngo .animation028 .animation028-position .animation028-contaner .animation028-item .text .sub-task-text button {
  width: 100%;
  position: relative;
  color: #00C3E6;
  font-size: 1.3rem !important;
}
.ngo .animation028 .animation028-position .animation028-contaner .animation028-item .text .sub-task-text button .click-point1 {
  position: absolute;
  width: 30px;
  bottom: -15px;
  right: -10px;
  transform: rotate(315deg);
}
.animation028-modal-ngo .ant-modal-content .animation028-modal-header {
  margin: 4rem;
  margin-bottom: 1rem;
  margin-top: 1rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 4rem;
  padding: 1rem;
  font-size: 2.625rem;
  font-weight: 500;
  border-left: 4px solid #53CC92;
  display: flex;
  align-items: center;
  justify-content: center;
}
.animation028-modal-ngo .ant-modal-content .ant-modal-body .next-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.8rem;
  width: 4.8rem;
  right: 0;
  bottom: 0;
  padding: 0;
}
.animation028-modal-ngo .ant-modal-content .ant-modal-body .next-button .click-point2 {
  position: absolute;
  bottom: 5rem;
  right: 5rem;
  width: 5rem;
  height: 5rem;
  transform: rotate(135deg);
}
.animation028-modal-ngo .ant-modal-content .ant-modal-body .next-button .arrow {
  margin: 0 auto;
}
.animation028-modal-ngo .ant-modal-content .ant-modal-body .prev-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.8rem;
  width: 4.8rem;
  left: 0;
  bottom: 0;
  padding: 0;
}
.animation028-modal-ngo .ant-modal-content .ant-modal-body .prev-button .click-point1 {
  position: absolute;
  bottom: 5rem;
  left: 5rem;
  width: 5rem;
  height: 5rem;
  transform: rotate(225deg);
}
.animation028-modal-ngo .ant-modal-content .ant-modal-body .prev-button .arrow {
  margin: 0 auto;
}
.animation028-modal-ngo .ant-modal-content .ant-modal-body .hide {
  display: none;
}
.animation028-modal-ngo .ant-modal-content .ant-modal-body .border {
  margin-left: 12rem;
  margin-right: 12rem;
  margin-top: 0;
  margin-bottom: 1rem;
}
.animation028-modal-ngo .ant-modal-content .ant-modal-body .border img {
  width: 100%;
}
.animation028-modal-ngo .ant-modal-content .ant-modal-body .content {
  width: 37.5rem;
  margin-left: 12rem;
  margin-right: 12rem;
  margin-top: 0;
  margin-bottom: 5rem;
  background: rgba(234, 75, 108, 0.2);
  border-radius: 5px;
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: 400;
  padding: 1.5rem;
  text-align: left;
}
.ngo.en .animation028 .animation028-position {
  margin-right: 12.5rem;
}
.ngo.en .animation028 .animation028-position .animation028-contaner {
  width: 20%;
}
.ngo.en .animation028 .animation028-position .animation028-contaner .animation028-item.r2,
.ngo.en .animation028 .animation028-position .animation028-contaner .animation028-item.r4 {
  margin-top: 210%;
}
.ngo.en .animation028 .animation028-position .animation028-contaner .animation028-item.r1 .text,
.ngo.en .animation028 .animation028-position .animation028-contaner .animation028-item.r3 .text,
.ngo.en .animation028 .animation028-position .animation028-contaner .animation028-item.r5 .text {
  height: 405px;
}
.ngo.en .animation028 .animation028-position .animation028-contaner .animation028-item.r6 {
  margin-top: -15%;
}
.ngo.en .animation028 .animation028-position .animation028-contaner .animation028-item .bg-img {
  width: 350px;
}
.ngo.en .animation028 .animation028-position .animation028-contaner .animation028-item .text {
  width: 350px;
  font-size: 1.4rem;
  line-height: 1.1;
  padding: 3rem 4.5rem;
}
@media (max-width: 1450px) {
  .ngo .animation028 .animation028-position {
    width: 835px;
  }
  .ngo .animation028 .animation028-position .animation028-contaner .animation028-item.r2,
  .ngo .animation028 .animation028-position .animation028-contaner .animation028-item.r4 {
    margin-top: 270px;
  }
  .ngo.en .animation028 .animation028-position {
    width: 870px;
  }
  .ngo.en .animation028 .animation028-position .animation028-contaner .animation028-item.r2,
  .ngo.en .animation028 .animation028-position .animation028-contaner .animation028-item.r4 {
    margin-top: 380px;
  }
}
@media (max-width: 1024px) {
  .ngo .animation028 .animation028-position {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 8rem;
    gap: 8rem;
    grid-row-gap: 4rem;
    row-gap: 4rem;
    margin-right: 2rem;
  }
  .ngo .animation028 .animation028-position .animation028-contaner {
    display: flex;
    grid-gap: 1rem;
    gap: 1rem;
    justify-content: space-between;
    width: calc(33.33% - 8rem);
  }
  .ngo .animation028 .animation028-position .animation028-contaner .animation028-item {
    width: 100%;
    position: relative;
  }
  .ngo .animation028 .animation028-position .animation028-contaner .animation028-item .click-point {
    position: absolute;
    width: 100px;
    transform: rotate(-45deg);
    z-index: 100;
    transition: all 800ms linear 0s;
    bottom: 0;
    right: 0;
  }
  .ngo .animation028 .animation028-position .animation028-contaner .animation028-item.r2,
  .ngo .animation028 .animation028-position .animation028-contaner .animation028-item.r4 {
    margin-top: 0;
  }
  .ngo .animation028 .animation028-position .animation028-contaner .animation028-item.r1 .text,
  .ngo .animation028 .animation028-position .animation028-contaner .animation028-item.r3 .text,
  .ngo .animation028 .animation028-position .animation028-contaner .animation028-item.r5 .text {
    top: 0;
    bottom: unset;
    height: 100%;
  }
  .ngo .animation028 .animation028-position .animation028-contaner .animation028-item img {
    width: 100%;
  }
  .ngo .animation028 .animation028-position .animation028-contaner .animation028-item .text {
    padding: 4.5rem;
    font-size: 1.3vw;
    line-height: 1.5;
  }
  .ngo .animation028 .animation028-position .animation028-contaner .animation028-item .text .sub-task-text button {
    font-size: 1.2vw !important;
    padding: 5px 10px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .ngo .animation028 .animation028-position .animation028-contaner .animation028-item .text .sub-task-text button .click-point1 {
    right: 0;
    bottom: -20px;
  }
  .ngo.en .animation028 .animation028-position {
    grid-gap: 5rem;
    gap: 5rem;
    grid-row-gap: 3rem;
    row-gap: 3rem;
    justify-content: space-between;
    margin-right: 0;
  }
  .ngo.en .animation028 .animation028-position .animation028-contaner {
    width: calc(33.33% - 5rem);
  }
  .ngo.en .animation028 .animation028-position .animation028-contaner .animation028-item .click-point {
    position: absolute;
    width: 100px;
    transform: rotate(-45deg);
    z-index: 100;
    transition: all 800ms linear 0s;
    bottom: 0;
    right: 0;
  }
  .ngo.en .animation028 .animation028-position .animation028-contaner .animation028-item.r2,
  .ngo.en .animation028 .animation028-position .animation028-contaner .animation028-item.r4 {
    margin-top: 0;
  }
  .ngo.en .animation028 .animation028-position .animation028-contaner .animation028-item.r1 .text,
  .ngo.en .animation028 .animation028-position .animation028-contaner .animation028-item.r3 .text,
  .ngo.en .animation028 .animation028-position .animation028-contaner .animation028-item.r5 .text {
    top: 0;
    bottom: unset;
    height: 100%;
  }
  .ngo.en .animation028 .animation028-position .animation028-contaner .animation028-item .bg-img {
    width: 100%;
  }
  .ngo.en .animation028 .animation028-position .animation028-contaner .animation028-item .text {
    width: 100%;
    padding: 5.5rem;
    font-size: 1.6rem;
    line-height: 1.2;
  }
  .ngo.en .animation028 .animation028-position .animation028-contaner .animation028-item .text .sub-task-text button {
    font-size: 1.5rem !important;
  }
  .ngo.en .animation028 .animation028-position .animation028-contaner .animation028-item .text .sub-task-text button .click-point1 {
    right: 0;
  }
}
@media (max-width: 768px) {
  .ngo .animation028 .animation028-position {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 1.5rem;
    gap: 1.5rem;
    margin-right: 2rem;
  }
  .ngo .animation028 .animation028-position .animation028-contaner {
    display: flex;
    grid-gap: 1rem;
    gap: 1rem;
    justify-content: space-between;
    width: calc(33.33% - 1.5rem);
  }
  .ngo .animation028 .animation028-position .animation028-contaner .animation028-item {
    width: 100%;
    position: relative;
    margin-top: 0 !important;
  }
  .ngo .animation028 .animation028-position .animation028-contaner .animation028-item .click-point {
    position: absolute;
    width: 100px;
    transform: rotate(-45deg);
    z-index: 100;
    transition: all 800ms linear 0s;
    bottom: 50%;
    right: -80px;
  }
  .ngo .animation028 .animation028-position .animation028-contaner .animation028-item.r1 .text,
  .ngo .animation028 .animation028-position .animation028-contaner .animation028-item.r3 .text,
  .ngo .animation028 .animation028-position .animation028-contaner .animation028-item.r5 .text {
    top: 0;
    bottom: unset;
    height: 100%;
  }
  .ngo .animation028 .animation028-position .animation028-contaner .animation028-item img {
    width: 100%;
  }
  .ngo .animation028 .animation028-position .animation028-contaner .animation028-item .text {
    display: flex;
    align-items: center;
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    padding: 4.5rem;
    font-size: 1.4rem;
    line-height: 1.4;
  }
  .ngo.en .animation028 .animation028-position {
    grid-gap: 5rem;
    gap: 5rem;
    grid-row-gap: 3rem;
    row-gap: 3rem;
    justify-content: center;
    margin-right: 0;
  }
  .ngo.en .animation028 .animation028-position .animation028-contaner {
    width: calc(50% - 8rem);
  }
  .ngo.en .animation028 .animation028-position .animation028-contaner .animation028-item .click-point {
    position: absolute;
    width: 100px;
    transform: rotate(-45deg);
    z-index: 100;
    transition: all 800ms linear 0s;
    bottom: 0;
    right: 0;
  }
  .ngo.en .animation028 .animation028-position .animation028-contaner .animation028-item.r2,
  .ngo.en .animation028 .animation028-position .animation028-contaner .animation028-item.r4 {
    margin-top: 0;
  }
  .ngo.en .animation028 .animation028-position .animation028-contaner .animation028-item.r1 .text,
  .ngo.en .animation028 .animation028-position .animation028-contaner .animation028-item.r3 .text,
  .ngo.en .animation028 .animation028-position .animation028-contaner .animation028-item.r5 .text {
    top: 0;
    bottom: unset;
    height: 100%;
  }
  .ngo.en .animation028 .animation028-position .animation028-contaner .animation028-item .bg-img {
    width: 100%;
  }
  .ngo.en .animation028 .animation028-position .animation028-contaner .animation028-item .text {
    width: 100%;
    padding: 5.5rem;
    font-size: 1.6rem;
    line-height: 1.2;
  }
  .ngo.en .animation028 .animation028-position .animation028-contaner .animation028-item .text .sub-task-text button {
    font-size: 1.5rem !important;
  }
  .ngo.en .animation028 .animation028-position .animation028-contaner .animation028-item .text .sub-task-text button .click-point1 {
    right: 0;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation028 .animation028-position {
    grid-gap: 0;
    gap: 0;
    justify-content: space-between;
    margin-right: 0;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation028 .animation028-position .animation028-contaner {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: calc(50% - 0.5rem);
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation028 .animation028-position .animation028-contaner .animation028-item.r2,
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation028 .animation028-position .animation028-contaner .animation028-item.r4 {
    margin-top: 0;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation028 .animation028-position .animation028-contaner .animation028-item.r2 .text,
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation028 .animation028-position .animation028-contaner .animation028-item.r4 .text {
    height: 106%;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation028 .animation028-position .animation028-contaner .animation028-item.r1 .text,
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation028 .animation028-position .animation028-contaner .animation028-item.r3 .text,
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation028 .animation028-position .animation028-contaner .animation028-item.r5 .text {
    top: 0;
    bottom: unset;
    height: 100%;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation028 .animation028-position .animation028-contaner .animation028-item .text {
    padding: 2rem 3rem;
    font-size: 1.3rem;
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation028 .animation028-position .animation028-contaner .animation028-item .text .sub-task-text button {
    font-size: 1.4rem !important;
    padding: 0 !important;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation028 .animation028-position {
    justify-content: center;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation028 .animation028-position .animation028-contaner {
    width: 75%;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation028 .animation028-position .animation028-contaner .animation028-item.r2 .text,
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation028 .animation028-position .animation028-contaner .animation028-item.r4 .text {
    height: 106%;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation028 .animation028-position .animation028-contaner .animation028-item.r1 .text,
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation028 .animation028-position .animation028-contaner .animation028-item.r3 .text,
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation028 .animation028-position .animation028-contaner .animation028-item.r5 .text {
    top: 0;
    bottom: unset;
    height: 98%;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation028 .animation028-position .animation028-contaner .animation028-item .text {
    font-size: 1.4rem;
    padding: 4.5rem;
  }
  .animation028-modal-ngo .ant-modal-content .animation028-modal-header {
    margin: 4rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
    margin-left: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 4rem;
    padding: 1rem;
    font-size: 2.625rem;
    font-weight: 500;
    border-left: 4px solid #53CC92;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .animation028-modal-ngo .ant-modal-content .ant-modal-body .next-button {
    position: absolute;
    background: #FFC53D;
    border-radius: 0px;
    height: 4.8rem;
    width: 4.8rem;
    right: 0;
    bottom: 0;
    padding: 0;
  }
  .animation028-modal-ngo .ant-modal-content .ant-modal-body .next-button .click-point2 {
    position: absolute;
    bottom: 5rem;
    right: 5rem;
    width: 5rem;
    height: 5rem;
    transform: rotate(135deg);
  }
  .animation028-modal-ngo .ant-modal-content .ant-modal-body .next-button .arrow {
    margin: 0 auto;
  }
  .animation028-modal-ngo .ant-modal-content .ant-modal-body .prev-button {
    position: absolute;
    background: #FFC53D;
    border-radius: 0px;
    height: 4.8rem;
    width: 4.8rem;
    left: 0;
    bottom: 0;
    padding: 0;
  }
  .animation028-modal-ngo .ant-modal-content .ant-modal-body .prev-button .click-point1 {
    position: absolute;
    bottom: 5rem;
    left: 5rem;
    width: 5rem;
    height: 5rem;
    transform: rotate(225deg);
  }
  .animation028-modal-ngo .ant-modal-content .ant-modal-body .prev-button .arrow {
    margin: 0 auto;
  }
  .animation028-modal-ngo .ant-modal-content .ant-modal-body .hide {
    display: none;
  }
  .animation028-modal-ngo .ant-modal-content .ant-modal-body .border {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 1rem;
  }
  .animation028-modal-ngo .ant-modal-content .ant-modal-body .border img {
    width: 100%;
  }
  .animation028-modal-ngo .ant-modal-content .ant-modal-body .content {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 5rem;
    background: rgba(234, 75, 108, 0.2);
    border-radius: 5px;
    font-size: 1.2rem;
    line-height: 1.5;
    font-weight: 400;
    padding: 1.5rem;
    text-align: center;
  }
}

.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 {
  padding-right: 3.5rem;
  display: flex;
  justify-content: center;
  position: relative;
  cursor: pointer;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  top: 8rem;
  left: 30rem;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 .animation032-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  grid-row-gap: 4rem;
  row-gap: 4rem;
  width: 100%;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item {
  width: 600px;
  display: flex;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position {
  width: 100%;
  margin: 0 50px;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent {
  width: 100%;
  height: 180px;
  padding: 0 3.5rem;
  position: relative;
  border-radius: 100px 100px 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .animation032-left {
  position: absolute;
  bottom: 0;
  left: -40px;
  width: 0;
  height: 0;
  border-bottom: 20px solid white;
  border-left: 20px solid white;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .animation032-right {
  position: absolute;
  bottom: 0;
  right: -40px;
  width: 0;
  height: 0;
  border-bottom: 20px solid white;
  border-right: 20px solid white;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .animation032-text {
  color: white;
  font-size: 1.4rem;
  line-height: 1.4;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .animation032-text .animation032-text-title {
  font-size: 1.6rem;
  margin-bottom: 1rem;
  font-weight: 700;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .sub-task-text {
  position: relative;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .sub-task-text .click-point1 {
  width: 40px !important;
  position: absolute;
  bottom: 5%;
  right: -15%;
  transform: rotate(270deg);
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .sub-task-text .ant-btn {
  cursor: pointer;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .sub-task-text .ant-btn > span {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.5;
  color: white;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r1 {
  justify-content: flex-start;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r1 .animation032-subcontent {
  background-color: #E0621B;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r1 .animation032-subcontent .animation032-left {
  border-top: 20px solid #A04817;
  border-right: 20px solid #A04817;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r1 .animation032-subcontent .animation032-right {
  border-top: 20px solid #A04817;
  border-left: 20px solid #A04817;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r2 {
  justify-content: flex-end;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r2 .animation032-subcontent {
  background-color: #2186B2;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r2 .animation032-subcontent .animation032-left {
  border-top: 20px solid #156B89;
  border-right: 20px solid #156B89;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r2 .animation032-subcontent .animation032-right {
  border-top: 20px solid #156B89;
  border-left: 20px solid #156B89;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r3 {
  justify-content: flex-start;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r3 .animation032-subcontent {
  background-color: #E24655;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r3 .animation032-subcontent .animation032-left {
  border-top: 20px solid #AA2B3D;
  border-right: 20px solid #AA2B3D;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r3 .animation032-subcontent .animation032-right {
  border-top: 20px solid #AA2B3D;
  border-left: 20px solid #AA2B3D;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r4 {
  justify-content: flex-end;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r4 .animation032-subcontent {
  background-color: #248075;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r4 .animation032-subcontent .animation032-left {
  border-top: 20px solid #156055;
  border-right: 20px solid #156055;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r4 .animation032-subcontent .animation032-right {
  border-top: 20px solid #156055;
  border-left: 20px solid #156055;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r5 {
  justify-content: flex-start;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r5 .animation032-subcontent {
  background-color: #55474E;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r5 .animation032-subcontent .animation032-left {
  border-top: 20px solid #383235;
  border-right: 20px solid #383235;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r5 .animation032-subcontent .animation032-right {
  border-top: 20px solid #383235;
  border-left: 20px solid #383235;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r6 {
  justify-content: flex-end;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r6 .animation032-subcontent {
  background-color: #7031BF;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r6 .animation032-subcontent .animation032-left {
  border-top: 20px solid #2B065A;
  border-right: 20px solid #2B065A;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r6 .animation032-subcontent .animation032-right {
  border-top: 20px solid #2B065A;
  border-left: 20px solid #2B065A;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r7 {
  justify-content: flex-start;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r7 .animation032-subcontent {
  background-color: #E29625;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r7 .animation032-subcontent .animation032-left {
  border-top: 20px solid #9D6511;
  border-right: 20px solid #9D6511;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r7 .animation032-subcontent .animation032-right {
  border-top: 20px solid #9D6511;
  border-left: 20px solid #9D6511;
}
.cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent {
  height: 250px;
  padding: 0 3.5rem;
  position: relative;
  border-radius: 100px 100px 0 0;
}
@media (max-width: 1280px) {
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item {
    width: 500px;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item {
    width: 60%;
  }
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 {
    padding-right: 0;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 .animation032-content {
    padding-right: 0 !important;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item {
    width: calc(50% - 2rem);
    margin-bottom: 1rem;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent {
    height: 140px;
    border-radius: 100px 100px 0 0;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number .animation032-icon {
    width: 5.5rem;
    height: 5.5rem;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number .number {
    text-align: center;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number .animation032-icon img {
    max-width: 50% !important;
    max-height: 50% !important;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content {
    padding-right: 0 !important;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item {
    margin-bottom: 1rem;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent {
    height: 140px;
    border-radius: 70px 70px 0 0;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .sub-task-text .click-point1 {
    width: 40px !important;
    position: absolute;
    bottom: 5%;
    right: -25%;
    transform: rotate(270deg);
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number .animation032-icon {
    width: 5.5rem;
    height: 5.5rem;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number .number {
    text-align: center;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number .animation032-icon img {
    max-width: 50% !important;
    max-height: 50% !important;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 {
    padding-right: 0;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 .animation032-content {
    flex-wrap: wrap;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item {
    width: 75%;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position {
    width: 100%;
    margin: 0 50px;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent {
    align-items: flex-start;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number {
    min-width: 11rem;
    height: 3.625rem;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number .number {
    text-align: center;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number .animation032-icon {
    width: 5.5rem;
    height: 5.5rem;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation032 {
    padding-right: 0;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content {
    flex-wrap: wrap;
    justify-content: center;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item {
    width: 75%;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position {
    width: 100%;
    margin: 0 50px;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .sub-task-text .click-point1 {
    width: 40px !important;
    position: absolute;
    bottom: 5%;
    right: -25%;
    transform: rotate(270deg);
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number {
    min-width: 11rem;
    height: 3.625rem;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number .number {
    text-align: center;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number .animation032-icon {
    width: 5.5rem;
    height: 5.5rem;
  }
}
@media (max-width: 480px) {
  .ngo .animation032-modal {
    width: 100% !important;
  }
  .ngo .animation032-modal .ant-modal-content .animation032-modal-header {
    margin-left: 0;
  }
  .ngo .animation032-modal .ant-modal-content .ant-modal-body .next-button .click-point2 {
    bottom: 0rem;
    transform: rotate(90deg);
  }
  .ngo .animation032-modal .ant-modal-content .ant-modal-body .prev-button .click-point1 {
    bottom: 0;
    transform: rotate(270deg);
  }
  .ngo .animation032-modal .ant-modal-content .ant-modal-body .content {
    width: 100%;
    margin-top: 2rem;
    font-size: 1.4rem;
  }
  .ngo .animation032-modal .ant-modal-content .ant-modal-body .border {
    margin: 0;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 {
    padding-right: 0;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 .animation032-content {
    flex-wrap: wrap;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item {
    width: 100%;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position {
    width: 100%;
    margin: 0 50px;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent {
    text-align: center;
    padding: 0 2rem;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .animation032-left {
    left: -38px;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .animation032-right {
    right: -38px;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .animation032-text {
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .sub-task-text .ant-btn > span {
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number {
    min-width: 11rem;
    height: 3.625rem;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number .number {
    text-align: center;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number .animation032-icon {
    width: 5.5rem;
    height: 5.5rem;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation032 {
    padding-right: 0;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content {
    flex-wrap: wrap;
    width: 100%;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item {
    width: 105%;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position {
    width: 100%;
    margin: 0 50px;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent {
    height: 210px;
    border-radius: 50px 50px 0 0;
    padding: 2rem;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .animation032-text {
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .sub-task-text .click-point1 {
    width: 40px !important;
    position: absolute;
    bottom: 5%;
    right: -25%;
    transform: rotate(270deg);
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .sub-task-text .ant-btn > span {
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number {
    min-width: 11rem;
    height: 3.625rem;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number .number {
    text-align: center;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number .animation032-icon {
    width: 5.5rem;
    height: 5.5rem;
  }
}

.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation033 {
  position: relative;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  grid-gap: 2rem;
  gap: 2rem;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation033 .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  top: 10rem;
  left: 40rem;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation033 .animation033-tip {
  width: 20%;
  display: flex;
  flex-direction: row;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation033 .animation033-tip .tip {
  background-image: url(/static/media/9881.3dcc291c.png);
  background-size: cover;
  height: 42.5rem;
  width: 16.75rem;
  text-align: center;
  padding-top: 140px;
  padding-bottom: 350px;
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  line-height: 1.4;
  font-weight: 500;
  padding-left: 1rem;
  padding-right: 1rem;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation033 .animation033-content {
  display: flex;
  flex-wrap: wrap;
  width: 80%;
  grid-row-gap: 3rem;
  row-gap: 3rem;
  align-content: center;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item {
  width: calc(50% - 1rem);
  height: 10rem;
  display: flex;
  align-items: center;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-triangle {
  width: 0;
  height: 0;
  border-top: 5rem solid white;
  border-right: 0 solid white;
  border-bottom: 5rem solid white;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent {
  display: flex;
  flex-direction: row;
  width: 80%;
  height: 100%;
  justify-content: center;
  align-items: center;
  grid-gap: 1rem;
  gap: 1rem;
  padding-left: 1rem;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .animation033-indicator {
  width: 30%;
  height: calc(100% - 2rem);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  font-size: 3.5rem;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .animation033-body {
  width: 70%;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .animation033-body .animation033-text {
  color: white;
  width: 100%;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.2;
  text-align: left;
  padding-left: 0;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .animation033-body .sub-task-text {
  position: relative;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .animation033-body .sub-task-text .click-point1 {
  width: 40px !important;
  position: absolute;
  bottom: -30%;
  right: -10%;
  transform: rotate(270deg);
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .animation033-body .sub-task-text .ant-btn {
  cursor: pointer;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .animation033-body .sub-task-text .ant-btn > span {
  font-size: 1.5rem;
  color: #FFFFFF;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r1 .animation033-subcontent {
  background-color: #FA364D;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r1 .animation033-subcontent .animation033-indicator {
  color: #FA364D;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r1 .animation033-triangle {
  border-left: 5rem solid #FA364D;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r2 .animation033-subcontent {
  background-color: #36ADB4;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r2 .animation033-subcontent .animation033-indicator {
  color: #36ADB4;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r2 .animation033-triangle {
  border-left: 5rem solid #36ADB4;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r3 .animation033-subcontent {
  background-color: #172E5B;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r3 .animation033-subcontent .animation033-indicator {
  color: #172E5B;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r3 .animation033-triangle {
  border-left: 5rem solid #172E5B;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r4 .animation033-subcontent {
  background-color: #F25E0F;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r4 .animation033-subcontent .animation033-indicator {
  color: #F25E0F;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r4 .animation033-triangle {
  border-left: 5rem solid #F25E0F;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r5 .animation033-subcontent {
  background-color: #0F77F2;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r5 .animation033-subcontent .animation033-indicator {
  color: #0F77F2;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r5 .animation033-triangle {
  border-left: 5rem solid #0F77F2;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r6 .animation033-subcontent {
  background-color: #0ED481;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r6 .animation033-subcontent .animation033-indicator {
  color: #0ED481;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r6 .animation033-triangle {
  border-left: 5rem solid #0ED481;
}
.animation033-modal-ngo .ant-modal-content .animation033-modal-header {
  margin: 4rem;
  margin-bottom: 1rem;
  margin-top: 1rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 4rem;
  padding: 1rem;
  font-size: 2.625rem;
  font-weight: 500;
  border-left: 4px solid #D0B175;
  display: flex;
  align-items: center;
  justify-content: center;
}
.animation033-modal-ngo .ant-modal-content .ant-modal-body .next-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.8rem;
  width: 4.8rem;
  right: 0;
  bottom: 0;
  padding: 0;
}
.animation033-modal-ngo .ant-modal-content .ant-modal-body .next-button .click-point2 {
  position: absolute;
  bottom: 5rem;
  right: 5rem;
  width: 5rem;
  height: 5rem;
  transform: rotate(135deg);
}
.animation033-modal-ngo .ant-modal-content .ant-modal-body .next-button .arrow {
  margin: 0 auto;
}
.animation033-modal-ngo .ant-modal-content .ant-modal-body .prev-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.8rem;
  width: 4.8rem;
  left: 0;
  bottom: 0;
  padding: 0;
}
.animation033-modal-ngo .ant-modal-content .ant-modal-body .prev-button .click-point1 {
  position: absolute;
  bottom: 5rem;
  left: 5rem;
  width: 5rem;
  height: 5rem;
  transform: rotate(225deg);
}
.animation033-modal-ngo .ant-modal-content .ant-modal-body .prev-button .arrow {
  margin: 0 auto;
}
.animation033-modal-ngo .ant-modal-content .ant-modal-body .hide {
  display: none;
}
.animation033-modal-ngo .ant-modal-content .ant-modal-body .border {
  margin-left: 12rem;
  margin-right: 12rem;
  margin-top: 0;
  margin-bottom: 1rem;
}
.animation033-modal-ngo .ant-modal-content .ant-modal-body .border img {
  width: 100%;
}
.animation033-modal-ngo .ant-modal-content .ant-modal-body .content {
  width: 37.5rem;
  margin-left: 12rem;
  margin-right: 12rem;
  margin-top: 0;
  margin-bottom: 5rem;
  background: rgba(234, 75, 108, 0.2);
  border-radius: 5px;
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: 400;
  padding: 1.5rem;
  text-align: left;
}
.cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item {
  width: 100%;
  height: 9rem;
}
.cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-triangle {
  border-top: 4.5rem solid white;
  border-right: 4.5rem solid white;
  border-bottom: 4.5rem solid white;
}
.cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .animation033-indicator {
  width: 25%;
}
.cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .animation033-body {
  width: 75%;
}
.cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .animation033-body .animation033-text {
  font-size: 24px;
}
.cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .animation033-body .sub-task-text .ant-btn {
  cursor: pointer;
}
.cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r1 .animation033-subcontent {
  background-color: #FA364D;
}
.cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r1 .animation033-subcontent .animation033-indicator {
  color: #FA364D;
}
.cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r1 .animation033-triangle {
  border-left: 6rem solid #FA364D;
}
.cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r2 .animation033-subcontent {
  background-color: #36ADB4;
}
.cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r2 .animation033-subcontent .animation033-indicator {
  color: #36ADB4;
}
.cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r2 .animation033-triangle {
  border-left: 6rem solid #36ADB4;
}
.cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r3 .animation033-subcontent {
  background-color: #172E5B;
}
.cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r3 .animation033-subcontent .animation033-indicator {
  color: #172E5B;
}
.cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r3 .animation033-triangle {
  border-left: 6rem solid #172E5B;
}
.cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r4 .animation033-subcontent {
  background-color: #F25E0F;
}
.cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r4 .animation033-subcontent .animation033-indicator {
  color: #F25E0F;
}
.cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r4 .animation033-triangle {
  border-left: 6rem solid #F25E0F;
}
.cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r5 .animation033-subcontent {
  background-color: #0F77F2;
}
.cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r5 .animation033-subcontent .animation033-indicator {
  color: #0F77F2;
}
.cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r5 .animation033-triangle {
  border-left: 6rem solid #0F77F2;
}
.cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r6 .animation033-subcontent {
  background-color: #0ED481;
}
.cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r6 .animation033-subcontent .animation033-indicator {
  color: #0ED481;
}
.cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r6 .animation033-triangle {
  border-left: 6rem solid #0ED481;
}
@media (max-width: 1600px) {
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation033 .animation033-tip .tip {
    height: 510px;
    width: 200px;
    padding-top: 105px;
    padding-bottom: 270px;
    font-size: 1.5rem;
    line-height: 1.3;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-tip .tip {
    font-size: 1.5rem;
    line-height: 1.1;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .animation033-body .animation033-text {
    font-size: 22px;
    line-height: 1.1;
  }
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation033 .animation033-content {
    padding-right: 0 !important;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item {
    height: 9rem;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-indicate-number .number {
    text-align: center;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .animation033-body .animation033-text {
    font-size: 1.5rem;
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-triangle {
    width: 0;
    height: 0;
    border-top: 4.5rem solid white;
    border-right: 4.5rem solid white;
    border-bottom: 4.5rem solid white;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation033 .animation033-tip .tip {
    padding-top: 88px;
    padding-bottom: 222px;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content {
    padding-right: 0 !important;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item {
    height: 9rem;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-indicate-number .number {
    text-align: center;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .animation033-body .animation033-text {
    font-size: 1.6rem;
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-triangle {
    width: 0;
    height: 0;
    border-top: 4.5rem solid white;
    border-right: 4.5rem solid white;
    border-bottom: 4.5rem solid white;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-tip .tip {
    padding-top: 88px;
    padding-bottom: 222px;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation033 .animation033-content {
    flex-wrap: wrap;
    height: unset;
    grid-row-gap: 2rem;
    row-gap: 2rem;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item {
    padding-left: 0 !important;
    width: 100%;
    justify-content: flex-end;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent {
    width: 80%;
    height: 7rem;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .animation033-body .sub-task-text .click-point1 {
    width: 40px !important;
    position: absolute;
    bottom: -15%;
    right: -20%;
    transform: rotate(270deg);
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-indicate-number {
    min-width: 11rem;
    height: 3.625rem;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-indicate-number .number {
    text-align: center;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-indicate-number .animation033-icon {
    width: 5.5rem;
    height: 5.5rem;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-triangle {
    width: 0;
    height: 0;
    border-top: 3.5rem solid white;
    border-right: 3.5rem solid white;
    border-bottom: 3.5rem solid white;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation033 .animation033-tip .tip {
    height: 36.5rem;
    padding-top: 76px;
    padding-bottom: 190px;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-tip .tip {
    font-size: 1.4rem;
    padding-bottom: 205px;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent {
    height: 9rem;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .animation033-body .animation033-text {
    font-size: 1.4rem;
    line-height: 1.2;
  }
}
@media (max-width: 480px) {
  .animation033-modal {
    width: 100% !important;
  }
  .animation033-modal .ant-modal-content .animation033-modal-header {
    margin-left: 0;
  }
  .animation033-modal .ant-modal-content .ant-modal-body .next-button .click-point2 {
    bottom: 0rem;
    transform: rotate(90deg);
  }
  .animation033-modal .ant-modal-content .ant-modal-body .prev-button .click-point1 {
    bottom: 0;
    transform: rotate(270deg);
  }
  .animation033-modal .ant-modal-content .ant-modal-body .content {
    width: 100%;
    margin-top: 2rem;
    font-size: 1.4rem;
  }
  .animation033-modal .ant-modal-content .ant-modal-body .border {
    margin: 0;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent {
    height: 9rem;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .animation033-body {
    width: 75%;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item {
    height: 12rem;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent {
    height: 12rem;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r1 .animation033-triangle {
    border-left: 7rem solid #FA364D;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r2 .animation033-triangle {
    border-left: 7rem solid #36ADB4;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r3 .animation033-triangle {
    border-left: 7rem solid #172E5B;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r4 .animation033-triangle {
    border-left: 7rem solid #F25E0F;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r5 .animation033-triangle {
    border-left: 7rem solid #0F77F2;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r6 .animation033-triangle {
    border-left: 7rem solid #0ED481;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-triangle {
    border-top: 6rem solid white;
    border-right: 0 solid white;
    border-bottom: 6rem solid white;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .animation033-body .animation033-text {
    display: inline-block;
    line-height: 1.1;
    width: 100%;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation033 .animation033-tip {
    display: none;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation033 .animation033-content {
    flex-wrap: wrap;
    grid-row-gap: 2rem;
    row-gap: 2rem;
    width: 100%;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item {
    padding-left: 0 !important;
    width: 100%;
    justify-content: flex-end;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent {
    width: 100%;
    height: 9rem;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .animation033-body .animation033-text {
    font-size: 1.4rem;
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-indicate-number {
    min-width: 11rem;
    height: 3.625rem;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-indicate-number .number {
    text-align: center;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-indicate-number .animation033-icon {
    width: 5.5rem;
    height: 5.5rem;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-triangle {
    width: 0;
    height: 0;
    border-top: 4.5rem solid white;
    border-right: 4.5rem solid white;
    border-bottom: 4.5rem solid white;
  }
}

.ngo .animation034 {
  margin-right: 3.5rem;
  padding-bottom: 3.5rem;
}
.ngo .animation034 .animation034-content {
  display: flex;
  flex-wrap: wrap;
  grid-row-gap: 1rem;
  row-gap: 1rem;
  justify-content: space-between;
}
.ngo .animation034 .animation034-content .animation034-item {
  margin-bottom: 1rem;
  width: calc(50% - 1rem);
  display: flex;
  flex-direction: row;
  align-items: center;
}
.ngo .animation034 .animation034-content .animation034-item .animation034-indicate-number {
  background: #FFFFFF;
  border: 2px solid;
  border-radius: 4rem;
  margin-right: -2rem;
  z-index: 10;
}
.ngo .animation034 .animation034-content .animation034-item .animation034-indicate-number .number {
  width: 8rem;
  height: 8rem;
  line-height: 8rem;
  text-align: center;
  font-size: 3rem;
  font-weight: 700;
}
.ngo .animation034 .animation034-content .animation034-item .animation034-body {
  width: 100%;
  height: 6rem;
  border-radius: 0 1rem 1rem 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 3rem;
  padding-right: 1rem;
  z-index: 9;
}
.ngo .animation034 .animation034-content .animation034-item .animation034-body .animation034-text {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  text-align: left;
  color: white;
}
.ngo.en .animation034 .animation034-content .animation034-item .animation034-body {
  height: 6.5rem;
  padding-left: 3rem;
}
.ngo.en .animation034 .animation034-content .animation034-item .animation034-body .animation034-text {
  font-size: 1.5rem;
  line-height: 1;
}
@media (max-width: 1024px) {
  .ngo .animation034 .animation034-content {
    padding-right: 0!important;
    grid-gap: 4rem;
    gap: 4rem;
    grid-row-gap: 4rem;
    row-gap: 4rem;
  }
  .ngo .animation034 .animation034-content .animation034-item {
    height: 5.5rem;
    margin-bottom: 1rem;
  }
  .ngo .animation034 .animation034-content .animation034-item .animation034-indicate-number .animation034-icon {
    width: 5.5rem;
    height: 5.5rem;
  }
  .ngo .animation034 .animation034-content .animation034-item .animation034-indicate-number .number {
    text-align: center;
  }
  .ngo .animation034 .animation034-content .animation034-item .animation034-indicate-number .animation034-icon img {
    max-width: 50% !important;
    max-height: 50% !important;
  }
}
@media (max-width: 768px) {
  .ngo .animation034 .animation034-content {
    flex-wrap: wrap;
  }
  .ngo .animation034 .animation034-content .animation034-item {
    width: 100%;
    padding-left: 2rem !important;
  }
  .ngo .animation034 .animation034-content .animation034-item .animation034-indicate-number .number {
    text-align: center;
  }
  .ngo .animation034 .animation034-content .animation034-item .animation034-indicate-number .animation034-icon {
    width: 5.5rem;
    height: 5.5rem;
  }
}
@media (max-width: 480px) {
  .ngo .animation034 .animation034-content {
    width: 105%;
  }
  .ngo .animation034 .animation034-content .animation034-item {
    padding-left: 0 !important;
    height: 4rem;
  }
  .ngo .animation034 .animation034-content .animation034-item .animation034-indicate-number .number {
    font-size: 2.8rem;
  }
  .ngo .animation034 .animation034-content .animation034-item .animation034-indicate-number .animation034-icon {
    width: 4rem;
    height: 4rem;
  }
  .ngo .animation034 .animation034-content .animation034-item .animation034-indicate-number .animation034-icon img {
    max-width: 35%;
    max-height: 35%;
  }
  .ngo .animation034 .animation034-content .animation034-item .animation034-text {
    font-size: 1rem;
    padding-left: 5px;
  }
  .ngo.en .animation034 .animation034-content {
    width: 105%;
  }
  .ngo.en .animation034 .animation034-content .animation034-item {
    padding-left: 0 !important;
    height: 4rem;
  }
  .ngo.en .animation034 .animation034-content .animation034-item .animation034-indicate-number .number {
    font-size: 2.8rem;
  }
  .ngo.en .animation034 .animation034-content .animation034-item .animation034-indicate-number .animation034-icon {
    width: 4rem;
    height: 4rem;
  }
  .ngo.en .animation034 .animation034-content .animation034-item .animation034-indicate-number .animation034-icon img {
    max-width: 35%;
    max-height: 35%;
  }
  .ngo.en .animation034 .animation034-content .animation034-item .animation034-body {
    height: 6.5rem;
    padding-right: 1rem;
  }
  .ngo.en .animation034 .animation034-content .animation034-item .animation034-body .animation034-text {
    font-size: 1.4rem;
    padding-left: 5px;
  }
}

.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation035 {
  margin-bottom: 2rem!important;
}
.animation035 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  grid-gap: 1.5rem;
  gap: 1.5rem;
  margin-right: 2rem;
  margin-bottom: 2rem !important;
}
.animation035 .animation035-contaner {
  display: flex;
  grid-gap: 1rem;
  gap: 1rem;
  justify-content: space-between;
  width: calc(25% - 1.5rem);
}
.animation035 .animation035-contaner .animation035-item {
  width: 100%;
  position: relative;
}
.animation035 .animation035-contaner .animation035-item img {
  width: 90%;
  height: 85%;
}
.animation035 .animation035-contaner .animation035-item .text {
  display: flex;
  align-items: flex-start;
  position: absolute;
  bottom: 0;
  width: 90%;
  height: 100%;
  padding: 25% 0% 85% 5%;
  font-size: 1.6rem;
  line-height: 1.5;
}
.animation035 .animation035-contaner .animation035-item .text .animation035-text-title {
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 1rem;
  min-height: 81px;
}
.animation035 .animation035-contaner .animation035-item .text .animation035-title {
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 1rem;
}
.animation035 .animation035-contaner .animation035-item .text .highlight {
  font-weight: 700;
}
@media (max-width: 1024px) {
  .ngo .animation035 {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 1.5rem;
    gap: 1.5rem;
    margin-right: 0;
  }
  .ngo .animation035 .animation035-contaner {
    display: flex;
    grid-gap: 1rem;
    gap: 1rem;
    justify-content: space-between;
    width: calc(25% - 1.5rem);
  }
  .ngo .animation035 .animation035-contaner .animation035-item {
    display: flex;
    justify-content: center;
    width: 100%;
    position: relative;
  }
  .ngo .animation035 .animation035-contaner .animation035-item img {
    width: 80%;
    height: 68%;
  }
  .ngo .animation035 .animation035-contaner .animation035-item .text {
    display: flex;
    align-items: flex-start;
    position: absolute;
    bottom: 0;
    width: 80%;
    height: 100%;
    padding: 20% 5% 85% 5%;
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .ngo .animation035 .animation035-contaner .animation035-item .text .highlight {
    font-weight: 700;
  }
  .ngo .animation035 .animation035-contaner .animation035-item .text .animation035-text-title {
    min-height: 54px;
  }
}
@media (max-width: 768px) {
  .ngo .animation035 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    grid-gap: 1.5rem;
    gap: 1.5rem;
    margin-right: 0;
  }
  .ngo .animation035 .animation035-contaner {
    display: flex;
    grid-gap: 1rem;
    gap: 1rem;
    justify-content: space-between;
    width: calc(25% - 1.5rem);
  }
  .ngo .animation035 .animation035-contaner .animation035-item {
    display: flex;
    justify-content: center;
    width: 100%;
    position: relative;
  }
  .ngo .animation035 .animation035-contaner .animation035-item img {
    width: 80%;
    height: 68%;
  }
  .ngo .animation035 .animation035-contaner .animation035-item .text {
    display: flex;
    align-items: flex-start;
    position: absolute;
    bottom: 0;
    width: 80%;
    height: 100%;
    padding: 16% 5% 85% 5%;
    font-size: 1.3rem;
    line-height: 1.4;
  }
  .ngo .animation035 .animation035-contaner .animation035-item .text .highlight {
    font-weight: 700;
  }
  .ngo .animation035 .animation035-contaner .animation035-item .text .animation035-text-title {
    font-size: 1.5rem;
    min-height: 45px;
  }
}
@media (max-width: 480px) {
  .ngo .animation035 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    grid-gap: 0.5rem;
    gap: 0.5rem;
    margin-right: 0;
  }
  .ngo .animation035 .animation035-contaner {
    display: flex;
    grid-gap: 1rem;
    gap: 1rem;
    justify-content: space-between;
    width: calc(50% - 0.5rem);
  }
  .ngo .animation035 .animation035-contaner .animation035-item {
    width: 100%;
    height: 75%;
    position: relative;
  }
  .ngo .animation035 .animation035-contaner .animation035-item img {
    width: 100%;
    height: 100%;
  }
  .ngo .animation035 .animation035-contaner .animation035-item .text {
    display: flex;
    align-items: flex-start;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    padding: 30% 5% 55% 5%;
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .ngo .animation035 .animation035-contaner .animation035-item .text .highlight {
    font-weight: 700;
  }
}

.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation036 {
  margin-right: 3.5rem;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation036 .animation036-content {
  display: flex;
  flex-wrap: wrap;
  grid-column-gap: 1rem;
  column-gap: 1rem;
  grid-row-gap: 4rem;
  row-gap: 4rem;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation036 .animation036-content .animation036-item {
  width: 32%;
  height: 135px;
  display: flex;
  position: relative;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation036 .animation036-content .animation036-item .click-point {
  position: absolute;
  width: 80px;
  transform: rotate(-45deg);
  z-index: 100;
  transition: all 800ms linear 0s;
  bottom: -50px;
  left: 30%;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation036 .animation036-content .animation036-item.r1 .animation036-subcontent .animation036-text {
  border-left: 15px solid #A40202;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation036 .animation036-content .animation036-item.r2 .animation036-subcontent .animation036-text {
  border-left: 15px solid #F68916;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation036 .animation036-content .animation036-item.r3 .animation036-subcontent .animation036-text {
  border-left: 15px solid #2FA002;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation036 .animation036-content .animation036-item.r4 .animation036-subcontent .animation036-text {
  border-left: 15px solid #0270B9;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation036 .animation036-content .animation036-item.r5 .animation036-subcontent .animation036-text {
  border-left: 15px solid #782379;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation036 .animation036-content .animation036-item .animation036-indicate-number {
  width: auto;
  height: 100%;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation036 .animation036-content .animation036-item .animation036-indicate-number img {
  width: auto;
  height: 100%;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation036 .animation036-content .animation036-item .animation036-subcontent .animation036-text {
  display: flex;
  align-items: center;
  height: 135px;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  padding-left: 20px;
  margin-left: 20px;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation036 .animation036-content .animation036-item .animation036-subcontent .sub-task-text {
  position: relative;
  display: inline-block;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation036 .animation036-content .animation036-item .animation036-subcontent .sub-task-text .click-point1 {
  width: 40px !important;
  position: absolute;
  bottom: -50%;
  right: -25%;
  transform: rotate(315deg);
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation036 .animation036-content .animation036-item .animation036-subcontent .sub-task-text .ant-btn {
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding-left: 0;
  padding-right: 0;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation036 .animation036-content .animation036-item .animation036-subcontent .sub-task-text .ant-btn > span {
  font-size: 1.4rem;
  font-weight: 700;
  color: #910202;
}
.animation036-modal-ngo .ant-modal-content .animation036-modal-header {
  margin: 4rem;
  margin-bottom: 1rem;
  margin-top: 1rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 4rem;
  padding: 1rem;
  font-size: 2.625rem;
  font-weight: 500;
  border-left: 4px solid #D0B175;
  display: flex;
  align-items: center;
  justify-content: center;
}
.animation036-modal-ngo .ant-modal-content .ant-modal-body .next-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.8rem;
  width: 4.8rem;
  right: 0;
  bottom: 0;
  padding: 0;
}
.animation036-modal-ngo .ant-modal-content .ant-modal-body .next-button .click-point2 {
  position: absolute;
  bottom: 5rem;
  right: 5rem;
  width: 5rem;
  height: 5rem;
  transform: rotate(135deg);
}
.animation036-modal-ngo .ant-modal-content .ant-modal-body .next-button .arrow {
  margin: 0 auto;
}
.animation036-modal-ngo .ant-modal-content .ant-modal-body .prev-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.8rem;
  width: 4.8rem;
  left: 0;
  bottom: 0;
  padding: 0;
}
.animation036-modal-ngo .ant-modal-content .ant-modal-body .prev-button .click-point1 {
  position: absolute;
  bottom: 5rem;
  left: 5rem;
  width: 5rem;
  height: 5rem;
  transform: rotate(225deg);
}
.animation036-modal-ngo .ant-modal-content .ant-modal-body .prev-button .arrow {
  margin: 0 auto;
}
.animation036-modal-ngo .ant-modal-content .ant-modal-body .hide {
  display: none;
}
.animation036-modal-ngo .ant-modal-content .ant-modal-body .border {
  margin-left: 4rem;
  margin-right: 4rem;
  margin-top: 0;
  margin-bottom: 3rem;
}
.animation036-modal-ngo .ant-modal-content .ant-modal-body .border img {
  width: 100%;
}
.animation036-modal-ngo .ant-modal-content .ant-modal-body .content {
  width: 37.5rem;
  margin-left: 12rem;
  margin-right: 12rem;
  margin-top: 0;
  margin-bottom: 5rem;
  background: rgba(234, 75, 108, 0.2);
  border-radius: 5px;
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: 400;
  padding: 1.5rem;
  text-align: left;
}
.cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation036 .animation036-content .animation036-item {
  width: calc(50% - 2rem);
  height: 135px;
  display: flex;
}
.cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation036 .animation036-content .animation036-item .animation036-indicate-number {
  width: auto;
  height: 100%;
}
.cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation036 .animation036-content .animation036-item .animation036-indicate-number img {
  width: auto;
  height: 100%;
}
.cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation036 .animation036-content .animation036-item .animation036-subcontent .animation036-text {
  display: flex;
  align-items: center;
  height: 135px;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  padding-left: 20px;
  margin-left: 20px;
}
.cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation036 .animation036-content .animation036-item .animation036-subcontent .sub-task-text {
  position: relative;
  display: inline-block;
}
.cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation036 .animation036-content .animation036-item .animation036-subcontent .sub-task-text .click-point1 {
  width: 40px !important;
  position: absolute;
  bottom: -50%;
  right: -25%;
  transform: rotate(315deg);
}
.cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation036 .animation036-content .animation036-item .animation036-subcontent .sub-task-text .ant-btn {
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding-left: 0;
  padding-right: 0;
}
.cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation036 .animation036-content .animation036-item .animation036-subcontent .sub-task-text .ant-btn > span {
  font-size: 1.4rem;
  font-weight: 700;
  color: #910202;
}
@media (max-width: 1300px) {
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation036 .animation036-content {
    grid-gap: 3rem;
    gap: 3rem;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation036 .animation036-content .animation036-item {
    width: calc(50% - 2rem);
  }
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation036 {
    margin-right: 0;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation036 .animation036-content {
    grid-column-gap: 1.5rem;
    column-gap: 1.5rem;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation036 .animation036-content .animation036-item {
    height: 8rem;
    justify-content: unset;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation036 .animation036-content .animation036-item .animation036-subcontent .animation036-text {
    height: 8rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation036 {
    margin-right: 0;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation036 .animation036-content {
    grid-column-gap: 1.5rem;
    column-gap: 1.5rem;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation036 .animation036-content .animation036-item {
    height: 8rem;
    justify-content: unset;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation036 .animation036-content .animation036-item .animation036-subcontent .animation036-text {
    height: 8rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation036 .animation036-content .animation036-item .animation036-subcontent .sub-task-text .click-point1 {
    right: -40%;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation036 .animation036-content {
    justify-content: space-between;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation036 .animation036-content .animation036-item {
    width: calc(50% - 1.5rem);
    height: 8rem;
    justify-content: flex-start;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation036 .animation036-content .animation036-item .animation036-subcontent .animation036-text {
    height: 8rem;
    font-size: 1.4rem;
    line-height: 1.4;
  }
  .animation036-modal-ngo {
    width: 95% !important;
  }
  .animation036-modal-ngo .ant-modal-content .ant-modal-body .border {
    margin-left: 5rem;
    margin-right: 5rem;
  }
}
@media (max-width: 480px) {
  .ngo .animation036-modal {
    width: 100% !important;
  }
  .ngo .animation036-modal .ant-modal-content .animation036-modal-header {
    margin-left: 0;
  }
  .ngo .animation036-modal .ant-modal-content .ant-modal-body .next-button .click-point2 {
    bottom: 0rem;
    transform: rotate(90deg);
  }
  .ngo .animation036-modal .ant-modal-content .ant-modal-body .prev-button .click-point1 {
    bottom: 0;
    transform: rotate(270deg);
  }
  .ngo .animation036-modal .ant-modal-content .ant-modal-body .content {
    width: 100%;
    margin-top: 2rem;
    font-size: 1.4rem;
  }
  .ngo .animation036-modal .ant-modal-content .ant-modal-body .border {
    margin: 0;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation036 .animation036-content .animation036-item {
    width: 100%;
    height: 8rem;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation036 .animation036-content .animation036-item .animation036-subcontent .animation036-text {
    height: 8rem;
    font-size: 1.4rem;
    line-height: 1.5;
    margin-left: 1rem;
    padding-left: 1rem;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation036 .animation036-content .animation036-item {
    width: 100%;
    height: 8rem;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation036 .animation036-content .animation036-item .animation036-subcontent .animation036-text {
    height: 8rem;
    font-size: 1.4rem;
    line-height: 1.5;
    margin-left: 1rem;
    padding-left: 1rem;
  }
  .animation036-modal-ngo {
    width: 100% !important;
  }
  .animation036-modal-ngo .ant-modal-content .animation036-modal-header {
    margin: 4rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
    margin-left: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 4rem;
    padding: 1rem;
    font-size: 2.625rem;
    font-weight: 500;
    border-left: 4px solid #D0B175;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .animation036-modal-ngo .ant-modal-content .ant-modal-body .border {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 1rem;
  }
  .animation036-modal-ngo .ant-modal-content .ant-modal-body .border img {
    width: 100%;
  }
}

.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation037 {
  margin-right: 3.5rem;
  margin-top: -14vh;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation037 .animation037-content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: column;
  width: 1000px;
  height: 955px;
  grid-gap: 2rem;
  gap: 2rem;
  grid-row-gap: 4rem;
  row-gap: 4rem;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item {
  width: 50%;
  display: flex;
  align-items: center;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item .animation037-indicate-number {
  width: 40%;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item .animation037-indicate-number img {
  width: 100%;
  height: auto;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item .animation037-subcontent {
  width: 70%;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item .animation037-subcontent .animation037-text {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  padding-left: 20px;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item .animation037-subcontent .sub-task-text {
  position: relative;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item .animation037-subcontent .sub-task-text .click-point1 {
  width: 40px !important;
  position: absolute;
  bottom: -50%;
  right: -25%;
  transform: rotate(315deg);
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item .animation037-subcontent .sub-task-text .ant-btn {
  background: #F26927;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 20px;
  cursor: pointer;
  margin-top: 0.5rem;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item .animation037-subcontent .sub-task-text .ant-btn > span {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  color: #FFFFFF;
}
.animation037-modal-ngo .ant-modal-content .animation037-modal-header {
  margin: 4rem;
  margin-bottom: 1rem;
  margin-top: 1rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 4rem;
  padding: 1rem;
  font-size: 2.625rem;
  font-weight: 500;
  border-left: 4px solid #D0B175;
  display: flex;
  align-items: center;
  justify-content: center;
}
.animation037-modal-ngo .ant-modal-content .ant-modal-body .next-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.8rem;
  width: 4.8rem;
  right: 0;
  bottom: 0;
  padding: 0;
}
.animation037-modal-ngo .ant-modal-content .ant-modal-body .next-button .click-point2 {
  position: absolute;
  bottom: 5rem;
  right: 5rem;
  width: 5rem;
  height: 5rem;
  transform: rotate(135deg);
}
.animation037-modal-ngo .ant-modal-content .ant-modal-body .next-button .arrow {
  margin: 0 auto;
}
.animation037-modal-ngo .ant-modal-content .ant-modal-body .prev-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.8rem;
  width: 4.8rem;
  left: 0;
  bottom: 0;
  padding: 0;
}
.animation037-modal-ngo .ant-modal-content .ant-modal-body .prev-button .click-point1 {
  position: absolute;
  bottom: 5rem;
  left: 5rem;
  width: 5rem;
  height: 5rem;
  transform: rotate(225deg);
}
.animation037-modal-ngo .ant-modal-content .ant-modal-body .prev-button .arrow {
  margin: 0 auto;
}
.animation037-modal-ngo .ant-modal-content .ant-modal-body .hide {
  display: none;
}
.animation037-modal-ngo .ant-modal-content .ant-modal-body .border {
  margin-left: 12rem;
  margin-right: 12rem;
  margin-top: 0;
  margin-bottom: 1rem;
}
.animation037-modal-ngo .ant-modal-content .ant-modal-body .border img {
  width: 100%;
}
.animation037-modal-ngo .ant-modal-content .ant-modal-body .content {
  width: 37.5rem;
  margin-left: 12rem;
  margin-right: 12rem;
  margin-top: 0;
  margin-bottom: 5rem;
  background: rgba(234, 75, 108, 0.2);
  border-radius: 5px;
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: 400;
  padding: 1.5rem;
  text-align: left;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation037 {
    margin-right: 0;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation037 .animation037-content {
    padding-right: 0 !important;
    grid-gap: 2rem;
    gap: 2rem;
    grid-row-gap: 4rem;
    row-gap: 4rem;
    height: 610px;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item {
    width: calc(33.33% - 2rem);
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item .animation037-subcontent .animation037-text {
    font-size: 2rem;
    line-height: 1.5;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation037 {
    margin-top: -8rem;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation037 .animation037-content {
    flex-wrap: wrap;
    width: 100%;
    grid-row-gap: 2rem;
    row-gap: 2rem;
    height: 570px;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item {
    width: calc(50% - 2rem);
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item .animation037-indicate-number {
    width: 30%;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item .animation037-subcontent .animation037-text {
    font-size: 1.8rem;
    line-height: 1.5;
  }
}
@media (max-width: 480px) {
  .ngo .animation037-modal {
    width: 100% !important;
  }
  .ngo .animation037-modal .ant-modal-content .animation037-modal-header {
    margin-left: 0;
  }
  .ngo .animation037-modal .ant-modal-content .ant-modal-body .next-button .click-point2 {
    bottom: 0rem;
    transform: rotate(90deg);
  }
  .ngo .animation037-modal .ant-modal-content .ant-modal-body .prev-button .click-point1 {
    bottom: 0;
    transform: rotate(270deg);
  }
  .ngo .animation037-modal .ant-modal-content .ant-modal-body .content {
    width: 100%;
    margin-top: 2rem;
    font-size: 1.4rem;
  }
  .ngo .animation037-modal .ant-modal-content .ant-modal-body .border {
    margin: 0;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation037 {
    margin-top: -10rem;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation037 .animation037-content {
    flex-wrap: wrap;
    flex-direction: column;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item {
    width: 100%;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item .animation037-subcontent .animation037-text {
    font-size: 1.8rem;
    line-height: 1.5;
  }
}

.ngo .animation038-content {
  position: relative;
  margin-right: 3.5rem;
}
.ngo .animation038-content .animation038 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.ngo .animation038-content .animation038 .animation038-item {
  width: calc(20% - 1rem);
  display: flex;
  flex-direction: column;
  grid-gap: 1rem;
  gap: 1rem;
}
.ngo .animation038-content .animation038 .animation038-item .animation038-icon {
  width: 50px;
  height: 50px;
}
.ngo .animation038-content .animation038 .animation038-item .animation038-line {
  height: 20px;
  border-radius: 10px;
}
.ngo .animation038-content .animation038 .animation038-item .animation038-head .animation038-time {
  font-size: 32px;
}
.ngo .animation038-content .animation038 .animation038-item .animation038-head .animation038-title {
  font-size: 21px;
  line-height: 1.3;
  margin-top: 0.5rem;
  min-height: 55px;
  margin-bottom: -0.5rem;
}
.ngo .animation038-content .animation038 .animation038-item .animation038-list {
  font-size: 18px;
  line-height: 1.2;
}
.ngo .animation038-content .animation038 .animation038-item .animation038-list ul {
  -webkit-padding-start: 20px;
          padding-inline-start: 20px;
}
.ngo .animation038-content .animation038 .animation038-item .animation038-list ul li {
  margin-bottom: 0.5rem;
}
@media (max-width: 1024px) {
  .ngo .animation038-content {
    margin-right: 0;
    margin-bottom: 10rem;
  }
  .ngo .animation038-content .animation038 {
    grid-gap: 1rem;
    gap: 1rem;
    justify-content: flex-start;
  }
  .ngo .animation038-content .animation038 .animation038-item {
    width: calc(33.33% - 1rem);
  }
  .ngo .animation038-content .animation038 .animation038-item .animation038-head .animation038-time {
    font-size: 2.2rem;
    line-height: 1.5;
  }
  .ngo .animation038-content .animation038 .animation038-item .animation038-head .animation038-title {
    font-size: 2rem;
    line-height: 1.5;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
    margin-bottom: 0;
  }
  .ngo .animation038-content .animation038 .animation038-item .animation038-list .animation038-text {
    font-size: 1.5rem;
  }
}
@media (max-width: 768px) {
  .ngo .animation038-content .animation038 {
    justify-content: flex-start;
  }
  .ngo .animation038-content .animation038 .animation038-item {
    width: calc(50% - 1rem);
  }
}
@media (max-width: 480px) {
  .ngo .animation038-content {
    margin-right: 0;
  }
  .ngo .animation038-content .animation038 {
    justify-content: flex-start;
  }
  .ngo .animation038-content .animation038 .animation038-item {
    width: 100%;
  }
  .ngo.en .animation038-content .animation038 .animation038-item .animation038-head .animation038-title {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
}

.ngo .component002 .cando-section .can-do .cando-body .cando-content ul li .cando-content-body {
  display: flex;
  flex-direction: row;
}
.ngo .component002 .cando-section .can-do .cando-body .cando-content ul li .cando-content-body .view-more {
  width: auto;
}
.ngo .component002 .cando-section .can-do .cando-body .cando-content ul li .cando-content-body .view-more .view-more-btn {
  padding: 0;
  font-size: 1.3rem;
  height: auto;
  position: relative;
  color: #0CA39A;
}
.ngo .component002 .cando-section .can-do .cando-body .cando-content ul li .cando-content-body .view-more .view-more-btn .click-point1 {
  width: 40px;
  cursor: pointer;
  position: absolute;
  bottom: -45px;
  left: calc(50% - 20px);
}
.component002-modal .ant-modal-content .ant-modal-header {
  padding: 1.5rem 4.5rem;
}
.component002-modal .ant-modal-content .ant-modal-header .ant-modal-title {
  border-left: 4px solid #A3D4CA;
  padding: 1rem;
  font-size: 2rem;
}
.component002-modal .ant-modal-content .ant-modal-body {
  padding: 4rem 1.5rem;
}

.ngo .component003 {
  position: relative;
}
.ngo .component003 .component003-tip {
  border: 1px solid #000;
  border-radius: 47%;
  position: absolute;
  font-size: 1.5rem;
  padding: 4rem;
  text-align: left;
  max-width: 42rem;
  min-height: 9rem;
  display: flex;
  align-items: center;
}
.ngo .component003 .component003-tip .tip-text {
  z-index: 1;
}
.ngo .component003 .tip-arrow {
  position: absolute;
  left: -82px;
  top: calc(50% - 15px);
  background: #fff;
  height: 24px;
  width: 128px;
}
.ngo .component003 .tip-arrow .line1 {
  width: 64px;
  height: 1px;
  background: #000;
  transform: rotate(-12deg);
  position: absolute;
  top: 5px;
  right: 43px;
}
.ngo .component003 .tip-arrow .line2 {
  width: 61px;
  height: 1px;
  background: #000;
  transform: rotate(12deg);
  position: absolute;
  bottom: 5px;
  right: 46px;
}
.ngo .component003.position-left img {
  max-width: 40vw;
  position: relative;
  z-index: 11;
}
.ngo .component003.position-left .component003-tip {
  margin-left: 300px;
  padding: 4rem;
}
.ngo .component003.position-right {
  text-align: right;
}
.ngo .component003.position-right img {
  max-width: 40vw;
  position: relative;
  z-index: 11;
}
.ngo .component003.position-right .component003-tip {
  right: 0;
  margin-right: 25%;
  padding: 3rem;
  z-index: 11;
}
.ngo .component003.position-right .component003-tip .tip-arrow {
  left: unset;
  right: -107px;
  top: calc(50% - 15px);
}
.ngo .component003.position-right .component003-tip .tip-arrow .line1 {
  transform: rotate(12deg);
  position: absolute;
  top: 5px;
  right: 46px;
}
.ngo .component003.position-right .component003-tip .tip-arrow .line2 {
  transform: rotate(-12deg);
  position: absolute;
  bottom: 5px;
  right: 46px;
}
.ngo .component003.position-right.ngo1200-1-c003-1 img {
  margin-top: -5%;
  max-width: 20vw;
}
.ngo .component003.position-right.ngo1200-1-c003-2 .component003-tip {
  max-width: 44rem;
  margin-right: 30%;
  padding: 4rem 4.5rem 4rem 5.5rem;
}
.ngo .component003.position-right.ngo1200-1-c003-2 .component003-tip .tip-arrow .line1 {
  right: 45px;
}
.ngo .component003.position-right.ngo1200-1-c003-2 img {
  margin-top: 10%;
}
@media (max-width: 1024px) {
  .ngo .component003 .tip-arrow {
    left: -80px;
  }
  .ngo .component003 .tip-arrow .line1 {
    width: 55px;
    transform: rotate(-14deg);
    top: 6px;
    right: 45px;
  }
  .ngo .component003 .tip-arrow .line2 {
    width: 52px;
    transform: rotate(12deg);
    bottom: 5px;
    right: 47px;
  }
  .ngo .component003.position-left .component003-tip {
    margin-left: 28vw;
  }
  .ngo .component003.position-left .component003-tip .tip-arrow .line1 {
    width: 55px;
    transform: rotate(-14deg);
    top: 6px;
    right: 44px;
  }
  .ngo .component003.position-left.ngo1200-3-c003 .component003-tip .tip-arrow .line1 {
    width: 55px;
    transform: rotate(-14deg);
    top: 6px;
    right: 43px;
  }
  .ngo .component003.position-right .component003-tip .tip-arrow {
    right: -97px;
  }
  .ngo .component003.position-right .component003-tip .tip-arrow .line1 {
    width: 58px;
    top: 6px;
    right: 44px;
  }
  .ngo .component003.position-right .component003-tip .tip-arrow .line2 {
    width: 54px;
    bottom: 5px;
    right: 45px;
  }
  .ngo .component003.position-right.ngo900-2-c003 .component003-tip .tip-arrow .line1 {
    width: 60px;
    top: 6px;
    right: 45px;
  }
  .ngo .component003.position-right.ngo930-1-c003 .component003-tip .tip-arrow .line1 {
    width: 60px;
    top: 6px;
    right: 44px;
  }
  .ngo .component003.position-right.ngo1200-1-c003-1 .component003-tip .tip-arrow .line1 {
    width: 60px;
    top: 6px;
    right: 44px;
  }
  .ngo .component003.position-right.ngo1200-1-c003-2 .component003-tip .tip-arrow .line1 {
    width: 55px;
    top: 6px;
    right: 45px;
  }
  .ngo .component003.position-right.ngo1400-1-c003 .component003-tip .tip-arrow .line1 {
    width: 60px;
    top: 6px;
    right: 44px;
  }
  .ngo.en .component003 .tip-arrow {
    left: -77px;
  }
  .ngo.en .component003 .tip-arrow .line1 {
    width: 55px;
    transform: rotate(-14deg);
    top: 6px;
    right: 43px;
  }
  .ngo.en .component003 .tip-arrow .line2 {
    width: 52px;
    transform: rotate(12deg);
    bottom: 5px;
    right: 47px;
  }
  .ngo.en .component003.position-left .component003-tip {
    margin-left: 28vw;
  }
  .ngo.en .component003.position-left.ngo1200-3-c003 .component003-tip .tip-arrow {
    left: -80px;
  }
  .ngo.en .component003.position-right .component003-tip .tip-arrow {
    right: -97px;
  }
  .ngo.en .component003.position-right .component003-tip .tip-arrow .line1 {
    width: 58px;
    top: 6px;
    right: 44px;
  }
  .ngo.en .component003.position-right .component003-tip .tip-arrow .line2 {
    width: 54px;
    bottom: 5px;
    right: 45px;
  }
  .ngo.en .component003.position-right.ngo900-2-c003 .component003-tip .tip-arrow {
    right: -97.5px;
  }
  .ngo.en .component003.position-right.ngo900-2-c003 .component003-tip .tip-arrow .line1 {
    right: 45px;
  }
  .ngo.en .component003.position-right.ngo930-1-c003 .component003-tip .tip-arrow .line1 {
    width: 59.5px;
    top: 6px;
    right: 45px;
  }
  .ngo.en .component003.position-right.ngo930-2-c003 .component003-tip .tip-arrow .line1 {
    width: 58.5px;
    top: 6px;
    right: 44.5px;
  }
  .ngo.en .component003.position-right.ngo1200-1-c003-1 .component003-tip .tip-arrow .line1 {
    width: 59.5px;
    top: 6px;
    right: 45px;
  }
  .ngo.en .component003.position-right.ngo1200-1-c003-2 .component003-tip {
    padding: 3rem 4rem 3rem 6rem;
    margin-right: 30%;
  }
  .ngo.en .component003.position-right.ngo1200-1-c003-2 .component003-tip .tip-arrow {
    right: -98px;
  }
  .ngo.en .component003.position-right.ngo1200-1-c003-2 .component003-tip .tip-arrow .line1 {
    width: 55px;
    top: 6px;
    right: 45px;
  }
  .ngo.en .component003.position-right.ngo1400-1-c003-1 .component003-tip .tip-arrow {
    right: -96px;
  }
  .ngo.en .component003.position-right.ngo1400-1-c003-1 .component003-tip .tip-arrow .line1 {
    width: 59.5px;
    top: 6px;
    right: 45px;
  }
  .ngo.en .component003.position-right.ngo1400-1-c003-2 .component003-tip .tip-arrow .line1 {
    width: 59.5px;
    top: 6px;
    right: 45px;
  }
}
@media (max-width: 768px) {
  .ngo .component003.position-left .component003-tip {
    margin-left: 38vw;
  }
  .ngo .component003.position-left.ngo1200-3-c003 .tip-arrow .line2 {
    width: 52px;
    transform: rotate(12deg);
    bottom: 5px;
    right: 46px;
  }
  .ngo .component003.position-right .component003-tip {
    right: 0;
    margin-right: 43% !important;
    padding: 6% !important;
  }
  .ngo .component003.position-right .tip-text span {
    font-size: unset !important;
  }
  .ngo .component003.position-right.ngo900-1-c003-1 .component003-tip .tip-arrow .line1 {
    width: 57px;
    top: 6px;
    right: 44px;
  }
  .ngo .component003.position-right.ngo930-1-c003 .component003-tip .tip-arrow .line1 {
    width: 58.5px;
    top: 6px;
    right: 44px;
  }
  .ngo .component003.position-right.ngo930-2-c003 .component003-tip .tip-arrow .line1 {
    width: 57px;
    top: 6px;
    right: 44px;
  }
  .ngo .component003.position-right.ngo1200-1-c003-1 .component003-tip {
    margin-right: 28% !important;
  }
  .ngo .component003.position-right.ngo1200-1-c003-1 .component003-tip .tip-arrow .line1 {
    width: 58.5px;
    top: 6px;
    right: 44px;
  }
  .ngo .component003.position-right.ngo1200-1-c003-2 .component003-tip .tip-arrow {
    right: -98px;
  }
  .ngo .component003.position-right.ngo1400-1-c003 .component003-tip .tip-arrow .line1 {
    width: 58.5px;
    top: 6px;
    right: 44px;
  }
  .ngo.en .component003 .tip-arrow {
    left: -77px;
  }
  .ngo.en .component003 .tip-arrow .line1 {
    width: 55px;
    transform: rotate(-14deg);
    top: 6px;
    right: 43px;
  }
  .ngo.en .component003 .tip-arrow .line2 {
    width: 52px;
    transform: rotate(12deg);
    bottom: 5px;
    right: 47px;
  }
  .ngo.en .component003.position-left .component003-tip {
    margin-left: 28vw;
  }
  .ngo.en .component003.position-right .component003-tip .tip-arrow {
    right: -97px;
  }
  .ngo.en .component003.position-right .component003-tip .tip-arrow .line1 {
    width: 58px;
    top: 6px;
    right: 44px;
  }
  .ngo.en .component003.position-right .component003-tip .tip-arrow .line2 {
    width: 54px;
    bottom: 5px;
    right: 45px;
  }
  .ngo.en .component003.position-right.ngo900-2-c003 .component003-tip .tip-arrow .line1 {
    width: 56px;
  }
  .ngo.en .component003.position-right.ngo930-2-c003 .component003-tip .tip-arrow .line1 {
    width: 57px;
  }
  .ngo.en .component003.position-right.ngo1200-1-c003-1 .component003-tip .tip-arrow .line1 {
    width: 57.5px;
  }
  .ngo.en .component003.position-right.ngo1400-1-c003-1 .component003-tip .tip-arrow .line1 {
    width: 56px;
  }
  .ngo.en .component003.position-right.ngo1400-1-c003-2 .component003-tip .tip-arrow .line1 {
    width: 57px;
  }
}
@media (max-width: 480px) {
  .ngo .component003 .component003-tip {
    font-size: 1.4rem;
  }
  .ngo .component003.position-right .component003-tip {
    right: 0;
    margin-right: 43% !important;
    padding: 6% !important;
  }
  .ngo .component003.position-right .tip-text span {
    font-size: unset !important;
    display: inline;
  }
  .ngo .component003.position-right.ngo900-2-c003 .component003-tip {
    margin-right: 48% !important;
  }
  .ngo .component003.position-right.ngo900-2-c003 .component003-tip .tip-arrow .line1 {
    width: 55px;
    top: 6px;
    right: 45px;
  }
  .ngo .component003.position-right.ngo930-1-c003 .component003-tip .tip-arrow .line1 {
    width: 56.5px;
    top: 6px;
    right: 45px;
  }
  .ngo .component003.position-right.ngo1200-1-c003-1 img {
    max-width: 38vw;
  }
  .ngo .component003.position-right.ngo1200-1-c003-1 .component003-tip {
    margin-right: 48% !important;
  }
  .ngo .component003.position-right.ngo1200-1-c003-1 .component003-tip .tip-arrow .line1 {
    width: 57.5px;
    top: 6px;
    right: 44px;
  }
  .ngo .component003.position-right.ngo1200-1-c003-2 img {
    margin-top: 35%;
  }
  .ngo .component003.position-right.ngo1200-1-c003-2 .component003-tip {
    padding: 8% 8% 9% 10% !important;
  }
  .ngo .component003.position-right.ngo1200-1-c003-2 .component003-tip .tip-arrow .line1 {
    width: 55px;
    top: 6px;
    right: 44px;
  }
  .ngo .component003.position-right.ngo1400-1-c003 .component003-tip .tip-arrow .line1 {
    width: 56.5px;
    top: 6px;
    right: 45px;
  }
  .ngo .component003.position-left .component003-tip {
    padding: 3rem;
  }
  .ngo .component003.position-left .component003-tip span {
    font-size: unset !important;
  }
  .ngo .component003.position-left.ngo900-1-c003-2 .component003-tip .tip-arrow .line2 {
    width: 52px;
    transform: rotate(12deg);
    bottom: 5px;
    right: 46px;
  }
  .ngo.en .component003 .component003-tip {
    font-size: 1.4rem;
  }
  .ngo.en .component003.position-right .component003-tip {
    right: 0;
    margin-right: 43% !important;
    padding: 6% !important;
  }
  .ngo.en .component003.position-right .tip-text span {
    font-size: unset !important;
    display: inline;
  }
  .ngo.en .component003.position-right.ngo900-2-c003 img {
    max-width: 36vw;
    margin-top: 15%;
  }
  .ngo.en .component003.position-right.ngo900-2-c003 .component003-tip {
    padding: 8% 6% 8% 8% !important;
  }
  .ngo.en .component003.position-right.ngo900-2-c003 .component003-tip .tip-arrow {
    right: -99px;
  }
  .ngo.en .component003.position-right.ngo900-2-c003 .component003-tip .tip-arrow .line1 {
    width: 55px;
  }
  .ngo.en .component003.position-right.ngo930-1-c003 .component003-tip .tip-arrow .line1 {
    width: 56.5px;
    top: 6px;
    right: 45px;
  }
  .ngo.en .component003.position-right.ngo1200-1-c003-1 .component003-tip {
    margin-right: 35% !important;
  }
  .ngo.en .component003.position-right.ngo1200-1-c003-1 .component003-tip .tip-arrow .line1 {
    width: 56.5px;
    top: 6px;
    right: 45px;
  }
  .ngo.en .component003.position-right.ngo1200-1-c003-1 img {
    margin-right: -10%;
  }
  .ngo.en .component003.position-right.ngo1200-1-c003-2 img {
    max-width: 36vw;
    margin-top: 80%;
  }
  .ngo.en .component003.position-right.ngo1200-1-c003-2 .component003-tip {
    padding: 9% 6% 9% 12%  !important;
  }
  .ngo.en .component003.position-right.ngo1200-1-c003-2 .component003-tip .tip-arrow {
    transform: rotate(15deg);
    top: calc(50% + 100px);
    right: -82px;
  }
  .ngo.en .component003.position-right.ngo1200-1-c003-2 .component003-tip .tip-arrow .line1 {
    width: 53px;
    transform: rotate(14deg);
  }
  .ngo.en .component003.position-left .component003-tip {
    padding: 3rem;
  }
  .ngo.en .component003.position-left .component003-tip span {
    font-size: unset !important;
  }
  .ngo.en .component003.position-left.ngo1200-3-c003 .component003-tip {
    margin-left: 40vw;
  }
}

.ngo .RealCase.Moblie {
  display: none;
}
.ngo .RealCase.Desktop {
  width: calc(100% + 3.5rem);
  margin-left: -3.5rem;
  margin-right: 0;
  margin-bottom: 50px;
  position: relative;
}
.ngo .RealCase.Desktop img {
  width: 100%;
  z-index: 1;
}
.ngo .RealCase.Desktop.p1 .source1 {
  width: 15%;
  height: 2.5%;
  position: absolute;
  top: 94.5%;
  left: 61%;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: none;
  font-size: 24px;
  color: #595959;
  z-index: 2;
}
.ngo .RealCase.Desktop.p1 .source2 {
  display: none;
}
.ngo .RealCase.Desktop.p2 .source1 {
  display: none;
}
.ngo .RealCase.Desktop.p2 .source2 {
  width: 13%;
  height: 2.5%;
  position: absolute;
  top: 92%;
  left: 61%;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: none;
  font-size: 24px;
  color: #595959;
  z-index: 2;
}
.ngo.en .RealCase.Desktop {
  width: calc(100% + 3.5rem);
  margin-left: -3.5rem;
  margin-right: 0;
  margin-bottom: 50px;
  position: relative;
}
.ngo.en .RealCase.Desktop img {
  width: 100%;
  z-index: 1;
}
.ngo.en .RealCase.Desktop.p1 .source1 {
  width: 28%;
  height: 2.5%;
  position: absolute;
  top: 92.5%;
  left: 49%;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: none;
  font-size: 24px;
  color: #595959;
  z-index: 2;
}
.ngo.en .RealCase.Desktop.p1 .source2 {
  display: none;
}
.ngo.en .RealCase.Desktop.p2 .source1 {
  display: none;
}
.ngo.en .RealCase.Desktop.p2 .source2 {
  width: 28%;
  height: 3%;
  top: 91.5%;
  left: 49%;
}
@media (max-width: 768px) {
  .ngo .RealCase.Desktop {
    display: none;
  }
  .ngo .RealCase.Moblie {
    display: block;
    width: calc(100% + 7rem);
    margin-left: -3.5rem;
    margin-right: 0;
    margin-bottom: 50px;
    position: relative;
  }
  .ngo .RealCase.Moblie img {
    width: 100%;
    z-index: 1;
  }
  .ngo .RealCase.Moblie.p1 .source1 {
    width: 47%;
    height: 2%;
    position: absolute;
    top: 94.5%;
    left: 4%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 24px;
    color: #595959;
    z-index: 2;
  }
  .ngo .RealCase.Moblie.p1 .source2 {
    display: none;
  }
  .ngo .RealCase.Moblie.p2 .source1 {
    display: none;
  }
  .ngo .RealCase.Moblie.p2 .source2 {
    width: 48%;
    height: 2.5%;
    position: absolute;
    top: 93.5%;
    left: 4%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 24px;
    color: #595959;
    z-index: 2;
  }
  .ngo.en .RealCase.Moblie {
    display: block;
    width: calc(100% + 7rem);
    margin-left: -3.5rem;
    margin-right: 0;
    margin-bottom: 50px;
    position: relative;
  }
  .ngo.en .RealCase.Moblie img {
    width: 100%;
    z-index: 1;
  }
  .ngo.en .RealCase.Moblie.p1 .source1 {
    width: 55%;
    height: 2%;
    position: absolute;
    top: 95%;
    left: 5%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 24px;
    color: #595959;
    z-index: 2;
  }
  .ngo.en .RealCase.Moblie.p1 .source2 {
    display: none;
  }
  .ngo.en .RealCase.Moblie.p2 .source1 {
    display: none;
  }
  .ngo.en .RealCase.Moblie.p2 .source2 {
    width: 56%;
    height: 1.5%;
    top: 94.5%;
  }
}

.ngo .component005 {
  padding-right: 3.5rem;
  margin-top: 250px;
  position: relative;
}
.ngo .component005 .click-point1 {
  position: absolute;
  z-index: 10;
  width: 80px;
  top: 0;
  left: 280px;
  transform: rotate(270deg);
  cursor: pointer;
  z-index: 100;
}
.ngo .component005.no-tabs .ant-tabs-nav-list {
  display: none;
}
.ngo .component005.no-tabs .click-point1 {
  display: none;
}
.ngo .component005 .component005-topic-tab {
  overflow: visible !important;
  margin-right: 0;
  margin-bottom: 142px;
}
.ngo .component005 .component005-topic-tab.tab2 .ant-tabs-tab.ant-tabs-tab-active {
  background-color: #F1F7FF;
}
.ngo .component005 .component005-topic-tab.tab2 .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #000 !important;
}
.ngo .component005 .component005-topic-tab.tab2 .ant-tabs-tabpane {
  background-color: #F1F7FF;
}
.ngo .component005 .component005-topic-tab.tab2 .ant-tabs-tabpane .component005-card-item-title {
  color: #0C53A3 !important;
  border-color: #0C53A3 !important;
}
.ngo .component005 .component005-topic-tab.tab2 .ant-tabs-tabpane .component005-card-item-title > div {
  border-color: #0C53A3 !important;
}
.ngo .component005 .component005-topic-tab.tab2 .ant-tabs-tabpane .component005-card-item-content {
  background: #0C53A3 !important;
}
.ngo .component005 .component005-topic-tab .ant-tabs-tab {
  font-size: 1.3125rem;
  font-weight: 400;
  line-height: 2.8;
  color: #333333;
  background-color: #ECECEC;
  border: none;
  padding-left: 1.375rem;
  padding-right: 1.375rem;
  margin-right: 0.625rem;
}
.ngo .component005 .component005-topic-tab .ant-tabs-tab.ant-tabs-tab-active {
  background-color: #FFF3E4;
}
.ngo .component005 .component005-topic-tab .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #53CC92;
}
.ngo .component005 .component005-topic-tab .ant-tabs-tabpane {
  min-height: 360px;
  background-color: #FFF3E4;
  align-items: center;
  justify-content: space-evenly;
  position: relative;
}
.ngo .component005 .component005-topic-tab .ant-tabs-tabpane.ant-tabs-tabpane-active {
  display: flex;
}
.ngo .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 {
  width: 100%;
  height: 255px;
  position: absolute;
  top: -256px;
}
.ngo .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip {
  border: 1px solid #000;
  border-radius: 47%;
  position: absolute;
  font-size: 1.75rem;
  padding: 4rem;
  text-align: left;
  max-width: 38rem;
  min-height: 9rem;
  display: flex;
  align-items: center;
  right: 120px;
  margin-right: 20%;
  padding: 3rem;
}
.ngo .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip .tip-text {
  z-index: 1;
  font-size: 1.5rem;
}
.ngo .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip .tip-arrow {
  position: absolute;
  top: calc(50% - 14px);
  left: unset;
  right: -107px;
  background: #fff;
  height: 24px;
  width: 128px;
}
.ngo .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip .tip-arrow .line1 {
  width: 63px;
  height: 1px;
  background: #000;
  transform: rotate(12deg);
  position: absolute;
  top: 5px;
  right: 46px;
}
.ngo .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip .tip-arrow .line2 {
  width: 61px;
  height: 1px;
  background: #000;
  transform: rotate(-12deg);
  position: absolute;
  bottom: 5px;
  right: 46px;
}
.ngo .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 img {
  max-width: 40vw;
  position: relative;
  z-index: 10;
  left: 73%;
}
.ngo .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list {
  margin: 2.125rem 2.25rem;
  display: flex;
  grid-gap: 0.625rem;
  gap: 0.625rem;
  justify-content: space-between;
}
.ngo .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item {
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.4;
  color: #fff;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-left: 6px;
  padding-right: 6px;
  position: relative;
  margin-bottom: 0;
}
.ngo .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-title {
  color: #53CC92;
  border: 2px solid rgba(83, 204, 146, 0.6);
  border-radius: 10px;
  padding: 1rem;
  width: 100%;
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 1.125rem;
}
.ngo .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-title > div {
  display: flex;
  align-items: center;
  height: 4.375rem;
  padding-bottom: 0;
  border-bottom: 2.25px solid rgba(83, 204, 146, 0.6);
}
.ngo .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content {
  background: #53CC92;
  border-radius: 10px;
  padding: 1.25rem;
  min-height: 12rem;
  align-items: center;
  flex-direction: column;
  display: flex;
}
.ngo .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content .text {
  height: 100%;
}
.ngo .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content .img {
  width: 109px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ngo .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content .img img {
  width: auto;
  height: 55px;
}
.ngo .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .clickable {
  border-radius: 10px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #999;
  display: flex;
  cursor: pointer;
}
.ngo .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .clickable .click-point {
  width: 7rem;
  position: absolute;
  bottom: -2rem;
  left: calc(50% - 3.5rem);
}
.ngo .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .clickable .clickable-label {
  width: 100%;
  text-align: center;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.ngo.en .component005 .click-point1 {
  left: 350px;
}
.ngo.en .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-title {
  font-size: 1.6rem;
  line-height: 1;
}
.ngo.en .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-title > div {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  min-height: 5.5rem;
  padding-bottom: 0.5rem;
}
@media (max-width: 1024px) {
  .ngo .component005 .click-point1 {
    width: 60px;
    left: 180px;
  }
  .ngo .component005 .component005-topic-tab {
    width: 100%;
  }
  .ngo .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 img {
    left: 65%;
  }
  .ngo .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003.position-right .component003-tip {
    margin-right: 35%;
  }
  .ngo .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content {
    height: 100%;
  }
  .ngo .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content .img img {
    width: auto;
    height: 50%;
  }
  .ngo.en .component005 .click-point1 {
    left: 230px;
  }
  .ngo.en .component005 .component005-topic-tab {
    width: 100%;
  }
  .ngo.en .component005 .component005-topic-tab .ant-tabs-tabpane {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .ngo.en .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 img {
    left: 65%;
  }
  .ngo.en .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip .tip-arrow {
    right: -104px;
  }
  .ngo.en .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content {
    height: 100%;
    font-size: 1.4rem;
    line-height: 1.2;
    min-height: 15rem;
  }
  .ngo.en .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content .img img {
    width: auto;
    height: 50%;
  }
}
@media (max-width: 768px) {
  .ngo .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 {
    top: -200px;
  }
  .ngo .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 img {
    left: 55%;
    bottom: 0;
    height: 200px;
  }
  .ngo .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003 .component003-tip .tip-text {
    font-size: 1rem;
    line-height: 1.1rem;
  }
  .ngo .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list {
    display: flex;
    flex-wrap: wrap;
  }
  .ngo .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item {
    width: 48% !important;
  }
  .ngo .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content {
    width: 100%;
  }
  .ngo .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content .img img {
    width: auto;
    height: 75%;
  }
}
@media (max-width: 480px) {
  .ngo .component005 {
    margin-top: 170px;
    padding-right: 0;
  }
  .ngo .component005 .click-point1 {
    width: 30px;
    left: 170px;
    top: 10px;
  }
  .ngo .component005 .component005-topic-tab {
    margin-bottom: 60px;
  }
  .ngo .component005 .component005-topic-tab .ant-tabs-nav {
    z-index: 10;
  }
  .ngo .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 {
    top: -130px;
    height: 130px;
  }
  .ngo .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 img {
    height: 130px;
    left: 61%;
  }
  .ngo .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003 .component003-tip {
    width: 160px;
    left: 0;
    top: -20%;
    padding: 2rem !important;
  }
  .ngo .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003 .component003-tip .tip-text {
    font-size: 0.5rem;
    line-height: 1.3rem;
  }
  .ngo .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .ngo .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item {
    width: 100% !important;
  }
  .ngo .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content {
    width: 100%;
  }
  .ngo .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-title {
    width: 100%;
  }
  .ngo.en .component005 {
    margin-top: 170px;
  }
  .ngo.en .component005 .click-point1 {
    width: 30px;
    left: 215px;
    top: 30px;
  }
  .ngo.en .component005 .component005-topic-tab {
    margin-bottom: 60px;
  }
  .ngo.en .component005 .component005-topic-tab .ant-tabs-nav {
    z-index: 10;
  }
  .ngo.en .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 {
    top: -130px;
    height: 130px;
  }
  .ngo.en .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 img {
    width: 13.5rem;
    height: 130px;
  }
  .ngo.en .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003 .component003-tip {
    width: 160px;
    left: 0;
    top: -20%;
    padding: 2rem !important;
  }
  .ngo.en .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003 .component003-tip .tip-text {
    font-size: 0.5rem;
    line-height: 1.3rem;
  }
  .ngo.en .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .ngo.en .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item {
    width: 100% !important;
  }
  .ngo.en .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content {
    width: 100%;
  }
  .ngo.en .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-title {
    width: 100%;
  }
}

.ngo .component008 {
  position: relative;
  margin-right: 3.5rem;
}
.ngo .component008 .tip-text {
  width: 14.125rem;
  height: 26.875rem;
  background: url(/static/media/c008-board1.729d82e7.svg) no-repeat center center;
  background-size: 100%;
  padding: 3.5rem 2rem 11rem 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 12rem;
  top: -10rem;
  font-size: 1.25rem;
  line-height: 2rem;
}
.ngo .component008 .component008-person {
  width: 14rem;
  height: auto;
  position: absolute;
  right: 0;
  top: -8.5rem;
}
.ngo.en .component008 .tip-text {
  top: 0;
  line-height: 1.4;
}
.ngo.en .component008 .component008-person {
  top: 1.5rem;
}
@media (max-width: 480px) {
  .ngo .component008 {
    margin-top: 12rem;
  }
  .ngo.en .component008 {
    margin-top: 0;
  }
}

.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation039 {
  margin-right: 3.5rem;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation039 .animation039-content {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  width: 100%;
  height: 880px;
  grid-row-gap: 2rem;
  row-gap: 2rem;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation039 .animation039-content .animation039-item {
  width: 480px;
  height: 150px;
  display: flex;
  align-items: center;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation039 .animation039-content .animation039-item .animation039-indicate-number {
  width: 20%;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation039 .animation039-content .animation039-item .animation039-indicate-number img {
  width: 90%;
  height: auto;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation039 .animation039-content .animation039-item .animation039-subcontent {
  width: 80%;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation039 .animation039-content .animation039-item .animation039-subcontent .animation039-text {
  font-size: 1.5rem;
  line-height: 1.3;
  padding-left: 20px;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation039 .animation039-content .animation039-item .animation039-subcontent .sub-task-text {
  position: relative;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation039 .animation039-content .animation039-item .animation039-subcontent .sub-task-text .click-point1 {
  width: 40px !important;
  position: absolute;
  bottom: -50%;
  right: -25%;
  transform: rotate(315deg);
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation039 .animation039-content .animation039-item .animation039-subcontent .sub-task-text .ant-btn {
  background: #F26927;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 20px;
  cursor: pointer;
  margin-top: 0.5rem;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation039 .animation039-content .animation039-item .animation039-subcontent .sub-task-text .ant-btn > span {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  color: #FFFFFF;
}
.cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation039 .animation039-content {
  height: 630px;
}
.cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation039 .animation039-content .animation039-item {
  height: 100px;
}
.cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation039 .animation039-content .animation039-item .animation039-indicate-number img {
  width: 80%;
}
.cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation039 .animation039-content .animation039-item .animation039-subcontent .animation039-text {
  line-height: 1.2;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation039 {
    margin-right: 0;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation039 .animation039-content {
    padding-right: 0 !important;
    grid-gap: 2rem;
    gap: 2rem;
    grid-row-gap: 4rem;
    row-gap: 4rem;
    height: 715px;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation039 .animation039-content .animation039-item {
    width: calc(50% - 2rem);
    height: unset;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation039 .animation039-content .animation039-item .animation039-subcontent .animation039-text {
    font-size: 2rem;
    line-height: 1.5;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation039 .animation039-content {
    flex-wrap: wrap;
    width: 100%;
    grid-row-gap: 2rem;
    row-gap: 2rem;
    height: 630px;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation039 .animation039-content .animation039-item {
    width: calc(50% - 2rem);
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation039 .animation039-content .animation039-item .animation039-indicate-number {
    width: 30%;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation039 .animation039-content .animation039-item .animation039-subcontent .animation039-text {
    font-size: 1.8rem;
    line-height: 1.3;
  }
}
@media (max-width: 480px) {
  .ngo .animation039-modal {
    width: 100% !important;
  }
  .ngo .animation039-modal .ant-modal-content .animation039-modal-header {
    margin-left: 0;
  }
  .ngo .animation039-modal .ant-modal-content .ant-modal-body .next-button .click-point2 {
    bottom: 0rem;
    transform: rotate(90deg);
  }
  .ngo .animation039-modal .ant-modal-content .ant-modal-body .prev-button .click-point1 {
    bottom: 0;
    transform: rotate(270deg);
  }
  .ngo .animation039-modal .ant-modal-content .ant-modal-body .content {
    width: 100%;
    margin-top: 2rem;
    font-size: 1.4rem;
  }
  .ngo .animation039-modal .ant-modal-content .ant-modal-body .border {
    margin: 0;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation039 {
    margin-top: 0;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation039 .animation039-content {
    flex-wrap: wrap;
    flex-direction: column;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    grid-row-gap: 4rem;
    row-gap: 4rem;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation039 .animation039-content .animation039-item {
    width: 100%;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation039 .animation039-content .animation039-item .animation039-indicate-number {
    width: 20%;
  }
  .cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .animation039 .animation039-content .animation039-item .animation039-subcontent .animation039-text {
    font-size: 1.8rem;
    line-height: 1.3;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation039 .animation039-content {
    grid-gap: 3rem;
    gap: 3rem;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation039 .animation039-content .animation039-item {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.ngo.en .ant-layout-content .course-body .course-body-content .animation039 .animation039-content .animation039-item .animation039-subcontent .animation039-text {
    line-height: 1.2;
    font-size: 1.6rem;
    padding-left: 12px;
  }
}

.ngo.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview {
  background-color: rgba(83, 204, 146, 0.1);
}
.ngo.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-progress-bar .ant-progress-text {
  color: #53CC92;
}
.ngo.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .ant-progress-circle-trail {
  stroke: rgba(83, 204, 146, 0.6) !important;
  opacity: 0.2;
}
.ngo.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .ant-progress-circle-path {
  stroke: #53CC92 !important;
}
.ngo.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.active .step-dot {
  border-color: #53CC92;
}
.ngo.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.active .step-dot .active-dot {
  background-color: #53CC92;
}
.ngo.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.completed .step-dot {
  border-color: #53CC92;
  background-color: #53CC92;
}
.ngo.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.completed .step-line {
  background-color: #53CC92;
}
.ngo.cyber-security-training-page.course-page .ant-layout-content .course-left-side .paragraphs .paragraph.active {
  border-color: #53CC92;
  background-color: #fafafa;
}
.ngo.cyber-security-training-page.course-page .ant-layout-content .course-left-side .paragraphs .state .in-progress {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAS4SURBVHgB1VlNbttGFH5vRtnrBlFPYBm1C3QV+QSlEwfozvYBUlsnsHICWS26rr0rUDuRTxB6VSBKYfUE1RHoba2Z1/dIypHIR4p0qAD9Fv6ZGc58nPf/iPBEBHfDNsyhi2gCA/gckLpA0AbAdrKCIv4x4/8jIrr14MPxbj+EJwKhJoLJsJeQg8PPpKqCIgIce+9G4+/60zpPViYqBC3aM/6zB80gdA/uePx9f1Zl8VqiImLj8QzJnMIGQAjn3ri34+1+VLaulOiPd8POgzcfeLcObBAENPMPfq/sdguJvv447HrDJNfrYeQ93iDSFAxEfPuz+HCENhtRB0VVDGwxmw6sIWu93/+jQHfxySQJbhDw/Gr3TQgVcDD5pUfoj3jPw5Jl/KJuTyObI7pO3ERw6+fuqKoRqPs7+xsUG2XERrad3X+FqBiO9eauiCQS9K92fzqHBnAwGQ0I8Uybi3XW+u1lAzPLC8S6C0hGSLjXFEnB1e7JAMDty97ZOVapjvH2bHUsRSqSf/Rtcf96580YShCwXhsLXfCm8y4mUQ0H7J8J7Qf1VHJ8OUk0ay0GU71RFtNbvkmVZOJjzQmrxGlseASLVx9ARQiRg8nPffYSw+wcJQEmlL9j0YuVg6LcYjhXBbcTRyrWZ1aJQf1QmiUbq1SoTPXkxh+JsitSo45Ytzb+6tPo0Iq4GgwEz6w71sYd5xXyOzUm/CG7gKV4obmgIH5DvICG8fs2n0V0kx3nzOwwVrHkYMiJzhBeZsdi92WMqstNAMFrXqXd4nTSGDC97Azf5kyLOPzA0SbjfmrhOXcl4jeI+CI7wZb+t7YRGXMCG4cifs4TWEcpJ3ZObsPsWOwZNpxFxWcT5uI8R7AtJpo/3GOSAS3DWduFrwGjRSpoi9XnbrRF+cXgqQNfAVymzJThtoH/CYRo7vY8Kbdn8uqwCVgELcpFQvQ+N6wsts7VqhqfCiLbyY/izPBMngBy6ZBBmnWXFmBNAIF62TEuae45BZUmQXYxBNom/MAINg2TvyQ+OTSWvJbCtRdZyzJ8i0Oc8mJNIQ7niq/m6BmaeQtUkXIumItCUhqg17OcJmDRHCnDkYRzI4d7oEtlQRD8OexkByUeEzZPVioMrULlvCOWeOxHC8QP9pme9b/7tn8hZUKTalBUYVjuU8GCaJq1hMq63svJUE2q5Rln3LZUpl9K+OVfI7WnJRXGosZ/LO6qFllFeP3x166zriuhtk5x9+rTkD2Mfa/NcX3/zSJ5x9WHRpy4opbKsbG54+udfmklWhdJh9C812suGl3vnDxKcyXWO+sHBWJsy1unImoEolJx3aWQlMQ95rIEvaXj7B0AFFWWtfqaBfsXtnSEpH9we6UtnQWSJlmsr4VlsBR/ntxl1XZ32ggWtQpKllVvkq2QtazkFdqF3IKZErnbOBynuSwXYx3w/KJotzh+B1Xal0UkS4kKks6e1O/lZL8UReJeRmniLLW2+EqxQNgYaORtvs2YReWPDXK7/87tBSK8gAYgzpybC4OqjeDan2/EsXszP027K3V7TnFeYcmMqxJcoDbRZUi7mz909XibnlQFvNlz+ExejOqeFXDqkfvzTG7emk/Xff0own+KZEVwuPo46QAAAABJRU5ErkJggg==);
  background-size: cover;
}
.ngo.cyber-security-training-page.course-page .ant-layout-content .course-body .next-topic-button {
  background-color: #53CC92;
}
.ngo.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .title {
  border-color: #53CC92;
}
.ngo.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .title .l2 {
  color: #53CC92;
}
.ngo.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body {
  border-color: #53CC92;
}
.ngo.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-last-button {
  border-color: #53CC92;
}
.ngo.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-last-button span {
  color: #53CC92;
}
.ngo.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-submit-button {
  background-color: #53CC92;
}
.ngo.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-submit-button[disabled] {
  background-color: rgba(83, 204, 146, 0.6);
  border-color: #53CC92;
}
.ngo.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area.correct .ant-btn-link {
  color: #0CA3A3;
}
.ngo.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area.wrong .ant-btn-link {
  color: #E7444E;
}
.ngo.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
  background: #53CC92;
}
.ngo.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab.active .number {
  border-color: #53CC92;
}
.ngo.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.index .course-landing {
  background: rgba(193, 255, 225, 0.4);
}
.ngo.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.welcome .course-landing {
  background: rgba(193, 255, 225, 0.4);
}
.ngo.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.t900 .course-landing {
  background: rgba(193, 255, 225, 0.4);
}
.ngo.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.t930 .course-landing {
  background: rgba(193, 255, 225, 0.4);
}
.ngo.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.t1200 .course-landing {
  background: rgba(193, 255, 225, 0.4);
}
.ngo.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.t1400 .course-landing {
  background: rgba(193, 255, 225, 0.4);
}
.ngo.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.quiz .course-landing {
  background: rgba(193, 255, 225, 0.4);
}
.ngo.cyber-security-training-page.course-page .ant-layout-content .ant-radio-checked .ant-radio-inner {
  border-color: #53CC92;
}
.ngo.cyber-security-training-page.course-page .ant-layout-content .ant-radio-inner::after {
  background-color: #53CC92;
}
.ngo.cyber-security-training-page.course-page .ant-layout-content .ant-radio-wrapper:hover .ant-radio,
.ngo.cyber-security-training-page.course-page .ant-layout-content .ant-radio:hover .ant-radio-inner,
.ngo.cyber-security-training-page.course-page .ant-layout-content .ant-radio-input:focus + .ant-radio-inner {
  border-color: #53CC92;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content.index .course-landing .course-landing-content {
  background-image: url(/static/media/welcomeLandingbg-ngo.fa77b421.png);
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content.quiz .progress .progress-line {
  background-color: #53CC92;
}
.cyber-security-training-page.course-page.ngo .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass .cert-download-input .cert-download-button {
  background-color: #53CC92;
}

.E-commerce .component003 {
  position: relative;
}
.E-commerce .component003 .component003-title {
  position: absolute;
  left: 2.5%;
  top: 5%;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.2;
}
.E-commerce .component003 .component003-tip {
  border: 1px solid #000;
  border-radius: 47%;
  position: absolute;
  font-size: 1.5rem;
  padding: 4rem;
  text-align: left;
  max-width: 42rem;
  min-height: 9rem;
  display: flex;
  align-items: center;
}
.E-commerce .component003 .component003-tip .tip-text {
  z-index: 1;
}
.E-commerce .component003 .tip-arrow {
  position: absolute;
  left: -82px;
  top: calc(50% - 15px);
  background: #fff;
  height: 24px;
  width: 128px;
}
.E-commerce .component003 .tip-arrow .line1 {
  width: 64px;
  height: 1px;
  background: #000;
  transform: rotate(-12deg);
  position: absolute;
  top: 5px;
  right: 43px;
}
.E-commerce .component003 .tip-arrow .line2 {
  width: 61px;
  height: 1px;
  background: #000;
  transform: rotate(12deg);
  position: absolute;
  bottom: 5px;
  right: 46px;
}
.E-commerce .component003.position-left img {
  max-width: 40vw;
  position: relative;
  z-index: 11;
}
.E-commerce .component003.position-left .component003-tip {
  margin-left: 300px;
  padding: 4rem;
}
.E-commerce .component003.position-right {
  text-align: right;
}
.E-commerce .component003.position-right img {
  max-width: 40vw;
  position: relative;
  z-index: 11;
}
.E-commerce .component003.position-right .component003-tip {
  right: 0;
  margin-right: 24%;
  padding: 3rem;
  z-index: 11;
}
.E-commerce .component003.position-right .component003-tip .tip-arrow {
  left: unset;
  right: -107px;
  top: calc(50% - 15px);
}
.E-commerce .component003.position-right .component003-tip .tip-arrow .line1 {
  transform: rotate(12deg);
  position: absolute;
  top: 5px;
  right: 46px;
}
.E-commerce .component003.position-right .component003-tip .tip-arrow .line2 {
  transform: rotate(-12deg);
  position: absolute;
  bottom: 5px;
  right: 46px;
}
.E-commerce .component003.position-right.E-commerce-welcome-1-c003 .component003-tip {
  max-width: 35rem;
}
.E-commerce.en .component003.position-right.E-commerce1200-2-c003-1 img {
  margin-top: 5%;
}
.E-commerce.en .component003.position-right.E-commerce1200-2-c003-1 .component003-tip {
  padding: 4rem;
}
.E-commerce.en .component003.position-right.E-commerce1400-1-c003-1 img {
  margin-top: 5%;
}
.E-commerce.en .component003.position-right.E-commerce1400-1-c003-1 .component003-tip {
  padding: 4rem;
}
.E-commerce.en .component003.position-right.E-commerce1400-1-c003-1 .component003-tip .tip-arrow .line1 {
  right: 44px;
}
.E-commerce.en .component003.position-right.E-commerce1600-1-c003 img {
  margin-top: 5%;
}
.E-commerce.en .component003.position-right.E-commerce1600-1-c003 .component003-tip {
  padding: 4rem;
}
.E-commerce.en .component003.position-right.E-commerce1600-1-c003 .component003-tip .tip-arrow .line1 {
  right: 44px;
}
@media (max-width: 1024px) {
  .E-commerce .component003 .tip-arrow {
    left: -80px;
  }
  .E-commerce .component003 .tip-arrow .line1 {
    width: 55px;
    transform: rotate(-14deg);
    top: 6px;
    right: 45px;
  }
  .E-commerce .component003 .tip-arrow .line2 {
    width: 52px;
    transform: rotate(12deg);
    bottom: 5px;
    right: 47px;
  }
  .E-commerce .component003 .component003-title {
    left: 8.5%;
  }
  .E-commerce .component003.position-left .component003-tip {
    margin-left: 28vw;
  }
  .E-commerce .component003.position-left .component003-tip .tip-arrow .line1 {
    width: 55px;
    transform: rotate(-14deg);
    top: 6px;
    right: 44px;
  }
  .E-commerce .component003.position-left.E-commerce1600-3-c003 .component003-tip .tip-arrow .line1 {
    width: 57px;
    right: 42px;
  }
  .E-commerce .component003.position-right .component003-tip {
    margin-right: 25%;
  }
  .E-commerce .component003.position-right .component003-tip .tip-arrow {
    right: -97px;
  }
  .E-commerce .component003.position-right .component003-tip .tip-arrow .line1 {
    width: 58px;
    top: 6px;
    right: 44px;
  }
  .E-commerce .component003.position-right .component003-tip .tip-arrow .line2 {
    width: 54px;
    bottom: 5px;
    right: 45px;
  }
  .E-commerce .component003.position-right.E-commerce-welcome-1-c003 .component003-tip {
    line-height: 1.4;
    padding: 3rem 2rem 3rem 3rem;
  }
  .E-commerce .component003.position-right.E-commerce-welcome-1-c003 .component003-tip .tip-arrow .line1 {
    width: 59.5px;
    top: 6px;
    right: 44px;
  }
  .E-commerce .component003.position-right.E-commerce900-1-c003 .component003-tip .tip-arrow .line1 {
    width: 59px;
    top: 6px;
    right: 44px;
  }
  .E-commerce .component003.position-right.E-commerce1200-1-c003-1 .component003-tip {
    line-height: 1.4;
  }
  .E-commerce .component003.position-right.E-commerce1200-1-c003-1 .component003-tip .tip-arrow .line1 {
    width: 57px;
    top: 6px;
    right: 44px;
  }
  .E-commerce .component003.position-right.E-commerce1400-1-c003 .component003-tip .tip-arrow .line1 {
    width: 61px;
    top: 6px;
    right: 44px;
  }
  .E-commerce .component003.position-right.E-commerce1400-1-c003 .component003-tip .tip-arrow .line2 {
    width: 54.5px;
    bottom: 5px;
    right: 45px;
  }
  .E-commerce .component003.position-right.E-commerce1600-1-c003 .component003-tip .tip-arrow .line1 {
    width: 58.5px;
    top: 6px;
    right: 44px;
  }
  .E-commerce.en .component003 .tip-arrow {
    left: -77px;
  }
  .E-commerce.en .component003 .tip-arrow .line1 {
    width: 55px;
    transform: rotate(-14deg);
    top: 6px;
    right: 43px;
  }
  .E-commerce.en .component003 .tip-arrow .line2 {
    width: 52px;
    transform: rotate(12deg);
    bottom: 5px;
    right: 47px;
  }
  .E-commerce.en .component003.position-left .component003-tip {
    margin-left: 28vw;
  }
  .E-commerce.en .component003.position-left.E-commerce1600-3-c003 .component003-tip .tip-arrow {
    left: -80px;
  }
  .E-commerce.en .component003.position-left.E-commerce1600-3-c003 .component003-tip .tip-arrow .line1 {
    width: 56px;
    right: 42px;
  }
  .E-commerce.en .component003.position-right .component003-tip .tip-arrow {
    right: -97px;
  }
  .E-commerce.en .component003.position-right .component003-tip .tip-arrow .line1 {
    width: 58px;
    top: 6px;
    right: 44px;
  }
  .E-commerce.en .component003.position-right .component003-tip .tip-arrow .line2 {
    width: 54px;
    bottom: 5px;
    right: 45px;
  }
  .E-commerce.en .component003.position-right.E-commerce900-1-c003 .component003-tip .tip-arrow .line1 {
    width: 59px;
    top: 6px;
    right: 46px;
  }
  .E-commerce.en .component003.position-right.E-commerce1400-1-c003-2 .component003-tip .tip-arrow .line1 {
    width: 59px;
    top: 6px;
    right: 46px;
  }
  .E-commerce.en .component003.position-right.E-commerce1600-1-c003 .component003-tip .tip-arrow {
    right: -99px;
  }
  .E-commerce.en .component003.position-right.E-commerce1600-1-c003 .component003-tip .tip-arrow .line1 {
    width: 57px;
  }
}
@media (max-width: 768px) {
  .E-commerce .component003 .component003-title {
    top: -9rem;
  }
  .E-commerce .component003.position-left .component003-tip {
    margin-left: 38vw;
  }
  .E-commerce .component003.position-left.E-commerce1200-3-c003 .tip-arrow .line2 {
    width: 52px;
    transform: rotate(12deg);
    bottom: 5px;
    right: 46px;
  }
  .E-commerce .component003.position-left.E-commerce1600-3-c003 img {
    max-width: 25vw;
  }
  .E-commerce .component003.position-left.E-commerce1600-3-c003 .component003-tip {
    margin-left: 26vw;
  }
  .E-commerce .component003.position-left.E-commerce1600-3-c003 .component003-tip .tip-arrow {
    left: -79px;
  }
  .E-commerce .component003.position-left.E-commerce1600-3-c003 .component003-tip .tip-arrow .line1 {
    width: 56px;
    right: 42px;
  }
  .E-commerce .component003.position-right .component003-tip {
    right: 0;
    margin-right: 43%;
    padding: 6% ;
  }
  .E-commerce .component003.position-right .tip-text span {
    font-size: unset !important;
  }
  .E-commerce .component003.position-right.E-commerce-welcome-1-c003 {
    margin-top: 5rem;
  }
  .E-commerce .component003.position-right.E-commerce-welcome-1-c003 .component003-tip {
    margin-right: 39%;
  }
  .E-commerce .component003.position-right.E-commerce900-1-c003 .component003-tip .tip-arrow .line1 {
    width: 58px;
    top: 6px;
    right: 44px;
  }
  .E-commerce .component003.position-right.E-commerce1200-1-c003-1 .component003-tip {
    margin-right: 38%;
  }
  .E-commerce .component003.position-right.E-commerce1200-1-c003-1 .component003-tip .tip-arrow {
    right: -99px;
  }
  .E-commerce .component003.position-right.E-commerce1400-1-c003 .component003-tip {
    margin-right: 30%;
  }
  .E-commerce .component003.position-right.E-commerce1400-1-c003 .component003-tip .tip-arrow .line1 {
    width: 59px;
    top: 6px;
    right: 44px;
  }
  .E-commerce .component003.position-right.E-commerce1600-1-c003 .component003-tip {
    margin-right: 35%;
    line-height: 1.4;
  }
  .E-commerce .component003.position-right.E-commerce1600-1-c003 .component003-tip .tip-arrow {
    right: -98px;
  }
  .E-commerce .component003.position-right.E-commerce1600-1-c003 .component003-tip .tip-arrow .line1 {
    width: 56.5px;
    top: 6px;
    right: 44px;
  }
  .E-commerce.en .component003 .tip-arrow {
    left: -77px;
  }
  .E-commerce.en .component003 .tip-arrow .line1 {
    width: 55px;
    transform: rotate(-14deg);
    top: 6px;
    right: 43px;
  }
  .E-commerce.en .component003 .tip-arrow .line2 {
    width: 52px;
    transform: rotate(12deg);
    bottom: 5px;
    right: 47px;
  }
  .E-commerce.en .component003.position-left.E-commerce1600-3-c003 .component003-tip .tip-arrow {
    left: -79px;
  }
  .E-commerce.en .component003.position-left.E-commerce1600-3-c003 .component003-tip .tip-arrow .line1 {
    width: 56px;
    right: 44px;
  }
  .E-commerce.en .component003.position-right .component003-tip .tip-arrow {
    right: -97px;
  }
  .E-commerce.en .component003.position-right .component003-tip .tip-arrow .line1 {
    width: 58px;
    top: 6px;
    right: 44px;
  }
  .E-commerce.en .component003.position-right .component003-tip .tip-arrow .line2 {
    width: 54px;
    bottom: 5px;
    right: 45px;
  }
  .E-commerce.en .component003.position-right.E-commerce900-1-c003 .component003-tip .tip-arrow .line1 {
    width: 57px;
    top: 6px;
    right: 46px;
  }
  .E-commerce.en .component003.position-right.E-commerce1200-2-c003-1 .component003-tip .tip-arrow {
    right: -99px;
  }
  .E-commerce.en .component003.position-right.E-commerce1200-2-c003-1 .component003-tip .tip-arrow .line1 {
    width: 57px;
  }
  .E-commerce.en .component003.position-right.E-commerce1400-1-c003-1 .component003-tip .tip-arrow {
    right: -99px;
  }
  .E-commerce.en .component003.position-right.E-commerce1400-1-c003-1 .component003-tip .tip-arrow .line1 {
    width: 57px;
  }
}
@media (max-width: 480px) {
  .E-commerce .component003 .component003-tip {
    font-size: 1.4rem;
  }
  .E-commerce .component003.position-right .component003-tip {
    right: 0;
    margin-right: 48%;
    padding: 6%;
  }
  .E-commerce .component003.position-right .tip-text span {
    font-size: unset !important;
    display: inline;
  }
  .E-commerce .component003.position-right.E-commerce-welcome-1-c003 {
    margin-top: 5rem;
  }
  .E-commerce .component003.position-right.E-commerce-welcome-1-c003 .component003-tip .tip-arrow .line1 {
    width: 54px;
    top: 6px;
    right: 44px;
    transform: rotate(13deg);
  }
  .E-commerce .component003.position-right.E-commerce-welcome-1-c003 .component003-tip .tip-arrow .line2 {
    width: 52.5px;
    bottom: 5px;
    right: 45px;
  }
  .E-commerce .component003.position-right.E-commerce-welcome-1-c003 img {
    margin-top: 20%;
  }
  .E-commerce .component003.position-right.E-commerce-welcome-1-c003 .component003-title {
    top: -7rem;
    font-size: 2rem;
    line-height: 1.2;
  }
  .E-commerce .component003.position-right.E-commerce900-1-c003 .component003-tip .tip-arrow .line1 {
    width: 57px;
    top: 6px;
    right: 44px;
  }
  .E-commerce .component003.position-right.E-commerce1200-1-c003-1 .component003-tip {
    padding: 3.5rem 2rem 3.5rem 3rem;
  }
  .E-commerce .component003.position-right.E-commerce1200-1-c003-1 img {
    margin-top: 30%;
    margin-right: -10%;
  }
  .E-commerce .component003.position-right.E-commerce1400-1-c003 .component003-tip {
    margin-right: 48%;
  }
  .E-commerce .component003.position-right.E-commerce1400-1-c003 .component003-tip .tip-arrow .line1 {
    width: 57px;
    top: 6px;
    right: 44px;
  }
  .E-commerce .component003.position-right.E-commerce1400-1-c003 .component003-tip .tip-arrow .line2 {
    width: 54px;
    bottom: 5px;
    right: 45px;
  }
  .E-commerce .component003.position-right.E-commerce1600-1-c003 .component003-tip {
    padding: 3.5rem 2rem 3.5rem 3rem;
  }
  .E-commerce .component003.position-right.E-commerce1600-1-c003 .component003-tip .tip-arrow .line1 {
    width: 55.5px;
    top: 6px;
    right: 44px;
  }
  .E-commerce .component003.position-right.E-commerce1600-1-c003 .component003-tip .tip-arrow .line2 {
    width: 53.5px;
    bottom: 5px;
    right: 45px;
  }
  .E-commerce .component003.position-right.E-commerce1600-1-c003 img {
    margin-top: 30%;
    margin-right: -10%;
  }
  .E-commerce .component003.position-right.E-commerce1400-1-c003-1 .component003-tip {
    right: 0;
    margin-right: 45.5%;
    padding: 8%;
  }
  .E-commerce .component003.position-right.E-commerce1400-1-c003-1 .component003-tip .tip-arrow .line1 {
    width: 54px;
  }
  .E-commerce .component003.position-right.E-commerce1400-1-c003-1 .component003-tip .tip-arrow .line2 {
    right: 44px;
  }
  .E-commerce .component003.position-left .component003-tip {
    padding: 3rem;
  }
  .E-commerce .component003.position-left .component003-tip span {
    font-size: unset !important;
  }
  .E-commerce .component003.position-left.E-commerce1600-3-c003 img {
    max-width: 30vw;
  }
  .E-commerce .component003.position-left.E-commerce1600-3-c003 .component003-tip {
    margin-left: 35vw;
  }
  .E-commerce .component003.position-left.E-commerce1600-3-c003 .component003-tip .tip-arrow .line1 {
    width: 55px;
    right: 45px;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .component003.position-left.E-commerce1600-3-c003 img {
    max-width: 30vw;
    margin-top: 5%;
    margin-left: -5%;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .component003.position-left.E-commerce1600-3-c003 .component003-tip {
    padding: 2.5rem;
    margin-left: 32vw;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .component003.position-left.E-commerce1600-3-c003 .component003-tip .tip-arrow {
    left: -80px;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .component003.position-left.E-commerce1600-3-c003 .component003-tip .tip-arrow .line1 {
    width: 56px;
    right: 44px;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .component003.position-right.E-commerce900-1-c003 .component003-tip .tip-arrow .line1 {
    width: 57px;
    top: 6px;
    right: 44px;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .component003.position-right.E-commerce1200-2-c003-1 img {
    margin-top: 70%;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .component003.position-right.E-commerce1200-2-c003-1 .component003-tip {
    padding: 3.5rem 3.2rem 3.5rem 4rem;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .component003.position-right.E-commerce1200-2-c003-1 .component003-tip .tip-arrow {
    transform: rotate(15deg);
    top: calc(50% + 50px);
    right: -94px;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .component003.position-right.E-commerce1200-2-c003-1 .component003-tip .tip-arrow .line1 {
    width: 55px;
    transform: rotate(13deg);
    right: 45px;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .component003.position-right.E-commerce1400-1-c003-1 img {
    margin-top: 55%;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .component003.position-right.E-commerce1400-1-c003-1 .component003-tip {
    padding: 3.5rem 3.2rem 3.5rem 4rem;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .component003.position-right.E-commerce1400-1-c003-1 .component003-tip .tip-arrow {
    transform: rotate(15deg);
    top: calc(50% + 50px);
    right: -94px;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .component003.position-right.E-commerce1400-1-c003-1 .component003-tip .tip-arrow .line1 {
    width: 55px;
    transform: rotate(13deg);
    right: 45px;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .component003.position-right.E-commerce1600-1-c003 img {
    margin-top: 70%;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .component003.position-right.E-commerce1600-1-c003 .component003-tip {
    padding: 3.5rem 3.2rem 3.5rem 4.5rem;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .component003.position-right.E-commerce1600-1-c003 .component003-tip .tip-arrow {
    transform: rotate(15deg);
    top: calc(50% + 50px);
    right: -94px;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .component003.position-right.E-commerce1600-1-c003 .component003-tip .tip-arrow .line1 {
    width: 55px;
    transform: rotate(13deg);
    right: 45px;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .component003.position-right.E-commerce1600-1-c003 .component003-tip .tip-arrow .line2 {
    width: 52px;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .component003.position-right.E-commerce1400-1-c003-2 .component003-tip .tip-arrow .line1 {
    width: 54px;
    top: 6px;
    right: 46px;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .component003.position-right.E-commerce1600-2-c003 .component003-tip .tip-arrow .line1 {
    width: 56px;
    top: 6px;
    right: 44px;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .component003.position-right.E-commerce1600-2-c003 .component003-tip .tip-arrow .line2 {
    right: 44px;
  }
}

.E-commerce .RealCase.Moblie {
  display: none;
}
.E-commerce .RealCase.Desktop {
  width: calc(100% + 3.5rem);
  margin-left: -3.5rem;
  margin-right: 0;
  margin-bottom: 50px;
  position: relative;
}
.E-commerce .RealCase.Desktop img {
  width: 100%;
  z-index: 1;
}
.E-commerce .RealCase.Desktop.p1 .source1 {
  width: 15%;
  height: 2.5%;
  position: absolute;
  top: 91%;
  left: 61%;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: none;
  font-size: 24px;
  color: #595959;
  z-index: 2;
}
.E-commerce .RealCase.Desktop.p1 .source2 {
  display: none;
}
.E-commerce .RealCase.Desktop.p2 .source1 {
  display: none;
}
.E-commerce .RealCase.Desktop.p2 .source2 {
  width: 14%;
  height: 2.5%;
  position: absolute;
  top: 89.5%;
  left: 61%;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: none;
  font-size: 24px;
  color: #595959;
  z-index: 2;
}
.E-commerce.en .RealCase.Desktop {
  width: calc(100% + 3.5rem);
  margin-left: -3.5rem;
  margin-right: 0;
  margin-bottom: 50px;
  position: relative;
}
.E-commerce.en .RealCase.Desktop img {
  width: 100%;
  z-index: 1;
}
.E-commerce.en .RealCase.Desktop.p1 .source1 {
  width: 14%;
  height: 2%;
  position: absolute;
  top: 95%;
  left: 61%;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: none;
  font-size: 24px;
  color: #595959;
  z-index: 2;
}
.E-commerce.en .RealCase.Desktop.p1 .source2 {
  display: none;
}
.E-commerce.en .RealCase.Desktop.p2 .source1 {
  display: none;
}
.E-commerce.en .RealCase.Desktop.p2 .source2 {
  width: 14%;
  top: 92%;
  left: 61.5%;
}
@media (max-width: 1024px) {
  .E-commerce .RealCase.Desktop {
    width: calc(100% + 4rem);
    margin-left: -2rem;
    margin-bottom: 10rem;
  }
}
@media (max-width: 768px) {
  .E-commerce .RealCase.Desktop {
    display: none;
  }
  .E-commerce .RealCase.Moblie {
    display: block;
    width: calc(100% + 7rem);
    margin-left: -3.5rem;
    margin-right: 0;
    margin-bottom: 50px;
    position: relative;
  }
  .E-commerce .RealCase.Moblie img {
    width: 100%;
    z-index: 1;
  }
  .E-commerce .RealCase.Moblie.p1 .source1 {
    width: 52%;
    height: 2.5%;
    position: absolute;
    top: 93.5%;
    left: 4%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 24px;
    color: #595959;
    z-index: 2;
  }
  .E-commerce .RealCase.Moblie.p1 .source2 {
    display: none;
  }
  .E-commerce .RealCase.Moblie.p2 .source1 {
    display: none;
  }
  .E-commerce .RealCase.Moblie.p2 .source2 {
    width: 52%;
    height: 2.5%;
    position: absolute;
    top: 92.5%;
    left: 4%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 24px;
    color: #595959;
    z-index: 2;
  }
  .E-commerce.en .RealCase.Moblie {
    display: block;
    width: calc(100% + 7rem);
    margin-left: -3.5rem;
    margin-right: 0;
    margin-bottom: 50px;
    position: relative;
  }
  .E-commerce.en .RealCase.Moblie img {
    width: 100%;
    z-index: 1;
  }
  .E-commerce.en .RealCase.Moblie.p1 .source1 {
    width: 57%;
    height: 2%;
    position: absolute;
    top: 94%;
    left: 5%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 24px;
    color: #595959;
    z-index: 2;
  }
  .E-commerce.en .RealCase.Moblie.p1 .source2 {
    display: none;
  }
  .E-commerce.en .RealCase.Moblie.p2 .source1 {
    display: none;
  }
  .E-commerce.en .RealCase.Moblie.p2 .source2 {
    width: 57%;
    height: 2%;
    top: 95.5%;
  }
}

.E-commerce .animation008 {
  margin-right: 3.5rem;
  padding-bottom: 3.5rem;
}
.E-commerce .animation008 .animation008-title {
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.625rem;
  text-align: center;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  margin-bottom: 1.5rem;
}
.E-commerce .animation008 .animation008-content {
  display: flex;
  grid-gap: 1rem;
  gap: 1rem;
  justify-content: space-between;
  padding-right: 3.5rem;
  flex-wrap: wrap;
  margin-top: 3.5rem;
}
.E-commerce .animation008 .animation008-content .animation008-header {
  margin-top: 1.5rem;
  display: flex;
  justify-content: center;
}
.E-commerce .animation008 .animation008-content .animation008-header > .subtitle {
  font-size: 3.5rem;
  color: white;
  position: relative;
}
.E-commerce .animation008 .animation008-content .animation008-header > .subtitle .arrow {
  height: 100%;
  position: absolute;
  top: 0;
  right: -50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.E-commerce .animation008 .animation008-content .animation008-header > .subtitle .arrow img {
  width: 100%;
}
.E-commerce .animation008 .animation008-content .animation008-item {
  width: calc(20% - 1rem) !important;
  position: relative;
  border-radius: 60px 4px;
  cursor: initial;
  z-index: 1;
}
.E-commerce .animation008 .animation008-content .animation008-item .click-point {
  position: absolute;
  z-index: 10;
  width: 118px;
  bottom: -145px;
  left: calc(50% - 59px);
}
.E-commerce .animation008 .animation008-content .animation008-item .small-icon {
  position: relative;
  z-index: 2;
  width: 100%;
  border-radius: 0px;
  margin-top: 15px;
  margin-bottom: 5px;
  text-align: center;
}
.E-commerce .animation008 .animation008-content .animation008-item .small-icon img {
  height: 2.8125rem;
}
.E-commerce .animation008 .animation008-content .animation008-item .small-icon.large img {
  height: 4.5rem;
}
.E-commerce .animation008 .animation008-content .animation008-item .animation008-top {
  color: #fff;
  display: flex;
  flex-direction: column;
  height: auto;
  min-height: 5rem;
  align-items: flex-start;
  justify-content: center;
  text-align: left;
  font-family: Helvetica Neue;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0em;
  padding-left: 1rem;
  padding-right: 1rem;
}
.E-commerce .animation008 .animation008-content .animation008-item .animation008-text {
  color: #fff;
  padding: 30px 1rem;
  padding-top: 0;
  min-height: 145px;
  font-size: 1.3rem;
  font-weight: 300;
  line-height: 1.4;
  text-align: left;
  position: relative;
}
.E-commerce .animation008 .animation008-content .animation008-item .animation008-text ul {
  margin-bottom: 0;
  padding-left: 0;
}
.E-commerce .animation008 .animation008-content .animation008-item .animation008-text .animation008-text-content {
  padding: 0;
}
.E-commerce .animation008 .animation008-content .animation008-item .animation008-text .click-point1 {
  width: 40px !important;
  position: absolute;
  bottom: -20%;
  right: 0;
  transform: rotate(315deg);
}
.E-commerce .animation008 .animation008-content .animation008-item .animation008-text .view-more-btn {
  width: 100%;
  display: flex;
  justify-content: center;
  color: #FFFFFF;
  height: auto;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  text-align: left;
}
.E-commerce .animation008 .animation008-content .animation008-item .animation008-text .view-more-btn span {
  padding: 5px 20px;
  background-color: #FF646D;
}
.E-commerce.en .animation008 .animation008-content .animation008-item .animation008-top {
  font-size: 1.3rem;
  line-height: 1.2;
}
.E-commerce.en .animation008 .animation008-content .animation008-item .animation008-text {
  font-size: 1.2rem;
  line-height: 1.2;
}
.animation008-modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: 3rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 5rem;
  padding: 1rem;
  font-size: 2.625rem;
  font-weight: 500;
  border-left: 6px solid #D0B175;
}
.animation008-modal-header .animation008-modal-title {
  font-size: 2.625rem;
  color: unset;
  background-color: unset;
  border-radius: 12px;
  line-height: 1.5;
  font-weight: 400;
  padding: 0.5625rem 1rem;
}
.animation008-modal-header .animation008-modal-link {
  text-align: right;
}
.animation008-modal-header .animation008-modal-link .link-label {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.8375rem;
  letter-spacing: 0em;
  text-align: left;
  margin-right: 2rem;
}
.animation008-modal-header .animation008-modal-link .link-label img {
  margin-top: -0.5rem;
  height: 2.0625rem;
}
.animation008-modal-header .animation008-modal-link .example-link {
  color: #F26927;
  font-family: Helvetica Neue;
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 2.8125rem;
  text-decoration: underline;
}
.animation008-modal .ant-modal-body {
  display: flex;
  justify-content: center;
  position: relative;
  min-height: 456px;
}
.animation008-modal .ant-modal-body video {
  width: 95%;
  height: 100%;
  margin-bottom: 50px;
}
.animation008-modal .ant-modal-body .hide {
  display: none;
}
.animation008-modal .ant-modal-body .next-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.5rem;
  width: 6.5rem;
  right: 0;
  bottom: 0;
}
.animation008-modal .ant-modal-body .prev-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.5rem;
  width: 6.5rem;
  left: 0;
  bottom: 0;
}
@media (max-width: 1024px) {
  .E-commerce .animation008 .animation008-content .animation008-item {
    border-radius: 40px 4px;
  }
}
@media (max-width: 768px) {
  .animation008-modal-header {
    margin-left: 0;
  }
  .E-commerce .animation008 .animation008-content {
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
    grid-gap: 1rem;
    gap: 1rem;
  }
  .E-commerce .animation008 .animation008-content .animation008-item {
    width: calc(33.33333% - 1rem) !important;
    position: relative;
  }
  .E-commerce .animation008 .animation008-content .animation008-item .click-point {
    position: absolute;
    z-index: 10;
    width: 118px;
    bottom: -130px;
    left: 50px;
  }
  .E-commerce .animation008 .animation008-content .animation008-item .small-icon {
    width: 100%;
    text-align: center;
  }
  .E-commerce .animation008 .animation008-content .animation008-item .animation008-top {
    height: 80px;
    line-height: 30px;
    font-size: 20px;
  }
  .E-commerce .animation008 .animation008-content .animation008-item .animation008-text {
    padding: 16px 10px;
  }
  .animation008-modal {
    width: 90% !important;
  }
  .animation008-modal .animation008-modal-header {
    display: flex;
    flex-direction: column;
  }
  .animation008-modal .animation008-modal-header .animation008-modal-title {
    margin-bottom: 10px;
  }
  .animation008-modal .ant-modal-body .next-button img {
    height: 25px;
  }
  .animation008-modal .ant-modal-body .prev-button img {
    height: 25px;
  }
}
@media (max-width: 1024px) {
  .E-commerce .animation008 .animation008-content {
    padding-right: 0;
  }
  .E-commerce .animation008 .animation008-content .animation008-item .animation008-top {
    min-height: 6rem;
  }
  .E-commerce .animation008 .animation008-content .animation008-item .click-point {
    width: 76px;
    bottom: -76px;
    left: calc(50% - 38px);
  }
  .E-commerce .animation008 .animation008-content .animation008-header > .subtitle .arrow {
    right: -100%;
  }
  .E-commerce .animation008 .animation008-content .animation008-item .animation008-text {
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.en.E-commerce .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-text {
    font-size: 1.4rem;
    line-height: 1.5;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.en.E-commerce .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-top {
    font-size: 1.8rem;
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.en.E-commerce .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-text {
    font-size: 1.6rem;
    line-height: 1.3;
    padding-top: 0;
  }
}
@media (max-width: 480px) {
  .E-commerce .animation008 .animation008-content .animation008-item {
    width: calc(50% - 1rem) !important;
    position: relative;
  }
  .E-commerce.en .animation008 .animation008-content .animation008-item .animation008-text {
    padding: 1.5rem;
    padding-top: 0;
  }
  .E-commerce.en .animation008 .animation008-content .animation008-item .animation008-top {
    padding: 1.5rem;
  }
  .E-commerce.en .animation008 .animation008-content .animation008-item .animation008-top {
    font-size: 1.6rem;
  }
  .animation008-modal .animation008-modal-header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .animation008-modal .animation008-modal-header .animation008-modal-title {
    margin-bottom: 0;
  }
  .animation008-modal .ant-modal-body {
    padding-left: 0;
    padding-right: 0;
  }
  .E-commerce .animation008 .animation008-content .animation008-item .animation008-top {
    line-height: 1.2;
    font-size: 1.8rem;
    height: auto;
    padding: 0;
    align-items: center;
    text-align: center;
  }
  .cyber-security-training-page.course-page.en.E-commerce .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-top {
    font-size: 1.5rem;
    line-height: 1.2;
    min-height: 85px;
  }
  .cyber-security-training-page.course-page.en.E-commerce .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-text {
    font-size: 1.4rem;
    line-height: 1.2;
    padding-top: 0;
  }
}

.E-commerce .animation016 {
  padding: 0 9rem;
  margin-right: 3.5rem;
  margin-top: 15rem !important;
  position: relative;
}
.E-commerce .animation016 .animation016-attention {
  width: 18rem;
  height: 18rem;
  position: absolute;
  top: -13rem;
  z-index: 10;
}
.E-commerce .animation016 .animation016-attention img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.E-commerce .animation016 .animation016-attention .animation016-attention-text {
  position: absolute;
  top: 9rem;
  width: 18rem;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  text-align: center;
  font-size: 1.5rem;
  color: white    ;
}
.E-commerce .animation016 .animation016-content {
  display: flex;
  grid-gap: 1rem;
  gap: 1rem;
  justify-content: space-between;
}
.E-commerce .animation016 .animation016-content .animation016-item {
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.E-commerce .animation016 .animation016-content .animation016-item .click-point {
  position: absolute;
  width: 75px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  bottom: -15%;
  right: -25%;
}
.E-commerce .animation016 .animation016-content .animation016-item .animation016-image img {
  width: 100%;
  height: 100%;
}
.E-commerce .animation016 .animation016-content .animation016-item .animation016-header {
  color: #fff;
  display: flex;
  flex-direction: column;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  min-height: 110px;
  align-items: center;
  justify-content: center;
  grid-gap: 12px;
  gap: 12px;
  font-size: 24px;
  line-height: 1.4;
  font-weight: 400;
  padding: 1.25rem;
  text-align: center;
  position: relative;
}
.E-commerce .animation016 .animation016-content .animation016-item .animation016-content {
  height: 4.625rem;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.3125rem;
  text-align: left;
  padding: 1rem;
  background: rgba(234, 75, 108, 0.2);
  border-radius: 5px;
  margin-top: 1rem;
  display: flex;
  align-items: center;
}
.E-commerce .animation016 .animation016-content .animation016-item .animation016-list {
  background: rgba(234, 75, 108, 0.2);
  border-radius: 5px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5rem;
  text-align: left;
  margin-top: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.E-commerce .animation016 .animation016-content .animation016-item .animation016-list ul {
  margin: 0;
}
.E-commerce.en .animation016 .animation016-content .animation016-item .animation016-header {
  line-height: 1.2;
  padding: 1rem;
  min-height: 130px;
}
.E-commerce.en .animation016 .animation016-content .animation016-item .animation016-content {
  height: 8rem;
  line-height: 1.3;
}
.E-commerce.en .animation016 .animation016-content .animation016-item .animation016-list {
  min-height: 178px;
  line-height: 1.3;
  padding-right: 1rem;
}
.E-commerce.en .animation016 .animation016-attention .animation016-attention-text {
  padding: 0 4rem;
}
@media (max-width: 1024px) {
  .E-commerce .animation016 {
    margin-right: 0;
  }
  .E-commerce .animation016 .animation016-content .animation016-item .animation016-header {
    font-size: 1.6rem;
  }
  .E-commerce .animation016 .animation016-content .animation016-item .animation016-content {
    height: 5rem;
    font-size: 1.4rem;
    line-height: 1.2;
  }
  .E-commerce .animation016 .animation016-content .animation016-item .animation016-list {
    font-size: 1.4rem;
    line-height: 1.2;
  }
  .E-commerce .animation016 .animation016-content .animation016-item .animation016-list ul {
    -webkit-padding-start: 2.5rem;
            padding-inline-start: 2.5rem;
  }
  .E-commerce.en .animation016 .animation016-content .animation016-item .animation016-header {
    min-height: 60px;
  }
  .E-commerce.en .animation016 .animation016-content .animation016-item .animation016-content {
    height: 8rem;
  }
  .E-commerce.en .animation016 .animation016-content .animation016-item .animation016-list {
    min-height: 100px;
  }
}
@media (max-width: 768px) {
  .E-commerce .animation016 {
    padding: 0 5rem;
  }
  .E-commerce .animation016 .animation016-content .animation016-item .animation016-header {
    font-size: 1.6rem;
  }
  .E-commerce .animation016 .animation016-content .animation016-item .animation016-content {
    font-size: 1.4rem;
    line-height: 1.2;
  }
  .E-commerce .animation016 .animation016-content .animation016-item .animation016-list {
    font-size: 1.4rem;
    line-height: 1.2;
  }
  .E-commerce.en .animation016 .animation016-content .animation016-item .animation016-header {
    min-height: 80px;
  }
  .E-commerce.en .animation016 .animation016-content .animation016-item .animation016-content {
    height: 8rem;
  }
  .E-commerce.en .animation016 .animation016-content .animation016-item .animation016-list {
    min-height: 100px;
  }
}
@media (max-width: 480px) {
  .E-commerce .animation016 {
    padding: 0 5rem;
  }
  .E-commerce .animation016 .animation016-content {
    display: flex;
    flex-wrap: wrap;
    grid-row-gap: 4rem;
    row-gap: 4rem;
  }
  .E-commerce .animation016 .animation016-content .animation016-item {
    width: 100%  !important;
  }
  .E-commerce .animation016 .animation016-content .animation016-item .animation016-header {
    font-size: 1.6rem;
  }
  .E-commerce .animation016 .animation016-content .animation016-item .animation016-content {
    font-size: 1.4rem;
    line-height: 1.2;
  }
  .E-commerce .animation016 .animation016-content .animation016-item .animation016-list {
    font-size: 1.4rem;
    line-height: 1.2;
  }
  .E-commerce.en .animation016 .animation016-content .animation016-item .animation016-header {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .E-commerce.en .animation016 .animation016-content .animation016-item .animation016-content {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .E-commerce.en .animation016 .animation016-content .animation016-item .animation016-list {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
}

.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation014 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 56px;
  margin-top: 10rem;
  margin-bottom: 10rem !important;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation014 .animation014-item {
  width: 25%;
  display: flex;
  flex-direction: column;
  align-items: self-start;
  justify-content: center;
  position: relative;
  cursor: pointer;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  bottom: -45px;
  right: -45px;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-header {
  margin-bottom: -10%;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation014 .animation014-item.r1 .animation014-header {
  color: #597EF7;
  opacity: 0.7;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation014 .animation014-item.r2 .animation014-header {
  color: #EF878D;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation014 .animation014-item.r3 .animation014-header {
  color: #1AB6B6;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation014 .animation014-item.r4 .animation014-header {
  color: #FF8E57;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-header {
  width: 90%;
  min-height: 55px;
  font-size: 1.4rem;
  line-height: 1.2;
  opacity: 0.7;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-text {
  width: 97%;
  height: 330px;
  background: url(/static/media/a014-long.42f4728d.svg) no-repeat center center;
  background-size: 100%;
  font-style: normal;
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.3;
  color: #121212;
  opacity: 0.7;
  padding: 4rem 1.5rem 2rem 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-header {
  margin-bottom: -13%;
  min-height: 82px;
}
.cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-text {
  max-width: 300px;
  height: 445px;
  background: url(/static/media/a014-longer.c39a3ecd.svg) no-repeat center center;
  background-size: 100%;
  align-items: flex-start;
  font-size: 1.2rem;
  line-height: 1.1;
  padding: 6rem 1rem 3rem 1.5rem;
}
@media (min-width: 1680px) {
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-text {
    width: 300px;
    height: 330px;
  }
}
@media (max-width: 1280px) {
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation014 {
    grid-gap: 1rem;
    gap: 1rem;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation014 .animation014-item {
    width: 240px;
    display: flex;
    flex-direction: column;
    align-items: self-start;
    justify-content: center;
    position: relative;
    cursor: pointer;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-header {
    width: 100%;
    min-height: 48px;
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: -36px;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-text {
    font-size: 16px;
    line-height: 1.4;
    height: 242px;
    padding: 4rem 1rem 2rem 1rem;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-header {
    width: 100%;
    min-height: 72px;
    margin-bottom: -24px;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-text {
    font-size: 18px;
    height: 330px;
    padding: 3.5rem 1rem 2.5rem 1rem;
  }
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation014 {
    padding-right: 0;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-header {
    font-size: 1.6rem;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-text {
    height: 202px;
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-header {
    min-height: 40px;
    margin-bottom: -20px;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-text {
    font-size: 1.6rem;
    line-height: 1.3;
    padding: 5.5rem 1.5rem 3.5rem 1.5rem;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation014 {
    padding-right: 0;
    flex-wrap: wrap;
    grid-gap: 2rem;
    gap: 2rem;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation014 .animation014-item {
    width: calc(50% - 2rem);
    padding: 0 5rem;
    display: flex;
    align-items: center;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-header {
    font-size: 1.6rem;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-text {
    height: 200px;
    font-size: 1.4rem;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation014 .animation014-item {
    width: 100%;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .click-point {
    position: absolute;
    width: 70px;
    transform: rotate(-45deg);
    z-index: 10;
    transition: all 800ms linear 0s;
    bottom: -15px;
    right: -15px;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-text {
    height: 200px;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .animation014 .animation014-item {
    width: 100%;
    align-items: flex-start;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-text {
    align-items: center;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-header {
    width: 100%;
    margin-bottom: -22px;
  }
}

.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation037 {
  margin-right: 3.5rem;
  display: flex;
  flex-direction: row;
  grid-gap: 2rem;
  gap: 2rem;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation037 .animation037-tip {
  width: 25%;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation037 .animation037-tip .tip {
  background-image: url(/static/media/9881.3dcc291c.png);
  background-size: cover;
  height: 42.5rem;
  width: 16.75rem;
  text-align: center;
  padding-top: 140px;
  padding-bottom: 350px;
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  line-height: 1.4;
  font-weight: 500;
  padding-left: 2rem;
  padding-right: 2rem;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation037 .animation037-content {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  flex-direction: column;
  width: 75%;
  height: 750px;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item {
  width: calc(50% - 2rem);
  height: 150px;
  display: flex;
  align-items: center;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item .animation037-indicate-number {
  width: 20%;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item .animation037-indicate-number img {
  width: 100%;
  height: auto;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item .animation037-subcontent {
  width: 80%;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item .animation037-subcontent .animation037-text {
  font-size: 1.5rem;
  line-height: 1.3;
  padding-left: 20px;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item .animation037-subcontent .sub-task-text {
  position: relative;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item .animation037-subcontent .sub-task-text .click-point1 {
  width: 40px !important;
  position: absolute;
  bottom: -50%;
  right: -25%;
  transform: rotate(315deg);
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item .animation037-subcontent .sub-task-text .ant-btn {
  background: #F26927;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 20px;
  cursor: pointer;
  margin-top: 0.5rem;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item .animation037-subcontent .sub-task-text .ant-btn > span {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  color: #FFFFFF;
}
.cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .animation037 .animation037-content {
  height: 810px;
}
.cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item .animation037-indicate-number {
  width: 25%;
}
.cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item .animation037-subcontent .animation037-text {
  font-size: 1.2rem;
  line-height: 1.2;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation037 {
    margin-right: 0;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation037 .animation037-content {
    padding-right: 0 !important;
    grid-gap: 2rem;
    gap: 2rem;
    grid-row-gap: 4rem;
    row-gap: 4rem;
    height: 610px;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item {
    width: calc(50% - 2rem);
    height: unset;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item .animation037-subcontent .animation037-text {
    font-size: 1.5rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation037 .animation037-tip .tip {
    padding-top: 85px;
    padding-bottom: 220px;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .animation037 .animation037-content {
    height: 640px;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item .animation037-subcontent .animation037-text {
    font-size: 1.6rem;
    line-height: 1.2;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation037 {
    margin-top: 10rem;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation037 .animation037-content {
    flex-wrap: wrap;
    width: 100%;
    grid-row-gap: 2rem;
    row-gap: 2rem;
    height: 480px;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item {
    width: calc(50% - 2rem);
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item .animation037-indicate-number {
    width: 30%;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item .animation037-subcontent .animation037-text {
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .animation037 {
    margin-top: 10rem;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .animation037 .animation037-content {
    flex-wrap: wrap;
    flex-direction: column;
    height: auto;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item {
    width: 100%;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item .animation037-indicate-number {
    width: 15%;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item .animation037-subcontent .animation037-text {
    font-size: 1.8rem;
    line-height: 1.3;
  }
}
@media (max-width: 480px) {
  .E-commerce .animation037-modal {
    width: 100% !important;
  }
  .E-commerce .animation037-modal .ant-modal-content .animation037-modal-header {
    margin-left: 0;
  }
  .E-commerce .animation037-modal .ant-modal-content .ant-modal-body .next-button .click-point2 {
    bottom: 0rem;
    transform: rotate(90deg);
  }
  .E-commerce .animation037-modal .ant-modal-content .ant-modal-body .prev-button .click-point1 {
    bottom: 0;
    transform: rotate(270deg);
  }
  .E-commerce .animation037-modal .ant-modal-content .ant-modal-body .content {
    width: 100%;
    margin-top: 2rem;
    font-size: 1.4rem;
  }
  .E-commerce .animation037-modal .ant-modal-content .ant-modal-body .border {
    margin: 0;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation037 {
    margin-top: 0;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation037 .animation037-content {
    flex-wrap: wrap;
    flex-direction: column;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    grid-row-gap: 4rem;
    row-gap: 4rem;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item {
    width: 100%;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item .animation037-subcontent .animation037-text {
    font-size: 1.5rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation037 .animation037-tip {
    display: none;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item .animation037-indicate-number {
    width: 20%;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item .animation037-subcontent .animation037-text {
    font-size: 1.4rem;
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .animation037 .animation037-tip {
    display: none;
  }
}

.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation {
  position: relative;
  margin-bottom: 5rem !important;
  cursor: pointer;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .avater {
  margin-top: 5%;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message {
  width: 45vw;
  height: 10vw;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message .conversation-message-text {
  font-size: 1.6vw;
  line-height: 1.2;
  padding: 1vw 3vw 1vw 11vw;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .avater {
  margin-top: 5%;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message {
  width: 45vw;
  height: 10vw;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message .conversation-message-text {
  font-size: 1.6vw;
  line-height: 1.2;
  padding: 1vw 11vw 1vw 3vw;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 {
  display: flex;
  grid-gap: 3vw;
  grid-gap: 3vw;
  gap: 3vw;
  margin-top: 3rem;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .avater {
  margin-top: 5%;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message {
  position: relative;
  width: 45vw;
  height: 10vw;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-text {
  z-index: 10;
  position: relative;
  height: 100%;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  font-size: 1.6vw;
  line-height: 1.2;
  padding: 1vw 3vw 1vw 11vw;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-bg {
  height: 100%;
  width: 100%;
  position: absolute;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  top: 20rem;
  left: 16rem;
}

.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation {
  position: relative;
  cursor: pointer;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  top: 20rem;
  left: 16rem;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .topic-item .conversation {
    margin-left: -2rem;
    width: calc(100% + 4rem);
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .topic-item .conversation .avater {
    width: 12vw!important;
    height: 12vw!important;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message {
    width: 75vw!important;
    height: 15vw!important;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message-text {
    font-size: 2rem !important;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message-text {
    padding: 1vw 1vw 1vw 15vw!important;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message-text {
    padding: 1vw 16vw 1vw 5vw !important;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message-text {
    font-size: 1.6rem !important;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.E-commerce1600-3-conversation .conversation-line2 .conversation-message {
    height: 20vw!important;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .topic-item .conversation.E-commerce1600-3-conversation .conversation-line2 .conversation-message {
    height: 30vw!important;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.E-commerce1600-3-conversation .conversation-line2 .avater {
    margin-top: 20% !important;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.E-commerce1600-3-conversation .conversation-line2 .conversation-message-text {
    padding: 3vw 18vw 4vw 6vw !important;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message {
    width: 75vw!important;
    height: 25vw!important;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message-text {
    font-size: 1.4rem !important;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.E-commerce1600-3-conversation .conversation-line2 .conversation-message {
    width: 100%;
    height: 50vw!important;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.E-commerce1400-1-conversation .conversation-line2 .avater {
    margin-top: 12% !important;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.E-commerce1400-1-conversation .conversation-line2 .conversation-message {
    width: 100%;
    height: 35vw!important;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.E-commerce930-3-conversation .conversation-line1 .avater {
    margin-top: 15% !important;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.E-commerce930-3-conversation .conversation-line1 .conversation-message {
    width: 100%;
    height: 32vw!important;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message-text {
    padding: 2vw 4vw 2vw 17vw!important;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message-text {
    padding: 1vw 16vw 1vw 5vw !important;
  }
}

.E-commerce .animation011 {
  margin-right: 3.5rem;
  padding-bottom: 0;
  position: relative;
}
.E-commerce .animation011 .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  top: 7.5rem;
  left: 15rem;
}
.E-commerce .animation011 .animation011-content {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  padding-right: 3.5rem;
}
.E-commerce .animation011 .animation011-content .animation011-item {
  margin-bottom: 3rem;
  width: 100%;
  height: 7.5rem;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.E-commerce .animation011 .animation011-content .animation011-item .animation011-indicate-number {
  min-width: 13.125rem;
  height: 5.625rem;
  display: flex;
  border-radius: 15%/60%;
  align-items: center;
  color: #FFFFFF;
}
.E-commerce .animation011 .animation011-content .animation011-item .animation011-indicate-number .animation011-icon {
  height: 7.5rem;
  width: 7.5rem;
  border: 2px solid;
  border-radius: 50%;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.E-commerce .animation011 .animation011-content .animation011-item .animation011-indicate-number .animation011-icon img {
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
}
.E-commerce .animation011 .animation011-content .animation011-item .number {
  width: 3.75rem;
  text-align: right;
  font-family: Helvetica Neue;
  font-size: 2.25rem;
  font-weight: 700;
}
.E-commerce .animation011 .animation011-content .animation011-item .animation011-text {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  padding-left: 20px;
}
@media (max-width: 1024px) {
  .E-commerce .animation011 {
    margin-right: 0;
    margin-top: 0 !important;
  }
  .E-commerce .animation011 .animation011-content {
    padding-right: 0!important;
  }
  .E-commerce .animation011 .animation011-content .animation011-item {
    height: 5.5rem;
    margin-bottom: 1rem;
  }
  .E-commerce .animation011 .animation011-content .animation011-item .animation011-icon {
    height: 5.5rem;
    width: 5.5rem;
  }
  .E-commerce .animation011 .animation011-content .animation011-item .animation011-icon img {
    width: 100%;
    height: auto;
  }
  .E-commerce .animation011 .animation011-content .animation011-item .animation011-text {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
@media (max-width: 768px) {
  .E-commerce .animation011 .animation011-content {
    flex-wrap: wrap;
    grid-row-gap: 3rem;
    row-gap: 3rem;
  }
  .E-commerce .animation011 .animation011-content .animation011-item {
    padding-left: 4rem !important;
    margin-bottom: 0;
  }
  .E-commerce .animation011 .animation011-content .animation011-item .animation011-indicate-number {
    min-width: 11rem;
    height: 3.625rem;
  }
  .E-commerce .animation011 .animation011-content .animation011-item .animation011-indicate-number .number {
    text-align: center;
  }
  .E-commerce .animation011 .animation011-content .animation011-item .animation011-indicate-number .animation011-icon {
    width: 5.5rem;
    height: 5.5rem;
  }
}
@media (max-width: 480px) {
  .E-commerce.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation011 {
    margin-top: 4rem !important;
    margin-bottom: 10rem !important;
  }
  .E-commerce.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation011 .animation011-content {
    width: 100%;
    grid-row-gap: 2rem;
    row-gap: 2rem;
  }
  .E-commerce.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation011 .animation011-content .animation011-item {
    padding-left: 0 !important;
    height: 55px;
  }
  .E-commerce.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation011 .animation011-content .animation011-item .animation011-indicate-number {
    min-width: 9rem;
    height: 55px;
  }
  .E-commerce.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation011 .animation011-content .animation011-item .animation011-indicate-number .number {
    font-size: 1.8rem;
  }
  .E-commerce.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation011 .animation011-content .animation011-item .animation011-icon img {
    width: 55px;
    height: 55px;
  }
  .E-commerce.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation011 .animation011-content .animation011-item .animation011-text {
    font-size: 1.4rem;
    padding-left: 1.2;
  }
}

.E-commerce .component005 {
  margin-top: 5rem;
  position: relative;
}
.E-commerce .component005 .click-point1 {
  position: absolute;
  z-index: 10;
  width: 80px;
  top: 0;
  left: 280px;
  transform: rotate(270deg);
  cursor: pointer;
  z-index: 100;
}
.E-commerce .component005.no-tabs .ant-tabs-nav-list {
  display: none;
}
.E-commerce .component005.no-tabs .click-point1 {
  display: none;
}
.E-commerce .component005 .component005-topic-tab {
  overflow: visible !important;
  margin-right: 3.5rem;
  margin-bottom: 142px;
}
.E-commerce .component005 .component005-topic-tab.tab2 .ant-tabs-tab.ant-tabs-tab-active {
  background-color: #F1F7FF;
}
.E-commerce .component005 .component005-topic-tab.tab2 .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #000 !important;
}
.E-commerce .component005 .component005-topic-tab.tab2 .ant-tabs-tabpane {
  background-color: #F1F7FF;
}
.E-commerce .component005 .component005-topic-tab.tab2 .ant-tabs-tabpane .component005-card-item-title {
  color: #0C53A3 !important;
  border-color: #0C53A3 !important;
}
.E-commerce .component005 .component005-topic-tab.tab2 .ant-tabs-tabpane .component005-card-item-title > div {
  border-color: #0C53A3 !important;
}
.E-commerce .component005 .component005-topic-tab.tab2 .ant-tabs-tabpane .component005-card-item-content {
  background: #0C53A3 !important;
}
.E-commerce .component005 .component005-topic-tab .ant-tabs-tab {
  font-size: 1.3125rem;
  font-weight: 400;
  line-height: 2.8;
  color: #333333;
  background-color: #ECECEC;
  border: none;
  padding-left: 1.375rem;
  padding-right: 1.375rem;
  margin-right: 0.625rem;
}
.E-commerce .component005 .component005-topic-tab .ant-tabs-tab.ant-tabs-tab-active {
  background-color: #FFF3E4;
}
.E-commerce .component005 .component005-topic-tab .ant-tabs-tabpane {
  min-height: 360px;
  background-color: #FFF3E4;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  position: relative;
}
.E-commerce .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 {
  width: 100%;
  height: 255px;
  position: absolute;
  top: -256px;
}
.E-commerce .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip {
  border: 1px solid #000;
  border-radius: 47%;
  position: absolute;
  font-size: 1.75rem;
  padding: 4rem;
  text-align: left;
  max-width: 38rem;
  min-height: 9rem;
  display: flex;
  align-items: center;
  right: 120px;
  margin-right: 20%;
  padding: 3rem;
  bottom: 2rem;
}
.E-commerce .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip .tip-text {
  z-index: 1;
  font-size: 1.2rem;
  line-height: 1.5;
}
.E-commerce .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip .tip-arrow {
  position: absolute;
  top: calc(50% - 15px);
  left: unset;
  right: -107px;
  background: #fff;
  height: 24px;
  width: 128px;
}
.E-commerce .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip .tip-arrow .line1 {
  width: 64px;
  height: 1px;
  background: #000;
  transform: rotate(12deg);
  position: absolute;
  top: 5px;
  right: 46px;
}
.E-commerce .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip .tip-arrow .line2 {
  width: 61px;
  height: 1px;
  background: #000;
  transform: rotate(-12deg);
  position: absolute;
  bottom: 5px;
  right: 46px;
}
.E-commerce .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 img {
  max-width: 40vw;
  position: relative;
  z-index: 10;
  left: 73%;
}
.E-commerce .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list {
  margin: 2.5rem;
  display: flex;
  grid-gap: 0.625rem;
  gap: 0.625rem;
  justify-content: space-between;
  flex-wrap: wrap;
}
.E-commerce .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item {
  width: calc(20% - 0.625rem) !important;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.4;
  color: #fff;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-left: 6px;
  padding-right: 6px;
  position: relative;
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.E-commerce .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-title {
  color: #2774CF;
  border: 2px solid rgba(39, 116, 207, 0.6);
  border-radius: 10px;
  padding: 1.75rem 1.25rem 0.75rem;
  width: 100%;
  font-size: 1.3rem;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 1.125rem;
}
.E-commerce .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-title > div {
  display: flex;
  align-items: center;
  height: 4.375rem;
  padding-bottom: 1rem;
  border-bottom: 2.25px solid rgba(39, 116, 207, 0.6);
}
.E-commerce .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content {
  background: #2774CF;
  border-radius: 10px;
  padding: 1.25rem;
  min-height: 245px;
  align-items: center;
  flex-direction: column;
  display: flex;
}
.E-commerce .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content .text {
  height: 100%;
}
.E-commerce .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content .img {
  width: 109px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.E-commerce .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content .img img {
  width: auto;
  height: 55px;
}
.E-commerce .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .clickable {
  border-radius: 10px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #999;
  display: flex;
  cursor: pointer;
}
.E-commerce .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .clickable .click-point {
  width: 7rem;
  position: absolute;
  bottom: -2rem;
  left: calc(50% - 3.5rem);
}
.E-commerce .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .clickable .clickable-label {
  width: 100%;
  text-align: center;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.E-commerce.en .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content {
  min-height: 275px;
}
.E-commerce.en .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-title {
  font-size: 1.2rem;
  line-height: 1.1;
}
.E-commerce.en .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-title > div {
  height: 6rem;
}
@media (max-width: 1024px) {
  .E-commerce .component005 .component005-topic-tab .ant-tabs-tabpane {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .E-commerce.en .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content {
    min-height: unset;
    font-size: 1.4rem;
    line-height: 1.1;
  }
  .E-commerce.en .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-title {
    font-size: 1.5rem;
    line-height: 1.1;
  }
  .E-commerce.en .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-title > div {
    height: 6rem;
  }
  .E-commerce .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 img {
    left: 65%;
  }
  .E-commerce .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content {
    height: 100%;
  }
  .E-commerce .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003.position-right .component003-tip {
    margin-right: 35%;
  }
  .E-commerce .component005 .click-point1 {
    width: 60px;
    left: 180px;
  }
  .E-commerce .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content .img img {
    width: auto;
    height: 50%;
  }
}
@media (max-width: 768px) {
  .E-commerce .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 img {
    left: 55%;
    bottom: 0;
    height: 200px;
  }
  .E-commerce .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 {
    top: -200px;
  }
  .E-commerce .component005 .component005-topic-tab {
    width: 100%;
  }
  .E-commerce .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003 .component003-tip .tip-text {
    font-size: 1rem;
  }
  .E-commerce .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 1rem;
    gap: 1rem;
    justify-content: flex-start;
  }
  .E-commerce .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item {
    width: calc(33% - 0.6rem) !important;
    font-size: 1.4rem;
    padding: 0;
  }
  .E-commerce .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-title {
    font-size: 1.5rem;
    line-height: 1.2;
  }
  .E-commerce .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content {
    width: 100%;
    min-height: 10rem;
  }
  .E-commerce .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content .img img {
    width: auto;
    height: 75%;
  }
  .E-commerce .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip .tip-text {
    font-size: 1rem;
    line-height: 1.1rem;
  }
}
@media (max-width: 480px) {
  .E-commerce .component005 .component005-topic-tab {
    width: 97%;
  }
  .E-commerce .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003 .component003-tip .tip-text {
    font-size: 0.5rem;
  }
  .E-commerce .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .E-commerce .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item {
    width: 100% !important;
  }
  .E-commerce .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content {
    width: 100%;
  }
  .E-commerce .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-title {
    width: 100%;
  }
  .E-commerce .component005 .click-point1 {
    width: 30px;
    left: 170px;
    top: 10px;
  }
  .E-commerce .component005-component003 .component003-tip {
    width: 160px;
    left: 0;
    top: -7%;
    padding: 2rem !important;
  }
  .E-commerce.en .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content {
    font-size: 1.5rem;
    line-height: 1.3;
    padding: 2rem 1.25rem;
  }
  .E-commerce.en .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-title {
    font-size: 1.6rem;
    line-height: 1.1;
  }
  .E-commerce.en .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-title > div {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .E-commerce .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip .tip-text {
    line-height: 1.3rem;
  }
  .E-commerce .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 img {
    height: 130px;
  }
  .E-commerce .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 {
    top: -130px;
    height: 130px;
  }
}
.E-commerce .component005 .component005-topic-tab .ant-tabs-nav {
  z-index: 10;
}

.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation024 .animation024-content {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: 635px;
  grid-gap: 2rem;
  gap: 2rem;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item {
  margin-bottom: 3rem;
  width: calc(50% - 2rem);
  height: 20%;
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 100;
  transition: all 800ms linear 0s;
  bottom: -80px;
  right: -80px;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .sub-task-text {
  position: relative;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .sub-task-text .click-point1 {
  width: 40px !important;
  position: absolute;
  bottom: -50%;
  right: -25%;
  transform: rotate(315deg);
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .sub-task-text .ant-btn {
  background: #F26927;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 20px;
  cursor: pointer;
  margin-top: 0.5rem;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .sub-task-text .ant-btn > span {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  color: #FFFFFF;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .animation024-text {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  padding-left: 20px;
}
.E-commerce .animation024-modal .ant-modal-content .animation024-modal-header {
  margin: 4rem;
  margin-bottom: 1rem;
  margin-top: 1rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 4rem;
  padding: 1rem;
  font-size: 2.625rem;
  font-weight: 500;
  border-left: 4px solid #D0B175;
  display: flex;
  align-items: center;
  justify-content: center;
}
.E-commerce .animation024-modal .ant-modal-content .ant-modal-body .next-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.8rem;
  width: 4.8rem;
  right: 0;
  bottom: 0;
  padding: 0;
}
.E-commerce .animation024-modal .ant-modal-content .ant-modal-body .next-button .arrow {
  margin: 0 auto;
}
.E-commerce .animation024-modal .ant-modal-content .ant-modal-body .next-button .click-point2 {
  position: absolute;
  bottom: 5rem;
  right: 5rem;
  width: 5rem;
  height: 5rem;
  transform: rotate(135deg);
}
.E-commerce .animation024-modal .ant-modal-content .ant-modal-body .prev-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.8rem;
  width: 4.8rem;
  left: 0;
  bottom: 0;
  padding: 0;
}
.E-commerce .animation024-modal .ant-modal-content .ant-modal-body .prev-button .arrow {
  margin: 0 auto;
}
.E-commerce .animation024-modal .ant-modal-content .ant-modal-body .prev-button .click-point1 {
  position: absolute;
  bottom: 5rem;
  left: 5rem;
  width: 5rem;
  height: 5rem;
  transform: rotate(225deg);
}
.E-commerce .animation024-modal .ant-modal-content .ant-modal-body .hide {
  display: none;
}
.E-commerce .animation024-modal .ant-modal-content .ant-modal-body .border {
  margin-left: 12rem;
  margin-right: 12rem;
  margin-top: 0;
  margin-bottom: 1rem;
}
.E-commerce .animation024-modal .ant-modal-content .ant-modal-body .border img {
  width: 100%;
}
.E-commerce .animation024-modal .ant-modal-content .ant-modal-body .content {
  width: 37.5rem;
  margin-left: 12rem;
  margin-right: 12rem;
  margin-top: 0;
  margin-bottom: 5rem;
  background: rgba(234, 75, 108, 0.2);
  border-radius: 5px;
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: 400;
  padding: 1.5rem;
  text-align: left;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .animation024-text {
    font-size: 1.8rem;
    line-height: 1.5;
  }
  .E-commerce .animation024 .animation024-content {
    padding-right: 0 !important;
  }
  .E-commerce .animation024 .animation024-content .animation024-item {
    height: 5.5rem;
    margin-bottom: 1rem;
  }
  .E-commerce .animation024 .animation024-content .animation024-item .animation024-indicate-number .animation024-icon {
    width: 5.5rem;
    height: 5.5rem;
  }
  .E-commerce .animation024 .animation024-content .animation024-item .animation024-indicate-number .number {
    text-align: center;
  }
  .E-commerce .animation024 .animation024-content .animation024-item .animation024-indicate-number .animation024-icon img {
    max-width: 50% !important;
    max-height: 50% !important;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .animation024-text {
    font-size: 1.4rem;
    line-height: 1.3;
  }
  .E-commerce .animation024 {
    padding-bottom: 0 !important;
  }
  .E-commerce .animation024 .animation024-content {
    flex-wrap: wrap;
  }
  .E-commerce .animation024 .animation024-content .animation024-item {
    padding-left: 0 !important;
  }
  .E-commerce .animation024 .animation024-content .animation024-item .animation024-indicate-number {
    min-width: 11rem;
    height: 14.625rem;
    display: flex;
    align-items: center;
  }
  .E-commerce .animation024 .animation024-content .animation024-item .animation024-indicate-number img {
    width: 100%;
    height: auto;
  }
  .E-commerce .animation024 .animation024-content .animation024-item .animation024-indicate-number .number {
    text-align: center;
  }
  .E-commerce .animation024 .animation024-content .animation024-item .animation024-indicate-number .animation024-icon {
    width: 5.5rem;
    height: 5.5rem;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation024 {
    margin-top: 5rem !important;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .animation024-text {
    font-size: 2rem;
    line-height: 1.3;
  }
  .E-commerce .animation024-modal {
    width: 100% !important;
  }
  .E-commerce .animation024-modal .ant-modal-content .animation024-modal-header {
    margin-left: 0;
  }
  .E-commerce .animation024-modal .ant-modal-content .ant-modal-body .next-button .click-point2 {
    bottom: 0rem;
    transform: rotate(90deg);
  }
  .E-commerce .animation024-modal .ant-modal-content .ant-modal-body .prev-button .click-point1 {
    bottom: 0;
    transform: rotate(270deg);
  }
  .E-commerce .animation024-modal .ant-modal-content .ant-modal-body .content {
    width: 100%;
    margin-top: 2rem;
    font-size: 1.4rem;
  }
  .E-commerce .animation024-modal .ant-modal-content .ant-modal-body .border {
    margin: 0;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation024 {
    margin-right: 0;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation024 .animation024-content {
    width: 100%;
    grid-row-gap: 3rem;
    row-gap: 3rem;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item {
    padding-left: 0 !important;
    height: 4rem;
    width: 100%;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .animation024-indicate-number {
    justify-content: center;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .animation024-indicate-number img {
    width: 8rem;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .animation024-indicate-number .number {
    font-size: 1.8rem;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .animation024-indicate-number .animation024-icon {
    width: 4rem;
    height: 4rem;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .animation024-indicate-number .animation024-icon img {
    max-width: 35%;
    max-height: 35%;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .animation024-text {
    font-size: 1.4rem;
    padding-left: 15px;
    padding-right: 15px;
  }
}

.E-commerce .animation028 {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 1.5rem;
  gap: 1.5rem;
  margin-right: 2rem;
  padding-right: 3.5rem;
}
.E-commerce .animation028 .animation028-contaner {
  display: flex;
  grid-gap: 1rem;
  gap: 1rem;
  justify-content: space-between;
  width: calc(20% - 1.5rem);
}
.E-commerce .animation028 .animation028-contaner .animation028-item {
  width: 270px;
  position: relative;
}
.E-commerce .animation028 .animation028-contaner .animation028-item .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 100;
  transition: all 800ms linear 0s;
  bottom: 50%;
  right: -80px;
}
.E-commerce .animation028 .animation028-contaner .animation028-item.r2,
.E-commerce .animation028 .animation028-contaner .animation028-item.r4 {
  margin-top: 280px;
}
.E-commerce .animation028 .animation028-contaner .animation028-item.r1 .text,
.E-commerce .animation028 .animation028-contaner .animation028-item.r3 .text,
.E-commerce .animation028 .animation028-contaner .animation028-item.r5 .text {
  top: 0;
  bottom: unset;
  height: 313px;
}
.E-commerce .animation028 .animation028-contaner .animation028-item .animation028-bgImg {
  width: 270px;
}
.E-commerce .animation028 .animation028-contaner .animation028-item .text {
  display: flex;
  align-items: center;
  text-align: center;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  padding: 3rem;
  font-size: 1.3rem;
  line-height: 1.3;
}
.E-commerce.en .animation028 {
  padding-right: 7.5rem;
}
.E-commerce.en .animation028 .animation028-contaner .animation028-item {
  width: 320px;
}
.E-commerce.en .animation028 .animation028-contaner .animation028-item.r2,
.E-commerce.en .animation028 .animation028-contaner .animation028-item.r4 {
  margin-top: 371px;
}
.E-commerce.en .animation028 .animation028-contaner .animation028-item .animation028-bgImg {
  width: 320px;
}
.E-commerce.en .animation028 .animation028-contaner .animation028-item .text {
  font-size: 1.2rem;
  line-height: 1.2;
  height: 371px;
}
@media (max-width: 1024px) {
  .E-commerce .animation028 {
    grid-gap: 0;
    gap: 0;
    padding-right: 0;
  }
  .E-commerce .animation028 .animation028-contaner .animation028-item.r1 .text,
  .E-commerce .animation028 .animation028-contaner .animation028-item.r3 .text,
  .E-commerce .animation028 .animation028-contaner .animation028-item.r5 .text {
    height: 278px;
  }
  .E-commerce .animation028 .animation028-contaner .animation028-item .animation028-bgImg {
    width: 240px;
  }
  .E-commerce .animation028 .animation028-contaner .animation028-item .text {
    font-size: 1.6rem;
    line-height: 1.4;
    padding: 5rem;
    height: 278px;
  }
  .E-commerce.en .animation028 {
    grid-gap: 0;
    gap: 0;
    padding-right: 2rem;
  }
  .E-commerce.en .animation028 .animation028-contaner .animation028-item.r2,
  .E-commerce.en .animation028 .animation028-contaner .animation028-item.r4 {
    margin-top: 278px;
  }
  .E-commerce.en .animation028 .animation028-contaner .animation028-item.r1 .text,
  .E-commerce.en .animation028 .animation028-contaner .animation028-item.r3 .text,
  .E-commerce.en .animation028 .animation028-contaner .animation028-item.r5 .text {
    height: 278px;
  }
  .E-commerce.en .animation028 .animation028-contaner .animation028-item .animation028-bgImg {
    width: 240px;
  }
  .E-commerce.en .animation028 .animation028-contaner .animation028-item .text {
    font-size: 1.4rem;
    line-height: 1.2;
    padding: 5rem;
    height: 278px;
  }
}
@media (max-width: 768px) {
  .E-commerce .animation028 {
    grid-gap: 1rem;
    gap: 1rem;
  }
  .E-commerce .animation028 .animation028-contaner {
    width: calc(33.33% - 1rem);
  }
  .E-commerce .animation028 .animation028-contaner .animation028-item {
    width: 100%;
  }
  .E-commerce .animation028 .animation028-contaner .animation028-item .click-point {
    position: absolute;
    width: 85px;
    transform: rotate(-45deg);
    z-index: 100;
    transition: all 800ms linear 0s;
    bottom: 0%;
    right: -80px;
  }
  .E-commerce .animation028 .animation028-contaner .animation028-item.r2 .text {
    height: 262px;
  }
  .E-commerce .animation028 .animation028-contaner .animation028-item.r1 .text,
  .E-commerce .animation028 .animation028-contaner .animation028-item.r3 .text,
  .E-commerce .animation028 .animation028-contaner .animation028-item.r5 .text {
    height: 253px;
  }
  .E-commerce .animation028 .animation028-contaner .animation028-item .animation028-bgImg {
    width: 100%;
  }
  .E-commerce .animation028 .animation028-contaner .animation028-item .text {
    padding: 3rem 4.5rem;
    height: 253px;
  }
  .E-commerce.en .animation028 {
    grid-gap: 1rem;
    gap: 1rem;
    padding-right: 0;
  }
  .E-commerce.en .animation028 .animation028-contaner .animation028-item.r2 .text {
    height: 278px;
  }
  .E-commerce.en .animation028 .animation028-contaner .animation028-item .text {
    font-size: 1.5rem;
    line-height: 1.1;
    padding: 3rem 4.5rem;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation028 {
    grid-gap: 0;
    gap: 0;
    margin-right: 0;
    justify-content: center;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation028 .animation028-contaner {
    width: 60%;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation028 .animation028-contaner .animation028-item .text {
    font-size: 1.4rem;
    height: 233px;
    padding: 2.5rem;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .animation028 {
    justify-content: center;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .animation028 .animation028-contaner {
    width: 65%;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .animation028 .animation028-contaner .animation028-item .text {
    font-size: 1.5rem;
    height: 278px;
    padding: 4.5rem;
  }
}

.E-commerce .animation006 {
  width: 1024px;
  display: flex;
  position: relative;
  margin: auto;
  margin-bottom: 10rem;
}
.E-commerce .animation006 .click-point {
  position: absolute;
  width: 100px;
  bottom: 0;
  left: 50%;
  z-index: 99;
  transform: rotate(315deg);
}
.E-commerce .animation006 .animation006-bg {
  position: relative;
  margin: auto;
  width: 1024px;
  height: 582px;
  background-image: url(/static/media/social-media-bg.f452d92d.png);
  background-size: 100% 100%;
}
.E-commerce .animation006 .animation006-gif {
  position: absolute;
  margin: auto;
  width: 270px;
  z-index: 10;
  bottom: -10px;
  left: calc(50% - 135px);
}
.E-commerce .animation006 .animation006-radius {
  position: absolute;
  margin: auto;
  width: 270px;
  height: 270px;
  border-radius: 50%;
  background-color: #F26927;
  font-size: 28px;
  font-weight: 300;
  text-align: center;
  word-wrap: break-word;
  color: #FFFFFF;
  z-index: 10;
  bottom: 0;
  left: calc(50% - 135px);
  display: flex;
  justify-content: center;
  align-items: center;
}
.E-commerce .animation006 .animation006-panel {
  font-size: 16px;
  position: absolute;
  border-radius: 23px;
  box-shadow: 0px 2.38095px 28.5713px rgba(0, 0, 0, 0.08);
  background-color: #fff;
  text-align: center;
}
.E-commerce .animation006 .animation006-panel.s1 {
  left: 9px;
  bottom: 112px;
}
.E-commerce .animation006 .animation006-panel.s2 {
  left: 60px;
  bottom: 270px;
}
.E-commerce .animation006 .animation006-panel.s3 {
  left: 380px;
  bottom: 428px;
}
.E-commerce .animation006 .animation006-panel.s4 {
  right: 60px;
  bottom: 270px;
}
.E-commerce .animation006 .animation006-panel.s5 {
  right: 9px;
  bottom: 112px;
}
.E-commerce .animation006 .animation006-panel .animation006-content {
  padding: 31px 22px;
  display: flex;
  flex-direction: column;
  font-size: 21px;
  font-weight: 400;
  line-height: 27px;
  align-items: center;
  justify-content: center;
  height: 116px;
  width: 275px;
  position: relative;
}
.E-commerce .animation006 .animation006-panel .animation006-content .view-more .view-more-btn {
  font-size: 21px;
  font-weight: 400;
  opacity: 1 !important;
  height: auto;
  position: relative;
}
.E-commerce .animation006 .animation006-panel .animation006-content .view-more .view-more-btn .click-point1 {
  width: 40px;
  cursor: pointer;
  transform: rotate(270deg);
  position: absolute;
  bottom: 0;
  left: 90%;
}
.E-commerce .animation006 .animation006-panel .animation006-content .indicator {
  position: absolute;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  background: #E7444E;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 19px;
  font-weight: 400;
  line-height: 25px;
  left: -16px;
  top: -16px;
}
.animation006-modal-header {
  display: flex;
  justify-content: space-between;
  padding-right: 35px;
}
.animation006-modal-header .animation006-modal-title {
  border-left: 4px solid #A3D4CA;
  padding: 1rem;
  font-size: 2rem;
  color: unset;
  background-color: unset;
  border-radius: unset;
  line-height: unset;
  font-weight: unset;
}
.animation006-modal-header .animation006-modal-link {
  max-width: 50%;
  font-size: 1.125rem;
  color: #fff;
  background-color: #E7444E;
  border-radius: 12px;
  line-height: 1.6;
  font-weight: 700;
  padding: 0.5625rem 1rem;
  margin-left: 20px;
}
.animation006-modal-header .animation006-modal-link a {
  color: white;
  text-decoration: underline;
}
.animation006-modal .ant-modal-body {
  display: flex;
  justify-content: center;
  position: relative;
  min-height: 456px;
}
.animation006-modal .ant-modal-body img {
  width: 100%;
  height: 100%;
  margin-bottom: 50px;
}
.animation006-modal .ant-modal-body .hide {
  display: none;
}
.animation006-modal .ant-modal-body .next-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 3.8rem;
  width: 4.8rem;
  right: 0;
  bottom: 0;
}
.animation006-modal .ant-modal-body .prev-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 3.8rem;
  width: 4.8rem;
  left: 0;
  bottom: 0;
}
@media (max-width: 1024px) {
  .animation006-modal {
    width: 100%;
    height: 100%;
  }
  .animation006-modal .ant-modal-body {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    position: relative;
    min-height: 456px;
  }
  .animation006-modal .ant-modal-body .hide {
    display: none;
  }
  .animation006-modal .ant-modal-body .next-button {
    position: absolute;
    background: #FFC53D;
    border-radius: 0px;
    height: 4.5rem;
    width: 4.5rem;
    right: 0;
    bottom: 0;
  }
  .animation006-modal .ant-modal-body .prev-button {
    position: absolute;
    background: #FFC53D;
    border-radius: 0px;
    height: 4.5rem;
    width: 4.5rem;
    left: 0;
    bottom: 0;
  }
  .animation006-modal .ant-modal-body img {
    width: 100%;
    height: 100%;
  }
  .E-commerce .animation006 {
    width: 100%;
    display: flex;
    position: relative;
    margin: auto;
    margin-bottom: 6.25rem;
  }
  .E-commerce .animation006 .animation006-radius {
    width: 25vw;
    height: 25vw;
    font-size: 2.4rem;
    padding: 2rem;
    left: calc(50% - 12.5vw);
  }
  .E-commerce .animation006 .animation006-bg {
    width: calc(100vw - 4rem);
    height: calc((100vw - 4rem) * 595 / 1024);
  }
  .E-commerce .animation006 .animation006-gif {
    width: 26%;
    left: 37%;
  }
  .E-commerce .animation006 .animation006-panel {
    border-radius: 1.5rem;
  }
  .E-commerce .animation006 .animation006-panel .animation006-content {
    width: 26vw;
    height: 10vw;
    min-height: 7rem;
    padding: 1.5rem 1rem;
    font-size: 1.8rem;
  }
  .E-commerce .animation006 .animation006-panel .animation006-content .indicator {
    font-size: 1.2rem;
    width: 2.5rem;
    height: 2.5rem;
    left: -1rem;
    top: -1rem;
  }
  .E-commerce .animation006 .animation006-panel.s1 {
    left: 2vw;
    bottom: 5vw;
  }
  .E-commerce .animation006 .animation006-panel.s2 {
    left: 5vw;
    bottom: 23vw;
  }
  .E-commerce .animation006 .animation006-panel.s3 {
    left: 36vw;
    bottom: 40vw;
  }
  .E-commerce .animation006 .animation006-panel.s4 {
    right: 5vw;
    bottom: 23vw;
  }
  .E-commerce .animation006 .animation006-panel.s5 {
    right: 2vw;
    bottom: 5vw;
  }
  .E-commerce.en .animation006 .animation006-panel.s1 {
    left: 2vw;
    bottom: 2vw;
  }
  .animation006 .animation006-panel .animation006-content .view-more-btn {
    font-size: 1.5rem !important;
  }
  .animation006 .animation006-panel .animation006-content .click-point1 {
    width: 30px !important;
  }
}
@media (max-width: 768px) {
  .E-commerce .animation006 .animation006-panel .animation006-content .view-more-btn {
    font-size: 1.5rem;
    height: auto;
    padding: 0 !important;
  }
  .E-commerce .animation006 .animation006-radius {
    font-size: 1.5rem;
  }
  .E-commerce .animation006 {
    margin-top: 5rem;
  }
  .E-commerce .animation006 .animation006-panel .animation006-content {
    font-size: 1.2rem;
    line-height: 1.4;
    width: 25vw;
    padding: 0.5rem 0.5rem;
  }
  .E-commerce .animation006 .animation006-panel .animation006-content .view-more .view-more-btn {
    font-size: 10px !important;
  }
  .E-commerce .animation006 .animation006-panel .animation006-content .view-more .view-more-btn .click-point1 {
    bottom: -10%;
    left: 100%;
  }
  .E-commerce .animation006 .animation006-panel .animation006-content .indicator {
    font-size: 1rem;
    width: 2rem;
    height: 2rem;
    left: -1rem;
    top: -1rem;
  }
  .E-commerce .animation006 .animation006-panel .animation006-content .view-more-btn {
    font-size: 12px;
  }
  .E-commerce .animation006 .animation006-panel .animation006-content .click-point1 {
    width: 20px !important;
  }
}
@media (max-width: 480px) {
  .E-commerce .animation006 {
    margin-bottom: 10rem;
  }
  .E-commerce .animation006 .animation006-panel .animation006-content .view-more-btn {
    font-size: 10px;
  }
  .E-commerce .animation006 .animation006-panel .animation006-content .click-point1 {
    width: 20px !important;
  }
  .E-commerce .animation006 .animation006-radius {
    font-size: 1.4rem;
    padding: 1rem;
  }
  .E-commerce .animation006 .animation006-panel .animation006-content {
    padding: 0.5rem;
    line-height: 16px;
    min-height: 5rem;
    width: 27vw;
  }
  .E-commerce .animation006 .animation006-panel .animation006-content .view-more {
    margin-left: 0px;
  }
  .E-commerce .animation006 .animation006-panel .animation006-content .view-more .view-more-btn {
    font-size: 8px;
    border: 0;
  }
  .E-commerce .animation006 .animation006-panel .animation006-content .view-more img {
    width: 20px !important;
  }
  .E-commerce .animation006 .animation006-panel.s3 {
    left: 32vw;
    bottom: 40vw;
  }
  .animation006-modal {
    width: 100% !important;
  }
  .animation006-modal .animation006-modal-header .animation006-modal-title {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .animation006-modal .ant-modal-body {
    display: flex;
    justify-content: center;
    position: relative;
    min-height: 300px;
  }
  .animation006-modal .ant-modal-body img {
    width: 100%;
    height: 100%;
    margin-bottom: 50px;
  }
  .animation006-modal .ant-modal-body .hide {
    display: none;
  }
  .animation006-modal .ant-modal-body .next-button {
    position: absolute;
    background: #FFC53D;
    border-radius: 0px;
    height: 3.8rem;
    width: 4.8rem;
    right: 0;
    bottom: 0;
  }
  .animation006-modal .ant-modal-body .prev-button {
    position: absolute;
    background: #FFC53D;
    border-radius: 0px;
    height: 3.8rem;
    width: 4.8rem;
    left: 0;
    bottom: 0;
  }
  .E-commerce.en .animation006 .animation006-panel .animation006-content {
    line-height: 1;
    min-height: 7rem;
    width: 26vw;
  }
  .E-commerce.en .animation006 .animation006-panel.s1 {
    left: 0vw;
    bottom: 3vw;
  }
  .E-commerce.en .animation006 .animation006-panel.s2 {
    left: 2vw;
    bottom: 26vw;
  }
  .E-commerce.en .animation006 .animation006-panel.s3 {
    left: 32vw;
    bottom: 38vw;
  }
  .E-commerce.en .animation006 .animation006-panel.s4 {
    right: 0vw;
    bottom: 26vw;
  }
  .E-commerce.en .animation006 .animation006-panel.s5 {
    right: 0vw;
    bottom: 3vw;
  }
}

.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation025 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 56px;
  position: relative;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation025 .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  bottom: -50px;
  left: 18%;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation025 .animation025-item {
  width: 25%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-color-div {
  height: 10px;
  width: 70%;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-gray-div {
  height: 13px;
  width: 80%;
  background-color: #f5f5f5;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-title {
  color: #ffffff;
  width: 95%;
  font-size: 1.75rem;
  line-height: 1.2;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  min-height: 100px;
  display: flex;
  padding: 1rem;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-text {
  width: 80%;
  height: 200px;
  background-size: 100%;
  font-style: normal;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.5;
  color: #121212;
  padding: 1rem 1.5rem 0 1.5rem;
  display: flex;
  justify-content: center;
  cursor: pointer;
  background-color: #f5f5f5;
}
.cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-title {
  font-size: 1.5rem;
  line-height: 1.2;
  min-height: 90px;
}
.cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-text {
  height: 235px;
  font-size: 1.3rem;
  line-height: 1.2;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation025 {
    flex-wrap: wrap;
    padding: 0;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-text {
    height: auto;
    min-height: 130px;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-text {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    min-height: 130px;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation025 .animation025-item {
    width: 50%;
    margin-bottom: 2rem;
    position: relative;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .click-point {
    position: absolute;
    width: 100px;
    transform: rotate(-45deg);
    z-index: 10;
    transition: all 800ms linear 0s;
    bottom: -50px;
    left: unset;
    right: 0;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-text {
    min-height: 110px;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-title {
    font-size: 1.8rem;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-text {
    font-size: 1.5rem;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation025 {
    grid-row-gap: 2rem;
    row-gap: 2rem;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .click-point {
    width: 50px;
    bottom: -25px;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-title {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-text {
    min-height: 130px;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .animation025 .animation025-item {
    width: 100%;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-title {
    font-size: 2rem;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-text {
    font-size: 1.6rem;
  }
}

.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation026 {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 1040px;
  margin: auto;
  position: relative;
  margin-top: 3.5rem;
  margin-bottom: 10rem !important;
  padding-right: 3.5rem;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation026 .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation026 .animation026-item {
  width: calc(33.33% - 1rem);
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 2rem;
  cursor: pointer;
  position: relative;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  bottom: -50px;
  right: -50px;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div {
  position: relative;
  height: 250px;
  width: 250px;
  border-radius: 10%;
  padding: 1rem 1rem 1rem 1.5rem;
  border: 2px solid white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  grid-gap: 0.5rem;
  gap: 0.5rem;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div .animation026-triangle-div {
  position: absolute;
  left: 200px;
  top: 80px;
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-left: 20px solid white;
  z-index: 3;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div .animation026-triangle-div .animation026-triangle-inner-div {
  position: relative;
  top: -18px;
  left: -24px;
  width: 0;
  height: 0;
  border: 18px solid transparent;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div .animation026-text {
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  font-size: 1.6rem;
  line-height: 1.5;
  color: white;
  text-align: center;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div .animation026-text .sub-task-text {
  width: 100%;
  height: auto;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div .animation026-text .sub-task-text button {
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  position: relative;
  color: white;
  font-size: 1.6rem !important;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div .animation026-text .sub-task-text button .click-point1 {
  position: absolute;
  width: 30px;
  bottom: 0;
  right: 0;
  transform: rotate(315deg);
}
.cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div .animation026-text {
  font-size: 1.6rem;
  line-height: 1.3;
}
.cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div .animation026-text .sub-task-text button {
  font-size: 1.3rem !important;
}
.cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div .animation026-text .sub-task-text button .click-point1 {
  bottom: -10px;
}
.animation026-modal-E-commerce .ant-modal-content .animation026-modal-header {
  margin: 4rem;
  margin-bottom: 1rem;
  margin-top: 1rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 4rem;
  padding: 1rem;
  font-size: 2.625rem;
  font-weight: 500;
  border-left: 4px solid #5384CC;
  display: flex;
  align-items: center;
  justify-content: center;
}
.animation026-modal-E-commerce .ant-modal-content .ant-modal-body .next-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.8rem;
  width: 4.8rem;
  right: 0;
  bottom: 0;
  padding: 0;
}
.animation026-modal-E-commerce .ant-modal-content .ant-modal-body .next-button .click-point2 {
  position: absolute;
  bottom: 5rem;
  right: 5rem;
  width: 5rem;
  height: 5rem;
  transform: rotate(135deg);
}
.animation026-modal-E-commerce .ant-modal-content .ant-modal-body .next-button .arrow {
  margin: 0 auto;
}
.animation026-modal-E-commerce .ant-modal-content .ant-modal-body .prev-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.8rem;
  width: 4.8rem;
  left: 0;
  bottom: 0;
  padding: 0;
}
.animation026-modal-E-commerce .ant-modal-content .ant-modal-body .prev-button .click-point1 {
  position: absolute;
  bottom: 5rem;
  left: 5rem;
  width: 5rem;
  height: 5rem;
  transform: rotate(225deg);
}
.animation026-modal-E-commerce .ant-modal-content .ant-modal-body .prev-button .arrow {
  margin: 0 auto;
}
.animation026-modal-E-commerce .ant-modal-content .ant-modal-body .hide {
  display: none;
}
.animation026-modal-E-commerce .ant-modal-content .ant-modal-body .border {
  margin-left: 12rem;
  margin-right: 12rem;
  margin-top: 0;
  margin-bottom: 1rem;
}
.animation026-modal-E-commerce .ant-modal-content .ant-modal-body .border img {
  width: 100%;
}
.animation026-modal-E-commerce .ant-modal-content .ant-modal-body .content {
  width: 37.5rem;
  margin-left: 12rem;
  margin-right: 12rem;
  margin-top: 0;
  margin-bottom: 5rem;
  background: rgba(234, 75, 108, 0.2);
  border-radius: 5px;
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: 400;
  padding: 1.5rem;
  text-align: center;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation026 {
    width: 100%;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation026 .animation026-item {
    width: calc(33.33% - 1rem);
    align-items: center;
    min-width: unset;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div {
    border-radius: 15%;
    padding: 2rem 2rem 2rem 2.5rem;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div .animation026-title {
    font-size: 2.2rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div .animation026-text {
    font-size: 1.8rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div .animation026-text {
    font-size: 1.8rem;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div .animation026-text .sub-task-text button {
    font-size: 1.8rem !important;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation026 {
    padding-right: 0;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div {
    height: 200px;
    width: 200px;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div .animation026-text {
    font-size: 1.8rem;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div .animation026-text .sub-task-text button {
    font-size: 1.5rem !important;
  }
  .animation026-modal-E-commerce .ant-modal-content .ant-modal-body .border {
    margin-left: 5rem;
    margin-right: 5rem;
    margin-top: 0;
    margin-bottom: 1rem;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation026 .animation026-item {
    width: calc(50% - 1rem);
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div {
    width: 160px;
    height: 160px;
    border-radius: 20%;
    padding: 2rem;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div .animation026-text {
    font-size: 1.6rem;
    line-height: 1.3;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div .animation026-text .sub-task-text button {
    font-size: 1.5rem !important;
    padding: 9px;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div .animation026-text .sub-task-text button .click-point1 {
    bottom: -1rem;
    right: -1.5rem;
  }
  .animation026-modal-E-commerce {
    width: 100% !important;
  }
  .animation026-modal-E-commerce .ant-modal-content .animation026-modal-header {
    margin: 0;
  }
  .animation026-modal-E-commerce .ant-modal-content .ant-modal-body .content {
    width: 100%;
    margin-bottom: 10rem;
  }
  .animation026-modal-E-commerce .ant-modal-content .ant-modal-body .border {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 1rem;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div .animation026-text {
    font-size: 1.6rem;
    line-height: 1.3;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div .animation026-text .sub-task-text button {
    font-size: 1.4rem !important;
  }
}

.E-commerce .animation038-content {
  position: relative;
  margin-right: 3.5rem;
}
.E-commerce .animation038-content .animation038 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.E-commerce .animation038-content .animation038 .animation038-item {
  width: calc(20% - 1rem);
  display: flex;
  flex-direction: column;
  grid-gap: 1rem;
  gap: 1rem;
}
.E-commerce .animation038-content .animation038 .animation038-item .animation038-icon {
  width: 50px;
  height: 50px;
}
.E-commerce .animation038-content .animation038 .animation038-item .animation038-line {
  height: 20px;
  border-radius: 10px;
}
.E-commerce .animation038-content .animation038 .animation038-item .animation038-head .animation038-time {
  font-size: 32px;
}
.E-commerce .animation038-content .animation038 .animation038-item .animation038-head .animation038-title {
  font-size: 22px;
  line-height: 1.3;
  margin-top: 0.5rem;
  min-height: 60px;
  margin-bottom: -0.5rem;
}
.E-commerce .animation038-content .animation038 .animation038-item .animation038-list {
  font-size: 18px;
  line-height: 1.2;
}
.E-commerce .animation038-content .animation038 .animation038-item .animation038-list ul {
  -webkit-padding-start: 20px;
          padding-inline-start: 20px;
}
.E-commerce .animation038-content .animation038 .animation038-item .animation038-list ul li {
  margin-bottom: 0.5rem;
}
@media (max-width: 1564px) {
  .E-commerce.en .animation038-content .animation038 .animation038-item .animation038-head .animation038-title {
    min-height: 86px;
  }
}
@media (max-width: 1024px) {
  .E-commerce .animation038-content {
    margin-right: 0;
    margin-bottom: 15rem;
  }
  .E-commerce .animation038-content .animation038 {
    grid-gap: 1rem;
    gap: 1rem;
    justify-content: flex-start;
  }
  .E-commerce .animation038-content .animation038 .animation038-item {
    width: calc(33.33% - 1rem);
  }
  .E-commerce .animation038-content .animation038 .animation038-item .animation038-head .animation038-time {
    font-size: 2.2rem;
    line-height: 1.5;
  }
  .E-commerce .animation038-content .animation038 .animation038-item .animation038-head .animation038-title {
    font-size: 2rem;
    line-height: 1.5;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
    margin-bottom: 0;
  }
  .E-commerce .animation038-content .animation038 .animation038-item .animation038-list .animation038-text {
    font-size: 1.5rem;
  }
  .E-commerce.en .animation038-content .animation038 .animation038-item .animation038-head .animation038-title {
    min-height: 60px;
  }
}
@media (max-width: 768px) {
  .E-commerce .animation038-content .animation038 {
    justify-content: flex-start;
  }
  .E-commerce .animation038-content .animation038 .animation038-item {
    width: calc(50% - 1rem);
  }
}
@media (max-width: 480px) {
  .E-commerce .animation038-content {
    margin-right: 0;
  }
  .E-commerce .animation038-content .animation038 {
    justify-content: flex-start;
  }
  .E-commerce .animation038-content .animation038 .animation038-item {
    width: 100%;
  }
  .E-commerce.en .animation038-content .animation038 .animation038-item .animation038-head .animation038-title {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
}

.E-commerce .component002 {
  display: flex;
  flex-direction: row;
}
.E-commerce .component002 .cando-img {
  width: 20%;
  display: flex;
  align-items: center;
}
.E-commerce .component002 .cando-img img {
  width: 100%;
  height: auto;
}
.E-commerce .component002 .cando-section {
  width: 80%;
  margin-bottom: 10rem;
}
.E-commerce .component002 .cando-section .can-do,
.E-commerce .component002 .cando-section .can-not-do {
  justify-content: center;
}
.E-commerce .component002 .cando-section .can-do .cando-title,
.E-commerce .component002 .cando-section .can-not-do .cando-title {
  font-size: 1.5rem;
  line-height: 1.2;
  text-align: center;
  padding: 0 1.5rem;
}
.E-commerce .component002 .cando-section .can-do .cando-body .cando-content ul li .cando-content-body,
.E-commerce .component002 .cando-section .can-not-do .cando-body .cando-content ul li .cando-content-body {
  display: flex;
  flex-direction: row;
}
.E-commerce.en .component002 .cando-section .can-do .cando-title,
.E-commerce .component002 .cando-section .can-not-do .cando-title {
  font-size: 1.5rem;
  line-height: 1.2;
}
@media (max-width: 480px) {
  .E-commerce .component002 .cando-img {
    display: none;
  }
  .E-commerce .component002 .cando-section {
    width: 100%;
    margin-top: 2rem;
  }
  .E-commerce .component002 .cando-section .can-do .cando-title,
  .E-commerce .component002 .cando-section .can-not-do .cando-title {
    font-size: 1.8rem;
  }
}

.E-commerce .animation039 {
  margin-right: 3.5rem;
  padding-bottom: 3.5rem;
  display: flex;
  flex-wrap: wrap;
  grid-gap: 1rem;
  gap: 1rem;
  grid-row-gap: 4rem;
  row-gap: 4rem;
}
.E-commerce .animation039 .animation039-item {
  width: calc(25% - 1rem);
  position: relative;
  padding: 0 1.2rem;
}
.E-commerce .animation039 .animation039-item .click-point {
  position: absolute;
  z-index: 10;
  width: 118px;
  bottom: -118px;
  left: calc(50% - 59px);
}
.E-commerce .animation039 .animation039-item .animation039-icon {
  text-align: center;
}
.E-commerce .animation039 .animation039-item .animation039-title {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
  min-height: 130px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-bottom: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.E-commerce .animation039 .animation039-item .animation039-text {
  font-size: 1.4rem;
  line-height: 1.5;
  text-align: center;
}
@media (max-width: 1024px) {
  .E-commerce .animation039 {
    margin-right: 0;
    grid-row-gap: 2rem;
    row-gap: 2rem;
    padding-bottom: 0;
  }
  .E-commerce .animation039 .animation039-item .click-point {
    width: 80px;
    bottom: -90px;
    left: calc(50% - 40px);
  }
  .E-commerce .animation039 .animation039-item .animation039-title {
    min-height: 80px;
  }
}
@media (max-width: 480px) {
  .E-commerce .animation039 {
    grid-row-gap: 4rem;
    row-gap: 4rem;
  }
  .E-commerce .animation039 .animation039-item {
    width: calc(50% - 1rem);
    padding: 0;
  }
}

.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation040 {
  display: flex;
  margin-top: 5rem;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation040 .animation040-tip {
  width: 25%;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation040 .animation040-tip .tip {
  background-image: url(/static/media/9881.3dcc291c.png);
  background-size: cover;
  height: 42.5rem;
  width: 16.75rem;
  text-align: center;
  padding-top: 140px;
  padding-bottom: 350px;
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  line-height: 1.4;
  font-weight: 500;
  padding-left: 2rem;
  padding-right: 2rem;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation040 .animation040-content {
  width: 75%;
  margin-top: 7.5rem;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation040 .animation040-content .animation040-item {
  width: 240px;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  position: relative;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation040 .animation040-content .animation040-item .click-point {
  position: absolute;
  right: -50px;
  bottom: -50px;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation040 .animation040-content .animation040-item .animation040-rectangle-div {
  position: relative;
  height: 240px;
  width: 240px;
  border-radius: 10%;
  padding: 1rem 1.5rem 1rem 2rem;
  border: 2px solid white;
  display: flex;
  flex-direction: column;
  align-items: center;
  grid-gap: 0.5rem;
  gap: 0.5rem;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation040 .animation040-content .animation040-item .animation040-rectangle-div .animation040-triangle-div {
  position: absolute;
  left: 240px;
  top: 80px;
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-left: 20px solid white;
  z-index: 3;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation040 .animation040-content .animation040-item .animation040-rectangle-div .animation040-triangle-div .animation040-triangle-inner-div {
  position: relative;
  top: -18px;
  left: -24px;
  width: 0;
  height: 0;
  border: 18px solid transparent;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation040 .animation040-content .animation040-item .animation040-rectangle-div .animation040-title {
  color: white;
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  font-size: 2rem;
  font-weight: 700;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation040 .animation040-content .animation040-item .animation040-rectangle-div .animation040-text {
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  font-size: 1.5rem;
  line-height: 1.2;
  color: white;
  text-align: left;
}
.cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .animation040 .animation040-content .animation040-item .animation040-rectangle-div {
  height: 390px;
  padding: 1rem 1rem 1rem 2rem;
}
.cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .animation040 .animation040-content .animation040-item .animation040-rectangle-div .animation040-triangle-div {
  top: calc(50% - 20px);
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation040 {
    margin-top: 0;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation040 .animation040-tip .tip {
    padding-top: 85px;
    padding-bottom: 220px;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation040 .animation040-content .animation040-item {
    width: 25%;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation040 .animation040-content .animation040-item .animation040-rectangle-div {
    width: 100%;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation040 .animation040-content .animation040-item .animation040-rectangle-div .animation040-triangle-div {
    right: -40px;
    top: calc(50% - 20px);
    left: unset;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation040 .animation040-content .animation040-item .animation040-rectangle-div .animation040-title {
    font-size: 3.6rem;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation040 .animation040-content .animation040-item .animation040-rectangle-div .animation040-text {
    font-size: 1.8rem;
    line-height: 1.4;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .animation040 .animation040-content .animation040-item .animation040-rectangle-div {
    height: 300px;
    padding: 1rem 1rem 1rem 2rem;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .animation040 .animation040-content .animation040-item .animation040-rectangle-div .animation040-triangle-div {
    top: calc(50% - 20px);
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .animation040 .animation040-content .animation040-item .animation040-rectangle-div .animation040-text {
    line-height: 1.2;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation040 .animation040-content {
    margin-top: 0;
    padding: 0 6rem;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation040 .animation040-content .animation040-item {
    width: 45%;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation040 .animation040-content .animation040-item .animation040-rectangle-div {
    height: 19rem;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation040 .animation040-content .animation040-item .animation040-rectangle-div .animation040-title {
    font-size: 2.5rem;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation040 .animation040-content .animation040-item .animation040-rectangle-div .animation040-text {
    font-size: 1.6rem;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .animation040 .animation040-content {
    margin-top: 0;
    padding: 0 6rem;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .animation040 .animation040-content .animation040-item {
    width: 45%;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .animation040 .animation040-content .animation040-item .animation040-rectangle-div {
    height: 20rem;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .animation040 .animation040-content .animation040-item .animation040-rectangle-div .animation040-title {
    font-size: 2.5rem;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .animation040 .animation040-content .animation040-item .animation040-rectangle-div .animation040-text {
    font-size: 1.6rem;
    line-height: 1.1;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation040 .animation040-tip {
    display: none;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation040 .animation040-content {
    width: 100%;
    padding: 0;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation040 .animation040-content .animation040-item .animation040-rectangle-div {
    height: 15rem;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation040 .animation040-content .animation040-item .animation040-rectangle-div .animation040-title {
    font-size: 2rem;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation040 .animation040-content .animation040-item .animation040-rectangle-div .animation040-text {
    font-size: 1.4rem;
    line-height: 1.3;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .animation040 .animation040-tip {
    display: none;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .animation040 .animation040-content {
    width: 100%;
    padding: 0;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .animation040 .animation040-content .animation040-item .animation040-rectangle-div {
    height: 21rem;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .animation040 .animation040-content .animation040-item .animation040-rectangle-div .animation040-title {
    font-size: 2rem;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .animation040 .animation040-content .animation040-item .animation040-rectangle-div .animation040-text {
    font-size: 1.4rem;
    line-height: 1.2;
  }
}

.animation004-modal .ant-modal-content .ant-modal-body .prev-button .click-point1 {
  position: absolute;
  bottom: 5rem;
  left: 5rem;
  width: 5rem;
  height: 5rem;
  transform: rotate(225deg);
}
.animation004-modal .ant-modal-content .ant-modal-body .next-button .click-point2 {
  position: absolute;
  bottom: 5rem;
  right: 5rem;
  width: 5rem;
  height: 5rem;
  transform: rotate(135deg);
}
.animation004-modal .ant-modal-content .animation004-modal-header {
  margin: 4rem;
  margin-bottom: 1rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 4rem;
  padding: 1rem;
  font-size: 2.625rem;
  font-weight: 500;
  border-left: 4px solid #597EF7;
  display: flex;
  align-items: center;
  justify-content: center;
}
.animation004-modal .ant-modal-content .ant-modal-body .next-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.8rem;
  width: 4.8rem;
  right: 0;
  bottom: 0;
  padding: 0;
}
.animation004-modal .ant-modal-content .ant-modal-body .next-button .arrow {
  margin: 0 auto;
}
.animation004-modal .ant-modal-content .ant-modal-body .prev-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.8rem;
  width: 4.8rem;
  left: 0;
  bottom: 0;
  padding: 0;
}
.animation004-modal .ant-modal-content .ant-modal-body .prev-button .arrow {
  margin: 0 auto;
}
.animation004-modal .ant-modal-content .ant-modal-body .hide {
  display: none;
}
.animation004-modal .ant-modal-content .ant-modal-body .border {
  margin-left: 12rem;
  margin-right: 12rem;
  margin-top: 0;
  margin-bottom: 1rem;
}
.animation004-modal .ant-modal-content .ant-modal-body .border img {
  width: 100%;
}
.animation004-modal .ant-modal-content .ant-modal-body .content {
  margin-left: 12rem;
  margin-right: 12rem;
  margin-top: 0;
  margin-bottom: 5rem;
  background: rgba(234, 75, 108, 0.2);
  border-radius: 5px;
  font-size: 1.5rem;
  font-weight: 400;
  padding: 1.5rem;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation004 {
  position: relative;
  height: 600px;
  margin-top: 48px;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation004.no-title {
  position: relative;
  z-index: 0;
  display: flex;
  justify-content: center;
  margin-top: 0;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section {
  margin-left: -56px !important;
  width: 1000px;
  position: relative;
  height: 100%;
  margin-top: 0;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation004 .img-g5584 {
  position: absolute;
  z-index: 0;
  top: 164px;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation004 .animation004-title {
  background: url(data:image/png;base64,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);
  width: 317px;
  height: 184px;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  left: 100px;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2rem;
  padding: 1rem;
  text-align: center;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section {
  margin-left: 225px;
  position: relative;
  height: 100%;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .click-point {
  position: absolute;
  width: 149px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step {
  width: 180px;
  position: absolute;
  cursor: pointer;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .text {
  font-size: 24px;
  font-weight: 400;
  line-height: 29px;
  text-align: center;
  margin-bottom: 40.69px;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .sub-task-text {
  margin-top: -40.69px;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .indicator {
  width: 100%;
  line-height: 68.78px;
  display: flex;
  font-size: 26px;
  font-weight: 700;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .indicator.indicator-title {
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 0.625rem;
  justify-content: center;
  display: flex;
  min-height: 4rem;
  text-align: center;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step img {
  position: absolute;
  width: 280px;
  left: -195px;
  bottom: -108px;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step1 {
  top: auto;
  left: 0;
  bottom: 124px;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step1 .indicator {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAABGCAYAAABmILAIAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAL1SURBVHgB7d1NkppAGIDhxiKLrOIRzG1yhBwhx5irZJdr5CSZXQ4QBVF+wtfFZ7WItDiiQL9PlaXDbHmnfwAnSr+/bQyATp9/vb3Hn+LijwFwYZck7/Xb15UBcCFJU5Nl2UY+xwbAme1uZw6Hw+lnIgEaVVXZQI7H49lxIgFqZVmaf9utKYri4ndEguDleW5HEAmlC5EgaPv93i7S+xAJgiSjxk7WH/Uo4kMkCI6MHmn9koX6LYgEwRgyeriIBEEYOnq4iASLJjtXuyTp3Nq9FZFgkezUqo6jfWHwHkSCRZHp1D7L7PTqnqlV299vPzZEgkV4dBwuIsGsjRmHIhLM0jPiUESCWZHdKrmNPatfY8ehiASzIHGkaTr4QuAjEAkm65lTqj5EgkmRGOTC36tGjS5Egkl4xVrjVkSCl5lyGC4iwVPNJQwXkWBUEoJEYeM4HmcThotI8FC68JZFd15HMZXF993imHu38DEahYwUcsdtXn+e42jRh0gwiNyCLjFIGDaOBUbRRiS4SoKQCIp6lNAp1NKD6EIksDHYIOoI5D2UEeJWRBIIOfnlpNcQdJTQ47iOSGZOv3VQRwA54fXEt8eaIHA/IpmI9snePqbvZX3yV84L4yOSkehJ7P6Fd//K261T5zOmi0gG0pPaLmybqczZsSYELAeRtOiitmgWtacFrzMaICzBRaK7OjoKnH5mBECHVWHWi4zktL3pjAa63QkMEUXlfCMhBDzL5CNxY9ArwVwAwzNNJhJiwFS9JBK9tTqkO0kxX6NGojtGemt13kQBzMlDI7G3UxMEFubuSGSU0Ec0mTJhyW6ORKZN8kC/PnzDVitCcTUSnTrZZ5cDfSINEKdIJIIsy2wcc/3qF2AMcSL/V67ZjgVwrqyidSzf2g2gWxRF65UB0ItIAA8iATyIBPAgEsCDSAAPIgE8iATwIBLAg0gADyIBelSV4bYUoM9qVX0hEsCDSAAPIgE8iATwIBLAg0gAj7gy1U8DoFNUVb//A1Rb9MBga6C3AAAAAElFTkSuQmCC);
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step1 img {
  left: -240px;
  bottom: -136px;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step2 {
  top: auto;
  left: 270px;
  bottom: 167px;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step2 .indicator {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAABFCAYAAADgtMKmAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALuSURBVHgB7dxBctowFIDhB/W+HIFtj9Eb9BS5Undd9U5Ztj1C2wkBbEvxMxYYsC2c2GDJ/zeTCTMkO/15km2yeH768UsAXNtkv7/8fPqaFC/XAuDcJhO7TVf6cikAzhWByDaVhQiRAFeqQOoSASBirchLEcc+v3qLSABTBPJ/J5LbxreJBPOWmSKQ/WGStCASzNem2F5tM++PEQnmJ9PzR/v26hKRYF5ei8nxmvb6FSLBPOjZ42V/8/SoIxLETQ/kOj1uOHu0IRLEy8Vh+0+POiJBfPSGoF65Mh+LQz1/+74mEsRDzx16KE+NDIlIEL6R4nCIBOEaOQ6HSBAWPYTv8sOBfIAzxy2IBGHQOLb5IFer+iISTNudtlRdiATT88Cp0YRIMA3urJHmD50aTYgEj6Nh6LNUup3SJ3MnMDWaEAnuS0PQO+L6NeEw6ogE4zNVGBPcSt2CSDA8t43aFwfvvbnb/YxRJBnPbmEA9Sj0e4DToguRoD+dDLp1ys0hiDzgSXEDIkE3W00GDSOrogjgsD0kIsGBLnzdJWXVhNDXMwyiCZHMiS54XfNZNRlMFUMW+OF6ZEQSCxeALnadBOVrc4rCvYfeiGSK3GIu/9rbUwDWnt7Tby4G9x5GQSRjOy5wqRb1xcI/hiAs9okikvfq2t6Y6r4Biz4KRNKkfsB1f/mNPd/fs/hnY56RtF3lcZc+CQCVYims4o2kft3fTQKu8qAnY23gkbSFwDTAgMKIxD1AVwbADTDc17QiuYyhfB3GB3MQr8dFUn+SlMmACRs/kssH51LODAjL8JGUW6T8MBmy+D9rgPh9LJL6lonzAyLVL5L84hNpnCEwA92RuC1TGs6/fwGGdh6JmxREARwl5aTQ/3Kx46OaQJNE/u0EQLPFcrFeCoBORAJ4EAngQSSAB5EAHkQCeBAJ4EEkgAeRAB5EAngQCdDB2uWKSIAOn0Q+EwngQSSAB5EAHkQCeBAJ4EEkgEdixf4RAC0Wf98AYqTlQ0RwE48AAAAASUVORK5CYII=);
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step3 {
  top: auto;
  left: 545px;
  bottom: 210px;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step3 .indicator {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAABFCAYAAADgtMKmAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMiSURBVHgB7dxNctowGIBhGdiXI3CG3qC36Bm67xl6hK56nm57g7b7thkCBLAtqf4EIiYBKwZsbOt9ZjrJkC79ok/+S759/vFTAXhluzS/Pn19/2FilZopAEfSJ6NWcz2V30cKwBEXyIOWX10kEwXgYL3QavNojj4jEmBvPS8CWZpXnxMJomeLjfnyb67yrT35dyJB1HRWBPIvVya3Z/8PkSBaMlrJiBVCJIiOKbpYPZwfr14iEkRFVo/Nwihr3haIIBJEoe7qUUYkGDQ5c7WVvcdjeO9xDpFgsOTK+dO83mh1CpFgcGSkkivnl4xWL335+H1GJBiMW8ZRRiTovabi8IgEvdV0HB6RoHfaisMjEvSCP5UrFwOvPVtVF5Gg02S1SDemOJ1rW4/DIxJ0jls1VkZlRRxtjVRViASd4fcacvv6vVaNU4gEd9WFcSqESNC6PoRRRiRonOwx0rXsL2Sf0a1R6i2IBI2Q1SJPrcq23dh8X2qsx1MiwU3oTIKw7oxU1zbe19DjhEhQn4xPulgl8mx4UZxCJKgkQcibRGSV0FkRRL4LJCZEggOJQbt/ygWRp6ryVTuxIJLI+JVBRiX5afQuCpMPe2S6BpEMiARgtXUvPdBarkHsVgS3h3D7BkK4BJF0lB9z5IC3xVFuzPNB7mLY/3R/N4xFTSKSFpS/4f0BLwe1P9h3n/sI+LbvGiK5gj/QZa73B778Xv6G56DvPyI5wwcgG1w3zujdfUY6Z7yJTbSRlCMorwBscFE2Ssywr7iXz/u7kUhOdxIBakiSAdyWci4ExiHcSi8i8WeHspQLYGhf5yJx9wntY3ArBKsC7uxukbhN89Yc7hNiZUBXtRKJXxXkTlL2DOibm0dSDkIexBn6swYYvqsiKT98k6fymCZBYHhqReI31TrbPb8c28M3iFNlJBJFurE8gIOoHUXS91e/AE2Y+BeFMT4Bp00Wf3IF4DSr7GykAFQiEiCASIAAIgECiAQIIBIggEiAACIBAogECCASIIBIgAqJTaZEAlRJ1DsiAQKIBAggEiCASIAAIgECiAQIkBdB/FYAzpn/BxpxqBXldz9PAAAAAElFTkSuQmCC);
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step4 {
  top: auto;
  left: 820px;
  bottom: 255px;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step4 .indicator {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAABGCAYAAABmILAIAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALySURBVHgB7dxPctowFIBxQVhk0UVu0PRmuUHbG3Smh+iyR+sRwiTFNrZll4fzGkHAMn9sLPn7zWQgwFIfT2Cb2dcf6W8D4IPc2uWvn5++L8zMPBkAO6qqMsnfbLm5u4kEwA4J5OUlMdbWD/I/kQCOsmwCqev6/2NEArxZr0uzWmU7gQgiATaSJDdpuj74HJFg0mRqvL6mpijs0dcQCSZLwlitUvmA3vo6IsHkyPRI03z71wWRYFK6Tg8XkWASTp0eLiJB9M6ZHi4iQbTkwGCSZK3fXHVBJIjOJVurfU/f/jwQCaIhcWRZsY1j/6j5ubLsnkgQvj7icBEJgtV3HIpIEJyh4lBEgmDIt1RyEuKl31adikgwajo1iqIcPA5FJBglCSLPi+01HkNsqdoQCUZjDFPjECLBTY01DBeRYHBuGHLqyK23Uz5EgkFUVb35fDHuiXEMkaAXMh1kSsiH7zwvt5GEaH5vOS0F1yMToixtMNuoLubmjkhwHp0UsUVxCJGgE4lAYrC22vzZ7f9TQSTY4U4IDUKu6It1SnRBJBMlH6Q1BPntW7mNect0CSKJkCx0WevNJGgikCiaKWGD/abpVogkALqoZcHLQtcFr/eb11RvzxumwZURycBkUesi10W/v9jfQ2DBjwGRXIFub3QrowtdHuMdPnxE4qHv/BJA8w5f7Sx+9vfxm3wkGoBOAL0lAKjoI2n2/hoCEeA0lb17jCKSQyFwEAzXElQk7gEw9yAYEwF9GmUk+zEwFXBLN42E84QQgsEicaeD3HJ6BELRSyQahJxaLfflYhymA0J1cSTulqkJgyAQl5Mjkckg1yw3F95M6+IbTJM3EveKNImDKYGp+RCJ/vQLWyegsZAIJAaZFiH/9AvQl8Xz84ppARwxn9WPcwIB2s0NgFZEAngQCeBBJIAHkQAeRAJ4EAngQSSAB5EAHkQCeBAJ0KKuZ5+JBPAgEsCDSAAPIgE8iATwIBLAg0gAj0U5t18MgIPuTbb8B39gApjHABaiAAAAAElFTkSuQmCC);
}

@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation004 {
    position: relative;
    height: 55vw;
    margin-left: 0rem;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation004 .img-g5584 {
    display: none;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation004 .animation004-title {
    background: none;
    font-weight: 500;
    line-height: 3.375rem;
    letter-spacing: 0em;
    border-left: 5px solid #F26927;
    font-size: 2.1rem;
    position: relative;
    padding-bottom: 0;
    width: 100vw;
    justify-content: left;
    left: auto;
    height: auto;
    width: auto;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section {
    margin-left: 0 !important;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .click-point {
    top: auto !important;
    width: 12vw;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step {
    width: 21vw;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .indicator {
    line-height: 5vw;
    background-size: cover !important;
    font-size: 3vw;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .text {
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 2vw;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .step-title {
    font-size: 3vw;
    line-height: 4vw;
    margin-bottom: 2vw;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .sub-task-text {
    margin-top: 0;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .sub-task-text button.ant-btn.ant-btn-link {
    font-size: 2vw!important;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step img {
    width: 25vw;
    left: -12vw;
    bottom: -10vw;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step1 {
    bottom: 20vw;
    top: auto;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step2 {
    bottom: 25vw;
    left: 24vw;
    top: auto;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step3 {
    bottom: 30vw;
    left: 48vw;
    top: auto;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step4 {
    bottom: 35vw;
    left: 72vw;
    top: auto;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section {
    margin-left: 0 !important;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .click-point {
    top: auto !important;
    width: 12vw;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step {
    width: 21vw;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .indicator {
    line-height: 5vw;
    background-size: cover !important;
    font-size: 3vw;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .text {
    font-size: 3vw;
    line-height: 4vw;
    margin-bottom: 2vw;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .step-title {
    font-size: 3vw;
    line-height: 4vw;
    margin-bottom: 2vw;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .sub-task-text {
    margin-top: 0;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .sub-task-text button.ant-btn.ant-btn-link {
    font-size: 2vw!important;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step img {
    width: 25vw;
    left: -12vw;
    bottom: -10vw;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step1 {
    bottom: 20vw;
    top: auto;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step2 {
    bottom: 25vw;
    left: 24vw;
    top: auto;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step3 {
    bottom: 30vw;
    left: 48vw;
    top: auto;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step4 {
    bottom: 35vw;
    left: 72vw;
    top: auto;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .animation004.no-title {
    height: 70vw;
    margin-bottom: 0 !important;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation004 .animation004-title {
    display: none;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation004.no-title {
    height: 50vw;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .text {
    font-size: 1.6rem;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .animation004.no-title {
    height: 62vw;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation004 .animation004-title {
    display: none;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation004.no-title {
    height: 75vw;
  }
  .cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .text {
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .animation004.no-title {
    height: 102vw;
  }
  .cyber-security-training-page.course-page.E-commerce.en .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .text {
    font-size: 1.4rem;
    line-height: 1;
  }
}

.E-commerce.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview {
  background-color: rgba(83, 132, 204, 0.1);
}
.E-commerce.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-progress-bar .ant-progress-text {
  color: #5384CC;
}
.E-commerce.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .ant-progress-circle-trail {
  stroke: rgba(83, 132, 204, 0.6) !important;
  opacity: 0.2;
}
.E-commerce.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .ant-progress-circle-path {
  stroke: #5384CC !important;
}
.E-commerce.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.active .step-dot {
  border-color: #5384CC;
}
.E-commerce.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.active .step-dot .active-dot {
  background-color: #5384CC;
}
.E-commerce.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.completed .step-dot {
  border-color: #5384CC;
  background-color: #5384CC;
}
.E-commerce.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.completed .step-line {
  background-color: #5384CC;
}
.E-commerce.cyber-security-training-page.course-page .ant-layout-content .course-left-side .paragraphs .paragraph.active {
  border-color: #5384CC;
  background-color: #fafafa;
}
.E-commerce.cyber-security-training-page.course-page .ant-layout-content .course-left-side .paragraphs .state .in-progress {
  background: url(data:image/png;base64,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);
  background-size: cover;
}
.E-commerce.cyber-security-training-page.course-page .ant-layout-content .course-body .next-topic-button {
  background-color: #5384CC;
}
.E-commerce.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .title {
  border-color: #5384CC;
}
.E-commerce.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .title .l2 {
  color: #5384CC;
}
.E-commerce.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body {
  border-color: #5384CC;
}
.E-commerce.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-last-button {
  border-color: #5384CC;
}
.E-commerce.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-last-button span {
  color: #5384CC;
}
.E-commerce.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-submit-button {
  background-color: #5384CC;
}
.E-commerce.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-submit-button[disabled] {
  background-color: rgba(83, 132, 204, 0.6);
  border-color: #5384CC;
}
.E-commerce.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area.correct .ant-btn-link {
  color: #0CA3A3;
}
.E-commerce.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area.wrong .ant-btn-link {
  color: #E7444E;
}
.E-commerce.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
  background: #5384CC;
}
.E-commerce.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab.active .number {
  border-color: #5384CC;
}
.E-commerce.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.index .course-landing {
  background: #B0C8ED;
}
.E-commerce.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.welcome .course-landing {
  background: #B0C8ED;
}
.E-commerce.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.t900 .course-landing {
  background: #B0C8ED;
}
.E-commerce.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.t930 .course-landing {
  background: #B0C8ED;
}
.E-commerce.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.t1200 .course-landing {
  background: #B0C8ED;
}
.E-commerce.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.t1400 .course-landing {
  background: #B0C8ED;
}
.E-commerce.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.quiz .course-landing {
  background: #B0C8ED;
}
.E-commerce.cyber-security-training-page.course-page .ant-layout-content .ant-radio-checked .ant-radio-inner {
  border-color: #5384CC;
}
.E-commerce.cyber-security-training-page.course-page .ant-layout-content .ant-radio-inner::after {
  background-color: #5384CC;
}
.E-commerce.cyber-security-training-page.course-page .ant-layout-content .ant-radio-wrapper:hover .ant-radio,
.E-commerce.cyber-security-training-page.course-page .ant-layout-content .ant-radio:hover .ant-radio-inner,
.E-commerce.cyber-security-training-page.course-page .ant-layout-content .ant-radio-input:focus + .ant-radio-inner {
  border-color: #5384CC;
}
.E-commerce.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .course-landing .course-landing-content {
  background-image: url(/static/media/welcomeLandingbg-E-commerce.7a3af5e5.png);
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content.quiz .progress .progress-line {
  background-color: #5384CC;
}
.cyber-security-training-page.course-page.E-commerce .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass .cert-download-input .cert-download-button {
  background-color: #5384CC;
}

.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .conversation {
  position: relative;
  margin-bottom: 5rem !important;
  cursor: pointer;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .avater {
  margin-top: 5%;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message {
  width: 45vw;
  height: 10vw;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message .conversation-message-text {
  font-size: 1.6vw;
  line-height: 1.2;
  padding: 1vw 3vw 1vw 11vw;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .avater {
  margin-top: 5%;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message {
  width: 45vw;
  height: 10vw;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message .conversation-message-text {
  font-size: 1.6vw;
  line-height: 1.2;
  padding: 1vw 11vw 1vw 3vw;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 {
  display: flex;
  grid-gap: 3vw;
  grid-gap: 3vw;
  gap: 3vw;
  margin-top: 3rem;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .avater {
  margin-top: 5%;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message {
  position: relative;
  width: 45vw;
  height: 10vw;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-text {
  z-index: 10;
  position: relative;
  height: 100%;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  font-size: 1.6vw;
  line-height: 1.2;
  padding: 1vw 3vw 1vw 11vw;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-bg {
  height: 100%;
  width: 100%;
  position: absolute;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .conversation .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  top: 20rem;
  left: 16rem;
}

.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation {
  position: relative;
  cursor: pointer;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  top: 20rem;
  left: 16rem;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .conversation {
    margin-left: -2rem;
    width: calc(100% + 4rem);
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .conversation .avater {
    width: 12vw!important;
    height: 12vw!important;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message {
    width: 75vw!important;
    height: 15vw!important;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message-text {
    font-size: 2rem !important;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message-text {
    padding: 1vw 1vw 1vw 15vw!important;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message-text {
    padding: 1vw 16vw 1vw 5vw !important;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message-text {
    font-size: 1.6rem !important;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.startup1600-3-conversation .conversation-line2 .conversation-message {
    height: 20vw!important;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .conversation.startup1600-3-conversation .conversation-line2 .conversation-message {
    height: 30vw!important;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.startup1600-3-conversation .conversation-line2 .avater {
    margin-top: 20% !important;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.startup1600-3-conversation .conversation-line2 .conversation-message-text {
    padding: 3vw 18vw 4vw 6vw !important;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message {
    width: 75vw!important;
    height: 25vw!important;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message-text {
    font-size: 1.4rem !important;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.startup1600-3-conversation .conversation-line2 .conversation-message {
    width: 100%;
    height: 50vw!important;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.startup1400-1-conversation .conversation-line2 .avater {
    margin-top: 12% !important;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.startup1400-1-conversation .conversation-line2 .conversation-message {
    width: 100%;
    height: 35vw!important;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.startup930-3-conversation .conversation-line1 .avater {
    margin-top: 15% !important;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.startup930-3-conversation .conversation-line1 .conversation-message {
    width: 100%;
    height: 32vw!important;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message-text {
    padding: 2vw 4vw 2vw 17vw!important;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message-text {
    padding: 1vw 16vw 1vw 5vw !important;
  }
}

.startup .animation038-content {
  position: relative;
  margin-right: 3.5rem;
}
.startup .animation038-content .animation038 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.startup .animation038-content .animation038 .animation038-item {
  width: calc(20% - 1rem);
  display: flex;
  flex-direction: column;
  grid-gap: 1rem;
  gap: 1rem;
}
.startup .animation038-content .animation038 .animation038-item .animation038-icon {
  width: 50px;
  height: 50px;
}
.startup .animation038-content .animation038 .animation038-item .animation038-line {
  height: 20px;
  border-radius: 10px;
}
.startup .animation038-content .animation038 .animation038-item .animation038-head .animation038-time {
  font-size: 32px;
}
.startup .animation038-content .animation038 .animation038-item .animation038-head .animation038-title {
  font-size: 22px;
  line-height: 1.3;
  margin-top: 0.5rem;
  min-height: 60px;
  margin-bottom: -0.5rem;
}
.startup .animation038-content .animation038 .animation038-item .animation038-list {
  font-size: 18px;
  line-height: 1.2;
}
.startup .animation038-content .animation038 .animation038-item .animation038-list ul {
  -webkit-padding-start: 20px;
          padding-inline-start: 20px;
}
.startup .animation038-content .animation038 .animation038-item .animation038-list ul li {
  margin-bottom: 0.5rem;
}
.startup.en .animation038-content .animation038 .animation038-item .animation038-head .animation038-title {
  min-height: 86px;
}
@media (max-width: 1024px) {
  .startup .animation038-content {
    margin-right: 0;
    margin-bottom: 10rem;
  }
  .startup .animation038-content .animation038 {
    grid-gap: 1rem;
    gap: 1rem;
    justify-content: flex-start;
  }
  .startup .animation038-content .animation038 .animation038-item {
    width: calc(33.33% - 1rem);
  }
  .startup .animation038-content .animation038 .animation038-item .animation038-head .animation038-time {
    font-size: 2.2rem;
    line-height: 1.5;
  }
  .startup .animation038-content .animation038 .animation038-item .animation038-head .animation038-title {
    font-size: 2rem;
    line-height: 1.5;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
    margin-bottom: 0;
  }
  .startup .animation038-content .animation038 .animation038-item .animation038-list .animation038-text {
    font-size: 1.5rem;
  }
  .startup.en .animation038-content .animation038 .animation038-item .animation038-head .animation038-title {
    min-height: 60px;
  }
}
@media (max-width: 768px) {
  .startup .animation038-content .animation038 {
    justify-content: flex-start;
  }
  .startup .animation038-content .animation038 .animation038-item {
    width: calc(50% - 1rem);
  }
}
@media (max-width: 480px) {
  .startup.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation038-content {
    margin-right: 0;
    margin-bottom: 5rem;
  }
  .startup.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation038-content .animation038 {
    margin-bottom: 5rem !important;
    justify-content: flex-start;
  }
  .startup.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation038-content .animation038 .animation038-item {
    width: 100%;
  }
  .startup.en .animation038-content .animation038 .animation038-item .animation038-head .animation038-title {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
}

.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation025 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 56px;
  position: relative;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation025 .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  bottom: -50px;
  left: 18%;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation025 .animation025-item {
  width: 25%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-color-div {
  height: 10px;
  width: 70%;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-gray-div {
  height: 13px;
  width: 80%;
  background-color: #f5f5f5;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-title {
  color: #ffffff;
  width: 95%;
  font-size: 1.75rem;
  line-height: 1.2;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  min-height: 100px;
  display: flex;
  padding: 1rem;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-text {
  width: 80%;
  height: 200px;
  background-size: 100%;
  font-style: normal;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.5;
  color: #121212;
  padding: 1rem 1.5rem 0 1.5rem;
  display: flex;
  justify-content: center;
  cursor: pointer;
  background-color: #f5f5f5;
}
.cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-title {
  font-size: 1.5rem;
  line-height: 1.2;
  min-height: 90px;
}
.cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-text {
  height: 235px;
  font-size: 1.3rem;
  line-height: 1.2;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation025 {
    flex-wrap: wrap;
    padding: 0;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-text {
    height: auto;
    min-height: 130px;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-text {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    min-height: 130px;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation025 .animation025-item {
    width: 50%;
    margin-bottom: 2rem;
    position: relative;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .click-point {
    position: absolute;
    width: 100px;
    transform: rotate(-45deg);
    z-index: 10;
    transition: all 800ms linear 0s;
    bottom: -50px;
    left: unset;
    right: 0;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-text {
    min-height: 110px;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-title {
    font-size: 1.8rem;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-text {
    font-size: 1.5rem;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation025 {
    grid-row-gap: 2rem;
    row-gap: 2rem;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .click-point {
    width: 50px;
    bottom: -25px;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-title {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-text {
    min-height: 130px;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .animation025 .animation025-item {
    width: 100%;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-title {
    font-size: 2rem;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .animation025 .animation025-item .animation025-text {
    font-size: 1.6rem;
  }
}

.startup .component003 {
  position: relative;
}
.startup .component003 .component003-title {
  position: absolute;
  left: 2.5%;
  top: 5%;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.2;
}
.startup .component003 .component003-tip {
  border: 1px solid #000;
  border-radius: 47%;
  position: absolute;
  font-size: 1.5rem;
  padding: 4rem;
  text-align: left;
  max-width: 42rem;
  min-height: 9rem;
  display: flex;
  align-items: center;
}
.startup .component003 .component003-tip .tip-text {
  z-index: 1;
}
.startup .component003 .tip-arrow {
  position: absolute;
  left: -82px;
  top: calc(50% - 15px);
  background: #fff;
  height: 24px;
  width: 128px;
}
.startup .component003 .tip-arrow .line1 {
  width: 64px;
  height: 1px;
  background: #000;
  transform: rotate(-12deg);
  position: absolute;
  top: 5px;
  right: 43px;
}
.startup .component003 .tip-arrow .line2 {
  width: 61px;
  height: 1px;
  background: #000;
  transform: rotate(12deg);
  position: absolute;
  bottom: 5px;
  right: 46px;
}
.startup .component003.position-left img {
  max-width: 40vw;
  position: relative;
  z-index: 11;
}
.startup .component003.position-left .component003-tip {
  margin-left: 300px;
  padding: 4rem;
}
.startup .component003.position-right {
  text-align: right;
}
.startup .component003.position-right img {
  max-width: 40vw;
  position: relative;
  z-index: 11;
}
.startup .component003.position-right .component003-tip {
  right: 0;
  margin-right: 24%;
  padding: 3rem;
  z-index: 11;
}
.startup .component003.position-right .component003-tip .tip-arrow {
  left: unset;
  right: -107px;
  top: calc(50% - 15px);
}
.startup .component003.position-right .component003-tip .tip-arrow .line1 {
  transform: rotate(12deg);
  position: absolute;
  top: 5px;
  right: 46px;
}
.startup .component003.position-right .component003-tip .tip-arrow .line2 {
  transform: rotate(-12deg);
  position: absolute;
  bottom: 5px;
  right: 46px;
}
.startup .component003.position-right.startup-welcome-1-c003 .component003-tip {
  max-width: 35rem;
}
.startup .component003.position-right.startup900-1-c003 .component003-tip {
  padding: 4.5rem 3rem;
}
.startup .component003.position-right.startup900-1-c003 .component003-tip .tip-arrow .line1 {
  width: 62px;
}
.startup .component003.position-right.startup900-1-c003 img {
  margin-top: 5%;
}
.startup .component003.position-right.startup900-2-c003-1 .component003-tip .tip-text span {
  font-size: 1.8rem;
}
.startup .component003.position-right.startup900-2-c003-2 .component003-tip .tip-arrow {
  right: -106px;
}
.startup.en .component003.position-right.startup900-1-c003 img {
  margin-top: 12%;
  margin-right: 5%;
}
.startup.en .component003.position-right.startup900-1-c003 .component003-tip {
  max-width: 52rem;
  padding: 5rem;
  margin-right: 28%;
}
@media (max-width: 1280px) {
  .startup.en .component003.position-right.startup900-1-c003 img {
    margin-top: 15%;
    margin-right: 2%;
  }
  .startup.en .component003.position-right.startup1200-1-c003 .component003-tip {
    margin-right: 28%;
  }
}
@media (max-width: 1024px) {
  .startup .component003 .tip-arrow {
    left: -80px;
  }
  .startup .component003 .tip-arrow .line1 {
    width: 55px;
    transform: rotate(-14deg);
    top: 6px;
    right: 45px;
  }
  .startup .component003 .tip-arrow .line2 {
    width: 52px;
    transform: rotate(12deg);
    bottom: 5px;
    right: 47px;
  }
  .startup .component003 .component003-title {
    left: 8.5%;
  }
  .startup .component003.position-left .component003-tip {
    margin-left: 28vw;
  }
  .startup .component003.position-left .component003-tip .tip-arrow .line1 {
    width: 55px;
    transform: rotate(-14deg);
    top: 6px;
    right: 44px;
  }
  .startup .component003.position-right .component003-tip {
    margin-right: 25%;
  }
  .startup .component003.position-right .component003-tip .tip-arrow {
    right: -97px;
  }
  .startup .component003.position-right .component003-tip .tip-arrow .line1 {
    width: 58px;
    top: 6px;
    right: 44px;
  }
  .startup .component003.position-right .component003-tip .tip-arrow .line2 {
    width: 54px;
    bottom: 5px;
    right: 45px;
  }
  .startup .component003.position-right.startup-welcome-1-c003 .component003-tip {
    line-height: 1.4;
    padding: 3rem 2rem 3rem 3rem;
  }
  .startup .component003.position-right.startup-welcome-1-c003 .component003-tip .tip-arrow .line1 {
    width: 59.5px;
    top: 6px;
    right: 44px;
  }
  .startup .component003.position-right.startup900-1-c003 .component003-tip .tip-arrow {
    right: -98px;
  }
  .startup .component003.position-right.startup900-1-c003 .component003-tip .tip-arrow .line1 {
    width: 55px;
    top: 6px;
    right: 45px;
    transform: rotate(12.5deg);
  }
  .startup .component003.position-right.startup900-2-c003-1 .component003-tip .tip-arrow {
    right: -97px;
  }
  .startup .component003.position-right.startup900-2-c003-2 .component003-tip .tip-arrow {
    right: -97px;
  }
  .startup .component003.position-right.startup900-2-c003-2 .component003-tip .tip-arrow .line1 {
    width: 62px;
  }
  .startup .component003.position-right.startup930-1-c003 .component003-tip .tip-arrow .line1 {
    width: 61px;
  }
  .startup .component003.position-right.startup930-2-c003 .component003-tip .tip-arrow .line1 {
    width: 61px;
  }
  .startup .component003.position-right.startup1200-1-c003 .component003-tip .tip-arrow .line1 {
    width: 61px;
  }
  .startup .component003.position-right.startup1400-1-c003 .component003-tip .tip-arrow .line1 {
    width: 61px;
    top: 6px;
    right: 44px;
  }
  .startup .component003.position-right.startup1400-1-c003 .component003-tip .tip-arrow .line2 {
    width: 54.5px;
    bottom: 5px;
    right: 45px;
  }
  .startup .component003.position-right.startup1600-1-c003 .component003-tip .tip-arrow .line1 {
    width: 58.5px;
    top: 6px;
    right: 44px;
  }
  .startup.en .component003 .tip-arrow {
    left: -77px;
  }
  .startup.en .component003 .tip-arrow .line1 {
    width: 55px;
    transform: rotate(-14deg);
    top: 6px;
    right: 43px;
  }
  .startup.en .component003 .tip-arrow .line2 {
    width: 52px;
    transform: rotate(12deg);
    bottom: 5px;
    right: 47px;
  }
  .startup.en .component003.position-left .component003-tip {
    margin-left: 28vw;
  }
  .startup.en .component003.position-left.startup1400-1-c003 .component003-tip .tip-arrow {
    left: -79px;
  }
  .startup.en .component003.position-left.startup1600-1-c003 .component003-tip .tip-arrow {
    left: -79px;
  }
  .startup.en .component003.position-right .component003-tip .tip-arrow {
    right: -97px;
  }
  .startup.en .component003.position-right .component003-tip .tip-arrow .line1 {
    width: 58px;
    top: 6px;
    right: 44px;
  }
  .startup.en .component003.position-right .component003-tip .tip-arrow .line2 {
    width: 54px;
    bottom: 5px;
    right: 45px;
  }
  .startup.en .component003.position-right.startup900-1-c003 img {
    margin-top: 10%;
    margin-right: 0;
  }
  .startup.en .component003.position-right.startup900-1-c003 .component003-tip .tip-arrow .line1 {
    width: 55px;
    top: 6px;
    right: 43px;
    transform: rotate(13deg);
  }
  .startup.en .component003.position-right.startup900-1-c003 .component003-tip .tip-arrow .line2 {
    width: 54px;
    bottom: 5px;
    right: 43px;
  }
  .startup.en .component003.position-right.startup1600-1-c003 .component003-tip .tip-arrow .line1 {
    width: 59px;
  }
  .startup.en .component003.position-right.startup1600-2-c003 .component003-tip {
    margin-right: 28%;
  }
  .startup.en .component003.position-right.startup1600-2-c003 .component003-tip .tip-arrow {
    right: -96px;
  }
  .startup.en .component003.position-right.startup1600-2-c003 .component003-tip .tip-arrow .line1 {
    width: 60px;
  }
}
@media (max-width: 768px) {
  .startup .component003 .component003-title {
    top: -9rem;
  }
  .startup .component003.position-left .component003-tip {
    margin-left: 38vw;
  }
  .startup .component003.position-left.startup1200-3-c003 .tip-arrow .line2 {
    width: 52px;
    transform: rotate(12deg);
    bottom: 5px;
    right: 46px;
  }
  .startup .component003.position-right .component003-tip {
    right: 0;
    margin-right: 43%;
    padding: 6% ;
  }
  .startup .component003.position-right .tip-text span {
    font-size: unset !important;
  }
  .startup .component003.position-right.startup-welcome-1-c003 {
    margin-top: 5rem;
  }
  .startup .component003.position-right.startup-welcome-1-c003 .component003-tip {
    margin-right: 39%;
  }
  .startup .component003.position-right.startup900-1-c003 .component003-tip .tip-arrow .line1 {
    width: 58px;
    top: 6px;
    right: 44px;
  }
  .startup .component003.position-right.startup1200-1-c003-1 .component003-tip {
    margin-right: 38%;
  }
  .startup .component003.position-right.startup1200-1-c003-1 .component003-tip .tip-arrow {
    right: -99px;
  }
  .startup .component003.position-right.startup1400-1-c003 .component003-tip {
    margin-right: 30%;
  }
  .startup .component003.position-right.startup1400-1-c003 .component003-tip .tip-arrow .line1 {
    width: 59px;
    top: 6px;
    right: 44px;
  }
  .startup .component003.position-right.startup1600-1-c003 .component003-tip {
    margin-right: 35%;
    line-height: 1.4;
  }
  .startup .component003.position-right.startup1600-1-c003 .component003-tip .tip-arrow {
    right: -98px;
  }
  .startup .component003.position-right.startup1600-1-c003 .component003-tip .tip-arrow .line1 {
    width: 56.5px;
    top: 6px;
    right: 44px;
  }
  .startup.en .component003 .tip-arrow {
    left: -77px;
  }
  .startup.en .component003 .tip-arrow .line1 {
    width: 55px;
    transform: rotate(-14deg);
    top: 6px;
    right: 43px;
  }
  .startup.en .component003 .tip-arrow .line2 {
    width: 52px;
    transform: rotate(12deg);
    bottom: 5px;
    right: 47px;
  }
  .startup.en .component003.position-left .component003-tip {
    margin-left: 28vw;
  }
  .startup.en .component003.position-right .component003-tip .tip-arrow {
    right: -97px;
  }
  .startup.en .component003.position-right .component003-tip .tip-arrow .line1 {
    width: 58px;
    top: 6px;
    right: 44px;
  }
  .startup.en .component003.position-right .component003-tip .tip-arrow .line2 {
    width: 54px;
    bottom: 5px;
    right: 45px;
  }
  .startup.en .component003.position-right.startup900-1-c003 img {
    max-width: 25vw;
  }
  .startup.en .component003.position-right.startup900-1-c003 .component003-tip .tip-arrow .line1 {
    width: 55.5px;
    top: 6px;
    right: 43px;
    transform: rotate(13deg);
  }
  .startup.en .component003.position-right.startup900-1-c003 .component003-tip .tip-arrow .line2 {
    width: 54px;
    bottom: 5px;
    right: 43px;
  }
  .startup.en .component003.position-right.startup930-1-c003 .component003-tip .tip-arrow .line1 {
    width: 56.5px;
  }
  .startup.en .component003.position-right.startup930-2-c003 .component003-tip .tip-arrow .line1 {
    width: 56.5px;
  }
  .startup.en .component003.position-right.startup930-2-c003 .component003-tip .tip-arrow .line2 {
    width: 53px;
  }
  .startup.en .component003.position-right.startup1200-1-c003 img {
    max-width: 25vw;
    margin-top: 5%;
  }
  .startup.en .component003.position-right.startup1200-1-c003 .component003-tip .tip-arrow .line1 {
    width: 56px;
    top: 6px;
    right: 43px;
    transform: rotate(13deg);
  }
  .startup.en .component003.position-right.startup1200-1-c003 .component003-tip .tip-arrow .line2 {
    width: 54px;
    bottom: 5px;
    right: 43px;
  }
  .startup.en .component003.position-right.startup1600-1-c003 .component003-tip .tip-arrow .line1 {
    width: 56.5px;
  }
  .startup.en .component003.position-right.startup1600-2-c003 img {
    max-width: 25vw;
    margin-top: 5%;
  }
  .startup.en .component003.position-right.startup1600-2-c003 .component003-tip .tip-arrow .line1 {
    width: 57px;
    top: 6px;
    right: 43px;
    transform: rotate(13deg);
  }
  .startup.en .component003.position-right.startup1600-2-c003 .component003-tip .tip-arrow .line2 {
    width: 54px;
    bottom: 5px;
    right: 43px;
  }
}
@media (max-width: 480px) {
  .startup .component003 .component003-tip {
    font-size: 1.4rem;
  }
  .startup .component003.position-right .component003-tip {
    right: 0;
    margin-right: 48%;
    padding: 6%;
  }
  .startup .component003.position-right .tip-text span {
    font-size: unset !important;
    display: inline;
  }
  .startup .component003.position-right.startup-welcome-1-c003 {
    margin-top: 5rem;
  }
  .startup .component003.position-right.startup-welcome-1-c003 .component003-tip .tip-arrow .line1 {
    width: 54px;
    top: 6px;
    right: 44px;
    transform: rotate(13deg);
  }
  .startup .component003.position-right.startup-welcome-1-c003 .component003-tip .tip-arrow .line2 {
    width: 52.5px;
    bottom: 5px;
    right: 45px;
  }
  .startup .component003.position-right.startup-welcome-1-c003 img {
    margin-top: 20%;
  }
  .startup .component003.position-right.startup-welcome-1-c003 .component003-title {
    top: -7rem;
    font-size: 2rem;
    line-height: 1.2;
  }
  .startup .component003.position-right.startup900-1-c003 img {
    margin-top: 65%;
  }
  .startup .component003.position-right.startup900-1-c003 .component003-tip .tip-arrow {
    transform: rotate(15deg);
    top: calc(50% + 75px);
    right: -85px;
  }
  .startup .component003.position-right.startup900-1-c003 .component003-tip .tip-arrow .line1 {
    width: 53px;
    top: 6px;
    right: 43px;
    transform: rotate(13deg);
  }
  .startup .component003.position-right.startup900-1-c003 .component003-tip .tip-arrow .line2 {
    width: 54px;
    bottom: 5px;
    right: 43px;
  }
  .startup .component003.position-right.startup930-1-c003 img {
    margin-top: 10%;
  }
  .startup .component003.position-right.startup930-1-c003 .component003-tip .tip-arrow .line1 {
    width: 55px;
  }
  .startup .component003.position-right.startup930-2-c003 img {
    margin-top: 5%;
  }
  .startup .component003.position-right.startup930-2-c003 .component003-tip .tip-arrow .line1 {
    width: 55px;
  }
  .startup .component003.position-right.startup1200-1-c003 img {
    margin-top: 5%;
  }
  .startup .component003.position-right.startup1200-1-c003 .component003-tip .tip-arrow .line1 {
    width: 55px;
  }
  .startup .component003.position-right.startup1200-1-c003-1 .component003-tip {
    padding: 3.5rem 2rem 3.5rem 3rem;
  }
  .startup .component003.position-right.startup1200-1-c003-1 img {
    margin-top: 30%;
    margin-right: -10%;
  }
  .startup .component003.position-right.startup1600-1-c003 .component003-tip {
    padding: 3.5rem 2rem 3.5rem 3rem;
  }
  .startup .component003.position-right.startup1600-1-c003 .component003-tip .tip-arrow .line1 {
    width: 57px;
    top: 6px;
    right: 44px;
  }
  .startup .component003.position-right.startup1600-1-c003 .component003-tip .tip-arrow .line2 {
    width: 53.5px;
    bottom: 5px;
    right: 45px;
  }
  .startup .component003.position-right.startup1600-1-c003 img {
    margin-top: 10%;
    margin-right: -10%;
  }
  .startup .component003.position-right.startup1400-1-c003-1 .component003-tip {
    right: 0;
    margin-right: 45.5%;
    padding: 8%;
  }
  .startup .component003.position-right.startup1400-1-c003-1 .component003-tip .tip-arrow .line1 {
    width: 54px;
  }
  .startup .component003.position-right.startup1400-1-c003-1 .component003-tip .tip-arrow .line2 {
    right: 44px;
  }
  .startup .component003.position-left .component003-tip {
    padding: 3rem;
  }
  .startup .component003.position-left .component003-tip span {
    font-size: unset !important;
  }
  .startup .component003.position-left.startup1400-1-c003 .component003-tip .tip-arrow .line2 {
    width: 52.5px;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .component003.position-left.startup1400-1-c003 .component003-tip {
    margin-left: 40vw;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .component003.position-left.startup1600-1-c003 .component003-tip {
    margin-left: 38vw;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .component003.position-right.startup900-1-c003 img {
    max-width: 38vw;
    margin-top: 105%;
    margin-right: -5%;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .component003.position-right.startup900-1-c003 .component003-tip .tip-arrow {
    transform: rotate(15deg);
    top: calc(50% + 140px);
    right: -72px;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .component003.position-right.startup900-1-c003 .component003-tip .tip-arrow .line1 {
    width: 52px;
    top: 6px;
    right: 43px;
    transform: rotate(13deg);
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .component003.position-right.startup900-1-c003 .component003-tip .tip-arrow .line2 {
    width: 54px;
    bottom: 5px;
    right: 43px;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .component003.position-right.startup930-1-c003 img {
    margin-top: 10%;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .component003.position-right.startup930-1-c003 .component003-tip {
    padding: 8%;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .component003.position-right.startup930-1-c003 .component003-tip .tip-arrow {
    right: -99px;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .component003.position-right.startup930-2-c003 img {
    margin-top: 25%;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .component003.position-right.startup930-2-c003 .component003-tip {
    padding: 8%;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .component003.position-right.startup930-2-c003 .component003-tip .tip-arrow {
    right: -99.5px;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .component003.position-right.startup930-2-c003 .component003-tip .tip-arrow .line2 {
    width: 54px;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .component003.position-right.startup1200-1-c003 img {
    margin-top: 20%;
    max-width: 30vw;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .component003.position-right.startup1200-1-c003 .component003-tip {
    padding: 8%;
    margin-right: 38%;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .component003.position-right.startup1200-1-c003 .component003-tip .tip-arrow {
    right: -97px;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .component003.position-right.startup1600-1-c003 .component003-tip .tip-arrow .line1 {
    width: 57.5px;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .component003.position-right.startup1600-2-c003 img {
    margin-right: -5%;
    margin-top: 10%;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .component003.position-right.startup1600-2-c003 .component003-tip {
    padding: 8%;
    margin-right: 38%;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .component003.position-right.startup1600-2-c003 .component003-tip .tip-arrow {
    right: -97px;
  }
}

.startup .RealCase.Moblie {
  display: none;
}
.startup .RealCase.Desktop {
  width: calc(100% + 3.5rem);
  margin-left: -3.5rem;
  margin-right: 0;
  margin-bottom: 50px;
  position: relative;
}
.startup .RealCase.Desktop img {
  width: 100%;
  z-index: 1;
}
.startup .RealCase.Desktop.p1 .source1 {
  width: 24%;
  height: 2.5%;
  position: absolute;
  top: 85%;
  left: 52%;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: none;
  font-size: 24px;
  color: #595959;
  z-index: 2;
}
.startup .RealCase.Desktop.p1 .source2 {
  display: none;
}
.startup .RealCase.Desktop.p1 .source3 {
  width: 14%;
  height: 2.5%;
  position: absolute;
  top: 88%;
  left: 52%;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: none;
  font-size: 24px;
  color: #595959;
  z-index: 2;
}
.startup .RealCase.Desktop.p2 .source1 {
  display: none;
}
.startup .RealCase.Desktop.p2 .source2 {
  width: 16%;
  height: 2.5%;
  position: absolute;
  top: 87.5%;
  left: 61%;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: none;
  font-size: 24px;
  color: #595959;
  z-index: 2;
}
.startup .RealCase.Desktop.p2 .source3 {
  display: none;
}
.startup.en .RealCase.Desktop {
  width: calc(100% + 3.5rem);
  margin-left: -3.5rem;
  margin-right: 0;
  margin-bottom: 50px;
  position: relative;
}
.startup.en .RealCase.Desktop img {
  width: 100%;
  z-index: 1;
}
.startup.en .RealCase.Desktop.p1 .source1 {
  width: 27%;
  height: 2.5%;
  position: absolute;
  top: 81.5%;
  left: 47.5%;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: none;
  font-size: 24px;
  color: #595959;
  z-index: 2;
}
.startup.en .RealCase.Desktop.p1 .source2 {
  display: none;
}
.startup.en .RealCase.Desktop.p1 .source3 {
  width: 17%;
  height: 2.5%;
  position: absolute;
  top: 84.5%;
  left: 47.5%;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: none;
  font-size: 24px;
  color: #595959;
  z-index: 2;
}
.startup.en .RealCase.Desktop.p2 .source1 {
  display: none;
}
.startup.en .RealCase.Desktop.p2 .source2 {
  width: 29%;
  top: 91.5%;
  left: 47.5%;
}
.startup.en .RealCase.Desktop.p2 .source3 {
  display: none;
}
@media (max-width: 1024px) {
  .startup .RealCase.Desktop {
    width: calc(100% + 4rem);
    margin-left: -2rem;
    margin-bottom: 10rem;
  }
}
@media (max-width: 768px) {
  .startup .RealCase.Desktop {
    display: none;
  }
  .startup .RealCase.Moblie {
    display: block;
    width: calc(100% + 7rem);
    margin-left: -3.5rem;
    margin-right: 0;
    margin-bottom: 50px;
    position: relative;
  }
  .startup .RealCase.Moblie img {
    width: 100%;
    z-index: 1;
  }
  .startup .RealCase.Moblie.p1 .source1 {
    width: 58%;
    height: 2%;
    position: absolute;
    top: 90.5%;
    left: 4%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 24px;
    color: #595959;
    z-index: 2;
  }
  .startup .RealCase.Moblie.p1 .source2 {
    display: none;
  }
  .startup .RealCase.Moblie.p1 .source3 {
    width: 36%;
    height: 2%;
    position: absolute;
    top: 93%;
    left: 4%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 24px;
    color: #595959;
    z-index: 2;
  }
  .startup .RealCase.Moblie.p2 .source1 {
    display: none;
  }
  .startup .RealCase.Moblie.p2 .source2 {
    width: 55%;
    height: 2.5%;
    position: absolute;
    top: 92.5%;
    left: 4%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 24px;
    color: #595959;
    z-index: 2;
  }
  .startup .RealCase.Moblie.p2 .source3 {
    display: none;
  }
  .startup.en .RealCase.Moblie {
    display: block;
    width: calc(100% + 7rem);
    margin-left: -3.5rem;
    margin-right: 0;
    margin-bottom: 50px;
    position: relative;
  }
  .startup.en .RealCase.Moblie img {
    width: 100%;
    z-index: 1;
  }
  .startup.en .RealCase.Moblie.p1 .source1 {
    width: 56%;
    height: 1.5%;
    position: absolute;
    top: 91.5%;
    left: 5%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 24px;
    color: #595959;
    z-index: 2;
  }
  .startup.en .RealCase.Moblie.p1 .source2 {
    display: none;
  }
  .startup.en .RealCase.Moblie.p1 .source3 {
    width: 34%;
    height: 1.5%;
    position: absolute;
    top: 93.5%;
    left: 5%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 24px;
    color: #595959;
    z-index: 2;
  }
  .startup.en .RealCase.Moblie.p2 .source1 {
    display: none;
  }
  .startup.en .RealCase.Moblie.p2 .source2 {
    width: 60%;
    height: 2%;
    top: 94.5%;
  }
  .startup.en .RealCase.Moblie.p2 .source3 {
    display: none;
  }
}

.startup .animation011 {
  margin-right: 3.5rem;
  padding-bottom: 0;
  position: relative;
  display: flex;
  flex-direction: row;
  grid-gap: 2rem;
  gap: 2rem;
}
.startup .animation011 .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  top: 5rem;
  left: 25rem;
}
.startup .animation011 .animation011-tip {
  width: 25%;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.startup .animation011 .animation011-tip .tip {
  background-image: url(/static/media/9881.3dcc291c.png);
  background-size: cover;
  height: 42.5rem;
  width: 16.75rem;
  text-align: center;
  padding-top: 140px;
  padding-bottom: 350px;
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  line-height: 1.4;
  font-weight: 500;
  padding-left: 2rem;
  padding-right: 2rem;
}
.startup .animation011 .animation011-content {
  width: 75%;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  padding-right: 3.5rem;
}
.startup .animation011 .animation011-content .animation011-item {
  margin-bottom: 1rem;
  width: 100%;
  height: 7.5rem;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.startup .animation011 .animation011-content .animation011-item .animation011-indicate-number {
  min-width: 13.125rem;
  height: 5.625rem;
  display: flex;
  border-radius: 15%/60%;
  align-items: center;
  color: #FFFFFF;
}
.startup .animation011 .animation011-content .animation011-item .animation011-indicate-number .animation011-icon {
  height: 7.5rem;
  width: 7.5rem;
  border: 2px solid;
  border-radius: 50%;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.startup .animation011 .animation011-content .animation011-item .animation011-indicate-number .animation011-icon img {
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
}
.startup .animation011 .animation011-content .animation011-item .number {
  width: 3.75rem;
  text-align: right;
  font-family: Helvetica Neue;
  font-size: 2.25rem;
  font-weight: 700;
}
.startup .animation011 .animation011-content .animation011-item .animation011-text {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  padding-left: 20px;
}
.startup.en .animation011 .animation011-tip {
  width: 25%;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.startup.en .animation011 .animation011-tip .tip {
  background-image: url(/static/media/9881.3dcc291c.png);
  background-size: cover;
  height: 42.5rem;
  width: 16.75rem;
  text-align: center;
  padding-top: 140px;
  padding-bottom: 350px;
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  line-height: 1.4;
  font-weight: 500;
  padding-left: 2rem;
  padding-right: 2rem;
}
.startup.en .animation011 .animation011-content .animation011-item .animation011-text {
  font-size: 1.5rem;
  line-height: 1.1;
}
@media (max-width: 1024px) {
  .startup .animation011 {
    margin-right: 0;
    margin-top: 0 !important;
  }
  .startup .animation011 .animation011-tip .tip {
    padding-top: 90px;
    padding-bottom: 225px;
  }
  .startup .animation011 .animation011-content {
    padding-right: 0!important;
  }
  .startup .animation011 .animation011-content .animation011-item {
    height: 5.5rem;
    margin-bottom: 2rem;
  }
  .startup .animation011 .animation011-content .animation011-item .animation011-icon {
    height: 5.5rem;
    width: 5.5rem;
  }
  .startup .animation011 .animation011-content .animation011-item .animation011-icon img {
    width: 5.5rem;
    height: auto;
  }
  .startup .animation011 .animation011-content .animation011-item .animation011-text {
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .startup.en .animation011 .animation011-tip .tip {
    padding-top: 90px;
    padding-bottom: 225px;
  }
}
@media (max-width: 768px) {
  .startup .animation011 .animation011-content {
    flex-wrap: wrap;
    grid-row-gap: 3rem;
    row-gap: 3rem;
  }
  .startup .animation011 .animation011-content .animation011-item {
    padding-left: 4rem !important;
    margin-bottom: 0;
  }
  .startup .animation011 .animation011-content .animation011-item .animation011-indicate-number {
    min-width: 11rem;
    height: 3.625rem;
  }
  .startup .animation011 .animation011-content .animation011-item .animation011-indicate-number .number {
    text-align: center;
  }
  .startup .animation011 .animation011-content .animation011-item .animation011-indicate-number .animation011-icon {
    width: 5.5rem;
    height: 5.5rem;
  }
  .startup.en .animation011 {
    margin-top: 5rem !important;
  }
  .startup.en .animation011 .animation011-content .animation011-item .animation011-text {
    font-size: 1.5rem;
    line-height: 1.2;
  }
}
@media (max-width: 480px) {
  .startup.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation011 {
    margin-top: 4rem !important;
    margin-bottom: 10rem !important;
  }
  .startup.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation011 .animation011-tip {
    display: none;
  }
  .startup.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation011 .animation011-content {
    width: 100%;
    grid-row-gap: 2rem;
    row-gap: 2rem;
  }
  .startup.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation011 .animation011-content .animation011-item {
    padding-left: 0 !important;
    height: 55px;
  }
  .startup.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation011 .animation011-content .animation011-item .animation011-indicate-number {
    min-width: 9rem;
    height: 55px;
  }
  .startup.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation011 .animation011-content .animation011-item .animation011-indicate-number .number {
    font-size: 1.8rem;
  }
  .startup.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation011 .animation011-content .animation011-item .animation011-icon img {
    width: 55px;
    height: 55px;
  }
  .startup.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation011 .animation011-content .animation011-item .animation011-text {
    font-size: 1.4rem;
    padding-left: 1.2;
  }
}

.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation041 {
  display: flex;
  padding-right: 56px;
  position: relative;
  justify-content: center;
  grid-gap: 1.5rem;
  gap: 1.5rem;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation041 .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  bottom: -50px;
  left: 30%;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation041 .animation041-item {
  width: 290px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-size: 100%;
  background-repeat: no-repeat;
  padding-top: 4rem;
  height: 450px;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation041 .animation041-item .animation041-title {
  font-size: 28px;
  line-height: 1.3;
  font-weight: 600;
  min-height: 75px;
  text-align: center;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation041 .animation041-item .animation041-text {
  font-size: 24px;
  line-height: 1.3;
  padding: 1rem 1.5rem;
  text-align: center;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation041 .animation041-item.r1 {
  background-image: url(/static/media/a041-1.5f115067.png);
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation041 .animation041-item.r2 {
  background-image: url(/static/media/a041-2.c7d9f63d.png);
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation041 .animation041-item.r3 {
  background-image: url(/static/media/a041-3.384bb16b.png);
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation041 .animation041-item.r4 {
  background-image: url(/static/media/a041-4.4666f910.png);
}
.cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .animation041 .animation041-item .animation041-title {
  font-size: 24px;
  line-height: 1.3;
  min-height: 58px;
  padding: 0 1rem;
}
.cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .animation041 .animation041-item .animation041-text {
  font-size: 20px;
  line-height: 1.3;
  padding: 1rem;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation041 {
    flex-wrap: wrap;
    padding: 0;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation041.startup1600-1-a041 .animation041-item {
    grid-gap: 2rem;
    gap: 2rem;
    padding-top: 6rem;
    width: 40%;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation041.startup1600-1-a041 .animation041-item .animation041-title {
    font-size: 2.4rem;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation041.startup1600-1-a041 .animation041-item .animation041-text {
    font-size: 2.2rem;
    line-height: 1.5;
    padding: 2rem;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation041 .animation041-item .animation041-text {
    font-size: 2rem;
    line-height: 1.3;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .animation041.startup1600-1-a041 .animation041-item {
    grid-gap: 1rem;
    gap: 1rem;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .animation041.startup1600-1-a041 .animation041-item .animation041-title {
    font-size: 2.4rem;
    min-height: 63px;
    display: flex;
    align-items: center;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .animation041.startup1600-1-a041 .animation041-item .animation041-text {
    font-size: 2rem;
    line-height: 1.3;
    padding: 1rem 1.5rem;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation041 .animation041-item {
    width: 50%;
    margin-bottom: 2rem;
    position: relative;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation041 .animation041-item .click-point {
    position: absolute;
    width: 100px;
    transform: rotate(-45deg);
    z-index: 10;
    transition: all 800ms linear 0s;
    bottom: -50px;
    left: unset;
    right: 0;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation041 {
    grid-row-gap: 2rem;
    row-gap: 2rem;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation041.startup1600-1-a041 .animation041-item {
    width: 75%;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation041.startup1600-1-a041 .animation041-item .click-point {
    width: 50px;
    bottom: -25px;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation041 .animation041-item .click-point {
    width: 50px;
    bottom: -25px;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .animation041.startup1600-1-a041 .animation041-item {
    width: 85%;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .animation041.startup1600-1-a041 .animation041-item .click-point {
    width: 50px;
    bottom: -25px;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .animation041 .animation041-item {
    width: 100%;
  }
}

.startup .animation008 {
  margin-right: 3.5rem;
  padding-bottom: 3.5rem;
  width: 80%;
  margin: auto !important;
}
.startup .animation008 .animation008-title {
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.625rem;
  text-align: center;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  margin-bottom: 1.5rem;
}
.startup .animation008 .animation008-content {
  display: flex;
  grid-gap: 1rem;
  gap: 1rem;
  justify-content: space-between;
  padding-right: 3.5rem;
  flex-wrap: wrap;
  margin-top: 3.5rem;
}
.startup .animation008 .animation008-content .animation008-header {
  margin-top: 1.5rem;
  display: flex;
  justify-content: center;
}
.startup .animation008 .animation008-content .animation008-header > .subtitle {
  font-size: 3.5rem;
  color: white;
  position: relative;
}
.startup .animation008 .animation008-content .animation008-header > .subtitle .arrow {
  height: 100%;
  position: absolute;
  top: 0;
  right: -50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.startup .animation008 .animation008-content .animation008-header > .subtitle .arrow img {
  width: 100%;
}
.startup .animation008 .animation008-content .animation008-item {
  width: calc(33.33% - 1rem) !important;
  position: relative;
  border-radius: 60px 4px;
  cursor: initial;
  z-index: 1;
  padding: 1rem 0;
}
.startup .animation008 .animation008-content .animation008-item .click-point {
  position: absolute;
  z-index: 10;
  width: 118px;
  bottom: -145px;
  left: calc(50% - 59px);
}
.startup .animation008 .animation008-content .animation008-item .small-icon {
  position: relative;
  z-index: 2;
  width: 100%;
  border-radius: 0px;
  margin-top: 15px;
  margin-bottom: 5px;
  text-align: center;
}
.startup .animation008 .animation008-content .animation008-item .small-icon img {
  height: 2.8125rem;
}
.startup .animation008 .animation008-content .animation008-item .small-icon.large img {
  height: 4.5rem;
}
.startup .animation008 .animation008-content .animation008-item .animation008-top {
  color: #fff;
  display: flex;
  flex-direction: column;
  height: auto;
  min-height: 5rem;
  align-items: flex-start;
  justify-content: center;
  text-align: left;
  font-family: Helvetica Neue;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0em;
  padding-left: 2rem;
  padding-right: 2rem;
}
.startup .animation008 .animation008-content .animation008-item .animation008-text {
  color: #fff;
  padding: 30px 2rem;
  padding-top: 0;
  min-height: 145px;
  font-size: 1.5rem;
  line-height: 1.4;
  text-align: left;
  position: relative;
}
.startup .animation008 .animation008-content .animation008-item .animation008-text ul {
  margin-bottom: 0;
  padding-left: 0;
}
.startup .animation008 .animation008-content .animation008-item .animation008-text .animation008-text-content {
  padding: 0;
}
.startup .animation008 .animation008-content .animation008-item .animation008-text .click-point1 {
  width: 40px !important;
  position: absolute;
  bottom: -20%;
  right: 0;
  transform: rotate(315deg);
}
.startup .animation008 .animation008-content .animation008-item .animation008-text .view-more-btn {
  width: 100%;
  display: flex;
  justify-content: center;
  color: #FFFFFF;
  height: auto;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  text-align: left;
}
.startup .animation008 .animation008-content .animation008-item .animation008-text .view-more-btn span {
  padding: 5px 20px;
  background-color: #FF646D;
}
.startup.en .animation008 {
  width: 90%;
}
.startup.en .animation008 .animation008-content .animation008-item .animation008-top {
  font-size: 1.3rem;
  line-height: 1.2;
}
.startup.en .animation008 .animation008-content .animation008-item .animation008-text {
  font-size: 1.2rem;
  line-height: 1.2;
}
.animation008-modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: 3rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 5rem;
  padding: 1rem;
  font-size: 2.625rem;
  font-weight: 500;
  border-left: 6px solid #D0B175;
}
.animation008-modal-header .animation008-modal-title {
  font-size: 2.625rem;
  color: unset;
  background-color: unset;
  border-radius: 12px;
  line-height: 1.5;
  font-weight: 400;
  padding: 0.5625rem 1rem;
}
.animation008-modal-header .animation008-modal-link {
  text-align: right;
}
.animation008-modal-header .animation008-modal-link .link-label {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.8375rem;
  letter-spacing: 0em;
  text-align: left;
  margin-right: 2rem;
}
.animation008-modal-header .animation008-modal-link .link-label img {
  margin-top: -0.5rem;
  height: 2.0625rem;
}
.animation008-modal-header .animation008-modal-link .example-link {
  color: #F26927;
  font-family: Helvetica Neue;
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 2.8125rem;
  text-decoration: underline;
}
.animation008-modal .ant-modal-body {
  display: flex;
  justify-content: center;
  position: relative;
  min-height: 456px;
}
.animation008-modal .ant-modal-body video {
  width: 95%;
  height: 100%;
  margin-bottom: 50px;
}
.animation008-modal .ant-modal-body .hide {
  display: none;
}
.animation008-modal .ant-modal-body .next-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.5rem;
  width: 6.5rem;
  right: 0;
  bottom: 0;
}
.animation008-modal .ant-modal-body .prev-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.5rem;
  width: 6.5rem;
  left: 0;
  bottom: 0;
}
@media (max-width: 1024px) {
  .startup .animation008 .animation008-content .animation008-item {
    border-radius: 40px 4px;
  }
}
@media (max-width: 768px) {
  .animation008-modal-header {
    margin-left: 0;
  }
  .startup .animation008 .animation008-content {
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
    grid-gap: 1rem;
    gap: 1rem;
  }
  .startup .animation008 .animation008-content .animation008-item {
    width: calc(33.33333% - 1rem) !important;
    position: relative;
  }
  .startup .animation008 .animation008-content .animation008-item .click-point {
    position: absolute;
    z-index: 10;
    width: 118px;
    bottom: -130px;
    left: 50px;
  }
  .startup .animation008 .animation008-content .animation008-item .small-icon {
    width: 100%;
    text-align: center;
  }
  .startup .animation008 .animation008-content .animation008-item .animation008-top {
    height: 80px;
    line-height: 30px;
    font-size: 20px;
  }
  .startup .animation008 .animation008-content .animation008-item .animation008-text {
    padding: 16px 10px;
  }
  .animation008-modal {
    width: 90% !important;
  }
  .animation008-modal .animation008-modal-header {
    display: flex;
    flex-direction: column;
  }
  .animation008-modal .animation008-modal-header .animation008-modal-title {
    margin-bottom: 10px;
  }
  .animation008-modal .ant-modal-body .next-button img {
    height: 25px;
  }
  .animation008-modal .ant-modal-body .prev-button img {
    height: 25px;
  }
}
@media (max-width: 1024px) {
  .startup .animation008 .animation008-content {
    padding-right: 0;
  }
  .startup .animation008 .animation008-content .animation008-item .animation008-top {
    min-height: 6rem;
  }
  .startup .animation008 .animation008-content .animation008-item .click-point {
    width: 76px;
    bottom: -76px;
    left: calc(50% - 38px);
  }
  .startup .animation008 .animation008-content .animation008-header > .subtitle .arrow {
    right: -100%;
  }
  .startup .animation008 .animation008-content .animation008-item .animation008-text {
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.en.startup .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-text {
    font-size: 1.4rem;
    line-height: 1.5;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.en.startup .ant-layout-content .course-body .course-body-content .animation008 {
    width: 100%;
  }
  .cyber-security-training-page.course-page.en.startup .ant-layout-content .course-body .course-body-content .animation008 .animation008-content {
    justify-content: space-between;
  }
  .cyber-security-training-page.course-page.en.startup .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-top {
    font-size: 1.6rem;
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.en.startup .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-text {
    font-size: 1.6rem;
    line-height: 1.3;
    padding-top: 0;
  }
}
@media (max-width: 480px) {
  .startup .animation008 .animation008-content .animation008-item {
    width: calc(50% - 1rem) !important;
    position: relative;
  }
  .cyber-security-training-page.course-page.en.startup .ant-layout-content .course-body .course-body-content .animation008 .animation008-content {
    justify-content: center;
  }
  .cyber-security-training-page.course-page.en.startup .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item {
    width: 80% !important;
  }
  .startup.en .animation008 .animation008-content .animation008-item .animation008-text {
    padding: 1.5rem;
    padding-top: 0;
  }
  .startup.en .animation008 .animation008-content .animation008-item .animation008-top {
    padding: 1.5rem;
  }
  .startup.en .animation008 .animation008-content .animation008-item .animation008-top {
    font-size: 1.6rem;
  }
  .animation008-modal .animation008-modal-header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .animation008-modal .animation008-modal-header .animation008-modal-title {
    margin-bottom: 0;
  }
  .animation008-modal .ant-modal-body {
    padding-left: 0;
    padding-right: 0;
  }
  .startup .animation008 .animation008-content .animation008-item .animation008-top {
    line-height: 1.2;
    font-size: 1.8rem;
    height: auto;
    padding: 0;
    align-items: center;
    text-align: center;
  }
  .cyber-security-training-page.course-page.en.startup .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-top {
    font-size: 1.5rem;
    line-height: 1.2;
    min-height: 85px;
  }
  .cyber-security-training-page.course-page.en.startup .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-text {
    font-size: 1.4rem;
    line-height: 1.2;
    padding-top: 0;
  }
}

.startup .component005 {
  margin-top: 0;
  position: relative;
}
.startup .component005 .click-point1 {
  position: absolute;
  z-index: 10;
  width: 80px;
  top: 0;
  left: 280px;
  transform: rotate(270deg);
  cursor: pointer;
  z-index: 100;
}
.startup .component005.no-tabs .ant-tabs-nav-list {
  display: none;
}
.startup .component005.no-tabs .click-point1 {
  display: none;
}
.startup .component005 .component005-topic-tab {
  overflow: visible !important;
  margin-right: 3.5rem;
  margin-bottom: 142px;
}
.startup .component005 .component005-topic-tab.tab2 .ant-tabs-tab.ant-tabs-tab-active {
  background-color: #F1F7FF;
}
.startup .component005 .component005-topic-tab.tab2 .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #000 !important;
}
.startup .component005 .component005-topic-tab.tab2 .ant-tabs-tabpane {
  background-color: #F1F7FF;
}
.startup .component005 .component005-topic-tab.tab2 .ant-tabs-tabpane .component005-card-item-title {
  color: #96AD02 !important;
  border-color: #96AD02 !important;
}
.startup .component005 .component005-topic-tab.tab2 .ant-tabs-tabpane .component005-card-item-title > div {
  border-color: #96AD02 !important;
}
.startup .component005 .component005-topic-tab.tab2 .ant-tabs-tabpane .component005-card-item-content {
  background: #96AD02 !important;
}
.startup .component005 .component005-topic-tab .ant-tabs-tab {
  font-size: 1.3125rem;
  font-weight: 400;
  line-height: 2.8;
  color: #333333;
  background-color: #ECECEC;
  border: none;
  padding-left: 1.375rem;
  padding-right: 1.375rem;
  margin-right: 0.625rem;
}
.startup .component005 .component005-topic-tab .ant-tabs-tab.ant-tabs-tab-active {
  background-color: #FFF3E4;
}
.startup .component005 .component005-topic-tab .ant-tabs-tabpane {
  min-height: 360px;
  background-color: #FFF3E4;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  position: relative;
}
.startup .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 {
  width: 100%;
  height: 255px;
  position: absolute;
  top: -256px;
  display: none;
}
.startup .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip {
  border: 1px solid #000;
  border-radius: 47%;
  position: absolute;
  font-size: 1.75rem;
  padding: 4rem;
  text-align: left;
  max-width: 38rem;
  min-height: 9rem;
  display: flex;
  align-items: center;
  right: 120px;
  margin-right: 20%;
  padding: 3rem;
  bottom: 2rem;
}
.startup .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip .tip-text {
  z-index: 1;
  font-size: 1.2rem;
  line-height: 1.5;
}
.startup .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip .tip-arrow {
  position: absolute;
  top: calc(50% - 15px);
  left: unset;
  right: -107px;
  background: #fff;
  height: 24px;
  width: 128px;
}
.startup .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip .tip-arrow .line1 {
  width: 64px;
  height: 1px;
  background: #000;
  transform: rotate(12deg);
  position: absolute;
  top: 5px;
  right: 46px;
}
.startup .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip .tip-arrow .line2 {
  width: 61px;
  height: 1px;
  background: #000;
  transform: rotate(-12deg);
  position: absolute;
  bottom: 5px;
  right: 46px;
}
.startup .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 img {
  max-width: 40vw;
  position: relative;
  z-index: 10;
  left: 73%;
}
.startup .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list {
  margin: 2.5rem;
  display: flex;
  grid-gap: 0.625rem;
  gap: 0.625rem;
  justify-content: space-between;
  flex-wrap: wrap;
}
.startup .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item {
  width: calc(20% - 0.625rem) !important;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
  color: #fff;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-left: 6px;
  padding-right: 6px;
  position: relative;
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.startup .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-title {
  color: #96AD02;
  border: 2px solid rgba(150, 173, 2, 0.6);
  border-radius: 10px;
  padding: 1.75rem 1.25rem 0.75rem;
  width: 100%;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 1.125rem;
}
.startup .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-title > div {
  display: flex;
  align-items: center;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding-bottom: 1rem;
  border-bottom: 2.25px solid rgba(150, 173, 2, 0.6);
  min-height: 66px;
}
.startup .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content {
  background: #96AD02;
  border-radius: 10px;
  padding: 1.25rem;
  min-height: 10.5rem;
  align-items: center;
  flex-direction: column;
  display: flex;
}
.startup .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content .text {
  height: 100%;
}
.startup .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content .img {
  width: 109px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.startup .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content .img img {
  width: auto;
  height: 55px;
}
.startup .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .clickable {
  border-radius: 10px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #999;
  display: flex;
  cursor: pointer;
}
.startup .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .clickable .click-point {
  width: 7rem;
  position: absolute;
  bottom: -2rem;
  left: calc(50% - 3.5rem);
}
.startup .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .clickable .clickable-label {
  width: 100%;
  text-align: center;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.startup.en .component005.no-tabs .ant-tabs-nav-list {
  display: none;
}
.startup.en .component005.no-tabs .click-point1 {
  display: none;
}
.startup.en .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-title {
  font-size: 24px;
  line-height: 1.2;
}
.startup.en .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-title > div {
  min-height: 135px;
}
.startup.en .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content {
  padding: 1rem;
  min-height: 272px;
}
.startup.en .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content .text {
  font-size: 18px;
  line-height: 1.1;
}
@media (max-width: 1024px) {
  .startup .component005 .component005-topic-tab .ant-tabs-tabpane {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .startup .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 img {
    left: 65%;
  }
  .startup .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content {
    height: 100%;
  }
  .startup .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003.position-right .component003-tip {
    margin-right: 35%;
  }
  .startup .component005 .click-point1 {
    width: 60px;
    left: 180px;
  }
  .startup .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content .img img {
    width: auto;
    height: 50%;
  }
  .startup.en .component005.no-tabs .ant-tabs-nav-list {
    display: none;
  }
  .startup.en .component005.no-tabs .click-point1 {
    display: none;
  }
  .startup.en .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-title {
    font-size: 2rem;
    line-height: 1.2;
  }
  .startup.en .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-title > div {
    min-height: 110px;
  }
  .startup.en .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content {
    min-height: 180px;
  }
  .startup.en .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content .text {
    font-size: 1.5rem;
  }
}
@media (max-width: 768px) {
  .startup .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 img {
    left: 55%;
    bottom: 0;
    height: 200px;
  }
  .startup .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 {
    top: -200px;
  }
  .startup .component005 .component005-topic-tab {
    width: 100%;
  }
  .startup .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003 .component003-tip .tip-text {
    font-size: 1rem;
  }
  .startup .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 1rem;
    gap: 1rem;
    justify-content: flex-start;
  }
  .startup .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item {
    width: calc(33% - 0.6rem) !important;
    font-size: 1.4rem;
    padding: 0;
  }
  .startup .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-title {
    font-size: 1.5rem;
    line-height: 1.2;
  }
  .startup .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content {
    width: 100%;
    min-height: 10rem;
  }
  .startup .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content .img img {
    width: auto;
    height: 75%;
  }
  .startup .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip .tip-text {
    font-size: 1rem;
    line-height: 1.1rem;
  }
}
@media (max-width: 480px) {
  .startup .component005 .component005-topic-tab {
    width: 97%;
  }
  .startup .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003 .component003-tip .tip-text {
    font-size: 0.5rem;
  }
  .startup .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .startup .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item {
    width: 100% !important;
  }
  .startup .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content {
    width: 100%;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .startup .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-title {
    width: 100%;
  }
  .startup .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-title > div {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .startup.en .component005 .component005-topic-tab {
    width: 97%;
  }
  .startup.en .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003 .component003-tip .tip-text {
    font-size: 0.5rem;
  }
  .startup.en .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .startup.en .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item {
    width: 100% !important;
  }
  .startup.en .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content {
    width: 100%;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .startup.en .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-title {
    width: 100%;
  }
  .startup.en .component005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-title > div {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .startup .component005 .click-point1 {
    width: 30px;
    left: 170px;
    top: 10px;
  }
  .startup .component005-component003 .component003-tip {
    width: 160px;
    left: 0;
    top: -7%;
    padding: 2rem !important;
  }
  .startup .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip .tip-text {
    line-height: 1.3rem;
  }
  .startup .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 img {
    height: 130px;
  }
  .startup .component005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 {
    top: -130px;
    height: 130px;
  }
}
.startup .component005 .component005-topic-tab .ant-tabs-nav {
  z-index: 10;
}

.startup .component002 .cando-section .can-do .cando-body .cando-content ul li .cando-content-body {
  display: flex;
  flex-direction: row;
}
.startup .component002 .cando-section .can-do .cando-body .cando-content ul li .cando-content-body .view-more {
  width: auto;
}
.startup .component002 .cando-section .can-do .cando-body .cando-content ul li .cando-content-body .view-more .view-more-btn {
  padding: 0;
  font-size: 1.3rem;
  height: auto;
  position: relative;
  color: #0CA39A;
}
.startup .component002 .cando-section .can-do .cando-body .cando-content ul li .cando-content-body .view-more .view-more-btn .click-point1 {
  width: 40px;
  cursor: pointer;
  position: absolute;
  bottom: -45px;
  left: calc(50% - 20px);
}
.component002-modal .ant-modal-content .ant-modal-header {
  padding: 1.5rem 4.5rem;
}
.component002-modal .ant-modal-content .ant-modal-header .ant-modal-title {
  border-left: 4px solid #A3D4CA;
  padding: 1rem;
  font-size: 2rem;
}
.component002-modal .ant-modal-content .ant-modal-body {
  padding: 4rem 1.5rem;
}

.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation024 {
  margin-top: 5rem !important;
  margin-bottom: 10rem !important;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation024 .animation024-content {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  grid-gap: 1rem;
  gap: 1rem;
  grid-row-gap: 2rem;
  row-gap: 2rem;
  height: auto;
  justify-content: space-between;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item {
  width: calc(33.33% - 1rem);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  position: relative;
  margin-bottom: 0;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 100;
  transition: all 800ms linear 0s;
  bottom: -80px;
  right: -80px;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .sub-task-text {
  position: relative;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .sub-task-text .click-point1 {
  width: 40px !important;
  position: absolute;
  bottom: -50%;
  right: -25%;
  transform: rotate(315deg);
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .sub-task-text .ant-btn {
  background: #F26927;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 20px;
  cursor: pointer;
  margin-top: 0.5rem;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .sub-task-text .ant-btn > span {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  color: #FFFFFF;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .animation024-text {
  font-size: 21px;
  line-height: 1.3;
  text-align: left;
  padding-left: 20px;
}
.cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .animation024-text {
  font-size: 20px;
  line-height: 1.1;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation024 .animation024-content {
    padding-right: 0 !important;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin-bottom: 1rem;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .animation024-indicate-number .animation024-icon {
    width: 5.5rem;
    height: 5.5rem;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .animation024-indicate-number .number {
    text-align: center;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .animation024-indicate-number .animation024-icon img {
    max-width: 50% !important;
    max-height: 50% !important;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .animation024-subcontent .animation024-text {
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .animation024-text {
    font-size: 1.5rem;
    line-height: 1.2;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item {
    width: 100%;
    height: 8rem;
    display: flex;
    align-items: center;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .animation024-indicate-number {
    height: 8rem;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .animation024-subcontent .animation024-text {
    font-size: 2.2rem;
    line-height: 1.3;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item {
    width: 100%;
    height: 8rem;
    display: flex;
    align-items: center;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .animation024-indicate-number {
    height: 8rem;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .animation024-subcontent .animation024-text {
    font-size: 1.7rem;
    line-height: 1.3;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation024 {
    margin-top: 5rem !important;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .animation024-text {
    font-size: 2rem;
    line-height: 1.3;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation024 {
    margin-right: 0;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation024 .animation024-content {
    width: 100%;
    grid-row-gap: 3rem;
    row-gap: 3rem;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item {
    padding-left: 0 !important;
    height: 8rem;
    width: 100%;
    align-items: flex-start;
    margin-bottom: 0;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .animation024-indicate-number {
    min-width: 7rem;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .animation024-indicate-number img {
    width: 6rem;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .animation024-subcontent {
    display: flex;
    align-items: center;
    height: 6rem;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation024 .animation024-content .animation024-item .animation024-subcontent .animation024-text {
    font-size: 1.4rem;
  }
}

.startup .animation028 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  grid-gap: 0;
  gap: 0;
  margin-right: 3.5rem;
}
.startup .animation028 .animation028-contaner {
  display: flex;
  grid-gap: 1rem;
  gap: 1rem;
  justify-content: space-between;
  width: calc(20% - 1.5rem);
}
.startup .animation028 .animation028-contaner .animation028-item {
  width: 250px;
  position: relative;
}
.startup .animation028 .animation028-contaner .animation028-item .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 100;
  transition: all 800ms linear 0s;
  bottom: 50%;
  right: -80px;
}
.startup .animation028 .animation028-contaner .animation028-item.r2,
.startup .animation028 .animation028-contaner .animation028-item.r4 {
  margin-top: 140%;
}
.startup .animation028 .animation028-contaner .animation028-item.r1 .text,
.startup .animation028 .animation028-contaner .animation028-item.r3 .text,
.startup .animation028 .animation028-contaner .animation028-item.r5 .text {
  top: 0;
  bottom: unset;
  height: 290px;
}
.startup .animation028 .animation028-contaner .animation028-item.r6 {
  margin-top: -10%;
}
.startup .animation028 .animation028-contaner .animation028-item img {
  width: 250px;
}
.startup .animation028 .animation028-contaner .animation028-item .text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  padding: 3rem;
  font-size: 1.3rem;
  line-height: 1.3;
}
.startup .animation028 .animation028-contaner .animation028-item .text .sub-task-text {
  width: 100%;
  height: auto;
}
.startup .animation028 .animation028-contaner .animation028-item .text .sub-task-text button {
  width: 100%;
  position: relative;
  color: #00C3E6;
  font-size: 1.3rem !important;
}
.startup .animation028 .animation028-contaner .animation028-item .text .sub-task-text button .click-point1 {
  position: absolute;
  width: 30px;
  bottom: -15px;
  right: -10px;
  transform: rotate(315deg);
}
.animation028-modal-ngo .ant-modal-content .animation028-modal-header {
  margin: 4rem;
  margin-bottom: 1rem;
  margin-top: 1rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 4rem;
  padding: 1rem;
  font-size: 2.625rem;
  font-weight: 500;
  border-left: 4px solid #53CC92;
  display: flex;
  align-items: center;
  justify-content: center;
}
.animation028-modal-ngo .ant-modal-content .ant-modal-body .next-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.8rem;
  width: 4.8rem;
  right: 0;
  bottom: 0;
  padding: 0;
}
.animation028-modal-ngo .ant-modal-content .ant-modal-body .next-button .click-point2 {
  position: absolute;
  bottom: 5rem;
  right: 5rem;
  width: 5rem;
  height: 5rem;
  transform: rotate(135deg);
}
.animation028-modal-ngo .ant-modal-content .ant-modal-body .next-button .arrow {
  margin: 0 auto;
}
.animation028-modal-ngo .ant-modal-content .ant-modal-body .prev-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.8rem;
  width: 4.8rem;
  left: 0;
  bottom: 0;
  padding: 0;
}
.animation028-modal-ngo .ant-modal-content .ant-modal-body .prev-button .click-point1 {
  position: absolute;
  bottom: 5rem;
  left: 5rem;
  width: 5rem;
  height: 5rem;
  transform: rotate(225deg);
}
.animation028-modal-ngo .ant-modal-content .ant-modal-body .prev-button .arrow {
  margin: 0 auto;
}
.animation028-modal-ngo .ant-modal-content .ant-modal-body .hide {
  display: none;
}
.animation028-modal-ngo .ant-modal-content .ant-modal-body .border {
  margin-left: 12rem;
  margin-right: 12rem;
  margin-top: 0;
  margin-bottom: 1rem;
}
.animation028-modal-ngo .ant-modal-content .ant-modal-body .border img {
  width: 100%;
}
.animation028-modal-ngo .ant-modal-content .ant-modal-body .content {
  width: 37.5rem;
  margin-left: 12rem;
  margin-right: 12rem;
  margin-top: 0;
  margin-bottom: 5rem;
  background: rgba(234, 75, 108, 0.2);
  border-radius: 5px;
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: 400;
  padding: 1.5rem;
  text-align: left;
}
.startup.en .animation028 {
  margin-right: 12.5rem;
}
.startup.en .animation028 .animation028-contaner {
  width: 20%;
}
.startup.en .animation028 .animation028-contaner .animation028-item.r2,
.startup.en .animation028 .animation028-contaner .animation028-item.r4 {
  margin-top: 210%;
}
.startup.en .animation028 .animation028-contaner .animation028-item.r1 .text,
.startup.en .animation028 .animation028-contaner .animation028-item.r3 .text,
.startup.en .animation028 .animation028-contaner .animation028-item.r5 .text {
  height: 405px;
}
.startup.en .animation028 .animation028-contaner .animation028-item .bg-img {
  width: 350px;
}
.startup.en .animation028 .animation028-contaner .animation028-item .text {
  width: 350px;
  font-size: 1.4rem;
  line-height: 1.1;
  padding: 3rem 4.5rem;
}
@media (min-width: 1680px) {
  .startup.en .animation028 .animation028-contaner .animation028-item.r2,
  .startup.en .animation028 .animation028-contaner .animation028-item.r4 {
    margin-top: 140%;
  }
}
@media (max-width: 1024px) {
  .startup .animation028 {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 8rem;
    gap: 8rem;
    grid-row-gap: 4rem;
    row-gap: 4rem;
    margin-right: 2rem;
  }
  .startup .animation028 .animation028-contaner {
    display: flex;
    grid-gap: 1rem;
    gap: 1rem;
    justify-content: space-between;
    width: calc(33.33% - 8rem);
  }
  .startup .animation028 .animation028-contaner .animation028-item {
    width: 100%;
    position: relative;
  }
  .startup .animation028 .animation028-contaner .animation028-item .click-point {
    position: absolute;
    width: 100px;
    transform: rotate(-45deg);
    z-index: 100;
    transition: all 800ms linear 0s;
    bottom: 0;
    right: 0;
  }
  .startup .animation028 .animation028-contaner .animation028-item.r2,
  .startup .animation028 .animation028-contaner .animation028-item.r4 {
    margin-top: 0;
  }
  .startup .animation028 .animation028-contaner .animation028-item.r1 .text,
  .startup .animation028 .animation028-contaner .animation028-item.r3 .text,
  .startup .animation028 .animation028-contaner .animation028-item.r5 .text {
    top: 0;
    bottom: unset;
    height: 100%;
  }
  .startup .animation028 .animation028-contaner .animation028-item img {
    width: 100%;
  }
  .startup .animation028 .animation028-contaner .animation028-item .text {
    padding: 4.5rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .startup .animation028 .animation028-contaner .animation028-item .text .sub-task-text button {
    font-size: 1.6rem !important;
  }
  .startup .animation028 .animation028-contaner .animation028-item .text .sub-task-text button .click-point1 {
    right: 0;
  }
  .startup.en .animation028 {
    grid-gap: 5rem;
    gap: 5rem;
    grid-row-gap: 3rem;
    row-gap: 3rem;
    justify-content: space-between;
    margin-right: 0;
  }
  .startup.en .animation028 .animation028-contaner {
    width: calc(33.33% - 5rem);
  }
  .startup.en .animation028 .animation028-contaner .animation028-item .click-point {
    position: absolute;
    width: 100px;
    transform: rotate(-45deg);
    z-index: 100;
    transition: all 800ms linear 0s;
    bottom: 0;
    right: 0;
  }
  .startup.en .animation028 .animation028-contaner .animation028-item.r2,
  .startup.en .animation028 .animation028-contaner .animation028-item.r4 {
    margin-top: 0;
  }
  .startup.en .animation028 .animation028-contaner .animation028-item.r1 .text,
  .startup.en .animation028 .animation028-contaner .animation028-item.r3 .text,
  .startup.en .animation028 .animation028-contaner .animation028-item.r5 .text {
    top: 0;
    bottom: unset;
    height: 100%;
  }
  .startup.en .animation028 .animation028-contaner .animation028-item .bg-img {
    width: 100%;
  }
  .startup.en .animation028 .animation028-contaner .animation028-item .text {
    width: 100%;
    padding: 5.5rem;
    font-size: 1.6rem;
    line-height: 1.2;
  }
  .startup.en .animation028 .animation028-contaner .animation028-item .text .sub-task-text button {
    font-size: 1.5rem !important;
  }
  .startup.en .animation028 .animation028-contaner .animation028-item .text .sub-task-text button .click-point1 {
    right: 0;
  }
}
@media (max-width: 768px) {
  .animation028 {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 1.5rem;
    gap: 1.5rem;
    margin-right: 2rem;
  }
  .animation028 .animation028-contaner {
    display: flex;
    grid-gap: 1rem;
    gap: 1rem;
    justify-content: space-between;
    width: calc(33.33% - 1.5rem);
  }
  .animation028 .animation028-contaner .animation028-item {
    width: 100%;
    position: relative;
    margin-top: 0 !important;
  }
  .animation028 .animation028-contaner .animation028-item .click-point {
    position: absolute;
    width: 100px;
    transform: rotate(-45deg);
    z-index: 100;
    transition: all 800ms linear 0s;
    bottom: 50%;
    right: -80px;
  }
  .animation028 .animation028-contaner .animation028-item.r1 .text,
  .animation028 .animation028-contaner .animation028-item.r3 .text,
  .animation028 .animation028-contaner .animation028-item.r5 .text {
    top: 0;
    bottom: unset;
    height: 100%;
  }
  .animation028 .animation028-contaner .animation028-item img {
    width: 100%;
  }
  .animation028 .animation028-contaner .animation028-item .text {
    display: flex;
    align-items: center;
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    padding: 4.5rem;
    font-size: 1.4rem;
    line-height: 1.4;
  }
  .startup.en .animation028 {
    grid-gap: 5rem;
    gap: 5rem;
    grid-row-gap: 3rem;
    row-gap: 3rem;
    justify-content: center;
    margin-right: 0;
  }
  .startup.en .animation028 .animation028-contaner {
    width: calc(50% - 8rem);
  }
  .startup.en .animation028 .animation028-contaner .animation028-item .click-point {
    position: absolute;
    width: 100px;
    transform: rotate(-45deg);
    z-index: 100;
    transition: all 800ms linear 0s;
    bottom: 0;
    right: 0;
  }
  .startup.en .animation028 .animation028-contaner .animation028-item.r2,
  .startup.en .animation028 .animation028-contaner .animation028-item.r4 {
    margin-top: 0;
  }
  .startup.en .animation028 .animation028-contaner .animation028-item.r1 .text,
  .startup.en .animation028 .animation028-contaner .animation028-item.r3 .text,
  .startup.en .animation028 .animation028-contaner .animation028-item.r5 .text {
    top: 0;
    bottom: unset;
    height: 100%;
  }
  .startup.en .animation028 .animation028-contaner .animation028-item .bg-img {
    width: 100%;
  }
  .startup.en .animation028 .animation028-contaner .animation028-item .text {
    width: 100%;
    padding: 5.5rem;
    font-size: 1.6rem;
    line-height: 1.2;
  }
  .startup.en .animation028 .animation028-contaner .animation028-item .text .sub-task-text button {
    font-size: 1.5rem !important;
  }
  .startup.en .animation028 .animation028-contaner .animation028-item .text .sub-task-text button .click-point1 {
    right: 0;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation028 {
    grid-gap: 0;
    gap: 0;
    justify-content: space-between;
    margin-right: 0;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation028 .animation028-contaner {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: calc(50% - 0.5rem);
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation028 .animation028-contaner .animation028-item.r2,
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation028 .animation028-contaner .animation028-item.r4 {
    margin-top: 0;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation028 .animation028-contaner .animation028-item.r2 .text,
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation028 .animation028-contaner .animation028-item.r4 .text {
    height: 106%;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation028 .animation028-contaner .animation028-item.r1 .text,
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation028 .animation028-contaner .animation028-item.r3 .text,
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation028 .animation028-contaner .animation028-item.r5 .text {
    top: 0;
    bottom: unset;
    height: 100%;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation028 .animation028-contaner .animation028-item .text {
    padding: 2rem 3rem;
    font-size: 1.3rem;
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation028 .animation028-contaner .animation028-item .text .sub-task-text button {
    font-size: 1.4rem !important;
    padding: 0 !important;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .animation028 {
    justify-content: center;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .animation028 .animation028-contaner {
    width: 75%;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .animation028 .animation028-contaner .animation028-item.r2 .text,
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .animation028 .animation028-contaner .animation028-item.r4 .text {
    height: 106%;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .animation028 .animation028-contaner .animation028-item.r1 .text,
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .animation028 .animation028-contaner .animation028-item.r3 .text,
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .animation028 .animation028-contaner .animation028-item.r5 .text {
    top: 0;
    bottom: unset;
    height: 98%;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .animation028 .animation028-contaner .animation028-item .text {
    font-size: 1.4rem;
    padding: 4.5rem;
  }
  .animation028-modal-ngo .ant-modal-content .animation028-modal-header {
    margin: 4rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
    margin-left: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 4rem;
    padding: 1rem;
    font-size: 2.625rem;
    font-weight: 500;
    border-left: 4px solid #53CC92;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .animation028-modal-ngo .ant-modal-content .ant-modal-body .next-button {
    position: absolute;
    background: #FFC53D;
    border-radius: 0px;
    height: 4.8rem;
    width: 4.8rem;
    right: 0;
    bottom: 0;
    padding: 0;
  }
  .animation028-modal-ngo .ant-modal-content .ant-modal-body .next-button .click-point2 {
    position: absolute;
    bottom: 5rem;
    right: 5rem;
    width: 5rem;
    height: 5rem;
    transform: rotate(135deg);
  }
  .animation028-modal-ngo .ant-modal-content .ant-modal-body .next-button .arrow {
    margin: 0 auto;
  }
  .animation028-modal-ngo .ant-modal-content .ant-modal-body .prev-button {
    position: absolute;
    background: #FFC53D;
    border-radius: 0px;
    height: 4.8rem;
    width: 4.8rem;
    left: 0;
    bottom: 0;
    padding: 0;
  }
  .animation028-modal-ngo .ant-modal-content .ant-modal-body .prev-button .click-point1 {
    position: absolute;
    bottom: 5rem;
    left: 5rem;
    width: 5rem;
    height: 5rem;
    transform: rotate(225deg);
  }
  .animation028-modal-ngo .ant-modal-content .ant-modal-body .prev-button .arrow {
    margin: 0 auto;
  }
  .animation028-modal-ngo .ant-modal-content .ant-modal-body .hide {
    display: none;
  }
  .animation028-modal-ngo .ant-modal-content .ant-modal-body .border {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 1rem;
  }
  .animation028-modal-ngo .ant-modal-content .ant-modal-body .border img {
    width: 100%;
  }
  .animation028-modal-ngo .ant-modal-content .ant-modal-body .content {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 5rem;
    background: rgba(234, 75, 108, 0.2);
    border-radius: 5px;
    font-size: 1.2rem;
    line-height: 1.5;
    font-weight: 400;
    padding: 1.5rem;
    text-align: center;
  }
}

.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .animation002 {
  width: 934px;
  height: 934px;
  position: relative;
  margin: auto;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .animation002 .click-point {
  width: 110px;
  position: absolute;
  top: 100px;
  left: 153px;
  transform: rotate(90deg);
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-center-circle {
  font-size: 27px;
  font-weight: 500;
  line-height: 34px;
  text-align: center;
  background: #F26927CC;
  height: 269px;
  width: 269px;
  border-radius: 50%;
  color: #fff;
  position: absolute;
  left: calc(50% - 134.5px);
  display: flex;
  justify-content: center;
  align-items: center;
  top: 338px;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  width: 200px;
  height: 200px;
  position: absolute;
  border-radius: 20px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  grid-gap: 1rem;
  gap: 1rem;
  flex-direction: column;
  padding: 20.76px 0.5rem;
  cursor: pointer;
  transition: all 0.5s linear 0s;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel.fade-in {
  opacity: 1;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel .text {
  text-align: center;
  line-height: 1.2;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel .bp-panel-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-1 {
  background: #1AB6B6;
  position: absolute;
  top: 45px;
  left: calc(50% - 92px);
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-2 {
  background: #DD936F;
  position: absolute;
  top: 256px;
  right: 78px;
  opacity: 0;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-3 {
  background: #F4B784;
  position: absolute;
  top: 539px;
  right: 78px;
  opacity: 0;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-4 {
  background: #597EF7;
  position: absolute;
  top: 689px;
  left: calc(50% - 92px);
  opacity: 0;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-5 {
  background: #EF878D;
  position: absolute;
  top: 539px;
  left: 78px;
  opacity: 0;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-6 {
  background: #3789FF;
  position: absolute;
  top: 256px;
  left: 78px;
  opacity: 0;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .animation002.startup1200-2-a002 .bp-panel {
  padding: 1rem;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .animation002.startup1200-2-a002 .bp-panel-1 {
  left: calc(50% - 100px);
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .animation002.startup1200-2-a002 .bp-panel-2 {
  top: 380px;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .animation002.startup1200-2-a002 .bp-panel-3 {
  top: 670px;
  right: 200px;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .animation002.startup1200-2-a002 .bp-panel-4 {
  top: 670px;
  left: 200px;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .animation002.startup1200-2-a002 .bp-panel-5 {
  top: 380px;
}
.cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel {
  width: 230px;
  height: 230px;
  padding-bottom: 20.76px !important;
  padding: 20.76px 1rem;
  grid-gap: 0.5rem;
  gap: 0.5rem;
}
.cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel.fade-in {
  opacity: 1;
}
.cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel .text {
  text-align: center;
  line-height: 1.2;
}
.cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-1 {
  left: calc(50% - 115px);
}
.cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-2,
.cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-5 {
  top: 360px;
}
.cyber-security-training-page.course-page.en.startup .ant-layout-content .course-body .course-body-content .topic-item .animation002.general930-1-a002 .bp-center-circle {
  font-size: 1.3rem;
  padding: 1rem;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .animation002 {
    width: 100%;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-center-circle {
    padding: 1rem;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-1 {
    background: #1AB6B6;
    position: absolute;
    top: 45px;
    left: calc(50% - 92px);
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-2 {
    background: #DD936F;
    position: absolute;
    top: 256px;
    right: 78px;
    opacity: 0;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-3 {
    background: #F4B784;
    position: absolute;
    top: 539px;
    right: 78px;
    opacity: 0;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-4 {
    background: #597EF7;
    position: absolute;
    top: 689px;
    left: calc(50% - 92px);
    opacity: 0;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-5 {
    background: #EF878D;
    position: absolute;
    top: 539px;
    left: 78px;
    opacity: 0;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-6 {
    background: #3789FF;
    position: absolute;
    top: 256px;
    left: 78px;
    opacity: 0;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .animation002.startup1200-2-a002 .bp-panel {
    padding: 27px 17px;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .animation002.startup1200-2-a002 .bp-panel-2 {
    top: calc(50% - 10.9vw);
    right: 0;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .animation002.startup1200-2-a002 .bp-panel-3 {
    top: 70vw;
    right: 20%;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .animation002.startup1200-2-a002 .bp-panel-4 {
    top: 70vw;
    left: 20%;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .animation002.startup1200-2-a002 .bp-panel-5 {
    top: calc(50% - 10.9vw);
    left: 0;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel .text {
    font-size: 1.6rem;
    line-height: 1.2;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .animation002 {
    width: 100%;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-center-circle {
    padding: 1rem;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-1 {
    background: #1AB6B6;
    position: absolute;
    top: 45px;
    left: calc(50% - 92px);
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-2 {
    background: #DD936F;
    position: absolute;
    top: 256px;
    right: 78px;
    opacity: 0;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-3 {
    background: #F4B784;
    position: absolute;
    top: 539px;
    right: 78px;
    opacity: 0;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-4 {
    background: #597EF7;
    position: absolute;
    top: 689px;
    left: calc(50% - 92px);
    opacity: 0;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-5 {
    background: #EF878D;
    position: absolute;
    top: 539px;
    left: 78px;
    opacity: 0;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-6 {
    background: #3789FF;
    position: absolute;
    top: 256px;
    left: 78px;
    opacity: 0;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .animation002.startup1200-2-a002 .bp-panel {
    padding: 27px 17px;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .animation002.startup1200-2-a002 .bp-panel-2 {
    top: calc(50% - 10.9vw);
    right: 0;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .animation002.startup1200-2-a002 .bp-panel-3 {
    top: 90vw;
    right: 20%;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .animation002.startup1200-2-a002 .bp-panel-4 {
    top: 90vw;
    left: 20%;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .animation002.startup1200-2-a002 .bp-panel-5 {
    top: calc(50% - 10.9vw);
    left: 0;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .topic-item .animation002 {
    width: 100%;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-center-circle {
    padding: 1rem;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.startup1200-2-a002 .bp-panel {
    width: 200px;
    height: 220px;
    padding: 27px 17px;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.startup1200-2-a002 .bp-panel .text {
    font-size: 1.4rem;
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.startup1200-2-a002 .bp-panel-1 {
    left: calc(50% - 100px);
    top: 45px;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.startup1200-2-a002 .bp-panel-2 {
    top: calc(50% - 100px);
    right: 0;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.startup1200-2-a002 .bp-panel-3 {
    top: 90vw;
    right: 20%;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.startup1200-2-a002 .bp-panel-4 {
    top: 90vw;
    left: 20%;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.startup1200-2-a002 .bp-panel-5 {
    top: calc(50% - 100px);
    left: 0;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .animation002 {
    height: 130vw;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .animation002 .click-point {
    width: 50px;
    position: absolute;
    top: 50px;
    left: 50px;
    transform: rotate(90deg);
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-center-circle {
    width: 31.8vw;
    height: 31.8vw;
    font-size: 1.5rem;
    line-height: 1.2;
    left: calc(50% - 15.9vw);
    top: 50vw;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel .bp-panel-title {
    font-size: 1.4rem;
    line-height: 1.1;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel .text {
    font-size: 1.1rem;
    line-height: 1.1;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .animation002.startup1200-2-a002 .bp-panel {
    padding: 1.5vw;
    width: 100px;
    height: 150px;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .animation002.startup1200-2-a002 .bp-panel.bp-panel-1 {
    top: 0;
    left: calc(50% - 50px);
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .animation002.startup1200-2-a002 .bp-panel.bp-panel-2 {
    top: calc(50% - 75px);
    right: 0;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .animation002.startup1200-2-a002 .bp-panel.bp-panel-3 {
    top: unset;
    bottom: 0;
    right: 15%;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .animation002.startup1200-2-a002 .bp-panel.bp-panel-4 {
    top: unset;
    bottom: 0;
    left: 15%;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .animation002.startup1200-2-a002 .bp-panel.bp-panel-5 {
    top: calc(50% - 75px);
    left: 0;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-center-circle {
    font-size: 1.3rem;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel {
    height: 25.8vw;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel .text {
    font-size: 8px;
    font-weight: 400;
    line-height: 9px;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel.bp-panel-1 {
    top: 5vw;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .topic-item .animation002 {
    height: 245vw;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .topic-item .animation002 .click-point {
    width: 50px;
    position: absolute;
    top: 50px;
    left: 50px;
    transform: rotate(90deg);
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-center-circle {
    width: 31.8vw;
    height: 31.8vw;
    font-size: 1.4rem;
    line-height: 1.2;
    left: calc(50% - 15.9vw);
    top: 108vw;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel .bp-panel-title {
    font-size: 1.4rem;
    line-height: 1.1;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel .text {
    font-size: 1.1rem;
    line-height: 1.1;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.startup1200-2-a002 {
    display: flex;
    flex-direction: column;
    align-items: center;
    grid-gap: 2rem;
    gap: 2rem;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.startup1200-2-a002 .bp-center-circle {
    position: initial;
    width: 35vw;
    height: 35vw;
    padding: 1.5rem;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.startup1200-2-a002 .bp-panel {
    padding: 1rem 2rem !important;
    width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    position: initial;
  }
}

.startup .animation023 {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 0.5rem;
  gap: 0.5rem;
  margin-right: 2rem;
  grid-row-gap: 0;
  row-gap: 0;
  position: relative;
}
.startup .animation023 .click-point1 {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  bottom: 0;
  left: 12%;
}
.startup .animation023 .animation023-contaner {
  display: flex;
  grid-gap: 1rem;
  gap: 1rem;
  justify-content: space-between;
  width: calc(20% - 0.5rem);
}
.startup .animation023 .animation023-contaner .animation023-item {
  width: 100%;
  position: relative;
}
.startup .animation023 .animation023-contaner .animation023-item img {
  width: 100%;
}
.startup .animation023 .animation023-contaner .animation023-item .text {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  padding: 75% 20% 10% 15%;
  font-size: 18px;
  line-height: 1.2;
}
.startup .animation023 .animation023-contaner .animation023-item .text .highlight {
  font-weight: 700;
}
.startup .animation023 .animation023-contaner .animation023-item .text .sub-task-text {
  display: inline-block;
}
.startup .animation023 .animation023-contaner .animation023-item .text .sub-task-text button {
  font-size: 18px !important;
  padding: 0;
  position: relative;
}
.startup .animation023 .animation023-contaner .animation023-item .text .sub-task-text button .click-point {
  position: absolute;
  width: 50px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  bottom: -25px;
  right: -40px;
}
.startup.en .animation023 .animation023-contaner .animation023-item .text {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  padding: 75% 20% 10% 15%;
  font-size: 17px;
  line-height: 1.1;
}
.startup.en .animation023 .animation023-contaner .animation023-item .text .highlight {
  font-weight: 700;
}
.startup.en .animation023 .animation023-contaner .animation023-item .text .sub-task-text {
  display: inline-block;
}
.startup.en .animation023 .animation023-contaner .animation023-item .text .sub-task-text button {
  font-size: 17px !important;
  padding: 0;
  position: relative;
}
.startup.en .animation023 .animation023-contaner .animation023-item .text .sub-task-text button .click-point {
  position: absolute;
  width: 50px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  bottom: -25px;
  right: -40px;
}
.animation023-modal-startup .ant-modal-content .animation023-modal-header {
  margin: 4rem;
  margin-bottom: 1rem;
  margin-top: 1rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 4rem;
  padding: 1rem;
  font-size: 2.625rem;
  font-weight: 500;
  border-left: 4px solid #BACD43;
  display: flex;
  align-items: center;
  justify-content: center;
}
.animation023-modal-startup .ant-modal-content .ant-modal-body .next-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.8rem;
  width: 4.8rem;
  right: 0;
  bottom: 0;
  padding: 0;
}
.animation023-modal-startup .ant-modal-content .ant-modal-body .next-button .click-point2 {
  position: absolute;
  bottom: 5rem;
  right: 5rem;
  width: 5rem;
  height: 5rem;
  transform: rotate(135deg);
}
.animation023-modal-startup .ant-modal-content .ant-modal-body .next-button .arrow {
  margin: 0 auto;
}
.animation023-modal-startup .ant-modal-content .ant-modal-body .prev-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.8rem;
  width: 4.8rem;
  left: 0;
  bottom: 0;
  padding: 0;
}
.animation023-modal-startup .ant-modal-content .ant-modal-body .prev-button .click-point1 {
  position: absolute;
  bottom: 5rem;
  left: 5rem;
  width: 5rem;
  height: 5rem;
  transform: rotate(225deg);
}
.animation023-modal-startup .ant-modal-content .ant-modal-body .prev-button .arrow {
  margin: 0 auto;
}
.animation023-modal-startup .ant-modal-content .ant-modal-body .hide {
  display: none;
}
.animation023-modal-startup .ant-modal-content .ant-modal-body .border {
  margin-left: 12rem;
  margin-right: 12rem;
  margin-top: 0;
  margin-bottom: 1rem;
}
.animation023-modal-startup .ant-modal-content .ant-modal-body .border img {
  width: 100%;
}
.animation023-modal-startup .ant-modal-content .ant-modal-body .content {
  width: 37.5rem;
  margin-left: 12rem;
  margin-right: 12rem;
  margin-top: 0;
  margin-bottom: 5rem;
  background: rgba(234, 75, 108, 0.2);
  border-radius: 5px;
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: 400;
  padding: 1.5rem;
  text-align: left;
}
@media (max-width: 1024px) {
  .startup .animation023 .animation023-contaner {
    width: calc(33.33% - 1rem);
  }
  .startup .animation023 .animation023-contaner .animation023-item .text {
    padding: 75% 22% 10% 15%;
    font-size: 2rem;
    line-height: 1.5;
  }
  .startup .animation023 .animation023-contaner .animation023-item .text .sub-task-text button {
    font-size: 2rem !important;
  }
  .startup.en .animation023 .animation023-contaner .animation023-item .text {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    padding: 75% 22% 10% 15%;
    font-size: 2rem;
    line-height: 1.3;
  }
  .startup.en .animation023 .animation023-contaner .animation023-item .text .sub-task-text button {
    font-size: 2rem !important;
  }
}
@media (max-width: 768px) {
  .startup .animation023 .animation023-contaner .animation023-item .text {
    padding: 72% 22% 10% 15%;
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .startup .animation023 .animation023-contaner .animation023-item .text .sub-task-text button {
    font-size: 1.6rem !important;
  }
  .startup.en .animation023 .animation023-contaner .animation023-item .text {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    padding: 72% 22% 10% 15%;
    font-size: 1.6rem;
    line-height: 1.3;
  }
  .startup.en .animation023 .animation023-contaner .animation023-item .text .sub-task-text button {
    font-size: 1.6rem !important;
  }
}
@media (max-width: 480px) {
  .startup .animation023 {
    justify-content: center;
  }
  .startup .animation023 .animation023-contaner {
    width: 75%;
  }
  .startup .animation023 .animation023-contaner .animation023-item .text {
    padding: 72% 22% 10% 15%;
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .startup .animation023 .animation023-contaner .animation023-item .text .sub-task-text button {
    font-size: 1.6rem !important;
  }
  .startup.en .animation023 .animation023-contaner .animation023-item .text {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    padding: 72% 22% 10% 15%;
    font-size: 1.6rem;
    line-height: 1.3;
  }
  .startup.en .animation023 .animation023-contaner .animation023-item .text .sub-task-text button {
    font-size: 1.6rem !important;
  }
  .animation023-modal-startup {
    width: 100% !important;
  }
  .animation023-modal-startup .ant-modal-content .animation023-modal-header {
    margin: 0 1rem;
    height: 4rem;
    padding: 1rem;
    font-size: 2rem;
  }
  .animation023-modal-startup .ant-modal-content .ant-modal-body .next-button .click-point2 {
    bottom: 0;
    transform: rotate(90deg);
  }
  .animation023-modal-startup .ant-modal-content .ant-modal-body .next-button .arrow {
    margin: 0 auto;
  }
  .animation023-modal-startup .ant-modal-content .ant-modal-body .prev-button .click-point1 {
    bottom: 0;
    transform: rotate(270deg);
  }
  .animation023-modal-startup .ant-modal-content .ant-modal-body .border {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .animation023-modal-startup .ant-modal-content .ant-modal-body .content {
    width: 95%;
    margin-left: 1rem;
    margin-right: 1rem;
    font-size: 1.4rem;
    line-height: 1.2;
    padding: 1rem;
  }
}

.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation026 {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  position: relative;
  margin-top: 3.5rem;
  margin-bottom: 10rem !important;
  padding-right: 3.5rem;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation026.startup1600-1-a026 {
  grid-gap: 1rem;
  gap: 1rem;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation026.startup1600-1-a026 .animation026-item .animation026-rectangle-div {
  height: 350px;
  border-radius: 15%;
  padding: 2rem 1.5rem;
  grid-gap: 1rem;
  gap: 1rem;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation026.startup1600-1-a026 .animation026-item .animation026-rectangle-div .animation026-title {
  font-size: 1.8rem;
  line-height: 1.2;
  min-height: 72px;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation026.startup1600-1-a026 .animation026-item .animation026-rectangle-div .animation026-text {
  font-size: 1.5rem;
  line-height: 1.4;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation026 .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation026 .animation026-item {
  width: calc(25% - 1rem);
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 2rem;
  cursor: pointer;
  position: relative;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  bottom: -50px;
  right: -50px;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div {
  position: relative;
  height: 280px;
  width: 250px;
  border-radius: 15%;
  padding: 1rem;
  border: 2px solid white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div .animation026-triangle-div {
  position: absolute;
  left: 200px;
  top: 80px;
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-left: 20px solid white;
  z-index: 3;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div .animation026-triangle-div .animation026-triangle-inner-div {
  position: relative;
  top: -18px;
  left: -24px;
  width: 0;
  height: 0;
  border: 18px solid transparent;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div .animation026-title {
  font-size: 1.6rem;
  line-height: 1.2;
  color: white;
  text-align: center;
  min-height: 72px;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div .animation026-text {
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  font-size: 1.4rem;
  line-height: 1.4;
  color: white;
  text-align: center;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div .animation026-text .sub-task-text {
  width: 100%;
  height: auto;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div .animation026-text .sub-task-text button {
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  position: relative;
  color: white;
  font-size: 1.6rem !important;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div .animation026-text .sub-task-text button .click-point1 {
  position: absolute;
  width: 30px;
  bottom: 0;
  right: 0;
  transform: rotate(315deg);
}
.cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .animation026 .animation026-item {
  margin-bottom: 0;
}
.cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div {
  height: 370px;
  grid-gap: 1rem;
  gap: 1rem;
}
.cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div .animation026-title {
  font-size: 24px;
  line-height: 1.2;
  min-height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div .animation026-text {
  font-size: 18px;
  line-height: 1.4;
}
@media (max-width: 1280px) {
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation026 .animation026-item {
    width: calc(50% - 1rem);
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation026.startup1600-1-a026 .animation026-item {
    width: calc(33.33% - 1rem);
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .animation026.startup1600-1-a026 .animation026-item .animation026-rectangle-div {
    grid-gap: 1.5rem;
    gap: 1.5rem;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .animation026.startup1600-1-a026 .animation026-item .animation026-rectangle-div .animation026-title {
    font-size: 22px;
    line-height: 1.3;
    min-height: 72px;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .animation026.startup1600-1-a026 .animation026-item .animation026-rectangle-div .animation026-text {
    font-size: 18px;
    line-height: 1.3;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .animation026 .animation026-item {
    margin-bottom: 0;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div {
    height: 360px;
    grid-gap: 1rem;
    gap: 1rem;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div .animation026-title {
    font-size: 22px;
    line-height: 1.3;
    min-height: 72px;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div .animation026-text {
    font-size: 18px;
    line-height: 1.3;
  }
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation026 {
    width: 100%;
    padding-right: 0;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation026.startup1600-1-a026 .animation026-item .animation026-rectangle-div {
    height: 250px;
    border-radius: 10%;
    grid-gap: 2rem;
    gap: 2rem;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation026.startup1600-1-a026 .animation026-item .animation026-rectangle-div .animation026-title {
    font-size: 2.4rem;
    line-height: 1.2;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation026.startup1600-1-a026 .animation026-item .animation026-rectangle-div .animation026-text {
    font-size: 1.8rem;
    line-height: 1.4;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation026 .animation026-item {
    width: calc(25% - 1rem);
    align-items: center;
    min-width: unset;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div {
    width: 100%;
    border-radius: 15%;
    padding: 2.5rem;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div .animation026-title {
    font-size: 2.2rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div .animation026-text {
    font-size: 2rem;
    line-height: 1.3;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div .animation026-text {
    font-size: 1.8rem;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div .animation026-text .sub-task-text button {
    font-size: 1.8rem !important;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation026 {
    padding-right: 0;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation026 .animation026-item {
    width: calc(50% - 1rem);
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div {
    height: 200px;
    width: 200px;
    grid-gap: 1rem;
    gap: 1rem;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div .animation026-title {
    font-size: 1.6rem;
    line-height: 1.2;
    min-height: 40px;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div .animation026-text {
    font-size: 1.5rem;
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .animation026 {
    grid-row-gap: 1rem;
    row-gap: 1rem;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .animation026.startup1600-1-a026 .animation026-item .animation026-rectangle-div {
    width: 70%;
    height: 240px;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div {
    width: 85%;
    height: 280px;
    grid-gap: 2rem;
    gap: 2rem;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div .animation026-title {
    min-height: 48px;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation026.startup1600-1-a026 .animation026-item {
    width: 55%;
    margin-bottom: 0;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation026.startup1600-1-a026 .animation026-item .animation026-rectangle-div {
    height: 200px;
    min-height: 210px;
    border-radius: 10%;
    grid-gap: 2rem;
    gap: 2rem;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation026.startup1600-1-a026 .animation026-item .animation026-rectangle-div .animation026-title {
    font-size: 1.8rem;
    line-height: 1.2;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation026.startup1600-1-a026 .animation026-item .animation026-rectangle-div .animation026-text {
    font-size: 1.5rem;
    line-height: 1.4;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation026 .animation026-item {
    width: calc(50% - 1rem);
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div {
    width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    min-height: 240px;
    border-radius: 20%;
    padding: 2rem;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div .animation026-title {
    min-height: 58px;
    display: flex;
    align-items: center;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div .animation026-text {
    font-size: 1.6rem;
    line-height: 1.3;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div .animation026-text .sub-task-text button {
    font-size: 1.5rem !important;
    padding: 9px;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div .animation026-text .sub-task-text button .click-point1 {
    bottom: -1rem;
    right: -1.5rem;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .animation026 {
    grid-row-gap: 1rem;
    row-gap: 1rem;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .animation026.startup1600-1-a026 .animation026-item {
    width: 75%;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .animation026.startup1600-1-a026 .animation026-item .animation026-rectangle-div {
    width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    grid-gap: 1rem;
    gap: 1rem;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .animation026.startup1600-1-a026 .animation026-item .animation026-rectangle-div .animation026-title {
    font-size: 1.8rem;
    min-height: 48px;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .animation026 .animation026-item {
    width: 75%;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div {
    width: 85%;
    height: 280px;
    grid-gap: 2rem;
    gap: 2rem;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div .animation026-title {
    font-size: 1.7rem;
    min-height: 48px;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .animation026 .animation026-item .animation026-rectangle-div .animation026-text {
    font-size: 1.5rem;
  }
}

.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation042 {
  padding-right: 3.5rem;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation042 .animation042-content {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: 635px;
  grid-gap: 2rem;
  gap: 2rem;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation042 .animation042-content .animation042-item {
  margin-bottom: 3rem;
  width: calc(50% - 2rem);
  height: 20%;
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation042 .animation042-content .animation042-item .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 100;
  transition: all 800ms linear 0s;
  bottom: -80px;
  right: -80px;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation042 .animation042-content .animation042-item .sub-task-text {
  position: relative;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation042 .animation042-content .animation042-item .sub-task-text .click-point1 {
  width: 40px !important;
  position: absolute;
  bottom: -50%;
  right: -25%;
  transform: rotate(315deg);
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation042 .animation042-content .animation042-item .sub-task-text .ant-btn {
  background: #F26927;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 20px;
  cursor: pointer;
  margin-top: 0.5rem;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation042 .animation042-content .animation042-item .sub-task-text .ant-btn > span {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  color: #FFFFFF;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation042 .animation042-content .animation042-item .animation042-text {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  padding-left: 20px;
}
.startup .animation042-modal .ant-modal-content .animation042-modal-header {
  margin: 4rem;
  margin-bottom: 1rem;
  margin-top: 1rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 4rem;
  padding: 1rem;
  font-size: 2.625rem;
  font-weight: 500;
  border-left: 4px solid #D0B175;
  display: flex;
  align-items: center;
  justify-content: center;
}
.startup .animation042-modal .ant-modal-content .ant-modal-body .next-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.8rem;
  width: 4.8rem;
  right: 0;
  bottom: 0;
  padding: 0;
}
.startup .animation042-modal .ant-modal-content .ant-modal-body .next-button .arrow {
  margin: 0 auto;
}
.startup .animation042-modal .ant-modal-content .ant-modal-body .next-button .click-point2 {
  position: absolute;
  bottom: 5rem;
  right: 5rem;
  width: 5rem;
  height: 5rem;
  transform: rotate(135deg);
}
.startup .animation042-modal .ant-modal-content .ant-modal-body .prev-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.8rem;
  width: 4.8rem;
  left: 0;
  bottom: 0;
  padding: 0;
}
.startup .animation042-modal .ant-modal-content .ant-modal-body .prev-button .arrow {
  margin: 0 auto;
}
.startup .animation042-modal .ant-modal-content .ant-modal-body .prev-button .click-point1 {
  position: absolute;
  bottom: 5rem;
  left: 5rem;
  width: 5rem;
  height: 5rem;
  transform: rotate(225deg);
}
.startup .animation042-modal .ant-modal-content .ant-modal-body .hide {
  display: none;
}
.startup .animation042-modal .ant-modal-content .ant-modal-body .border {
  margin-left: 12rem;
  margin-right: 12rem;
  margin-top: 0;
  margin-bottom: 1rem;
}
.startup .animation042-modal .ant-modal-content .ant-modal-body .border img {
  width: 100%;
}
.startup .animation042-modal .ant-modal-content .ant-modal-body .content {
  width: 37.5rem;
  margin-left: 12rem;
  margin-right: 12rem;
  margin-top: 0;
  margin-bottom: 5rem;
  background: rgba(234, 75, 108, 0.2);
  border-radius: 5px;
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: 400;
  padding: 1.5rem;
  text-align: left;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation042 .animation042-content .animation042-item .animation042-text {
    font-size: 1.8rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .animation042 .animation042-content .animation042-item .animation042-text {
    font-size: 1.7rem;
    line-height: 1.3;
  }
  .startup .animation042 .animation042-content {
    padding-right: 0 !important;
  }
  .startup .animation042 .animation042-content .animation042-item {
    height: 5.5rem;
    margin-bottom: 1rem;
  }
  .startup .animation042 .animation042-content .animation042-item .animation042-indicate-number .animation042-icon {
    width: 5.5rem;
    height: 5.5rem;
  }
  .startup .animation042 .animation042-content .animation042-item .animation042-indicate-number .number {
    text-align: center;
  }
  .startup .animation042 .animation042-content .animation042-item .animation042-indicate-number .animation042-icon img {
    max-width: 50% !important;
    max-height: 50% !important;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation042 .animation042-content .animation042-item .animation042-text {
    font-size: 1.4rem;
    line-height: 1.3;
  }
  .startup .animation042 {
    padding-bottom: 0 !important;
  }
  .startup .animation042 .animation042-content {
    flex-wrap: wrap;
  }
  .startup .animation042 .animation042-content .animation042-item {
    padding-left: 0 !important;
  }
  .startup .animation042 .animation042-content .animation042-item .animation042-indicate-number {
    min-width: 11rem;
    height: 14.625rem;
    display: flex;
    align-items: center;
  }
  .startup .animation042 .animation042-content .animation042-item .animation042-indicate-number img {
    width: 100%;
    height: auto;
  }
  .startup .animation042 .animation042-content .animation042-item .animation042-indicate-number .number {
    text-align: center;
  }
  .startup .animation042 .animation042-content .animation042-item .animation042-indicate-number .animation042-icon {
    width: 5.5rem;
    height: 5.5rem;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation042 {
    margin-top: 5rem !important;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation042 .animation042-content .animation042-item .animation042-text {
    font-size: 2rem;
    line-height: 1.3;
  }
  .startup .animation042-modal {
    width: 100% !important;
  }
  .startup .animation042-modal .ant-modal-content .animation042-modal-header {
    margin-left: 0;
  }
  .startup .animation042-modal .ant-modal-content .ant-modal-body .next-button .click-point2 {
    bottom: 0rem;
    transform: rotate(90deg);
  }
  .startup .animation042-modal .ant-modal-content .ant-modal-body .prev-button .click-point1 {
    bottom: 0;
    transform: rotate(270deg);
  }
  .startup .animation042-modal .ant-modal-content .ant-modal-body .content {
    width: 100%;
    margin-top: 2rem;
    font-size: 1.4rem;
  }
  .startup .animation042-modal .ant-modal-content .ant-modal-body .border {
    margin: 0;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation042 {
    padding-right: 0;
    margin-right: 0;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation042 .animation042-content {
    width: 100%;
    grid-row-gap: 3rem;
    row-gap: 3rem;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation042 .animation042-content .animation042-item {
    padding-left: 0 !important;
    height: 4rem;
    width: 100%;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation042 .animation042-content .animation042-item .animation042-indicate-number {
    justify-content: center;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation042 .animation042-content .animation042-item .animation042-indicate-number img {
    width: 8rem;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation042 .animation042-content .animation042-item .animation042-indicate-number .number {
    font-size: 1.8rem;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation042 .animation042-content .animation042-item .animation042-indicate-number .animation042-icon {
    width: 4rem;
    height: 4rem;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation042 .animation042-content .animation042-item .animation042-indicate-number .animation042-icon img {
    max-width: 35%;
    max-height: 35%;
  }
  .cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .animation042 .animation042-content .animation042-item .animation042-text {
    font-size: 1.4rem;
    padding-left: 15px;
    padding-right: 15px;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .animation042 .animation042-content .animation042-item .animation042-text {
    font-size: 1.4rem;
    line-height: 1.2;
  }
}

.startup .animation006 {
  width: 1024px;
  display: flex;
  position: relative;
  margin: auto;
  margin-bottom: 100px;
}
.startup .animation006 .click-point {
  position: absolute;
  width: 100px;
  bottom: 0;
  left: 50%;
  z-index: 99;
  transform: rotate(315deg);
}
.startup .animation006 .animation006-bg {
  position: relative;
  margin: auto;
  width: 1024px;
  height: 582px;
  background-image: url(/static/media/social-media-bg.f452d92d.png);
  background-size: 100% 100%;
}
.startup .animation006 .animation006-gif {
  position: absolute;
  margin: auto;
  width: 270px;
  z-index: 10;
  bottom: -10px;
  left: calc(50% - 135px);
}
.startup .animation006 .animation006-radius {
  position: absolute;
  margin: auto;
  width: 270px;
  height: 270px;
  border-radius: 50%;
  background-color: #F26927;
  font-size: 28px;
  font-weight: 300;
  text-align: center;
  word-wrap: break-word;
  color: #FFFFFF;
  z-index: 10;
  bottom: 0;
  left: calc(50% - 135px);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem;
}
.startup .animation006 .animation006-panel {
  font-size: 16px;
  position: absolute;
  border-radius: 23px;
  box-shadow: 0px 2.38095px 28.5713px rgba(0, 0, 0, 0.08);
  background-color: #fff;
  text-align: center;
}
.startup .animation006 .animation006-panel.s1 {
  left: 9px;
  bottom: 112px;
}
.startup .animation006 .animation006-panel.s2 {
  left: 60px;
  bottom: 270px;
}
.startup .animation006 .animation006-panel.s3 {
  left: 205px;
  bottom: 428px;
}
.startup .animation006 .animation006-panel.s4 {
  right: 205px;
  bottom: 428px;
}
.startup .animation006 .animation006-panel.s5 {
  right: 60px;
  bottom: 270px;
}
.startup .animation006 .animation006-panel.s6 {
  right: 9px;
  bottom: 112px;
}
.startup .animation006 .animation006-panel .animation006-content {
  padding: 31px 22px;
  display: flex;
  flex-direction: column;
  font-size: 21px;
  font-weight: 400;
  line-height: 27px;
  align-items: center;
  justify-content: center;
  height: 116px;
  width: 275px;
  position: relative;
}
.startup .animation006 .animation006-panel .animation006-content .view-more .view-more-btn {
  font-size: 21px;
  font-weight: 400;
  opacity: 1 !important;
  height: auto;
  position: relative;
}
.startup .animation006 .animation006-panel .animation006-content .view-more .view-more-btn .click-point1 {
  width: 40px;
  cursor: pointer;
  transform: rotate(270deg);
  position: absolute;
  bottom: 0;
  left: 90%;
}
.startup .animation006 .animation006-panel .animation006-content .indicator {
  position: absolute;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  background: #E7444E;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 19px;
  font-weight: 400;
  line-height: 25px;
  left: -16px;
  top: -16px;
}
.startup.en .animation006 .animation006-panel {
  font-size: 16px;
}
.startup.en .animation006 .animation006-panel.s1 {
  left: 9px;
  bottom: 50px;
}
.startup.en .animation006 .animation006-panel.s2 {
  left: 60px;
  bottom: 245px;
}
.startup.en .animation006 .animation006-panel.s3 {
  left: 205px;
  bottom: 425px;
}
.startup.en .animation006 .animation006-panel.s4 {
  right: 205px;
  bottom: 425px;
}
.startup.en .animation006 .animation006-panel.s5 {
  right: 60px;
  bottom: 245px;
}
.startup.en .animation006 .animation006-panel.s6 {
  right: 9px;
  bottom: 50px;
}
.startup.en .animation006 .animation006-panel .animation006-content {
  font-size: 21px;
  height: 145px;
  line-height: 1.2;
  width: 295px;
}
.animation006-modal-header {
  display: flex;
  justify-content: space-between;
  padding-right: 35px;
}
.animation006-modal-header .animation006-modal-title {
  border-left: 4px solid #A3D4CA;
  padding: 1rem;
  font-size: 2rem;
  color: unset;
  background-color: unset;
  border-radius: unset;
  line-height: unset;
  font-weight: unset;
}
.animation006-modal-header .animation006-modal-link {
  max-width: 50%;
  font-size: 1.125rem;
  color: #fff;
  background-color: #E7444E;
  border-radius: 12px;
  line-height: 1.6;
  font-weight: 700;
  padding: 0.5625rem 1rem;
  margin-left: 20px;
}
.animation006-modal-header .animation006-modal-link a {
  color: white;
  text-decoration: underline;
}
.animation006-modal .ant-modal-body {
  display: flex;
  justify-content: center;
  position: relative;
  min-height: 456px;
}
.animation006-modal .ant-modal-body img {
  width: 100%;
  height: 100%;
  margin-bottom: 50px;
}
.animation006-modal .ant-modal-body .hide {
  display: none;
}
.animation006-modal .ant-modal-body .next-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 3.8rem;
  width: 4.8rem;
  right: 0;
  bottom: 0;
}
.animation006-modal .ant-modal-body .prev-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 3.8rem;
  width: 4.8rem;
  left: 0;
  bottom: 0;
}
@media (max-width: 1024px) {
  .animation006-modal {
    width: 100%;
    height: 100%;
  }
  .animation006-modal .ant-modal-body {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    position: relative;
    min-height: 456px;
  }
  .animation006-modal .ant-modal-body .hide {
    display: none;
  }
  .animation006-modal .ant-modal-body .next-button {
    position: absolute;
    background: #FFC53D;
    border-radius: 0px;
    height: 4.5rem;
    width: 4.5rem;
    right: 0;
    bottom: 0;
  }
  .animation006-modal .ant-modal-body .prev-button {
    position: absolute;
    background: #FFC53D;
    border-radius: 0px;
    height: 4.5rem;
    width: 4.5rem;
    left: 0;
    bottom: 0;
  }
  .animation006-modal .ant-modal-body img {
    width: 100%;
    height: 100%;
  }
  .startup .animation006 {
    width: 100%;
    display: flex;
    position: relative;
    margin: auto;
    margin-bottom: 6.25rem;
  }
  .startup .animation006 .animation006-radius {
    width: 25vw;
    height: 25vw;
    font-size: 2.4rem;
    padding: 2rem;
    left: calc(50% - 12.5vw);
  }
  .startup .animation006 .animation006-bg {
    width: calc(100vw - 4rem);
    height: calc((100vw - 4rem) * 595 / 1024);
  }
  .startup .animation006 .animation006-gif {
    width: 26%;
    left: 37%;
  }
  .startup .animation006 .animation006-panel {
    border-radius: 1.5rem;
  }
  .startup .animation006 .animation006-panel .animation006-content {
    width: 26vw;
    height: auto;
    min-height: 7rem;
    padding: 1.5rem 1rem;
    font-size: 1.8rem;
  }
  .startup .animation006 .animation006-panel .animation006-content .indicator {
    font-size: 1.2rem;
    width: 2.5rem;
    height: 2.5rem;
    left: -1rem;
    top: -1rem;
  }
  .startup .animation006 .animation006-panel.s1 {
    left: 2vw;
    bottom: 5vw;
  }
  .startup .animation006 .animation006-panel.s2 {
    left: 5vw;
    bottom: 23vw;
  }
  .startup .animation006 .animation006-panel.s3 {
    left: 20vw;
    bottom: 40vw;
  }
  .startup .animation006 .animation006-panel.s4 {
    right: 20vw;
    bottom: 40vw;
  }
  .startup .animation006 .animation006-panel.s5 {
    right: 5vw;
    bottom: 23vw;
  }
  .startup .animation006 .animation006-panel.s6 {
    right: 2vw;
    bottom: 5vw;
  }
  .startup.en .animation006 .animation006-panel .animation006-content {
    width: 260px;
    font-size: 1.6rem;
  }
  .animation006 .animation006-panel .animation006-content .view-more-btn {
    font-size: 1.5rem !important;
  }
  .animation006 .animation006-panel .animation006-content .click-point1 {
    width: 30px !important;
  }
}
@media (max-width: 768px) {
  .startup .animation006 .animation006-panel .animation006-content .view-more-btn {
    font-size: 1.5rem;
    height: auto;
    padding: 0 !important;
  }
  .startup .animation006 .animation006-radius {
    font-size: 1.5rem;
  }
  .startup .animation006 {
    margin-top: 5rem;
  }
  .startup .animation006 .animation006-panel .animation006-content {
    font-size: 1.2rem;
    line-height: 1.4;
    width: 25vw;
    padding: 0.5rem 0.5rem;
  }
  .startup .animation006 .animation006-panel .animation006-content .view-more .view-more-btn {
    font-size: 10px !important;
  }
  .startup .animation006 .animation006-panel .animation006-content .view-more .view-more-btn .click-point1 {
    bottom: -10%;
    left: 100%;
  }
  .startup .animation006 .animation006-panel .animation006-content .indicator {
    font-size: 1rem;
    width: 2rem;
    height: 2rem;
    left: -1rem;
    top: -1rem;
  }
  .startup .animation006 .animation006-panel .animation006-content .view-more-btn {
    font-size: 12px;
  }
  .startup .animation006 .animation006-panel .animation006-content .click-point1 {
    width: 20px !important;
  }
  .startup.en .animation006 .animation006-panel .animation006-content {
    width: 220px;
    height: 100px;
    font-size: 1.4rem;
  }
  .startup.en .animation006 .animation006-panel.s1 {
    left: 2vw;
    bottom: 5vw;
  }
  .startup.en .animation006 .animation006-panel.s2 {
    left: 5vw;
    bottom: 22vw;
  }
  .startup.en .animation006 .animation006-panel.s3 {
    left: 16vw;
    bottom: 38vw;
  }
  .startup.en .animation006 .animation006-panel.s4 {
    right: 16vw;
    bottom: 38vw;
  }
  .startup.en .animation006 .animation006-panel.s5 {
    right: 5vw;
    bottom: 22vw;
  }
  .startup.en .animation006 .animation006-panel.s6 {
    right: 2vw;
    bottom: 5vw;
  }
}
@media (max-width: 480px) {
  .startup .animation006 {
    margin-bottom: 10rem;
  }
  .startup .animation006 .animation006-panel .animation006-content .view-more-btn {
    font-size: 10px;
  }
  .startup .animation006 .animation006-panel .animation006-content .click-point1 {
    width: 20px !important;
  }
  .startup .animation006 .animation006-radius {
    font-size: 1.4rem;
    padding: 1rem;
  }
  .startup .animation006 .animation006-panel .animation006-content {
    padding: 0.5rem;
    line-height: 16px;
    min-height: 5rem;
    width: 30vw;
  }
  .startup .animation006 .animation006-panel .animation006-content .view-more {
    margin-left: 0px;
  }
  .startup .animation006 .animation006-panel .animation006-content .view-more .view-more-btn {
    font-size: 8px;
    border: 0;
  }
  .startup .animation006 .animation006-panel .animation006-content .view-more img {
    width: 20px !important;
  }
  .startup .animation006 .animation006-panel.s1 {
    left: 0;
    bottom: -5vw;
  }
  .startup .animation006 .animation006-panel.s2 {
    left: 0;
    bottom: 15vw;
  }
  .startup .animation006 .animation006-panel.s3 {
    left: 10vw;
    bottom: 35vw;
  }
  .startup .animation006 .animation006-panel.s4 {
    right: 10vw;
    bottom: 35vw;
  }
  .startup .animation006 .animation006-panel.s5 {
    right: 0;
    bottom: 15vw;
  }
  .startup .animation006 .animation006-panel.s6 {
    right: -2vw;
    bottom: -10vw;
  }
  .animation006-modal {
    width: 100% !important;
  }
  .animation006-modal .animation006-modal-header .animation006-modal-title {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .animation006-modal .ant-modal-body {
    display: flex;
    justify-content: center;
    position: relative;
    min-height: 300px;
  }
  .animation006-modal .ant-modal-body img {
    width: 100%;
    height: 100%;
    margin-bottom: 50px;
  }
  .animation006-modal .ant-modal-body .hide {
    display: none;
  }
  .animation006-modal .ant-modal-body .next-button {
    position: absolute;
    background: #FFC53D;
    border-radius: 0px;
    height: 3.8rem;
    width: 4.8rem;
    right: 0;
    bottom: 0;
  }
  .animation006-modal .ant-modal-body .prev-button {
    position: absolute;
    background: #FFC53D;
    border-radius: 0px;
    height: 3.8rem;
    width: 4.8rem;
    left: 0;
    bottom: 0;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .animation006 {
    margin-top: 10rem;
    margin-bottom: 20rem !important;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content {
    width: 115px;
    height: 105px;
    font-size: 12px;
    line-height: 1;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s1 {
    left: 10vw;
    bottom: -32vw;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s2 {
    left: 0;
    bottom: 3vw;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s3 {
    left: 10vw;
    bottom: 35vw;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s4 {
    right: 10vw;
    bottom: 35vw;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s5 {
    right: 0;
    bottom: 3vw;
  }
  .cyber-security-training-page.course-page.startup.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s6 {
    right: 10vw;
    bottom: -32vw;
  }
}

.startup .component006 {
  margin-top: 250px;
  position: relative;
}
.startup .component006 .click-point1 {
  position: absolute;
  z-index: 10;
  width: 80px;
  top: 0;
  left: 280px;
  transform: rotate(270deg);
  cursor: pointer;
  z-index: 100;
}
.startup .component006 .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: black;
}
.startup .component006 .component006-topic-tab {
  overflow: visible !important;
  margin-right: 3.5rem;
  margin-bottom: 142px;
}
.startup .component006 .component006-topic-tab.tab2 .ant-tabs-tab.ant-tabs-tab-active {
  background-color: #F1F7FF;
}
.startup .component006 .component006-topic-tab.tab2 .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #000 !important;
}
.startup .component006 .component006-topic-tab.tab2 .ant-tabs-tabpane {
  background-color: #F1F7FF;
}
.startup .component006 .component006-topic-tab.tab2 .ant-tabs-tabpane .component006-card-item-title {
  color: #0C53A3 !important;
  border-color: #0C53A3 !important;
}
.startup .component006 .component006-topic-tab.tab2 .ant-tabs-tabpane .component006-card-item-title > div {
  border-color: #0C53A3 !important;
}
.startup .component006 .component006-topic-tab.tab2 .ant-tabs-tabpane .component006-card-item-content {
  background: #0C53A3 !important;
}
.startup .component006 .component006-topic-tab .ant-tabs-tab {
  font-size: 1.3125rem;
  font-weight: 400;
  line-height: 2.8;
  color: #333333;
  background-color: #ECECEC;
  border: none;
  padding-left: 1.375rem;
  padding-right: 1.375rem;
  margin-right: 0.625rem;
}
.startup .component006 .component006-topic-tab .ant-tabs-tab.ant-tabs-tab-active {
  background-color: #FFF3E4;
}
.startup .component006 .component006-topic-tab .ant-tabs-tabpane {
  min-height: 360px;
  background-color: #FFF3E4;
  align-items: center;
  justify-content: space-evenly;
  position: relative;
}
.startup .component006 .component006-topic-tab .ant-tabs-tabpane .component006-component003 {
  width: 100%;
  height: 255px;
  position: absolute;
  top: -256px;
}
.startup .component006 .component006-topic-tab .ant-tabs-tabpane .component006-component003 .component003-tip {
  border: 1px solid #000;
  border-radius: 47%;
  position: absolute;
  font-size: 1.75rem;
  padding: 4rem;
  text-align: left;
  max-width: 38rem;
  min-height: 9rem;
  display: flex;
  align-items: center;
  right: 120px;
  margin-right: 20%;
  padding: 3rem;
}
.startup .component006 .component006-topic-tab .ant-tabs-tabpane .component006-component003 .component003-tip .tip-text {
  z-index: 1;
  font-size: 1.6rem;
  font-weight: 500;
}
.startup .component006 .component006-topic-tab .ant-tabs-tabpane .component006-component003 .component003-tip .tip-arrow {
  position: absolute;
  top: calc(50% - 15px);
  left: unset;
  right: -107px;
  background: #fff;
  height: 24px;
  width: 128px;
}
.startup .component006 .component006-topic-tab .ant-tabs-tabpane .component006-component003 .component003-tip .tip-arrow .line1 {
  width: 64px;
  height: 1px;
  background: #000;
  transform: rotate(12deg);
  position: absolute;
  top: 5px;
  right: 46px;
}
.startup .component006 .component006-topic-tab .ant-tabs-tabpane .component006-component003 .component003-tip .tip-arrow .line2 {
  width: 61px;
  height: 1px;
  background: #000;
  transform: rotate(-12deg);
  position: absolute;
  bottom: 5px;
  right: 46px;
}
.startup .component006 .component006-topic-tab .ant-tabs-tabpane .component006-component003 img {
  max-width: 40vw;
  max-height: 255px;
  position: relative;
  z-index: 10;
  left: 73%;
}
.startup .component006 .component006-topic-tab .ant-tabs-tabpane .component006-card-tab {
  margin-top: -2.1rem;
}
.startup .component006 .component006-topic-tab .ant-tabs-tabpane .component006-card-tab .component006-card-list {
  margin: 2.125rem 2.25rem;
  display: flex;
  grid-gap: 0.625rem;
  gap: 0.625rem;
  justify-content: space-between;
}
.startup .component006 .component006-topic-tab .ant-tabs-tabpane .component006-card-tab .component006-card-list .component006-card-item {
  margin-top: 2rem;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.4;
  color: #fff;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-left: 6px;
  padding-right: 6px;
  position: relative;
  margin-bottom: 3rem;
}
.startup .component006 .component006-topic-tab .ant-tabs-tabpane .component006-card-tab .component006-card-list .component006-card-item .component006-card-item-title {
  color: #96AD02;
  border: 2px solid rgba(150, 173, 2, 0.6);
  border-radius: 10px;
  padding: 1.25rem 1.25rem 0.75rem;
  width: 100%;
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 1.125rem;
}
.startup .component006 .component006-topic-tab .ant-tabs-tabpane .component006-card-tab .component006-card-list .component006-card-item .component006-card-item-title > div {
  display: flex;
  align-items: center;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  min-height: 100px;
  padding-bottom: 1rem;
  border-bottom: 2.25px solid rgba(150, 173, 2, 0.6);
}
.startup .component006 .component006-topic-tab .ant-tabs-tabpane .component006-card-tab .component006-card-list .component006-card-item .component006-card-item-content {
  background: #96AD02;
  border-radius: 10px;
  padding: 1.25rem;
  min-height: 225px;
}
.startup .component006 .component006-topic-tab .ant-tabs-tabpane .component006-card-tab .component006-card-list .component006-card-item .clickable {
  border-radius: 10px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #999;
  display: flex;
  cursor: pointer;
}
.startup .component006 .component006-topic-tab .ant-tabs-tabpane .component006-card-tab .component006-card-list .component006-card-item .clickable .click-point {
  width: 7rem;
  position: absolute;
  bottom: -2rem;
  left: calc(50% - 3.5rem);
}
.startup .component006 .component006-topic-tab .ant-tabs-tabpane .component006-card-tab .component006-card-list .component006-card-item .clickable .clickable-label {
  width: 100%;
  text-align: center;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.startup.en .component006 .click-point1 {
  left: 375px;
}
.startup.en .component006 .component006-topic-tab .ant-tabs-tabpane .component006-component003 .component003-tip .tip-arrow {
  right: -106px;
}
.startup.en .component006 .component006-topic-tab .ant-tabs-tabpane .component006-component003 .component003-tip .tip-arrow .line2 {
  right: 46.5px;
}
.startup.en .component006 .component006-topic-tab .ant-tabs-tabpane .component006-card-tab .component006-card-list .component006-card-item .component006-card-item-title {
  font-size: 22px;
  line-height: 1.2;
}
.startup.en .component006 .component006-topic-tab .ant-tabs-tabpane .component006-card-tab .component006-card-list .component006-card-item .component006-card-item-title > div {
  min-height: 105px;
}
.startup.en .component006 .component006-topic-tab .ant-tabs-tabpane .component006-card-tab .component006-card-list .component006-card-item .component006-card-item-content {
  min-height: 235px;
}
@media (max-width: 1500px) {
  .startup.en .component006 .component006-topic-tab .ant-tabs-tabpane .component006-card-tab .component006-card-list .component006-card-item .component006-card-item-title > div {
    min-height: 135px;
  }
  .startup.en .component006 .component006-topic-tab .ant-tabs-tabpane .component006-card-tab .component006-card-list .component006-card-item .component006-card-item-content {
    min-height: 18rem;
  }
}
@media (max-width: 1024px) {
  .startup .component006 .component006-topic-tab .ant-tabs-tabpane .component006-component003 img {
    left: 65%;
  }
  .startup .component006 .component006-topic-tab .ant-tabs-tabpane .component006-card-tab .component006-card-list .component006-card-item .component006-card-item-content {
    height: 100%;
  }
  .startup .component006 .component006-topic-tab .ant-tabs-tabpane .component006-component003 .component003.position-right .component003-tip {
    margin-right: 35%;
  }
  .startup .component006 .click-point1 {
    width: 60px;
    left: 180px;
  }
  .startup .component006 .component006-topic-tab .ant-tabs-tabpane .component006-card-tab .component006-card-list .component006-card-item .component006-card-item-content .img img {
    width: auto;
    height: 50%;
  }
  .startup.en .component006 .click-point1 {
    left: 240px;
  }
  .startup.en .component006 .component006-topic-tab .ant-tabs-tabpane .component006-component003 .component003-tip .tip-arrow {
    right: -102px;
  }
  .startup.en .component006 .component006-topic-tab .ant-tabs-tabpane .component006-component003 .component003-tip .tip-arrow .line2 {
    width: 58px;
  }
  .startup.en .component006 .component006-topic-tab .ant-tabs-tabpane .component006-card-tab .component006-card-list .component006-card-item .component006-card-item-title {
    font-size: 2rem;
    line-height: 1.2;
  }
  .startup.en .component006 .component006-topic-tab .ant-tabs-tabpane .component006-card-tab .component006-card-list .component006-card-item .component006-card-item-title > div {
    min-height: 108px;
  }
  .startup.en .component006 .component006-topic-tab .ant-tabs-tabpane .component006-card-tab .component006-card-list .component006-card-item .component006-card-item-content {
    font-size: 1.5rem;
    line-height: 1.2;
  }
}
@media (max-width: 768px) {
  .startup .component006 .component006-topic-tab .ant-tabs-tabpane .component006-component003 img {
    left: 65%;
    bottom: 0;
    height: 200px;
  }
  .startup .component006 .component006-topic-tab .ant-tabs-tabpane .component006-component003 {
    top: -200px;
  }
  .startup .component006 .component006-topic-tab .ant-tabs-tabpane .component006-component003 .component003-tip .tip-arrow {
    right: -105px;
  }
  .startup.en .component006 .component006-topic-tab .ant-tabs-tabpane .component006-component003 .component003-tip .tip-arrow .line1 {
    width: 62px;
  }
  .startup .component006 .component006-topic-tab {
    width: 97%;
  }
  .startup .component006 .component006-topic-tab .ant-tabs-tabpane .component006-component003 .component003 .component003-tip .tip-text {
    font-size: 1rem;
  }
  .startup .component006 .component006-topic-tab .ant-tabs-tabpane .component006-card-tab .component006-card-list {
    display: flex;
    flex-wrap: wrap;
  }
  .startup .component006 .component006-topic-tab .ant-tabs-tabpane .component006-card-tab .component006-card-list .component006-card-item {
    width: 48% !important;
  }
  .startup .component006 .component006-topic-tab .ant-tabs-tabpane .component006-card-tab .component006-card-list .component006-card-item .component006-card-item-content {
    width: 100%;
  }
  .startup .component006 .component006-topic-tab .ant-tabs-tabpane .component006-card-tab .component006-card-list .component006-card-item .component006-card-item-content .img img {
    width: auto;
    height: 75%;
  }
  .startup .component006 .component006-topic-tab .ant-tabs-tabpane .component006-component003 .component003-tip .tip-text {
    font-size: 1rem;
    line-height: 1.1rem;
  }
}
@media (max-width: 480px) {
  .startup.en .component006 .component006-topic-tab .ant-tabs-tabpane .component006-component003 img {
    left: 70%;
  }
  .startup .component006 .component006-topic-tab {
    width: 97%;
  }
  .startup .component006 .component006-topic-tab .ant-tabs-tabpane .component006-component003 .component003 .component003-tip .tip-text {
    font-size: 0.5rem;
  }
  .startup .component006 .component006-topic-tab .ant-tabs-tabpane .component006-card-tab .component006-card-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .startup .component006 .component006-topic-tab .ant-tabs-tabpane .component006-card-tab .component006-card-list .component006-card-item {
    width: 100% !important;
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .startup .component006 .component006-topic-tab .ant-tabs-tabpane .component006-card-tab .component006-card-list .component006-card-item .component006-card-item-content {
    width: 100%;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .startup .component006 .component006-topic-tab .ant-tabs-tabpane .component006-card-tab .component006-card-list .component006-card-item .component006-card-item-title {
    width: 100%;
  }
  .startup .component006 .component006-topic-tab .ant-tabs-tabpane .component006-card-tab .component006-card-list .component006-card-item .component006-card-item-title > div {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .startup.en .component006 .component006-topic-tab {
    width: 97%;
  }
  .startup.en .component006 .component006-topic-tab .ant-tabs-tabpane .component006-card-tab .component006-card-list .component006-card-item {
    width: 100% !important;
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .startup.en .component006 .component006-topic-tab .ant-tabs-tabpane .component006-card-tab .component006-card-list .component006-card-item .component006-card-item-content {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .startup.en .component006 .component006-topic-tab .ant-tabs-tabpane .component006-card-tab .component006-card-list .component006-card-item .component006-card-item-title > div {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .startup .component006 .click-point1 {
    width: 30px;
    left: 170px;
    top: 10px;
  }
  .startup .component006 .component006-topic-tab .ant-tabs-tabpane .component006-component003 .component003-tip {
    width: 160px;
    left: 0;
    top: -20%;
    padding: 2rem !important;
  }
  .startup .component006 .component006-topic-tab .ant-tabs-tabpane .component006-component003 .component003-tip .tip-text {
    font-size: 1.4rem;
  }
  .startup .component006 .component006-topic-tab .ant-tabs-tabpane .component006-component003 .component003-tip .tip-text span {
    font-size: 1.6rem !important;
  }
  .startup .component006 .component006-topic-tab .ant-tabs-tabpane .component006-component003 .component003-tip .tip-text {
    line-height: 1.3rem;
  }
  .startup .component006 .component006-topic-tab .ant-tabs-tabpane .component006-component003 img {
    height: 130px;
  }
  .startup .component006 .component006-topic-tab .ant-tabs-tabpane .component006-component003 {
    top: -130px;
    height: 130px;
  }
}
.startup .component006 .component006-topic-tab .ant-tabs-nav {
  z-index: 10;
}

.startup.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview {
  background-color: rgba(186, 205, 67, 0.1);
}
.startup.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-progress-bar .ant-progress-text {
  color: #BACD43;
}
.startup.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .ant-progress-circle-trail {
  stroke: rgba(186, 205, 67, 0.6) !important;
  opacity: 0.2;
}
.startup.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .ant-progress-circle-path {
  stroke: #BACD43 !important;
}
.startup.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.active .step-dot {
  border-color: #BACD43;
}
.startup.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.active .step-dot .active-dot {
  background-color: #BACD43;
}
.startup.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.completed .step-dot {
  border-color: #BACD43;
  background-color: #BACD43;
}
.startup.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.completed .step-line {
  background-color: #BACD43;
}
.startup.cyber-security-training-page.course-page .ant-layout-content .course-left-side .paragraphs .paragraph.active {
  border-color: #BACD43;
  background-color: #fafafa;
}
.startup.cyber-security-training-page.course-page .ant-layout-content .course-left-side .paragraphs .state .in-progress {
  background: url(data:image/png;base64,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);
  background-size: cover;
}
.startup.cyber-security-training-page.course-page .ant-layout-content .course-body .next-topic-button {
  background-color: #BACD43;
}
.startup.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .title {
  border-color: #BACD43;
}
.startup.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .title .l2 {
  color: #BACD43;
}
.startup.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body {
  border-color: #BACD43;
}
.startup.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-last-button {
  border-color: #BACD43;
}
.startup.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-last-button span {
  color: #BACD43;
}
.startup.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-submit-button {
  background-color: #BACD43;
}
.startup.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-submit-button[disabled] {
  background-color: rgba(186, 205, 67, 0.6);
  border-color: #BACD43;
}
.startup.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area.correct .ant-btn-link {
  color: #0CA3A3;
}
.startup.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area.wrong .ant-btn-link {
  color: #E7444E;
}
.startup.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
  background: #BACD43;
}
.startup.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab.active .number {
  border-color: #BACD43;
}
.startup.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.index .course-landing {
  background: #F1FF98;
}
.startup.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.welcome .course-landing {
  background: #F1FF98;
}
.startup.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.t900 .course-landing {
  background: #F1FF98;
}
.startup.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.t930 .course-landing {
  background: #F1FF98;
}
.startup.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.t1200 .course-landing {
  background: #F1FF98;
}
.startup.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.t1400 .course-landing {
  background: #F1FF98;
}
.startup.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.quiz .course-landing {
  background: #F1FF98;
}
.startup.cyber-security-training-page.course-page .ant-layout-content .ant-radio-checked .ant-radio-inner {
  border-color: #BACD43;
}
.startup.cyber-security-training-page.course-page .ant-layout-content .ant-radio-inner::after {
  background-color: #BACD43;
}
.startup.cyber-security-training-page.course-page .ant-layout-content .ant-radio-wrapper:hover .ant-radio,
.startup.cyber-security-training-page.course-page .ant-layout-content .ant-radio:hover .ant-radio-inner,
.startup.cyber-security-training-page.course-page .ant-layout-content .ant-radio-input:focus + .ant-radio-inner {
  border-color: #BACD43;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .course-landing .course-landing-content {
  background-image: url(/static/media/welcomeLandingbg-startup.62c2332d.png);
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content.quiz .progress .progress-line {
  background-color: #BACD43;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass .cert-download-input .cert-download-button {
  background-color: #BACD43;
}

.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .conversation {
  position: relative;
  margin-bottom: 5rem !important;
  cursor: pointer;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .avater {
  margin-top: 5%;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message {
  width: 45vw;
  height: 10vw;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message .conversation-message-text {
  font-size: 1.6vw;
  line-height: 1.2;
  padding: 1vw 3vw 1vw 11vw;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .avater {
  margin-top: 5%;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message {
  width: 45vw;
  height: 10vw;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message .conversation-message-text {
  font-size: 1.6vw;
  line-height: 1.2;
  padding: 1vw 11vw 1vw 3vw;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 {
  display: flex;
  grid-gap: 3vw;
  grid-gap: 3vw;
  gap: 3vw;
  margin-top: 3rem;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .avater {
  margin-top: 5%;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message {
  position: relative;
  width: 45vw;
  height: 10vw;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-text {
  z-index: 10;
  position: relative;
  height: 100%;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  font-size: 1.6vw;
  line-height: 1.2;
  padding: 1vw 3vw 1vw 11vw;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-bg {
  height: 100%;
  width: 100%;
  position: absolute;
}
.cyber-security-training-page.course-page.startup .ant-layout-content .course-body .course-body-content .topic-item .conversation .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  top: 20rem;
  left: 16rem;
}

.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation {
  position: relative;
  cursor: pointer;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  top: 12rem;
  left: 12rem;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .topic-item .conversation {
    margin-left: -2rem;
    width: calc(100% + 4rem);
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .topic-item .conversation .avater {
    width: 12vw!important;
    height: 12vw!important;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message {
    width: 75vw!important;
    height: 15vw!important;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message-text {
    font-size: 2rem !important;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message-text {
    padding: 1vw 1vw 1vw 15vw!important;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message-text {
    padding: 1vw 16vw 1vw 5vw !important;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message-text {
    font-size: 1.6rem !important;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.fsi1600-3-conversation .conversation-line2 .conversation-message {
    height: 20vw!important;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .topic-item .conversation.fsi1600-3-conversation .conversation-line2 .conversation-message {
    height: 30vw!important;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.fsi1600-3-conversation .conversation-line2 .avater {
    margin-top: 20% !important;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.fsi1600-3-conversation .conversation-line2 .conversation-message-text {
    padding: 3vw 18vw 4vw 6vw !important;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message {
    width: 75vw!important;
    height: 25vw!important;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message-text {
    font-size: 1.4rem !important;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.fsi1600-3-conversation .conversation-line2 .conversation-message {
    width: 100%;
    height: 50vw!important;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.fsi1400-1-conversation .conversation-line2 .avater {
    margin-top: 12% !important;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.fsi1400-1-conversation .conversation-line2 .conversation-message {
    width: 100%;
    height: 35vw!important;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.fsi930-3-conversation .conversation-line1 .avater {
    margin-top: 15% !important;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.fsi930-3-conversation .conversation-line1 .conversation-message {
    width: 100%;
    height: 32vw!important;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message-text {
    padding: 2vw 4vw 2vw 17vw!important;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message-text {
    padding: 1vw 16vw 1vw 5vw !important;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .topic-item .conversation .click-point {
    position: absolute;
    width: 40px;
    transform: rotate(-45deg);
    z-index: 10;
    transition: all 800ms linear 0s;
    top: 7rem;
    left: 5rem;
  }
}

.fsi .animation008 {
  margin-right: 3.5rem;
  padding-bottom: 0;
}
.fsi .animation008 .animation008-title {
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.625rem;
  text-align: center;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  margin-bottom: 1.5rem;
}
.fsi .animation008 .animation008-content {
  display: flex;
  grid-gap: 1rem;
  gap: 1rem;
  justify-content: space-between;
}
.fsi .animation008 .animation008-content .animation008-item {
  width: calc(20% - 1rem) !important;
  position: relative;
  border-radius: 60px 4px;
  cursor: initial;
  z-index: 1;
  padding: 1rem 0;
}
.fsi .animation008 .animation008-content .animation008-item .click-point {
  position: absolute;
  z-index: 10;
  width: 118px;
  bottom: -145px;
  left: calc(50% - 59px);
}
.fsi .animation008 .animation008-content .animation008-item .animation008-top {
  align-items: flex-start;
  color: #fff;
  height: auto;
  min-height: 6rem;
  text-align: left;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  padding-left: 2rem;
}
.fsi .animation008 .animation008-content .animation008-item .animation008-text {
  color: #fff;
  padding: 30px 2rem;
  padding-top: 0;
  min-height: 145px;
  font-size: 1.4rem;
  line-height: 1.4;
  text-align: left;
  position: relative;
}
.fsi .animation008 .animation008-content .animation008-item .animation008-text ul {
  margin-bottom: 0;
  padding-left: 0;
}
.fsi .animation008 .animation008-content .animation008-item .animation008-text .animation008-text-content {
  padding: 0;
}
.fsi .animation008.fsi930-1-a008 .animation008-content {
  display: flex;
  grid-gap: 1rem;
  gap: 1rem;
  justify-content: space-between;
}
.fsi .animation008.fsi930-1-a008 .animation008-content .animation008-item {
  width: calc(33% - 1rem) !important;
  position: relative;
  border-radius: 20px;
  cursor: initial;
  z-index: 1;
  padding: 1rem 0;
}
.fsi .animation008.fsi930-1-a008 .animation008-content .animation008-item .click-point {
  position: absolute;
  z-index: 10;
  width: 118px;
  bottom: -145px;
  left: calc(50% - 59px);
}
.fsi .animation008.fsi930-1-a008 .animation008-content .animation008-item .animation008-top {
  align-items: center;
  color: #fff;
  height: auto;
  min-height: 6rem;
  text-align: left;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  padding: 1rem 2rem;
  text-align: center;
}
.fsi .animation008.fsi930-1-a008 .animation008-content .animation008-item .animation008-text {
  color: #fff;
  padding: 30px 20px 30px 40px;
  padding-top: 0;
  min-height: 145px;
  font-size: 1.4rem;
  line-height: 1.4;
  text-align: left;
  position: relative;
}
.fsi .animation008.fsi930-1-a008 .animation008-content .animation008-item .animation008-text ul {
  margin-bottom: 0;
  padding-left: 0;
}
.fsi .animation008.fsi930-1-a008 .animation008-content .animation008-item .animation008-text ul li {
  padding: 5px 0;
}
.fsi .animation008.fsi930-1-a008 .animation008-content .animation008-item .animation008-text .animation008-text-content {
  padding: 0;
}
.fsi.en .animation008 .animation008-content .animation008-item .animation008-top {
  font-size: 20px;
  padding-left: 1.5rem;
  line-height: 1.2;
  min-height: 72px;
  margin: 10px 0;
}
.fsi.en .animation008 .animation008-content .animation008-item .animation008-text {
  font-size: 16px;
  padding: 0 1.5rem;
  line-height: 1.2;
  margin-bottom: 10px;
}
.fsi.en .animation008.fsi930-1-a008 {
  width: 100%;
}
.fsi.en .animation008.fsi930-1-a008 .animation008-content .animation008-item .animation008-top {
  min-height: 135px;
  font-size: 1.4rem;
  line-height: 1.2;
}
.fsi.en .animation008.fsi930-1-a008 .animation008-content .animation008-item .animation008-text {
  padding: 1rem 1.5rem 2rem 2.5rem;
  font-size: 1.3rem;
  line-height: 1.2;
}
@media (max-width: 1500px) {
  .fsi.en .animation008.fsi1400-1-a008 .animation008-content .animation008-item .animation008-top {
    min-height: 96px;
  }
}
@media (max-width: 1024px) {
  .fsi .animation008 .animation008-content {
    padding-right: 0;
    justify-content: center;
  }
  .fsi .animation008 .animation008-content .animation008-header > .subtitle .arrow {
    right: -100%;
  }
  .fsi .animation008 .animation008-content .animation008-item {
    width: calc(20% - 2rem) !important;
    border-radius: 40px 4px;
  }
  .fsi .animation008 .animation008-content .animation008-item .animation008-top {
    min-height: 5rem;
  }
  .fsi .animation008 .animation008-content .animation008-item .animation008-text {
    font-size: 1.5rem;
    line-height: 1.4;
    min-height: 100px;
  }
  .fsi .animation008 .animation008-content .animation008-item .click-point {
    width: 76px;
    bottom: -76px;
    left: calc(50% - 38px);
  }
  .fsi .animation008.fsi930-1-a008 .animation008-content {
    padding-right: 0;
    justify-content: center;
  }
  .fsi .animation008.fsi930-1-a008 .animation008-content .animation008-header > .subtitle .arrow {
    right: -100%;
  }
  .fsi .animation008.fsi930-1-a008 .animation008-content .animation008-item {
    width: calc(33% - 2rem) !important;
    border-radius: 20px;
  }
  .fsi .animation008.fsi930-1-a008 .animation008-content .animation008-item .animation008-top {
    min-height: 5rem;
  }
  .fsi .animation008.fsi930-1-a008 .animation008-content .animation008-item .animation008-text {
    font-size: 1.5rem;
    line-height: 1.4;
    min-height: 100px;
  }
  .fsi .animation008.fsi930-1-a008 .animation008-content .animation008-item .click-point {
    width: 76px;
    bottom: -76px;
    left: calc(50% - 38px);
  }
  .cyber-security-training-page.course-page.en.fsi .ant-layout-content .course-body .course-body-content .animation008 .animation008-content {
    justify-content: flex-start;
  }
  .cyber-security-training-page.course-page.en.fsi .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item {
    width: calc(33.33% - 1rem) !important;
  }
  .cyber-security-training-page.course-page.en.fsi .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-top {
    min-height: 72px;
  }
  .cyber-security-training-page.course-page.en.fsi .ant-layout-content .course-body .course-body-content .animation008 .animation008-content .animation008-item .animation008-text {
    font-size: 1.4rem;
    line-height: 1.2;
    min-height: 100px;
  }
  .cyber-security-training-page.course-page.en.fsi .ant-layout-content .course-body .course-body-content .animation008.fsi930-1-a008 {
    width: 100%;
  }
  .cyber-security-training-page.course-page.en.fsi .ant-layout-content .course-body .course-body-content .animation008.fsi930-1-a008 .animation008-content {
    justify-content: center;
  }
  .cyber-security-training-page.course-page.en.fsi .ant-layout-content .course-body .course-body-content .animation008.fsi930-1-a008 .animation008-content .animation008-item .animation008-top {
    min-height: 85px;
    font-size: 1.6rem;
    line-height: 1.2;
    margin: 0;
  }
  .cyber-security-training-page.course-page.en.fsi .ant-layout-content .course-body .course-body-content .animation008.fsi930-1-a008 .animation008-content .animation008-item .animation008-text {
    font-size: 1.5rem;
    line-height: 1.2;
  }
}
@media (max-width: 768px) {
  .fsi .animation008 .animation008-content {
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
    grid-gap: 3rem;
    gap: 3rem;
  }
  .fsi .animation008 .animation008-content .animation008-item {
    width: calc(33.33333% - 2rem) !important;
    position: relative;
  }
  .fsi .animation008 .animation008-content .animation008-item .click-point {
    position: absolute;
    z-index: 10;
    width: 80px;
    bottom: -85px;
    left: calc(50% - 40px);
  }
  .fsi .animation008 .animation008-content .animation008-item .small-icon {
    width: 100%;
    text-align: center;
  }
  .fsi .animation008 .animation008-content .animation008-item .animation008-top {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    min-height: 6rem;
    line-height: 1.4;
    font-size: 20px;
  }
  .fsi .animation008 .animation008-content .animation008-item .animation008-text {
    min-height: 80px;
  }
  .fsi .animation008.fsi930-1-a008 .animation008-content {
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
    grid-gap: 3rem;
    gap: 3rem;
  }
  .fsi .animation008.fsi930-1-a008 .animation008-content .animation008-item {
    width: calc(50% - 2rem) !important;
    position: relative;
  }
  .fsi .animation008.fsi930-1-a008 .animation008-content .animation008-item .click-point {
    position: absolute;
    z-index: 10;
    width: 80px;
    bottom: -85px;
    left: calc(50% - 40px);
  }
  .fsi .animation008.fsi930-1-a008 .animation008-content .animation008-item .small-icon {
    width: 100%;
    text-align: center;
  }
  .fsi .animation008.fsi930-1-a008 .animation008-content .animation008-item .animation008-top {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    min-height: 6rem;
    line-height: 1.4;
    font-size: 20px;
  }
  .fsi .animation008.fsi930-1-a008 .animation008-content .animation008-item .animation008-text {
    min-height: 80px;
    padding: 1rem 2rem 3rem 4rem;
  }
  .cyber-security-training-page.course-page.en.fsi .ant-layout-content .course-body .course-body-content .animation008.fsi1400-1-a008 {
    width: 100%;
  }
  .cyber-security-training-page.course-page.en.fsi .ant-layout-content .course-body .course-body-content .animation008.fsi1400-1-a008 .animation008-content {
    grid-gap: 3rem;
    gap: 3rem;
  }
  .cyber-security-training-page.course-page.en.fsi .ant-layout-content .course-body .course-body-content .animation008.fsi1400-1-a008 .animation008-content .animation008-item {
    width: calc(50% - 3rem) !important;
  }
  .cyber-security-training-page.course-page.en.fsi .ant-layout-content .course-body .course-body-content .animation008.fsi1400-1-a008 .animation008-content .animation008-item .animation008-top {
    font-size: 1.6rem;
    line-height: 1.2;
    min-height: 40px;
  }
  .cyber-security-training-page.course-page.en.fsi .ant-layout-content .course-body .course-body-content .animation008.fsi1400-1-a008 .animation008-content .animation008-item .animation008-text {
    font-size: 1.6rem;
    line-height: 1.3;
    padding-top: 0;
  }
  .cyber-security-training-page.course-page.en.fsi .ant-layout-content .course-body .course-body-content .animation008.fsi930-1-a008 .animation008-content {
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    grid-gap: 3rem;
    gap: 3rem;
  }
  .cyber-security-training-page.course-page.en.fsi .ant-layout-content .course-body .course-body-content .animation008.fsi930-1-a008 .animation008-content .animation008-item {
    width: calc(50% - 2rem) !important;
    position: relative;
  }
  .cyber-security-training-page.course-page.en.fsi .ant-layout-content .course-body .course-body-content .animation008.fsi930-1-a008 .animation008-content .animation008-item .click-point {
    position: absolute;
    z-index: 10;
    width: 80px;
    bottom: -85px;
    left: calc(50% - 40px);
  }
  .cyber-security-training-page.course-page.en.fsi .ant-layout-content .course-body .course-body-content .animation008.fsi930-1-a008 .animation008-content .animation008-item .small-icon {
    width: 100%;
    text-align: center;
  }
  .cyber-security-training-page.course-page.en.fsi .ant-layout-content .course-body .course-body-content .animation008.fsi930-1-a008 .animation008-content .animation008-item .animation008-top {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    min-height: 75px;
    line-height: 1.2;
    font-size: 1.5rem;
  }
  .cyber-security-training-page.course-page.en.fsi .ant-layout-content .course-body .course-body-content .animation008.fsi930-1-a008 .animation008-content .animation008-item .animation008-text {
    min-height: 130px;
  }
}
@media (max-width: 480px) {
  .fsi .animation008 .animation008-content .animation008-item {
    width: calc(50% - 1.5rem) !important;
    position: relative;
  }
  .fsi .animation008 .animation008-content .animation008-item .animation008-top {
    line-height: 1.2;
    font-size: 1.8rem;
    height: auto;
    padding: 0 1.5rem;
    align-items: center;
    text-align: center;
  }
  .fsi .animation008 .animation008-content .animation008-item:nth-child(4) .animation008-top {
    padding: 0 2rem;
  }
  .fsi .animation008.fsi930-1-a008 .animation008-content {
    justify-content: center;
  }
  .fsi .animation008.fsi930-1-a008 .animation008-content .animation008-item {
    width: 80% !important;
    position: relative;
    padding: 2.5rem 0;
  }
  .fsi .animation008.fsi930-1-a008 .animation008-content .animation008-item .animation008-top {
    line-height: 1.2;
    font-size: 1.8rem;
    height: auto;
    padding: 0 1.5rem;
    align-items: center;
    text-align: center;
  }
  .fsi .animation008.fsi930-1-a008 .animation008-content .animation008-item:nth-child(3) .animation008-top {
    min-height: 90px;
  }
  .fsi .animation008.fsi930-1-a008 .animation008-content .animation008-item:nth-child(4) .animation008-top {
    min-height: 90px;
  }
  .cyber-security-training-page.course-page.en.fsi .ant-layout-content .course-body .course-body-content .animation008.fsi1400-1-a008 .animation008-content {
    justify-content: center;
    grid-gap: 2rem;
    gap: 2rem;
  }
  .cyber-security-training-page.course-page.en.fsi .ant-layout-content .course-body .course-body-content .animation008.fsi1400-1-a008 .animation008-content .animation008-item {
    width: 65% !important;
  }
  .cyber-security-training-page.course-page.en.fsi .ant-layout-content .course-body .course-body-content .animation008.fsi1400-1-a008 .animation008-content .animation008-item .animation008-top {
    padding: 1.5rem;
    font-size: 1.5rem;
    line-height: 1.2;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
    margin: 0;
  }
  .cyber-security-training-page.course-page.en.fsi .ant-layout-content .course-body .course-body-content .animation008.fsi1400-1-a008 .animation008-content .animation008-item .animation008-text {
    padding: 1.5rem;
    padding-top: 0;
    font-size: 1.4rem;
    line-height: 1.2;
    margin: 0;
  }
  .cyber-security-training-page.course-page.en.fsi .ant-layout-content .course-body .course-body-content .animation008.fsi930-1-a008 .animation008-content {
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    grid-gap: 3rem;
    gap: 3rem;
  }
  .cyber-security-training-page.course-page.en.fsi .ant-layout-content .course-body .course-body-content .animation008.fsi930-1-a008 .animation008-content .animation008-item {
    width: 80% !important;
  }
  .cyber-security-training-page.course-page.en.fsi .ant-layout-content .course-body .course-body-content .animation008.fsi930-1-a008 .animation008-content .animation008-item .animation008-top {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
    line-height: 1.2;
    font-size: 1.5rem;
  }
  .cyber-security-training-page.course-page.en.fsi .ant-layout-content .course-body .course-body-content .animation008.fsi930-1-a008 .animation008-content .animation008-item .animation008-text {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
    line-height: 1.2;
    font-size: 1.4rem;
  }
}

.fsi .animation021 {
  margin-right: 3.5rem;
}
.fsi .animation021 .animation021-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  grid-gap: 0;
  gap: 0;
  position: relative;
}
.fsi .animation021 .animation021-content .animation021-item {
  cursor: pointer;
  margin-top: 0;
  margin-bottom: 0;
  width: 100%;
  height: 25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 2;
  position: relative;
}
.fsi .animation021 .animation021-content .animation021-item .click-point {
  position: absolute;
  z-index: 10;
  width: 100px;
  bottom: -50px;
  right: -50px;
  transform: rotate(315deg);
}
.fsi .animation021 .animation021-content .animation021-item .sub-task-text {
  position: relative;
}
.fsi .animation021 .animation021-content .animation021-item .sub-task-text .click-point1 {
  width: 40px !important;
  position: absolute;
  bottom: -50%;
  right: -25%;
  transform: rotate(315deg);
}
.fsi .animation021 .animation021-content .animation021-item .sub-task-text .ant-btn {
  background: #F26927;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 20px;
  cursor: pointer;
  margin-top: 0.5rem;
}
.fsi .animation021 .animation021-content .animation021-item .sub-task-text .ant-btn > span {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  color: #FFFFFF;
}
.fsi .animation021 .animation021-content .animation021-item .animation021-icon {
  min-height: 15rem;
  height: 15rem;
  display: flex;
  align-items: center;
}
.fsi .animation021 .animation021-content .animation021-item .animation021-icon img {
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.fsi .animation021 .animation021-content .animation021-item .animation021-text {
  width: 10rem;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.4;
  text-align: center;
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
  min-height: 110px;
}
.fsi .animation021 .animation021-content .animation021-item .animation021-text .view-more {
  position: relative;
}
.fsi .animation021 .animation021-content .animation021-item .animation021-text .view-more button {
  padding: 0 !important;
}
.fsi .animation021 .animation021-content .animation021-item .animation021-text .view-more button span {
  color: orange;
  font-size: 20px;
  font-weight: 500;
}
.fsi .animation021 .animation021-content .animation021-item .animation021-text .view-more .click-point1 {
  position: absolute;
  z-index: 10;
  width: 50px;
  top: 10px;
  right: -35px;
  transform: rotate(315deg);
}
.fsi.en .animation021 .animation021-content .animation021-item .animation021-text {
  line-height: 1.2;
  min-height: 150px;
}
.animation021-modal-fsi .ant-modal-content .animation021-modal-header {
  margin: 4rem;
  margin-bottom: 1rem;
  margin-top: 1rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 4rem;
  padding: 1rem;
  font-size: 2.4rem;
  font-weight: 500;
  border-left: 6px solid #5384CC;
  display: flex;
  align-items: center;
  justify-content: center;
}
.animation021-modal-fsi .ant-modal-content .ant-modal-body .next-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.8rem;
  width: 4.8rem;
  right: 0;
  bottom: 0;
  padding: 0;
}
.animation021-modal-fsi .ant-modal-content .ant-modal-body .next-button .click-point2 {
  position: absolute;
  bottom: 5rem;
  right: 5rem;
  width: 5rem;
  height: 5rem;
  transform: rotate(135deg);
}
.animation021-modal-fsi .ant-modal-content .ant-modal-body .next-button .arrow {
  margin: 0 auto;
}
.animation021-modal-fsi .ant-modal-content .ant-modal-body .prev-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.8rem;
  width: 4.8rem;
  left: 0;
  bottom: 0;
  padding: 0;
}
.animation021-modal-fsi .ant-modal-content .ant-modal-body .prev-button .click-point1 {
  position: absolute;
  bottom: 5rem;
  left: 5rem;
  width: 5rem;
  height: 5rem;
  transform: rotate(225deg);
}
.animation021-modal-fsi .ant-modal-content .ant-modal-body .prev-button .arrow {
  margin: 0 auto;
}
.animation021-modal-fsi .ant-modal-content .ant-modal-body .hide {
  display: none;
}
.animation021-modal-fsi .ant-modal-content .ant-modal-body .border {
  margin-left: 12rem;
  margin-right: 12rem;
  margin-top: 0;
  margin-bottom: 1rem;
}
.animation021-modal-fsi .ant-modal-content .ant-modal-body .border img {
  width: 100%;
}
.animation021-modal-fsi .ant-modal-content .ant-modal-body .content {
  width: 37.5rem;
  margin-left: 12rem;
  margin-right: 12rem;
  margin-top: 0;
  margin-bottom: 5rem;
  background: rgba(234, 75, 108, 0.2);
  border-radius: 5px;
  font-size: 1.2rem;
  line-height: 1.3;
  font-weight: 400;
  padding: 1.5rem;
  text-align: center;
}
.animation021-modal-fsi .ant-modal-content .ant-modal-body .tip {
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: 500;
  padding: 1rem;
}
@media (max-width: 1024px) {
  .animation021-modal-fsi {
    width: 90% !important;
  }
  .fsi .animation021 {
    margin-right: 0;
  }
  .fsi .animation021 .animation021-content {
    padding-right: 0;
  }
  .fsi .animation021 .animation021-content .animation021-item {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .fsi .animation021 .animation021-content .animation021-item .animation021-icon {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .fsi .animation021 .animation021-content .animation021-item .animation021-text {
    font-size: 1.6rem;
    line-height: 1.4;
    width: 11rem;
  }
  .fsi .animation021 .animation021-content .animation021-item .animation021-text .view-more button {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .fsi .animation021 .animation021-content .animation021-item .animation021-text .view-more button span {
    font-size: 1.6rem;
  }
  .fsi .animation021 .animation021-content .animation021-item .animation021-line img {
    height: 100%;
  }
  .fsi.en .animation021 .animation021-content .animation021-item .animation021-text {
    width: 100%;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
}
@media (max-width: 768px) {
  .fsi .animation021 .animation021-content {
    flex-wrap: wrap;
    justify-content: flex-start;
    grid-gap: 0.5rem;
    gap: 0.5rem;
    grid-row-gap: 2rem;
    row-gap: 2rem;
  }
  .fsi .animation021 .animation021-content .animation021-item {
    width: calc(33.33% - 0.5rem) !important;
  }
  .fsi .animation021 .animation021-content .animation021-item .click-point {
    position: absolute;
    z-index: 10;
    width: 50px;
    bottom: 15px;
    right: 25px;
    transform: rotate(315deg);
  }
  .fsi .animation021 .animation021-content .animation021-item .animation021-icon {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .fsi .animation021 .animation021-content .animation021-item .animation021-icon img {
    width: 75%;
    height: auto;
  }
  .fsi .animation021 .animation021-content .animation021-item .animation021-text {
    width: 60%;
    font-size: 1.6rem;
    line-height: 1.4;
  }
  .animation021-modal-fsi .ant-modal-content .animation021-modal-header {
    margin: 2rem;
  }
  .animation021-modal-fsi .ant-modal-content .ant-modal-body .next-button .click-point2 {
    transform: rotate(90deg);
    bottom: 0;
  }
  .animation021-modal-fsi .ant-modal-content .ant-modal-body .prev-button .click-point1 {
    transform: rotate(270deg);
    bottom: 0;
  }
  .animation021-modal-fsi .ant-modal-content .ant-modal-body .border {
    margin-left: 2rem;
    margin-right: 2rem;
    margin-top: 0;
    margin-bottom: 1rem;
  }
  .animation021-modal-fsi .ant-modal-content .ant-modal-body .content {
    width: 80%;
  }
}
@media (max-width: 480px) {
  .fsi .animation021 .animation021-content {
    grid-gap: 1rem;
    gap: 1rem;
    grid-row-gap: 2rem;
    row-gap: 2rem;
    justify-content: flex-start;
  }
  .fsi .animation021 .animation021-content .background-line {
    height: 2.125rem;
    top: 68%;
  }
  .fsi .animation021 .animation021-content .animation021-item {
    width: calc(50% - 1rem) !important;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .fsi .animation021 .animation021-content .animation021-item .animation021-icon {
    width: 100%;
  }
  .fsi .animation021 .animation021-content .animation021-item .animation021-icon img {
    width: 70%;
    height: 70%;
  }
  .fsi .animation021 .animation021-content .animation021-item .animation021-text {
    font-size: 1.4rem;
    width: 80%;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .fsi .animation021 .animation021-content .animation021-item .animation021-text .view-more button span {
    font-size: 1.4rem;
  }
}

.fsi .animation022 {
  margin-right: 1.5rem;
  margin-left: 1.5rem;
}
.fsi .animation022 .animation022-content {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 1rem;
  gap: 1rem;
  justify-content: space-around;
  padding-right: 3.5rem;
  margin-left: -48px;
}
.fsi .animation022 .animation022-content .animation022-item {
  width: calc(25% - 1rem);
  grid-gap: 1rem;
  gap: 1rem;
  padding-left: 6.5rem;
  height: 25rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  z-index: 2;
  background-image: url(/static/media/a022-market.edf1b973.svg);
  background-repeat: no-repeat;
  position: relative;
}
.fsi .animation022 .animation022-content .animation022-item .click-point {
  position: absolute;
  z-index: 10;
  width: 100px;
  right: -25%;
  bottom: 0;
  transform: rotate(315deg);
}
.fsi .animation022 .animation022-content .animation022-item .animation022-number {
  font-size: 4rem;
  font-weight: 700;
  width: 100%;
  text-align: center;
}
.fsi .animation022 .animation022-content .animation022-item .animation022-item-content {
  width: 100%;
}
.fsi .animation022 .animation022-content .animation022-item .animation022-item-content .animation022-item-title {
  font-size: 20px;
  line-height: 1.3;
  font-weight: 500;
  text-align: center;
  min-height: 50px;
  margin-bottom: 0.5rem;
}
.fsi .animation022 .animation022-content .animation022-item .animation022-item-content .animation022-item-text {
  font-size: 17px;
  line-height: 1.5;
  text-align: center;
  min-height: 155px;
}
.fsi .animation022 .animation022-content .animation022-item .animation022-item-content .view-more {
  position: relative;
}
.fsi .animation022 .animation022-content .animation022-item .animation022-item-content .view-more button {
  border: 0 !important;
  padding: 0 !important;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.fsi .animation022 .animation022-content .animation022-item .animation022-item-content .view-more button span {
  font-size: 16px;
}
.fsi .animation022 .animation022-content .animation022-item .animation022-item-content .view-more .click-point1 {
  position: absolute;
  z-index: 10;
  width: 40px;
  right: -25px;
  bottom: -25px;
  transform: rotate(315deg);
}
.fsi.en .animation022 .animation022-content .animation022-item {
  grid-gap: 0.5rem;
  gap: 0.5rem;
}
.fsi.en .animation022 .animation022-content .animation022-item .animation022-item-content .animation022-item-title {
  line-height: 1.2;
  min-height: 72px;
  display: flex;
  align-items: center;
}
.fsi.en .animation022 .animation022-content .animation022-item .animation022-item-content .animation022-item-text {
  line-height: 1.2;
  min-height: 155px;
}
.fsi.en .animation022 .animation022-content .animation022-item .animation022-item-content .view-more button {
  padding: 0 0 0 0.5rem !important;
}
.animation022-modal-fsi .ant-modal-content {
  padding-top: 2rem;
}
.animation022-modal-fsi .ant-modal-content .ant-modal-header {
  display: flex;
  align-items: center;
  margin-left: 4rem;
  border-left: 4px solid #00A8B5;
  min-height: 70px;
}
.animation022-modal-fsi .ant-modal-content .ant-modal-header .ant-modal-title {
  font-size: 2.4rem;
}
.animation022-modal-fsi .ant-modal-content .ant-modal-body {
  padding-right: 4rem;
  padding-left: 4rem;
}
.animation022-modal-fsi .ant-modal-content .ant-modal-body img {
  width: 100%;
}
.animation022-modal-fsi .ant-modal-content .ant-modal-body .animation022-modal-content {
  width: 100%;
  margin-top: 24px;
  text-align: center;
  background-color: #EA4B6C33;
  font-size: 1.2rem;
  padding: 1rem 2rem;
  border-radius: 10px;
}
@media (max-width: 1521px) {
  .fsi.en .animation022 .animation022-content .animation022-item {
    grid-gap: 0.5rem;
    gap: 0.5rem;
  }
  .fsi.en .animation022 .animation022-content .animation022-item .animation022-item-content .animation022-item-title {
    line-height: 1.2;
    min-height: 96px;
    display: flex;
    align-items: center;
    margin-bottom: 0.5rem;
  }
  .fsi.en .animation022 .animation022-content .animation022-item .animation022-item-content .animation022-item-text {
    line-height: 1.2;
    min-height: 180px;
  }
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation022 {
    margin-top: 8rem;
    margin-left: 3rem;
    margin-right: 3rem;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation022 .animation022-content {
    grid-row-gap: 6rem;
    row-gap: 6rem;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item {
    width: calc(40% - 1rem) !important;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding-left: 12rem;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .click-point {
    width: 65px;
    right: 0;
    bottom: 0;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content .animation022-item-title {
    min-height: 78px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content .animation022-item-text {
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    min-height: 168px;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item {
    width: calc(50% - 2rem) !important;
  }
  .animation022-modal-fsi {
    width: 90% !important;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation022 .animation022-content {
    flex-wrap: wrap;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item {
    width: calc(50% - 1rem) !important;
    padding-left: 13rem;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content .animation022-item-title {
    font-size: 1.7rem;
    line-height: 1.4;
    min-height: 50px;
    margin-bottom: 0.5rem;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content .animation022-item-text {
    font-size: 1.5rem;
    line-height: 1.4;
    min-height: 110px;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content .view-more {
    position: relative;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content .view-more button {
    border: 0 !important;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content .view-more button span {
    font-size: 1.5rem;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content .view-more .click-point1 {
    position: absolute;
    z-index: 10;
    width: 40px;
    right: -25px;
    bottom: -25px;
    transform: rotate(315deg);
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-line img {
    height: 100%;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-icon {
    width: 6.25rem;
    height: 6.25rem;
    min-height: 6.25rem;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .background-line {
    top: 70%;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content .animation022-item-title {
    line-height: 1.2;
    min-height: 42px;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content .animation022-item-text {
    min-height: 130px;
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content .view-more {
    position: relative;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content .view-more button {
    border: 0 !important;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content .view-more button span {
    font-size: 1.5rem;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content .view-more .click-point1 {
    position: absolute;
    z-index: 10;
    width: 40px;
    right: -25px;
    bottom: -25px;
    transform: rotate(315deg);
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-line img {
    height: 100%;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-icon {
    width: 6.25rem;
    height: 6.25rem;
    min-height: 6.25rem;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .background-line {
    top: 70%;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item {
    width: 100% !important;
    padding-left: 12rem;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content .animation022-item-text {
    font-size: 1.4rem;
    line-height: 1.4;
    min-height: 100px;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content .view-more button span {
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content .animation022-item-title {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item {
    width: 100% !important;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content .animation022-item-text {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content .animation022-item-title {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
}

.fsi .animation023 {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 1rem;
  gap: 1rem;
  margin-right: 2rem;
  grid-row-gap: 0;
  row-gap: 0;
  position: relative;
}
.fsi .animation023 .click-point1 {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  bottom: 0;
  left: 12%;
}
.fsi .animation023 .animation023-contaner {
  display: flex;
  grid-gap: 1rem;
  gap: 1rem;
  justify-content: space-between;
  width: calc(20% - 1rem);
}
.fsi .animation023 .animation023-contaner .animation023-item {
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
  background: #f8f8f8;
}
.fsi .animation023 .animation023-contaner .animation023-item img {
  width: 100%;
}
.fsi .animation023 .animation023-contaner .animation023-item .text {
  width: 100%;
  height: 100%;
  padding: 10% 10% 15% 10%;
  font-size: 18px;
  line-height: 1.4;
  min-height: 250px;
}
.fsi.en .animation023 .animation023-contaner .animation023-item {
  display: flex;
  flex-direction: column;
}
.fsi.en .animation023 .animation023-contaner .animation023-item img {
  width: 100%;
}
.fsi.en .animation023 .animation023-contaner .animation023-item .text {
  width: 100%;
  height: 100%;
  padding: 10% 15% 30% 15%;
  font-size: 20px;
  line-height: 1.2;
}
@media (max-width: 1024px) {
  .fsi .animation023 {
    margin-right: 0;
    grid-gap: 3rem;
    gap: 3rem;
  }
  .fsi .animation023 .animation023-contaner {
    width: calc(33.33% - 2rem);
  }
  .fsi .animation023 .animation023-contaner .animation023-item {
    display: flex;
    justify-content: center;
    width: 85%;
  }
  .fsi .animation023 .animation023-contaner .animation023-item .text {
    font-size: 2rem;
    line-height: 1.5;
  }
  .fsi.en .animation023 .animation023-contaner .animation023-item .text {
    font-size: 1.8rem;
    line-height: 1.2;
  }
}
@media (max-width: 768px) {
  .fsi .animation023 .animation023-contaner .animation023-item .text {
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .fsi.en .animation023 .animation023-contaner .animation023-item .text {
    font-size: 1.6rem;
    line-height: 1.3;
  }
}
@media (max-width: 480px) {
  .fsi .animation023 {
    justify-content: center;
  }
  .fsi .animation023 .animation023-contaner {
    width: 75%;
  }
  .fsi .animation023 .animation023-contaner .animation023-item {
    width: 100%;
  }
  .fsi .animation023 .animation023-contaner .animation023-item .text {
    font-size: 1.6rem;
    line-height: 1.5;
    min-height: 160px;
  }
  .fsi.en .animation023 .animation023-contaner .animation023-item .text {
    font-size: 1.6rem;
    line-height: 1.3;
  }
}

.fsi .animation028 {
  display: flex;
  justify-content: center;
  margin-right: 3.5rem;
}
.fsi .animation028 .animation028-position {
  width: 100%;
  max-width: 80vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  grid-gap: 0;
  gap: 0;
}
.fsi .animation028 .animation028-position .animation028-contaner {
  display: flex;
  grid-gap: 1rem;
  gap: 1rem;
  justify-content: space-between;
  width: calc(20% - 1.5rem);
}
.fsi .animation028 .animation028-position .animation028-contaner .animation028-item {
  width: 250px;
  position: relative;
}
.fsi .animation028 .animation028-position .animation028-contaner .animation028-item .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 100;
  transition: all 800ms linear 0s;
  bottom: 50%;
  right: -80px;
}
.fsi .animation028 .animation028-position .animation028-contaner .animation028-item.r2,
.fsi .animation028 .animation028-position .animation028-contaner .animation028-item.r4 {
  margin-top: 270px;
}
.fsi .animation028 .animation028-position .animation028-contaner .animation028-item.r1 .text,
.fsi .animation028 .animation028-position .animation028-contaner .animation028-item.r3 .text,
.fsi .animation028 .animation028-position .animation028-contaner .animation028-item.r5 .text {
  top: 0;
  bottom: unset;
  height: 290px;
}
.fsi .animation028 .animation028-position .animation028-contaner .animation028-item.r6 {
  margin-top: -10%;
}
.fsi .animation028 .animation028-position .animation028-contaner .animation028-item img {
  width: 250px;
}
.fsi .animation028 .animation028-position .animation028-contaner .animation028-item .text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  padding: 3rem;
  font-size: 1.3rem;
  line-height: 1.3;
}
.fsi .animation028 .animation028-position .animation028-contaner .animation028-item .text .sub-task-text {
  width: 100%;
  height: auto;
}
.fsi .animation028 .animation028-position .animation028-contaner .animation028-item .text .sub-task-text button {
  width: 100%;
  position: relative;
  color: #00C3E6;
  font-size: 1.3rem !important;
}
.fsi .animation028 .animation028-position .animation028-contaner .animation028-item .text .sub-task-text button .click-point1 {
  position: absolute;
  width: 30px;
  bottom: -15px;
  right: -10px;
  transform: rotate(315deg);
}
.fsi.en .animation028 {
  margin-right: 12.5rem;
}
.fsi.en .animation028 .animation028-position .animation028-contaner {
  width: 20%;
}
.fsi.en .animation028 .animation028-position .animation028-contaner .animation028-item.r2,
.fsi.en .animation028 .animation028-position .animation028-contaner .animation028-item.r4 {
  margin-top: 385px;
}
.fsi.en .animation028 .animation028-position .animation028-contaner .animation028-item.r1 .text,
.fsi.en .animation028 .animation028-position .animation028-contaner .animation028-item.r3 .text,
.fsi.en .animation028 .animation028-position .animation028-contaner .animation028-item.r5 .text {
  height: 405px;
}
.fsi.en .animation028 .animation028-position .animation028-contaner .animation028-item.r6 {
  margin-top: -20px;
}
.fsi.en .animation028 .animation028-position .animation028-contaner .animation028-item .bg-img {
  width: 350px;
}
.fsi.en .animation028 .animation028-position .animation028-contaner .animation028-item .text {
  width: 350px;
  font-size: 1.4rem;
  line-height: 1.1;
  padding: 3rem 4.5rem;
}
@media (max-width: 1024px) {
  .fsi .animation028 {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 4rem;
    gap: 4rem;
    grid-row-gap: 4rem;
    row-gap: 4rem;
    margin-right: 0;
  }
  .fsi .animation028 .animation028-position {
    max-width: unset;
  }
  .fsi .animation028 .animation028-position .animation028-contaner {
    display: flex;
    grid-gap: 1rem;
    gap: 1rem;
    justify-content: space-between;
    width: calc(33.33% - 4rem);
  }
  .fsi .animation028 .animation028-position .animation028-contaner .animation028-item {
    width: 100%;
    position: relative;
  }
  .fsi .animation028 .animation028-position .animation028-contaner .animation028-item .click-point {
    position: absolute;
    width: 100px;
    transform: rotate(-45deg);
    z-index: 100;
    transition: all 800ms linear 0s;
    bottom: 0;
    right: 0;
  }
  .fsi .animation028 .animation028-position .animation028-contaner .animation028-item.r2,
  .fsi .animation028 .animation028-position .animation028-contaner .animation028-item.r4,
  .fsi .animation028 .animation028-position .animation028-contaner .animation028-item.r6 {
    margin-top: 0;
  }
  .fsi .animation028 .animation028-position .animation028-contaner .animation028-item.r1 .text,
  .fsi .animation028 .animation028-position .animation028-contaner .animation028-item.r3 .text,
  .fsi .animation028 .animation028-position .animation028-contaner .animation028-item.r5 .text {
    top: 0;
    bottom: unset;
    height: 100%;
  }
  .fsi .animation028 .animation028-position .animation028-contaner .animation028-item img {
    width: 100%;
  }
  .fsi .animation028 .animation028-position .animation028-contaner .animation028-item .text {
    padding: 4.5rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .fsi .animation028 .animation028-position .animation028-contaner .animation028-item .text .sub-task-text button {
    font-size: 1.6rem !important;
  }
  .fsi .animation028 .animation028-position .animation028-contaner .animation028-item .text .sub-task-text button .click-point1 {
    right: 0;
  }
  .fsi.en .animation028 {
    grid-gap: 1rem;
    gap: 1rem;
    grid-row-gap: 3rem;
    row-gap: 3rem;
    justify-content: space-between;
    margin-right: 0;
  }
  .fsi.en .animation028 .animation028-position .animation028-contaner {
    width: calc(33.33% - 1rem);
  }
  .fsi.en .animation028 .animation028-position .animation028-contaner .animation028-item .click-point {
    position: absolute;
    width: 100px;
    transform: rotate(-45deg);
    z-index: 100;
    transition: all 800ms linear 0s;
    bottom: 0;
    right: 0;
  }
  .fsi.en .animation028 .animation028-position .animation028-contaner .animation028-item.r2,
  .fsi.en .animation028 .animation028-position .animation028-contaner .animation028-item.r4,
  .fsi.en .animation028 .animation028-position .animation028-contaner .animation028-item.r6 {
    margin-top: 0;
  }
  .fsi.en .animation028 .animation028-position .animation028-contaner .animation028-item.r1 .text,
  .fsi.en .animation028 .animation028-position .animation028-contaner .animation028-item.r3 .text,
  .fsi.en .animation028 .animation028-position .animation028-contaner .animation028-item.r5 .text {
    top: 0;
    bottom: unset;
    height: 100%;
  }
  .fsi.en .animation028 .animation028-position .animation028-contaner .animation028-item .bg-img {
    width: 100%;
  }
  .fsi.en .animation028 .animation028-position .animation028-contaner .animation028-item .text {
    width: 100%;
    padding: 5.5rem;
    font-size: 1.6rem;
    line-height: 1.2;
  }
  .fsi.en .animation028 .animation028-position .animation028-contaner .animation028-item .text .sub-task-text button {
    font-size: 1.5rem !important;
  }
  .fsi.en .animation028 .animation028-position .animation028-contaner .animation028-item .text .sub-task-text button .click-point1 {
    right: 0;
  }
}
@media (max-width: 768px) {
  .fsi .animation028 {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 1.5rem;
    gap: 1.5rem;
  }
  .fsi .animation028 .animation028-position .animation028-contaner {
    display: flex;
    grid-gap: 1rem;
    gap: 1rem;
    justify-content: space-between;
    width: calc(33.33% - 1.5rem);
  }
  .fsi .animation028 .animation028-position .animation028-contaner .animation028-item {
    width: 100%;
    position: relative;
    margin-top: 0 !important;
  }
  .fsi .animation028 .animation028-position .animation028-contaner .animation028-item .click-point {
    position: absolute;
    width: 100px;
    transform: rotate(-45deg);
    z-index: 100;
    transition: all 800ms linear 0s;
    bottom: 50%;
    right: -80px;
  }
  .fsi .animation028 .animation028-position .animation028-contaner .animation028-item.r1 .text,
  .fsi .animation028 .animation028-position .animation028-contaner .animation028-item.r3 .text,
  .fsi .animation028 .animation028-position .animation028-contaner .animation028-item.r5 .text {
    top: 0;
    bottom: unset;
    height: 100%;
  }
  .fsi .animation028 .animation028-position .animation028-contaner .animation028-item img {
    width: 100%;
  }
  .fsi .animation028 .animation028-position .animation028-contaner .animation028-item .text {
    display: flex;
    align-items: center;
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    padding: 4.5rem;
    font-size: 1.4rem;
    line-height: 1.4;
  }
  .fsi.en .animation028 {
    grid-gap: 5rem;
    gap: 5rem;
    grid-row-gap: 3rem;
    row-gap: 3rem;
    justify-content: center;
    margin-right: 0;
  }
  .fsi.en .animation028 .animation028-position .animation028-contaner {
    width: calc(50% - 8rem);
  }
  .fsi.en .animation028 .animation028-position .animation028-contaner .animation028-item .click-point {
    position: absolute;
    width: 100px;
    transform: rotate(-45deg);
    z-index: 100;
    transition: all 800ms linear 0s;
    bottom: 0;
    right: 0;
  }
  .fsi.en .animation028 .animation028-position .animation028-contaner .animation028-item.r2,
  .fsi.en .animation028 .animation028-position .animation028-contaner .animation028-item.r4 {
    margin-top: 0;
  }
  .fsi.en .animation028 .animation028-position .animation028-contaner .animation028-item.r1 .text,
  .fsi.en .animation028 .animation028-position .animation028-contaner .animation028-item.r3 .text,
  .fsi.en .animation028 .animation028-position .animation028-contaner .animation028-item.r5 .text {
    top: 0;
    bottom: unset;
    height: 100%;
  }
  .fsi.en .animation028 .animation028-position .animation028-contaner .animation028-item .bg-img {
    width: 100%;
  }
  .fsi.en .animation028 .animation028-position .animation028-contaner .animation028-item .text {
    width: 100%;
    padding: 5.5rem;
    font-size: 1.6rem;
    line-height: 1.2;
  }
  .fsi.en .animation028 .animation028-position .animation028-contaner .animation028-item .text .sub-task-text button {
    font-size: 1.5rem !important;
  }
  .fsi.en .animation028 .animation028-position .animation028-contaner .animation028-item .text .sub-task-text button .click-point1 {
    right: 0;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation028 {
    grid-gap: 0;
    gap: 0;
    justify-content: space-between;
    margin-right: 0;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation028 .animation028-contaner {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: calc(50% - 0.5rem);
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation028 .animation028-contaner .animation028-item.r2,
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation028 .animation028-contaner .animation028-item.r4 {
    margin-top: 0;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation028 .animation028-contaner .animation028-item.r2 .text,
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation028 .animation028-contaner .animation028-item.r4 .text {
    height: 106%;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation028 .animation028-contaner .animation028-item.r1 .text,
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation028 .animation028-contaner .animation028-item.r3 .text,
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation028 .animation028-contaner .animation028-item.r5 .text {
    top: 0;
    bottom: unset;
    height: 100%;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation028 .animation028-contaner .animation028-item .text {
    padding: 2rem 3rem;
    font-size: 1.3rem;
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation028 .animation028-contaner .animation028-item .text .sub-task-text button {
    font-size: 1.4rem !important;
    padding: 0 !important;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation028 {
    justify-content: center;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation028 .animation028-position .animation028-contaner {
    width: 75%;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation028 .animation028-position .animation028-contaner .animation028-item.r2 .text,
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation028 .animation028-position .animation028-contaner .animation028-item.r4 .text {
    height: 106%;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation028 .animation028-position .animation028-contaner .animation028-item.r1 .text,
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation028 .animation028-position .animation028-contaner .animation028-item.r3 .text,
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation028 .animation028-position .animation028-contaner .animation028-item.r5 .text {
    top: 0;
    bottom: unset;
    height: 98%;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation028 .animation028-position .animation028-contaner .animation028-item .text {
    font-size: 1.4rem;
    padding: 4.5rem;
  }
  .animation028-modal-ngo .ant-modal-content .animation028-modal-header {
    margin: 4rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
    margin-left: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 4rem;
    padding: 1rem;
    font-size: 2.625rem;
    font-weight: 500;
    border-left: 4px solid #53CC92;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .animation028-modal-ngo .ant-modal-content .ant-modal-body .next-button {
    position: absolute;
    background: #FFC53D;
    border-radius: 0px;
    height: 4.8rem;
    width: 4.8rem;
    right: 0;
    bottom: 0;
    padding: 0;
  }
  .animation028-modal-ngo .ant-modal-content .ant-modal-body .next-button .click-point2 {
    position: absolute;
    bottom: 5rem;
    right: 5rem;
    width: 5rem;
    height: 5rem;
    transform: rotate(135deg);
  }
  .animation028-modal-ngo .ant-modal-content .ant-modal-body .next-button .arrow {
    margin: 0 auto;
  }
  .animation028-modal-ngo .ant-modal-content .ant-modal-body .prev-button {
    position: absolute;
    background: #FFC53D;
    border-radius: 0px;
    height: 4.8rem;
    width: 4.8rem;
    left: 0;
    bottom: 0;
    padding: 0;
  }
  .animation028-modal-ngo .ant-modal-content .ant-modal-body .prev-button .click-point1 {
    position: absolute;
    bottom: 5rem;
    left: 5rem;
    width: 5rem;
    height: 5rem;
    transform: rotate(225deg);
  }
  .animation028-modal-ngo .ant-modal-content .ant-modal-body .prev-button .arrow {
    margin: 0 auto;
  }
  .animation028-modal-ngo .ant-modal-content .ant-modal-body .hide {
    display: none;
  }
  .animation028-modal-ngo .ant-modal-content .ant-modal-body .border {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 1rem;
  }
  .animation028-modal-ngo .ant-modal-content .ant-modal-body .border img {
    width: 100%;
  }
  .animation028-modal-ngo .ant-modal-content .ant-modal-body .content {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 5rem;
    background: rgba(234, 75, 108, 0.2);
    border-radius: 5px;
    font-size: 1.2rem;
    line-height: 1.5;
    font-weight: 400;
    padding: 1.5rem;
    text-align: center;
  }
}

.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation031 {
  position: relative;
  cursor: pointer;
  padding-right: 3.5rem;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation031 .animation031-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  grid-gap: 4rem;
  gap: 4rem;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item {
  width: calc(50% - 2rem);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  bottom: -50px;
  right: -25px;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item .animation031-indicate-number {
  width: 20%;
  height: 70px;
  overflow: hidden;
  color: white;
  text-align: center;
  line-height: 70px;
  font-size: 2rem;
  font-weight: 600;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item .animation031-indicate-number .animation031-indicate-number-radius {
  width: 100px;
  height: 100px;
  border-radius: 100px;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item.r1 .animation031-indicate-number .animation031-indicate-number-radius {
  background: linear-gradient(0deg, #FF1A00 -40.7%, #FF8000 97.92%);
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item.r2 .animation031-indicate-number .animation031-indicate-number-radius {
  background: linear-gradient(0deg, #008200 -40.7%, #77C600 97.92%);
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item.r3 .animation031-indicate-number .animation031-indicate-number-radius {
  background: linear-gradient(0deg, #FF0055 -40.7%, #FF5990 97.92%);
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item.r4 .animation031-indicate-number .animation031-indicate-number-radius {
  background: linear-gradient(0deg, #CD0000 -40.7%, #FF2A33 97.92%);
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item.r5 .animation031-indicate-number .animation031-indicate-number-radius {
  background: linear-gradient(0deg, #007AFF -40.67%, #1DC8FE 97.95%);
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item.r6 .animation031-indicate-number .animation031-indicate-number-radius {
  background: linear-gradient(0deg, #450C67 -40.7%, #984BFF 97.92%);
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item.r7 .animation031-indicate-number .animation031-indicate-number-radius {
  background: linear-gradient(0deg, #000000 -40.67%, #505050 97.95%);
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item.r8 .animation031-indicate-number .animation031-indicate-number-radius {
  background: linear-gradient(0deg, #021559 -40.7%, #0953B8 97.92%);
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item.r9 .animation031-indicate-number .animation031-indicate-number-radius {
  background: linear-gradient(0deg, #FF6F00 -40.7%, #FFD500 97.92%);
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item.r10 .animation031-indicate-number .animation031-indicate-number-radius {
  background: linear-gradient(0deg, #003575 -40.67%, #007DD4 97.95%);
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item.r11 .animation031-indicate-number .animation031-indicate-number-radius {
  background: linear-gradient(0deg, #006834 -40.7%, #00C495 97.92%);
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item .animation031-subcontent {
  width: 70%;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item .animation031-subcontent .sub-task-text {
  position: relative;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item .animation031-subcontent .sub-task-text .click-point1 {
  width: 3rem !important;
  position: absolute;
  bottom: -50%;
  right: -25%;
  transform: rotate(315deg);
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item .animation031-subcontent .sub-task-text .ant-btn {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 0;
  cursor: pointer;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item .animation031-subcontent .sub-task-text .ant-btn > span {
  color: #FF4801;
  font-size: 1.6rem;
  line-height: 1.5;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item .animation031-subcontent .animation031-text {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.4;
  text-align: left;
  padding-left: 1rem;
}
.cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation031 .animation031-content {
  grid-gap: 2rem;
  gap: 2rem;
}
.cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item {
  width: calc(50% - 1rem);
}
.cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item .animation031-subcontent {
  width: 80%;
}
.cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item .animation031-subcontent .animation031-text {
  font-size: 20px;
  line-height: 1.2;
}
@media (max-width: 1500px) {
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item .animation031-indicate-number {
    width: 25%;
  }
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation031 .animation031-content {
    padding-right: 0 !important;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item {
    height: 5.5rem;
    margin-bottom: 1rem;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item .animation031-indicate-number {
    width: 30%;
    line-height: 3.5;
    display: flex;
    justify-content: center;
    font-size: 2.5rem;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item .animation031-indicate-number .animation031-icon {
    width: 5.5rem;
    height: 5.5rem;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item .animation031-indicate-number .number {
    text-align: center;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item .animation031-indicate-number .animation031-icon img {
    max-width: 50% !important;
    max-height: 50% !important;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item .animation031-subcontent .animation031-text {
    font-size: 1.6rem;
    line-height: 1.4;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item {
    height: 8rem;
    margin-bottom: 0;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item .animation031-subcontent .animation031-text {
    font-size: 1.6rem;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation031 .animation031-content {
    flex-wrap: wrap;
    width: 100%;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item {
    width: 100%;
    padding-left: 2rem !important;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item .animation031-indicate-number {
    min-width: 11rem;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item .animation031-indicate-number .number {
    text-align: center;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item .animation031-indicate-number .animation031-icon {
    width: 5.5rem;
    height: 5.5rem;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item .animation031-subcontent .animation031-text {
    font-size: 1.8rem;
    line-height: 1.4;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation031 .animation031-content {
    justify-content: center;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item {
    width: 80%;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item .animation031-subcontent .animation031-text {
    font-size: 1.6rem;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation031 {
    padding-right: 0;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation031 .animation031-content {
    width: 100%;
    grid-gap: 2rem;
    gap: 2rem;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item {
    padding-left: 0 !important;
    height: 6.5rem;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item .animation031-indicate-number {
    line-height: 2.7;
    height: 60px;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item .animation031-indicate-number .animation031-indicate-number-radius {
    width: 80px;
    height: 80px;
    border-radius: 80px;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item .animation031-subcontent .animation031-text {
    font-size: 1.5rem;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation031 .animation031-content {
    justify-content: center;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item {
    width: 100%;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation031 .animation031-content .animation031-item .animation031-subcontent .animation031-text {
    font-size: 1.4rem;
  }
}

.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 {
  padding-right: 3.5rem;
  display: flex;
  justify-content: center;
  position: relative;
  cursor: pointer;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  top: 8rem;
  left: 30rem;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 .animation032-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  grid-row-gap: 4rem;
  row-gap: 4rem;
  width: 100%;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item {
  width: 50%;
  display: flex;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position {
  width: 100%;
  margin: 0 50px;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent {
  width: 100%;
  height: 200px;
  padding: 0 3.5rem;
  position: relative;
  border-radius: 80px 80px 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .animation032-left {
  position: absolute;
  bottom: 0;
  left: -40px;
  width: 0;
  height: 0;
  border-bottom: 20px solid white;
  border-left: 20px solid white;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .animation032-right {
  position: absolute;
  bottom: 0;
  right: -40px;
  width: 0;
  height: 0;
  border-bottom: 20px solid white;
  border-right: 20px solid white;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .animation032-text {
  color: white;
  font-size: 18px;
  line-height: 1.4;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .animation032-text .animation032-text-title {
  font-size: 24px;
  margin-bottom: 1rem;
  font-weight: 700;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .sub-task-text {
  position: relative;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .sub-task-text .click-point1 {
  width: 40px !important;
  position: absolute;
  bottom: 5%;
  right: -15%;
  transform: rotate(270deg);
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .sub-task-text .ant-btn {
  cursor: pointer;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .sub-task-text .ant-btn > span {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.5;
  color: white;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r1 {
  justify-content: flex-start;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r1 .animation032-subcontent {
  background-color: #E0621B;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r1 .animation032-subcontent .animation032-left {
  border-top: 20px solid #A04817;
  border-right: 20px solid #A04817;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r1 .animation032-subcontent .animation032-right {
  border-top: 20px solid #A04817;
  border-left: 20px solid #A04817;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r2 {
  justify-content: flex-end;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r2 .animation032-subcontent {
  background-color: #2186B2;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r2 .animation032-subcontent .animation032-left {
  border-top: 20px solid #156B89;
  border-right: 20px solid #156B89;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r2 .animation032-subcontent .animation032-right {
  border-top: 20px solid #156B89;
  border-left: 20px solid #156B89;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r3 {
  justify-content: flex-start;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r3 .animation032-subcontent {
  background-color: #E24655;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r3 .animation032-subcontent .animation032-left {
  border-top: 20px solid #AA2B3D;
  border-right: 20px solid #AA2B3D;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r3 .animation032-subcontent .animation032-right {
  border-top: 20px solid #AA2B3D;
  border-left: 20px solid #AA2B3D;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r4 {
  justify-content: flex-end;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r4 .animation032-subcontent {
  background-color: #248075;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r4 .animation032-subcontent .animation032-left {
  border-top: 20px solid #156055;
  border-right: 20px solid #156055;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r4 .animation032-subcontent .animation032-right {
  border-top: 20px solid #156055;
  border-left: 20px solid #156055;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r5 {
  justify-content: flex-start;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r5 .animation032-subcontent {
  background-color: #FF820F;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r5 .animation032-subcontent .animation032-left {
  border-top: 20px solid #AB6700;
  border-right: 20px solid #AB6700;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r5 .animation032-subcontent .animation032-right {
  border-top: 20px solid #AB6700;
  border-left: 20px solid #AB6700;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r6 {
  justify-content: flex-end;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r6 .animation032-subcontent {
  background-color: #7031BF;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r6 .animation032-subcontent .animation032-left {
  border-top: 20px solid #2B065A;
  border-right: 20px solid #2B065A;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r6 .animation032-subcontent .animation032-right {
  border-top: 20px solid #2B065A;
  border-left: 20px solid #2B065A;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r7 {
  justify-content: flex-start;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r7 .animation032-subcontent {
  background-color: #E29625;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r7 .animation032-subcontent .animation032-left {
  border-top: 20px solid #9D6511;
  border-right: 20px solid #9D6511;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r7 .animation032-subcontent .animation032-right {
  border-top: 20px solid #9D6511;
  border-left: 20px solid #9D6511;
}
.cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent {
  height: 280px;
  padding: 0 2.5rem;
  position: relative;
  border-radius: 100px 100px 0 0;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 {
    padding-right: 0;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 .animation032-content {
    padding-right: 0 !important;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item {
    width: calc(50% - 2rem);
    margin-bottom: 1rem;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent {
    height: 150px;
    border-radius: 100px 100px 0 0;
    padding: 0 5rem;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .animation032-text {
    color: white;
    font-size: 1.6rem;
    line-height: 1.4;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .animation032-text .animation032-text-title {
    font-size: 1.8rem;
    margin-bottom: 1rem;
    font-weight: 700;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number .animation032-icon {
    width: 5.5rem;
    height: 5.5rem;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number .number {
    text-align: center;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number .animation032-icon img {
    max-width: 50% !important;
    max-height: 50% !important;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content {
    padding-right: 0 !important;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item {
    width: 65%;
    margin-bottom: 1rem;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent {
    height: 140px;
    border-radius: 70px 70px 0 0;
    padding: 0 4rem;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .animation032-text {
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .sub-task-text .click-point1 {
    width: 40px !important;
    position: absolute;
    bottom: 5%;
    right: -25%;
    transform: rotate(270deg);
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number .animation032-icon {
    width: 5.5rem;
    height: 5.5rem;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number .number {
    text-align: center;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number .animation032-icon img {
    max-width: 50% !important;
    max-height: 50% !important;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 {
    padding-right: 0;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 .animation032-content {
    flex-wrap: wrap;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item {
    width: 75%;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position {
    width: 100%;
    margin: 0 50px;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent {
    align-items: flex-start;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number {
    min-width: 11rem;
    height: 3.625rem;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number .number {
    text-align: center;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number .animation032-icon {
    width: 5.5rem;
    height: 5.5rem;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation032 {
    padding-right: 0;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content {
    flex-wrap: wrap;
    justify-content: center;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item {
    width: 75%;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position {
    width: 100%;
    margin: 0 50px;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .sub-task-text .click-point1 {
    width: 40px !important;
    position: absolute;
    bottom: 5%;
    right: -25%;
    transform: rotate(270deg);
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number {
    min-width: 11rem;
    height: 3.625rem;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number .number {
    text-align: center;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number .animation032-icon {
    width: 5.5rem;
    height: 5.5rem;
  }
}
@media (max-width: 480px) {
  .fsi .animation032-modal {
    width: 100% !important;
  }
  .fsi .animation032-modal .ant-modal-content .animation032-modal-header {
    margin-left: 0;
  }
  .fsi .animation032-modal .ant-modal-content .ant-modal-body .next-button .click-point2 {
    bottom: 0rem;
    transform: rotate(90deg);
  }
  .fsi .animation032-modal .ant-modal-content .ant-modal-body .prev-button .click-point1 {
    bottom: 0;
    transform: rotate(270deg);
  }
  .fsi .animation032-modal .ant-modal-content .ant-modal-body .content {
    width: 100%;
    margin-top: 2rem;
    font-size: 1.4rem;
  }
  .fsi .animation032-modal .ant-modal-content .ant-modal-body .border {
    margin: 0;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 {
    padding-right: 0;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 .animation032-content {
    flex-wrap: wrap;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item {
    width: 100%;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position {
    width: 100%;
    margin: 0 50px;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent {
    text-align: center;
    padding: 0 2rem;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .animation032-left {
    left: -38px;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .animation032-right {
    right: -38px;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .animation032-text {
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .sub-task-text .ant-btn > span {
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number {
    min-width: 11rem;
    height: 3.625rem;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number .number {
    text-align: center;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number .animation032-icon {
    width: 5.5rem;
    height: 5.5rem;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation032 {
    padding-right: 0;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content {
    flex-wrap: wrap;
    width: 100%;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item {
    width: 105%;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position {
    width: 100%;
    margin: 0 50px;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent {
    height: 190px;
    border-radius: 50px 50px 0 0;
    padding: 2rem;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .animation032-text {
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .sub-task-text .click-point1 {
    width: 40px !important;
    position: absolute;
    bottom: 5%;
    right: -25%;
    transform: rotate(270deg);
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .sub-task-text .ant-btn > span {
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number {
    min-width: 11rem;
    height: 3.625rem;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number .number {
    text-align: center;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number .animation032-icon {
    width: 5.5rem;
    height: 5.5rem;
  }
}

.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation033 {
  display: flex;
  margin-right: 3.5rem;
  justify-content: space-between;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation033 .animation033-tip {
  width: 25%;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation033 .animation033-tip .tip {
  background-image: url(/static/media/9881.3dcc291c.png);
  background-size: contain;
  background-repeat: no-repeat;
  height: 45rem;
  width: 16.75rem;
  text-align: center;
  padding-top: 135px;
  padding-bottom: 409px;
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  line-height: 1.4;
  font-weight: 500;
  padding-left: 1rem;
  padding-right: 1rem;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation033 .animation033-content {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  width: 75%;
  height: 820px;
  grid-gap: 1rem;
  gap: 1rem;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item {
  width: calc(50% - 1rem);
  height: 150px;
  display: flex;
  align-items: center;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-indicate-number {
  width: 30%;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-indicate-number img {
  width: 100%;
  height: auto;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent {
  width: 80%;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .animation033-text {
  font-size: 1.4rem;
  line-height: 1.3;
  padding-left: 10px;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .sub-task-text {
  position: relative;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .sub-task-text .click-point1 {
  width: 40px !important;
  position: absolute;
  bottom: -50%;
  right: -25%;
  transform: rotate(315deg);
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .sub-task-text .ant-btn {
  background: #F26927;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 20px;
  cursor: pointer;
  margin-top: 0.5rem;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .sub-task-text .ant-btn > span {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  color: #FFFFFF;
}
.cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content {
  height: 820px;
}
.cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item {
  height: 150px;
}
.cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-indicate-number img {
  width: 80%;
}
.cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .animation033-text {
  line-height: 1.2;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation033 {
    margin-right: 0;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation033 .animation033-tip .tip {
    font-size: 2rem;
    padding-top: 85px;
    padding-bottom: 245px;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation033 .animation033-content {
    padding-right: 0 !important;
    grid-row-gap: 4rem;
    row-gap: 4rem;
    height: 715px;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item {
    width: calc(50% - 2rem);
    height: 80px;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .animation033-text {
    font-size: 2rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-tip .tip {
    line-height: 1.2;
    font-size: 1.8rem;
    padding-top: 85px;
    padding-bottom: 245px;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content {
    height: 750px;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation033 .animation033-tip {
    display: none;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation033 .animation033-content {
    flex-wrap: wrap;
    width: 100%;
    height: 630px;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item {
    width: calc(50% - 2rem);
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-indicate-number {
    width: 30%;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .animation033-text {
    font-size: 1.8rem;
    line-height: 1.3;
  }
}
@media (max-width: 480px) {
  .fsi .animation033-modal {
    width: 100% !important;
  }
  .fsi .animation033-modal .ant-modal-content .animation033-modal-header {
    margin-left: 0;
  }
  .fsi .animation033-modal .ant-modal-content .ant-modal-body .next-button .click-point2 {
    bottom: 0rem;
    transform: rotate(90deg);
  }
  .fsi .animation033-modal .ant-modal-content .ant-modal-body .prev-button .click-point1 {
    bottom: 0;
    transform: rotate(270deg);
  }
  .fsi .animation033-modal .ant-modal-content .ant-modal-body .content {
    width: 100%;
    margin-top: 2rem;
    font-size: 1.4rem;
  }
  .fsi .animation033-modal .ant-modal-content .ant-modal-body .border {
    margin: 0;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation033 {
    margin-top: 0;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation033 .animation033-tip {
    display: none;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation033 .animation033-content {
    flex-wrap: wrap;
    flex-direction: column;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    grid-row-gap: 2rem;
    row-gap: 2rem;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item {
    width: 100%;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-indicate-number {
    display: flex;
    width: 20%;
    height: 100%;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .animation033-text {
    font-size: 1.8rem;
    line-height: 1.3;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-tip {
    display: none;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .animation033-text {
    line-height: 1.2;
    font-size: 1.6rem;
    padding-left: 12px;
  }
}

.fsi .animation034 {
  margin-right: 3.5rem;
}
.fsi .animation034 .animation034-content {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 2rem;
  gap: 2rem;
  justify-content: space-between;
}
.fsi .animation034 .animation034-content .animation034-item {
  margin-bottom: 1rem;
  width: calc(50% - 2rem);
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
}
.fsi .animation034 .animation034-content .animation034-item .click-point {
  position: absolute;
  width: 80px;
  transform: rotate(-45deg);
  z-index: 12;
  transition: all 800ms linear 0s;
  bottom: -15%;
  left: 15%;
}
.fsi .animation034 .animation034-content .animation034-item .animation034-indicate-number {
  background: #FFFFFF;
  border: 2px solid;
  border-radius: 4rem;
  margin-right: -2rem;
  z-index: 10;
}
.fsi .animation034 .animation034-content .animation034-item .animation034-indicate-number .number {
  width: 8rem;
  height: 8rem;
  line-height: 8rem;
  text-align: center;
  font-size: 3rem;
  font-weight: 700;
}
.fsi .animation034 .animation034-content .animation034-item .animation034-body {
  width: 100%;
  height: 6rem;
  border-radius: 0 1rem 1rem 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 3rem;
  padding-right: 2rem;
  z-index: 9;
}
.fsi .animation034 .animation034-content .animation034-item .animation034-body .animation034-text {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
  text-align: left;
  color: white;
}
.fsi.en .animation034 .animation034-content .animation034-item {
  width: calc(50% - 1rem);
}
.fsi.en .animation034 .animation034-content .animation034-item .animation034-indicate-number {
  border-radius: 5rem;
}
.fsi.en .animation034 .animation034-content .animation034-item .animation034-indicate-number .number {
  width: 10rem;
  height: 10rem;
  line-height: 10rem;
  font-size: 3.5rem;
}
.fsi.en .animation034 .animation034-content .animation034-item .animation034-body {
  height: 8.5rem;
  border-radius: 0 2rem 2rem 0;
}
.fsi.en .animation034 .animation034-content .animation034-item .animation034-body .animation034-text {
  font-size: 20px;
  line-height: 1.2;
}
@media (max-width: 1024px) {
  .fsi .animation034 {
    margin-right: 0;
  }
  .fsi .animation034 .animation034-content {
    padding-right: 0!important;
    grid-gap: 4rem;
    gap: 4rem;
    grid-row-gap: 4rem;
    row-gap: 4rem;
  }
  .fsi .animation034 .animation034-content .animation034-item {
    height: 5.5rem;
    margin-bottom: 1rem;
  }
  .fsi .animation034 .animation034-content .animation034-item .click-point {
    width: 60px;
    bottom: -70%;
  }
  .fsi .animation034 .animation034-content .animation034-item .animation034-indicate-number .animation034-icon {
    width: 5.5rem;
    height: 5.5rem;
  }
  .fsi .animation034 .animation034-content .animation034-item .animation034-indicate-number .number {
    text-align: center;
  }
  .fsi .animation034 .animation034-content .animation034-item .animation034-indicate-number .animation034-icon img {
    max-width: 50% !important;
    max-height: 50% !important;
  }
  .fsi .animation034 .animation034-content .animation034-item .animation034-body {
    height: 6.8rem;
  }
  .fsi .animation034 .animation034-content .animation034-item .animation034-body .animation034-text {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.4;
  }
  .fsi.en .animation034 {
    margin-top: 0 !important;
  }
  .fsi.en .animation034 .animation034-content {
    grid-gap: 2rem;
    gap: 2rem;
  }
  .fsi.en .animation034 .animation034-content .animation034-item {
    width: calc(50% - 1.2rem);
    height: 11rem;
    margin-bottom: 0;
  }
  .fsi.en .animation034 .animation034-content .animation034-item .click-point {
    bottom: -15%;
  }
  .fsi.en .animation034 .animation034-content .animation034-item .animation034-indicate-number {
    border-radius: 5.5rem;
    margin-right: -3rem;
  }
  .fsi.en .animation034 .animation034-content .animation034-item .animation034-indicate-number .number {
    width: 11rem;
    height: 11rem;
    line-height: 11rem;
    font-size: 3.5rem;
  }
  .fsi.en .animation034 .animation034-content .animation034-item .animation034-body {
    height: 10rem;
    border-radius: 0 2rem 2rem 0;
    padding-left: 3.5rem;
    padding-right: 1rem;
  }
  .fsi.en .animation034 .animation034-content .animation034-item .animation034-body .animation034-text {
    font-size: 1.6rem;
    line-height: 1.2;
  }
}
@media (max-width: 768px) {
  .fsi .animation034 .animation034-content {
    flex-wrap: wrap;
    width: 70%;
    margin: auto;
  }
  .fsi .animation034 .animation034-content .animation034-item {
    width: 100%;
  }
  .fsi .animation034 .animation034-content .animation034-item .animation034-indicate-number .number {
    text-align: center;
  }
  .fsi .animation034 .animation034-content .animation034-item .animation034-indicate-number .animation034-icon {
    width: 5.5rem;
    height: 5.5rem;
  }
  .fsi .animation034 .animation034-content .animation034-item .click-point {
    bottom: -100%;
  }
  .fsi.en .animation034 .animation034-content {
    flex-wrap: wrap;
    width: 70%;
    margin: auto;
  }
  .fsi.en .animation034 .animation034-content .animation034-item {
    width: 100%;
  }
  .fsi.en .animation034 .animation034-content .animation034-item .animation034-indicate-number .number {
    text-align: center;
  }
}
@media (max-width: 480px) {
  .fsi .animation034 .animation034-content {
    width: 100%;
  }
  .fsi .animation034 .animation034-content .animation034-item .click-point {
    width: 60px;
    bottom: -70%;
  }
  .fsi .animation034 .animation034-content .animation034-item .animation034-body .animation034-text {
    font-size: 1.4rem;
    line-height: 1.4;
  }
  .fsi.en .animation034 .animation034-content {
    width: 100%;
  }
  .fsi.en .animation034 .animation034-content .animation034-item {
    width: 100%;
  }
  .fsi.en .animation034 .animation034-content .animation034-item .animation034-indicate-number .number {
    text-align: center;
  }
  .fsi.en .animation034 .animation034-content .animation034-item .animation034-body .animation034-text {
    font-size: 1.4rem;
    line-height: 1.2;
  }
}

.fsi .animation038-content {
  position: relative;
  margin-right: 3.5rem;
}
.fsi .animation038-content .animation038 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.fsi .animation038-content .animation038 .animation038-item {
  width: calc(20% - 1rem);
  display: flex;
  flex-direction: column;
  grid-gap: 1rem;
  gap: 1rem;
}
.fsi .animation038-content .animation038 .animation038-item .animation038-icon {
  width: 50px;
  height: 50px;
}
.fsi .animation038-content .animation038 .animation038-item .animation038-line {
  height: 20px;
  border-radius: 10px;
}
.fsi .animation038-content .animation038 .animation038-item .animation038-head .animation038-time {
  font-size: 32px;
}
.fsi .animation038-content .animation038 .animation038-item .animation038-head .animation038-title {
  font-size: 22px;
  line-height: 1.3;
  margin-top: 0.5rem;
  min-height: 60px;
  margin-bottom: -0.5rem;
}
.fsi .animation038-content .animation038 .animation038-item .animation038-list {
  font-size: 18px;
  line-height: 1.2;
}
.fsi .animation038-content .animation038 .animation038-item .animation038-list ul {
  -webkit-padding-start: 20px;
          padding-inline-start: 20px;
}
.fsi .animation038-content .animation038 .animation038-item .animation038-list ul li {
  margin-bottom: 0.5rem;
}
.fsi.en .animation038-content .animation038 .animation038-item .animation038-head .animation038-title {
  min-height: 86px;
}
@media (max-width: 1024px) {
  .fsi .animation038-content {
    margin-right: 0;
    margin-bottom: 10rem;
  }
  .fsi .animation038-content .animation038 {
    grid-gap: 1rem;
    gap: 1rem;
    justify-content: flex-start;
  }
  .fsi .animation038-content .animation038 .animation038-item {
    width: calc(33.33% - 1rem);
  }
  .fsi .animation038-content .animation038 .animation038-item .animation038-head .animation038-time {
    font-size: 2.2rem;
    line-height: 1.5;
  }
  .fsi .animation038-content .animation038 .animation038-item .animation038-head .animation038-title {
    font-size: 2rem;
    line-height: 1.5;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
    margin-bottom: 0;
  }
  .fsi .animation038-content .animation038 .animation038-item .animation038-list .animation038-text {
    font-size: 1.5rem;
  }
  .fsi.en .animation038-content .animation038 .animation038-item .animation038-head .animation038-title {
    min-height: 60px;
  }
}
@media (max-width: 768px) {
  .fsi .animation038-content .animation038 {
    justify-content: flex-start;
  }
  .fsi .animation038-content .animation038 .animation038-item {
    width: calc(50% - 1rem);
  }
}
@media (max-width: 480px) {
  .fsi.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation038-content {
    margin-right: 0;
    margin-bottom: 5rem;
  }
  .fsi.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation038-content .animation038 {
    margin-bottom: 5rem !important;
    justify-content: flex-start;
  }
  .fsi.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation038-content .animation038 .animation038-item {
    width: 100%;
  }
  .fsi.en .animation038-content .animation038 .animation038-item .animation038-head .animation038-title {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
}

.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation041 {
  display: flex;
  padding-right: 56px;
  justify-content: center;
  grid-gap: 1.5rem;
  gap: 1.5rem;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation041 .animation041-item {
  width: calc(25% - 3rem);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  background-size: 100%;
  background-repeat: no-repeat;
  min-height: 250px;
  position: relative;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation041 .animation041-item .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  bottom: 0;
  right: 0;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation041 .animation041-item .animation041-container {
  flex-grow: 1;
  margin-top: 1rem;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation041 .animation041-item .animation041-container .animation041-title {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  line-height: 1.3;
  font-weight: 600;
  text-align: center;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  min-height: 30px;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation041 .animation041-item .animation041-container .animation041-text {
  font-size: 18px;
  line-height: 1.4;
  padding: 1rem 1.5rem 0 1.5rem;
  text-align: center;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation041 .animation041-item .animation041-image {
  width: 100%;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation041 .animation041-item .animation041-image:last-child {
  margin-top: -20px;
}
.cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation041 .animation041-item .animation041-container .animation041-title {
  font-size: 22px;
  line-height: 1.2;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  min-height: 55px;
  padding: 0 1rem;
}
.cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation041 .animation041-item .animation041-container .animation041-text {
  font-size: 16px;
  line-height: 1.2;
  padding: 1rem;
}
@media (max-width: 1500px) {
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation041 .animation041-item {
    padding-top: 2.5rem;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation041 .animation041-item .animation041-text {
    font-size: 17px;
  }
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation041 {
    flex-wrap: wrap;
    padding: 0;
    width: 75%;
    margin: 3.5rem auto;
    grid-gap: 3rem;
    gap: 3rem;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation041 .animation041-item {
    padding-top: 0;
    width: calc(33% - 3rem);
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation041 .animation041-item .click-point {
    bottom: 0;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation041 .animation041-item .animation041-container .animation041-text {
    font-size: 2rem;
    line-height: 1.3;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation041.fsi1600-1-a041 .animation041-item {
    min-height: 400px;
    grid-gap: 1rem;
    gap: 1rem;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation041.fsi1600-1-a041 .animation041-item .animation041-title {
    font-size: 1.375rem;
    min-height: 63px;
    display: flex;
    align-items: center;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation041.fsi1600-1-a041 .animation041-item .animation041-text {
    font-size: 1rem;
    line-height: 1.3;
    padding: 1rem 1.5rem;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation041 .animation041-item {
    width: calc(50% - 5rem);
    margin-bottom: 2rem;
    position: relative;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation041 .animation041-item .click-point {
    position: absolute;
    width: 100px;
    transform: rotate(-45deg);
    z-index: 10;
    transition: all 800ms linear 0s;
    bottom: -50px;
    left: unset;
    right: 0;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation041 .animation041-item .animation041-container .animation041-text {
    min-height: 135px;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation041 {
    grid-row-gap: 2rem;
    row-gap: 2rem;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation041.fsi1600-1-a041 .animation041-item .click-point {
    width: 50px;
    bottom: -25px;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation041.fsi1600-1-a041 .animation041-item .animation041-title {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation041.fsi1600-1-a041 .animation041-item .animation041-text {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation041 .animation041-item {
    width: 65%;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation041 .animation041-item .click-point {
    width: 50px;
    bottom: -25px;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation041 .animation041-item .animation041-text {
    font-size: 1.5rem !important;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation041.fsi900-2-a041 .animation041-item {
    width: 85%;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation041.fsi900-2-a041 .animation041-item .click-point {
    width: 50px;
    bottom: -25px;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation041 .animation041-item {
    width: 100%;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation041 .animation041-item .animation041-container {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
}

.fsi .animation043-content {
  position: relative;
  margin-right: 3.5rem;
}
.fsi .animation043-content .animation043 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.fsi .animation043-content .animation043 .animation043-item {
  display: flex;
  flex-direction: column;
  grid-gap: 0.5rem;
  gap: 0.5rem;
  width: calc(20% - 1rem);
}
.fsi .animation043-content .animation043 .animation043-item .animation043-head .animation043-time {
  position: relative;
  font-size: 20px;
  left: -30%;
}
.fsi .animation043-content .animation043 .animation043-item .animation043-head .animation043-title {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 5rem;
  position: relative;
  width: 130%;
  left: -30%;
  font-size: 18px;
  color: #fff;
  background-size: 100% 85% !important;
}
.fsi .animation043-content .animation043 .animation043-item .animation043-head .animation043-title div {
  text-align: center;
  width: 60%;
}
.fsi .animation043-content .animation043 .animation043-item .animation043-hide-block {
  display: none;
  position: absolute;
  top: 0;
  width: 30%;
  height: 100%;
  background: #fff;
}
.fsi .animation043-content .animation043 .animation043-item .animation043-list {
  font-size: 20px;
  line-height: 1.5;
}
.fsi .animation043-content .animation043 .animation043-item .animation043-list .animation043-line {
  height: 10px;
}
.fsi .animation043-content .animation043 .animation043-item .animation043-list ul {
  padding-left: 20px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
  margin-top: 2rem;
}
.fsi .animation043-content .animation043 .animation043-item .animation043-list ul li {
  margin-bottom: 0.5rem;
}
.fsi .animation043-content .animation043 .animation043-item-0 .animation043-head .animation043-time {
  left: 0;
}
.fsi .animation043-content .animation043 .animation043-item-0 .animation043-head .animation043-title {
  width: 100%;
  left: 0;
}
.fsi .animation043-content .animation043 .animation043-item-0 .animation043-head .animation043-title div {
  position: relative;
  left: -10%;
}
.fsi.en .animation043-content .animation043 .animation043-item .animation043-head .animation043-title {
  font-size: 16px;
}
.fsi.en .animation043-content .animation043 .animation043-item .animation043-head .animation043-title div {
  width: 65%;
}
.fsi.en .animation043-content .animation043 .animation043-item .animation043-list ul {
  margin-top: 1rem;
  line-height: 1.2;
}
@media (max-width: 1024px) {
  .fsi .animation043-content {
    margin-right: 0;
    margin-bottom: 10rem;
  }
  .fsi .animation043-content .animation043 {
    grid-gap: 1rem;
    gap: 1rem;
    justify-content: flex-start;
    margin-left: 10%;
  }
  .fsi .animation043-content .animation043 .animation043-item {
    width: calc(33% - 1rem);
  }
  .fsi .animation043-content .animation043 .animation043-item .animation043-head .animation043-time {
    position: relative;
    font-size: 2.2rem;
    line-height: 1.5;
    left: -20%;
  }
  .fsi .animation043-content .animation043 .animation043-item .animation043-head .animation043-title {
    background-size: 100% 100% !important;
    width: 120%;
    font-size: 1.5rem;
    margin-bottom: 0;
    left: -20%;
  }
  .fsi .animation043-content .animation043 .animation043-item .animation043-head .animation043-title div {
    margin-left: -10%;
    width: 50%;
  }
  .fsi .animation043-content .animation043 .animation043-item .animation043-line {
    display: none;
  }
  .fsi .animation043-content .animation043 .animation043-item .animation043-list {
    position: relative;
    width: 85%;
  }
  .fsi .animation043-content .animation043 .animation043-item .animation043-list .animation043-text {
    font-size: 1.5rem;
  }
  .fsi.en .animation043-content .animation043 .animation043-item .animation043-head .animation043-title {
    min-height: 60px;
  }
  .fsi.en .animation043-content .animation043 .animation043-item .animation043-head .animation043-title div {
    width: 60%;
  }
}
@media (max-width: 768px) {
  .fsi .animation043-content .animation043 {
    justify-content: flex-start;
  }
  .fsi .animation043-content .animation043 .animation043-item {
    width: calc(50% - 1rem);
  }
  .fsi .animation043-content .animation043 .animation043-item .animation043-head .animation043-time {
    left: -20%;
  }
  .fsi .animation043-content .animation043 .animation043-item .animation043-head .animation043-title {
    font-size: 1.5rem;
    left: -20%;
    margin-bottom: 0;
  }
  .fsi .animation043-content .animation043 .animation043-item .animation043-head .animation043-title div {
    width: 50%;
  }
  .fsi .animation043-content .animation043 .animation043-item .animation043-line {
    display: none;
  }
  .fsi .animation043-content .animation043 .animation043-item .animation043-list {
    font-size: 1.6rem;
  }
}
@media (max-width: 480px) {
  .fsi.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation043-content {
    margin-right: 0;
    margin-bottom: 5rem;
  }
  .fsi.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation043-content .animation043 {
    margin-bottom: 5rem !important;
    justify-content: flex-start;
  }
  .fsi.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation043-content .animation043 .animation043-item {
    width: 100%;
  }
  .fsi.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation043-content .animation043 .animation043-item .animation043-head .animation043-time {
    left: 0;
  }
  .fsi.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation043-content .animation043 .animation043-item .animation043-head .animation043-title {
    width: 100%;
    left: 0;
    font-size: 1.5rem;
  }
  .fsi.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation043-content .animation043 .animation043-item .animation043-head .animation043-title div {
    width: 65%;
  }
  .fsi.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation043-content .animation043 .animation043-item .animation043-line {
    display: none;
  }
  .fsi.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation043-content .animation043 .animation043-item .animation043-list {
    font-size: 1.6rem;
  }
  .fsi.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation043-content .animation043 .animation043-item .animation043-list ul {
    margin: 2rem 15% 0 15%;
  }
  .fsi.en .animation043-content .animation043 .animation043-item .animation043-line {
    display: none;
  }
  .fsi.en .animation043-content .animation043 .animation043-item .animation043-list {
    font-size: 2rem;
  }
}

.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation044 {
  margin-top: -20rem;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation044 .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  top: 10rem;
  left: 40rem;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation044 .animation044-content {
  display: flex;
  flex-wrap: wrap;
  width: 80%;
  grid-row-gap: 2rem;
  row-gap: 2rem;
  align-content: center;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item {
  width: calc(50% - 1rem);
  height: 10rem;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item .animation044-position {
  width: 110%;
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
  background: url(/static/media/a033.3fc729b7.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 0 20%;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item .animation044-position .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  left: 90%;
  bottom: 0;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item .animation044-position .animation044-subcontent {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  grid-gap: 1rem;
  gap: 1rem;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item .animation044-position .animation044-subcontent .animation044-indicator {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 6rem;
  font-weight: 500;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item .animation044-position .animation044-subcontent .animation044-body {
  width: 70%;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item .animation044-position .animation044-subcontent .animation044-body .animation044-text {
  width: 100%;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  text-align: left;
  padding-left: 0;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item.r1 .animation044-subcontent .animation044-indicator {
  color: #469EEE;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item.r2 {
  margin-top: 6rem;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item.r2 .animation044-subcontent .animation044-indicator {
  color: #FF99E9;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item.r3 {
  margin-top: -6rem;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item.r3 .animation044-subcontent .animation044-indicator {
  color: #16D4C9;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item.r4 .animation044-subcontent .animation044-indicator {
  color: #00C843;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item.r5 {
  margin-top: -6rem;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item.r5 .animation044-subcontent .animation044-indicator {
  color: #CD8EFF;
}
.cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item .animation044-position {
  padding: 0 15%;
}
.cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item .animation044-position .animation044-subcontent .animation044-body .animation044-text {
  line-height: 1.2;
}
@media (max-width: 1500px) {
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation044 {
    margin-top: -15rem;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item .animation044-position .animation044-subcontent .animation044-indicator {
    width: 25%;
    font-size: 5rem;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item .animation044-position .animation044-subcontent .animation044-body {
    width: 75%;
  }
}
@media (max-width: 1280px) {
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation044 {
    margin-top: -10rem;
  }
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation044 {
    margin-top: -20rem;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item .animation044-position .animation044-subcontent .animation044-body .animation044-text {
    font-size: 1.6rem;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation044 {
    margin-top: -15rem;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item {
    height: 15rem;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation044 {
    margin-top: -10rem;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item .animation044-position {
    padding: 0 15%;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item .animation044-position .animation044-subcontent .animation044-body .animation044-text {
    font-size: 1.4rem;
    line-height: 1.3;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation044 {
    margin-top: -10rem;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation044 {
    margin-top: 0;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation044 .animation044-content {
    width: 100%;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item {
    width: 100%;
    margin: 0 !important;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item .animation044-position {
    width: 100%;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation044 {
    margin-top: 0;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item {
    height: 120px;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item .animation044-position {
    padding: 0 12%;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item .animation044-position .animation044-subcontent {
    padding: 1rem;
  }
}

.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .phishing-indentify-section {
  margin-bottom: 10rem;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs {
  justify-content: flex-end;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab {
  width: 240px;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-desc {
  height: 60px;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body {
  margin-left: 0;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item {
  padding: 0 1.5rem;
}
.cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .phishing-indentify-section .title {
  width: 40%;
  margin-bottom: 5rem;
}
.cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs {
  width: 55%;
  grid-gap: 1rem;
  gap: 1rem;
}
.cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab {
  width: calc(33.33% - 1rem);
  font-size: 20px;
  line-height: 1.2;
  min-height: 150px;
}
@media (max-width: 1680px) {
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-desc {
    display: none;
  }
}
@media (max-width: 1524px) {
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs {
    width: 55%;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .phishing-indentify-section .title {
    margin-bottom: 3.5rem;
  }
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .title {
    margin-bottom: 3rem;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs {
    width: 100%;
    justify-content: flex-end;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab {
    font-size: 1.6rem;
    line-height: 1.2;
    width: 30vw;
    height: -webkit-fit-content !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 55px;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-desc {
    height: unset;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab {
    min-height: 90px;
    width: calc(33.33% - 1rem);
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab {
    font-size: 1.5rem;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    min-height: 4vh;
    padding: 0.5rem 2rem;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 5vh;
    max-height: 620px;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab {
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    font-size: 1.4rem;
    line-height: 1.2;
    min-height: 4vh;
    padding: 0.5rem;
  }
  .cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 6vh;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .phishing-indentify-section .title {
    width: 100%;
    margin-bottom: 2rem;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab {
    min-height: 155px;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    min-height: 45px;
    padding: 0 1rem;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 50px;
  }
}

.fsi .component002 .cando-section .can-do .cando-body .cando-content ul li,
.fsi .component002 .cando-section .can-not-do .cando-body .cando-content ul li {
  margin-bottom: 1rem;
}
.fsi .component002 .cando-section .can-do .cando-body .cando-content ul li .cando-content-body .view-more,
.fsi .component002 .cando-section .can-not-do .cando-body .cando-content ul li .cando-content-body .view-more {
  width: auto;
}
.fsi .component002 .cando-section .can-do .cando-body .cando-content ul li .cando-content-body .view-more .view-more-btn,
.fsi .component002 .cando-section .can-not-do .cando-body .cando-content ul li .cando-content-body .view-more .view-more-btn {
  padding: 0;
  font-size: 1.3125rem;
  height: auto;
  position: relative;
  color: #0CA39A;
}
.fsi .component002 .cando-section .can-do .cando-body .cando-content ul li .cando-content-body .view-more .view-more-btn .click-point1,
.fsi .component002 .cando-section .can-not-do .cando-body .cando-content ul li .cando-content-body .view-more .view-more-btn .click-point1 {
  width: 40px;
  cursor: pointer;
  position: absolute;
  bottom: -10px;
  right: -45px;
  transform: rotate(270deg);
}
.component002-modal-fsi .ant-modal-content .component002-modal-header {
  margin: 4rem;
  margin-bottom: 1rem;
  margin-top: 1rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 4rem;
  padding: 1rem;
  font-size: 2.4rem;
  font-weight: 500;
  border-left: 6px solid #5384CC;
  display: flex;
  align-items: center;
  justify-content: center;
}
.component002-modal-fsi .ant-modal-content .ant-modal-body .next-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.8rem;
  width: 4.8rem;
  right: 0;
  bottom: 0;
  padding: 0;
}
.component002-modal-fsi .ant-modal-content .ant-modal-body .next-button .click-point2 {
  position: absolute;
  bottom: 5rem;
  right: 5rem;
  width: 5rem;
  height: 5rem;
  transform: rotate(135deg);
}
.component002-modal-fsi .ant-modal-content .ant-modal-body .next-button .arrow {
  margin: 0 auto;
}
.component002-modal-fsi .ant-modal-content .ant-modal-body .prev-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.8rem;
  width: 4.8rem;
  left: 0;
  bottom: 0;
  padding: 0;
}
.component002-modal-fsi .ant-modal-content .ant-modal-body .prev-button .click-point1 {
  position: absolute;
  bottom: 5rem;
  left: 5rem;
  width: 5rem;
  height: 5rem;
  transform: rotate(225deg);
}
.component002-modal-fsi .ant-modal-content .ant-modal-body .prev-button .arrow {
  margin: 0 auto;
}
.component002-modal-fsi .ant-modal-content .ant-modal-body .hide {
  display: none;
}
.component002-modal-fsi .ant-modal-content .ant-modal-body .border {
  margin-left: 12rem;
  margin-right: 12rem;
  margin-top: 0;
  margin-bottom: 1rem;
}
.component002-modal-fsi .ant-modal-content .ant-modal-body .border img {
  width: 100%;
}
.component002-modal-fsi .ant-modal-content .ant-modal-body .content {
  width: 37.5rem;
  margin-left: 12rem;
  margin-right: 12rem;
  margin-top: 0;
  margin-bottom: 5rem;
  background: rgba(234, 75, 108, 0.2);
  border-radius: 5px;
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: 400;
  padding: 1.5rem;
  text-align: center;
}
.component002-modal-fsi .ant-modal-content .ant-modal-body .tip {
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: 500;
  padding: 1rem;
}
@media (max-width: 1024px) {
  .component002-modal-fsi {
    width: 90% !important;
  }
  .fsi .component002 .cando-section .can-do .cando-body .cando-content ul li .cando-content-body .view-more .view-more-btn,
  .fsi .component002 .cando-section .can-not-do .cando-body .cando-content ul li .cando-content-body .view-more .view-more-btn {
    font-size: 1.6rem;
  }
}
@media (max-width: 480px) {
  .fsi .component002 .cando-section .can-do .cando-body .cando-content ul li .cando-content-body .view-more .view-more-btn .click-point1,
  .fsi .component002 .cando-section .can-not-do .cando-body .cando-content ul li .cando-content-body .view-more .view-more-btn .click-point1 {
    right: -34px;
  }
  .component002-modal-fsi .ant-modal-content .component002-modal-header {
    margin: 2rem;
  }
  .component002-modal-fsi .ant-modal-content .ant-modal-body .next-button .click-point2 {
    transform: rotate(90deg);
    bottom: 0;
  }
  .component002-modal-fsi .ant-modal-content .ant-modal-body .prev-button .click-point1 {
    transform: rotate(270deg);
    bottom: 0;
  }
  .component002-modal-fsi .ant-modal-content .ant-modal-body .border {
    margin-left: 2rem;
    margin-right: 2rem;
    margin-top: 0;
    margin-bottom: 1rem;
  }
  .component002-modal-fsi .ant-modal-content .ant-modal-body .content {
    width: 80%;
  }
}

.fsi .component003 {
  position: relative;
}
.fsi .component003 .component003-title {
  position: absolute;
  left: 2.5%;
  top: 5%;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.2;
}
.fsi .component003 .component003-tip {
  border: 1px solid #000;
  border-radius: 47%;
  position: absolute;
  font-size: 1.5rem;
  padding: 4rem;
  text-align: left;
  max-width: 42rem;
  min-height: 9rem;
  display: flex;
  align-items: center;
}
.fsi .component003 .component003-tip .tip-text {
  z-index: 1;
}
.fsi .component003 .tip-arrow {
  position: absolute;
  left: -82px;
  top: calc(50% - 15px);
  background: #fff;
  height: 24px;
  width: 128px;
}
.fsi .component003 .tip-arrow .line1 {
  width: 64px;
  height: 1px;
  background: #000;
  transform: rotate(-12deg);
  position: absolute;
  top: 5px;
  right: 43px;
}
.fsi .component003 .tip-arrow .line2 {
  width: 61px;
  height: 1px;
  background: #000;
  transform: rotate(12deg);
  position: absolute;
  bottom: 5px;
  right: 46px;
}
.fsi .component003.position-left img {
  max-width: 40vw;
  position: relative;
  z-index: 11;
}
.fsi .component003.position-left .component003-tip {
  margin-left: 300px;
  padding: 4rem;
}
.fsi .component003.position-left.fsi1400-1-c003 .component003-tip .tip-arrow .line1 {
  width: 62.5px;
  right: 44px;
}
.fsi .component003.position-right {
  text-align: right;
}
.fsi .component003.position-right img {
  max-width: 40vw;
  position: relative;
  z-index: 11;
}
.fsi .component003.position-right .component003-tip {
  right: 0;
  margin-right: 24%;
  padding: 3rem;
  z-index: 11;
}
.fsi .component003.position-right .component003-tip .tip-arrow {
  left: unset;
  right: -107px;
  top: calc(50% - 15px);
}
.fsi .component003.position-right .component003-tip .tip-arrow .line1 {
  transform: rotate(12deg);
  position: absolute;
  top: 5px;
  right: 46px;
}
.fsi .component003.position-right .component003-tip .tip-arrow .line2 {
  transform: rotate(-12deg);
  position: absolute;
  bottom: 5px;
  right: 46px;
}
.fsi .component003.position-right.fsi-welcome-1-c003 .component003-tip {
  max-width: 35rem;
}
.fsi .component003.position-right.fsi900-1-c003 .component003-tip {
  padding: 4.5rem 3rem;
}
.fsi .component003.position-right.fsi900-1-c003 .component003-tip .tip-arrow .line1 {
  width: 62px;
}
.fsi .component003.position-right.fsi900-1-c003 img {
  margin-top: 5%;
}
.fsi .component003.position-right.fsi900-2-c003 .component003-tip .tip-text span {
  font-size: 1.8rem;
}
.fsi .component003.position-right.fsi1200-1-c003 img {
  margin-top: 4%;
}
.fsi .component003.position-right.fsi1200-1-c003 .component003-tip {
  padding: 3.5rem;
}
.fsi .component003.position-right.fsi1200-1-c003 .component003-tip .tip-arrow .line1 {
  width: 63px;
}
.fsi .component003.position-right.fsi1200-2-c003 img {
  max-width: 380px;
  margin-top: -2%;
}
.fsi .component003.position-right.fsi1200-2-c003 .component003-tip .tip-arrow {
  right: -106.5px;
}
.fsi .component003.position-right.fsi1200-2-c003 .component003-tip .tip-arrow .line2 {
  width: 62px;
}
.fsi .component003.position-right.fsi1400-1-c003 .component003-tip .tip-arrow .line2 {
  right: 47px;
}
.fsi .component003.position-right.fsi1400-2-c003 .component003-tip .tip-arrow {
  right: -105px;
}
.fsi .component003.position-right.fsi1600-2-c003 .component003-tip .tip-arrow .line1 {
  width: 64.5px;
}
.fsi .component003.position-right.fsi1600-2-c003 .component003-tip .tip-arrow .line2 {
  width: 62.5px;
}
.fsi.en .component003.position-left.fsi1400-1-c003 img {
  margin-top: 6%;
}
.fsi.en .component003.position-left.fsi1400-1-c003 .component003-tip .tip-arrow .line1 {
  width: 62.5px;
  right: 46px;
}
.fsi.en .component003.position-right.fsi900-1-c003 img {
  margin-top: 12%;
}
.fsi.en .component003.position-right.fsi900-1-c003 .component003-tip {
  max-width: 55rem;
  padding: 4.5rem;
}
.fsi.en .component003.position-right.fsi1200-1-c003 img {
  margin-top: 8%;
}
.fsi.en .component003.position-right.fsi1200-1-c003 .component003-tip {
  padding: 4rem 5.5rem;
  margin-right: 30%;
}
.fsi.en .component003.position-right.fsi1200-1-c003 .component003-tip .tip-arrow .line1 {
  width: 61px;
}
@media (max-width: 1024px) {
  .fsi .component003 .tip-arrow {
    left: -80px;
  }
  .fsi .component003 .tip-arrow .line1 {
    width: 55px;
    transform: rotate(-14deg);
    top: 6px;
    right: 45px;
  }
  .fsi .component003 .tip-arrow .line2 {
    width: 52px;
    transform: rotate(12deg);
    bottom: 5px;
    right: 47px;
  }
  .fsi .component003 .component003-title {
    left: 8.5%;
  }
  .fsi .component003.position-left img {
    max-width: 20vw;
  }
  .fsi .component003.position-left .component003-tip {
    margin-left: 28vw;
  }
  .fsi .component003.position-left .component003-tip .tip-arrow .line1 {
    width: 55px;
    transform: rotate(-14deg);
    top: 6px;
    right: 44px;
  }
  .fsi .component003.position-left.fsi1400-1-c003 img {
    margin-left: 4%;
  }
  .fsi .component003.position-left.fsi1400-1-c003 .component003-tip .tip-arrow .line1 {
    width: 54.5px;
  }
  .fsi .component003.position-right img {
    max-width: 20vw;
  }
  .fsi .component003.position-right .component003-tip {
    margin-right: 25%;
  }
  .fsi .component003.position-right .component003-tip .tip-arrow {
    right: -97px;
  }
  .fsi .component003.position-right .component003-tip .tip-arrow .line1 {
    width: 58px;
    top: 6px;
    right: 44px;
  }
  .fsi .component003.position-right .component003-tip .tip-arrow .line2 {
    width: 54px;
    bottom: 5px;
    right: 45px;
  }
  .fsi .component003.position-right.fsi-welcome-1-c003 .component003-tip {
    line-height: 1.4;
    padding: 3rem 2rem 3rem 3rem;
  }
  .fsi .component003.position-right.fsi-welcome-1-c003 .component003-tip .tip-arrow .line1 {
    width: 59.5px;
    top: 6px;
    right: 44px;
  }
  .fsi .component003.position-right.fsi900-1-c003 .component003-tip .tip-arrow {
    right: -99px;
  }
  .fsi .component003.position-right.fsi900-1-c003 .component003-tip .tip-arrow .line1 {
    width: 55px;
    top: 6px;
    right: 45px;
    transform: rotate(12.5deg);
  }
  .fsi .component003.position-right.fsi900-2-c003 .component003-tip .tip-arrow {
    right: -99px;
  }
  .fsi .component003.position-right.fsi930-1-c003 .component003-tip .tip-arrow .line1 {
    width: 61px;
  }
  .fsi .component003.position-right.fsi930-2-c003 .component003-tip .tip-arrow .line1 {
    width: 61px;
  }
  .fsi .component003.position-right.fsi1200-1-c003 .component003-tip .tip-arrow .line1 {
    top: 5px;
    width: 56.5px;
    transform: rotate(13deg);
  }
  .fsi .component003.position-right.fsi1200-1-c003 .component003-tip .tip-arrow .line2 {
    right: 44.5px;
    transform: rotate(-13deg);
  }
  .fsi .component003.position-right.fsi1200-2-c003 img {
    max-width: 20vw;
  }
  .fsi .component003.position-right.fsi1200-2-c003 .component003-tip .tip-arrow {
    right: -97.5px;
  }
  .fsi .component003.position-right.fsi1200-2-c003 .component003-tip .tip-arrow .line1 {
    width: 59.5px;
  }
  .fsi .component003.position-right.fsi1200-2-c003 .component003-tip .tip-arrow .line2 {
    width: 54.5px;
  }
  .fsi .component003.position-right.fsi1400-1-c003 .component003-tip .tip-arrow .line1 {
    width: 57.5px;
  }
  .fsi .component003.position-right.fsi1400-1-c003 .component003-tip .tip-arrow .line2 {
    width: 54.5px;
    right: 44px;
  }
  .fsi .component003.position-right.fsi1400-2-c003 .component003-tip .tip-arrow {
    right: -96px;
  }
  .fsi .component003.position-right.fsi1400-2-c003 .component003-tip .tip-arrow .line1 {
    width: 59.5px;
    right: 44.5px;
  }
  .fsi .component003.position-right.fsi1600-2-c003 .component003-tip .tip-arrow {
    right: -105px;
  }
  .fsi .component003.position-right.fsi1600-2-c003 .component003-tip .tip-arrow .line1 {
    width: 61px;
    right: 50px;
  }
  .fsi .component003.position-right.fsi1600-2-c003 .component003-tip .tip-arrow .line2 {
    width: 58px;
    right: 49px;
  }
  .fsi.en .component003 .tip-arrow {
    left: -77px;
  }
  .fsi.en .component003 .tip-arrow .line1 {
    width: 55px;
    transform: rotate(-14deg);
    top: 6px;
    right: 43px;
  }
  .fsi.en .component003 .tip-arrow .line2 {
    width: 52px;
    transform: rotate(12deg);
    bottom: 5px;
    right: 47px;
  }
  .fsi.en .component003.position-left .component003-tip {
    margin-left: 28vw;
  }
  .fsi.en .component003.position-left.fsi1400-1-c003 .component003-tip .tip-arrow {
    left: -80px;
  }
  .fsi.en .component003.position-left.fsi1400-1-c003 .component003-tip .tip-arrow .line1 {
    width: 54.5px;
  }
  .fsi.en .component003.position-right .component003-tip .tip-arrow {
    right: -97px;
  }
  .fsi.en .component003.position-right .component003-tip .tip-arrow .line1 {
    width: 58px;
    top: 6px;
    right: 44px;
  }
  .fsi.en .component003.position-right .component003-tip .tip-arrow .line2 {
    width: 54px;
    bottom: 5px;
    right: 45px;
  }
  .fsi.en .component003.position-right.fsi900-1-c003 img {
    margin-top: 5%;
  }
  .fsi.en .component003.position-right.fsi900-1-c003 .component003-tip .tip-arrow {
    right: -100px;
  }
  .fsi.en .component003.position-right.fsi1200-1-c003 .component003-tip .tip-arrow .line1 {
    top: 5px;
    width: 54.5px;
    transform: rotate(13deg);
  }
  .fsi.en .component003.position-right.fsi1200-1-c003 .component003-tip .tip-arrow .line2 {
    right: 43px;
    transform: rotate(-13deg);
  }
  .fsi.en .component003.position-right.fsi1200-2-c003 .component003-tip .tip-arrow .line1 {
    width: 61px;
  }
  .fsi.en .component003.position-right.fsi1400-1-c003 .component003-tip .tip-arrow .line1 {
    width: 59.5px;
  }
  .fsi.en .component003.position-right.fsi1400-2-c003 .component003-tip .tip-arrow .line1 {
    width: 61px;
  }
  .fsi.en .component003.position-right.fsi1600-2-c003 .component003-tip .tip-arrow .line1 {
    width: 61px;
  }
}
@media (max-width: 768px) {
  .fsi .component003 .component003-title {
    top: -9rem;
  }
  .fsi .component003.position-left .component003-tip {
    margin-left: 38vw;
  }
  .fsi .component003.position-left.fsi1200-3-c003 .tip-arrow .line2 {
    width: 52px;
    transform: rotate(12deg);
    bottom: 5px;
    right: 46px;
  }
  .fsi .component003.position-left.fsi1400-1-c003 img {
    margin-top: 10%;
    max-width: 25vw;
    margin-left: 2%;
  }
  .fsi .component003.position-left.fsi1400-1-c003 .component003-tip .tip-arrow .line1 {
    width: 54.5px;
  }
  .fsi .component003.position-right img {
    margin-top: 5%;
  }
  .fsi .component003.position-right .component003-tip {
    right: 0;
    margin-right: 43%;
    padding: 6% ;
  }
  .fsi .component003.position-right .tip-text span {
    font-size: unset !important;
  }
  .fsi .component003.position-right.fsi-welcome-1-c003 {
    margin-top: 5rem;
  }
  .fsi .component003.position-right.fsi-welcome-1-c003 .component003-tip {
    margin-right: 39%;
  }
  .fsi .component003.position-right.fsi900-1-c003 img {
    margin-top: 15%;
  }
  .fsi .component003.position-right.fsi900-1-c003 .component003-tip .tip-arrow .line1 {
    width: 58px;
    top: 6px;
    right: 44px;
  }
  .fsi .component003.position-right.fsi1200-1-c003 .component003-tip {
    margin-right: 30%;
  }
  .fsi .component003.position-right.fsi1200-1-c003 .component003-tip .tip-arrow .line2 {
    width: 53px;
  }
  .fsi .component003.position-right.fsi1200-2-c003 .component003-tip {
    margin-right: 25%;
  }
  .fsi .component003.position-right.fsi1200-2-c003 .component003-tip .tip-arrow .line1 {
    width: 58.5px;
  }
  .fsi .component003.position-right.fsi1400-1-c003 .component003-tip {
    margin-right: 28%;
  }
  .fsi .component003.position-right.fsi1400-2-c003 .component003-tip {
    margin-right: 30%;
  }
  .fsi .component003.position-right.fsi1400-2-c003 .component003-tip .tip-arrow .line1 {
    width: 57.5px;
  }
  .fsi .component003.position-right.fsi1400-2-c003 .component003-tip .tip-arrow .line2 {
    width: 52.5px;
  }
  .fsi .component003.position-right.fsi1600-2-c003 .component003-tip .tip-arrow .line1 {
    width: 59.5px;
  }
  .fsi.en .component003 .tip-arrow {
    left: -77px;
  }
  .fsi.en .component003 .tip-arrow .line1 {
    width: 55px;
    transform: rotate(-14deg);
    top: 6px;
    right: 43px;
  }
  .fsi.en .component003 .tip-arrow .line2 {
    width: 52px;
    transform: rotate(12deg);
    bottom: 5px;
    right: 47px;
  }
  .fsi.en .component003.position-left .component003-tip {
    margin-left: 28vw;
  }
  .fsi.en .component003.position-right .component003-tip .tip-arrow {
    right: -97px;
  }
  .fsi.en .component003.position-right .component003-tip .tip-arrow .line1 {
    width: 58px;
    top: 6px;
    right: 44px;
  }
  .fsi.en .component003.position-right .component003-tip .tip-arrow .line2 {
    width: 54px;
    bottom: 5px;
    right: 45px;
  }
  .fsi.en .component003.position-right.fsi900-1-c003 .component003-tip {
    margin-right: 24%;
  }
  .fsi.en .component003.position-right.fsi1200-1-c003 img {
    margin-top: 12%;
  }
  .fsi.en .component003.position-right.fsi1200-2-c003 .component003-tip .tip-arrow .line1 {
    width: 57px;
  }
  .fsi.en .component003.position-right.fsi1400-1-c003 .component003-tip .tip-arrow .line1 {
    width: 57.5px;
  }
  .fsi.en .component003.position-right.fsi1400-2-c003 .component003-tip .tip-arrow .line1 {
    width: 56.5px;
  }
  .fsi.en .component003.position-right.fsi1600-2-c003 .component003-tip {
    margin-right: 24%;
  }
  .fsi.en .component003.position-right.fsi1600-2-c003 .component003-tip .tip-arrow .line1 {
    width: 58.5px;
  }
}
@media (max-width: 480px) {
  .fsi .component003 .component003-tip {
    font-size: 1.4rem;
  }
  .fsi .component003.position-right img {
    max-width: 25vw;
    margin-top: 5%;
  }
  .fsi .component003.position-right .component003-tip {
    right: 0;
    margin-right: 48%;
    padding: 6%;
  }
  .fsi .component003.position-right .tip-text span {
    font-size: unset !important;
    display: inline;
  }
  .fsi .component003.position-right.fsi-welcome-1-c003 {
    margin-top: 5rem;
  }
  .fsi .component003.position-right.fsi-welcome-1-c003 .component003-tip .tip-arrow .line1 {
    width: 54px;
    top: 6px;
    right: 44px;
    transform: rotate(13deg);
  }
  .fsi .component003.position-right.fsi-welcome-1-c003 .component003-tip .tip-arrow .line2 {
    width: 52.5px;
    bottom: 5px;
    right: 45px;
  }
  .fsi .component003.position-right.fsi-welcome-1-c003 img {
    margin-top: 20%;
  }
  .fsi .component003.position-right.fsi-welcome-1-c003 .component003-title {
    top: -7rem;
    font-size: 2rem;
    line-height: 1.2;
  }
  .fsi .component003.position-right.fsi900-1-c003 img {
    margin-top: 65%;
  }
  .fsi .component003.position-right.fsi900-1-c003 .component003-tip .tip-arrow {
    transform: rotate(15deg);
    top: calc(50% + 75px);
    right: -85px;
  }
  .fsi .component003.position-right.fsi900-1-c003 .component003-tip .tip-arrow .line1 {
    width: 53px;
    top: 6px;
    right: 43px;
    transform: rotate(13deg);
  }
  .fsi .component003.position-right.fsi900-1-c003 .component003-tip .tip-arrow .line2 {
    width: 54px;
    bottom: 5px;
    right: 43px;
  }
  .fsi .component003.position-right.fsi930-1-c003 img {
    margin-top: 10%;
  }
  .fsi .component003.position-right.fsi930-1-c003 .component003-tip .tip-arrow .line1 {
    width: 55px;
  }
  .fsi .component003.position-right.fsi930-2-c003 img {
    margin-top: 5%;
  }
  .fsi .component003.position-right.fsi930-2-c003 .component003-tip .tip-arrow .line1 {
    width: 55px;
  }
  .fsi .component003.position-right.fsi1200-1-c003 img {
    margin-top: 35%;
    margin-right: -5%;
  }
  .fsi .component003.position-right.fsi1200-1-c003 .component003-tip {
    margin-right: 30%;
  }
  .fsi .component003.position-right.fsi1200-1-c003 .component003-tip .tip-arrow {
    transform: rotate(12deg);
    top: calc(50% + 12px);
  }
  .fsi .component003.position-right.fsi1200-1-c003 .component003-tip .tip-arrow .line2 {
    width: 54px;
  }
  .fsi .component003.position-right.fsi1200-2-c003 img {
    margin-right: -5%;
  }
  .fsi .component003.position-right.fsi1200-2-c003 .component003-tip {
    padding: 3.5rem;
    margin-right: 30%;
  }
  .fsi .component003.position-right.fsi1200-2-c003 .component003-tip .tip-arrow {
    right: -99px;
  }
  .fsi .component003.position-right.fsi1400-1-c003 .component003-tip {
    margin-right: 40%;
  }
  .fsi .component003.position-right.fsi1400-2-c003 img {
    max-width: 25vw;
    margin-top: 10%;
  }
  .fsi .component003.position-right.fsi1400-2-c003 .component003-tip {
    margin-right: 40%;
  }
  .fsi .component003.position-right.fsi1400-2-c003 .component003-tip .tip-arrow .line1 {
    width: 56px;
  }
  .fsi .component003.position-left .component003-tip {
    padding: 3rem;
  }
  .fsi .component003.position-left .component003-tip span {
    font-size: unset !important;
  }
  .fsi .component003.position-left.fsi1400-1-c003 img {
    max-width: 30vw;
    margin-top: 20%;
  }
  .fsi .component003.position-left.fsi1400-1-c003 .component003-tip .tip-arrow .line1 {
    width: 52.5px;
    right: 46px;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .component003.position-left.fsi1400-1-c003 img {
    margin-top: 40%;
    margin-left: 0;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .component003.position-left.fsi1400-1-c003 .component003-tip {
    padding: 3rem 2rem 3rem 4rem;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .component003.position-left.fsi1400-1-c003 .component003-tip .tip-arrow {
    transform: rotate(330deg);
    top: calc(100% - 60px);
    left: -68px;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .component003.position-left.fsi1400-1-c003 .component003-tip .tip-arrow .line1 {
    right: 45px;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .component003.position-left.fsi1400-1-c003 .component003-tip .tip-arrow .line2 {
    right: 45.5px;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .component003.position-right.fsi900-1-c003 img {
    margin-top: 90%;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .component003.position-right.fsi900-1-c003 .component003-tip {
    margin-right: 100px;
    min-width: 70%;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .component003.position-right.fsi900-1-c003 .component003-tip .tip-arrow {
    top: calc(50% + 115px);
    right: -74px;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .component003.position-right.fsi900-1-c003 .component003-tip .tip-arrow .line1 {
    width: 52px;
    transform: rotate(14deg);
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .component003.position-right.fsi900-2-c003 .component003-tip {
    margin-right: 38%;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .component003.position-right.fsi1200-1-c003 img {
    margin-top: 100%;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .component003.position-right.fsi1200-1-c003 .component003-tip .tip-arrow {
    top: calc(100% - 85px);
    right: -72px;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .component003.position-right.fsi1200-1-c003 .component003-tip .tip-arrow .line1 {
    width: 48.5px;
    transform: rotate(15deg);
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .component003.position-right.fsi1200-2-c003 img {
    margin-top: 10%;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .component003.position-right.fsi1200-2-c003 .component003-tip .tip-arrow {
    right: -98px;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .component003.position-right.fsi1400-2-c003 .component003-tip .tip-arrow .line1 {
    width: 57.5px;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .component003.position-right.fsi1600-2-c003 img {
    margin-top: 10%;
  }
  .cyber-security-training-page.course-page.fsi.en .ant-layout-content .course-body .course-body-content .component003.position-right.fsi1600-2-c003 .component003-tip {
    margin-right: 35%;
  }
}

.fsi .RealCase.Moblie {
  display: none;
}
.fsi .RealCase.Desktop {
  width: calc(100% + 3.5rem);
  margin-left: -3.5rem;
  margin-right: 0;
  margin-bottom: 50px;
  position: relative;
}
.fsi .RealCase.Desktop img {
  width: 100%;
  z-index: 1;
}
.fsi .RealCase.Desktop.p1 .source1 {
  width: 20.5%;
  height: 2.5%;
  position: absolute;
  top: 91.5%;
  left: 61.5%;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: none;
  font-size: 24px;
  color: #595959;
  z-index: 2;
}
.fsi .RealCase.Desktop.p1 .source2 {
  width: 14%;
  height: 2.5%;
  position: absolute;
  top: 94%;
  left: 61.5%;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: none;
  font-size: 24px;
  color: #595959;
  z-index: 2;
}
.fsi .RealCase.Desktop.p1 .source3 {
  display: none;
}
.fsi .RealCase.Desktop.p2 .source1 {
  display: none;
}
.fsi .RealCase.Desktop.p2 .source2 {
  display: none;
}
.fsi .RealCase.Desktop.p2 .source3 {
  width: 15%;
  height: 3%;
  position: absolute;
  top: 87%;
  left: 61%;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: none;
  font-size: 24px;
  color: #595959;
  z-index: 2;
}
.fsi.sc .RealCase.Desktop.p1 .source1 {
  top: 92.5%;
}
.fsi.sc .RealCase.Desktop.p1 .source2 {
  top: 95%;
}
.fsi.sc .RealCase.Desktop.p2 .source3 {
  width: 22%;
  top: 94%;
}
.fsi.en .RealCase.Desktop {
  width: calc(100% + 3.5rem);
  margin-left: -3.5rem;
  margin-right: 0;
  margin-bottom: 50px;
  position: relative;
}
.fsi.en .RealCase.Desktop img {
  width: 100%;
  z-index: 1;
}
.fsi.en .RealCase.Desktop.p1 .source1 {
  width: 22%;
  height: 2%;
  position: absolute;
  top: 92%;
  left: 47.5%;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: none;
  font-size: 24px;
  color: #595959;
  z-index: 2;
}
.fsi.en .RealCase.Desktop.p1 .source2 {
  width: 15%;
  height: 2%;
  position: absolute;
  top: 94%;
  left: 47.5%;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: none;
  font-size: 24px;
  color: #595959;
  z-index: 2;
}
.fsi.en .RealCase.Desktop.p1 .source3 {
  display: none;
}
.fsi.en .RealCase.Desktop.p2 .source1 {
  display: none;
}
.fsi.en .RealCase.Desktop.p2 .source2 {
  display: none;
}
.fsi.en .RealCase.Desktop.p2 .source3 {
  width: 15%;
  top: 93.5%;
  left: 47.5%;
  height: 2.5%;
}
@media (max-width: 1024px) {
  .fsi .RealCase.Desktop {
    width: calc(100% + 4rem);
    margin-left: -2rem;
    margin-bottom: 10rem;
  }
}
@media (max-width: 768px) {
  .fsi .RealCase.Desktop {
    display: none;
  }
  .fsi .RealCase.Moblie {
    display: block;
    width: calc(100% + 7rem);
    margin-left: -3.5rem;
    margin-right: 0;
    margin-bottom: 50px;
    position: relative;
  }
  .fsi .RealCase.Moblie img {
    width: 100%;
    z-index: 1;
  }
  .fsi .RealCase.Moblie.p1 .source1 {
    width: 50%;
    height: 2%;
    position: absolute;
    top: 93%;
    left: 2%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 24px;
    color: #595959;
    z-index: 2;
  }
  .fsi .RealCase.Moblie.p1 .source2 {
    width: 33%;
    height: 2%;
    position: absolute;
    top: 95.5%;
    left: 2%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 24px;
    color: #595959;
    z-index: 2;
  }
  .fsi .RealCase.Moblie.p1 .source3 {
    display: none;
  }
  .fsi .RealCase.Moblie.p2 .source1 {
    display: none;
  }
  .fsi .RealCase.Moblie.p2 .source2 {
    display: none;
  }
  .fsi .RealCase.Moblie.p2 .source3 {
    width: 34%;
    height: 2.5%;
    position: absolute;
    top: 90.5%;
    left: 4%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 24px;
    color: #595959;
    z-index: 2;
  }
  .fsi.sc .RealCase.Moblie.p1 .source1 {
    top: 90.5%;
  }
  .fsi.sc .RealCase.Moblie.p1 .source2 {
    top: 93%;
  }
  .fsi.sc .RealCase.Moblie.p2 .source3 {
    top: 94.5%;
    width: 52%;
  }
  .fsi.en .RealCase.Moblie {
    display: block;
    width: calc(100% + 7rem);
    margin-left: -3.5rem;
    margin-right: 0;
    margin-bottom: 50px;
    position: relative;
  }
  .fsi.en .RealCase.Moblie img {
    width: 100%;
    z-index: 1;
  }
  .fsi.en .RealCase.Moblie.p1 .source1 {
    width: 50%;
    height: 1.5%;
    position: absolute;
    top: 96%;
    left: 4%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 24px;
    color: #595959;
    z-index: 2;
  }
  .fsi.en .RealCase.Moblie.p1 .source2 {
    width: 34%;
    height: 1.5%;
    position: absolute;
    top: 97.5%;
    left: 4%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 24px;
    color: #595959;
    z-index: 2;
  }
  .fsi.en .RealCase.Moblie.p1 .source3 {
    display: none;
  }
  .fsi.en .RealCase.Moblie.p2 .source1 {
    display: none;
  }
  .fsi.en .RealCase.Moblie.p2 .source2 {
    display: none;
  }
  .fsi.en .RealCase.Moblie.p2 .source3 {
    width: 34%;
    height: 2%;
    top: 93.5%;
  }
}

.fsi.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview {
  background-color: rgba(0, 168, 181, 0.1);
}
.fsi.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-progress-bar .ant-progress-text {
  color: #00A8B5;
}
.fsi.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .ant-progress-circle-trail {
  stroke: rgba(0, 168, 181, 0.6) !important;
  opacity: 0.2;
}
.fsi.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .ant-progress-circle-path {
  stroke: #00A8B5 !important;
}
.fsi.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.active .step-dot {
  border-color: #00A8B5;
}
.fsi.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.active .step-dot .active-dot {
  background-color: #00A8B5;
}
.fsi.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.completed .step-dot {
  border-color: #00A8B5;
  background-color: #00A8B5;
}
.fsi.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.completed .step-line {
  background-color: #00A8B5;
}
.fsi.cyber-security-training-page.course-page .ant-layout-content .course-left-side .paragraphs .paragraph.active {
  border-color: #00A8B5;
  background-color: #fafafa;
}
.fsi.cyber-security-training-page.course-page .ant-layout-content .course-left-side .paragraphs .state .in-progress {
  background: url(data:image/png;base64,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);
  background-size: cover;
}
.fsi.cyber-security-training-page.course-page .ant-layout-content .course-body .next-topic-button {
  background-color: #00A8B5;
}
.fsi.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .title {
  border-color: #00A8B5;
}
.fsi.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .title .l2 {
  color: #00A8B5;
}
.fsi.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body {
  border-color: #00A8B5;
}
.fsi.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-last-button {
  border-color: #00A8B5;
}
.fsi.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-last-button span {
  color: #00A8B5;
}
.fsi.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-submit-button {
  background-color: #00A8B5;
}
.fsi.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-submit-button[disabled] {
  background-color: rgba(0, 168, 181, 0.6);
  border-color: #00A8B5;
}
.fsi.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area.correct .ant-btn-link {
  color: #0CA3A3;
}
.fsi.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area.wrong .ant-btn-link {
  color: #E7444E;
}
.fsi.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
  background: #00A8B5;
}
.fsi.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab.active .number {
  border-color: #00A8B5;
}
.fsi.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.index .course-landing {
  background: #89F7FF;
}
.fsi.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.welcome .course-landing {
  background: #89F7FF;
}
.fsi.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.t900 .course-landing {
  background: #89F7FF;
}
.fsi.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.t930 .course-landing {
  background: #89F7FF;
}
.fsi.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.t1200 .course-landing {
  background: #89F7FF;
}
.fsi.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.t1400 .course-landing {
  background: #89F7FF;
}
.fsi.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.quiz .course-landing {
  background: #89F7FF;
}
.fsi.cyber-security-training-page.course-page .ant-layout-content .ant-radio-checked .ant-radio-inner {
  border-color: #00A8B5;
}
.fsi.cyber-security-training-page.course-page .ant-layout-content .ant-radio-inner::after {
  background-color: #00A8B5;
}
.fsi.cyber-security-training-page.course-page .ant-layout-content .ant-radio-wrapper:hover .ant-radio,
.fsi.cyber-security-training-page.course-page .ant-layout-content .ant-radio:hover .ant-radio-inner,
.fsi.cyber-security-training-page.course-page .ant-layout-content .ant-radio-input:focus + .ant-radio-inner {
  border-color: #00A8B5;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .course-landing .course-landing-content {
  background-image: url(/static/media/welcomeLandingbg-fsi.ce1e86d3.png);
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content.quiz .progress .progress-line {
  background-color: #00A8B5;
}
.cyber-security-training-page.course-page.fsi .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass .cert-download-input .cert-download-button {
  background-color: #00A8B5;
}

.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .conversation {
  position: relative;
  margin-bottom: 5rem !important;
  cursor: pointer;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .avater {
  margin-top: 5%;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message {
  width: 45vw;
  height: 10vw;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message .conversation-message-text {
  font-size: 1.6vw;
  line-height: 1.2;
  padding: 1vw 3vw 1vw 11vw;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .avater {
  margin-top: 5%;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message {
  width: 45vw;
  height: 10vw;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message .conversation-message-text {
  font-size: 1.6vw;
  line-height: 1.2;
  padding: 1vw 11vw 1vw 3vw;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 {
  display: flex;
  grid-gap: 3vw;
  grid-gap: 3vw;
  gap: 3vw;
  margin-top: 3rem;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .avater {
  margin-top: 5%;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message {
  position: relative;
  width: 45vw;
  height: 10vw;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-text {
  z-index: 10;
  position: relative;
  height: 100%;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  font-size: 1.6vw;
  line-height: 1.2;
  padding: 1vw 3vw 1vw 11vw;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line3 .conversation-message .conversation-message-bg {
  height: 100%;
  width: 100%;
  position: absolute;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .conversation .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  top: 20rem;
  left: 16rem;
}

.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation {
  position: relative;
  cursor: pointer;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  top: 12rem;
  left: 12rem;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .conversation {
    margin-left: -2rem;
    width: calc(100% + 4rem);
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .conversation .avater {
    width: 12vw!important;
    height: 12vw!important;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message {
    width: 75vw!important;
    height: 15vw!important;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message-text {
    font-size: 2rem !important;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message-text {
    padding: 1vw 1vw 1vw 15vw!important;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message-text {
    padding: 1vw 16vw 1vw 5vw !important;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message-text {
    font-size: 1.6rem !important;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.student1600-3-conversation .conversation-line2 .conversation-message {
    height: 20vw!important;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message-text {
    padding: 2vw 3vw 2vw 15vw!important;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .conversation.student1600-3-conversation .conversation-line2 .conversation-message {
    height: 30vw!important;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.student1600-3-conversation .conversation-line2 .avater {
    margin-top: 20% !important;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.student1600-3-conversation .conversation-line2 .conversation-message-text {
    padding: 3vw 18vw 4vw 6vw !important;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message {
    width: 75vw!important;
    height: 25vw!important;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message-text {
    font-size: 1.4rem !important;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.student1600-3-conversation .conversation-line2 .conversation-message {
    width: 100%;
    height: 50vw!important;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.student1400-1-conversation .conversation-line2 .avater {
    margin-top: 12% !important;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.student1400-1-conversation .conversation-line2 .conversation-message {
    width: 100%;
    height: 35vw!important;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.student930-3-conversation .conversation-line1 .avater {
    margin-top: 15% !important;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.student930-3-conversation .conversation-line1 .conversation-message {
    width: 100%;
    height: 32vw!important;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message-text {
    padding: 2vw 4vw 2vw 17vw!important;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message-text {
    padding: 1vw 16vw 1vw 5vw !important;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .conversation .click-point {
    position: absolute;
    width: 40px;
    transform: rotate(-45deg);
    z-index: 10;
    transition: all 800ms linear 0s;
    top: 7rem;
    left: 5rem;
  }
}

.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .animation002 {
  width: 934px;
  height: 934px;
  position: relative;
  margin: auto;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .animation002 .click-point {
  width: 110px;
  position: absolute;
  top: 100px;
  left: 153px;
  transform: rotate(90deg);
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-center-circle {
  font-size: 27px;
  font-weight: 500;
  line-height: 34px;
  text-align: center;
  background: #F26927CC;
  height: 269px;
  width: 269px;
  border-radius: 50%;
  color: #fff;
  position: absolute;
  left: calc(50% - 134.5px);
  display: flex;
  justify-content: center;
  align-items: center;
  top: 338px;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  width: 200px;
  height: 200px;
  position: absolute;
  border-radius: 20px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  grid-gap: 1rem;
  gap: 1rem;
  flex-direction: column;
  padding: 20.76px 0.5rem;
  cursor: pointer;
  transition: all 0.5s linear 0s;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel.fade-in {
  opacity: 1;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel .text {
  text-align: center;
  line-height: 1.2;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel .bp-panel-title {
  display: none;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-1 {
  background: #1AB6B6;
  position: absolute;
  top: 45px;
  left: calc(50% - 92px);
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-2 {
  background: #DD936F;
  position: absolute;
  top: 256px;
  right: 78px;
  opacity: 0;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-3 {
  background: #F4B784;
  position: absolute;
  top: 539px;
  right: 78px;
  opacity: 0;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-4 {
  background: #597EF7;
  position: absolute;
  top: 689px;
  left: calc(50% - 92px);
  opacity: 0;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-5 {
  background: #EF878D;
  position: absolute;
  top: 539px;
  left: 78px;
  opacity: 0;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-6 {
  background: #3789FF;
  position: absolute;
  top: 256px;
  left: 78px;
  opacity: 0;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .animation002.student930-1-a002 .bp-panel {
  padding: 1rem;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .animation002.student930-1-a002 .bp-panel .text {
  font-size: 26px;
  line-height: 1.5;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .animation002.student930-1-a002 .bp-center-circle {
  font-size: 40px;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .animation002.student930-1-a002 .bp-panel-1 {
  left: calc(50% - 100px);
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .animation002.student930-1-a002 .bp-panel-2 {
  top: 255px;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .animation002.student930-1-a002 .bp-panel-3 {
  top: 530px;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .animation002.student930-1-a002 .bp-panel-4 {
  top: 710px;
  left: calc(50% - 100px);
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .animation002.student930-1-a002 .bp-panel-5 {
  top: 530px;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .animation002.student930-1-a002 .bp-panel-6 {
  top: 255px;
}
.cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel {
  width: 230px;
  height: 230px;
  padding-bottom: 20.76px !important;
  padding: 20.76px 1rem;
}
.cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel.fade-in {
  opacity: 1;
}
.cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel .text {
  text-align: center;
  line-height: 1.2;
}
.cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-1 {
  left: calc(50% - 115px);
}
.cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-2,
.cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-5 {
  top: 360px;
}
.cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.student930-1-a002 .bp-panel {
  padding: 1rem;
}
.cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.student930-1-a002 .bp-panel .text {
  font-size: 24px;
  line-height: 1.2;
}
.cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.student930-1-a002 .bp-center-circle {
  font-size: 40px;
}
.cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.student930-1-a002 .bp-panel-1 {
  left: calc(50% - 115px);
}
.cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.student930-1-a002 .bp-panel-2 {
  top: 255px;
}
.cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.student930-1-a002 .bp-panel-3 {
  top: 530px;
}
.cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.student930-1-a002 .bp-panel-4 {
  top: 710px;
  left: calc(50% - 115px);
}
.cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.student930-1-a002 .bp-panel-5 {
  top: 530px;
}
.cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.student930-1-a002 .bp-panel-6 {
  top: 255px;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .animation002 {
    width: 80%;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-center-circle {
    padding: 1rem;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-1 {
    background: #1AB6B6;
    position: absolute;
    top: 45px;
    left: calc(50% - 92px);
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-2 {
    background: #DD936F;
    position: absolute;
    top: 256px;
    right: 78px;
    opacity: 0;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-3 {
    background: #F4B784;
    position: absolute;
    top: 539px;
    right: 78px;
    opacity: 0;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-4 {
    background: #597EF7;
    position: absolute;
    top: 689px;
    left: calc(50% - 92px);
    opacity: 0;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-5 {
    background: #EF878D;
    position: absolute;
    top: 539px;
    left: 78px;
    opacity: 0;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-6 {
    background: #3789FF;
    position: absolute;
    top: 256px;
    left: 78px;
    opacity: 0;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .animation002.student930-1-a002 .bp-panel-2 {
    right: -10%;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .animation002.student930-1-a002 .bp-panel-3 {
    right: -10%;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .animation002.student930-1-a002 .bp-panel-5 {
    left: -10%;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .animation002.student930-1-a002 .bp-panel-6 {
    left: -10%;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-center-circle {
    font-size: 4rem;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel .text {
    font-size: 2.6rem;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .animation002 {
    width: 100%;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-center-circle {
    padding: 1rem;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-1 {
    background: #1AB6B6;
    position: absolute;
    top: 45px;
    left: calc(50% - 92px);
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-2 {
    background: #DD936F;
    position: absolute;
    top: 256px;
    right: 78px;
    opacity: 0;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-3 {
    background: #F4B784;
    position: absolute;
    top: 539px;
    right: 78px;
    opacity: 0;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-4 {
    background: #597EF7;
    position: absolute;
    top: 689px;
    left: calc(50% - 92px);
    opacity: 0;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-5 {
    background: #EF878D;
    position: absolute;
    top: 539px;
    left: 78px;
    opacity: 0;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel-6 {
    background: #3789FF;
    position: absolute;
    top: 256px;
    left: 78px;
    opacity: 0;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .animation002.student930-1-a002 .bp-center-circle {
    width: 200px;
    height: 200px;
    top: 395px;
    left: calc(50% - 100px);
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .animation002.student930-1-a002 .bp-panel-2 {
    right: 0;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .animation002.student930-1-a002 .bp-panel-3 {
    right: 0;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .animation002.student930-1-a002 .bp-panel-5 {
    left: 0;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .animation002.student930-1-a002 .bp-panel-6 {
    left: 0;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .animation002 {
    width: 100%;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-center-circle {
    padding: 1rem;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.student930-1-a002 .bp-panel {
    width: 200px;
    height: 220px;
    padding: 27px 17px;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.student930-1-a002 .bp-panel .text {
    font-size: 2rem;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.student930-1-a002 .bp-panel-1 {
    left: calc(50% - 100px);
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.student930-1-a002 .bp-panel-4 {
    left: calc(50% - 100px);
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .animation002 {
    height: 130vw;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .animation002 .click-point {
    width: 50px;
    position: absolute;
    top: 50px;
    left: 50px;
    transform: rotate(90deg);
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-center-circle {
    width: 31.8vw;
    height: 31.8vw;
    font-size: 1.5rem;
    line-height: 1.2;
    left: calc(50% - 15.9vw);
    top: 50vw;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel .bp-panel-title {
    font-size: 1.4rem;
    line-height: 1.1;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel .text {
    font-size: 1.1rem;
    line-height: 1.1;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .animation002.student930-1-a002 {
    display: flex;
    flex-direction: column;
    align-items: center;
    grid-gap: 2rem;
    gap: 2rem;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .animation002.student930-1-a002 .bp-center-circle {
    position: initial;
    font-size: 2rem;
    width: 100px;
    height: 100px;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .animation002.student930-1-a002 .bp-panel {
    padding: 1rem 2rem !important;
    width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    position: initial;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .animation002.student930-1-a002 .bp-panel .text {
    font-size: 1.6rem;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-center-circle {
    font-size: 1.3rem;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel {
    height: 25.8vw;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel .text {
    font-size: 8px;
    font-weight: 400;
    line-height: 9px;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel.bp-panel-1 {
    top: 5vw;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .animation002 {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .animation002 .click-point {
    width: 50px;
    position: absolute;
    top: 50px;
    left: 50px;
    transform: rotate(90deg);
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-center-circle {
    width: 31.8vw;
    height: 31.8vw;
    font-size: 1.4rem;
    line-height: 1.2;
    left: calc(50% - 15.9vw);
    top: 100vw;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel .bp-panel-title {
    font-size: 1.4rem;
    line-height: 1.1;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .animation002 .bp-panel .text {
    font-size: 1.1rem;
    line-height: 1.1;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.student930-1-a002 {
    display: flex;
    flex-direction: column;
    align-items: center;
    grid-gap: 2rem;
    gap: 2rem;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.student930-1-a002 .bp-center-circle {
    position: initial;
    font-size: 2.4rem;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.student930-1-a002 .bp-panel {
    padding: 1rem 2rem !important;
    width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    position: initial;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .animation002.student930-1-a002 .bp-panel .text {
    font-size: 2rem;
  }
}

.animation004-modal .ant-modal-content .ant-modal-body .prev-button .click-point1 {
  position: absolute;
  bottom: 5rem;
  left: 5rem;
  width: 5rem;
  height: 5rem;
  transform: rotate(225deg);
}
.animation004-modal .ant-modal-content .ant-modal-body .next-button .click-point2 {
  position: absolute;
  bottom: 5rem;
  right: 5rem;
  width: 5rem;
  height: 5rem;
  transform: rotate(135deg);
}
.animation004-modal .ant-modal-content .animation004-modal-header {
  margin: 4rem;
  margin-bottom: 1rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 4rem;
  padding: 1rem;
  font-size: 2.625rem;
  font-weight: 500;
  border-left: 4px solid #837DFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.animation004-modal .ant-modal-content .ant-modal-body .next-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.8rem;
  width: 4.8rem;
  right: 0;
  bottom: 0;
  padding: 0;
}
.animation004-modal .ant-modal-content .ant-modal-body .next-button .arrow {
  margin: 0 auto;
}
.animation004-modal .ant-modal-content .ant-modal-body .prev-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.8rem;
  width: 4.8rem;
  left: 0;
  bottom: 0;
  padding: 0;
}
.animation004-modal .ant-modal-content .ant-modal-body .prev-button .arrow {
  margin: 0 auto;
}
.animation004-modal .ant-modal-content .ant-modal-body .hide {
  display: none;
}
.animation004-modal .ant-modal-content .ant-modal-body .border {
  margin-left: 12rem;
  margin-right: 12rem;
  margin-top: 0;
  margin-bottom: 1rem;
}
.animation004-modal .ant-modal-content .ant-modal-body .border img {
  width: 100%;
}
.animation004-modal .ant-modal-content .ant-modal-body .content {
  margin-left: 12rem;
  margin-right: 12rem;
  margin-top: 0;
  margin-bottom: 5rem;
  background: rgba(234, 75, 108, 0.2);
  border-radius: 5px;
  font-size: 1.5rem;
  font-weight: 400;
  padding: 1.5rem;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation004 {
  position: relative;
  height: 500px;
  margin-top: 48px;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation004.no-title {
  position: relative;
  z-index: 0;
  display: flex;
  justify-content: center;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section {
  margin-left: -56px !important;
  width: 1000px;
  position: relative;
  height: 100%;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation004 .img-g5584 {
  position: absolute;
  z-index: 0;
  top: 164px;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation004 .animation004-title {
  background: url(data:image/png;base64,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);
  width: 317px;
  height: 184px;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  left: 100px;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2rem;
  padding: 1rem;
  text-align: center;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section {
  margin-top: 0;
  position: relative;
  height: 100%;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step {
  width: 180px;
  position: absolute;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  grid-gap: 1rem;
  gap: 1rem;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .step-title {
  display: none;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .text {
  font-size: 24px;
  font-weight: 400;
  line-height: 29px;
  text-align: center;
  margin-bottom: 0;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .sub-task-text .view-more-btn {
  padding: 0;
  font-size: 24px;
  color: #D04A02;
  font-weight: 500;
  height: auto;
  position: relative;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .sub-task-text .view-more-btn .click-point1 {
  width: 40px;
  cursor: pointer;
  position: absolute;
  left: unset;
  top: unset;
  bottom: -5px;
  right: -15px;
  transform: rotate(270deg);
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .indicator {
  width: 100%;
  line-height: 68.78px;
  display: flex;
  font-size: 26px;
  font-weight: 700;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .indicator.indicator-title {
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 0.625rem;
  justify-content: center;
  display: flex;
  min-height: 4rem;
  text-align: center;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step img {
  position: absolute;
  width: 280px;
  left: -195px;
  bottom: -108px;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step1 {
  top: auto;
  left: 0;
  bottom: 124px;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step1 .indicator {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAABGCAYAAABmILAIAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAL1SURBVHgB7d1NkppAGIDhxiKLrOIRzG1yhBwhx5irZJdr5CSZXQ4QBVF+wtfFZ7WItDiiQL9PlaXDbHmnfwAnSr+/bQyATp9/vb3Hn+LijwFwYZck7/Xb15UBcCFJU5Nl2UY+xwbAme1uZw6Hw+lnIgEaVVXZQI7H49lxIgFqZVmaf9utKYri4ndEguDleW5HEAmlC5EgaPv93i7S+xAJgiSjxk7WH/Uo4kMkCI6MHmn9koX6LYgEwRgyeriIBEEYOnq4iASLJjtXuyTp3Nq9FZFgkezUqo6jfWHwHkSCRZHp1D7L7PTqnqlV299vPzZEgkV4dBwuIsGsjRmHIhLM0jPiUESCWZHdKrmNPatfY8ehiASzIHGkaTr4QuAjEAkm65lTqj5EgkmRGOTC36tGjS5Egkl4xVrjVkSCl5lyGC4iwVPNJQwXkWBUEoJEYeM4HmcThotI8FC68JZFd15HMZXF993imHu38DEahYwUcsdtXn+e42jRh0gwiNyCLjFIGDaOBUbRRiS4SoKQCIp6lNAp1NKD6EIksDHYIOoI5D2UEeJWRBIIOfnlpNcQdJTQ47iOSGZOv3VQRwA54fXEt8eaIHA/IpmI9snePqbvZX3yV84L4yOSkehJ7P6Fd//K261T5zOmi0gG0pPaLmybqczZsSYELAeRtOiitmgWtacFrzMaICzBRaK7OjoKnH5mBECHVWHWi4zktL3pjAa63QkMEUXlfCMhBDzL5CNxY9ArwVwAwzNNJhJiwFS9JBK9tTqkO0kxX6NGojtGemt13kQBzMlDI7G3UxMEFubuSGSU0Ec0mTJhyW6ORKZN8kC/PnzDVitCcTUSnTrZZ5cDfSINEKdIJIIsy2wcc/3qF2AMcSL/V67ZjgVwrqyidSzf2g2gWxRF65UB0ItIAA8iATyIBPAgEsCDSAAPIgE8iATwIBLAg0gADyIBelSV4bYUoM9qVX0hEsCDSAAPIgE8iATwIBLAg0gAj7gy1U8DoFNUVb//A1Rb9MBga6C3AAAAAElFTkSuQmCC);
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step1 img {
  left: -240px;
  bottom: -136px;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step2 {
  top: auto;
  left: 270px;
  bottom: 167px;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step2 .indicator {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAABFCAYAAADgtMKmAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALuSURBVHgB7dxBctowFIDhB/W+HIFtj9Eb9BS5Undd9U5Ztj1C2wkBbEvxMxYYsC2c2GDJ/zeTCTMkO/15km2yeH768UsAXNtkv7/8fPqaFC/XAuDcJhO7TVf6cikAzhWByDaVhQiRAFeqQOoSASBirchLEcc+v3qLSABTBPJ/J5LbxreJBPOWmSKQ/WGStCASzNem2F5tM++PEQnmJ9PzR/v26hKRYF5ei8nxmvb6FSLBPOjZ42V/8/SoIxLETQ/kOj1uOHu0IRLEy8Vh+0+POiJBfPSGoF65Mh+LQz1/+74mEsRDzx16KE+NDIlIEL6R4nCIBOEaOQ6HSBAWPYTv8sOBfIAzxy2IBGHQOLb5IFer+iISTNudtlRdiATT88Cp0YRIMA3urJHmD50aTYgEj6Nh6LNUup3SJ3MnMDWaEAnuS0PQO+L6NeEw6ogE4zNVGBPcSt2CSDA8t43aFwfvvbnb/YxRJBnPbmEA9Sj0e4DToguRoD+dDLp1ys0hiDzgSXEDIkE3W00GDSOrogjgsD0kIsGBLnzdJWXVhNDXMwyiCZHMiS54XfNZNRlMFUMW+OF6ZEQSCxeALnadBOVrc4rCvYfeiGSK3GIu/9rbUwDWnt7Tby4G9x5GQSRjOy5wqRb1xcI/hiAs9okikvfq2t6Y6r4Biz4KRNKkfsB1f/mNPd/fs/hnY56RtF3lcZc+CQCVYims4o2kft3fTQKu8qAnY23gkbSFwDTAgMKIxD1AVwbADTDc17QiuYyhfB3GB3MQr8dFUn+SlMmACRs/kssH51LODAjL8JGUW6T8MBmy+D9rgPh9LJL6lonzAyLVL5L84hNpnCEwA92RuC1TGs6/fwGGdh6JmxREARwl5aTQ/3Kx46OaQJNE/u0EQLPFcrFeCoBORAJ4EAngQSSAB5EAHkQCeBAJ4EEkgAeRAB5EAngQCdDB2uWKSIAOn0Q+EwngQSSAB5EAHkQCeBAJ4EEkgEdixf4RAC0Wf98AYqTlQ0RwE48AAAAASUVORK5CYII=);
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step3 {
  top: auto;
  left: 545px;
  bottom: 210px;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step3 .indicator {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAABFCAYAAADgtMKmAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMiSURBVHgB7dxNctowGIBhGdiXI3CG3qC36Bm67xl6hK56nm57g7b7thkCBLAtqf4EIiYBKwZsbOt9ZjrJkC79ok/+S759/vFTAXhluzS/Pn19/2FilZopAEfSJ6NWcz2V30cKwBEXyIOWX10kEwXgYL3QavNojj4jEmBvPS8CWZpXnxMJomeLjfnyb67yrT35dyJB1HRWBPIvVya3Z/8PkSBaMlrJiBVCJIiOKbpYPZwfr14iEkRFVo/Nwihr3haIIBJEoe7qUUYkGDQ5c7WVvcdjeO9xDpFgsOTK+dO83mh1CpFgcGSkkivnl4xWL335+H1GJBiMW8ZRRiTovabi8IgEvdV0HB6RoHfaisMjEvSCP5UrFwOvPVtVF5Gg02S1SDemOJ1rW4/DIxJ0jls1VkZlRRxtjVRViASd4fcacvv6vVaNU4gEd9WFcSqESNC6PoRRRiRonOwx0rXsL2Sf0a1R6i2IBI2Q1SJPrcq23dh8X2qsx1MiwU3oTIKw7oxU1zbe19DjhEhQn4xPulgl8mx4UZxCJKgkQcibRGSV0FkRRL4LJCZEggOJQbt/ygWRp6ryVTuxIJLI+JVBRiX5afQuCpMPe2S6BpEMiARgtXUvPdBarkHsVgS3h3D7BkK4BJF0lB9z5IC3xVFuzPNB7mLY/3R/N4xFTSKSFpS/4f0BLwe1P9h3n/sI+LbvGiK5gj/QZa73B778Xv6G56DvPyI5wwcgG1w3zujdfUY6Z7yJTbSRlCMorwBscFE2Ssywr7iXz/u7kUhOdxIBakiSAdyWci4ExiHcSi8i8WeHspQLYGhf5yJx9wntY3ArBKsC7uxukbhN89Yc7hNiZUBXtRKJXxXkTlL2DOibm0dSDkIexBn6swYYvqsiKT98k6fymCZBYHhqReI31TrbPb8c28M3iFNlJBJFurE8gIOoHUXS91e/AE2Y+BeFMT4Bp00Wf3IF4DSr7GykAFQiEiCASIAAIgECiAQIIBIggEiAACIBAogECCASIIBIgAqJTaZEAlRJ1DsiAQKIBAggEiCASIAAIgECiAQIkBdB/FYAzpn/BxpxqBXldz9PAAAAAElFTkSuQmCC);
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step4 {
  top: auto;
  left: 820px;
  bottom: 255px;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step4 .indicator {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAABGCAYAAABmILAIAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALySURBVHgB7dxPctowFIBxQVhk0UVu0PRmuUHbG3Smh+iyR+sRwiTFNrZll4fzGkHAMn9sLPn7zWQgwFIfT2Cb2dcf6W8D4IPc2uWvn5++L8zMPBkAO6qqMsnfbLm5u4kEwA4J5OUlMdbWD/I/kQCOsmwCqev6/2NEArxZr0uzWmU7gQgiATaSJDdpuj74HJFg0mRqvL6mpijs0dcQCSZLwlitUvmA3vo6IsHkyPRI03z71wWRYFK6Tg8XkWASTp0eLiJB9M6ZHi4iQbTkwGCSZK3fXHVBJIjOJVurfU/f/jwQCaIhcWRZsY1j/6j5ubLsnkgQvj7icBEJgtV3HIpIEJyh4lBEgmDIt1RyEuKl31adikgwajo1iqIcPA5FJBglCSLPi+01HkNsqdoQCUZjDFPjECLBTY01DBeRYHBuGHLqyK23Uz5EgkFUVb35fDHuiXEMkaAXMh1kSsiH7zwvt5GEaH5vOS0F1yMToixtMNuoLubmjkhwHp0UsUVxCJGgE4lAYrC22vzZ7f9TQSTY4U4IDUKu6It1SnRBJBMlH6Q1BPntW7mNect0CSKJkCx0WevNJGgikCiaKWGD/abpVogkALqoZcHLQtcFr/eb11RvzxumwZURycBkUesi10W/v9jfQ2DBjwGRXIFub3QrowtdHuMdPnxE4qHv/BJA8w5f7Sx+9vfxm3wkGoBOAL0lAKjoI2n2/hoCEeA0lb17jCKSQyFwEAzXElQk7gEw9yAYEwF9GmUk+zEwFXBLN42E84QQgsEicaeD3HJ6BELRSyQahJxaLfflYhymA0J1cSTulqkJgyAQl5Mjkckg1yw3F95M6+IbTJM3EveKNImDKYGp+RCJ/vQLWyegsZAIJAaZFiH/9AvQl8Xz84ppARwxn9WPcwIB2s0NgFZEAngQCeBBJIAHkQAeRAJ4EAngQSSAB5EAHkQCeBAJ0KKuZ5+JBPAgEsCDSAAPIgE8iATwIBLAg0gAj0U5t18MgIPuTbb8B39gApjHABaiAAAAAElFTkSuQmCC);
}
.cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .sub-task-text .view-more-btn {
  font-size: 20px;
}
.cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .sub-task-text .view-more-btn .click-point1 {
  width: 40px;
  bottom: -8px;
  right: -30px;
}

@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation004 {
    position: relative;
    margin-left: 0rem;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation004 .img-g5584 {
    display: none;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation004 .animation004-title {
    background: none;
    font-weight: 500;
    line-height: 3.375rem;
    letter-spacing: 0em;
    border-left: 5px solid #F26927;
    font-size: 2.1rem;
    position: relative;
    padding-bottom: 0;
    width: 100vw;
    justify-content: left;
    left: auto;
    height: auto;
    width: auto;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation004.no-title {
    margin-bottom: 0 !important;
    margin-top: 10rem;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section {
    margin-left: 0 !important;
    width: 100%;
    margin-top: 0;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .click-point {
    top: auto !important;
    width: 12vw;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step {
    width: 21vw;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .indicator {
    line-height: 5vw;
    background-size: cover !important;
    font-size: 3vw;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .text {
    font-size: 1.8rem;
    line-height: 1.4;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .step-title {
    font-size: 3vw;
    line-height: 4vw;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .sub-task-text {
    margin-top: 0;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .sub-task-text button.ant-btn.ant-btn-link {
    font-size: 1.8rem !important;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .sub-task-text button.ant-btn.ant-btn-link .click-point1 {
    width: 40px;
    cursor: pointer;
    position: absolute;
    left: unset;
    top: unset;
    bottom: -5px;
    right: 15px;
    transform: rotate(270deg);
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step img {
    width: 25vw;
    left: -12vw;
    bottom: -10vw;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step1 {
    bottom: 20vw;
    top: auto;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step2 {
    bottom: 25vw;
    left: 24vw;
    top: auto;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step3 {
    bottom: 30vw;
    left: 48vw;
    top: auto;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step4 {
    bottom: 35vw;
    left: 72vw;
    top: auto;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section {
    margin-left: 0 !important;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .click-point {
    top: auto !important;
    width: 12vw;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step {
    width: 21vw;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .indicator {
    line-height: 5vw;
    background-size: cover !important;
    font-size: 3vw;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .text {
    font-size: 3vw;
    line-height: 4vw;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .step-title {
    font-size: 3vw;
    line-height: 4vw;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .sub-task-text {
    margin-top: 0;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step img {
    width: 25vw;
    left: -12vw;
    bottom: -10vw;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step1 {
    bottom: 20vw;
    top: auto;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step2 {
    bottom: 25vw;
    left: 24vw;
    top: auto;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step3 {
    bottom: 30vw;
    left: 48vw;
    top: auto;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step4 {
    bottom: 35vw;
    left: 72vw;
    top: auto;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step {
    align-items: center;
    justify-content: center;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .sub-task-text {
    font-size: 1.6rem;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .sub-task-text button.ant-btn.ant-btn-link {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .sub-task-text button.ant-btn.ant-btn-link .click-point1 {
    width: 30px;
    right: -30px;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation004 .animation004-title {
    display: none;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation004.no-title {
    margin-top: 5rem;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .sub-task-text button.ant-btn.ant-btn-link .click-point1 {
    bottom: -5px;
    right: -5px;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step {
    align-items: center;
    justify-content: center;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .sub-task-text button.ant-btn.ant-btn-link {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 1.5rem !important;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .sub-task-text button.ant-btn.ant-btn-link .click-point1 {
    width: 30px;
    right: -30px;
  }
  .animation004-modal-student .ant-modal-content .animation004-modal-header {
    margin-left: 2rem;
    margin-top: 1rem;
    margin-bottom: 0;
  }
  .animation004-modal-student .ant-modal-content .ant-modal-body .next-button .click-point2 {
    transform: rotate(90deg);
    bottom: 0;
  }
  .animation004-modal-student .ant-modal-content .ant-modal-body .prev-button .click-point1 {
    transform: rotate(270deg);
    bottom: 0;
  }
  .animation004-modal-student .ant-modal-content .ant-modal-body .border {
    margin-left: 2rem;
    margin-right: 2rem;
    margin-top: 0;
    margin-bottom: 1rem;
  }
  .animation004-modal-student .ant-modal-content .ant-modal-body .content {
    width: 80%;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation004 .animation004-title {
    display: none;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation004.no-title {
    height: 260px;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .indicator {
    font-size: 1.5rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .text {
    font-size: 1.4rem;
    line-height: 1.3;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .sub-task-text button.ant-btn.ant-btn-link {
    font-size: 1.2rem !important;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .sub-task-text button.ant-btn.ant-btn-link .click-point1 {
    width: 20px;
    right: -12px;
    bottom: 0;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation004 .animation004-title {
    display: none;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation004.no-title {
    height: 350px;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .sub-task-text button.ant-btn.ant-btn-link {
    font-size: 1rem !important;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .sub-task-text button.ant-btn.ant-btn-link .click-point1 {
    width: 20px;
    right: -8px;
    bottom: -15px;
    transform: rotate(315deg);
  }
}

.student .animation006 {
  width: 1024px;
  display: flex;
  position: relative;
  margin: auto;
  margin-bottom: 100px;
}
.student .animation006 .click-point {
  position: absolute;
  width: 100px;
  bottom: 0;
  left: 50%;
  z-index: 99;
  transform: rotate(315deg);
}
.student .animation006 .animation006-bg {
  position: relative;
  margin: auto;
  width: 1024px;
  height: 582px;
  background-image: url(/static/media/social-media-bg.f452d92d.png);
  background-size: 100% 100%;
}
.student .animation006 .animation006-gif {
  position: absolute;
  margin: auto;
  width: 270px;
  z-index: 10;
  bottom: -10px;
  left: calc(50% - 135px);
}
.student .animation006 .animation006-radius {
  position: absolute;
  margin: auto;
  width: 270px;
  height: 270px;
  border-radius: 50%;
  background-color: #F26927;
  font-size: 28px;
  font-weight: 300;
  text-align: center;
  word-wrap: break-word;
  color: #FFFFFF;
  z-index: 10;
  bottom: 0;
  left: calc(50% - 135px);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem;
}
.student .animation006 .animation006-panel {
  font-size: 16px;
  position: absolute;
  border-radius: 23px;
  box-shadow: 0px 2.38095px 28.5713px rgba(0, 0, 0, 0.08);
  background-color: #fff;
  text-align: center;
}
.student .animation006 .animation006-panel.s1 {
  left: 9px;
  bottom: 112px;
}
.student .animation006 .animation006-panel.s2 {
  left: 60px;
  bottom: 270px;
}
.student .animation006 .animation006-panel.s3 {
  left: 380px;
  bottom: 428px;
}
.student .animation006 .animation006-panel.s4 {
  right: 60px;
  bottom: 270px;
}
.student .animation006 .animation006-panel.s5 {
  right: 9px;
  bottom: 112px;
}
.student .animation006 .animation006-panel .animation006-content {
  padding: 31px 22px;
  display: flex;
  flex-direction: column;
  font-size: 21px;
  font-weight: 400;
  line-height: 27px;
  align-items: center;
  justify-content: center;
  height: 116px;
  width: 275px;
  position: relative;
}
.student .animation006 .animation006-panel .animation006-content .view-more .view-more-btn {
  font-size: 21px;
  font-weight: 400;
  opacity: 1 !important;
  height: auto;
  position: relative;
}
.student .animation006 .animation006-panel .animation006-content .view-more .view-more-btn .click-point1 {
  width: 40px;
  cursor: pointer;
  transform: rotate(270deg);
  position: absolute;
  bottom: 0;
  left: 90%;
}
.student .animation006 .animation006-panel .animation006-content .indicator {
  display: none !important;
  position: absolute;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  background: #E7444E;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 19px;
  font-weight: 400;
  line-height: 25px;
  left: -16px;
  top: -16px;
}
.student.en .animation006 .animation006-panel {
  font-size: 16px;
}
.student.en .animation006 .animation006-panel .animation006-content {
  font-size: 21px;
  height: 145px;
  line-height: 1.2;
  width: 295px;
}
.student.en .animation006 .animation006-panel.s1 {
  left: 9px;
  bottom: 75px;
}
.student.en .animation006 .animation006-panel.s2 {
  left: 60px;
  bottom: 280px;
}
.student.en .animation006 .animation006-panel.s4 {
  right: 60px;
  bottom: 280px;
}
.student.en .animation006 .animation006-panel.s5 {
  right: 9px;
  bottom: 75px;
}
.animation006-modal-header {
  display: flex;
  justify-content: space-between;
  padding-right: 35px;
}
.animation006-modal-header .animation006-modal-title {
  border-left: 4px solid #A3D4CA;
  padding: 1rem;
  font-size: 2rem;
  color: unset;
  background-color: unset;
  border-radius: unset;
  line-height: unset;
  font-weight: unset;
}
.animation006-modal-header .animation006-modal-link {
  max-width: 50%;
  font-size: 1.125rem;
  color: #fff;
  background-color: #E7444E;
  border-radius: 12px;
  line-height: 1.6;
  font-weight: 700;
  padding: 0.5625rem 1rem;
  margin-left: 20px;
}
.animation006-modal-header .animation006-modal-link a {
  color: white;
  text-decoration: underline;
}
.animation006-modal .ant-modal-body {
  display: flex;
  justify-content: center;
  position: relative;
  min-height: 456px;
}
.animation006-modal .ant-modal-body img {
  width: 100%;
  height: 100%;
  margin-bottom: 50px;
}
.animation006-modal .ant-modal-body .hide {
  display: none;
}
.animation006-modal .ant-modal-body .next-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 3.8rem;
  width: 4.8rem;
  right: 0;
  bottom: 0;
}
.animation006-modal .ant-modal-body .prev-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 3.8rem;
  width: 4.8rem;
  left: 0;
  bottom: 0;
}
@media (max-width: 1024px) {
  .animation006-modal {
    width: 100%;
    height: 100%;
  }
  .animation006-modal .ant-modal-body {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    position: relative;
    min-height: 456px;
  }
  .animation006-modal .ant-modal-body .hide {
    display: none;
  }
  .animation006-modal .ant-modal-body .next-button {
    position: absolute;
    background: #FFC53D;
    border-radius: 0px;
    height: 4.5rem;
    width: 4.5rem;
    right: 0;
    bottom: 0;
  }
  .animation006-modal .ant-modal-body .prev-button {
    position: absolute;
    background: #FFC53D;
    border-radius: 0px;
    height: 4.5rem;
    width: 4.5rem;
    left: 0;
    bottom: 0;
  }
  .animation006-modal .ant-modal-body img {
    width: 100%;
    height: 100%;
  }
  .student .animation006 {
    width: 100%;
    display: flex;
    position: relative;
    margin: auto;
    margin-bottom: 6.25rem;
  }
  .student .animation006 .animation006-radius {
    width: 25vw;
    height: 25vw;
    font-size: 2.4rem;
    padding: 2rem;
    left: calc(50% - 12.5vw);
  }
  .student .animation006 .animation006-bg {
    width: calc(100vw - 4rem);
    height: calc((100vw - 4rem) * 595 / 1024);
  }
  .student .animation006 .animation006-gif {
    width: 26%;
    left: 37%;
  }
  .student .animation006 .animation006-panel {
    border-radius: 1.5rem;
  }
  .student .animation006 .animation006-panel .animation006-content {
    width: 26vw;
    height: auto;
    min-height: 7rem;
    padding: 1.5rem 1rem;
    font-size: 1.8rem;
  }
  .student .animation006 .animation006-panel .animation006-content .indicator {
    font-size: 1.2rem;
    width: 2.5rem;
    height: 2.5rem;
    left: -1rem;
    top: -1rem;
  }
  .student .animation006 .animation006-panel.s1 {
    left: 7vw;
    bottom: 28vw;
  }
  .student .animation006 .animation006-panel.s2 {
    left: 2vw;
    bottom: 8vw;
  }
  .student .animation006 .animation006-panel.s3 {
    left: 35vw;
    bottom: 42vw;
  }
  .student .animation006 .animation006-panel.s4 {
    right: 7vw;
    bottom: 28vw;
  }
  .student .animation006 .animation006-panel.s5 {
    right: 2vw;
    bottom: 8vw;
  }
  .student.en .animation006 .animation006-panel .animation006-content {
    width: 260px;
    font-size: 1.6rem;
  }
  .student.en .animation006 .animation006-panel.s1 {
    left: 7vw;
    bottom: 28vw;
  }
  .student.en .animation006 .animation006-panel.s2 {
    left: 2vw;
    bottom: 8vw;
  }
  .student.en .animation006 .animation006-panel.s3 {
    left: 35vw;
    bottom: 42vw;
  }
  .student.en .animation006 .animation006-panel.s4 {
    right: 7vw;
    bottom: 28vw;
  }
  .student.en .animation006 .animation006-panel.s5 {
    right: 2vw;
    bottom: 8vw;
  }
  .animation006 .animation006-panel .animation006-content .view-more-btn {
    font-size: 1.5rem !important;
  }
  .animation006 .animation006-panel .animation006-content .click-point1 {
    width: 30px !important;
  }
}
@media (max-width: 768px) {
  .student .animation006 .animation006-panel .animation006-content .view-more-btn {
    font-size: 1.5rem;
    height: auto;
    padding: 0 !important;
  }
  .student .animation006 .animation006-radius {
    font-size: 1.5rem;
  }
  .student .animation006 {
    margin-top: 5rem;
  }
  .student .animation006 .animation006-panel .animation006-content {
    font-size: 1.2rem;
    line-height: 1.4;
    width: 25vw;
    padding: 0.5rem 0.5rem;
  }
  .student .animation006 .animation006-panel .animation006-content .view-more .view-more-btn {
    font-size: 10px !important;
  }
  .student .animation006 .animation006-panel .animation006-content .view-more .view-more-btn .click-point1 {
    bottom: -10%;
    left: 100%;
  }
  .student .animation006 .animation006-panel .animation006-content .indicator {
    font-size: 1rem;
    width: 2rem;
    height: 2rem;
    left: -1rem;
    top: -1rem;
  }
  .student .animation006 .animation006-panel .animation006-content .view-more-btn {
    font-size: 12px;
  }
  .student .animation006 .animation006-panel .animation006-content .click-point1 {
    width: 20px !important;
  }
  .student.en .animation006 .animation006-panel .animation006-content {
    width: 220px;
    height: 100px;
    font-size: 1.4rem;
  }
}
@media (max-width: 480px) {
  .student .animation006 {
    margin-bottom: 10rem;
  }
  .student .animation006 .animation006-panel .animation006-content .view-more-btn {
    font-size: 10px;
  }
  .student .animation006 .animation006-panel .animation006-content .click-point1 {
    width: 20px !important;
  }
  .student .animation006 .animation006-radius {
    font-size: 1.4rem;
    padding: 1rem;
  }
  .student .animation006 .animation006-panel .animation006-content {
    padding: 0.5rem;
    line-height: 16px;
    min-height: 5rem;
    width: 30vw;
  }
  .student .animation006 .animation006-panel .animation006-content .view-more {
    margin-left: 0px;
  }
  .student .animation006 .animation006-panel .animation006-content .view-more .view-more-btn {
    font-size: 8px;
    border: 0;
  }
  .student .animation006 .animation006-panel .animation006-content .view-more img {
    width: 20px !important;
  }
  .student .animation006 .animation006-panel.s1 {
    left: 10vw;
    bottom: -16vw;
  }
  .student .animation006 .animation006-panel.s2 {
    left: 0vw;
    bottom: 12vw;
  }
  .student .animation006 .animation006-panel.s3 {
    left: 30vw;
    bottom: 36vw;
  }
  .student .animation006 .animation006-panel.s4 {
    right: 0vw;
    bottom: 12vw;
  }
  .student .animation006 .animation006-panel.s5 {
    right: 10vw;
    bottom: -16vw;
  }
  .animation006-modal {
    width: 100% !important;
  }
  .animation006-modal .animation006-modal-header .animation006-modal-title {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .animation006-modal .ant-modal-body {
    display: flex;
    justify-content: center;
    position: relative;
    min-height: 300px;
  }
  .animation006-modal .ant-modal-body img {
    width: 100%;
    height: 100%;
    margin-bottom: 50px;
  }
  .animation006-modal .ant-modal-body .hide {
    display: none;
  }
  .animation006-modal .ant-modal-body .next-button {
    position: absolute;
    background: #FFC53D;
    border-radius: 0px;
    height: 3.8rem;
    width: 4.8rem;
    right: 0;
    bottom: 0;
  }
  .animation006-modal .ant-modal-body .prev-button {
    position: absolute;
    background: #FFC53D;
    border-radius: 0px;
    height: 3.8rem;
    width: 4.8rem;
    left: 0;
    bottom: 0;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation006 {
    margin-top: 10rem;
    margin-bottom: 20rem !important;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content {
    width: 115px;
    height: 105px;
    font-size: 12px;
    line-height: 1;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s1 {
    left: 8vw;
    bottom: -25vw;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s2 {
    left: -1vw;
    bottom: 12vw;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s3 {
    left: 31vw;
    bottom: 41vw;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s4 {
    right: -1vw;
    bottom: 9vw;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s5 {
    right: 8vw;
    bottom: -25vw;
  }
}

.student .animation011 {
  margin-right: 3.5rem;
  padding-bottom: 0;
  position: relative;
}
.student .animation011 .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  top: 7.5rem;
  left: 15rem;
}
.student .animation011 .animation011-content {
  display: flex;
  flex-direction: column;
  padding-right: 3.5rem;
}
.student .animation011 .animation011-content .animation011-item {
  margin-bottom: 3rem;
  width: 100%;
  height: 7.5rem;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.student .animation011 .animation011-content .animation011-item.r1 .animation011-text .view-more .view-more-btn {
  color: #078BFF;
}
.student .animation011 .animation011-content .animation011-item.r2 .animation011-text .view-more .view-more-btn {
  color: #379F19;
}
.student .animation011 .animation011-content .animation011-item.r3 .animation011-text .view-more .view-more-btn {
  color: #FF8601;
}
.student .animation011 .animation011-content .animation011-item.r4 .animation011-text .view-more .view-more-btn {
  color: #561987;
}
.student .animation011 .animation011-content .animation011-item .animation011-indicate-number {
  min-width: 13.125rem;
  height: 5.625rem;
  display: flex;
  border-radius: 15%/60%;
  align-items: center;
  color: #FFFFFF;
}
.student .animation011 .animation011-content .animation011-item .animation011-indicate-number .animation011-icon {
  height: 7.5rem;
  width: 7.5rem;
  border: 2px solid;
  border-radius: 50%;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.student .animation011 .animation011-content .animation011-item .animation011-indicate-number .animation011-icon img {
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
}
.student .animation011 .animation011-content .animation011-item .number {
  width: 3.75rem;
  text-align: right;
  font-family: Helvetica Neue;
  font-size: 2.25rem;
  font-weight: 700;
}
.student .animation011 .animation011-content .animation011-item .animation011-text {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  padding-left: 20px;
}
.student .animation011 .animation011-content .animation011-item .animation011-text .view-more {
  width: auto;
}
.student .animation011 .animation011-content .animation011-item .animation011-text .view-more .view-more-btn {
  padding: 0;
  font-size: 1.3125rem;
  height: auto;
  position: relative;
}
.student .animation011 .animation011-content .animation011-item .animation011-text .view-more .view-more-btn .click-point1 {
  width: 40px;
  cursor: pointer;
  position: absolute;
  bottom: -10px;
  right: -45px;
  transform: rotate(270deg);
}
.student.en .animation011 .animation011-content .animation011-item .animation011-text .view-more {
  padding: 0 0.5rem;
}
.animation011-modal-student .ant-modal-content .animation011-modal-header {
  margin: 4rem;
  margin-bottom: 1rem;
  margin-top: 1rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 4rem;
  padding: 1rem;
  font-size: 2.4rem;
  font-weight: 500;
  border-left: 6px solid #837DFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.animation011-modal-student .ant-modal-content .ant-modal-body .next-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.8rem;
  width: 4.8rem;
  right: 0;
  bottom: 0;
  padding: 0;
}
.animation011-modal-student .ant-modal-content .ant-modal-body .next-button .click-point2 {
  position: absolute;
  bottom: 5rem;
  right: 5rem;
  width: 5rem;
  height: 5rem;
  transform: rotate(135deg);
}
.animation011-modal-student .ant-modal-content .ant-modal-body .next-button .arrow {
  margin: 0 auto;
}
.animation011-modal-student .ant-modal-content .ant-modal-body .prev-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.8rem;
  width: 4.8rem;
  left: 0;
  bottom: 0;
  padding: 0;
}
.animation011-modal-student .ant-modal-content .ant-modal-body .prev-button .click-point1 {
  position: absolute;
  bottom: 5rem;
  left: 5rem;
  width: 5rem;
  height: 5rem;
  transform: rotate(225deg);
}
.animation011-modal-student .ant-modal-content .ant-modal-body .prev-button .arrow {
  margin: 0 auto;
}
.animation011-modal-student .ant-modal-content .ant-modal-body .hide {
  display: none;
}
.animation011-modal-student .ant-modal-content .ant-modal-body .border {
  margin-left: 12rem;
  margin-right: 12rem;
  margin-top: 0;
  margin-bottom: 1rem;
}
.animation011-modal-student .ant-modal-content .ant-modal-body .border img {
  width: 100%;
}
.animation011-modal-student .ant-modal-content .ant-modal-body .content {
  width: 37.5rem;
  margin-left: 12rem;
  margin-right: 12rem;
  margin-top: 0;
  margin-bottom: 5rem;
  background: rgba(234, 75, 108, 0.2);
  border-radius: 5px;
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: 400;
  padding: 1.5rem;
  text-align: center;
}
.animation011-modal-student .ant-modal-content .ant-modal-body .tip {
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: 500;
  padding: 1rem;
}
@media (max-width: 1024px) {
  .animation011-modal-student {
    width: 90% !important;
  }
  .student .animation011 {
    margin-right: 0;
    margin-top: 0 !important;
  }
  .student .animation011 .animation011-content {
    padding-right: 0!important;
  }
  .student .animation011 .animation011-content .animation011-item {
    height: 5.5rem;
    margin-bottom: 1rem;
  }
  .student .animation011 .animation011-content .animation011-item .animation011-icon {
    height: 5.5rem;
    width: 5.5rem;
  }
  .student .animation011 .animation011-content .animation011-item .animation011-icon img {
    width: 100%;
    height: auto;
  }
  .student .animation011 .animation011-content .animation011-item .animation011-text {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
@media (max-width: 768px) {
  .student .animation011 .animation011-content {
    flex-wrap: wrap;
    grid-row-gap: 3rem;
    row-gap: 3rem;
  }
  .student .animation011 .animation011-content .animation011-item {
    padding-left: 4rem !important;
    margin-bottom: 0;
  }
  .student .animation011 .animation011-content .animation011-item .animation011-indicate-number {
    min-width: 11rem;
    height: 3.625rem;
  }
  .student .animation011 .animation011-content .animation011-item .animation011-indicate-number .number {
    text-align: center;
  }
  .student .animation011 .animation011-content .animation011-item .animation011-indicate-number .animation011-icon {
    width: 5.5rem;
    height: 5.5rem;
  }
  .animation011-modal-student .ant-modal-content .animation011-modal-header {
    margin-left: 2rem;
    margin-top: 1rem;
    margin-bottom: 0;
  }
  .animation011-modal-student .ant-modal-content .ant-modal-body .next-button .click-point2 {
    transform: rotate(90deg);
    bottom: 0;
  }
  .animation011-modal-student .ant-modal-content .ant-modal-body .prev-button .click-point1 {
    transform: rotate(270deg);
    bottom: 0;
  }
  .animation011-modal-student .ant-modal-content .ant-modal-body .border {
    margin-left: 2rem;
    margin-right: 2rem;
    margin-top: 0;
    margin-bottom: 1rem;
  }
  .animation011-modal-student .ant-modal-content .ant-modal-body .content {
    width: 80%;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation011 {
    margin-top: 4rem !important;
    margin-bottom: 10rem !important;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation011 .animation011-content {
    width: 100%;
    grid-row-gap: 2rem;
    row-gap: 2rem;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation011 .animation011-content .animation011-item {
    padding-left: 0 !important;
    height: 55px;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation011 .animation011-content .animation011-item .animation011-indicate-number {
    min-width: 9rem;
    height: 55px;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation011 .animation011-content .animation011-item .animation011-indicate-number .number {
    font-size: 1.8rem;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation011 .animation011-content .animation011-item .animation011-icon img {
    width: 55px;
    height: 55px;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation011 .animation011-content .animation011-item .animation011-text {
    font-size: 1.4rem;
    padding-left: 1.2;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation011 .animation011-content .animation011-item .animation011-text .view-more .view-more-btn .click-point1 {
    width: 20px;
    bottom: -2px;
    right: -15px;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation011 .animation011-content .animation011-item .animation011-text .view-more .view-more-btn .click-point1 {
    width: 20px;
    bottom: -2px;
    right: -20px;
  }
}

.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation014 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 56px;
  grid-gap: 1rem;
  gap: 1rem;
  max-width: 1290px;
  margin: 3.5rem auto;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation014 .animation014-item {
  width: calc(25% - 1rem);
  display: flex;
  flex-direction: column;
  align-items: self-start;
  justify-content: center;
  position: relative;
  cursor: pointer;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  bottom: -45px;
  right: -45px;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-header {
  margin-bottom: -10%;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation014 .animation014-item.r1 .animation014-header {
  color: #597EF7;
  opacity: 0.7;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation014 .animation014-item.r2 .animation014-header {
  color: #31AC71;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation014 .animation014-item.r3 .animation014-header {
  color: #D3830B;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation014 .animation014-item.r4 .animation014-header {
  color: #138EB5;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-header {
  width: 85%;
  font-size: 24px;
  min-height: 72px;
  line-height: 1.2;
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-text {
  width: 97%;
  height: 330px;
  background: url(/static/media/a014-long.42f4728d.svg) no-repeat center center;
  background-size: 100%;
  font-size: 16px;
  line-height: 1.3;
  padding: 5rem 1.5rem 3rem 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -50px;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-text div ul {
  margin-bottom: 0;
  -webkit-padding-start: 20px;
          padding-inline-start: 20px;
}
.cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation014 {
  flex-wrap: wrap;
  grid-gap: 4rem;
  gap: 4rem;
  max-width: 1450px;
  margin: auto;
}
.cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation014 .animation014-item {
  width: calc(45% - 4rem);
  max-width: 490px;
}
.cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-header {
  margin-bottom: 5px;
  min-height: 60px;
}
.cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-text {
  height: 405px;
  font-size: 20px;
  line-height: 1.2;
  padding: 6rem 1rem 3rem 1.5rem;
}
@media (max-width: 1500px) {
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-text {
    font-size: 14px;
  }
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation014 {
    padding-right: 0;
    flex-wrap: wrap;
    grid-gap: 7rem;
    gap: 7rem;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation014 .animation014-item {
    width: calc(48% - 4rem);
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-header {
    font-size: 2rem;
    min-height: 48px;
    margin-bottom: 0;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-text {
    font-size: 1.8rem;
    height: 360px;
    padding: 8rem 2rem 3rem 2rem;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation014 .animation014-item {
    width: calc(48% - 4rem);
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-header {
    font-size: 2rem;
    min-height: 48px;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-text {
    font-size: 1.8rem;
    height: 360px;
    padding: 8rem 2rem 3rem 2rem;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation014 {
    padding-right: 0;
    flex-wrap: wrap;
    grid-gap: 4rem;
    gap: 4rem;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation014 .animation014-item {
    width: calc(50% - 4rem);
    display: flex;
    align-items: center;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-header {
    font-size: 1.7rem;
    width: 80%;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-text {
    height: 240px;
    font-size: 1.4rem;
    padding: 5rem 2rem 2rem 2rem;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation014 {
    padding-right: 0;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation014 .animation014-item {
    width: calc(50% - 2rem);
    padding: 0 2rem;
    display: flex;
    align-items: flex-start;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-header {
    font-size: 1.6rem;
    min-height: 40px;
    margin-bottom: 24px;
    padding-left: 1.5rem;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-text {
    height: 248px;
    font-size: 1.4rem;
    padding: 4.5rem 2rem 1rem 2rem;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation014 .animation014-item {
    width: 100%;
    align-items: flex-start;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .click-point {
    position: absolute;
    width: 70px;
    transform: rotate(-45deg);
    z-index: 10;
    transition: all 800ms linear 0s;
    bottom: -15px;
    right: -15px;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-text {
    height: 285px;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-header {
    padding-left: 1rem;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation014 .animation014-item {
    width: 100%;
    align-items: flex-start;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-text {
    align-items: center;
    height: 285px;
  }
}

.student .animation023 {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 1.5rem;
  gap: 1.5rem;
  margin-right: 2rem;
  grid-row-gap: 0;
  row-gap: 0;
  position: relative;
  justify-content: center;
}
.student .animation023 .click-point1 {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  bottom: 0;
  left: 12%;
}
.student .animation023 .animation023-contaner {
  display: flex;
  grid-gap: 1rem;
  gap: 1rem;
  justify-content: space-between;
  width: calc(25% - 1.5rem);
}
.student .animation023 .animation023-contaner .animation023-item {
  width: 100%;
  position: relative;
}
.student .animation023 .animation023-contaner .animation023-item img {
  width: 100%;
}
.student .animation023 .animation023-contaner .animation023-item .text {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  padding: 60% 18% 25% 15%;
  font-size: 22px;
  line-height: 1.5;
}
.student .animation023 .animation023-contaner .animation023-item .text .highlight {
  font-weight: 700;
}
.student .animation023 .animation023-contaner .animation023-item .text .sub-task-text {
  display: inline-block;
}
.student .animation023 .animation023-contaner .animation023-item .text .sub-task-text button {
  font-size: 18px !important;
  padding: 0;
  position: relative;
}
.student .animation023 .animation023-contaner .animation023-item .text .sub-task-text button .click-point {
  position: absolute;
  width: 50px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  bottom: -25px;
  right: -40px;
}
.student.en .animation023 .animation023-contaner .animation023-item .text {
  font-size: 20px;
  line-height: 1.2;
}
.student.en .animation023 .animation023-contaner .animation023-item .text .highlight {
  font-weight: 700;
}
.student.en .animation023 .animation023-contaner .animation023-item .text .sub-task-text {
  display: inline-block;
}
.student.en .animation023 .animation023-contaner .animation023-item .text .sub-task-text button {
  font-size: 17px !important;
  padding: 0;
  position: relative;
}
.student.en .animation023 .animation023-contaner .animation023-item .text .sub-task-text button .click-point {
  position: absolute;
  width: 50px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  bottom: -25px;
  right: -40px;
}
@media (max-width: 1024px) {
  .student .animation023 {
    margin-right: 0;
  }
  .student .animation023 .animation023-contaner .animation023-item .text {
    padding: 65% 22% 10% 15%;
    font-size: 2rem;
    line-height: 1.5;
  }
  .student .animation023 .animation023-contaner .animation023-item .text .sub-task-text button {
    font-size: 2rem !important;
  }
  .student.en .animation023 .animation023-contaner {
    width: calc(28% - 1.5rem);
  }
}
@media (max-width: 768px) {
  .student .animation023 .animation023-contaner .animation023-item .text {
    padding: 65% 20% 10% 15%;
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .student .animation023 .animation023-contaner .animation023-item .text .sub-task-text button {
    font-size: 1.6rem !important;
  }
  .student.en .animation023 .animation023-contaner {
    width: calc(30% - 1.5rem);
  }
  .student.en .animation023 .animation023-contaner .animation023-item .text {
    font-size: 1.6rem;
    line-height: 1.2;
  }
}
@media (max-width: 480px) {
  .student .animation023 {
    justify-content: center;
  }
  .student .animation023 .animation023-contaner {
    width: calc(50% - 1rem);
  }
  .student .animation023 .animation023-contaner .animation023-item .text {
    padding: 70% 15% 10% 15%;
    font-size: 1.8rem;
    line-height: 1.4;
  }
  .student .animation023 .animation023-contaner .animation023-item .text .sub-task-text button {
    font-size: 1.6rem !important;
  }
  .student.en .animation023 .animation023-contaner {
    width: 60%;
  }
  .student.en .animation023 .animation023-contaner .animation023-item .text {
    font-size: 1.6rem;
    line-height: 1.2;
  }
}

.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation025.student900-2-a025 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 56px;
  position: relative;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation025.student900-2-a025 .animation025-item {
  position: relative;
  width: 25%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-self: stretch;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation025.student900-2-a025 .animation025-item .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  bottom: -50px;
  left: 50%;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation025.student900-2-a025 .animation025-item .animation025-color-div {
  height: 10px;
  width: 70%;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation025.student900-2-a025 .animation025-item .animation025-gray-div {
  height: 13px;
  width: 80%;
  background-color: #f5f5f5;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation025.student900-2-a025 .animation025-item .animation025-title {
  color: #ffffff;
  width: 95%;
  font-size: 1.75rem;
  line-height: 1.2;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  min-height: 100px;
  display: flex;
  padding: 1rem;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation025.student900-2-a025 .animation025-item .animation025-text {
  display: flex;
  justify-content: center;
  width: 80%;
  font-size: 20px;
  line-height: 1.5;
  padding: 1rem 1.5rem;
  background-color: #f5f5f5;
  flex-grow: 1;
  cursor: pointer;
}
.cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation025.student900-2-a025 .animation025-item {
  align-self: stretch;
}
.cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation025.student900-2-a025 .animation025-item .animation025-title {
  font-size: 1.5rem;
  line-height: 1.2;
  min-height: 118px;
}
.cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation025.student900-2-a025 .animation025-item .animation025-text {
  height: auto;
  font-size: 1.3rem;
  line-height: 1.2;
  flex-grow: 1;
}
@media (max-width: 1521px) {
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation025.student900-2-a025 {
    flex-wrap: wrap;
    padding: 0;
    grid-gap: 2rem;
    gap: 2rem;
    grid-row-gap: 4rem;
    row-gap: 4rem;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation025.student900-2-a025 .animation025-item {
    width: calc(33.33% - 2rem);
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation025.student900-2-a025 .animation025-item .animation025-title {
    font-size: 2rem;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation025.student900-2-a025 .animation025-item .animation025-text {
    height: auto;
    min-height: 130px;
    font-size: 1.6rem;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation025.student900-2-a025 .animation025-item .animation025-text {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    min-height: 130px;
  }
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation025.student900-2-a025 {
    flex-wrap: wrap;
    padding: 0;
    grid-gap: 2rem;
    gap: 2rem;
    grid-row-gap: 4rem;
    row-gap: 4rem;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation025.student900-2-a025 .animation025-item .animation025-title {
    font-size: 2rem;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation025.student900-2-a025 .animation025-item .animation025-text {
    height: auto;
    min-height: 130px;
    font-size: 1.6rem;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation025.student900-2-a025 .animation025-item .animation025-text {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    min-height: 130px;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation025.student900-2-a025 .animation025-item {
    margin-bottom: 2rem;
    position: relative;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation025.student900-2-a025 .animation025-item .click-point {
    position: absolute;
    width: 100px;
    transform: rotate(-45deg);
    z-index: 10;
    transition: all 800ms linear 0s;
    bottom: -50px;
    left: unset;
    right: 0;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation025.student900-2-a025 .animation025-item .animation025-text {
    min-height: 110px;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation025.student900-2-a025 .animation025-item .animation025-title {
    font-size: 1.8rem;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation025.student900-2-a025 .animation025-item .animation025-text {
    font-size: 1.5rem;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation025.student900-2-a025 {
    grid-row-gap: 2rem;
    row-gap: 2rem;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation025.student900-2-a025 .animation025-item {
    width: 60%;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation025.student900-2-a025 .animation025-item .click-point {
    width: 50px;
    bottom: -25px;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation025.student900-2-a025 .animation025-item .animation025-title {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation025.student900-2-a025 .animation025-item .animation025-text {
    min-height: 130px;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation025.student900-2-a025 .animation025-item {
    width: 75%;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation025.student900-2-a025 .animation025-item .animation025-title {
    font-size: 2rem;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation025.student900-2-a025 .animation025-item .animation025-text {
    font-size: 1.6rem;
  }
}

.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation045 {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  margin-top: 3.5rem;
  padding-right: 3.5rem;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation045 .animation045-item {
  position: relative;
  width: calc(20% - 1rem);
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 300px;
  cursor: pointer;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation045 .animation045-item .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  bottom: -50px;
  right: -50px;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation045 .animation045-item .animation045-rectangle-div {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
  padding: 1rem 1rem 3rem 1rem;
  border: 2px solid white;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation045 .animation045-item .animation045-rectangle-div .animation045-title {
  width: 100%;
  min-height: 72px;
  font-size: 48px;
  line-height: 1.2;
  color: white;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation045 .animation045-item .animation045-rectangle-div .animation045-text {
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  font-size: 1.4rem;
  line-height: 1.4;
  color: white;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation045 .animation045-item .animation045-rectangle-div .animation045-text .sub-task-text {
  width: 100%;
  height: auto;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation045 .animation045-item .animation045-rectangle-div .animation045-text .sub-task-text button {
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  position: relative;
  color: white;
  font-size: 1.6rem !important;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation045 .animation045-item .animation045-rectangle-div .animation045-text .sub-task-text button .click-point1 {
  position: absolute;
  width: 30px;
  bottom: 0;
  right: 0;
  transform: rotate(315deg);
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation045 .animation045-item .animation045-rectangle-div.r0 {
  background: linear-gradient(90deg, #FF5267 0%, #792727 99.99%);
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation045 .animation045-item .animation045-rectangle-div.r1 {
  background: linear-gradient(90deg, #B84E21 0%, #F26927 38%, #FF7E52 100%);
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation045 .animation045-item .animation045-rectangle-div.r2 {
  background: linear-gradient(90deg, #2C8B76 0%, #3BB79C 100%);
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation045 .animation045-item .animation045-rectangle-div.r3 {
  background: linear-gradient(90deg, #3E93C3 0%, #8DD7FF 100%);
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation045 .animation045-item .animation045-rectangle-div.r4 {
  background: linear-gradient(90deg, #3F4D7F 0%, #3F6492 30%, #41A2C5 93.99%, #42A8CA 99.99%);
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation045 {
    width: 100%;
    padding-right: 0;
    grid-gap: 2rem;
    gap: 2rem;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation045 .animation045-item {
    width: calc(30% - 2rem);
    align-items: center;
    min-width: unset;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation045 .animation045-item .animation045-rectangle-div {
    width: 100%;
    padding: 2.5rem;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation045 .animation045-item .animation045-rectangle-div .animation045-title {
    font-size: 4rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation045 .animation045-item .animation045-rectangle-div .animation045-text {
    font-size: 2rem;
    line-height: 1.3;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation045 .animation045-item .animation045-rectangle-div .animation045-text {
    font-size: 1.8rem;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation045 .animation045-item .animation045-rectangle-div .animation045-text .sub-task-text button {
    font-size: 1.8rem !important;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation045 {
    padding-right: 0;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation045 .animation045-item {
    width: calc(30% - 2rem);
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation045 .animation045-item .animation045-rectangle-div {
    height: 200px;
    width: 200px;
    grid-gap: 1rem;
    gap: 1rem;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation045 .animation045-item .animation045-rectangle-div .animation045-title {
    font-size: 3rem;
    line-height: 1.2;
    min-height: 40px;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation045 .animation045-item .animation045-rectangle-div .animation045-text {
    font-size: 1.5rem;
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation045 {
    grid-row-gap: 1rem;
    row-gap: 1rem;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation045 .animation045-item .animation045-rectangle-div {
    width: 85%;
    grid-gap: 2rem;
    gap: 2rem;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    flex-grow: 1;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation045 .animation045-item .animation045-rectangle-div .animation045-title {
    min-height: 48px;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation045 .animation045-item {
    width: 60%;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation045 .animation045-item .click-point {
    width: 50px;
    right: 0;
    bottom: -25px;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation045 .animation045-item .animation045-rectangle-div {
    width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    min-height: 240px;
    padding: 2rem;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation045 .animation045-item .animation045-rectangle-div .animation045-title {
    min-height: 58px;
    display: flex;
    align-items: center;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation045 .animation045-item .animation045-rectangle-div .animation045-text {
    font-size: 1.6rem;
    line-height: 1.3;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation045 .animation045-item .animation045-rectangle-div .animation045-text .sub-task-text button {
    font-size: 1.5rem !important;
    padding: 9px;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation045 .animation045-item .animation045-rectangle-div .animation045-text .sub-task-text button .click-point1 {
    bottom: -1rem;
    right: -1.5rem;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation045 {
    grid-row-gap: 1rem;
    row-gap: 1rem;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation045 .animation045-item {
    width: 75%;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation045 .animation045-item .animation045-rectangle-div {
    width: 85%;
    height: 280px;
    grid-gap: 2rem;
    gap: 2rem;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation045 .animation045-item .animation045-rectangle-div .animation045-title {
    font-size: 3rem;
    min-height: 48px;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation045 .animation045-item .animation045-rectangle-div .animation045-text {
    font-size: 1.6rem;
  }
}

.student .animation028 {
  display: flex;
  justify-content: center;
  margin-right: 3.5rem;
}
.student .animation028 .animation028-position {
  width: 100%;
  max-width: 80vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  grid-gap: 0;
  gap: 0;
}
.student .animation028 .animation028-position .animation028-contaner {
  display: flex;
  grid-gap: 1rem;
  gap: 1rem;
  justify-content: space-between;
  width: calc(20% - 1.5rem);
}
.student .animation028 .animation028-position .animation028-contaner .animation028-item {
  width: 250px;
  position: relative;
}
.student .animation028 .animation028-position .animation028-contaner .animation028-item .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 100;
  transition: all 800ms linear 0s;
  bottom: 50%;
  right: -80px;
}
.student .animation028 .animation028-position .animation028-contaner .animation028-item.r2,
.student .animation028 .animation028-position .animation028-contaner .animation028-item.r4 {
  margin-top: 270px;
}
.student .animation028 .animation028-position .animation028-contaner .animation028-item.r1 .text,
.student .animation028 .animation028-position .animation028-contaner .animation028-item.r3 .text,
.student .animation028 .animation028-position .animation028-contaner .animation028-item.r5 .text {
  top: 0;
  bottom: unset;
  height: 290px;
}
.student .animation028 .animation028-position .animation028-contaner .animation028-item.r6 {
  margin-top: -10%;
}
.student .animation028 .animation028-position .animation028-contaner .animation028-item img {
  width: 250px;
}
.student .animation028 .animation028-position .animation028-contaner .animation028-item .text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  padding: 3rem;
  font-size: 1.3rem;
  line-height: 1.3;
}
.student .animation028 .animation028-position .animation028-contaner .animation028-item .text .sub-task-text {
  width: 100%;
  height: auto;
}
.student .animation028 .animation028-position .animation028-contaner .animation028-item .text .sub-task-text button {
  width: 100%;
  position: relative;
  color: #C02DF3;
  font-size: 1.3rem !important;
}
.student .animation028 .animation028-position .animation028-contaner .animation028-item .text .sub-task-text button .click-point1 {
  position: absolute;
  width: 30px;
  bottom: -15px;
  right: -10px;
  transform: rotate(315deg);
}
.animation028-modal-student .ant-modal-content .animation028-modal-header {
  margin: 4rem;
  margin-bottom: 1rem;
  margin-top: 1rem;
  margin-left: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 4rem;
  padding: 1rem;
  font-size: 2.625rem;
  font-weight: 500;
  border-left: 4px solid #837DFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.animation028-modal-student .ant-modal-content .ant-modal-body .next-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.8rem;
  width: 4.8rem;
  right: 0;
  bottom: 0;
  padding: 0;
}
.animation028-modal-student .ant-modal-content .ant-modal-body .next-button .click-point2 {
  position: absolute;
  bottom: 5rem;
  right: 5rem;
  width: 5rem;
  height: 5rem;
  transform: rotate(135deg);
}
.animation028-modal-student .ant-modal-content .ant-modal-body .next-button .arrow {
  margin: 0 auto;
}
.animation028-modal-student .ant-modal-content .ant-modal-body .prev-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.8rem;
  width: 4.8rem;
  left: 0;
  bottom: 0;
  padding: 0;
}
.animation028-modal-student .ant-modal-content .ant-modal-body .prev-button .click-point1 {
  position: absolute;
  bottom: 5rem;
  left: 5rem;
  width: 5rem;
  height: 5rem;
  transform: rotate(225deg);
}
.animation028-modal-student .ant-modal-content .ant-modal-body .prev-button .arrow {
  margin: 0 auto;
}
.animation028-modal-student .ant-modal-content .ant-modal-body .hide {
  display: none;
}
.animation028-modal-student .ant-modal-content .ant-modal-body .border {
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 1rem;
}
.animation028-modal-student .ant-modal-content .ant-modal-body .border img {
  width: 100%;
}
.animation028-modal-student .ant-modal-content .ant-modal-body .content {
  width: 50%;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 5rem;
  background: rgba(234, 75, 108, 0.2);
  border-radius: 5px;
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: 400;
  padding: 1.5rem;
  text-align: center;
}
.student.en .animation028 {
  margin-right: 12.5rem;
}
.student.en .animation028 .animation028-position .animation028-contaner {
  width: 20%;
}
.student.en .animation028 .animation028-position .animation028-contaner .animation028-item.r2,
.student.en .animation028 .animation028-position .animation028-contaner .animation028-item.r4 {
  margin-top: 385px;
}
.student.en .animation028 .animation028-position .animation028-contaner .animation028-item.r1 .text,
.student.en .animation028 .animation028-position .animation028-contaner .animation028-item.r3 .text,
.student.en .animation028 .animation028-position .animation028-contaner .animation028-item.r5 .text {
  height: 405px;
}
.student.en .animation028 .animation028-position .animation028-contaner .animation028-item.r6 {
  margin-top: -20px;
}
.student.en .animation028 .animation028-position .animation028-contaner .animation028-item .bg-img {
  width: 350px;
}
.student.en .animation028 .animation028-position .animation028-contaner .animation028-item .text {
  width: 350px;
  font-size: 1.4rem;
  line-height: 1.1;
  padding: 3rem 4.5rem;
}
@media (max-width: 1024px) {
  .student .animation028 {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 4rem;
    gap: 4rem;
    grid-row-gap: 4rem;
    row-gap: 4rem;
    margin-right: 0;
  }
  .student .animation028 .animation028-position {
    max-width: unset;
  }
  .student .animation028 .animation028-position .animation028-contaner {
    display: flex;
    grid-gap: 1rem;
    gap: 1rem;
    justify-content: space-between;
    width: calc(33.33% - 4rem);
  }
  .student .animation028 .animation028-position .animation028-contaner .animation028-item {
    width: 100%;
    position: relative;
  }
  .student .animation028 .animation028-position .animation028-contaner .animation028-item .click-point {
    position: absolute;
    width: 100px;
    transform: rotate(-45deg);
    z-index: 100;
    transition: all 800ms linear 0s;
    bottom: 0;
    right: 0;
  }
  .student .animation028 .animation028-position .animation028-contaner .animation028-item.r2,
  .student .animation028 .animation028-position .animation028-contaner .animation028-item.r4,
  .student .animation028 .animation028-position .animation028-contaner .animation028-item.r6 {
    margin-top: 0;
  }
  .student .animation028 .animation028-position .animation028-contaner .animation028-item.r1 .text,
  .student .animation028 .animation028-position .animation028-contaner .animation028-item.r3 .text,
  .student .animation028 .animation028-position .animation028-contaner .animation028-item.r5 .text {
    top: 0;
    bottom: unset;
    height: 100%;
  }
  .student .animation028 .animation028-position .animation028-contaner .animation028-item img {
    width: 100%;
  }
  .student .animation028 .animation028-position .animation028-contaner .animation028-item .text {
    padding: 4.5rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .student .animation028 .animation028-position .animation028-contaner .animation028-item .text .sub-task-text button {
    font-size: 1.6rem !important;
  }
  .student .animation028 .animation028-position .animation028-contaner .animation028-item .text .sub-task-text button .click-point1 {
    right: 0;
  }
  .student.en .animation028 {
    grid-gap: 1rem;
    gap: 1rem;
    grid-row-gap: 3rem;
    row-gap: 3rem;
    justify-content: space-between;
    margin-right: 0;
  }
  .student.en .animation028 .animation028-position .animation028-contaner {
    width: calc(33.33% - 1rem);
  }
  .student.en .animation028 .animation028-position .animation028-contaner .animation028-item .click-point {
    position: absolute;
    width: 100px;
    transform: rotate(-45deg);
    z-index: 100;
    transition: all 800ms linear 0s;
    bottom: 0;
    right: 0;
  }
  .student.en .animation028 .animation028-position .animation028-contaner .animation028-item.r2,
  .student.en .animation028 .animation028-position .animation028-contaner .animation028-item.r4,
  .student.en .animation028 .animation028-position .animation028-contaner .animation028-item.r6 {
    margin-top: 0;
  }
  .student.en .animation028 .animation028-position .animation028-contaner .animation028-item.r1 .text,
  .student.en .animation028 .animation028-position .animation028-contaner .animation028-item.r3 .text,
  .student.en .animation028 .animation028-position .animation028-contaner .animation028-item.r5 .text {
    top: 0;
    bottom: unset;
    height: 100%;
  }
  .student.en .animation028 .animation028-position .animation028-contaner .animation028-item .bg-img {
    width: 100%;
  }
  .student.en .animation028 .animation028-position .animation028-contaner .animation028-item .text {
    width: 100%;
    padding: 5.5rem;
    font-size: 1.6rem;
    line-height: 1.2;
  }
  .student.en .animation028 .animation028-position .animation028-contaner .animation028-item .text .sub-task-text button {
    font-size: 1.5rem !important;
  }
  .student.en .animation028 .animation028-position .animation028-contaner .animation028-item .text .sub-task-text button .click-point1 {
    right: 0;
  }
}
@media (max-width: 768px) {
  .animation028-modal-student .ant-modal-content .animation028-modal-header {
    margin: 2rem;
    margin-top: 1rem;
    margin-bottom: 0;
  }
  .animation028-modal-student .ant-modal-content .ant-modal-body {
    padding-bottom: 6rem;
  }
  .animation028-modal-student .ant-modal-content .ant-modal-body .next-button .click-point2 {
    transform: rotate(90deg);
    bottom: 0;
  }
  .animation028-modal-student .ant-modal-content .ant-modal-body .prev-button .click-point1 {
    transform: rotate(270deg);
    bottom: 0;
  }
  .animation028-modal-student .ant-modal-content .ant-modal-body .border {
    margin-left: 2rem;
    margin-right: 2rem;
    margin-top: 0;
    margin-bottom: 1rem;
  }
  .animation028-modal-student .ant-modal-content .ant-modal-body .content {
    width: 80%;
  }
  .student .animation028 {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 1.5rem;
    gap: 1.5rem;
  }
  .student .animation028 .animation028-position .animation028-contaner {
    display: flex;
    grid-gap: 1rem;
    gap: 1rem;
    justify-content: space-between;
    width: calc(33.33% - 1.5rem);
  }
  .student .animation028 .animation028-position .animation028-contaner .animation028-item {
    width: 100%;
    position: relative;
    margin-top: 0 !important;
  }
  .student .animation028 .animation028-position .animation028-contaner .animation028-item .click-point {
    position: absolute;
    width: 100px;
    transform: rotate(-45deg);
    z-index: 100;
    transition: all 800ms linear 0s;
    bottom: 50%;
    right: -80px;
  }
  .student .animation028 .animation028-position .animation028-contaner .animation028-item.r1 .text,
  .student .animation028 .animation028-position .animation028-contaner .animation028-item.r3 .text,
  .student .animation028 .animation028-position .animation028-contaner .animation028-item.r5 .text {
    top: 0;
    bottom: unset;
    height: 100%;
  }
  .student .animation028 .animation028-position .animation028-contaner .animation028-item img {
    width: 100%;
  }
  .student .animation028 .animation028-position .animation028-contaner .animation028-item .text {
    display: flex;
    align-items: center;
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    padding: 4.5rem;
    font-size: 1.6rem;
    line-height: 1.4;
  }
  .student.en .animation028 {
    grid-gap: 5rem;
    gap: 5rem;
    grid-row-gap: 3rem;
    row-gap: 3rem;
    justify-content: center;
    margin-right: 0;
  }
  .student.en .animation028 .animation028-position .animation028-contaner {
    width: calc(50% - 8rem);
  }
  .student.en .animation028 .animation028-position .animation028-contaner .animation028-item .click-point {
    position: absolute;
    width: 100px;
    transform: rotate(-45deg);
    z-index: 100;
    transition: all 800ms linear 0s;
    bottom: 0;
    right: 0;
  }
  .student.en .animation028 .animation028-position .animation028-contaner .animation028-item.r2,
  .student.en .animation028 .animation028-position .animation028-contaner .animation028-item.r4 {
    margin-top: 0;
  }
  .student.en .animation028 .animation028-position .animation028-contaner .animation028-item.r1 .text,
  .student.en .animation028 .animation028-position .animation028-contaner .animation028-item.r3 .text,
  .student.en .animation028 .animation028-position .animation028-contaner .animation028-item.r5 .text {
    top: 0;
    bottom: unset;
    height: 100%;
  }
  .student.en .animation028 .animation028-position .animation028-contaner .animation028-item .bg-img {
    width: 100%;
  }
  .student.en .animation028 .animation028-position .animation028-contaner .animation028-item .text {
    width: 100%;
    padding: 5.5rem;
    font-size: 1.6rem;
    line-height: 1.2;
  }
  .student.en .animation028 .animation028-position .animation028-contaner .animation028-item .text .sub-task-text button {
    font-size: 1.5rem !important;
  }
  .student.en .animation028 .animation028-position .animation028-contaner .animation028-item .text .sub-task-text button .click-point1 {
    right: 0;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation028 {
    grid-gap: 0;
    gap: 0;
    justify-content: space-between;
    margin-right: 0;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation028 .animation028-contaner {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: calc(50% - 0.5rem);
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation028 .animation028-contaner .animation028-item.r2,
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation028 .animation028-contaner .animation028-item.r4 {
    margin-top: 0;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation028 .animation028-contaner .animation028-item.r1 .text,
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation028 .animation028-contaner .animation028-item.r3 .text,
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation028 .animation028-contaner .animation028-item.r5 .text {
    top: 0;
    bottom: unset;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation028 .animation028-contaner .animation028-item .text {
    padding: 2rem 3rem;
    font-size: 1.4rem;
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation028 .animation028-contaner .animation028-item .text .sub-task-text button {
    font-size: 1.4rem !important;
    padding: 0 !important;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation028 {
    justify-content: center;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation028 .animation028-position .animation028-contaner .animation028-item.r2 .text,
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation028 .animation028-position .animation028-contaner .animation028-item.r4 .text {
    height: 106%;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation028 .animation028-position .animation028-contaner .animation028-item.r1 .text,
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation028 .animation028-position .animation028-contaner .animation028-item.r3 .text,
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation028 .animation028-position .animation028-contaner .animation028-item.r5 .text {
    top: 0;
    bottom: unset;
    height: 98%;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation028 .animation028-position .animation028-contaner .animation028-item .text {
    font-size: 1.4rem;
    padding: 4.5rem;
  }
}

.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation033 {
  position: relative;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  grid-gap: 2rem;
  gap: 2rem;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation033 .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  top: 10rem;
  left: 40rem;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation033 .animation033-content {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  grid-row-gap: 4rem;
  row-gap: 4rem;
  align-content: center;
  justify-content: center;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item {
  width: calc(50% - 1rem);
  height: 6rem;
  display: flex;
  align-items: center;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-triangle {
  width: 0;
  height: 0;
  border-top: 3rem solid white;
  border-right: 0 solid white;
  border-bottom: 3rem solid white;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent {
  display: flex;
  flex-direction: row;
  width: 80%;
  height: 100%;
  justify-content: center;
  align-items: center;
  grid-gap: 1rem;
  gap: 1rem;
  padding-left: 1rem;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .animation033-indicator {
  width: 30%;
  height: calc(100% - 2rem);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  font-size: 3.5rem;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .animation033-body {
  width: 70%;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .animation033-body .animation033-text {
  color: white;
  width: 100%;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.2;
  text-align: left;
  padding-left: 0;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .animation033-body .sub-task-text {
  position: relative;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .animation033-body .sub-task-text .click-point1 {
  width: 40px !important;
  position: absolute;
  bottom: -30%;
  right: -10%;
  transform: rotate(270deg);
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .animation033-body .sub-task-text .ant-btn {
  cursor: pointer;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .animation033-body .sub-task-text .ant-btn > span {
  font-size: 1.5rem;
  color: #FFFFFF;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r1 .animation033-subcontent {
  background-color: #FA364D;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r1 .animation033-subcontent .animation033-indicator {
  color: #FA364D;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r1 .animation033-triangle {
  border-left: 5rem solid #FA364D;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r2 .animation033-subcontent {
  background-color: #36ADB4;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r2 .animation033-subcontent .animation033-indicator {
  color: #36ADB4;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r2 .animation033-triangle {
  border-left: 5rem solid #36ADB4;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r3 .animation033-subcontent {
  background-color: #172E5B;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r3 .animation033-subcontent .animation033-indicator {
  color: #172E5B;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r3 .animation033-triangle {
  border-left: 5rem solid #172E5B;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r4 .animation033-subcontent {
  background-color: #F25E0F;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r4 .animation033-subcontent .animation033-indicator {
  color: #F25E0F;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r4 .animation033-triangle {
  border-left: 5rem solid #F25E0F;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r5 .animation033-subcontent {
  background-color: #0F77F2;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r5 .animation033-subcontent .animation033-indicator {
  color: #0F77F2;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r5 .animation033-triangle {
  border-left: 5rem solid #0F77F2;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r6 .animation033-subcontent {
  background-color: #0ED481;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r6 .animation033-subcontent .animation033-indicator {
  color: #0ED481;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r6 .animation033-triangle {
  border-left: 5rem solid #0ED481;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r7 .animation033-subcontent {
  background-color: #E921BD;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r7 .animation033-subcontent .animation033-indicator {
  color: #E921BD;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item.r7 .animation033-triangle {
  border-left: 5rem solid #E921BD;
}
.cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item {
  width: 100%;
  height: 9rem;
}
.cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-triangle {
  border-top: 4.5rem solid white;
  border-right: 4.5rem solid white;
  border-bottom: 4.5rem solid white;
}
.cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .animation033-indicator {
  width: 25%;
}
.cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .animation033-body {
  width: 75%;
}
.cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .animation033-body .animation033-text {
  font-size: 24px;
}
.cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .animation033-body .sub-task-text .ant-btn {
  cursor: pointer;
}
@media (max-width: 1600px) {
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .animation033-body .animation033-text {
    font-size: 22px;
    line-height: 1.1;
  }
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation033 .animation033-content {
    padding-right: 0 !important;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item {
    height: 9rem;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-indicate-number .number {
    text-align: center;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .animation033-body .animation033-text {
    font-size: 1.5rem;
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-triangle {
    width: 0;
    height: 0;
    border-top: 4.5rem solid white;
    border-right: 4.5rem solid white;
    border-bottom: 4.5rem solid white;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content {
    padding-right: 0 !important;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item {
    height: 9rem;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-indicate-number .number {
    text-align: center;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .animation033-body .animation033-text {
    font-size: 1.6rem;
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-triangle {
    width: 0;
    height: 0;
    border-top: 4.5rem solid white;
    border-right: 4.5rem solid white;
    border-bottom: 4.5rem solid white;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation033 .animation033-content {
    flex-wrap: wrap;
    height: unset;
    grid-row-gap: 2rem;
    row-gap: 2rem;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item {
    padding-left: 0 !important;
    width: 100%;
    justify-content: flex-end;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent {
    width: 80%;
    height: 7rem;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .animation033-body .sub-task-text .click-point1 {
    width: 40px !important;
    position: absolute;
    bottom: -15%;
    right: -20%;
    transform: rotate(270deg);
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-indicate-number {
    min-width: 11rem;
    height: 3.625rem;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-indicate-number .number {
    text-align: center;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-indicate-number .animation033-icon {
    width: 5.5rem;
    height: 5.5rem;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-triangle {
    width: 0;
    height: 0;
    border-top: 3.5rem solid white;
    border-right: 3.5rem solid white;
    border-bottom: 3.5rem solid white;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent {
    height: 9rem;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .animation033-body .animation033-text {
    font-size: 1.4rem;
    line-height: 1.2;
  }
}
@media (max-width: 480px) {
  .animation033-modal {
    width: 100% !important;
  }
  .animation033-modal .ant-modal-content .animation033-modal-header {
    margin-left: 0;
  }
  .animation033-modal .ant-modal-content .ant-modal-body .next-button .click-point2 {
    bottom: 0rem;
    transform: rotate(90deg);
  }
  .animation033-modal .ant-modal-content .ant-modal-body .prev-button .click-point1 {
    bottom: 0;
    transform: rotate(270deg);
  }
  .animation033-modal .ant-modal-content .ant-modal-body .content {
    width: 100%;
    margin-top: 2rem;
    font-size: 1.4rem;
  }
  .animation033-modal .ant-modal-content .ant-modal-body .border {
    margin: 0;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent {
    height: 9rem;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .animation033-body {
    width: 75%;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item {
    height: 12rem;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent {
    height: 12rem;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-triangle {
    border-top: 6rem solid white;
    border-right: 0 solid white;
    border-bottom: 6rem solid white;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .animation033-body .animation033-text {
    display: inline-block;
    line-height: 1.1;
    width: 100%;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation033 .animation033-content {
    flex-wrap: wrap;
    grid-row-gap: 2rem;
    row-gap: 2rem;
    width: 100%;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item {
    padding-left: 0 !important;
    width: 100%;
    justify-content: flex-end;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent {
    width: 100%;
    height: 9rem;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .animation033-body .animation033-text {
    font-size: 1.4rem;
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-indicate-number {
    min-width: 11rem;
    height: 3.625rem;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-indicate-number .number {
    text-align: center;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-indicate-number .animation033-icon {
    width: 5.5rem;
    height: 5.5rem;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-triangle {
    width: 0;
    height: 0;
    border-top: 4.5rem solid white;
    border-right: 4.5rem solid white;
    border-bottom: 4.5rem solid white;
  }
}

.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation037 {
  margin-right: 3.5rem;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation037.student1600-1-a037 {
  display: flex;
  flex-direction: row;
  max-width: 1240px;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation037.student1600-1-a037 .animation037-tip {
  width: 25%;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation037.student1600-1-a037 .animation037-tip .tip {
  background-image: url(/static/media/9881.3dcc291c.png);
  background-size: cover;
  height: 42.5rem;
  width: 16.75rem;
  text-align: center;
  padding-top: 140px;
  padding-bottom: 355px;
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  line-height: 1.4;
  font-weight: 500;
  padding-left: 2rem;
  padding-right: 2rem;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation037.student1600-1-a037 .animation037-content {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 75%;
  grid-row-gap: unset;
  row-gap: unset;
  height: unset;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation037.student1600-1-a037 .animation037-content .animation037-item {
  width: calc(50% - 2rem);
  height: 150px;
  display: flex;
  align-items: center;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation037.student1600-1-a037 .animation037-content .animation037-item .animation037-indicate-number {
  width: 20%;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation037.student1600-1-a037 .animation037-content .animation037-item .animation037-indicate-number img {
  width: 100%;
  height: auto;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation037.student1600-1-a037 .animation037-content .animation037-item .animation037-subcontent {
  width: 80%;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation037.student1600-1-a037 .animation037-content .animation037-item .animation037-subcontent .animation037-text {
  font-size: 1.5rem;
  line-height: 1.3;
  padding-left: 20px;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation037.student1600-1-a037 .animation037-content .animation037-item .animation037-subcontent .sub-task-text {
  position: relative;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation037.student1600-1-a037 .animation037-content .animation037-item .animation037-subcontent .sub-task-text .click-point1 {
  width: 40px !important;
  position: absolute;
  bottom: -50%;
  right: -25%;
  transform: rotate(315deg);
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation037.student1600-1-a037 .animation037-content .animation037-item .animation037-subcontent .sub-task-text .ant-btn {
  background: #F26927;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation037.student1600-1-a037 .animation037-content .animation037-item .animation037-subcontent .sub-task-text .ant-btn > span {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  color: #FFFFFF;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation037.student1200-1-a037 .animation037-content .animation037-item .animation037-indicate-number img {
  width: 60%;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation037 .animation037-content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  grid-gap: 2rem;
  gap: 2rem;
  grid-row-gap: 4rem;
  row-gap: 4rem;
  justify-content: space-around;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item {
  width: 48%;
  display: flex;
  align-items: center;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item .animation037-indicate-number {
  width: 30%;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item .animation037-indicate-number img {
  width: 100%;
  height: auto;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item .animation037-subcontent {
  width: 70%;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item .animation037-subcontent .animation037-text {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  padding-left: 20px;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item .animation037-subcontent .sub-task-text {
  position: relative;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item .animation037-subcontent .sub-task-text .click-point1 {
  width: 40px !important;
  position: absolute;
  bottom: -50%;
  right: -25%;
  transform: rotate(315deg);
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item .animation037-subcontent .sub-task-text .ant-btn {
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item .animation037-subcontent .sub-task-text .ant-btn > span {
  color: #CA9200;
  font-size: 20px;
  font-weight: 500;
  line-height: 22px;
}
.animation037-modal-student .ant-modal-content .animation037-modal-header {
  margin: 4rem;
  margin-bottom: 1rem;
  margin-top: 1rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 4rem;
  padding: 1rem;
  font-size: 2.4rem;
  font-weight: 500;
  border-left: 6px solid #837DFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.animation037-modal-student .ant-modal-content .ant-modal-body .next-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.8rem;
  width: 4.8rem;
  right: 0;
  bottom: 0;
  padding: 0;
}
.animation037-modal-student .ant-modal-content .ant-modal-body .next-button .click-point2 {
  position: absolute;
  bottom: 5rem;
  right: 5rem;
  width: 5rem;
  height: 5rem;
  transform: rotate(135deg);
}
.animation037-modal-student .ant-modal-content .ant-modal-body .next-button .arrow {
  margin: 0 auto;
}
.animation037-modal-student .ant-modal-content .ant-modal-body .prev-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.8rem;
  width: 4.8rem;
  left: 0;
  bottom: 0;
  padding: 0;
}
.animation037-modal-student .ant-modal-content .ant-modal-body .prev-button .click-point1 {
  position: absolute;
  bottom: 5rem;
  left: 5rem;
  width: 5rem;
  height: 5rem;
  transform: rotate(225deg);
}
.animation037-modal-student .ant-modal-content .ant-modal-body .prev-button .arrow {
  margin: 0 auto;
}
.animation037-modal-student .ant-modal-content .ant-modal-body .hide {
  display: none;
}
.animation037-modal-student .ant-modal-content .ant-modal-body .border {
  margin-left: 12rem;
  margin-right: 12rem;
  margin-top: 0;
  margin-bottom: 1rem;
}
.animation037-modal-student .ant-modal-content .ant-modal-body .border img {
  width: 100%;
  max-width: 500px;
  padding-bottom: 3rem;
}
.animation037-modal-student .ant-modal-content .ant-modal-body .content {
  width: 37.5rem;
  margin-left: 12rem;
  margin-right: 12rem;
  margin-top: 0;
  margin-bottom: 5rem;
  background: rgba(234, 75, 108, 0.2);
  border-radius: 5px;
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: 400;
  padding: 1.5rem;
  text-align: center;
}
.animation037-modal-student .ant-modal-content .ant-modal-body .tip {
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: 500;
  padding: 1rem;
}
@media (max-width: 1024px) {
  .animation037-modal-student {
    width: 90% !important;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation037 {
    margin-right: 0;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation037.student1600-1-a037 .animation037-tip {
    display: none;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation037.student1600-1-a037 .animation037-content {
    width: 100%;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation037 .animation037-content {
    padding-right: 0 !important;
    grid-gap: 2rem;
    gap: 2rem;
    grid-row-gap: 4rem;
    row-gap: 4rem;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item .animation037-subcontent .animation037-text {
    font-size: 2rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation037.student200-1-c003 .component003-tip {
    padding: 4rem;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation037.student1200-3-a037 {
    margin-top: 0;
  }
}
@media (max-width: 768px) {
  .animation037-modal-student .ant-modal-content .animation037-modal-header {
    margin: 2rem;
    margin-top: 1rem;
    margin-bottom: 0;
  }
  .animation037-modal-student .ant-modal-content .ant-modal-body {
    padding-bottom: 6rem;
  }
  .animation037-modal-student .ant-modal-content .ant-modal-body .next-button .click-point2 {
    transform: rotate(90deg);
    bottom: 0;
  }
  .animation037-modal-student .ant-modal-content .ant-modal-body .prev-button .click-point1 {
    transform: rotate(270deg);
    bottom: 0;
  }
  .animation037-modal-student .ant-modal-content .ant-modal-body .border {
    margin-left: 2rem;
    margin-right: 2rem;
    margin-top: 0;
    margin-bottom: 1rem;
  }
  .animation037-modal-student .ant-modal-content .ant-modal-body .content {
    width: 80%;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation037 {
    margin-top: -8rem;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation037.student1200-1-a037 {
    margin-top: 3.5rem;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation037.student1600-1-a037 {
    margin-top: 0;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation037.student1600-1-a037 .animation037-tip {
    display: none;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation037.student1600-1-a037 .animation037-content {
    width: 100%;
    grid-gap: 1rem;
    gap: 1rem;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation037.student1600-1-a037 .animation037-content .animation037-item {
    width: calc(50% - 1rem);
    height: 100px;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation037 .animation037-content {
    flex-wrap: wrap;
    width: 100%;
    grid-row-gap: 2rem;
    row-gap: 2rem;
    height: 570px;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item {
    width: calc(50% - 2rem);
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item .animation037-indicate-number {
    width: 30%;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item .animation037-subcontent .animation037-text {
    font-size: 1.8rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation037.student930-1-a037 {
    margin-top: 0;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation037.student930-1-a037 .animation037-subcontent .animation037-text {
    font-size: 1.8rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation037.student930-1-a037 .animation037-content .animation037-item .animation037-subcontent .sub-task-text .ant-btn > span {
    font-size: 1.4rem;
    line-height: 1.4;
  }
}
@media (max-width: 480px) {
  .student .animation037-modal {
    width: 100% !important;
  }
  .student .animation037-modal .ant-modal-content .animation037-modal-header {
    margin-left: 0;
  }
  .student .animation037-modal .ant-modal-content .ant-modal-body .next-button .click-point2 {
    bottom: 0rem;
    transform: rotate(90deg);
  }
  .student .animation037-modal .ant-modal-content .ant-modal-body .prev-button .click-point1 {
    bottom: 0;
    transform: rotate(270deg);
  }
  .student .animation037-modal .ant-modal-content .ant-modal-body .content {
    width: 100%;
    margin-top: 2rem;
    font-size: 1.4rem;
  }
  .student .animation037-modal .ant-modal-content .ant-modal-body .border {
    margin: 0;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation037 {
    margin-top: 0 ;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation037.student1200-1-a037 {
    margin-top: 0;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation037.student1600-1-a037 {
    margin-top: 0;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation037.student1600-1-a037 .animation037-tip {
    display: none;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation037.student1600-1-a037 .animation037-content {
    width: 100%;
    grid-gap: 1rem;
    gap: 1rem;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation037.student1600-1-a037 .animation037-content .animation037-item {
    width: 100%;
    height: 100px;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation037 .animation037-content {
    flex-wrap: wrap;
    flex-direction: column;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item {
    width: 100%;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item .animation037-subcontent .animation037-text {
    font-size: 1.8rem;
    line-height: 1.5;
  }
}

.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation041 {
  display: flex;
  padding-right: 56px;
  justify-content: center;
  grid-gap: 1.5rem;
  gap: 1.5rem;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation041 .animation041-item {
  width: calc(25% - 3rem);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  background-size: 100%;
  background-repeat: no-repeat;
  padding-top: 4rem;
  min-height: 250px;
  position: relative;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation041 .animation041-item .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  bottom: 0;
  right: 0;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation041 .animation041-item .animation041-container {
  flex-grow: 1;
  margin-top: 1rem;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation041 .animation041-item .animation041-container .animation041-title {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  line-height: 1.3;
  font-weight: 600;
  text-align: center;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  min-height: 30px;
  padding-top: 1rem;
  min-height: 74px;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation041 .animation041-item .animation041-container .animation041-text {
  font-size: 18px;
  line-height: 1.4;
  padding: 1rem 1.5rem 0 1.5rem;
  text-align: center;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation041 .animation041-item .animation041-image {
  width: 100%;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation041 .animation041-item .animation041-image:last-child {
  margin-top: -20px;
}
.cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation041 .animation041-item .animation041-container .animation041-title {
  font-size: 22px;
  line-height: 1.2;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  min-height: 55px;
  padding: 0 1rem;
}
.cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation041 .animation041-item .animation041-container .animation041-text {
  font-size: 16px;
  line-height: 1.2;
  padding: 1rem;
}
@media (max-width: 1500px) {
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation041 .animation041-item {
    padding-top: 2.5rem;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation041 .animation041-item .animation041-text {
    font-size: 17px;
  }
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation041 {
    flex-wrap: wrap;
    padding: 0;
    width: 75%;
    margin: 3.5rem auto;
    grid-gap: 3rem;
    gap: 3rem;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation041 .animation041-item {
    padding-top: 0;
    width: calc(33% - 3rem);
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation041 .animation041-item .click-point {
    bottom: 0;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation041 .animation041-item .animation041-container .animation041-text {
    font-size: 2rem;
    line-height: 1.3;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation041.student1600-1-a041 .animation041-item {
    min-height: 400px;
    grid-gap: 1rem;
    gap: 1rem;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation041.student1600-1-a041 .animation041-item .animation041-title {
    font-size: 1.375rem;
    min-height: 63px;
    display: flex;
    align-items: center;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation041.student1600-1-a041 .animation041-item .animation041-text {
    font-size: 1rem;
    line-height: 1.3;
    padding: 1rem 1.5rem;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation041 .animation041-item {
    width: calc(50% - 5rem);
    margin-bottom: 2rem;
    position: relative;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation041 .animation041-item .click-point {
    position: absolute;
    width: 100px;
    transform: rotate(-45deg);
    z-index: 10;
    transition: all 800ms linear 0s;
    bottom: -50px;
    left: unset;
    right: 0;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation041 .animation041-item .animation041-container .animation041-title {
    min-height: 80px;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation041 .animation041-item .animation041-container .animation041-text {
    min-height: 135px;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation041 {
    grid-row-gap: 2rem;
    row-gap: 2rem;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation041.student1600-1-a041 .animation041-item .click-point {
    width: 50px;
    bottom: -25px;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation041.student1600-1-a041 .animation041-item .animation041-title {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation041.student1600-1-a041 .animation041-item .animation041-text {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation041 .animation041-item {
    width: 65%;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation041 .animation041-item .click-point {
    width: 50px;
    bottom: -25px;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation041 .animation041-item .animation041-container {
    padding: 0 1rem;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation041 .animation041-item .animation041-container .animation041-text {
    font-size: 1.5rem !important;
    padding: 0;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation041 .animation041-item .animation041-container .animation041-title {
    font-size: 1.8rem;
    padding: 1rem;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation041.student900-2-a041 .animation041-item {
    width: 85%;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation041.student900-2-a041 .animation041-item .click-point {
    width: 50px;
    bottom: -25px;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation041 .animation041-item {
    width: 80%;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation041 .animation041-item .animation041-container {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
}

.student .animation043-content {
  position: relative;
  margin-right: 3.5rem;
}
.student .animation043-content .animation043 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.student .animation043-content .animation043 .animation043-item {
  display: flex;
  flex-direction: column;
  grid-gap: 0.5rem;
  gap: 0.5rem;
  width: calc(16.5% - 1rem);
}
.student .animation043-content .animation043 .animation043-item .animation043-head .animation043-time {
  position: relative;
  font-size: 20px;
  left: -30%;
}
.student .animation043-content .animation043 .animation043-item .animation043-head .animation043-title {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 5rem;
  position: relative;
  width: 130%;
  left: -30%;
  font-size: 18px;
  color: #fff;
  background-size: 100% 85% !important;
}
.student .animation043-content .animation043 .animation043-item .animation043-head .animation043-title div {
  text-align: center;
  width: 60%;
}
.student .animation043-content .animation043 .animation043-item .animation043-hide-block {
  display: none;
  position: absolute;
  top: 0;
  width: 30%;
  height: 100%;
  background: #fff;
}
.student .animation043-content .animation043 .animation043-item .animation043-list {
  font-size: 20px;
  line-height: 1.5;
}
.student .animation043-content .animation043 .animation043-item .animation043-list .animation043-line {
  height: 10px;
}
.student .animation043-content .animation043 .animation043-item .animation043-list ul {
  padding-left: 20px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
  margin-top: 2rem;
}
.student .animation043-content .animation043 .animation043-item .animation043-list ul li {
  margin-bottom: 0.5rem;
}
.student .animation043-content .animation043 .animation043-item-0 .animation043-head .animation043-time {
  left: 0;
}
.student .animation043-content .animation043 .animation043-item-0 .animation043-head .animation043-title {
  width: 100%;
  left: 0;
}
.student .animation043-content .animation043 .animation043-item-0 .animation043-head .animation043-title div {
  position: relative;
  left: -10%;
}
.student.en .animation043-content .animation043 .animation043-item .animation043-head .animation043-title {
  font-size: 16px;
}
.student.en .animation043-content .animation043 .animation043-item .animation043-head .animation043-title div {
  width: 65%;
}
.student.en .animation043-content .animation043 .animation043-item .animation043-list ul {
  margin-top: 1rem;
  line-height: 1.2;
}
@media (max-width: 1024px) {
  .student .animation043-content {
    margin-right: 0;
    margin-bottom: 10rem;
  }
  .student .animation043-content .animation043 {
    grid-gap: 1rem;
    gap: 1rem;
    justify-content: flex-start;
    margin-left: 10%;
  }
  .student .animation043-content .animation043 .animation043-item {
    width: calc(33% - 1rem);
  }
  .student .animation043-content .animation043 .animation043-item .animation043-head .animation043-time {
    position: relative;
    font-size: 2.2rem;
    line-height: 1.5;
    left: -20%;
  }
  .student .animation043-content .animation043 .animation043-item .animation043-head .animation043-title {
    background-size: 100% 100% !important;
    width: 120%;
    font-size: 1.5rem;
    margin-bottom: 0;
    left: -20%;
  }
  .student .animation043-content .animation043 .animation043-item .animation043-head .animation043-title div {
    margin-left: -10%;
    width: 50%;
  }
  .student .animation043-content .animation043 .animation043-item .animation043-line {
    display: none;
  }
  .student .animation043-content .animation043 .animation043-item .animation043-list {
    position: relative;
    width: 85%;
  }
  .student .animation043-content .animation043 .animation043-item .animation043-list .animation043-text {
    font-size: 1.5rem;
  }
  .student.en .animation043-content .animation043 .animation043-item .animation043-head .animation043-title {
    min-height: 60px;
  }
  .student.en .animation043-content .animation043 .animation043-item .animation043-head .animation043-title div {
    width: 60%;
  }
}
@media (max-width: 768px) {
  .student .animation043-content .animation043 {
    justify-content: flex-start;
  }
  .student .animation043-content .animation043 .animation043-item {
    width: calc(50% - 1rem);
  }
  .student .animation043-content .animation043 .animation043-item .animation043-head .animation043-time {
    left: -20%;
  }
  .student .animation043-content .animation043 .animation043-item .animation043-head .animation043-title {
    font-size: 1.5rem;
    left: -20%;
    margin-bottom: 0;
  }
  .student .animation043-content .animation043 .animation043-item .animation043-head .animation043-title div {
    width: 50%;
  }
  .student .animation043-content .animation043 .animation043-item .animation043-line {
    display: none;
  }
  .student .animation043-content .animation043 .animation043-item .animation043-list {
    font-size: 1.6rem;
  }
}
@media (max-width: 480px) {
  .student.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation043-content {
    margin-right: 0;
    margin-bottom: 5rem;
  }
  .student.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation043-content .animation043 {
    margin-bottom: 5rem !important;
    justify-content: flex-start;
  }
  .student.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation043-content .animation043 .animation043-item {
    width: 100%;
  }
  .student.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation043-content .animation043 .animation043-item .animation043-head .animation043-time {
    left: 0;
  }
  .student.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation043-content .animation043 .animation043-item .animation043-head .animation043-title {
    width: 100%;
    left: 0;
    font-size: 1.5rem;
  }
  .student.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation043-content .animation043 .animation043-item .animation043-head .animation043-title div {
    width: 65%;
  }
  .student.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation043-content .animation043 .animation043-item .animation043-line {
    display: none;
  }
  .student.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation043-content .animation043 .animation043-item .animation043-list {
    font-size: 1.6rem;
  }
  .student.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation043-content .animation043 .animation043-item .animation043-list ul {
    margin: 2rem 5% 0 15%;
  }
  .student.en .animation043-content .animation043 .animation043-item .animation043-line {
    display: none;
  }
  .student.en .animation043-content .animation043 .animation043-item .animation043-list {
    font-size: 2rem;
  }
}

.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation044 {
  max-width: 1680px;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation044 .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  top: 10rem;
  left: 40rem;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation044 .animation044-content {
  display: flex;
  flex-wrap: wrap;
  width: 90%;
  grid-row-gap: 2rem;
  row-gap: 2rem;
  align-content: center;
  margin: 3.5rem auto;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item {
  width: calc(50% - 1rem);
  height: 10rem;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item .animation044-position {
  width: 110%;
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
  background: url(/static/media/a033.3fc729b7.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 0 20%;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item .animation044-position .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  left: 90%;
  bottom: 0;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item .animation044-position .animation044-subcontent {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  grid-gap: 1rem;
  gap: 1rem;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item .animation044-position .animation044-subcontent .animation044-indicator {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 6rem;
  font-weight: 500;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item .animation044-position .animation044-subcontent .animation044-body {
  width: 70%;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item .animation044-position .animation044-subcontent .animation044-body .animation044-text,
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item .animation044-position .animation044-subcontent .animation044-body .linkDetail {
  width: 100%;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  text-align: left;
  padding-left: 0;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item.r1 .animation044-subcontent .animation044-indicator {
  color: #469EEE;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item.r2 {
  margin-top: 6rem;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item.r2 .animation044-subcontent .animation044-indicator {
  color: #FF99E9;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item.r3 {
  margin-top: -6rem;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item.r3 .animation044-subcontent .animation044-indicator {
  color: #00C843;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item.r4 .animation044-subcontent .animation044-indicator {
  color: #16D4C9;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item.r5 {
  margin-top: -6rem;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item.r5 .animation044-subcontent .animation044-indicator {
  color: #D2B30F;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item.r6 .animation044-subcontent .animation044-indicator {
  color: #454CFA;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item.r7 {
  margin-top: -6rem;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item.r7 .animation044-subcontent .animation044-indicator {
  color: #EA984D;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item.r8 .animation044-subcontent .animation044-indicator {
  color: #C52857;
}
.cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item .animation044-position {
  padding: 0 15%;
}
.cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item .animation044-position .animation044-subcontent .animation044-body .animation044-text,
.cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item .animation044-position .animation044-subcontent .animation044-body .linkDetail {
  line-height: 1.2;
}
@media (max-width: 1500px) {
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item .animation044-position .animation044-subcontent .animation044-body .animation044-text,
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item .animation044-position .animation044-subcontent .animation044-body .linkDetail {
    font-size: 16px;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item .animation044-position .animation044-subcontent .animation044-indicator {
    width: 25%;
    font-size: 5rem;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item .animation044-position .animation044-subcontent .animation044-body {
    width: 75%;
  }
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation044 .animation044-content {
    width: 95%;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item .animation044-position .animation044-subcontent .animation044-body .animation044-text,
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item .animation044-position .animation044-subcontent .animation044-body .linkDetail {
    font-size: 1.6rem;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation044 .animation044-content {
    width: 98%;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item .animation044-position {
    padding: 0 15%;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item .animation044-position .animation044-subcontent .animation044-body .animation044-text,
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item .animation044-position .animation044-subcontent .animation044-body .linkDetail {
    font-size: 1.4rem;
    line-height: 1.3;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation044 {
    margin-top: 0;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation044 .animation044-content {
    width: 100%;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item {
    width: 100%;
    margin: 0 !important;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item .animation044-position {
    width: 100%;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation044 {
    margin-top: 0;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item {
    height: 120px;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item .animation044-position {
    padding: 0 12%;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item .animation044-position .animation044-subcontent {
    padding: 1rem;
  }
}

.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .phishing-indentify-section {
  margin-bottom: 10rem;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-desc {
  height: 85px;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .phishing-indentify-section.student1400-1-c001 .phishing-indentify-tabs {
  justify-content: flex-end;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .phishing-indentify-section.student1400-1-c001 .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item {
  justify-content: space-around;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .phishing-indentify-section.student1400-1-c001 .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
  width: auto;
  max-height: 600px;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .phishing-indentify-section.student1400-2-c001 .phishing-indentify-tabs .phishing-indentify-tab {
  min-height: 135px;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .phishing-indentify-section.student1400-2-c001 .phishing-indentify-desc {
  height: 100px;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .phishing-indentify-section.student1400-2-c001 .phishing-indentify-tabs {
  justify-content: flex-end;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .phishing-indentify-section.student1400-2-c001 .phishing-indentify-container {
  height: calc(438px + 5vw) !important;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .phishing-indentify-section.student1400-2-c001 .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item {
  justify-content: center;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .phishing-indentify-section.student1400-2-c001 .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
  width: auto;
  max-height: 600px;
}
.cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-desc {
  height: 35px;
}
.cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .phishing-indentify-section.student1400-2-c001 .phishing-indentify-tabs .phishing-indentify-tab {
  min-height: 150px;
}
.cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .phishing-indentify-section.student1400-2-c001 .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
  width: auto;
  max-height: 600px;
}
.cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .phishing-indentify-section .title {
  width: 40%;
  margin-bottom: 5rem;
}
.cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs {
  width: 55%;
  grid-gap: 1rem;
  gap: 1rem;
}
.cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab {
  width: calc(33.33% - 1rem);
  font-size: 20px;
  line-height: 1.2;
  min-height: 125px;
}
@media (max-width: 1524px) {
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs {
    width: 55%;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .phishing-indentify-section .title {
    margin-bottom: 3.5rem;
  }
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.student1400-1-c001 .phishing-indentify-desc {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.student1400-1-c001 .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item {
    justify-content: space-around;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.student1400-1-c001 .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    width: auto;
    top: 75px;
    max-height: 590px;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.student1400-2-c001 .phishing-indentify-container {
    height: calc(438px + 22vw) !important;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.student1400-2-c001 .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item {
    justify-content: center;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .title {
    margin-bottom: 3rem;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs {
    width: 100%;
    justify-content: flex-end;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab {
    font-size: 1.6rem;
    line-height: 1.2;
    width: 30vw;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 75px;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-desc {
    height: unset;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab {
    min-height: 80px;
    width: calc(33.33% - 1rem);
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.student1400-1-c001 .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item {
    justify-content: space-around;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.student1400-1-c001 .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    width: auto;
    max-height: 550px;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab {
    font-size: 1.5rem;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    min-height: 4vh;
    padding: 0.5rem 2rem;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 5vh;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.student1400-1-c001 .phishing-indentify-tabs .phishing-indentify-tab {
    min-height: 70px;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.student1400-1-c001 .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 65px;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.student1400-1-c001 .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    min-height: 50px;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.student1400-2-c001 .phishing-indentify-tabs .phishing-indentify-tab {
    min-height: 85px;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.student1400-2-c001 .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 65px;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.student1400-2-c001 .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    min-height: 50px;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    min-height: 8.5vh;
    padding: 0.5rem 2rem;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 9vh;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.student1400-1-c001 .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item {
    justify-content: space-around;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.student1400-1-c001 .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 55px;
    width: auto;
    max-height: 410px;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.student1400-1-c001 .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    min-height: 45px;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.student1400-2-c001 .phishing-indentify-container {
    height: calc(221px + 22vw) !important;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.student1400-2-c001 .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item {
    justify-content: space-around;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.student1400-2-c001 .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 55px;
    width: 300px;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.student1400-2-c001 .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    min-height: 45px;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    font-size: 1.4rem;
    line-height: 1.2;
    min-height: 4vh;
    padding: 0.5rem;
  }
  .cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 6vh;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .title {
    width: 100%;
    margin-bottom: 2rem;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab {
    min-height: 155px;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    min-height: 45px;
    padding: 0 1rem;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 50px;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.student1400-1-c001 .phishing-indentify-tabs .phishing-indentify-tab {
    min-height: 85px;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.student1400-1-c001 .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item.phishing-indentify-item:nth-child(3) img {
    top: 95px;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.student1400-1-c001 .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item.phishing-indentify-item:nth-child(3) .phishing-indentify-text {
    min-height: 88px;
    padding: 1rem;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.student1400-1-c001 .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 60px;
    max-height: 368px;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.student1400-1-c001 .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    min-height: 55px;
    padding: 1rem;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.student1400-2-c001 .phishing-indentify-tabs .phishing-indentify-tab {
    min-height: 110px;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.student1400-2-c001 .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item.phishing-indentify-item:nth-child(3) img {
    top: 88px;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.student1400-2-c001 .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item.phishing-indentify-item:nth-child(3) .phishing-indentify-text {
    min-height: 72px;
    padding: 1rem;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.student1400-2-c001 .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 75px;
    max-height: unset;
    width: 300px;
    height: auto;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.student1400-2-c001 .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    min-height: 55px;
    padding: 1rem;
  }
}

.student .component002 .cando-section .can-do .cando-body .cando-content ul li,
.student .component002 .cando-section .can-not-do .cando-body .cando-content ul li {
  margin-bottom: 1rem;
}
.student .component002 .cando-section .can-do .cando-body .cando-content ul li .cando-content-body .view-more,
.student .component002 .cando-section .can-not-do .cando-body .cando-content ul li .cando-content-body .view-more {
  width: auto;
}
.student .component002 .cando-section .can-do .cando-body .cando-content ul li .cando-content-body .view-more .view-more-btn,
.student .component002 .cando-section .can-not-do .cando-body .cando-content ul li .cando-content-body .view-more .view-more-btn {
  padding: 0;
  font-size: 1.3125rem;
  height: auto;
  position: relative;
  color: #0CA39A;
}
.student .component002 .cando-section .can-do .cando-body .cando-content ul li .cando-content-body .view-more .view-more-btn .click-point1,
.student .component002 .cando-section .can-not-do .cando-body .cando-content ul li .cando-content-body .view-more .view-more-btn .click-point1 {
  width: 40px;
  cursor: pointer;
  position: absolute;
  bottom: -10px;
  right: -45px;
  transform: rotate(270deg);
}
.component002-modal-student .ant-modal-content .component002-modal-header {
  margin: 4rem;
  margin-bottom: 1rem;
  margin-top: 1rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 4rem;
  padding: 1rem;
  font-size: 2.4rem;
  font-weight: 500;
  border-left: 6px solid #5384CC;
  display: flex;
  align-items: center;
  justify-content: center;
}
.component002-modal-student .ant-modal-content .ant-modal-body .next-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.8rem;
  width: 4.8rem;
  right: 0;
  bottom: 0;
  padding: 0;
}
.component002-modal-student .ant-modal-content .ant-modal-body .next-button .click-point2 {
  position: absolute;
  bottom: 5rem;
  right: 5rem;
  width: 5rem;
  height: 5rem;
  transform: rotate(135deg);
}
.component002-modal-student .ant-modal-content .ant-modal-body .next-button .arrow {
  margin: 0 auto;
}
.component002-modal-student .ant-modal-content .ant-modal-body .prev-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.8rem;
  width: 4.8rem;
  left: 0;
  bottom: 0;
  padding: 0;
}
.component002-modal-student .ant-modal-content .ant-modal-body .prev-button .click-point1 {
  position: absolute;
  bottom: 5rem;
  left: 5rem;
  width: 5rem;
  height: 5rem;
  transform: rotate(225deg);
}
.component002-modal-student .ant-modal-content .ant-modal-body .prev-button .arrow {
  margin: 0 auto;
}
.component002-modal-student .ant-modal-content .ant-modal-body .hide {
  display: none;
}
.component002-modal-student .ant-modal-content .ant-modal-body .border {
  margin-left: 12rem;
  margin-right: 12rem;
  margin-top: 0;
  margin-bottom: 1rem;
}
.component002-modal-student .ant-modal-content .ant-modal-body .border img {
  width: 100%;
}
.component002-modal-student .ant-modal-content .ant-modal-body .content {
  width: 37.5rem;
  margin-left: 12rem;
  margin-right: 12rem;
  margin-top: 0;
  margin-bottom: 5rem;
  background: rgba(234, 75, 108, 0.2);
  border-radius: 5px;
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: 400;
  padding: 1.5rem;
  text-align: center;
}
.component002-modal-student .ant-modal-content .ant-modal-body .tip {
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: 500;
  padding: 1rem;
}
@media (max-width: 1024px) {
  .component002-modal-student {
    width: 90% !important;
  }
  .student .component002 .cando-section .can-do .cando-body .cando-content ul li .cando-content-body .view-more .view-more-btn,
  .student .component002 .cando-section .can-not-do .cando-body .cando-content ul li .cando-content-body .view-more .view-more-btn {
    font-size: 1.6rem;
  }
}
@media (max-width: 480px) {
  .student .component002 .cando-section .can-do .cando-body .cando-content ul li .cando-content-body .view-more .view-more-btn .click-point1,
  .student .component002 .cando-section .can-not-do .cando-body .cando-content ul li .cando-content-body .view-more .view-more-btn .click-point1 {
    right: -34px;
  }
  .component002-modal-student .ant-modal-content .component002-modal-header {
    margin: 2rem;
  }
  .component002-modal-student .ant-modal-content .ant-modal-body .next-button .click-point2 {
    transform: rotate(90deg);
    bottom: 0;
  }
  .component002-modal-student .ant-modal-content .ant-modal-body .prev-button .click-point1 {
    transform: rotate(270deg);
    bottom: 0;
  }
  .component002-modal-student .ant-modal-content .ant-modal-body .border {
    margin-left: 2rem;
    margin-right: 2rem;
    margin-top: 0;
    margin-bottom: 1rem;
  }
  .component002-modal-student .ant-modal-content .ant-modal-body .content {
    width: 80%;
  }
}

.student .component003 {
  position: relative;
}
.student .component003 .component003-title {
  position: absolute;
  left: 2.5%;
  top: 5%;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.2;
}
.student .component003 .component003-tip {
  border: 1px solid #000;
  border-radius: 47%;
  position: absolute;
  font-size: 1.5rem;
  padding: 4rem;
  text-align: left;
  max-width: 42rem;
  min-height: 9rem;
  display: flex;
  align-items: center;
}
.student .component003 .component003-tip .tip-text {
  z-index: 1;
}
.student .component003 .tip-arrow {
  position: absolute;
  left: -82px;
  top: calc(50% - 15px);
  background: #fff;
  height: 24px;
  width: 128px;
}
.student .component003 .tip-arrow .line1 {
  width: 64px;
  height: 1px;
  background: #000;
  transform: rotate(-12deg);
  position: absolute;
  top: 5px;
  right: 43px;
}
.student .component003 .tip-arrow .line2 {
  width: 61px;
  height: 1px;
  background: #000;
  transform: rotate(12deg);
  position: absolute;
  bottom: 5px;
  right: 46px;
}
.student .component003.position-left img {
  max-width: 40vw;
  position: relative;
  z-index: 11;
}
.student .component003.position-left .component003-tip {
  margin-left: 300px;
  padding: 4rem;
}
.student .component003.position-right {
  text-align: right;
}
.student .component003.position-right img {
  max-width: 40vw;
  position: relative;
  z-index: 11;
}
.student .component003.position-right .component003-tip {
  right: 0;
  margin-right: 22%;
  padding: 3rem;
  z-index: 11;
}
.student .component003.position-right .component003-tip .tip-arrow {
  left: unset;
  right: -107px;
  top: calc(50% - 15px);
}
.student .component003.position-right .component003-tip .tip-arrow .line1 {
  transform: rotate(12deg);
  position: absolute;
  top: 5px;
  right: 46px;
}
.student .component003.position-right .component003-tip .tip-arrow .line2 {
  transform: rotate(-12deg);
  position: absolute;
  bottom: 5px;
  right: 46px;
}
.student .component003.position-right.student900-1-c003 img {
  margin-top: 5%;
}
.student .component003.position-right.student900-1-c003 .component003-tip {
  margin-right: 15%;
  padding: 3.5rem;
}
.student .component003.position-right.student900-1-c003 .component003-tip .tip-arrow .line1 {
  width: 62px;
}
.student .component003.position-right.student900-2-c003 .component003-tip {
  margin-right: 18%;
}
.student .component003.position-right.student900-2-c003-2 {
  margin: 0 20%;
  margin-bottom: 3.5rem;
}
.student .component003.position-right.student900-2-c003-2 .component003-tip {
  max-width: 35rem;
  margin-right: 30%;
}
.student .component003.position-right.student900-2-c003-2 .component003-tip .tip-arrow .line1 {
  width: 62px;
}
.student .component003.position-right.student900-2-c003-2 img {
  margin-top: -2%;
  width: 20%;
}
.student .component003.position-right.student930-1-c003 {
  margin: 0 15%;
  margin-bottom: 3.5rem;
}
.student .component003.position-right.student930-1-c003 .component003-tip {
  max-width: 35rem;
  margin-right: 30%;
  padding: 4rem;
}
.student .component003.position-right.student930-1-c003 .component003-tip .tip-arrow .line1 {
  width: 62px;
}
.student .component003.position-right.student930-1-c003 img {
  margin-top: 0;
  width: 20%;
}
.student .component003.position-right.student930-1-c003-2 {
  margin: 0 15%;
  margin-bottom: 3.5rem;
}
.student .component003.position-right.student930-1-c003-2 .component003-tip {
  max-width: 35rem;
  margin-right: 30%;
}
.student .component003.position-right.student930-1-c003-2 .component003-tip .tip-arrow .line1 {
  width: 62px;
}
.student .component003.position-right.student930-1-c003-2 img {
  width: 20%;
  margin-top: -2%;
}
.student .component003.position-right.student900-2-title01 img {
  max-width: 15vw;
}
.student .component003.position-right.student1200-1-c003 .component003-tip {
  margin-right: 17%;
}
.student .component003.position-right.student1400-1-c003 img {
  max-width: 15vw;
}
.student .component003.position-right.student1400-1-c003 .component003-tip {
  margin-right: 18%;
}
.student .component003.position-right.student1400-1-c003 .component003-tip .tip-arrow {
  right: -105px;
}
.student .component003.position-right.student1400-2-c003 .component003-tip .tip-arrow {
  right: -105px;
}
.student .component003.position-right.student1600-2-c003-2 .component003-tip .tip-arrow {
  right: -105px;
}
.student .component003.position-right.student1800-1-c003 .component003-tip .tip-arrow {
  right: -105px;
}
.student .component003.position-right.student1800-2-c003 {
  margin: 0 20%;
  margin-bottom: 3.5rem;
}
.student .component003.position-right.student1800-2-c003 .component003-tip {
  max-width: 35rem;
  margin-right: 30%;
}
.student .component003.position-right.student1800-2-c003 img {
  width: 20%;
  margin-top: 5%;
}
.student.en .component003.position-right.student900-1-c003 img {
  margin-top: 12%;
}
.student.en .component003.position-right.student900-1-c003 .component003-tip {
  margin-right: 20%;
  padding: 5rem;
}
.student.en .component003.position-right.student900-2-c003-2 .component003-tip {
  padding: 4rem;
}
.student.en .component003.position-right.student900-2-c003-2 img {
  margin-top: 15%;
}
.student.en .component003.position-right.student930-1-c003 img {
  margin-top: 15%;
}
.student.en .component003.position-right.student930-1-c003 .component003-tip {
  padding: 5rem;
}
.student.en .component003.position-right.student930-1-c003 .component003-tip .tip-arrow .line1 {
  width: 61px;
}
.student.en .component003.position-right.student930-1-c003 img {
  margin-top: 15%;
}
.student.en .component003.position-right.student930-1-c003-2 .component003-tip {
  padding: 4.5rem;
}
.student.en .component003.position-right.student930-1-c003-2 .component003-tip .tip-arrow .line1 {
  width: 61px;
}
.student.en .component003.position-right.student930-1-c003-2 img {
  margin-top: 5%;
}
.student.en .component003.position-right.student1400-1-c003 .component003-tip {
  margin-right: 20%;
  padding: 4rem;
}
.student.en .component003.position-right.student1400-1-c003 .tip-arrow {
  right: -106px;
}
.student.en .component003.position-right.student1400-1-c003 .tip-arrow .line1 {
  width: 61px;
}
.student.en .component003.position-right.student1400-2-c003 .component003-tip .tip-arrow {
  right: -106px;
}
.student.en .component003.position-right.student1800-1-c003 .component003-tip .tip-arrow {
  right: -106px;
}
.student.en .component003.position-right.student1800-2-c003 .component003-tip .tip-arrow .line1 {
  width: 61px;
}
@media (max-width: 1024px) {
  .student .component003 .tip-arrow {
    left: -80px;
  }
  .student .component003 .tip-arrow .line1 {
    width: 55px;
    transform: rotate(-14deg);
    top: 6px;
    right: 45px;
  }
  .student .component003 .tip-arrow .line2 {
    width: 52px;
    transform: rotate(12deg);
    bottom: 5px;
    right: 47px;
  }
  .student .component003 .component003-title {
    left: 8.5%;
  }
  .student .component003.position-left img {
    max-width: 20vw;
  }
  .student .component003.position-left .component003-tip {
    margin-left: 28vw;
  }
  .student .component003.position-left .component003-tip .tip-arrow .line1 {
    width: 55px;
    transform: rotate(-14deg);
    top: 6px;
    right: 44px;
  }
  .student .component003.position-right img {
    max-width: 20vw;
  }
  .student .component003.position-right .component003-tip {
    margin-right: 25%;
  }
  .student .component003.position-right .component003-tip .tip-arrow {
    right: -97px;
  }
  .student .component003.position-right .component003-tip .tip-arrow .line1 {
    width: 58px;
    top: 6px;
    right: 44px;
  }
  .student .component003.position-right .component003-tip .tip-arrow .line2 {
    width: 54px;
    bottom: 5px;
    right: 45px;
  }
  .student .component003.position-right.student900-1-c003 img {
    margin-top: 2%;
  }
  .student .component003.position-right.student900-1-c003 .component003-tip .tip-arrow {
    right: -98px;
  }
  .student .component003.position-right.student900-1-c003 .component003-tip .tip-arrow .line1 {
    width: 57.5px;
    transform: rotate(13deg);
  }
  .student .component003.position-right.student900-2-c003 .component003-tip {
    margin-right: 25%;
  }
  .student .component003.position-right.student900-2-c003 .component003-tip .tip-arrow {
    right: -99.5px;
  }
  .student .component003.position-right.student900-2-c003 .component003-tip .tip-arrow .line1 {
    width: 59.5px;
  }
  .student .component003.position-right.student900-2-c003 .component003-tip .tip-arrow .line2 {
    width: 56px;
  }
  .student .component003.position-right.student900-2-c003-2 {
    margin: 0 15%;
    margin-bottom: 3.5rem;
  }
  .student .component003.position-right.student900-2-c003-2 .component003-tip {
    max-width: 35rem;
    margin-right: 34%;
  }
  .student .component003.position-right.student900-2-c003-2 .component003-tip .tip-arrow {
    right: -97.5px;
  }
  .student .component003.position-right.student900-2-c003-2 .component003-tip .tip-arrow .line1 {
    width: 58px;
    right: 44.2px;
    transform: rotate(13deg);
  }
  .student .component003.position-right.student930-1-c003 {
    margin: 0 12%;
    margin-bottom: 3.5rem;
  }
  .student .component003.position-right.student930-1-c003 .component003-tip {
    max-width: 35rem;
    margin-right: 34%;
  }
  .student .component003.position-right.student930-1-c003 .component003-tip .tip-arrow {
    right: -98.5px;
  }
  .student .component003.position-right.student930-1-c003 .component003-tip .tip-arrow .line1 {
    width: 56px;
    right: 44.2px;
    transform: rotate(13deg);
  }
  .student .component003.position-right.student930-1-c003-2 {
    margin: 0 12%;
    margin-bottom: 3.5rem;
  }
  .student .component003.position-right.student930-1-c003-2 .component003-tip {
    max-width: 35rem;
    margin-right: 34%;
  }
  .student .component003.position-right.student930-1-c003-2 .component003-tip .tip-arrow {
    right: -98px;
  }
  .student .component003.position-right.student930-1-c003-2 .component003-tip .tip-arrow .line1 {
    width: 58px;
    right: 44.2px;
    transform: rotate(13deg);
  }
  .student .component003.position-right.student930-1-c003-2 img {
    margin-top: 0;
  }
  .student .component003.position-right.student1200-1-c003 .component003-tip .tip-arrow .line1 {
    width: 60.5px;
    right: 45px;
  }
  .student .component003.position-right.student1400-1-c003 .component003-tip .tip-arrow {
    right: -97px;
  }
  .student .component003.position-right.student1400-1-c003 .component003-tip .tip-arrow .line1 {
    width: 61px;
  }
  .student .component003.position-right.student1400-2-c003 .component003-tip .tip-arrow {
    right: -97px;
  }
  .student .component003.position-right.student1400-2-c003 .component003-tip .tip-arrow .line1 {
    width: 61px;
  }
  .student .component003.position-right.student1600-2-c003-1 .component003-tip .tip-arrow .line1 {
    width: 59px;
  }
  .student .component003.position-right.student1600-2-c003-2 .component003-tip .tip-arrow {
    right: -96px;
  }
  .student .component003.position-right.student1600-2-c003-2 .component003-tip .tip-arrow .line1 {
    width: 61px;
  }
  .student .component003.position-right.student1800-1-c003 .component003-tip .tip-arrow {
    right: -96px;
  }
  .student .component003.position-right.student1800-1-c003 .component003-tip .tip-arrow .line1 {
    width: 61px;
  }
  .student .component003.position-right.student1800-2-c003 {
    margin: 0 15%;
    margin-bottom: 3.5rem;
  }
  .student .component003.position-right.student1800-2-c003 .component003-tip {
    max-width: 35rem;
    margin-right: 34%;
  }
  .student .component003.position-right.student1800-2-c003 .component003-tip .tip-arrow {
    right: -97.5px;
  }
  .student .component003.position-right.student1800-2-c003 .component003-tip .tip-arrow .line1 {
    width: 58px;
    right: 44.2px;
    transform: rotate(13deg);
  }
  .student .component003.position-right.student1800-2-c003 img {
    margin-top: -2%;
  }
  .student.en .component003 .tip-arrow {
    left: -77px;
  }
  .student.en .component003 .tip-arrow .line1 {
    width: 55px;
    transform: rotate(-14deg);
    top: 6px;
    right: 43px;
  }
  .student.en .component003 .tip-arrow .line2 {
    width: 52px;
    transform: rotate(12deg);
    bottom: 5px;
    right: 47px;
  }
  .student.en .component003.position-left .component003-tip {
    margin-left: 28vw;
  }
  .student.en .component003.position-right .component003-tip .tip-arrow {
    right: -97px;
  }
  .student.en .component003.position-right .component003-tip .tip-arrow .line1 {
    width: 58px;
    top: 6px;
    right: 44px;
  }
  .student.en .component003.position-right .component003-tip .tip-arrow .line2 {
    width: 54px;
    bottom: 5px;
    right: 45px;
  }
  .student.en .component003.position-right.student900-1-c003 img {
    margin-top: 8%;
  }
  .student.en .component003.position-right.student900-1-c003 .component003-tip {
    margin-right: 28%;
  }
  .student.en .component003.position-right.student900-1-c003 .component003-tip .tip-arrow {
    right: -100px;
  }
  .student.en .component003.position-right.student900-2-c003-2 {
    margin: 0 15%;
    margin-bottom: 3.5rem;
  }
  .student.en .component003.position-right.student900-2-c003-2 .component003-tip {
    padding: 3.5rem;
    max-width: 35rem;
    margin-right: 34%;
  }
  .student.en .component003.position-right.student900-2-c003-2 .component003-tip .tip-arrow {
    right: -98.5px;
  }
  .student.en .component003.position-right.student900-2-c003-2 .component003-tip .tip-arrow .line1 {
    width: 57px;
    right: 44.2px;
    transform: rotate(13deg);
  }
  .student.en .component003.position-right.student900-2-c003-2 img {
    margin-top: 5%;
  }
  .student.en .component003.position-right.student930-1-c003 {
    margin: 0 12%;
    margin-bottom: 3.5rem;
  }
  .student.en .component003.position-right.student930-1-c003 .component003-tip {
    max-width: 35rem;
    margin-right: 34%;
  }
  .student.en .component003.position-right.student930-1-c003 .component003-tip .tip-arrow {
    right: -98.5px;
  }
  .student.en .component003.position-right.student930-1-c003 .component003-tip .tip-arrow .line1 {
    width: 55px;
    right: 44.2px;
    transform: rotate(13deg);
  }
  .student.en .component003.position-right.student930-1-c003 img {
    margin-top: 5%;
  }
  .student.en .component003.position-right.student930-1-c003-2 {
    margin: 0 12%;
    margin-bottom: 3.5rem;
  }
  .student.en .component003.position-right.student930-1-c003-2 .component003-tip {
    padding: 3.5rem;
    max-width: 35rem;
    margin-right: 34%;
  }
  .student.en .component003.position-right.student930-1-c003-2 .component003-tip .tip-arrow {
    right: -98.5px;
  }
  .student.en .component003.position-right.student930-1-c003-2 .component003-tip .tip-arrow .line1 {
    width: 55.5px;
    right: 44.2px;
    transform: rotate(13deg);
  }
  .student.en .component003.position-right.student930-1-c003-2 img {
    margin-top: 0;
  }
  .student.en .component003.position-right.student1400-1-c003 .component003-tip .tip-arrow {
    right: -97px;
  }
  .student.en .component003.position-right.student1400-1-c003 .component003-tip .tip-arrow .line1 {
    width: 58px;
  }
  .student.en .component003.position-right.student1400-2-c003 .component003-tip .tip-arrow {
    right: -97px;
  }
  .student.en .component003.position-right.student1400-2-c003 .component003-tip .tip-arrow .line1 {
    width: 61px;
  }
  .student.en .component003.position-right.student1600-2-c003-1 .component003-tip .tip-arrow .line1 {
    width: 60.5px;
  }
  .student.en .component003.position-right.student1600-2-c003-2 .component003-tip .tip-arrow .line1 {
    width: 60.5px;
  }
  .student.en .component003.position-right.student1800-1-c003 .component003-tip .tip-arrow {
    right: -97px;
  }
  .student.en .component003.position-right.student1800-1-c003 .component003-tip .tip-arrow .line1 {
    width: 61px;
  }
  .student.en .component003.position-right.student1800-2-c003 {
    margin: 0 15%;
    margin-bottom: 3.5rem;
  }
  .student.en .component003.position-right.student1800-2-c003 .component003-tip {
    padding: 3.5rem;
    max-width: 35rem;
    margin-right: 34%;
  }
  .student.en .component003.position-right.student1800-2-c003 .component003-tip .tip-arrow {
    right: -98.5px;
  }
  .student.en .component003.position-right.student1800-2-c003 .component003-tip .tip-arrow .line1 {
    width: 57px;
    right: 44.2px;
    transform: rotate(13deg);
  }
}
@media (max-width: 768px) {
  .student .component003 .component003-title {
    top: -9rem;
  }
  .student .component003.position-left .component003-tip {
    margin-left: 38vw;
  }
  .student .component003.position-right img {
    margin-top: 5%;
  }
  .student .component003.position-right .component003-tip {
    right: 0;
    margin-right: 24%;
    padding: 6%;
  }
  .student .component003.position-right .tip-text span {
    font-size: unset !important;
  }
  .student .component003.position-right.student900-1-c003 .component003-tip {
    margin-right: 25%;
  }
  .student .component003.position-right.student900-1-c003 .component003-tip .tip-arrow {
    right: -97px;
  }
  .student .component003.position-right.student900-1-c003 .component003-tip .tip-arrow .line1 {
    width: 56px;
  }
  .student .component003.position-right.student900-1-c003 .component003-tip .tip-arrow .line2 {
    width: 53px;
  }
  .student .component003.position-right.student900-2-c003 .component003-tip {
    margin-right: 25%;
  }
  .student .component003.position-right.student900-2-c003 .component003-tip .tip-arrow {
    right: -97px;
  }
  .student .component003.position-right.student900-2-c003 .component003-tip .tip-arrow .line1 {
    width: 56px;
  }
  .student .component003.position-right.student900-2-c003 .component003-tip .tip-arrow .line2 {
    width: 53px;
  }
  .student .component003.position-right.student900-2-c003-2 {
    margin: 0 10%;
    margin-bottom: 3.5rem;
  }
  .student .component003.position-right.student900-2-c003-2 .component003-tip {
    max-width: 35rem;
    margin-right: 36%;
  }
  .student .component003.position-right.student930-1-c003 {
    margin: 0 10%;
    margin-bottom: 3.5rem;
  }
  .student .component003.position-right.student930-1-c003 .component003-tip {
    max-width: 35rem;
    margin-right: 36%;
  }
  .student .component003.position-right.student930-1-c003-2 {
    margin: 0 10%;
    margin-bottom: 3.5rem;
  }
  .student .component003.position-right.student930-1-c003-2 .component003-tip {
    max-width: 35rem;
    margin-right: 36%;
  }
  .student .component003.position-right.student930-1-c003-2 .component003-tip .tip-arrow .line1 {
    width: 57px;
  }
  .student .component003.position-right.student1200-1-c003 .component003-tip {
    margin-right: 25%;
  }
  .student .component003.position-right.student1200-1-c003 .component003-tip .tip-arrow .line1 {
    width: 56px;
  }
  .student .component003.position-right.student1400-1-c003 img {
    margin-top: 2%;
  }
  .student .component003.position-right.student1400-1-c003 .component003-tip {
    margin-right: 22%;
  }
  .student .component003.position-right.student1400-1-c003 .component003-tip .tip-arrow .line1 {
    width: 59px;
  }
  .student .component003.position-right.student1400-2-c003 .component003-tip .tip-arrow .line1 {
    width: 59px;
  }
  .student .component003.position-right.student1600-2-c003-1 .component003-tip .tip-arrow .line1 {
    width: 57.5px;
  }
  .student .component003.position-right.student1600-2-c003-2 .component003-tip .tip-arrow {
    right: -97px;
  }
  .student .component003.position-right.student1600-2-c003-2 .component003-tip .tip-arrow .line1 {
    width: 57.5px;
  }
  .student .component003.position-right.student1800-1-c003 .component003-tip .tip-arrow .line1 {
    width: 58px;
  }
  .student .component003.position-right.student1800-2-c003 {
    margin: 0 10%;
    margin-bottom: 3.5rem;
  }
  .student .component003.position-right.student1800-2-c003 .component003-tip {
    max-width: 35rem;
    margin-right: 36%;
  }
  .student.en .component003 .tip-arrow {
    left: -77px;
  }
  .student.en .component003 .tip-arrow .line1 {
    width: 55px;
    transform: rotate(-14deg);
    top: 6px;
    right: 43px;
  }
  .student.en .component003 .tip-arrow .line2 {
    width: 52px;
    transform: rotate(12deg);
    bottom: 5px;
    right: 47px;
  }
  .student.en .component003.position-left .component003-tip {
    margin-left: 28vw;
  }
  .student.en .component003.position-right .component003-tip .tip-arrow {
    right: -97px;
  }
  .student.en .component003.position-right .component003-tip .tip-arrow .line1 {
    width: 58px;
    top: 6px;
    right: 44px;
  }
  .student.en .component003.position-right .component003-tip .tip-arrow .line2 {
    width: 54px;
    bottom: 5px;
    right: 45px;
  }
  .student.en .component003.position-right.student900-1-c003 .component003-tip {
    margin-right: 25%;
  }
  .student.en .component003.position-right.student900-2-c003 .component003-tip .tip-arrow {
    right: -99px;
  }
  .student.en .component003.position-right.student900-2-c003-2 {
    margin: 0 10%;
    margin-bottom: 3.5rem;
  }
  .student.en .component003.position-right.student900-2-c003-2 .component003-tip {
    max-width: 35rem;
    margin-right: 36%;
  }
  .student.en .component003.position-right.student930-1-c003 {
    margin: 0 5%;
    margin-bottom: 3.5rem;
  }
  .student.en .component003.position-right.student930-1-c003 .component003-tip {
    max-width: 35rem;
    margin-right: 36%;
  }
  .student.en .component003.position-right.student930-1-c003-2 {
    margin: 0 10%;
    margin-bottom: 3.5rem;
  }
  .student.en .component003.position-right.student930-1-c003-2 .component003-tip {
    max-width: 35rem;
    margin-right: 36%;
  }
  .student.en .component003.position-right.student1400-1-c003 .component003-tip .tip-arrow {
    right: -98px;
  }
  .student.en .component003.position-right.student1400-1-c003 .component003-tip .tip-arrow .line1 {
    width: 58px;
  }
  .student.en .component003.position-right.student1400-2-c003 .component003-tip .tip-arrow {
    right: -98px;
  }
  .student.en .component003.position-right.student1400-2-c003 .component003-tip .tip-arrow .line1 {
    width: 58px;
  }
  .student.en .component003.position-right.student1600-2-c003-1 .component003-tip .tip-arrow {
    right: -98px;
  }
  .student.en .component003.position-right.student1600-2-c003-2 .component003-tip .tip-arrow {
    right: -98px;
  }
  .student.en .component003.position-right.student1600-2-c003-2 .component003-tip .tip-arrow .line1 {
    width: 58.5px;
  }
  .student.en .component003.position-right.student1800-1-c003 .component003-tip .tip-arrow .line1 {
    width: 58px;
  }
  .student.en .component003.position-right.student1800-2-c003 {
    margin: 0 10%;
    margin-bottom: 3.5rem;
  }
  .student.en .component003.position-right.student1800-2-c003 .component003-tip {
    max-width: 35rem;
    margin-right: 36%;
  }
}
@media (max-width: 480px) {
  .student .component003 .component003-tip {
    font-size: 1.4rem;
  }
  .student .component003.position-right img {
    max-width: 25vw;
    margin-top: 5%;
  }
  .student .component003.position-right .component003-tip {
    right: 0;
    margin-right: 48%;
    padding: 6%;
  }
  .student .component003.position-right .tip-text span {
    font-size: unset !important;
    display: inline;
  }
  .student .component003.position-right.student900-1-c003 img {
    margin-top: 40%;
  }
  .student .component003.position-right.student900-1-c003 .component003-tip {
    margin-right: 36%;
  }
  .student .component003.position-right.student900-1-c003 .component003-tip .tip-arrow {
    transform: rotate(14deg);
    top: calc(50% + 25px);
    right: -94px;
  }
  .student .component003.position-right.student900-1-c003 .component003-tip .tip-arrow .line1 {
    width: 55px;
    transform: rotate(13deg);
  }
  .student .component003.position-right.student900-1-c003 .component003-tip .tip-arrow .line2 {
    width: 53px;
  }
  .student .component003.position-right.student900-2-c003 img {
    margin-top: 5%;
  }
  .student .component003.position-right.student900-2-c003 .component003-tip {
    margin-right: 48%;
  }
  .student .component003.position-right.student900-2-c003 .component003-tip .tip-arrow .line1 {
    width: 56px;
    transform: rotate(13deg);
  }
  .student .component003.position-right.student900-2-c003 .component003-tip .tip-arrow .line2 {
    width: 53px;
  }
  .student .component003.position-right.student900-2-c003-2 {
    margin: 0;
    margin-bottom: 3.5rem;
  }
  .student .component003.position-right.student900-2-c003-2 .component003-tip {
    margin-right: 44%;
    padding: 8%;
  }
  .student .component003.position-right.student900-2-c003-2 .component003-tip .tip-arrow .line1 {
    width: 55px;
    transform: rotate(13deg);
  }
  .student .component003.position-right.student900-2-c003-2 .component003-tip .tip-arrow .line2 {
    width: 53px;
  }
  .student .component003.position-right.student930-1-c003-2-2 img {
    margin-top: 20%;
  }
  .student .component003.position-right.student930-1-c003-2-2 .component003-tip {
    margin-right: 36%;
  }
  .student .component003.position-right.student930-1-c003-2-2 .component003-tip .tip-arrow .line1 {
    width: 55px;
  }
  .student .component003.position-right.student930-1-c003-2-2 .component003-tip .tip-arrow .line2 {
    width: 53px;
  }
  .student .component003.position-right.student930-1-c003 {
    margin: 0;
    margin-bottom: 3.5rem;
  }
  .student .component003.position-right.student930-1-c003 .component003-tip {
    margin-right: 40%;
    padding: 10%;
  }
  .student .component003.position-right.student930-1-c003 .component003-tip .tip-arrow .line1 {
    width: 55px;
  }
  .student .component003.position-right.student930-1-c003 .component003-tip .tip-arrow .line2 {
    width: 55px;
    transform: rotate(-13deg);
  }
  .student .component003.position-right.student930-1-c003 img {
    margin-top: 20%;
    margin-right: -3%;
  }
  .student .component003.position-right.student930-1-c003-2 {
    margin: 0;
    margin-bottom: 3.5rem;
  }
  .student .component003.position-right.student930-1-c003-2 .component003-tip {
    margin-right: 44%;
    padding: 8%;
  }
  .student .component003.position-right.student930-1-c003-2 .component003-tip .tip-arrow .line1 {
    width: 55px;
    transform: rotate(13deg);
  }
  .student .component003.position-right.student930-1-c003-2 .component003-tip .tip-arrow .line2 {
    width: 53px;
  }
  .student .component003.position-right.student930-1-c003-2 img {
    margin-top: 15%;
  }
  .student .component003.position-right.student1200-1-c003 .component003-tip {
    margin-right: 38%;
  }
  .student .component003.position-right.student1200-1-c003 .component003-tip .tip-arrow .line1 {
    width: 56.5px;
  }
  .student .component003.position-right.student1400-1-c003 img {
    margin-top: 5%;
    max-width: 25vw;
  }
  .student .component003.position-right.student1400-1-c003 .component003-tip {
    margin-right: 35%;
  }
  .student .component003.position-right.student1400-1-c003 .component003-tip .tip-arrow .line1 {
    width: 58px;
  }
  .student .component003.position-right.student1400-2-c003 .component003-tip .tip-arrow .line1 {
    width: 57px;
  }
  .student .component003.position-right.student1600-2-c003-2 .component003-tip .tip-arrow {
    right: -98px;
  }
  .student .component003.position-right.student1800-1-c003 .component003-tip .tip-arrow {
    right: -97px;
  }
  .student .component003.position-right.student1800-1-c003 .component003-tip .tip-arrow .line1 {
    width: 57px;
  }
  .student .component003.position-right.student1800-2-c003 {
    margin: 0;
    margin-bottom: 3.5rem;
  }
  .student .component003.position-right.student1800-2-c003 .component003-tip {
    margin-right: 44%;
    padding: 8%;
  }
  .student .component003.position-right.student1800-2-c003 .component003-tip .tip-arrow .line1 {
    width: 55px;
    transform: rotate(13deg);
  }
  .student .component003.position-right.student1800-2-c003 .component003-tip .tip-arrow .line2 {
    width: 53px;
  }
  .student .component003.position-right.student1800-2-c003 img {
    margin-top: 5%;
  }
  .student .component003.position-left .component003-tip {
    padding: 3rem;
  }
  .student .component003.position-left .component003-tip span {
    font-size: unset !important;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .component003.position-right.student900-1-c003 img {
    margin-top: 75%;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .component003.position-right.student900-1-c003 .component003-tip {
    padding: 4.5rem;
    margin-right: 30%;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .component003.position-right.student900-1-c003 .component003-tip .tip-arrow {
    right: -88.5px;
    transform: rotate(13deg);
    top: calc(50% + 70px);
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .component003.position-right.student900-1-c003 .component003-tip .tip-arrow .line1 {
    width: 53px;
    right: 44.5px;
    transform: rotate(14deg);
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .component003.position-right.student900-2-c003 .component003-tip .tip-arrow {
    right: -97px;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .component003.position-right.student900-2-c003-2 {
    margin: 0;
    margin-bottom: 3.5rem;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .component003.position-right.student900-2-c003-2 .component003-tip {
    margin-right: 43%;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .component003.position-right.student900-2-c003-2 .component003-tip .tip-arrow .line1 {
    width: 54px;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .component003.position-right.student900-2-c003-2 img {
    margin-top: 30%;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .component003.position-right.student930-1-c003 {
    margin: 0;
    margin-bottom: 3.5rem;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .component003.position-right.student930-1-c003 .component003-tip {
    margin-right: 28%;
    padding: 4rem;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .component003.position-right.student930-1-c003 .component003-tip .tip-arrow {
    transform: rotate(20deg);
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .component003.position-right.student930-1-c003 .component003-tip .tip-arrow .line1 {
    width: 63px;
    transform: rotate(11deg);
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .component003.position-right.student930-1-c003 .component003-tip .tip-arrow .line2 {
    width: 52px;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .component003.position-right.student930-1-c003 img {
    margin-top: 48%;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .component003.position-right.student930-1-c003-2 {
    margin: 0;
    margin-bottom: 3.5rem;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .component003.position-right.student930-1-c003-2 .component003-tip {
    margin-right: 43%;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .component003.position-right.student930-1-c003-2 .component003-tip .tip-arrow .line1 {
    width: 54px;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .component003.position-right.student930-1-c003-2 img {
    margin-top: 30%;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .component003.position-right.student1200-1-c003 .component003-tip {
    padding: 3rem;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .component003.position-right.student1200-1-c003 img {
    margin-top: 20%;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .component003.position-right.student1400-1-c003 img {
    margin-top: 8%;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .component003.position-right.student1400-1-c003 .component003-tip {
    padding: 3rem;
    margin-right: 35%;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .component003.position-right.student1400-1-c003 .component003-tip .tip-arrow {
    right: -98px;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .component003.position-right.student1400-1-c003 .component003-tip .tip-arrow .line1 {
    width: 56px;
    transform: rotate(13deg);
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .component003.position-right.student1400-2-c003 .component003-tip .tip-arrow {
    right: -98px;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .component003.position-right.student1400-2-c003 .component003-tip .tip-arrow .line1 {
    width: 57px;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .component003.position-right.student1600-2-c003-1 .component003-tip .tip-arrow {
    right: -98px;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .component003.position-right.student1600-2-c003-1 .component003-tip .tip-arrow .line1 {
    width: 57px;
    transform: rotate(13.5deg);
    right: 46px;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .component003.position-right.student1600-2-c003-2 .component003-tip .tip-arrow {
    right: -98px;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .component003.position-right.student1600-2-c003-2 .component003-tip .tip-arrow .line1 {
    width: 54.5px;
    right: 46px;
    transform: rotate(13.5deg);
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .component003.position-right.student1800-1-c003 .component003-tip .tip-arrow {
    right: -98px;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .component003.position-right.student1800-1-c003 .component003-tip .tip-arrow .line1 {
    width: 58px;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .component003.position-right.student1800-2-c003 {
    margin: 0;
    margin-bottom: 3.5rem;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .component003.position-right.student1800-2-c003 .component003-tip {
    margin-right: 43%;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .component003.position-right.student1800-2-c003 .component003-tip .tip-arrow .line1 {
    width: 54px;
  }
  .cyber-security-training-page.course-page.student.en .ant-layout-content .course-body .course-body-content .component003.position-right.student1800-2-c003 img {
    margin-top: 30%;
  }
}

.student .RealCase.Moblie {
  display: none;
}
.student .RealCase.Desktop {
  width: calc(100% + 3.5rem);
  margin-left: -3.5rem;
  margin-right: 0;
  margin-bottom: 50px;
  position: relative;
}
.student .RealCase.Desktop img {
  width: 100%;
  z-index: 1;
}
.student .RealCase.Desktop.p1 .source1 {
  width: 14%;
  height: 2.5%;
  position: absolute;
  top: 83.5%;
  left: 61.5%;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: none;
  font-size: 24px;
  color: #595959;
  z-index: 2;
}
.student .RealCase.Desktop.p1 .source2 {
  width: 14%;
  height: 2.5%;
  position: absolute;
  top: 86%;
  left: 61.5%;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: none;
  font-size: 24px;
  color: #595959;
  z-index: 2;
}
.student .RealCase.Desktop.p1 .source3 {
  display: none;
}
.student .RealCase.Desktop.p2 .source1 {
  display: none;
}
.student .RealCase.Desktop.p2 .source2 {
  display: none;
}
.student .RealCase.Desktop.p2 .source3 {
  width: 17%;
  height: 3%;
  position: absolute;
  top: 93%;
  left: 61%;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: none;
  font-size: 24px;
  color: #595959;
  z-index: 2;
}
.student.sc .RealCase.Desktop.p2 .source3 {
  top: 92%;
}
.student.en .RealCase.Desktop {
  width: calc(100% + 3.5rem);
  margin-left: -3.5rem;
  margin-right: 0;
  margin-bottom: 50px;
  position: relative;
}
.student.en .RealCase.Desktop img {
  width: 100%;
  z-index: 1;
}
.student.en .RealCase.Desktop.p1 .source1 {
  width: 14%;
  height: 3%;
  position: absolute;
  top: 93%;
  left: 45.5%;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: none;
  font-size: 24px;
  color: #595959;
  z-index: 2;
}
.student.en .RealCase.Desktop.p1 .source2 {
  width: 14%;
  height: 3%;
  position: absolute;
  top: 95.5%;
  left: 45.5%;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: none;
  font-size: 24px;
  color: #595959;
  z-index: 2;
}
.student.en .RealCase.Desktop.p1 .source3 {
  display: none;
}
.student.en .RealCase.Desktop.p2 .source1 {
  display: none;
}
.student.en .RealCase.Desktop.p2 .source2 {
  display: none;
}
.student.en .RealCase.Desktop.p2 .source3 {
  width: 16%;
  top: 91.5%;
  left: 46.5%;
  height: 2.5%;
}
@media (max-width: 1024px) {
  .student .RealCase.Desktop {
    width: calc(100% + 4rem);
    margin-left: -2rem;
    margin-bottom: 10rem;
  }
}
@media (max-width: 768px) {
  .student .RealCase.Desktop {
    display: none;
  }
  .student .RealCase.Moblie {
    display: block;
    width: calc(100% + 7rem);
    margin-left: -3.5rem;
    margin-right: 0;
    margin-bottom: 50px;
    position: relative;
  }
  .student .RealCase.Moblie img {
    width: 100%;
    z-index: 1;
  }
  .student .RealCase.Moblie.p1 .source1 {
    width: 33%;
    height: 2%;
    position: absolute;
    top: 90%;
    left: 4%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 24px;
    color: #595959;
    z-index: 2;
  }
  .student .RealCase.Moblie.p1 .source2 {
    width: 33%;
    height: 2%;
    position: absolute;
    top: 92.5%;
    left: 4%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 24px;
    color: #595959;
    z-index: 2;
  }
  .student .RealCase.Moblie.p1 .source3 {
    display: none;
  }
  .student .RealCase.Moblie.p2 .source1 {
    display: none;
  }
  .student .RealCase.Moblie.p2 .source2 {
    display: none;
  }
  .student .RealCase.Moblie.p2 .source3 {
    width: 38%;
    height: 2.5%;
    position: absolute;
    top: 92%;
    left: 4%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 24px;
    color: #595959;
    z-index: 2;
  }
  .student.sc .RealCase.Moblie img {
    width: 100%;
    z-index: 1;
  }
  .student.sc .RealCase.Moblie.p1 .source1 {
    top: 90%;
  }
  .student.en .RealCase.Moblie {
    display: block;
    width: calc(100% + 7rem);
    margin-left: -3.5rem;
    margin-right: 0;
    margin-bottom: 50px;
    position: relative;
  }
  .student.en .RealCase.Moblie img {
    width: 100%;
    z-index: 1;
  }
  .student.en .RealCase.Moblie.p1 .source1 {
    width: 33%;
    height: 1.5%;
    position: absolute;
    top: 92.5%;
    left: 4%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 24px;
    color: #595959;
    z-index: 2;
  }
  .student.en .RealCase.Moblie.p1 .source2 {
    width: 34%;
    height: 1.5%;
    position: absolute;
    top: 94.5%;
    left: 4%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 24px;
    color: #595959;
    z-index: 2;
  }
  .student.en .RealCase.Moblie.p1 .source3 {
    display: none;
  }
  .student.en .RealCase.Moblie.p2 .source1 {
    display: none;
  }
  .student.en .RealCase.Moblie.p2 .source2 {
    display: none;
  }
  .student.en .RealCase.Moblie.p2 .source3 {
    width: 38%;
    height: 2%;
    top: 94.5%;
  }
}

.student.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview {
  background-color: rgba(131, 125, 255, 0.1);
}
.student.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-progress-bar .ant-progress-text {
  color: #837DFF;
}
.student.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .ant-progress-circle-trail {
  stroke: rgba(131, 125, 255, 0.6) !important;
  opacity: 0.2;
}
.student.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .ant-progress-circle-path {
  stroke: #837DFF !important;
}
.student.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.active .step-dot {
  border-color: #837DFF;
}
.student.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.active .step-dot .active-dot {
  background-color: #837DFF;
}
.student.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.completed .step-dot {
  border-color: #837DFF;
  background-color: #837DFF;
}
.student.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.completed .step-line {
  background-color: #837DFF;
}
.student.cyber-security-training-page.course-page .ant-layout-content .course-left-side .paragraphs .paragraph.active {
  border-color: #837DFF;
  background-color: #fafafa;
}
.student.cyber-security-training-page.course-page .ant-layout-content .course-left-side .paragraphs .state .in-progress {
  background: url(data:image/png;base64,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);
  background-size: cover;
}
.student.cyber-security-training-page.course-page .ant-layout-content .course-body .next-topic-button {
  background-color: #837DFF;
}
.student.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .title {
  border-color: #837DFF;
}
.student.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .title .l2 {
  color: #837DFF;
}
.student.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body {
  border-color: #837DFF;
}
.student.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-last-button {
  border-color: #837DFF;
}
.student.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-last-button span {
  color: #837DFF;
}
.student.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-submit-button {
  background-color: #837DFF;
}
.student.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-submit-button[disabled] {
  background-color: rgba(131, 125, 255, 0.6);
  border-color: #837DFF;
}
.student.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area.correct .ant-btn-link {
  color: #0CA3A3;
}
.student.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area.wrong .ant-btn-link {
  color: #E7444E;
}
.student.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
  background: #837DFF;
}
.student.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab.active .number {
  border-color: #837DFF;
}
.student.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.index .course-landing {
  background: rgba(187, 184, 255, 0.7);
}
.student.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.welcome .course-landing {
  background: rgba(187, 184, 255, 0.7);
}
.student.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.t900 .course-landing {
  background: rgba(187, 184, 255, 0.7);
}
.student.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.t930 .course-landing {
  background: rgba(187, 184, 255, 0.7);
}
.student.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.t1200 .course-landing {
  background: rgba(187, 184, 255, 0.7);
}
.student.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.t1400 .course-landing {
  background: rgba(187, 184, 255, 0.7);
}
.student.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.quiz .course-landing {
  background: rgba(187, 184, 255, 0.7);
}
.student.cyber-security-training-page.course-page .ant-layout-content .ant-radio-checked .ant-radio-inner {
  border-color: #837DFF;
}
.student.cyber-security-training-page.course-page .ant-layout-content .ant-radio-inner::after {
  background-color: #837DFF;
}
.student.cyber-security-training-page.course-page .ant-layout-content .ant-radio-wrapper:hover .ant-radio,
.student.cyber-security-training-page.course-page .ant-layout-content .ant-radio:hover .ant-radio-inner,
.student.cyber-security-training-page.course-page .ant-layout-content .ant-radio-input:focus + .ant-radio-inner {
  border-color: #837DFF;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .course-landing .course-landing-content {
  background-image: url(/static/media/welcomeLandingbg-student.caade639.png);
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content.quiz .progress .progress-line {
  background-color: #837DFF;
}
.cyber-security-training-page.course-page.student .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass .cert-download-input .cert-download-button {
  background-color: #837DFF;
}

.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .conversation {
  position: relative;
  margin-bottom: 5rem !important;
  cursor: pointer;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .avater {
  margin-top: 5%;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message {
  width: 45vw;
  height: 10vw;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message .conversation-message-text {
  font-size: 1.6vw;
  line-height: 1.2;
  padding: 1vw 3vw 1vw 11vw;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .avater {
  margin-top: 5%;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message {
  width: 45vw;
  height: 10vw;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message .conversation-message-text {
  font-size: 1.6vw;
  line-height: 1.2;
  padding: 1vw 11vw 1vw 3vw;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .conversation .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  top: 10rem;
  left: 10rem;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .conversation.general2024topic2-1-conversation .conversation-line1 .conversation-message {
  width: 45vw;
  height: 10vw;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .conversation.general2024topic2-1-conversation .conversation-line1 .conversation-message .conversation-message-text {
  font-size: 1.6vw;
  line-height: 1.2;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .conversation.general2024topic2-1-conversation .conversation-line2 {
  margin-bottom: 3rem;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .conversation.general2024topic2-1-conversation .conversation-line2 .avater {
  margin-top: 5%;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .conversation.general2024topic2-1-conversation .conversation-line2 .conversation-message {
  width: 50vw;
  height: 12vw;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .conversation.general2024topic2-1-conversation .conversation-line2 .conversation-message .conversation-message-text {
  font-size: 1.6vw;
  line-height: 1.2;
  padding: 1vw 12vw 1vw 3vw;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .conversation.general2024topic4-3-conversation .conversation-line2 {
  margin-bottom: 3rem;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .conversation.general2024topic4-3-conversation .conversation-line2 .avater {
  margin-top: 5%;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .conversation.general2024topic4-3-conversation .conversation-line2 .conversation-message {
  width: 60vw;
  height: 14vw;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .conversation.general2024topic4-3-conversation .conversation-line2 .conversation-message .conversation-message-text {
  font-size: 1.6vw;
  line-height: 1.2;
  padding: 1vw 12vw 1vw 3vw;
}
.cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .topic-item .conversation {
  position: relative;
  margin-bottom: 5rem !important;
  cursor: pointer;
}
.cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .avater {
  margin-top: 5%;
}
.cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message {
  width: 45vw;
  height: 10vw;
}
.cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message .conversation-message-text {
  font-size: 1.6vw;
  line-height: 1.2;
  padding: 1vw 3vw 1vw 11vw;
}
.cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .avater {
  margin-top: 5%;
}
.cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message {
  width: 45vw;
  height: 10vw;
}
.cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message .conversation-message-text {
  font-size: 1.6vw;
  line-height: 1.2;
  padding: 1vw 11vw 1vw 3vw;
}
.cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .topic-item .conversation .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  top: 10rem;
  left: 10rem;
}
.cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.general2024topic2-1-conversation .conversation-line1 .conversation-message {
  width: 45vw;
  height: 10vw;
}
.cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.general2024topic2-1-conversation .conversation-line1 .conversation-message .conversation-message-text {
  font-size: 1.6vw;
  line-height: 1.2;
}
.cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.general2024topic2-1-conversation .conversation-line2 {
  margin-bottom: 3rem;
}
.cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.general2024topic2-1-conversation .conversation-line2 .avater {
  margin-top: 5%;
}
.cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.general2024topic2-1-conversation .conversation-line2 .conversation-message {
  width: 50vw;
  height: 12vw;
}
.cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.general2024topic2-1-conversation .conversation-line2 .conversation-message .conversation-message-text {
  font-size: 1.6vw;
  line-height: 1.2;
  padding: 1vw 12vw 1vw 3vw;
}
.cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.general2024topic4-3-conversation .conversation-line2 {
  margin-bottom: 3rem;
}
.cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.general2024topic4-3-conversation .conversation-line2 .avater {
  margin-top: 10%;
}
.cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.general2024topic4-3-conversation .conversation-line2 .conversation-message {
  width: 60vw;
  height: 20vw;
}
.cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.general2024topic4-3-conversation .conversation-line2 .conversation-message .conversation-message-text {
  font-size: 1.6vw;
  line-height: 1.2;
  padding: 1vw 12vw 1vw 3vw;
}

.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation {
  position: relative;
  cursor: pointer;
}
.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .conversation .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  top: 12rem;
  left: 12rem;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .conversation {
    margin-left: -2rem;
    width: calc(100% + 4rem);
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .conversation .avater {
    width: 12vw!important;
    height: 12vw!important;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message {
    width: 75vw!important;
    height: 15vw!important;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message-text {
    font-size: 2rem !important;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message-text {
    padding: 1vw 3vw 1vw 16vw!important;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message-text {
    padding: 1vw 16vw 1vw 5vw !important;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.general2024topic4-3-conversation .conversation-line2 .avater {
    margin-top: 8%;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.general2024topic4-3-conversation .conversation-line2 .conversation-message {
    width: 75vw !important;
    height: 25vw !important;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message-text {
    font-size: 1.6rem !important;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .conversation.general2024topic4-3-conversation .conversation-line2 {
    margin-bottom: 3rem;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .conversation.general2024topic4-3-conversation .conversation-line2 .avater {
    margin-top: 5%;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .conversation.general2024topic4-3-conversation .conversation-line2 .conversation-message {
    width: 75vw !important;
    height: 20vw !important;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .conversation.general2024topic4-3-conversation .conversation-line2 .conversation-message .conversation-message-text {
    font-size: 1.6vw;
    line-height: 1.2;
    padding: 1vw 12vw 1vw 3vw;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .conversation.student1600-3-conversation .conversation-line2 .conversation-message {
    height: 30vw!important;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message {
    width: 75vw!important;
    height: 25vw!important;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-message-text {
    font-size: 1.4rem !important;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .conversation.general2024topic4-3-conversation .conversation-line2 {
    margin-bottom: 3rem;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .conversation.general2024topic4-3-conversation .conversation-line2 .avater {
    margin-top: 25% !important;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .conversation.general2024topic4-3-conversation .conversation-line2 .conversation-message {
    width: 80vw !important;
    height: 55vw !important;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .conversation.general2024topic4-3-conversation .conversation-line2 .conversation-message .conversation-message-text {
    font-size: 1.6vw;
    line-height: 1.2;
    padding: 6vw 20vw 3vw 8vw !important;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message-text {
    padding: 2vw 4vw 2vw 17vw!important;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message-text {
    padding: 1vw 16vw 1vw 5vw !important;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .conversation .click-point {
    position: absolute;
    width: 40px;
    transform: rotate(-45deg);
    z-index: 10;
    transition: all 800ms linear 0s;
    top: 7rem;
    left: 5rem;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .avater {
    margin-top: 15% !important;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message {
    height: 30vw !important;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line1 .conversation-message .conversation-message-text {
    padding: 2vw 4vw 2vw 17vw!important;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .avater {
    margin-top: 12% !important;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message {
    height: 30vw !important;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .topic-item .conversation .conversation-line2 .conversation-message .conversation-message-text {
    padding: 1vw 16vw 1vw 5vw !important;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.general2024topic2-1-conversation .conversation-line2 .avater {
    margin-top: 16% !important;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.general2024topic2-1-conversation .conversation-line2 .conversation-message {
    width: 75vw !important;
    height: 40vw !important;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.general2024topic2-1-conversation .conversation-line2 .conversation-message .conversation-message-text {
    padding: 6vw 18vw 3vw 6vw !important;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.general2024topic4-3-conversation .conversation-line2 {
    margin-bottom: 3rem;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.general2024topic4-3-conversation .conversation-line2 .avater {
    margin-top: 36% !important;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.general2024topic4-3-conversation .conversation-line2 .conversation-message {
    width: 75vw !important;
    height: 75vw !important;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .topic-item .conversation.general2024topic4-3-conversation .conversation-line2 .conversation-message .conversation-message-text {
    font-size: 1.6vw;
    line-height: 1.2;
    padding: 6vw 20vw 3vw 8vw !important;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .topic-item .conversation .click-point {
    position: absolute;
    width: 40px;
    transform: rotate(-45deg);
    z-index: 10;
    transition: all 800ms linear 0s;
    top: 7rem;
    left: 5rem;
  }
}

.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation004 {
  position: relative;
  height: 500px;
  margin-top: 48px;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation004.no-title {
  position: relative;
  z-index: 0;
  display: flex;
  justify-content: center;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section {
  margin-left: -56px !important;
  width: 1000px;
  position: relative;
  height: 100%;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation004 .img-g5584 {
  position: absolute;
  z-index: 0;
  top: 164px;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation004 .animation004-title {
  background: url(data:image/png;base64,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);
  width: 317px;
  height: 184px;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  left: 100px;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2rem;
  padding: 1rem;
  text-align: center;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section {
  margin-top: 0;
  position: relative;
  height: 100%;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step {
  width: 180px;
  position: absolute;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  grid-gap: 1rem;
  gap: 1rem;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .step-title {
  display: none;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .text {
  font-size: 24px;
  font-weight: 400;
  line-height: 29px;
  text-align: center;
  margin-bottom: 0;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .sub-task-text .view-more-btn {
  padding: 0;
  font-size: 24px;
  color: black;
  font-weight: 600;
  height: auto;
  position: relative;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .sub-task-text .view-more-btn .click-point1 {
  width: 40px;
  cursor: pointer;
  position: absolute;
  left: unset;
  top: unset;
  bottom: -5px;
  right: -15px;
  transform: rotate(270deg);
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .indicator {
  width: 100%;
  line-height: 68.78px;
  display: flex;
  font-size: 26px;
  font-weight: 700;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .indicator.indicator-title {
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 0.625rem;
  justify-content: center;
  display: flex;
  min-height: 4rem;
  text-align: center;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step img {
  position: absolute;
  width: 280px;
  left: -195px;
  bottom: -108px;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step1 {
  top: auto;
  left: 0;
  bottom: 124px;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step1 .indicator {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAABGCAYAAABmILAIAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAL1SURBVHgB7d1NkppAGIDhxiKLrOIRzG1yhBwhx5irZJdr5CSZXQ4QBVF+wtfFZ7WItDiiQL9PlaXDbHmnfwAnSr+/bQyATp9/vb3Hn+LijwFwYZck7/Xb15UBcCFJU5Nl2UY+xwbAme1uZw6Hw+lnIgEaVVXZQI7H49lxIgFqZVmaf9utKYri4ndEguDleW5HEAmlC5EgaPv93i7S+xAJgiSjxk7WH/Uo4kMkCI6MHmn9koX6LYgEwRgyeriIBEEYOnq4iASLJjtXuyTp3Nq9FZFgkezUqo6jfWHwHkSCRZHp1D7L7PTqnqlV299vPzZEgkV4dBwuIsGsjRmHIhLM0jPiUESCWZHdKrmNPatfY8ehiASzIHGkaTr4QuAjEAkm65lTqj5EgkmRGOTC36tGjS5Egkl4xVrjVkSCl5lyGC4iwVPNJQwXkWBUEoJEYeM4HmcThotI8FC68JZFd15HMZXF993imHu38DEahYwUcsdtXn+e42jRh0gwiNyCLjFIGDaOBUbRRiS4SoKQCIp6lNAp1NKD6EIksDHYIOoI5D2UEeJWRBIIOfnlpNcQdJTQ47iOSGZOv3VQRwA54fXEt8eaIHA/IpmI9snePqbvZX3yV84L4yOSkehJ7P6Fd//K261T5zOmi0gG0pPaLmybqczZsSYELAeRtOiitmgWtacFrzMaICzBRaK7OjoKnH5mBECHVWHWi4zktL3pjAa63QkMEUXlfCMhBDzL5CNxY9ArwVwAwzNNJhJiwFS9JBK9tTqkO0kxX6NGojtGemt13kQBzMlDI7G3UxMEFubuSGSU0Ec0mTJhyW6ORKZN8kC/PnzDVitCcTUSnTrZZ5cDfSINEKdIJIIsy2wcc/3qF2AMcSL/V67ZjgVwrqyidSzf2g2gWxRF65UB0ItIAA8iATyIBPAgEsCDSAAPIgE8iATwIBLAg0gADyIBelSV4bYUoM9qVX0hEsCDSAAPIgE8iATwIBLAg0gAj7gy1U8DoFNUVb//A1Rb9MBga6C3AAAAAElFTkSuQmCC);
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step1 img {
  left: -240px;
  bottom: -136px;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step2 {
  top: auto;
  left: 270px;
  bottom: 167px;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step2 .indicator {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAABFCAYAAADgtMKmAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALuSURBVHgB7dxBctowFIDhB/W+HIFtj9Eb9BS5Undd9U5Ztj1C2wkBbEvxMxYYsC2c2GDJ/zeTCTMkO/15km2yeH768UsAXNtkv7/8fPqaFC/XAuDcJhO7TVf6cikAzhWByDaVhQiRAFeqQOoSASBirchLEcc+v3qLSABTBPJ/J5LbxreJBPOWmSKQ/WGStCASzNem2F5tM++PEQnmJ9PzR/v26hKRYF5ei8nxmvb6FSLBPOjZ42V/8/SoIxLETQ/kOj1uOHu0IRLEy8Vh+0+POiJBfPSGoF65Mh+LQz1/+74mEsRDzx16KE+NDIlIEL6R4nCIBOEaOQ6HSBAWPYTv8sOBfIAzxy2IBGHQOLb5IFer+iISTNudtlRdiATT88Cp0YRIMA3urJHmD50aTYgEj6Nh6LNUup3SJ3MnMDWaEAnuS0PQO+L6NeEw6ogE4zNVGBPcSt2CSDA8t43aFwfvvbnb/YxRJBnPbmEA9Sj0e4DToguRoD+dDLp1ys0hiDzgSXEDIkE3W00GDSOrogjgsD0kIsGBLnzdJWXVhNDXMwyiCZHMiS54XfNZNRlMFUMW+OF6ZEQSCxeALnadBOVrc4rCvYfeiGSK3GIu/9rbUwDWnt7Tby4G9x5GQSRjOy5wqRb1xcI/hiAs9okikvfq2t6Y6r4Biz4KRNKkfsB1f/mNPd/fs/hnY56RtF3lcZc+CQCVYims4o2kft3fTQKu8qAnY23gkbSFwDTAgMKIxD1AVwbADTDc17QiuYyhfB3GB3MQr8dFUn+SlMmACRs/kssH51LODAjL8JGUW6T8MBmy+D9rgPh9LJL6lonzAyLVL5L84hNpnCEwA92RuC1TGs6/fwGGdh6JmxREARwl5aTQ/3Kx46OaQJNE/u0EQLPFcrFeCoBORAJ4EAngQSSAB5EAHkQCeBAJ4EEkgAeRAB5EAngQCdDB2uWKSIAOn0Q+EwngQSSAB5EAHkQCeBAJ4EEkgEdixf4RAC0Wf98AYqTlQ0RwE48AAAAASUVORK5CYII=);
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step3 {
  top: auto;
  left: 545px;
  bottom: 210px;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step3 .indicator {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAABFCAYAAADgtMKmAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMiSURBVHgB7dxNctowGIBhGdiXI3CG3qC36Bm67xl6hK56nm57g7b7thkCBLAtqf4EIiYBKwZsbOt9ZjrJkC79ok/+S759/vFTAXhluzS/Pn19/2FilZopAEfSJ6NWcz2V30cKwBEXyIOWX10kEwXgYL3QavNojj4jEmBvPS8CWZpXnxMJomeLjfnyb67yrT35dyJB1HRWBPIvVya3Z/8PkSBaMlrJiBVCJIiOKbpYPZwfr14iEkRFVo/Nwihr3haIIBJEoe7qUUYkGDQ5c7WVvcdjeO9xDpFgsOTK+dO83mh1CpFgcGSkkivnl4xWL335+H1GJBiMW8ZRRiTovabi8IgEvdV0HB6RoHfaisMjEvSCP5UrFwOvPVtVF5Gg02S1SDemOJ1rW4/DIxJ0jls1VkZlRRxtjVRViASd4fcacvv6vVaNU4gEd9WFcSqESNC6PoRRRiRonOwx0rXsL2Sf0a1R6i2IBI2Q1SJPrcq23dh8X2qsx1MiwU3oTIKw7oxU1zbe19DjhEhQn4xPulgl8mx4UZxCJKgkQcibRGSV0FkRRL4LJCZEggOJQbt/ygWRp6ryVTuxIJLI+JVBRiX5afQuCpMPe2S6BpEMiARgtXUvPdBarkHsVgS3h3D7BkK4BJF0lB9z5IC3xVFuzPNB7mLY/3R/N4xFTSKSFpS/4f0BLwe1P9h3n/sI+LbvGiK5gj/QZa73B778Xv6G56DvPyI5wwcgG1w3zujdfUY6Z7yJTbSRlCMorwBscFE2Ssywr7iXz/u7kUhOdxIBakiSAdyWci4ExiHcSi8i8WeHspQLYGhf5yJx9wntY3ArBKsC7uxukbhN89Yc7hNiZUBXtRKJXxXkTlL2DOibm0dSDkIexBn6swYYvqsiKT98k6fymCZBYHhqReI31TrbPb8c28M3iFNlJBJFurE8gIOoHUXS91e/AE2Y+BeFMT4Bp00Wf3IF4DSr7GykAFQiEiCASIAAIgECiAQIIBIggEiAACIBAogECCASIIBIgAqJTaZEAlRJ1DsiAQKIBAggEiCASIAAIgECiAQIkBdB/FYAzpn/BxpxqBXldz9PAAAAAElFTkSuQmCC);
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step4 {
  top: auto;
  left: 820px;
  bottom: 255px;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step4 .indicator {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAABGCAYAAABmILAIAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALySURBVHgB7dxPctowFIBxQVhk0UVu0PRmuUHbG3Smh+iyR+sRwiTFNrZll4fzGkHAMn9sLPn7zWQgwFIfT2Cb2dcf6W8D4IPc2uWvn5++L8zMPBkAO6qqMsnfbLm5u4kEwA4J5OUlMdbWD/I/kQCOsmwCqev6/2NEArxZr0uzWmU7gQgiATaSJDdpuj74HJFg0mRqvL6mpijs0dcQCSZLwlitUvmA3vo6IsHkyPRI03z71wWRYFK6Tg8XkWASTp0eLiJB9M6ZHi4iQbTkwGCSZK3fXHVBJIjOJVurfU/f/jwQCaIhcWRZsY1j/6j5ubLsnkgQvj7icBEJgtV3HIpIEJyh4lBEgmDIt1RyEuKl31adikgwajo1iqIcPA5FJBglCSLPi+01HkNsqdoQCUZjDFPjECLBTY01DBeRYHBuGHLqyK23Uz5EgkFUVb35fDHuiXEMkaAXMh1kSsiH7zwvt5GEaH5vOS0F1yMToixtMNuoLubmjkhwHp0UsUVxCJGgE4lAYrC22vzZ7f9TQSTY4U4IDUKu6It1SnRBJBMlH6Q1BPntW7mNect0CSKJkCx0WevNJGgikCiaKWGD/abpVogkALqoZcHLQtcFr/eb11RvzxumwZURycBkUesi10W/v9jfQ2DBjwGRXIFub3QrowtdHuMdPnxE4qHv/BJA8w5f7Sx+9vfxm3wkGoBOAL0lAKjoI2n2/hoCEeA0lb17jCKSQyFwEAzXElQk7gEw9yAYEwF9GmUk+zEwFXBLN42E84QQgsEicaeD3HJ6BELRSyQahJxaLfflYhymA0J1cSTulqkJgyAQl5Mjkckg1yw3F95M6+IbTJM3EveKNImDKYGp+RCJ/vQLWyegsZAIJAaZFiH/9AvQl8Xz84ppARwxn9WPcwIB2s0NgFZEAngQCeBBJIAHkQAeRAJ4EAngQSSAB5EAHkQCeBAJ0KKuZ5+JBPAgEsCDSAAPIgE8iATwIBLAg0gAj0U5t18MgIPuTbb8B39gApjHABaiAAAAAElFTkSuQmCC);
}
.cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation004 {
  height: 565px;
}
.cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .sub-task-text .view-more-btn {
  font-size: 20px;
}
.cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .sub-task-text .view-more-btn .click-point1 {
  width: 40px;
  bottom: -8px;
  right: -30px;
}

@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation004 {
    position: relative;
    margin-left: 0rem;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation004 .img-g5584 {
    display: none;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation004 .animation004-title {
    background: none;
    font-weight: 500;
    line-height: 3.375rem;
    letter-spacing: 0em;
    border-left: 5px solid #F26927;
    font-size: 2.1rem;
    position: relative;
    padding-bottom: 0;
    width: 100vw;
    justify-content: left;
    left: auto;
    height: auto;
    width: auto;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation004.no-title {
    margin-bottom: 0 !important;
    margin-top: 10rem;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section {
    margin-left: 0 !important;
    width: 100%;
    margin-top: 0;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .click-point {
    top: auto !important;
    width: 12vw;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step {
    width: 21vw;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .indicator {
    line-height: 5vw;
    background-size: cover !important;
    font-size: 3vw;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .text {
    font-size: 1.8rem;
    line-height: 1.4;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .step-title {
    font-size: 3vw;
    line-height: 4vw;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .sub-task-text {
    margin-top: 0;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .sub-task-text button.ant-btn.ant-btn-link {
    font-size: 1.8rem !important;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .sub-task-text button.ant-btn.ant-btn-link .click-point1 {
    width: 40px;
    cursor: pointer;
    position: absolute;
    left: unset;
    top: unset;
    bottom: -5px;
    right: 15px;
    transform: rotate(270deg);
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step img {
    width: 25vw;
    left: -12vw;
    bottom: -10vw;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step1 {
    bottom: 20vw;
    top: auto;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step2 {
    bottom: 25vw;
    left: 24vw;
    top: auto;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step3 {
    bottom: 30vw;
    left: 48vw;
    top: auto;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step.step4 {
    bottom: 35vw;
    left: 72vw;
    top: auto;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section {
    margin-left: 0 !important;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .click-point {
    top: auto !important;
    width: 12vw;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step {
    width: 21vw;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .indicator {
    line-height: 5vw;
    background-size: cover !important;
    font-size: 3vw;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .text {
    font-size: 3vw;
    line-height: 4vw;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .step-title {
    font-size: 3vw;
    line-height: 4vw;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step .sub-task-text {
    margin-top: 0;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step img {
    width: 25vw;
    left: -12vw;
    bottom: -10vw;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step1 {
    bottom: 20vw;
    top: auto;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step2 {
    bottom: 25vw;
    left: 24vw;
    top: auto;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step3 {
    bottom: 30vw;
    left: 48vw;
    top: auto;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation004 .four-steps-section .step.step4 {
    bottom: 35vw;
    left: 72vw;
    top: auto;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step {
    align-items: center;
    justify-content: center;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .sub-task-text {
    font-size: 1.6rem;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .sub-task-text button.ant-btn.ant-btn-link {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .sub-task-text button.ant-btn.ant-btn-link .click-point1 {
    width: 30px;
    right: -30px;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation004 .animation004-title {
    display: none;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation004.no-title {
    margin-top: 3.5rem;
    height: 450px;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .sub-task-text button.ant-btn.ant-btn-link .click-point1 {
    bottom: -5px;
    right: -5px;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step {
    align-items: center;
    justify-content: center;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .sub-task-text button.ant-btn.ant-btn-link {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 1.5rem !important;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .sub-task-text button.ant-btn.ant-btn-link .click-point1 {
    width: 30px;
    right: -30px;
  }
  .animation004-modal.general2024 .ant-modal-content .animation004-modal-header {
    margin-left: 2rem;
    margin-top: 1rem;
    margin-bottom: 0;
  }
  .animation004-modal.general2024 .ant-modal-content .ant-modal-body .next-button .click-point2 {
    transform: rotate(90deg);
    bottom: 0;
  }
  .animation004-modal.general2024 .ant-modal-content .ant-modal-body .prev-button .click-point1 {
    transform: rotate(270deg);
    bottom: 0;
  }
  .animation004-modal.general2024 .ant-modal-content .ant-modal-body .border {
    margin-left: 2rem;
    margin-right: 2rem;
    margin-top: 0;
    margin-bottom: 1rem;
  }
  .animation004-modal.general2024 .ant-modal-content .ant-modal-body .content {
    width: 80%;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation004 .animation004-title {
    display: none;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation004.no-title {
    height: 260px;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .indicator {
    font-size: 1.5rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .text {
    font-size: 1.4rem;
    line-height: 1.3;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .sub-task-text button.ant-btn.ant-btn-link {
    font-size: 1.2rem !important;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .sub-task-text button.ant-btn.ant-btn-link .click-point1 {
    width: 20px;
    right: -12px;
    bottom: 0;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation004 .animation004-title {
    display: none;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation004.no-title {
    height: 350px;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .sub-task-text button.ant-btn.ant-btn-link {
    font-size: 1rem !important;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation004.no-title .four-steps-section .step .sub-task-text button.ant-btn.ant-btn-link .click-point1 {
    width: 20px;
    right: -8px;
    bottom: -15px;
    transform: rotate(315deg);
  }
}

.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation006 {
  position: relative;
  display: flex;
  width: 1024px;
  margin: auto;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation006 .animation006-bg {
  position: relative;
  width: 1024px;
  height: 582px;
  background-image: url(/static/media/social-media-bg.f452d92d.png);
  background-size: 100% 100%;
  margin: auto;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation006 .animation006-radius {
  position: absolute;
  left: calc(50% - 135px);
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 270px;
  height: 270px;
  margin: auto;
  padding: 1rem;
  font-size: 28px;
  font-weight: 300;
  text-align: center;
  color: #FFFFFF;
  border-radius: 50%;
  background-color: #F26927;
  z-index: 10;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel {
  position: absolute;
  width: 240px;
  font-size: 16px;
  text-align: center;
  border-radius: 23px;
  box-shadow: 0px 2.4px rgba(0, 0, 0, 0.08);
  background-color: #fff;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s1 {
  left: 0;
  bottom: 40px;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s2 {
  left: 30px;
  bottom: 190px;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s3 {
  left: 110px;
  bottom: 340px;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s4 {
  left: 385px;
  bottom: 440px;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s5 {
  right: 120px;
  bottom: 340px;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s6 {
  right: 40px;
  bottom: 190px;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s7 {
  right: 10px;
  bottom: 40px;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content {
  padding: 31px 22px;
  display: flex;
  flex-direction: column;
  font-size: 21px;
  font-weight: 400;
  line-height: 27px;
  align-items: center;
  justify-content: center;
  height: 116px;
  width: 240px;
  border-radius: 24px;
  position: relative;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content .indicator {
  position: absolute;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  background: #E7444E;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 19px;
  font-weight: 400;
  line-height: 25px;
  left: -16px;
  top: -16px;
}
.cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation006 {
  margin-bottom: 15rem !important;
}
.cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-radius {
  line-height: 1.2;
  padding: 1.5rem;
}
.cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel {
  width: 300px;
}
.cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s1 {
  left: 60px;
  bottom: -90px;
}
.cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s2 {
  left: 0;
  bottom: 100px;
}
.cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s3 {
  left: 60px;
  bottom: 290px;
}
.cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s4 {
  left: 360px;
  bottom: 440px;
}
.cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s5 {
  right: 40px;
  bottom: 290px;
}
.cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s6 {
  right: -20px;
  bottom: 100px;
}
.cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s7 {
  right: 40px;
  bottom: -90px;
}
.cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content {
  height: 150px;
  width: 300px;
  font-size: 20px;
  line-height: 1.2;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation006 {
    width: 100%;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation006 .animation006-radius {
    font-size: 2.4rem;
    line-height: 1.3;
    padding: 3rem;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation006 .animation006-bg {
    width: calc(100vw - 4rem);
    height: calc((100vw - 4rem) * 595 / 1024);
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel {
    width: 200px;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s1 {
    left: 10px;
    bottom: 40px;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s2 {
    left: 40px;
    bottom: 190px;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s3 {
    left: 120px;
    bottom: 340px;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s4 {
    left: 390px;
    bottom: 440px;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s5 {
    right: 120px;
    bottom: 340px;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s6 {
    right: 40px;
    bottom: 190px;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s7 {
    right: 10px;
    bottom: 40px;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content {
    width: 200px;
    font-size: 1.6rem;
    line-height: 1.4;
    height: 100px;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s4 {
    left: 335px;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s5 {
    right: 28px;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel {
    width: 24vw;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s1 {
    left: 10px;
    bottom: 40px;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s2 {
    left: 40px;
    bottom: 140px;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s3 {
    left: 100px;
    bottom: 240px;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s4 {
    left: 275px;
    bottom: 330px;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s5 {
    right: 80px;
    bottom: 240px;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s6 {
    right: 40px;
    bottom: 140px;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s7 {
    right: 10px;
    bottom: 40px;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content {
    font-size: 1.4rem;
    line-height: 1.4;
    width: 100%;
    height: 75px;
    padding: 1rem;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content .view-more .view-more-btn {
    font-size: 10px !important;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content .view-more .view-more-btn .click-point1 {
    bottom: -20%;
    left: 100%;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content .indicator {
    font-size: 1rem;
    width: 2rem;
    height: 2rem;
    left: -1rem;
    top: -1rem;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation006 .animation006-radius {
    font-size: 2rem;
    width: 200px;
    height: 200px;
    left: calc(50% - 100px);
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel {
    width: 24vw;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s1 {
    left: 10px;
    bottom: 20px;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s2 {
    left: 40px;
    bottom: 140px;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s3 {
    left: 70px;
    bottom: 260px;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s4 {
    left: 275px;
    bottom: 330px;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s5 {
    right: 55px;
    bottom: 260px;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s6 {
    right: 40px;
    bottom: 140px;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s7 {
    right: 10px;
    bottom: 20px;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content {
    font-size: 1.4rem;
    line-height: 1.2;
    width: 100%;
    height: 100px;
    padding: 1rem;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content .view-more .view-more-btn {
    font-size: 10px !important;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content .view-more .view-more-btn .click-point1 {
    bottom: -20%;
    left: 100%;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content .indicator {
    font-size: 1rem;
    width: 2rem;
    height: 2rem;
    left: -1rem;
    top: -1rem;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-radius {
    font-size: 2rem;
    width: 200px;
    height: 200px;
    left: calc(50% - 100px);
  }
}
@media (max-width: 480px) {
  .animation006 .animation006-panel .animation006-content .click-point1 {
    width: 20px !important;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation006 {
    margin-top: 5rem;
    margin-bottom: 15rem !important;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation006 .animation006-radius {
    font-size: 1.4rem;
    line-height: 1.1;
    width: 100px;
    height: 100px;
    padding: 1rem;
    left: calc(50% - 50px);
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel {
    width: 27vw;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content {
    padding: 0.3rem;
    font-size: 1.2rem;
    line-height: 1.1;
    height: 70px;
    width: 27vw;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content .view-more {
    margin-left: 0px;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content .view-more .view-more-btn {
    font-size: 8px;
    border: 0;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content .view-more img {
    width: 20px !important;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s1 {
    left: 0;
    bottom: -20px;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s2 {
    left: 0;
    bottom: 65px;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s3 {
    left: 15vw;
    bottom: 150px;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s4 {
    left: unset;
    right: 15vw;
    bottom: 150px;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s5 {
    right: 0;
    bottom: 65px;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s6 {
    right: 0;
    bottom: -20px;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s7 {
    left: 32vw;
    bottom: -95px;
    width: 30vw;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s7 .animation006-content {
    width: 30vw;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation006 {
    margin-top: 5rem;
    margin-bottom: 20rem !important;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-radius {
    font-size: 1.4rem;
    line-height: 1.1;
    width: 120px;
    height: 120px;
    padding: 1rem;
    left: calc(50% - 60px);
    bottom: -20px;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel {
    width: 30vw;
    border-radius: 1.5rem;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content {
    padding: 0.5rem;
    font-size: 1.2rem;
    line-height: 1;
    height: 100px;
    width: 30vw;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel .animation006-content .indicator {
    font-size: 1rem;
    width: 1.5rem;
    height: 1.5rem;
    left: -0.5rem;
    top: -0.5rem;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s1 {
    left: 12vw;
    bottom: -155px;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s2 {
    left: -2vw;
    bottom: -40px;
    top: unset;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s3 {
    left: -2vw;
    bottom: 75px;
    top: unset;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s4 {
    left: 29vw;
    bottom: 38vw;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s5 {
    right: -2vw;
    bottom: 75px;
    top: unset;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s6 {
    right: -5vw;
    bottom: -40px;
    top: unset;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation006 .animation006-panel.s7 {
    left: unset;
    right: 10vw;
    bottom: -155px;
  }
}

.general2024 .animation011 {
  margin-right: 3.5rem;
  padding-bottom: 0;
  position: relative;
}
.general2024 .animation011 .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  top: 7.5rem;
  left: 15rem;
}
.general2024 .animation011 .animation011-content {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  padding-right: 3.5rem;
}
.general2024 .animation011 .animation011-content .animation011-item {
  margin-bottom: 3rem;
  width: 100%;
  height: 7.5rem;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.general2024 .animation011 .animation011-content .animation011-item.r1 .animation011-text .view-more .view-more-btn {
  color: #078BFF;
}
.general2024 .animation011 .animation011-content .animation011-item.r2 .animation011-text .view-more .view-more-btn {
  color: #379F19;
}
.general2024 .animation011 .animation011-content .animation011-item.r3 .animation011-text .view-more .view-more-btn {
  color: #FF8601;
}
.general2024 .animation011 .animation011-content .animation011-item.r4 .animation011-text .view-more .view-more-btn {
  color: #561987;
}
.general2024 .animation011 .animation011-content .animation011-item .animation011-indicate-number {
  min-width: 13.125rem;
  height: 5.625rem;
  display: flex;
  border-radius: 15%/60%;
  align-items: center;
  color: #FFFFFF;
}
.general2024 .animation011 .animation011-content .animation011-item .animation011-indicate-number .animation011-icon {
  height: 7.5rem;
  width: 7.5rem;
  border: 2px solid;
  border-radius: 50%;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.general2024 .animation011 .animation011-content .animation011-item .animation011-indicate-number .animation011-icon img {
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
}
.general2024 .animation011 .animation011-content .animation011-item .number {
  width: 3.75rem;
  text-align: right;
  font-family: Helvetica Neue;
  font-size: 2.25rem;
  font-weight: 700;
}
.general2024 .animation011 .animation011-content .animation011-item .animation011-text {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  padding-left: 20px;
}
.general2024 .animation011 .animation011-content .animation011-item .animation011-text .view-more {
  width: auto;
}
.general2024 .animation011 .animation011-content .animation011-item .animation011-text .view-more .view-more-btn {
  padding: 0;
  font-size: 1.3125rem;
  height: auto;
  position: relative;
}
.general2024 .animation011 .animation011-content .animation011-item .animation011-text .view-more .view-more-btn .click-point1 {
  width: 40px;
  cursor: pointer;
  position: absolute;
  bottom: -10px;
  right: -45px;
  transform: rotate(270deg);
}
.general2024.en .animation011 .animation011-content .animation011-item .animation011-text {
  font-size: 20px;
  line-height: 1.2;
}
.general2024.en .animation011 .animation011-content .animation011-item .animation011-text .view-more {
  padding: 0 0.5rem;
}
.animation011-modal.general2024 .ant-modal-content .animation011-modal-header {
  margin: 4rem;
  margin-bottom: 1rem;
  margin-top: 1rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 4rem;
  padding: 1rem;
  font-size: 2.4rem;
  font-weight: 500;
  border-left: 6px solid #837DFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.animation011-modal.general2024 .ant-modal-content .ant-modal-body .next-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.8rem;
  width: 4.8rem;
  right: 0;
  bottom: 0;
  padding: 0;
}
.animation011-modal.general2024 .ant-modal-content .ant-modal-body .next-button .click-point2 {
  position: absolute;
  bottom: 5rem;
  right: 5rem;
  width: 5rem;
  height: 5rem;
  transform: rotate(135deg);
}
.animation011-modal.general2024 .ant-modal-content .ant-modal-body .next-button .arrow {
  margin: 0 auto;
}
.animation011-modal.general2024 .ant-modal-content .ant-modal-body .prev-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.8rem;
  width: 4.8rem;
  left: 0;
  bottom: 0;
  padding: 0;
}
.animation011-modal.general2024 .ant-modal-content .ant-modal-body .prev-button .click-point1 {
  position: absolute;
  bottom: 5rem;
  left: 5rem;
  width: 5rem;
  height: 5rem;
  transform: rotate(225deg);
}
.animation011-modal.general2024 .ant-modal-content .ant-modal-body .prev-button .arrow {
  margin: 0 auto;
}
.animation011-modal.general2024 .ant-modal-content .ant-modal-body .hide {
  display: none;
}
.animation011-modal.general2024 .ant-modal-content .ant-modal-body .border {
  margin-left: 12rem;
  margin-right: 12rem;
  margin-top: 0;
  margin-bottom: 1rem;
}
.animation011-modal.general2024 .ant-modal-content .ant-modal-body .border img {
  width: 100%;
}
.animation011-modal.general2024 .ant-modal-content .ant-modal-body .content {
  width: 37.5rem;
  margin-left: 12rem;
  margin-right: 12rem;
  margin-top: 0;
  margin-bottom: 5rem;
  background: rgba(234, 75, 108, 0.2);
  border-radius: 5px;
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: 400;
  padding: 1.5rem;
  text-align: center;
}
.animation011-modal.general2024 .ant-modal-content .ant-modal-body .tip {
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: 500;
  padding: 1rem;
}
@media (max-width: 1024px) {
  .animation011-modal.general2024 {
    width: 90% !important;
  }
  .general2024 .animation011 {
    margin-right: 0;
  }
  .general2024 .animation011 .animation011-content {
    padding-right: 0!important;
    grid-gap: 2.5rem;
    gap: 2.5rem;
  }
  .general2024 .animation011 .animation011-content .animation011-item {
    height: 5.5rem;
    margin-bottom: 0;
    padding-left: 0 !important;
  }
  .general2024 .animation011 .animation011-content .animation011-item .animation011-icon {
    height: 5.5rem;
    width: 5.5rem;
  }
  .general2024 .animation011 .animation011-content .animation011-item .animation011-icon img {
    height: 5.5rem;
    width: 5.5rem;
  }
  .general2024 .animation011 .animation011-content .animation011-item .animation011-text {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
@media (max-width: 768px) {
  .general2024 .animation011 .animation011-content {
    flex-wrap: wrap;
    grid-row-gap: 3rem;
    row-gap: 3rem;
  }
  .general2024 .animation011 .animation011-content .animation011-item {
    padding-left: 4rem !important;
    margin-bottom: 0;
  }
  .general2024 .animation011 .animation011-content .animation011-item .animation011-indicate-number {
    min-width: 11rem;
    height: 3.625rem;
  }
  .general2024 .animation011 .animation011-content .animation011-item .animation011-indicate-number .number {
    text-align: center;
  }
  .general2024 .animation011 .animation011-content .animation011-item .animation011-indicate-number .animation011-icon {
    width: 5.5rem;
    height: 5.5rem;
  }
  .animation011-modal.general2024 .ant-modal-content .animation011-modal-header {
    margin-left: 2rem;
    margin-top: 1rem;
    margin-bottom: 0;
  }
  .animation011-modal.general2024 .ant-modal-content .ant-modal-body .next-button .click-point2 {
    transform: rotate(90deg);
    bottom: 0;
  }
  .animation011-modal.general2024 .ant-modal-content .ant-modal-body .prev-button .click-point1 {
    transform: rotate(270deg);
    bottom: 0;
  }
  .animation011-modal.general2024 .ant-modal-content .ant-modal-body .border {
    margin-left: 2rem;
    margin-right: 2rem;
    margin-top: 0;
    margin-bottom: 1rem;
  }
  .animation011-modal.general2024 .ant-modal-content .ant-modal-body .content {
    width: 80%;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation011 {
    margin-top: 4rem !important;
    margin-bottom: 10rem !important;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation011 .animation011-content {
    width: 100%;
    grid-row-gap: 4rem;
    row-gap: 4rem;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation011 .animation011-content .animation011-item {
    padding-left: 0 !important;
    height: 55px;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation011 .animation011-content .animation011-item .animation011-indicate-number {
    min-width: 9rem;
    height: 55px;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation011 .animation011-content .animation011-item .animation011-indicate-number .number {
    font-size: 1.8rem;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation011 .animation011-content .animation011-item .animation011-icon img {
    width: 55px;
    height: 55px;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation011 .animation011-content .animation011-item .animation011-text {
    font-size: 1.8rem;
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation011 .animation011-content .animation011-item .animation011-text .view-more .view-more-btn .click-point1 {
    width: 20px;
    bottom: -2px;
    right: -15px;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation011 .animation011-content .animation011-item .animation011-text {
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation011 .animation011-content .animation011-item .animation011-text .view-more .view-more-btn .click-point1 {
    width: 20px;
    bottom: -2px;
    right: -20px;
  }
}

.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation014 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-right: 56px;
  grid-gap: 2rem;
  gap: 2rem;
  max-width: 1290px;
  margin: 3.5rem auto;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation014 .animation014-item {
  width: calc(33.33% - 1rem);
  display: flex;
  flex-direction: column;
  align-items: self-start;
  justify-content: center;
  position: relative;
  cursor: pointer;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  bottom: -45px;
  right: -45px;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation014 .animation014-item.r1 .animation014-header {
  color: #597EF7;
  opacity: 0.7;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation014 .animation014-item.r2 .animation014-header {
  color: #31AC71;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation014 .animation014-item.r3 .animation014-header {
  color: #D3830B;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation014 .animation014-item.r4 .animation014-header {
  color: #138EB5;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-header {
  width: 85%;
  font-size: 24px;
  min-height: 72px;
  line-height: 1.2;
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-text {
  width: 100%;
  height: 330px;
  background: url(/static/media/a014-long.42f4728d.svg) no-repeat center center;
  background-size: 100%;
  font-size: 16px;
  line-height: 1.3;
  padding: 5rem 1.5rem 3rem 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -50px;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-text div ul {
  margin-bottom: 0;
  -webkit-padding-start: 20px;
          padding-inline-start: 20px;
}
@media (min-width: 1500px) {
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-text {
    font-size: 20px;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-text {
    font-size: 18px;
    line-height: 1.3;
  }
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation014 {
    padding-right: 0;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-header {
    font-size: 1.6rem;
    min-height: 40px;
    align-items: center;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-text {
    margin-top: -40px;
    height: 270px;
    font-size: 1.4rem;
    padding: 5rem 1.5rem 2rem 1.5rem;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation014 {
    flex-wrap: wrap;
    grid-gap: 2rem;
    gap: 2rem;
    grid-row-gap: 4rem;
    row-gap: 4rem;
    width: 80%;
    justify-content: space-around;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation014 .animation014-item {
    width: calc(50% - 2rem);
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-header {
    font-size: 2rem;
    min-height: 48px;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-text {
    font-size: 1.8rem;
    height: 360px;
    padding: 8rem 2rem 3rem 2rem;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation014 {
    padding-right: 0;
    flex-wrap: wrap;
    grid-gap: 2rem;
    gap: 2rem;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation014 .animation014-item {
    width: calc(50% - 2rem);
    padding: 0 3rem;
    display: flex;
    align-items: flex-start;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-header {
    font-size: 1.6rem;
    width: 80%;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-text {
    height: 260px;
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation014 {
    padding-right: 0;
    width: 100%;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation014 .animation014-item {
    width: calc(50% - 2rem);
    padding: 0 2rem;
    display: flex;
    align-items: flex-start;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-header {
    font-size: 1.6rem;
    min-height: 40px;
    margin-bottom: 24px;
    padding-left: 1.5rem;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-text {
    height: 265px;
    font-size: 1.4rem;
    padding: 4.5rem 2rem 1rem 2rem;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation014 .animation014-item {
    width: 100%;
    align-items: flex-start;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .click-point {
    position: absolute;
    width: 70px;
    transform: rotate(-45deg);
    z-index: 10;
    transition: all 800ms linear 0s;
    bottom: -15px;
    right: -15px;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-header {
    padding-left: 1rem;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation014 .animation014-item {
    width: 100%;
    align-items: flex-start;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation014 .animation014-item .animation014-text {
    align-items: center;
  }
}

.general2024 .animation019 {
  width: 78%;
  display: flex;
  position: relative;
  margin: auto;
  margin-bottom: 100px;
  margin-top: 16rem;
}
.general2024 .animation019 .click-point1 {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  bottom: 0;
  left: 50%;
}
.general2024 .animation019 .animation019-bg {
  position: relative;
  margin: auto;
  width: calc(450px / 646 * 1209);
  height: 450px;
  background-image: url(/static/media/a019.1851f939.gif);
  background-size: 100% 100%;
}
.general2024 .animation019 .animation019-title {
  width: 12rem;
  font-size: 1.8rem;
  position: absolute;
  left: calc(50% - 6rem);
  bottom: 10%;
  text-align: center;
}
.general2024 .animation019 .animation019-panel {
  font-size: 16px;
  position: absolute;
  text-align: center;
  z-index: 2;
}
.general2024 .animation019 .animation019-panel.s1 {
  left: calc(50% - 35rem);
  bottom: 90px;
}
.general2024 .animation019 .animation019-panel.s2 {
  left: calc(50% - 28rem);
  bottom: 330px;
}
.general2024 .animation019 .animation019-panel.s3 {
  left: calc(50% - 6rem);
  bottom: 450px;
}
.general2024 .animation019 .animation019-panel.s4 {
  right: calc(50% - 28rem);
  bottom: 330px;
}
.general2024 .animation019 .animation019-panel.s5 {
  right: calc(50% - 35rem);
  bottom: 90px;
}
.general2024 .animation019 .animation019-panel .animation019-content {
  padding: 2rem;
  display: flex;
  flex-direction: column;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.5;
  align-items: center;
  justify-content: center;
  height: 7.125rem;
  width: 13rem;
  position: relative;
}
.general2024 .animation019 .animation019-panel .animation019-content .view-more .view-more-btn {
  font-size: 1.25rem;
  font-weight: 400;
  opacity: 1 !important;
  height: auto;
  position: relative;
}
.general2024 .animation019 .animation019-panel .animation019-content .view-more .view-more-btn .click-point1 {
  width: 40px;
  cursor: pointer;
  transform: rotate(270deg);
  position: absolute;
  bottom: 0;
  left: 90%;
}
.general2024 .animation019 .animation019-panel .animation019-content .indicator {
  position: absolute;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 19px;
  font-weight: 400;
  line-height: 25px;
  right: -2rem;
  top: calc(50% - 16px);
}
.general2024.en .animation019 .animation019-panel .animation019-content {
  line-height: 1.2;
}
.animation019-modal-header {
  display: flex;
  justify-content: space-between;
  padding-right: 35px;
}
.animation019-modal-header .animation019-modal-title {
  font-size: 2.625rem;
  border-left: 2px solid #597EF7;
  font-weight: 500;
  padding: 1.5rem;
  margin: 2.5rem;
  margin-top: 1rem;
  margin-bottom: 0;
}
.ant-modal-body {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.ant-modal-body img {
  width: 90%;
}
@media (max-width: 1024px) {
  .general2024 .animation019 {
    width: 100%;
    display: flex;
    position: relative;
    margin: auto;
    margin-bottom: 6.25rem;
    margin-top: 18rem;
  }
  .general2024 .animation019 .animation019-bg {
    width: calc(70vw - 4rem);
    height: calc((70vw - 4rem) * 646 / 1209);
  }
  .general2024 .animation019 .animation019-panel.s1 {
    right: 78vw;
    left: unset;
    bottom: 7vw;
  }
  .general2024 .animation019 .animation019-panel.s2 {
    right: 67vw;
    left: unset;
    bottom: 28vw;
  }
  .general2024 .animation019 .animation019-panel.s3 {
    left: calc(50% - 5.8125rem);
    bottom: 38vw;
  }
  .general2024 .animation019 .animation019-panel.s4 {
    left: 67vw;
    right: unset;
    bottom: 29vw;
  }
  .general2024 .animation019 .animation019-panel.s5 {
    left: 78vw;
    right: unset;
    bottom: 7vw;
  }
  .general2024 .animation019 .animation019-panel .animation019-content {
    font-size: 1.4rem;
  }
}
@media (max-width: 768px) {
  .general2024 .animation019 {
    margin-top: 12rem;
  }
  .general2024 .animation019 .animation019-title {
    width: 9rem;
    font-size: 1.4rem;
    position: absolute;
    left: calc(50% - 4.5rem);
    bottom: 10%;
    text-align: center;
  }
  .general2024 .animation019 .animation019-bg {
    width: 60vw;
    height: calc(60vw * 646 / 1209);
  }
  .general2024 .animation019 .animation019-panel .animation019-content {
    padding: 1rem;
    width: 12rem;
  }
  .general2024 .animation019 .animation019-panel.s1 {
    right: 73vw;
    left: unset;
    bottom: 7vw;
  }
  .general2024 .animation019 .animation019-panel.s2 {
    right: 58vw;
    left: unset;
    bottom: 28vw;
  }
  .general2024 .animation019 .animation019-panel.s3 {
    left: calc(50% - 6rem) !important;
    bottom: 32vw;
  }
  .general2024 .animation019 .animation019-panel.s4 {
    left: 58vw;
    right: unset;
    bottom: 28vw;
  }
  .general2024 .animation019 .animation019-panel.s5 {
    left: 73vw;
    right: unset;
    bottom: 7vw;
  }
  .general2024.en .animation019 {
    margin-top: 20rem;
    margin-bottom: 10rem;
  }
  .general2024.en .animation019 .animation019-title {
    font-size: 1.6rem;
    width: 12rem;
    left: calc(50% - 6rem);
  }
  .general2024.en .animation019 .animation019-panel.s2 {
    bottom: 31vw;
  }
  .general2024.en .animation019 .animation019-panel.s3 {
    bottom: 35vw;
  }
  .general2024.en .animation019 .animation019-panel.s4 {
    bottom: 31vw;
  }
}
@media (max-width: 480px) {
  .general2024 .animation019 {
    margin-top: 10rem;
    margin-bottom: 20rem;
  }
  .general2024 .animation019 .animation019-title {
    width: 7rem;
    left: calc(50% - 3.5rem);
    font-size: 1.6rem;
  }
  .general2024 .animation019 .animation019-bg {
    width: 80vw;
    height: calc(80vw * 646 / 1209);
  }
  .general2024 .animation019 .animation019-panel {
    display: flex;
    align-items: start;
  }
  .general2024 .animation019 .animation019-panel .animation019-content {
    height: auto;
  }
  .general2024 .animation019 .animation019-panel.s1 {
    left: -5vw;
    right: unset;
    bottom: -36vw;
  }
  .general2024 .animation019 .animation019-panel.s1 .animation019-content {
    width: 18rem;
  }
  .general2024 .animation019 .animation019-panel.s2 {
    right: 62vw;
    left: unset;
    bottom: 26vw;
  }
  .general2024 .animation019 .animation019-panel.s3 {
    width: 14rem;
    right: unset;
    bottom: 38vw;
    left: calc(50% - 6rem) !important;
  }
  .general2024 .animation019 .animation019-panel.s4 {
    left: 62vw;
    bottom: 24vw;
  }
  .general2024 .animation019 .animation019-panel.s5 {
    left: 56vw;
    bottom: -25vw;
  }
  .general2024.en .animation019 {
    margin-top: 20rem;
    margin-bottom: 20rem;
  }
  .general2024.en .animation019 .animation019-title {
    bottom: 0;
    font-size: 1.4rem;
  }
  .general2024.en .animation019 .animation019-panel.s2 {
    bottom: 28vw;
  }
  .general2024.en .animation019 .animation019-panel.s3 {
    bottom: 40vw;
  }
  .general2024.en .animation019 .animation019-panel.s4 {
    bottom: 28vw;
  }
  .general2024.en .animation019 .animation019-panel.s5 {
    bottom: -32vw;
  }
}

.general2024 .animation022 {
  margin-right: 1.5rem;
  margin-left: 1.5rem;
}
.general2024 .animation022 a {
  text-decoration: underline;
}
.general2024 .animation022 .animation022-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  grid-gap: 1rem;
  gap: 1rem;
  padding-right: 3.5rem;
  margin-left: -48px;
}
.general2024 .animation022 .animation022-content .animation022-item {
  width: calc(20% - 1rem);
  grid-gap: 1rem;
  gap: 1rem;
  padding-left: 6.5rem;
  height: 25rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  z-index: 2;
  background-image: url(/static/media/a022-market.edf1b973.svg);
  background-repeat: no-repeat;
  position: relative;
}
.general2024 .animation022 .animation022-content .animation022-item .click-point {
  position: absolute;
  z-index: 10;
  width: 100px;
  right: -25%;
  bottom: 0;
  transform: rotate(315deg);
}
.general2024 .animation022 .animation022-content .animation022-item .animation022-number {
  font-size: 4rem;
  font-weight: 700;
  width: 100%;
  text-align: center;
}
.general2024 .animation022 .animation022-content .animation022-item .animation022-item-content {
  width: 100%;
}
.general2024 .animation022 .animation022-content .animation022-item .animation022-item-content .animation022-item-title {
  display: none;
  font-size: 20px;
  line-height: 1.3;
  font-weight: 500;
  text-align: center;
  min-height: 50px;
  margin-bottom: 0.5rem;
}
.general2024 .animation022 .animation022-content .animation022-item .animation022-item-content .animation022-item-text {
  font-size: 17px;
  line-height: 1.5;
  text-align: center;
  min-height: 155px;
}
.general2024 .animation022 .animation022-content .animation022-item .animation022-item-content .view-more {
  position: relative;
}
.general2024 .animation022 .animation022-content .animation022-item .animation022-item-content .view-more button {
  border: 0 !important;
  padding: 0 !important;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.general2024 .animation022 .animation022-content .animation022-item .animation022-item-content .view-more button span {
  font-size: 16px;
}
.general2024 .animation022 .animation022-content .animation022-item .animation022-item-content .view-more .click-point1 {
  position: absolute;
  z-index: 10;
  width: 40px;
  right: -25px;
  bottom: -25px;
  transform: rotate(315deg);
}
.general2024.en .animation022 {
  max-width: 1240px;
  margin: auto;
  width: 80%;
}
.general2024.en .animation022 .animation022-content .animation022-item {
  width: calc(33.33% - 1rem);
  grid-gap: 0.5rem;
  gap: 0.5rem;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.general2024.en .animation022 .animation022-content .animation022-item .animation022-item-content .animation022-item-title {
  display: none;
}
.general2024.en .animation022 .animation022-content .animation022-item .animation022-item-content .animation022-item-text {
  line-height: 1.2;
  min-height: 155px;
}
.general2024.en .animation022 .animation022-content .animation022-item .animation022-item-content .view-more button {
  padding: 0 0 0 0.5rem !important;
}
.animation022-modal-general2024 .ant-modal-content {
  padding-top: 2rem;
}
.animation022-modal-general2024 .ant-modal-content .ant-modal-header {
  display: flex;
  align-items: center;
  margin-left: 4rem;
  border-left: 4px solid #00A8B5;
  min-height: 70px;
}
.animation022-modal-general2024 .ant-modal-content .ant-modal-header .ant-modal-title {
  font-size: 2.4rem;
}
.animation022-modal-general2024 .ant-modal-content .ant-modal-body {
  padding-right: 4rem;
  padding-left: 4rem;
}
.animation022-modal-general2024 .ant-modal-content .ant-modal-body img {
  width: 100%;
}
.animation022-modal-general2024 .ant-modal-content .ant-modal-body .animation022-modal-content {
  width: 100%;
  margin-top: 24px;
  text-align: center;
  background-color: #EA4B6C33;
  font-size: 1.2rem;
  padding: 1rem 2rem;
  border-radius: 10px;
}
@media (max-width: 1521px) {
  .general2024 .animation022 {
    max-width: 1040px;
    margin: auto;
  }
  .general2024 .animation022 .animation022-content .animation022-item {
    grid-gap: 0.5rem;
    gap: 0.5rem;
  }
  .general2024.en .animation022 .animation022-content .animation022-item {
    grid-gap: 0.5rem;
    gap: 0.5rem;
  }
  .general2024.en .animation022 .animation022-content .animation022-item .animation022-item-content .animation022-item-title {
    display: none;
  }
  .general2024.en .animation022 .animation022-content .animation022-item .animation022-item-content .animation022-item-text {
    line-height: 1.2;
    min-height: 180px;
  }
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation022 {
    margin-top: 8rem;
    margin-left: 3rem;
    margin-right: 3rem;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation022 .animation022-content {
    grid-row-gap: 6rem;
    row-gap: 6rem;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item {
    width: calc(33% - 1rem) !important;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding-left: 12rem;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .click-point {
    width: 65px;
    right: 0;
    bottom: 0;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content .animation022-item-title {
    min-height: 78px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content .animation022-item-text {
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    min-height: 168px;
    width: 100%;
    margin-left: 0;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content .animation022-item-text .linkDetail {
    display: inline-block;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation022 .animation022-content {
    padding-right: 0;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item {
    width: calc(33.33% - 1rem) !important;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content .animation022-item-title {
    display: none;
  }
  .animation022-modal-general2024 {
    width: 90% !important;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation022 .animation022-content {
    flex-wrap: wrap;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item {
    width: calc(50% - 1rem) !important;
    padding-left: 13rem;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content .animation022-item-title {
    font-size: 1.7rem;
    line-height: 1.4;
    min-height: 50px;
    margin-bottom: 0.5rem;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content .animation022-item-text {
    font-size: 1.5rem;
    line-height: 1.4;
    min-height: 110px;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content .view-more {
    position: relative;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content .view-more button {
    border: 0 !important;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content .view-more button span {
    font-size: 1.5rem;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content .view-more .click-point1 {
    position: absolute;
    z-index: 10;
    width: 40px;
    right: -25px;
    bottom: -25px;
    transform: rotate(315deg);
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-line img {
    height: 100%;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-icon {
    width: 6.25rem;
    height: 6.25rem;
    min-height: 6.25rem;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .background-line {
    top: 70%;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation022 {
    width: 80%;
    margin: 3.5rem auto;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item {
    width: calc(50% - 1rem) !important;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content .animation022-item-title {
    line-height: 1.2;
    min-height: 42px;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content .animation022-item-text {
    min-height: 130px;
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content .view-more {
    position: relative;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content .view-more button {
    border: 0 !important;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content .view-more button span {
    font-size: 1.5rem;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content .view-more .click-point1 {
    position: absolute;
    z-index: 10;
    width: 40px;
    right: -25px;
    bottom: -25px;
    transform: rotate(315deg);
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-line img {
    height: 100%;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-icon {
    width: 6.25rem;
    height: 6.25rem;
    min-height: 6.25rem;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .background-line {
    top: 70%;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item {
    width: 100% !important;
    padding-left: 12rem;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content .animation022-item-text {
    font-size: 1.4rem;
    line-height: 1.4;
    min-height: 100px;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content .view-more button span {
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content .animation022-item-title {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item {
    width: 100% !important;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content .animation022-item-text {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation022 .animation022-content .animation022-item .animation022-item-content .animation022-item-title {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
}

.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation025.general2024topic1-1-a025 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 56px;
  position: relative;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation025.general2024topic1-1-a025 .animation025-item {
  position: relative;
  width: 25%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-self: stretch;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation025.general2024topic1-1-a025 .animation025-item .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  bottom: -50px;
  left: 50%;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation025.general2024topic1-1-a025 .animation025-item .animation025-color-div {
  height: 10px;
  width: 70%;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation025.general2024topic1-1-a025 .animation025-item .animation025-gray-div {
  height: 13px;
  width: 80%;
  background-color: #f5f5f5;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation025.general2024topic1-1-a025 .animation025-item .animation025-title {
  color: #ffffff;
  width: 95%;
  font-size: 1.75rem;
  line-height: 1.2;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  min-height: 100px;
  display: flex;
  padding: 1rem;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation025.general2024topic1-1-a025 .animation025-item .animation025-text {
  display: flex;
  justify-content: center;
  width: 80%;
  font-size: 20px;
  line-height: 1.5;
  padding: 1rem 1.5rem;
  background-color: #f5f5f5;
  flex-grow: 1;
  cursor: pointer;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation025.general2024topic4-2-a025 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 56px;
  position: relative;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation025.general2024topic4-2-a025 .animation025-item {
  position: relative;
  width: 25%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-self: stretch;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation025.general2024topic4-2-a025 .animation025-item .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  bottom: -50px;
  left: 50%;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation025.general2024topic4-2-a025 .animation025-item .animation025-color-div {
  height: 10px;
  width: 70%;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation025.general2024topic4-2-a025 .animation025-item .animation025-gray-div {
  height: 13px;
  width: 80%;
  background-color: #f5f5f5;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation025.general2024topic4-2-a025 .animation025-item .animation025-title {
  color: #ffffff;
  width: 95%;
  font-size: 1.75rem;
  line-height: 1.2;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  min-height: 100px;
  display: flex;
  padding: 1rem;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation025.general2024topic4-2-a025 .animation025-item .animation025-text {
  display: flex;
  justify-content: center;
  width: 80%;
  font-size: 20px;
  line-height: 1.5;
  padding: 1.5rem;
  background-color: #f5f5f5;
  flex-grow: 1;
  cursor: pointer;
}
.cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation025.general2024topic1-1-a025 .animation025-item {
  align-self: stretch;
}
.cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation025.general2024topic1-1-a025 .animation025-item .animation025-title {
  font-size: 1.5rem;
  line-height: 1.2;
  min-height: 118px;
}
.cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation025.general2024topic1-1-a025 .animation025-item .animation025-text {
  height: auto;
  font-size: 1.3rem;
  line-height: 1.2;
  flex-grow: 1;
}
.cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation025.general2024topic4-2-a025 .animation025-item .animation025-title {
  font-size: 26px;
  min-height: 125px;
}
@media (max-width: 1521px) {
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation025.general2024topic1-1-a025 {
    flex-wrap: wrap;
    padding: 0;
    grid-gap: 2rem;
    gap: 2rem;
    grid-row-gap: 4rem;
    row-gap: 4rem;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation025.general2024topic1-1-a025 .animation025-item {
    width: calc(33.33% - 2rem);
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation025.general2024topic1-1-a025 .animation025-item .animation025-title {
    font-size: 2rem;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation025.general2024topic1-1-a025 .animation025-item .animation025-text {
    height: auto;
    min-height: 130px;
    font-size: 1.6rem;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation025.general2024topic4-2-a025 {
    flex-wrap: wrap;
    padding: 0;
    grid-gap: 2rem;
    gap: 2rem;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation025.general2024topic4-2-a025 .animation025-item {
    width: calc(25% - 2rem);
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation025.general2024topic4-2-a025 .animation025-item .animation025-title {
    font-size: 1.6rem;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation025.general2024topic4-2-a025 .animation025-item .animation025-text {
    font-size: 1.5rem;
    height: auto;
    min-height: 130px;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation025.general2024topic1-1-a025 .animation025-item .animation025-text {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    min-height: 130px;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation025.general2024topic4-2-a025 .animation025-item .animation025-text {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    min-height: 130px;
  }
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation025.general2024topic1-1-a025 {
    flex-wrap: wrap;
    padding: 0;
    grid-gap: 2rem;
    gap: 2rem;
    grid-row-gap: 4rem;
    row-gap: 4rem;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation025.general2024topic1-1-a025 .animation025-item .animation025-title {
    font-size: 2rem;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation025.general2024topic1-1-a025 .animation025-item .animation025-text {
    height: auto;
    min-height: 130px;
    font-size: 1.6rem;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation025.general2024topic4-2-a025 {
    flex-wrap: wrap;
    padding: 0;
    grid-gap: 2rem;
    gap: 2rem;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation025.general2024topic4-2-a025 .animation025-item {
    width: calc(25% - 2rem);
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation025.general2024topic4-2-a025 .animation025-item .animation025-title {
    font-size: 1.6rem;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation025.general2024topic4-2-a025 .animation025-item .animation025-text {
    font-size: 1.5rem;
    height: auto;
    min-height: 130px;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation025.general2024topic1-1-a025 .animation025-item .animation025-text {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    min-height: 130px;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation025.general2024topic4-2-a025 .animation025-item .animation025-title {
    font-size: 2rem;
    min-height: 70px;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation025.general2024topic1-1-a025 .animation025-item {
    margin-bottom: 2rem;
    position: relative;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation025.general2024topic1-1-a025 .animation025-item .click-point {
    position: absolute;
    width: 100px;
    transform: rotate(-45deg);
    z-index: 10;
    transition: all 800ms linear 0s;
    bottom: -50px;
    left: unset;
    right: 0;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation025.general2024topic1-1-a025 .animation025-item .animation025-text {
    min-height: 110px;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation025.general2024topic4-2-a025 .animation025-item {
    width: calc(50% - 4rem);
    margin-bottom: 2rem;
    position: relative;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation025.general2024topic4-2-a025 .animation025-item .click-point {
    position: absolute;
    width: 100px;
    transform: rotate(-45deg);
    z-index: 10;
    transition: all 800ms linear 0s;
    bottom: -50px;
    left: unset;
    right: 0;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation025.general2024topic4-2-a025 .animation025-item .animation025-text {
    min-height: 110px;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation025.general2024topic1-1-a025 .animation025-item .animation025-title {
    font-size: 1.8rem;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation025.general2024topic1-1-a025 .animation025-item .animation025-text {
    font-size: 1.5rem;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation025.general2024topic4-2-a025 .animation025-item .animation025-title {
    font-size: 1.8rem;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation025.general2024topic4-2-a025 .animation025-item .animation025-text {
    font-size: 1.5rem;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation025.general2024topic1-1-a025 {
    grid-row-gap: 2rem;
    row-gap: 2rem;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation025.general2024topic1-1-a025 .animation025-item {
    width: 60%;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation025.general2024topic1-1-a025 .animation025-item .click-point {
    width: 50px;
    bottom: -25px;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation025.general2024topic1-1-a025 .animation025-item .animation025-title {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation025.general2024topic1-1-a025 .animation025-item .animation025-text {
    min-height: 130px;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation025.general2024topic4-2-a025 {
    grid-row-gap: 2rem;
    row-gap: 2rem;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation025.general2024topic4-2-a025 .animation025-item {
    width: 85%;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation025.general2024topic4-2-a025 .animation025-item .click-point {
    width: 50px;
    bottom: -25px;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation025.general2024topic4-2-a025 .animation025-item .animation025-title {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation025.general2024topic4-2-a025 .animation025-item .animation025-text {
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation025.general2024topic1-1-a025 .animation025-item {
    width: 75%;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation025.general2024topic1-1-a025 .animation025-item .animation025-title {
    font-size: 2rem;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation025.general2024topic1-1-a025 .animation025-item .animation025-text {
    font-size: 1.6rem;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation025.general2024topic4-2-a025 .animation025-item {
    width: 85%;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation025.general2024topic4-2-a025 .animation025-item .animation025-title {
    font-size: 2rem;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation025.general2024topic4-2-a025 .animation025-item .animation025-text {
    font-size: 1.6rem;
  }
}

.general2024 .animation029 {
  width: 70%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  grid-gap: 3rem;
  gap: 3rem;
  margin: auto;
  padding-right: 3.5rem;
}
.general2024 .animation029 .animation029-item {
  width: calc(33.33% - 3rem);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.general2024 .animation029 .animation029-item .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 100;
  transition: all 800ms linear 0s;
  bottom: -80px;
  right: -80px;
}
.general2024 .animation029 .animation029-item .text {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 240px;
  height: 240px;
  border-radius: 10%;
  color: white;
  font-size: 24px;
  line-height: 1.5;
  text-align: center;
  padding: 1rem;
}
.general2024.en .animation029 .animation029-item .text {
  font-size: 20px;
  line-height: 1.2;
}
@media (max-width: 1024px) {
  .general2024 .animation029 {
    width: 70%;
    padding-right: 0;
  }
  .general2024 .animation029 .animation029-item .text {
    font-size: 2rem;
  }
  .general2024.en .animation029 {
    width: 80%;
  }
  .general2024.en .animation029 .animation029-item .text {
    font-size: 1.8rem;
  }
}
@media (max-width: 768px) {
  .general2024 .animation029 {
    width: 90%;
  }
  .general2024 .animation029 .animation029-item .text {
    font-size: 1.6rem;
    height: 190px;
  }
  .general2024.en .animation029 .animation029-item .text {
    font-size: 1.6rem;
    height: 190px;
  }
}
@media (max-width: 480px) {
  .general2024 .animation029 {
    width: 100%;
    grid-gap: 1rem;
    gap: 1rem;
    grid-row-gap: 1.5rem;
    row-gap: 1.5rem;
  }
  .general2024 .animation029 .animation029-item {
    width: calc(50% - 1rem);
  }
  .general2024 .animation029 .animation029-item .text {
    font-size: 1.5rem;
    height: 160px;
  }
  .general2024.en .animation029 {
    width: 100%;
  }
  .general2024.en .animation029 .animation029-item .text {
    font-size: 1.5rem;
    height: 190px;
  }
}

.general2024 .animation046 {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-right: 2rem;
  grid-row-gap: 0;
  row-gap: 0;
  position: relative;
  width: 80%;
  max-width: 1030px;
  margin: auto;
  grid-gap: 2rem;
  gap: 2rem;
}
.general2024 .animation046 .force-wrap {
  width: 100%;
}
.general2024 .animation046 .click-point1 {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  left: 12%;
  top: 40%;
}
.general2024 .animation046 .animation046-contaner {
  display: flex;
  grid-gap: 1rem;
  gap: 1rem;
  justify-content: space-between;
  width: calc(33.33% - 2rem);
}
.general2024 .animation046 .animation046-contaner .animation046-item {
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
  background: linear-gradient(90deg, #FFFFFF 0%, #FDFDFD 55%, #F6F6F6 74%, #EAEAEA 88%, #D9D9D9 100%);
}
.general2024 .animation046 .animation046-contaner .animation046-item img {
  width: 40%;
  margin-left: 30%;
}
.general2024 .animation046 .animation046-contaner .animation046-item .text {
  width: 100%;
  height: 100%;
  padding: 10%;
  font-size: 22px;
  line-height: 1.5;
  min-height: 200px;
}
.general2024.en .animation046 {
  width: 75%;
}
.general2024.en .animation046 .animation046-contaner .animation046-item {
  display: flex;
  flex-direction: column;
}
.general2024.en .animation046 .animation046-contaner .animation046-item .text {
  width: 100%;
  height: 100%;
  padding: 10% 15%;
  font-size: 20px;
  line-height: 1.2;
}
@media (max-width: 1024px) {
  .general2024 .animation046 {
    margin-right: 0;
    width: 100%;
    grid-gap: 2rem;
    gap: 2rem;
    justify-content: center;
  }
  .general2024 .animation046 .animation046-contaner {
    width: calc(33.33% - 2rem);
    justify-content: center;
  }
  .general2024 .animation046 .animation046-contaner .animation046-item {
    display: flex;
    justify-content: center;
    width: 85%;
  }
  .general2024 .animation046 .animation046-contaner .animation046-item .text {
    font-size: 2rem;
    line-height: 1.5;
  }
  .general2024.en .animation046 .animation046-contaner .animation046-item .text {
    font-size: 1.8rem;
    line-height: 1.2;
  }
}
@media (max-width: 768px) {
  .general2024 .animation046 .animation046-contaner .animation046-item .text {
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .general2024.en .animation046 .animation046-contaner .animation046-item .text {
    font-size: 1.6rem;
    line-height: 1.3;
  }
}
@media (max-width: 480px) {
  .general2024 .animation046 {
    justify-content: center;
    width: 60%;
    margin: auto;
    margin-right: auto;
  }
  .general2024 .animation046 .animation046-contaner {
    width: 100%;
    justify-content: center;
  }
  .general2024 .animation046 .animation046-contaner .animation046-item {
    width: 100%;
  }
  .general2024 .animation046 .animation046-contaner .animation046-item .text {
    font-size: 2rem;
    line-height: 1.5;
  }
  .general2024.en .animation046 .animation046-contaner .animation046-item .text {
    font-size: 1.6rem;
    line-height: 1.3;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
}

.general2024 .animation047 {
  padding-right: 3.5rem;
}
.general2024 .animation047.Desktop {
  display: block;
}
.general2024 .animation047.Desktop .animation047-title {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.general2024 .animation047.Desktop .animation047-title .subtitle {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.general2024 .animation047.Desktop .animation047-title .subtitle .subtitle-icon {
  width: 90px;
}
.general2024 .animation047.Desktop .animation047-title .subtitle .subtitle-content {
  font-size: 20px;
  font-weight: 600;
  color: white;
  padding: 1rem 0.5rem;
  width: 100%;
}
.general2024 .animation047.Desktop .animation047-title .subtitle .click-point {
  position: absolute;
  width: 70px;
  right: -35px;
  bottom: -35px;
  transform: rotate(315deg);
}
.general2024 .animation047.Desktop .animation047-title .subtitle:nth-child(1) {
  width: 15%;
}
.general2024 .animation047.Desktop .animation047-title .subtitle:nth-child(1) .subtitle-content {
  background-color: #F0BD37;
}
.general2024 .animation047.Desktop .animation047-title .subtitle:nth-child(2) {
  width: 35%;
}
.general2024 .animation047.Desktop .animation047-title .subtitle:nth-child(2) .subtitle-content {
  background-color: #9ECE40;
}
.general2024 .animation047.Desktop .animation047-title .subtitle:nth-child(3) {
  width: 35%;
}
.general2024 .animation047.Desktop .animation047-title .subtitle:nth-child(3) .subtitle-content {
  background-color: #49A1D6;
}
.general2024 .animation047.Desktop .animation047-title .subtitle:nth-child(4) {
  width: 15%;
}
.general2024 .animation047.Desktop .animation047-title .subtitle:nth-child(4) .subtitle-content {
  background-color: #2C497B;
}
.general2024 .animation047.Desktop .animation047-content {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.general2024 .animation047.Desktop .animation047-content .animation047-item {
  display: flex;
  flex-direction: row;
  width: 100%;
  border: 1px solid #E1E2E3;
}
.general2024 .animation047.Desktop .animation047-content .animation047-item .sub-item {
  font-size: 16px;
  display: flex;
  align-items: center;
  padding: 1rem 0.5rem;
}
.general2024 .animation047.Desktop .animation047-content .animation047-item .sub-item a {
  text-decoration: underline;
  color: #F3AD43;
}
.general2024 .animation047.Desktop .animation047-content .animation047-item .sub-item:nth-child(1) {
  width: 15%;
  color: white;
  font-weight: 600;
  background: url(data:image/png;base64,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) no-repeat left center / 100% 50px;
}
.general2024 .animation047.Desktop .animation047-content .animation047-item .sub-item:nth-child(2) {
  width: 35%;
}
.general2024 .animation047.Desktop .animation047-content .animation047-item .sub-item:nth-child(3) {
  width: 35%;
}
.general2024 .animation047.Desktop .animation047-content .animation047-item .sub-item:nth-child(4) {
  width: 15%;
  font-weight: 600;
}
.general2024 .animation047.Desktop .animation047-content .animation047-item:nth-child(odd) {
  background-color: #F8F8F8;
}
.general2024 .animation047.Mobile {
  display: none;
}
@media (max-width: 1024px) {
  .general2024 .animation047 {
    padding-right: 0;
  }
  .general2024 .animation047.Desktop {
    display: none;
  }
  .general2024 .animation047.Mobile {
    display: block;
  }
  .general2024 .animation047.Mobile .animation047-title {
    display: flex;
    flex-direction: row;
    width: 100%;
  }
  .general2024 .animation047.Mobile .animation047-title .subtitle {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .general2024 .animation047.Mobile .animation047-title .subtitle .subtitle-icon {
    width: 7rem;
  }
  .general2024 .animation047.Mobile .animation047-title .subtitle .subtitle-content {
    font-size: 20px;
    font-weight: 600;
    color: white;
    padding: 1rem 0.5rem;
    width: 100%;
  }
  .general2024 .animation047.Mobile .animation047-title .subtitle:nth-child(1) {
    width: 28%;
  }
  .general2024 .animation047.Mobile .animation047-title .subtitle:nth-child(1) .subtitle-content {
    background-color: #F0BD37;
  }
  .general2024 .animation047.Mobile .animation047-title .subtitle:nth-child(2) {
    width: 24%;
  }
  .general2024 .animation047.Mobile .animation047-title .subtitle:nth-child(2) .subtitle-content {
    background-color: #9ECE40;
  }
  .general2024 .animation047.Mobile .animation047-title .subtitle:nth-child(3) {
    width: 24%;
  }
  .general2024 .animation047.Mobile .animation047-title .subtitle:nth-child(3) .subtitle-content {
    background-color: #49A1D6;
  }
  .general2024 .animation047.Mobile .animation047-title .subtitle:nth-child(4) {
    width: 24%;
  }
  .general2024 .animation047.Mobile .animation047-title .subtitle:nth-child(4) .subtitle-content {
    background-color: #2C497B;
  }
  .general2024 .animation047.Mobile .animation047-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    grid-gap: 2rem;
    gap: 2rem;
  }
  .general2024 .animation047.Mobile .animation047-content .animation047-item {
    display: flex;
    flex-direction: column;
    width: 100%;
    border: 1px solid #E1E2E3;
    position: relative;
  }
  .general2024 .animation047.Mobile .animation047-content .animation047-item .click-point1 {
    position: absolute;
    width: 70px;
    right: -35px;
    bottom: -35px;
    transform: rotate(315deg);
  }
  .general2024 .animation047.Mobile .animation047-content .animation047-item .animation047-title .subtitle {
    width: 24%;
  }
  .general2024 .animation047.Mobile .animation047-content .animation047-item .animation047-title .subtitle:nth-child(1) {
    width: 28%;
  }
  .general2024 .animation047.Mobile .animation047-content .animation047-item .animation047-item-content .sub-item-container {
    display: flex;
    flex-direction: row;
  }
  .general2024 .animation047.Mobile .animation047-content .animation047-item .animation047-item-content .sub-item-container .sub-item .detail {
    padding: 1rem 0.5rem;
  }
  .general2024 .animation047.Mobile .animation047-content .animation047-item .animation047-item-content .sub-item-container .sub-item .sub-item-type {
    color: white;
    background: url(data:image/png;base64,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) no-repeat left top / 95% 50px;
    height: 5rem;
    display: flex;
    align-items: center;
    margin-top: 1rem;
    padding-left: 1rem;
  }
  .general2024 .animation047.Mobile .animation047-content .animation047-item .animation047-item-content .sub-item-container .sub-item:nth-child(1) {
    width: 28%;
  }
  .general2024 .animation047.Mobile .animation047-content .animation047-item .animation047-item-content .sub-item-container .sub-item:nth-child(2) {
    width: 72%;
  }
  .general2024 .animation047.Mobile .animation047-content .animation047-item {
    background-color: #F8F8F8;
  }
}
@media (max-width: 768px) {
  .general2024.en .animation047.Mobile .animation047-title .subtitle .subtitle-content {
    font-size: 1.6rem;
  }
}
@media (max-width: 480px) {
  .general2024 .animation047 {
    padding-right: 0;
  }
  .general2024 .animation047.Desktop {
    display: none;
  }
  .general2024 .animation047.Mobile {
    display: block;
  }
  .general2024 .animation047.Mobile .animation047-title {
    display: flex;
    flex-direction: row;
    width: 100%;
  }
  .general2024 .animation047.Mobile .animation047-title .subtitle {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .general2024 .animation047.Mobile .animation047-title .subtitle .subtitle-icon {
    width: 4rem;
  }
  .general2024 .animation047.Mobile .animation047-title .subtitle .subtitle-content {
    font-size: 1.4rem;
    font-weight: 600;
    color: white;
    padding: 1rem 0.5rem;
    width: 100%;
    min-height: 55px;
    display: flex;
    align-items: center;
  }
  .general2024 .animation047.Mobile .animation047-title .subtitle:nth-child(1) {
    width: 28%;
  }
  .general2024 .animation047.Mobile .animation047-title .subtitle:nth-child(1) .subtitle-content {
    background-color: #F0BD37;
  }
  .general2024 .animation047.Mobile .animation047-title .subtitle:nth-child(2) {
    width: 16%;
  }
  .general2024 .animation047.Mobile .animation047-title .subtitle:nth-child(2) .subtitle-content {
    background-color: #9ECE40;
  }
  .general2024 .animation047.Mobile .animation047-title .subtitle:nth-child(3) {
    width: 32%;
  }
  .general2024 .animation047.Mobile .animation047-title .subtitle:nth-child(3) .subtitle-content {
    background-color: #49A1D6;
  }
  .general2024 .animation047.Mobile .animation047-title .subtitle:nth-child(4) {
    width: 24%;
  }
  .general2024 .animation047.Mobile .animation047-title .subtitle:nth-child(4) .subtitle-content {
    background-color: #2C497B;
  }
  .general2024 .animation047.Mobile .animation047-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    grid-gap: 2rem;
    gap: 2rem;
  }
  .general2024 .animation047.Mobile .animation047-content .animation047-item {
    display: flex;
    flex-direction: column;
    width: 100%;
    border: 1px solid #E1E2E3;
  }
  .general2024 .animation047.Mobile .animation047-content .animation047-item .animation047-title .subtitle:nth-child(1) {
    width: 28%;
  }
  .general2024 .animation047.Mobile .animation047-content .animation047-item .animation047-title .subtitle:nth-child(2) {
    width: 16%;
  }
  .general2024 .animation047.Mobile .animation047-content .animation047-item .animation047-title .subtitle:nth-child(3) {
    width: 32%;
  }
  .general2024 .animation047.Mobile .animation047-content .animation047-item .animation047-title .subtitle:nth-child(4) {
    width: 24%;
  }
  .general2024 .animation047.Mobile .animation047-content .animation047-item .animation047-item-content .sub-item-container {
    display: flex;
    flex-direction: row;
  }
  .general2024 .animation047.Mobile .animation047-content .animation047-item .animation047-item-content .sub-item-container .sub-item .detail {
    padding: 1rem 0.5rem;
    font-size: 1.4rem;
  }
  .general2024 .animation047.Mobile .animation047-content .animation047-item .animation047-item-content .sub-item-container .sub-item .sub-item-type {
    color: white;
    background: url(data:image/png;base64,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) no-repeat left top / 100% 50px;
    height: 5rem;
    display: flex;
    align-items: center;
    margin-top: 1rem;
    padding-left: 0.5rem;
    font-size: 1.4rem;
    font-weight: 500;
  }
  .general2024 .animation047.Mobile .animation047-content .animation047-item .animation047-item-content .sub-item-container .sub-item:nth-child(1) {
    width: 28%;
  }
  .general2024 .animation047.Mobile .animation047-content .animation047-item .animation047-item-content .sub-item-container .sub-item:nth-child(2) {
    width: 72%;
  }
  .general2024 .animation047.Mobile .animation047-content .animation047-item {
    background-color: #F8F8F8;
  }
}

.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 {
  padding-right: 3.5rem;
  display: flex;
  justify-content: center;
  position: relative;
  cursor: pointer;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  top: 8rem;
  left: 30rem;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  grid-row-gap: 4rem;
  row-gap: 4rem;
  width: 100%;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item {
  width: 600px;
  display: flex;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position {
  width: 100%;
  margin: 0 50px;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent {
  width: 100%;
  height: 200px;
  padding: 0 3.5rem;
  position: relative;
  border-radius: 80px 80px 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .animation032-left {
  position: absolute;
  bottom: 0;
  left: -40px;
  width: 0;
  height: 0;
  border-bottom: 20px solid white;
  border-left: 20px solid white;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .animation032-right {
  position: absolute;
  bottom: 0;
  right: -40px;
  width: 0;
  height: 0;
  border-bottom: 20px solid white;
  border-right: 20px solid white;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .animation032-text {
  color: white;
  font-size: 1.4rem;
  line-height: 1.4;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .animation032-text .animation032-text-title {
  font-size: 1.6rem;
  margin-bottom: 1rem;
  font-weight: 700;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .sub-task-text {
  position: relative;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .sub-task-text .click-point1 {
  width: 40px !important;
  position: absolute;
  bottom: 5%;
  right: -15%;
  transform: rotate(270deg);
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .sub-task-text .ant-btn {
  cursor: pointer;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .sub-task-text .ant-btn > span {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.5;
  color: white;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r1 {
  justify-content: flex-start;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r1 .animation032-subcontent {
  background-color: #E0621B;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r1 .animation032-subcontent .animation032-left {
  border-top: 20px solid #A04817;
  border-right: 20px solid #A04817;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r1 .animation032-subcontent .animation032-right {
  border-top: 20px solid #A04817;
  border-left: 20px solid #A04817;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r2 {
  justify-content: flex-end;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r2 .animation032-subcontent {
  background-color: #2186B2;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r2 .animation032-subcontent .animation032-left {
  border-top: 20px solid #156B89;
  border-right: 20px solid #156B89;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r2 .animation032-subcontent .animation032-right {
  border-top: 20px solid #156B89;
  border-left: 20px solid #156B89;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r3 {
  justify-content: flex-start;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r3 .animation032-subcontent {
  background-color: #E24655;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r3 .animation032-subcontent .animation032-left {
  border-top: 20px solid #AA2B3D;
  border-right: 20px solid #AA2B3D;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r3 .animation032-subcontent .animation032-right {
  border-top: 20px solid #AA2B3D;
  border-left: 20px solid #AA2B3D;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r4 {
  justify-content: flex-end;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r4 .animation032-subcontent {
  background-color: #248075;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r4 .animation032-subcontent .animation032-left {
  border-top: 20px solid #156055;
  border-right: 20px solid #156055;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r4 .animation032-subcontent .animation032-right {
  border-top: 20px solid #156055;
  border-left: 20px solid #156055;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r5 {
  justify-content: flex-start;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r5 .animation032-subcontent {
  background-color: #FF820F;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r5 .animation032-subcontent .animation032-left {
  border-top: 20px solid #AB6700;
  border-right: 20px solid #AB6700;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r5 .animation032-subcontent .animation032-right {
  border-top: 20px solid #AB6700;
  border-left: 20px solid #AB6700;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r6 {
  justify-content: flex-end;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r6 .animation032-subcontent {
  background-color: #7031BF;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r6 .animation032-subcontent .animation032-left {
  border-top: 20px solid #2B065A;
  border-right: 20px solid #2B065A;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r6 .animation032-subcontent .animation032-right {
  border-top: 20px solid #2B065A;
  border-left: 20px solid #2B065A;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r7 {
  justify-content: flex-start;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r7 .animation032-subcontent {
  background-color: #E29625;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r7 .animation032-subcontent .animation032-left {
  border-top: 20px solid #9D6511;
  border-right: 20px solid #9D6511;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item.r7 .animation032-subcontent .animation032-right {
  border-top: 20px solid #9D6511;
  border-left: 20px solid #9D6511;
}
.cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent {
  height: 280px;
  padding: 0 2.5rem;
  position: relative;
  border-radius: 100px 100px 0 0;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 {
    padding-right: 0;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content {
    padding-right: 0 !important;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item {
    width: calc(50% - 2rem);
    margin-bottom: 1rem;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent {
    height: 180px;
    border-radius: 70px 70px 0 0;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .animation032-text {
    font-size: 1.8rem;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .animation032-text .animation032-text-title {
    font-size: 2rem;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number .animation032-icon {
    width: 5.5rem;
    height: 5.5rem;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number .number {
    text-align: center;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number .animation032-icon img {
    max-width: 50% !important;
    max-height: 50% !important;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content {
    padding-right: 0 !important;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item {
    width: 65%;
    margin-bottom: 1rem;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent {
    height: 180px;
    border-radius: 70px 70px 0 0;
    padding: 0 4rem;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .animation032-text {
    font-size: 1.8rem;
    line-height: 1.3;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .animation032-text .animation032-text-title {
    font-size: 2rem;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .sub-task-text .click-point1 {
    width: 40px !important;
    position: absolute;
    bottom: 5%;
    right: -25%;
    transform: rotate(270deg);
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number .animation032-icon {
    width: 5.5rem;
    height: 5.5rem;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number .number {
    text-align: center;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number .animation032-icon img {
    max-width: 50% !important;
    max-height: 50% !important;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 {
    padding-right: 0;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content {
    flex-wrap: wrap;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item {
    width: 85%;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position {
    width: 100%;
    margin: 0 50px;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent {
    align-items: flex-start;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .animation032-text {
    font-size: 1.6rem;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .animation032-text .animation032-text-title {
    font-size: 1.8rem;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number {
    min-width: 11rem;
    height: 3.625rem;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number .number {
    text-align: center;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number .animation032-icon {
    width: 5.5rem;
    height: 5.5rem;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation032 {
    padding-right: 0;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content {
    flex-wrap: wrap;
    justify-content: center;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item {
    width: 75%;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position {
    width: 100%;
    margin: 0 50px;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .animation032-text {
    font-size: 1.6rem;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .animation032-text .animation032-text-title {
    font-size: 1.8rem;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .sub-task-text .click-point1 {
    width: 40px !important;
    position: absolute;
    bottom: 5%;
    right: -25%;
    transform: rotate(270deg);
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number {
    min-width: 11rem;
    height: 3.625rem;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number .number {
    text-align: center;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number .animation032-icon {
    width: 5.5rem;
    height: 5.5rem;
  }
}
@media (max-width: 480px) {
  .general2024 .animation032-modal {
    width: 100% !important;
  }
  .general2024 .animation032-modal .ant-modal-content .animation032-modal-header {
    margin-left: 0;
  }
  .general2024 .animation032-modal .ant-modal-content .ant-modal-body .next-button .click-point2 {
    bottom: 0rem;
    transform: rotate(90deg);
  }
  .general2024 .animation032-modal .ant-modal-content .ant-modal-body .prev-button .click-point1 {
    bottom: 0;
    transform: rotate(270deg);
  }
  .general2024 .animation032-modal .ant-modal-content .ant-modal-body .content {
    width: 100%;
    margin-top: 2rem;
    font-size: 1.4rem;
  }
  .general2024 .animation032-modal .ant-modal-content .ant-modal-body .border {
    margin: 0;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 {
    padding-right: 0;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content {
    flex-wrap: wrap;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item {
    width: 100%;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position {
    width: 100%;
    margin: 0 50px;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent {
    text-align: center;
    padding: 0 2rem;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .animation032-left {
    left: -38px;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .animation032-right {
    right: -38px;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .animation032-text {
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .animation032-text .animation032-text-title {
    font-size: 1.6rem;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .sub-task-text .ant-btn > span {
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number {
    min-width: 11rem;
    height: 3.625rem;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number .number {
    text-align: center;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number .animation032-icon {
    width: 5.5rem;
    height: 5.5rem;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation032 {
    padding-right: 0;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content {
    flex-wrap: wrap;
    width: 100%;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item {
    width: 105%;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position {
    width: 100%;
    margin: 0 50px;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent {
    height: 190px;
    border-radius: 50px 50px 0 0;
    padding: 2rem;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .animation032-text {
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .animation032-text .animation032-text-title {
    font-size: 1.6rem;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .sub-task-text .click-point1 {
    width: 40px !important;
    position: absolute;
    bottom: 5%;
    right: -25%;
    transform: rotate(270deg);
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-position .animation032-subcontent .sub-task-text .ant-btn > span {
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number {
    min-width: 11rem;
    height: 3.625rem;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number .number {
    text-align: center;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation032 .animation032-content .animation032-item .animation032-indicate-number .animation032-icon {
    width: 5.5rem;
    height: 5.5rem;
  }
}

.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation033 {
  display: flex;
  margin-right: 3.5rem;
  justify-content: space-between;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation033 .animation033-tip {
  width: 25%;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation033 .animation033-tip .tip {
  background-image: url(/static/media/9881.3dcc291c.png);
  background-size: contain;
  background-repeat: no-repeat;
  height: 45rem;
  width: 16.75rem;
  text-align: center;
  padding-top: 135px;
  padding-bottom: 409px;
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  line-height: 1.4;
  font-weight: 500;
  padding-left: 1rem;
  padding-right: 1rem;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation033 .animation033-content {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  width: 90%;
  height: 520px;
  grid-gap: 1rem;
  gap: 1rem;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item {
  width: calc(50% - 1rem);
  height: 150px;
  display: flex;
  align-items: center;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-indicate-number {
  width: 30%;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-indicate-number img {
  width: 100%;
  height: auto;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent {
  width: 80%;
  font-size: 22px;
  padding-left: 15px;
  line-height: 1.5;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .view-more .view-more-btn {
  padding: 0;
  font-size: 22px;
  color: orange;
  font-weight: 600;
  height: auto;
  position: relative;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .view-more .view-more-btn .click-point1 {
  width: 40px;
  cursor: pointer;
  position: absolute;
  left: unset;
  top: unset;
  bottom: -8px;
  right: -30px;
  transform: rotate(270deg);
}
.cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content {
  height: 482px;
}
.cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item {
  height: 150px;
}
.cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-indicate-number img {
  width: 80%;
}
.cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .animation033-text {
  line-height: 1.2;
}
.animation033-modal-general2024 .ant-modal-content .animation033-modal-header {
  margin: 4rem;
  margin-bottom: 1rem;
  margin-top: 1rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 4rem;
  padding: 1rem;
  font-size: 2.625rem;
  font-weight: 500;
  border-left: 4px solid #FF7043;
  display: flex;
  align-items: center;
  justify-content: center;
}
.animation033-modal-general2024 .ant-modal-content .ant-modal-body {
  padding-bottom: 5.5rem;
}
.animation033-modal-general2024 .ant-modal-content .ant-modal-body .next-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.8rem;
  width: 4.8rem;
  right: 0;
  bottom: 0;
  padding: 0;
}
.animation033-modal-general2024 .ant-modal-content .ant-modal-body .next-button .click-point2 {
  position: absolute;
  bottom: 5rem;
  right: 5rem;
  width: 5rem;
  height: 5rem;
  transform: rotate(135deg);
}
.animation033-modal-general2024 .ant-modal-content .ant-modal-body .next-button .arrow {
  margin: 0 auto;
}
.animation033-modal-general2024 .ant-modal-content .ant-modal-body .prev-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.8rem;
  width: 4.8rem;
  left: 0;
  bottom: 0;
  padding: 0;
}
.animation033-modal-general2024 .ant-modal-content .ant-modal-body .prev-button .click-point1 {
  position: absolute;
  bottom: 5rem;
  left: 5rem;
  width: 5rem;
  height: 5rem;
  transform: rotate(225deg);
}
.animation033-modal-general2024 .ant-modal-content .ant-modal-body .prev-button .arrow {
  margin: 0 auto;
}
.animation033-modal-general2024 .ant-modal-content .ant-modal-body .hide {
  display: none;
}
.animation033-modal-general2024 .ant-modal-content .ant-modal-body .border {
  margin-left: 12rem;
  margin-right: 12rem;
  margin-top: 0;
  margin-bottom: 1rem;
}
.animation033-modal-general2024 .ant-modal-content .ant-modal-body .border img {
  width: 100%;
}
.animation033-modal-general2024 .ant-modal-content .ant-modal-body .content {
  width: 37.5rem;
  margin-left: 12rem;
  margin-right: 12rem;
  margin-top: 0;
  background: rgba(234, 75, 108, 0.2);
  border-radius: 5px;
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: 400;
  padding: 1.5rem;
  text-align: center;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation033 {
    margin-right: 0;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation033 .animation033-tip .tip {
    font-size: 2rem;
    padding-top: 85px;
    padding-bottom: 245px;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation033 .animation033-content {
    padding-right: 0 !important;
    grid-gap: 3rem;
    gap: 3rem;
    width: 65%;
    margin: auto;
    height: unset;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item {
    width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin-bottom: 0;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .animation033-text {
    font-size: 2rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-tip .tip {
    line-height: 1.2;
    font-size: 1.8rem;
    padding-top: 85px;
    padding-bottom: 245px;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content {
    height: 820px;
    grid-gap: 1rem;
    gap: 1rem;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item {
    height: 120px;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent {
    width: 100%;
    font-size: 2rem;
    line-height: 1.3;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation033 .animation033-tip {
    display: none;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation033 .animation033-content {
    width: 70%;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent {
    font-size: 1.8rem;
    line-height: 1.3;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .view-more .view-more-btn {
    font-size: 1.8rem;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent {
    font-size: 1.8rem;
  }
  .animation033-modal-general2024 {
    width: 100% !important;
  }
  .animation033-modal-general2024 .ant-modal-content .animation033-modal-header {
    margin-left: 2rem;
    margin-top: 1rem;
    margin-bottom: 0;
  }
  .animation033-modal-general2024 .ant-modal-content .ant-modal-body .next-button .click-point2 {
    transform: rotate(90deg);
    bottom: 0;
  }
  .animation033-modal-general2024 .ant-modal-content .ant-modal-body .prev-button .click-point1 {
    transform: rotate(270deg);
    bottom: 0;
  }
  .animation033-modal-general2024 .ant-modal-content .ant-modal-body .border {
    margin-left: 2rem;
    margin-right: 2rem;
    margin-top: 0;
    margin-bottom: 1rem;
  }
  .animation033-modal-general2024 .ant-modal-content .ant-modal-body .content {
    width: 80%;
    font-size: 1.4rem;
    margin-bottom: 0;
  }
}
@media (max-width: 480px) {
  .general2024 .animation033-modal {
    width: 100% !important;
  }
  .general2024 .animation033-modal .ant-modal-content {
    width: 100%;
  }
  .general2024 .animation033-modal .ant-modal-content .animation033-modal-header {
    margin-left: 0;
  }
  .general2024 .animation033-modal .ant-modal-content .ant-modal-body .next-button .click-point2 {
    bottom: 0rem;
    transform: rotate(90deg);
  }
  .general2024 .animation033-modal .ant-modal-content .ant-modal-body .prev-button .click-point1 {
    bottom: 0;
    transform: rotate(270deg);
  }
  .general2024 .animation033-modal .ant-modal-content .ant-modal-body .content {
    width: 100%;
    margin-top: 2rem;
    font-size: 1.4rem;
  }
  .general2024 .animation033-modal .ant-modal-content .ant-modal-body .border {
    margin: 0;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation033 .animation033-tip {
    display: none;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation033 .animation033-content {
    width: 100%;
    flex-wrap: wrap;
    flex-direction: column;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item {
    width: 100%;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-indicate-number {
    display: flex;
    width: 20%;
    height: 100%;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent {
    font-size: 1.4rem;
    line-height: 1.4;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .view-more .view-more-btn {
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .view-more .view-more-btn .click-point1 {
    width: 30px;
    bottom: -8px;
    right: -25px;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-tip {
    display: none;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent {
    font-size: 1.6rem;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation033 .animation033-content .animation033-item .animation033-subcontent .animation033-text {
    line-height: 1.2;
    font-size: 1.6rem;
    padding-left: 12px;
  }
}

.general2024 .animation034 {
  margin-right: 3.5rem;
}
.general2024 .animation034 .animation034-content {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 2rem;
  gap: 2rem;
  justify-content: space-between;
}
.general2024 .animation034 .animation034-content .animation034-item {
  margin-bottom: 1rem;
  width: calc(50% - 2rem);
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
}
.general2024 .animation034 .animation034-content .animation034-item .click-point {
  position: absolute;
  width: 80px;
  transform: rotate(-45deg);
  z-index: 12;
  transition: all 800ms linear 0s;
  bottom: -15%;
  left: 15%;
}
.general2024 .animation034 .animation034-content .animation034-item .animation034-indicate-number {
  background: #FFFFFF;
  border: 2px solid;
  border-radius: 4rem;
  margin-right: -2rem;
  z-index: 10;
}
.general2024 .animation034 .animation034-content .animation034-item .animation034-indicate-number .number {
  width: 8rem;
  height: 8rem;
  line-height: 8rem;
  text-align: center;
  font-size: 3rem;
  font-weight: 700;
}
.general2024 .animation034 .animation034-content .animation034-item .animation034-body {
  width: 100%;
  height: 6rem;
  border-radius: 0 1rem 1rem 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 3rem;
  padding-right: 2rem;
  z-index: 9;
}
.general2024 .animation034 .animation034-content .animation034-item .animation034-body .animation034-text {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
  text-align: left;
  color: white;
}
.general2024.en .animation034 .animation034-content .animation034-item {
  width: 65%;
}
.general2024.en .animation034 .animation034-content .animation034-item .animation034-indicate-number {
  border-radius: 5rem;
}
.general2024.en .animation034 .animation034-content .animation034-item .animation034-indicate-number .number {
  width: 8rem;
  height: 8rem;
  line-height: 8rem;
  font-size: 3rem;
}
.general2024.en .animation034 .animation034-content .animation034-item .animation034-body {
  height: 7rem;
  border-radius: 0 2rem 2rem 0;
}
.general2024.en .animation034 .animation034-content .animation034-item .animation034-body .animation034-text {
  font-size: 20px;
  line-height: 1.2;
}
@media (max-width: 1300px) {
  .general2024 .animation034 .animation034-content .animation034-item .animation034-body .animation034-text {
    font-size: 16px;
  }
}
@media (max-width: 1024px) {
  .general2024 .animation034 {
    margin-right: 0;
  }
  .general2024 .animation034 .animation034-content {
    padding-right: 0!important;
    grid-gap: 2rem;
    gap: 2rem;
    grid-row-gap: 2rem;
    row-gap: 2rem;
  }
  .general2024 .animation034 .animation034-content .animation034-item {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin-bottom: 0;
    width: calc(50% - 1rem);
  }
  .general2024 .animation034 .animation034-content .animation034-item .click-point {
    width: 60px;
    bottom: -70%;
  }
  .general2024 .animation034 .animation034-content .animation034-item .animation034-indicate-number {
    border-radius: 6rem;
  }
  .general2024 .animation034 .animation034-content .animation034-item .animation034-indicate-number .number {
    width: 12rem;
    height: 12rem;
    line-height: 12rem;
    font-size: 4rem;
  }
  .general2024 .animation034 .animation034-content .animation034-item .animation034-body {
    height: 9.5rem;
  }
  .general2024 .animation034 .animation034-content .animation034-item .animation034-body .animation034-text {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.5;
  }
  .general2024.en .animation034 .animation034-content {
    grid-gap: 2rem;
    gap: 2rem;
  }
  .general2024.en .animation034 .animation034-content .animation034-item {
    width: calc(50% - 1.2rem);
    height: 11rem;
    margin-bottom: 0;
  }
  .general2024.en .animation034 .animation034-content .animation034-item .click-point {
    bottom: -15%;
  }
  .general2024.en .animation034 .animation034-content .animation034-item .animation034-indicate-number {
    border-radius: 5.5rem;
    margin-right: -3rem;
  }
  .general2024.en .animation034 .animation034-content .animation034-item .animation034-indicate-number .number {
    width: 11rem;
    height: 11rem;
    line-height: 11rem;
    font-size: 3.5rem;
  }
  .general2024.en .animation034 .animation034-content .animation034-item .animation034-body {
    height: 10rem;
    border-radius: 0 2rem 2rem 0;
    padding-left: 3.5rem;
    padding-right: 1rem;
  }
  .general2024.en .animation034 .animation034-content .animation034-item .animation034-body .animation034-text {
    font-size: 1.6rem;
    line-height: 1.2;
  }
}
@media (max-width: 768px) {
  .general2024 .animation034 .animation034-content {
    flex-wrap: wrap;
    width: 70%;
    margin: auto;
  }
  .general2024 .animation034 .animation034-content .animation034-item {
    width: 100%;
  }
  .general2024 .animation034 .animation034-content .animation034-item .animation034-indicate-number .number {
    text-align: center;
  }
  .general2024 .animation034 .animation034-content .animation034-item .animation034-indicate-number .animation034-icon {
    width: 5.5rem;
    height: 5.5rem;
  }
  .general2024 .animation034 .animation034-content .animation034-item .click-point {
    bottom: -100%;
  }
  .general2024.en .animation034 .animation034-content {
    flex-wrap: wrap;
    width: 70%;
    margin: auto;
  }
  .general2024.en .animation034 .animation034-content .animation034-item {
    width: 100%;
  }
  .general2024.en .animation034 .animation034-content .animation034-item .animation034-indicate-number .number {
    text-align: center;
  }
}
@media (max-width: 480px) {
  .general2024 .animation034 .animation034-content {
    width: 100%;
    padding-right: 0!important;
    grid-gap: 2rem;
    gap: 2rem;
    grid-row-gap: 2rem;
    row-gap: 2rem;
  }
  .general2024 .animation034 .animation034-content .animation034-item {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin-bottom: 1rem;
    width: 100%;
  }
  .general2024 .animation034 .animation034-content .animation034-item .click-point {
    width: 60px;
    bottom: -70%;
  }
  .general2024 .animation034 .animation034-content .animation034-item .animation034-indicate-number {
    border-radius: 4rem;
  }
  .general2024 .animation034 .animation034-content .animation034-item .animation034-indicate-number .number {
    width: 8rem;
    height: 8rem;
    line-height: 8rem;
    font-size: 3rem;
  }
  .general2024 .animation034 .animation034-content .animation034-item .animation034-body {
    height: 7rem;
  }
  .general2024 .animation034 .animation034-content .animation034-item .animation034-body .animation034-text {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.3;
  }
  .general2024.en .animation034 .animation034-content {
    width: 100%;
  }
  .general2024.en .animation034 .animation034-content .animation034-item {
    width: 100%;
  }
  .general2024.en .animation034 .animation034-content .animation034-item .animation034-indicate-number .number {
    text-align: center;
  }
  .general2024.en .animation034 .animation034-content .animation034-item .animation034-body .animation034-text {
    font-size: 1.4rem;
    line-height: 1;
  }
}

.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation037 {
  margin-right: 3.5rem;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation037.general2024topic3-1-a037 {
  display: flex;
  flex-direction: row;
  max-width: 1680px;
  margin: auto;
  margin-top: 3.5rem;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation037.general2024topic3-1-a037 .animation037-tip {
  width: 25%;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation037.general2024topic3-1-a037 .animation037-tip .tip {
  background-image: url(/static/media/9881.3dcc291c.png);
  background-size: cover;
  height: 42.5rem;
  width: 16.75rem;
  text-align: center;
  padding-top: 140px;
  padding-bottom: 355px;
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  line-height: 1.4;
  font-weight: 500;
  padding-left: 2rem;
  padding-right: 2rem;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation037.general2024topic3-1-a037 .animation037-content {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 75%;
  grid-row-gap: unset;
  row-gap: unset;
  height: unset;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation037.general2024topic3-1-a037 .animation037-content .animation037-item {
  width: calc(50% - 2rem);
  height: 150px;
  display: flex;
  align-items: center;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation037.general2024topic3-1-a037 .animation037-content .animation037-item .animation037-indicate-number {
  width: 20%;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation037.general2024topic3-1-a037 .animation037-content .animation037-item .animation037-indicate-number img {
  width: 100%;
  height: auto;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation037.general2024topic3-1-a037 .animation037-content .animation037-item .animation037-subcontent {
  width: 80%;
  font-size: 1.5rem;
  line-height: 1.3;
  padding-left: 20px;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation037.general2024topic3-1-a037 .animation037-content .animation037-item .animation037-subcontent .view-more {
  width: auto;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation037.general2024topic3-1-a037 .animation037-content .animation037-item .animation037-subcontent .view-more .view-more-btn {
  padding: 0;
  font-size: 1.3125rem;
  height: auto;
  position: relative;
  color: #FF1E01;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation037.general2024topic3-1-a037 .animation037-content .animation037-item .animation037-subcontent .view-more .view-more-btn .click-point1 {
  width: 40px;
  cursor: pointer;
  position: absolute;
  bottom: -10px;
  right: -45px;
  transform: rotate(270deg);
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation037 .animation037-content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  grid-gap: 2rem;
  gap: 2rem;
  grid-row-gap: 4rem;
  row-gap: 4rem;
  justify-content: space-around;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item {
  width: 48%;
  display: flex;
  align-items: center;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item .animation037-indicate-number {
  width: 30%;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item .animation037-indicate-number img {
  width: 100%;
  height: auto;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item .animation037-subcontent {
  width: 70%;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item .animation037-subcontent .animation037-text {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  padding-left: 20px;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item .animation037-subcontent .sub-task-text {
  position: relative;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item .animation037-subcontent .sub-task-text .click-point1 {
  width: 40px !important;
  position: absolute;
  bottom: -50%;
  right: -25%;
  transform: rotate(315deg);
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item .animation037-subcontent .sub-task-text .ant-btn {
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item .animation037-subcontent .sub-task-text .ant-btn > span {
  color: #CA9200;
  font-size: 20px;
  font-weight: 500;
  line-height: 22px;
}
.cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation037.general2024topic3-1-a037 .animation037-content .animation037-item .animation037-subcontent {
  font-size: 20px;
  line-height: 1.2;
}
.cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation037.general2024topic3-1-a037 .animation037-content .animation037-item .animation037-subcontent .view-more .view-more-btn {
  font-size: 20px !important;
}
.animation037-modal-general2024 .ant-modal-content .animation037-modal-header {
  margin: 4rem;
  margin-bottom: 1rem;
  margin-top: 1rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 4rem;
  padding: 1rem;
  font-size: 2.4rem;
  font-weight: 500;
  border-left: 6px solid #FF7043;
  display: flex;
  align-items: center;
  justify-content: center;
}
.animation037-modal-general2024 .ant-modal-content .ant-modal-body .next-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.8rem;
  width: 4.8rem;
  right: 0;
  bottom: 0;
  padding: 0;
}
.animation037-modal-general2024 .ant-modal-content .ant-modal-body .next-button .click-point2 {
  position: absolute;
  bottom: 5rem;
  right: 5rem;
  width: 5rem;
  height: 5rem;
  transform: rotate(135deg);
}
.animation037-modal-general2024 .ant-modal-content .ant-modal-body .next-button .arrow {
  margin: 0 auto;
}
.animation037-modal-general2024 .ant-modal-content .ant-modal-body .prev-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.8rem;
  width: 4.8rem;
  left: 0;
  bottom: 0;
  padding: 0;
}
.animation037-modal-general2024 .ant-modal-content .ant-modal-body .prev-button .click-point1 {
  position: absolute;
  bottom: 5rem;
  left: 5rem;
  width: 5rem;
  height: 5rem;
  transform: rotate(225deg);
}
.animation037-modal-general2024 .ant-modal-content .ant-modal-body .prev-button .arrow {
  margin: 0 auto;
}
.animation037-modal-general2024 .ant-modal-content .ant-modal-body .hide {
  display: none;
}
.animation037-modal-general2024 .ant-modal-content .ant-modal-body .border {
  margin-left: 12rem;
  margin-right: 12rem;
  margin-top: 0;
  margin-bottom: 1rem;
}
.animation037-modal-general2024 .ant-modal-content .ant-modal-body .border img {
  width: 100%;
}
.animation037-modal-general2024 .ant-modal-content .ant-modal-body .content {
  width: 37.5rem;
  margin-left: 12rem;
  margin-right: 12rem;
  margin-top: 0;
  margin-bottom: 5rem;
  background: rgba(234, 75, 108, 0.2);
  border-radius: 5px;
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: 400;
  padding: 1.5rem;
  text-align: center;
}
.animation037-modal-general2024 .ant-modal-content .ant-modal-body .tip {
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: 500;
  padding: 1rem;
}
@media (max-width: 1024px) {
  .animation037-modal-general2024 {
    width: 90% !important;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation037 {
    margin-right: 0;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation037.general2024topic3-1-a037 .animation037-tip {
    display: none;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation037.general2024topic3-1-a037 .animation037-content {
    width: 100%;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation037.general2024topic3-1-a037 .animation037-content .animation037-item .animation037-subcontent {
    font-size: 1.8rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation037.general2024topic3-1-a037 .animation037-content .animation037-item .animation037-subcontent .view-more .view-more-btn {
    font-size: 1.8rem !important;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation037 .animation037-content {
    padding-right: 0 !important;
    grid-gap: 2rem;
    gap: 2rem;
    grid-row-gap: 4rem;
    row-gap: 4rem;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item .animation037-subcontent {
    font-size: 2rem;
    line-height: 1.5;
  }
}
@media (max-width: 768px) {
  .animation037-modal-general2024 .ant-modal-content .animation037-modal-header {
    margin: 2rem;
    margin-top: 1rem;
    margin-bottom: 0;
  }
  .animation037-modal-general2024 .ant-modal-content .ant-modal-body {
    padding-bottom: 6rem;
  }
  .animation037-modal-general2024 .ant-modal-content .ant-modal-body .next-button .click-point2 {
    transform: rotate(90deg);
    bottom: 0;
  }
  .animation037-modal-general2024 .ant-modal-content .ant-modal-body .prev-button .click-point1 {
    transform: rotate(270deg);
    bottom: 0;
  }
  .animation037-modal-general2024 .ant-modal-content .ant-modal-body .border {
    margin-left: 2rem;
    margin-right: 2rem;
    margin-top: 0;
    margin-bottom: 1rem;
  }
  .animation037-modal-general2024 .ant-modal-content .ant-modal-body .content {
    width: 80%;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation037 {
    margin-top: -8rem;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation037.general2024topic3-1-a037 .animation037-content {
    grid-gap: 2rem;
    gap: 2rem;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation037.general2024topic3-1-a037 .animation037-content .animation037-item {
    width: calc(50% - 2rem);
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation037.general2024topic3-1-a037 .animation037-content .animation037-item .animation037-subcontent {
    font-size: 1.6rem;
    line-height: 1.5;
    padding-left: 15px;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation037.general2024topic3-1-a037 .animation037-content .animation037-item .animation037-subcontent .view-more .view-more-btn {
    font-size: 1.5rem !important;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation037.general2024topic3-1-a037 .animation037-content .animation037-item .animation037-subcontent .view-more .view-more-btn .click-point1 {
    right: -35px;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation037 .animation037-content {
    flex-wrap: wrap;
    width: 100%;
    grid-row-gap: 2rem;
    row-gap: 2rem;
    height: 570px;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item {
    width: calc(50% - 2rem);
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item .animation037-indicate-number {
    width: 30%;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item .animation037-subcontent {
    font-size: 1.8rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation037.general2024topic3-1-a037 .animation037-content .animation037-item .animation037-subcontent {
    font-size: 1.6rem;
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation037.general2024topic3-1-a037 .animation037-content .animation037-item .animation037-subcontent .view-more .view-more-btn {
    font-size: 1.6rem !important;
  }
}
@media (max-width: 480px) {
  .animation037-modal-general2024 {
    width: 100% !important;
  }
  .animation037-modal-general2024 .ant-modal-content .animation037-modal-header {
    margin-left: 0;
  }
  .animation037-modal-general2024 .ant-modal-content .ant-modal-body .next-button .click-point2 {
    bottom: 0rem;
    transform: rotate(90deg);
  }
  .animation037-modal-general2024 .ant-modal-content .ant-modal-body .prev-button .click-point1 {
    bottom: 0;
    transform: rotate(270deg);
  }
  .animation037-modal-general2024 .ant-modal-content .ant-modal-body .content {
    width: 100%;
    margin-top: 2rem;
    font-size: 1.4rem;
    margin-bottom: 2rem;
  }
  .animation037-modal-general2024 .ant-modal-content .ant-modal-body .border {
    margin: 0;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation037 {
    margin-top: 0 ;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation037.general2024topic3-1-a037 {
    margin-top: 0;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation037.general2024topic3-1-a037 .animation037-content {
    grid-gap: 2rem;
    gap: 2rem;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation037.general2024topic3-1-a037 .animation037-content .animation037-item {
    width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation037.general2024topic3-1-a037 .animation037-content .animation037-item .animation037-subcontent {
    font-size: 1.8rem;
    line-height: 1.5;
    padding-left: 15px;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation037.general2024topic3-1-a037 .animation037-content .animation037-item .animation037-subcontent .view-more .view-more-btn {
    font-size: 1.4rem !important;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation037.general2024topic3-1-a037 .animation037-content .animation037-item .animation037-subcontent .view-more .view-more-btn .click-point1 {
    right: -35px;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation037 .animation037-content {
    flex-wrap: wrap;
    flex-direction: column;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item {
    width: 100%;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation037 .animation037-content .animation037-item .animation037-subcontent {
    font-size: 1.8rem;
    line-height: 1.5;
  }
}

.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation041 {
  display: flex;
  padding-right: 56px;
  justify-content: center;
  grid-gap: 1.5rem;
  gap: 1.5rem;
  flex-wrap: wrap;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation041 .animation041-item {
  width: calc(20% - 3rem);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  background-size: 100%;
  background-repeat: no-repeat;
  padding-top: 4rem;
  min-height: 250px;
  position: relative;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation041 .animation041-item .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  bottom: 0;
  right: 0;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation041 .animation041-item .animation041-container {
  flex-grow: 1;
  margin-top: 1rem;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation041 .animation041-item .animation041-container .animation041-title {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  line-height: 1.3;
  font-weight: 600;
  text-align: center;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  min-height: 30px;
  padding-top: 1rem;
  min-height: 74px;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation041 .animation041-item .animation041-container .animation041-text {
  font-size: 18px;
  line-height: 1.4;
  padding: 1rem;
  text-align: center;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation041 .animation041-item .animation041-image {
  width: 100%;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation041 .animation041-item .animation041-image:last-child {
  margin-top: -20px;
}
.cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation041 {
  width: 1000px;
  margin: 0 auto;
  grid-gap: 3rem;
  gap: 3rem;
}
.cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation041 .animation041-item {
  width: calc(33.33% - 3rem);
}
.cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation041 .animation041-item .animation041-container .animation041-title {
  font-size: 22px;
  line-height: 1.2;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  min-height: 80px;
  padding: 0 1rem;
}
.cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation041 .animation041-item .animation041-container .animation041-text {
  font-size: 16px;
  line-height: 1.2;
  padding: 1rem;
}
@media (max-width: 1500px) {
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation041 {
    width: 1000px;
    margin: 0 auto;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation041 .animation041-item {
    width: calc(33.33% - 3rem);
    padding-top: 2.5rem;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation041 .animation041-item .animation041-text {
    font-size: 17px;
  }
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation041 {
    flex-wrap: wrap;
    padding: 0;
    width: 75%;
    margin: 3.5rem auto;
    grid-gap: 3rem;
    gap: 3rem;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation041 .animation041-item {
    padding-top: 0;
    width: calc(33.33% - 3rem);
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation041 .animation041-item .click-point {
    bottom: 0;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation041 .animation041-item .animation041-container .animation041-title {
    font-size: 2rem;
    padding: 1rem 2rem;
    line-height: 1.5;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation041 .animation041-item .animation041-container .animation041-text {
    font-size: 1.6rem;
    line-height: 1.5;
    padding: 1rem 1.5rem;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation041 {
    width: 100%;
    margin: 3.5rem auto;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation041 .animation041-item .animation041-container .animation041-title {
    font-size: 2rem;
    padding: 1rem 2rem;
    line-height: 1.2;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation041 .animation041-item .animation041-container .animation041-text {
    font-size: 1.6rem;
    line-height: 1.2;
    padding: 1rem 1.5rem;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation041 .animation041-item {
    width: calc(50% - 5rem);
    margin-bottom: 2rem;
    position: relative;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation041 .animation041-item .click-point {
    position: absolute;
    width: 100px;
    transform: rotate(-45deg);
    z-index: 10;
    transition: all 800ms linear 0s;
    bottom: -50px;
    left: unset;
    right: 0;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation041 .animation041-item .animation041-title {
    min-height: 110px;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation041 {
    width: 80%;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation041 .animation041-item {
    width: calc(50% - 5rem);
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation041 .animation041-item .animation041-container .animation041-title {
    min-height: 116px;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation041 .animation041-item .animation041-container .animation041-text {
    min-height: 135px;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation041 {
    grid-row-gap: 2rem;
    row-gap: 2rem;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation041 .animation041-item {
    width: 80%;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation041 .animation041-item .click-point {
    width: 50px;
    bottom: -25px;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation041 .animation041-item .animation041-container .animation041-title {
    padding: 1rem;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation041 .animation041-item .animation041-container .animation041-text {
    font-size: 1.5rem !important;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation041 .animation041-item {
    width: 80%;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation041 .animation041-item .animation041-container .animation041-title {
    font-size: 1.6rem;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation041 .animation041-item .animation041-container .animation041-text {
    font-size: 1.4rem;
  }
}

.general2024 .animation043-content {
  position: relative;
  margin-right: 3.5rem;
}
.general2024 .animation043-content .animation043 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.general2024 .animation043-content .animation043 .animation043-item {
  display: flex;
  flex-direction: column;
  grid-gap: 0.5rem;
  gap: 0.5rem;
  width: calc(25% - 1rem);
}
.general2024 .animation043-content .animation043 .animation043-item .animation043-head .animation043-time {
  position: relative;
  font-size: 20px;
  left: -30%;
}
.general2024 .animation043-content .animation043 .animation043-item .animation043-head .animation043-title {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 5rem;
  position: relative;
  width: 130%;
  left: -30%;
  font-size: 20px;
  color: #fff;
  background-size: 100% 85% !important;
}
.general2024 .animation043-content .animation043 .animation043-item .animation043-head .animation043-title div {
  text-align: center;
  width: 60%;
}
.general2024 .animation043-content .animation043 .animation043-item .animation043-hide-block {
  position: absolute;
  left: -30%;
  top: 0;
  width: 30%;
  height: 100%;
  background: #fff;
}
.general2024 .animation043-content .animation043 .animation043-item .animation043-list {
  font-size: 18px;
  line-height: 1.5;
}
.general2024 .animation043-content .animation043 .animation043-item .animation043-list .animation043-line {
  height: 10px;
}
.general2024 .animation043-content .animation043 .animation043-item .animation043-list ul {
  padding-left: 20px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
  margin-top: 2rem;
}
.general2024 .animation043-content .animation043 .animation043-item .animation043-list ul li {
  margin-bottom: 0.5rem;
}
.general2024 .animation043-content .animation043 .animation043-item.animation043-item-0 .animation043-head .animation043-time {
  left: 0;
}
.general2024 .animation043-content .animation043 .animation043-item.animation043-item-0 .animation043-head .animation043-title {
  width: 130%;
  left: -30%;
}
.general2024 .animation043-content .animation043 .animation043-item.animation043-item-0 .animation043-head .animation043-title div {
  position: relative;
  left: 0;
  width: 50%;
}
.general2024 .animation043-content .animation043 .animation043-item.animation043-item-3 .animation043-head .animation043-title div {
  width: 70%;
  margin: 0 0 0 20%;
}
.general2024.en .animation043-content .animation043 .animation043-item .animation043-head .animation043-title {
  min-height: 100px;
  font-size: 20px;
}
.general2024.en .animation043-content .animation043 .animation043-item .animation043-head .animation043-title div {
  width: 65%;
}
.general2024.en .animation043-content .animation043 .animation043-item .animation043-list {
  font-size: 18px;
}
.general2024.en .animation043-content .animation043 .animation043-item .animation043-list ul {
  margin-top: 1rem;
  line-height: 1.2;
}
.general2024.en .animation043-content .animation043 .animation043-item.animation043-item-0 .animation043-head .animation043-title div {
  width: 55%;
  left: 2%;
}
.general2024.en .animation043-content .animation043 .animation043-item.animation043-item-3 .animation043-head .animation043-title div {
  width: 70%;
  margin: 0 0 0 20%;
}
@media (max-width: 1024px) {
  .general2024 .animation043-content {
    margin-right: 0;
  }
  .general2024 .animation043-content .animation043 {
    justify-content: space-around;
    margin-left: 10%;
  }
  .general2024 .animation043-content .animation043 .animation043-item {
    width: calc(45% - 1rem);
    margin-bottom: 2rem;
  }
  .general2024 .animation043-content .animation043 .animation043-item .animation043-head .animation043-time {
    left: -20%;
  }
  .general2024 .animation043-content .animation043 .animation043-item .animation043-head .animation043-title {
    width: 120%;
    font-size: 1.8rem;
    left: -20%;
    margin-bottom: 0;
  }
  .general2024 .animation043-content .animation043 .animation043-item .animation043-head .animation043-title div {
    width: 64%;
  }
  .general2024 .animation043-content .animation043 .animation043-item .animation043-line {
    display: none;
  }
  .general2024 .animation043-content .animation043 .animation043-item .animation043-list {
    font-size: 1.6rem;
  }
  .general2024 .animation043-content .animation043 .animation043-item.animation043-item-0 .animation043-head .animation043-time {
    left: -20%;
  }
  .general2024 .animation043-content .animation043 .animation043-item.animation043-item-0 .animation043-head .animation043-title {
    width: 120%;
    left: -20%;
  }
  .general2024 .animation043-content .animation043 .animation043-item.animation043-item-0 .animation043-head .animation043-title div {
    width: 70%;
    margin: 0 20% 0 0;
  }
  .general2024 .animation043-content .animation043 .animation043-item.animation043-item-3 .animation043-head .animation043-title div {
    width: 70%;
    margin: 0 0 0 20%;
  }
  .general2024.en .animation043-content .animation043 {
    justify-content: space-around;
    margin-left: 10%;
  }
  .general2024.en .animation043-content .animation043 .animation043-item {
    width: calc(45% - 1rem);
  }
  .general2024.en .animation043-content .animation043 .animation043-item .animation043-head .animation043-time {
    left: -20%;
  }
  .general2024.en .animation043-content .animation043 .animation043-item .animation043-head .animation043-title {
    min-height: 70px;
    font-size: 1.8rem;
    left: -20%;
    margin-bottom: 0;
  }
  .general2024.en .animation043-content .animation043 .animation043-item .animation043-head .animation043-title div {
    width: 60%;
  }
  .general2024.en .animation043-content .animation043 .animation043-item .animation043-line {
    display: none;
  }
  .general2024.en .animation043-content .animation043 .animation043-item .animation043-list {
    font-size: 1.6rem;
  }
  .general2024.en .animation043-content .animation043 .animation043-item.animation043-item-0 .animation043-head .animation043-time {
    left: -20%;
  }
  .general2024.en .animation043-content .animation043 .animation043-item.animation043-item-0 .animation043-head .animation043-title div {
    width: 70%;
  }
  .general2024.en .animation043-content .animation043 .animation043-item.animation043-item-0 .animation043-head .animation043-hide-block {
    display: none;
  }
  .general2024.en .animation043-content .animation043 .animation043-item.animation043-item-3 .animation043-head .animation043-title div {
    width: 70%;
    margin: 0 0 0 20%;
  }
}
@media (max-width: 768px) {
  .general2024 .animation043-content .animation043 {
    justify-content: space-around;
    margin-left: 10%;
  }
  .general2024 .animation043-content .animation043 .animation043-item {
    width: calc(45% - 1rem);
  }
  .general2024 .animation043-content .animation043 .animation043-item .animation043-head .animation043-time {
    left: -20%;
  }
  .general2024 .animation043-content .animation043 .animation043-item .animation043-head .animation043-title {
    font-size: 1.6rem;
    left: -20%;
    margin-bottom: 0;
  }
  .general2024 .animation043-content .animation043 .animation043-item .animation043-head .animation043-title div {
    width: 50%;
  }
  .general2024 .animation043-content .animation043 .animation043-item .animation043-line {
    display: none;
  }
  .general2024 .animation043-content .animation043 .animation043-item .animation043-list {
    font-size: 1.5rem;
  }
  .general2024 .animation043-content .animation043 .animation043-item.animation043-item-0 .animation043-head .animation043-time {
    left: -20%;
  }
  .general2024 .animation043-content .animation043 .animation043-item.animation043-item-0 .animation043-head .animation043-title div {
    width: 70%;
  }
  .general2024 .animation043-content .animation043 .animation043-item.animation043-item-0 .animation043-head .animation043-hide-block {
    display: none;
  }
  .general2024.en .animation043-content .animation043 .animation043-item .animation043-head .animation043-title {
    font-size: 1.6rem;
  }
  .general2024.en .animation043-content .animation043 .animation043-item .animation043-list {
    font-size: 1.5rem;
  }
}
@media (max-width: 500px) {
  .general2024.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation043-content .animation043 {
    justify-content: flex-start;
    margin-left: 0;
  }
  .general2024.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation043-content .animation043 .animation043-item {
    width: 100%;
  }
  .general2024.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation043-content .animation043 .animation043-item .animation043-head .animation043-time {
    left: 0;
  }
  .general2024.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation043-content .animation043 .animation043-item .animation043-head .animation043-title {
    width: 100%;
    left: 0;
    font-size: 1.6rem;
  }
  .general2024.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation043-content .animation043 .animation043-item .animation043-head .animation043-title div {
    margin-left: -5%;
    width: 65%;
  }
  .general2024.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation043-content .animation043 .animation043-item .animation043-line {
    display: none;
  }
  .general2024.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation043-content .animation043 .animation043-item .animation043-list {
    font-size: 1.5rem;
  }
  .general2024.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation043-content .animation043 .animation043-item .animation043-list ul {
    margin: 1rem 5% 0 15%;
  }
  .general2024.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation043-content .animation043 .animation043-item.animation043-item-3 .animation043-head .animation043-title div {
    margin-left: 10%;
  }
  .general2024.cyber-security-training-page.course-page.en .ant-layout-content .course-body .course-body-content .animation043-content .animation043 .animation043-item .animation043-line {
    display: none;
  }
  .general2024.cyber-security-training-page.course-page.en .ant-layout-content .course-body .course-body-content .animation043-content .animation043 .animation043-item .animation043-list {
    font-size: 1.5rem;
  }
  .general2024.cyber-security-training-page.course-page.en .ant-layout-content .course-body .course-body-content .animation043-content .animation043 .animation043-item.animation043-item-0 .animation043-head .animation043-title div {
    width: 75%;
  }
  .general2024.cyber-security-training-page.course-page.en .ant-layout-content .course-body .course-body-content .animation043-content .animation043 .animation043-item.animation043-item-3 .animation043-head .animation043-title div {
    margin: 0 0 0 20%;
    width: 70%;
  }
}
@media (max-width: 480px) {
  .general2024.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation043-content .animation043 {
    justify-content: flex-start;
    margin-left: 0;
  }
  .general2024.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation043-content .animation043 .animation043-item {
    width: 100%;
  }
  .general2024.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation043-content .animation043 .animation043-item .animation043-head .animation043-time {
    left: 0;
  }
  .general2024.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation043-content .animation043 .animation043-item .animation043-head .animation043-title {
    width: 100%;
    left: 0;
    font-size: 1.6rem;
  }
  .general2024.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation043-content .animation043 .animation043-item .animation043-head .animation043-title div {
    margin-left: -5%;
    width: 65%;
  }
  .general2024.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation043-content .animation043 .animation043-item .animation043-line {
    display: none;
  }
  .general2024.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation043-content .animation043 .animation043-item .animation043-list {
    font-size: 1.5rem;
  }
  .general2024.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation043-content .animation043 .animation043-item .animation043-list ul {
    margin: 1rem 5% 0 15%;
  }
  .general2024.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .animation043-content .animation043 .animation043-item.animation043-item-3 .animation043-head .animation043-title div {
    margin-left: 10%;
  }
  .general2024.cyber-security-training-page.course-page.en .ant-layout-content .course-body .course-body-content .animation043-content .animation043 .animation043-item .animation043-line {
    display: none;
  }
  .general2024.cyber-security-training-page.course-page.en .ant-layout-content .course-body .course-body-content .animation043-content .animation043 .animation043-item .animation043-list {
    font-size: 1.5rem;
  }
  .general2024.cyber-security-training-page.course-page.en .ant-layout-content .course-body .course-body-content .animation043-content .animation043 .animation043-item.animation043-item-0 .animation043-head .animation043-title div {
    width: 75%;
  }
  .general2024.cyber-security-training-page.course-page.en .ant-layout-content .course-body .course-body-content .animation043-content .animation043 .animation043-item.animation043-item-3 .animation043-head .animation043-title div {
    margin: 0 0 0 20%;
    width: 70%;
  }
}

.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation044 .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  top: 10rem;
  left: 40rem;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation044 .animation044-content {
  display: flex;
  flex-wrap: wrap;
  width: 90%;
  grid-row-gap: 2rem;
  row-gap: 2rem;
  align-content: center;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item {
  width: calc(50% - 1rem);
  height: 10rem;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item .animation044-position {
  width: 110%;
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
  background: url(/static/media/a033.3fc729b7.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 0 20%;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item .animation044-position .click-point {
  position: absolute;
  width: 100px;
  transform: rotate(-45deg);
  z-index: 10;
  transition: all 800ms linear 0s;
  left: 90%;
  bottom: 0;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item .animation044-position .animation044-subcontent {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  grid-gap: 1rem;
  gap: 1rem;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item .animation044-position .animation044-subcontent .animation044-indicator {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 6rem;
  font-weight: 500;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item .animation044-position .animation044-subcontent .animation044-body {
  width: 70%;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item .animation044-position .animation044-subcontent .animation044-body .animation044-text {
  width: 100%;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  text-align: left;
  padding-left: 0;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item.r1 .animation044-subcontent .animation044-indicator {
  color: #469EEE;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item.r2 {
  margin-top: 6rem;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item.r2 .animation044-subcontent .animation044-indicator {
  color: #FF99E9;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item.r3 {
  margin-top: -6rem;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item.r3 .animation044-subcontent .animation044-indicator {
  color: #00C843;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item.r4 .animation044-subcontent .animation044-indicator {
  color: #16D4C9;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item.r5 {
  margin-top: -6rem;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item.r5 .animation044-subcontent .animation044-indicator {
  color: #D2B30F;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item.r6 .animation044-subcontent .animation044-indicator {
  color: #454CFA;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item.r7 {
  margin-top: -6rem;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item.r7 .animation044-subcontent .animation044-indicator {
  color: #EA984D;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item.r8 .animation044-subcontent .animation044-indicator {
  color: #C52857;
}
.cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item .animation044-position {
  padding: 0 15%;
}
.cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item .animation044-position .animation044-subcontent .animation044-body .animation044-text {
  line-height: 1.2;
}
@media (max-width: 1500px) {
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item .animation044-position .animation044-subcontent .animation044-indicator {
    width: 25%;
    font-size: 5rem;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item .animation044-position .animation044-subcontent .animation044-body {
    width: 75%;
  }
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation044 .animation044-content {
    width: 95%;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item .animation044-position .animation044-subcontent .animation044-body .animation044-text {
    font-size: 1.6rem;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation044 .animation044-content {
    width: 98%;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item .animation044-position {
    padding: 0 15%;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item .animation044-position .animation044-subcontent .animation044-body .animation044-text {
    font-size: 1.4rem;
    line-height: 1.3;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation044 {
    margin-top: 0;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation044 .animation044-content {
    width: 100%;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item {
    width: 100%;
    margin: 0 !important;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item .animation044-position {
    width: 100%;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation044 {
    margin-top: 0;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item {
    height: 120px;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item .animation044-position {
    padding: 0 12%;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .animation044 .animation044-content .animation044-item .animation044-position .animation044-subcontent {
    padding: 1rem;
  }
}

.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .phishing-indentify-section {
  margin-bottom: 10rem;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .phishing-indentify-section.general2024topic2-1-c001 .phishing-indentify-desc {
  height: 160px;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .phishing-indentify-section.general2024topic2-1-c001 .phishing-indentify-tabs {
  justify-content: flex-end;
  grid-gap: 1rem;
  gap: 1rem;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .phishing-indentify-section.general2024topic2-1-c001 .phishing-indentify-tabs .phishing-indentify-tab {
  width: calc(33.33% - 1rem);
  min-height: 160px;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .phishing-indentify-section.general2024topic2-1-c001 .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item {
  justify-content: center;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .phishing-indentify-section.general2024topic2-1-c001 .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
  width: auto;
  max-width: 600px;
  max-height: 500px;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .phishing-indentify-section.general2024topic2-2-c001 .phishing-indentify-desc {
  height: 120px;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .phishing-indentify-section.general2024topic2-2-c001 .phishing-indentify-tabs {
  justify-content: flex-end;
  grid-gap: 1rem;
  gap: 1rem;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .phishing-indentify-section.general2024topic2-2-c001 .phishing-indentify-tabs .phishing-indentify-tab {
  width: calc(33.33% - 1rem);
  min-height: 105px;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .phishing-indentify-section.general2024topic2-2-c001 .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item {
  justify-content: center;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .phishing-indentify-section.general2024topic2-2-c001 .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
  width: auto;
  max-width: 600px;
}
.cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-desc {
  height: 35px;
}
.cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .phishing-indentify-section.general2024topic2-1-c001 .phishing-indentify-desc {
  height: 100px;
}
.cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .phishing-indentify-section.general2024topic2-2-c001 .phishing-indentify-tabs .phishing-indentify-tab {
  min-height: 150px;
}
.cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .phishing-indentify-section.general2024topic2-2-c001 .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item {
  justify-content: space-around;
}
.cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .phishing-indentify-section.general2024topic2-2-c001 .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
  width: auto;
  max-height: 600px;
}
.cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .phishing-indentify-section .title {
  width: 40%;
  margin-bottom: 5rem;
}
.cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-desc {
  height: 100px;
}
.cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs {
  width: 55%;
  grid-gap: 1rem;
  gap: 1rem;
}
.cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab {
  width: calc(33.33% - 1rem);
  font-size: 20px;
  line-height: 1.2;
  min-height: 125px;
}
@media (max-width: 1524px) {
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs {
    width: 55%;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .phishing-indentify-section .title {
    margin-bottom: 3.5rem;
  }
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.general2024topic2-1-c001 .phishing-indentify-desc {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.general2024topic2-1-c001 .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item {
    justify-content: space-around;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.general2024topic2-1-c001 .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    width: auto;
    top: 75px;
    max-width: 760px;
    max-height: 510px;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.general2024topic2-2-c001 .phishing-indentify-desc {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.general2024topic2-2-c001 .phishing-indentify-container {
    height: calc(492px + 22vw) !important;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.general2024topic2-2-c001 .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item {
    justify-content: center;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.general2024topic2-2-c001 .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    width: auto;
    top: 75px;
    max-width: 760px;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .title {
    margin-bottom: 3rem;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs {
    width: 100%;
    justify-content: flex-end;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab {
    font-size: 1.6rem;
    line-height: 1.2;
    width: 30vw;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 75px;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-desc {
    height: unset;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab {
    min-height: 80px;
    width: calc(33.33% - 1rem);
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-desc {
    display: none;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.general2024topic2-1-c001 .phishing-indentify-tabs .phishing-indentify-tab {
    min-height: 95px;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.general2024topic2-1-c001 .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item {
    justify-content: space-around;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.general2024topic2-1-c001 .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 7.5vh;
    width: auto;
    max-width: 480px;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.general2024topic2-1-c001 .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    min-height: 6vh;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.general2024topic2-2-c001 .phishing-indentify-tabs .phishing-indentify-tab {
    min-height: 95px;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.general2024topic2-2-c001 .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item {
    justify-content: space-around;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.general2024topic2-2-c001 .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 7.5vh;
    width: auto;
    max-width: 420px;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.general2024topic2-2-c001 .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    min-height: 6vh;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab {
    font-size: 1.5rem;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    min-height: 4vh;
    padding: 0.5rem 2rem;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 5vh;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.general2024topic2-1-c001 .phishing-indentify-tabs .phishing-indentify-tab {
    min-height: 70px;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.general2024topic2-1-c001 .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 65px;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.general2024topic2-1-c001 .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    min-height: 50px;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.general2024topic2-2-c001 .phishing-indentify-tabs .phishing-indentify-tab {
    min-height: 85px;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.general2024topic2-2-c001 .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 65px;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.general2024topic2-2-c001 .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    min-height: 50px;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    min-height: 8.5vh;
    padding: 0.5rem 2rem;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 9vh;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.general2024topic2-1-c001 .phishing-indentify-tabs .phishing-indentify-tab {
    min-height: 92px;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.general2024topic2-1-c001 .phishing-indentify-container {
    height: calc(354.719px + 32vw) !important;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.general2024topic2-1-c001 .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item {
    justify-content: space-around;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.general2024topic2-1-c001 .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item.phishing-indentify-item:nth-child(3) img {
    top: 55px;
    width: auto;
    max-width: 320px;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.general2024topic2-1-c001 .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item.phishing-indentify-item:nth-child(3) .phishing-indentify-text {
    min-height: 40px;
    padding: 1rem;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.general2024topic2-1-c001 .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 85px;
    width: auto;
    max-width: 320px;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.general2024topic2-1-c001 .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    min-height: 72px;
    padding: 1rem;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.general2024topic2-2-c001 .phishing-indentify-container {
    height: calc(384.375px + 32vw) !important;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.general2024topic2-2-c001 .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item {
    justify-content: space-around;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.general2024topic2-2-c001 .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 55px;
    width: 300px;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.general2024topic2-2-c001 .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    padding: 0.5rem 1.5rem;
    min-height: 45px;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    font-size: 1.4rem;
    line-height: 1.2;
    min-height: 4vh;
    padding: 0.5rem;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 6vh;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .title {
    width: 100%;
    margin-bottom: 2rem;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab {
    min-height: 155px;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    min-height: 45px;
    padding: 0 1rem;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 50px;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.general2024topic2-1-c001 .phishing-indentify-tabs .phishing-indentify-tab {
    min-height: 85px;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.general2024topic2-1-c001 .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item.phishing-indentify-item:nth-child(2) img {
    top: 95px;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.general2024topic2-1-c001 .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item.phishing-indentify-item:nth-child(2) .phishing-indentify-text {
    min-height: 88px;
    padding: 1rem;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.general2024topic2-1-c001 .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 60px;
    max-height: 368px;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.general2024topic2-1-c001 .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    min-height: 55px;
    padding: 1rem;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.general2024topic2-2-c001 .phishing-indentify-tabs .phishing-indentify-tab {
    min-height: 110px;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.general2024topic2-2-c001 .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item.phishing-indentify-item:nth-child(3) img {
    top: 88px;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.general2024topic2-2-c001 .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item.phishing-indentify-item:nth-child(3) .phishing-indentify-text {
    min-height: 72px;
    padding: 1rem;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.general2024topic2-2-c001 .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item img {
    top: 75px;
    max-height: unset;
    width: 300px;
    height: auto;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .topic-item .phishing-indentify-section.general2024topic2-2-c001 .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
    min-height: 55px;
    padding: 1rem;
  }
}

.general2024 .component002 .cando-section .can-do .cando-body .cando-content ul li,
.general2024 .component002 .cando-section .can-not-do .cando-body .cando-content ul li {
  margin-bottom: 1rem;
}
.general2024 .component002 .cando-section .can-do .cando-body .cando-content ul li .cando-content-body .view-more,
.general2024 .component002 .cando-section .can-not-do .cando-body .cando-content ul li .cando-content-body .view-more {
  width: auto;
}
.general2024 .component002 .cando-section .can-do .cando-body .cando-content ul li .cando-content-body .view-more .view-more-btn,
.general2024 .component002 .cando-section .can-not-do .cando-body .cando-content ul li .cando-content-body .view-more .view-more-btn {
  padding: 0;
  font-size: 1.3125rem;
  height: auto;
  position: relative;
  color: #E7444E;
}
.general2024 .component002 .cando-section .can-do .cando-body .cando-content ul li .cando-content-body .view-more .view-more-btn .click-point1,
.general2024 .component002 .cando-section .can-not-do .cando-body .cando-content ul li .cando-content-body .view-more .view-more-btn .click-point1 {
  width: 40px;
  cursor: pointer;
  position: absolute;
  bottom: -10px;
  right: -45px;
  transform: rotate(270deg);
}
.component002-modal-general2024 .ant-modal-content .component002-modal-header {
  margin-left: 4rem;
  margin-top: 1rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 4rem;
  padding: 1rem;
  font-size: 2.4rem;
  font-weight: 500;
  border-left: 6px solid #FF7043;
  display: flex;
  align-items: center;
  justify-content: center;
}
.component002-modal-general2024 .ant-modal-content .ant-modal-body {
  padding-bottom: 5rem;
}
.component002-modal-general2024 .ant-modal-content .ant-modal-body .next-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.8rem;
  width: 4.8rem;
  right: 0;
  bottom: 0;
  padding: 0;
}
.component002-modal-general2024 .ant-modal-content .ant-modal-body .next-button .click-point2 {
  position: absolute;
  bottom: 5rem;
  right: 5rem;
  width: 5rem;
  height: 5rem;
  transform: rotate(135deg);
}
.component002-modal-general2024 .ant-modal-content .ant-modal-body .next-button .arrow {
  margin: 0 auto;
}
.component002-modal-general2024 .ant-modal-content .ant-modal-body .prev-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.8rem;
  width: 4.8rem;
  left: 0;
  bottom: 0;
  padding: 0;
}
.component002-modal-general2024 .ant-modal-content .ant-modal-body .prev-button .click-point1 {
  position: absolute;
  bottom: 5rem;
  left: 5rem;
  width: 5rem;
  height: 5rem;
  transform: rotate(225deg);
}
.component002-modal-general2024 .ant-modal-content .ant-modal-body .prev-button .arrow {
  margin: 0 auto;
}
.component002-modal-general2024 .ant-modal-content .ant-modal-body .hide {
  display: none;
}
.component002-modal-general2024 .ant-modal-content .ant-modal-body .border {
  margin-left: 12rem;
  margin-right: 12rem;
  margin-top: 0;
  margin-bottom: 1rem;
}
.component002-modal-general2024 .ant-modal-content .ant-modal-body .border img {
  width: 100%;
}
.component002-modal-general2024 .ant-modal-content .ant-modal-body .content {
  width: 37.5rem;
  margin-left: 12rem;
  margin-right: 12rem;
  margin-top: 0;
  margin-bottom: 5rem;
  background: rgba(234, 75, 108, 0.2);
  border-radius: 5px;
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: 400;
  padding: 1.5rem;
  text-align: center;
}
.component002-modal-general2024 .ant-modal-content .ant-modal-body .tip {
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: 500;
  padding: 1rem;
}
@media (max-width: 1024px) {
  .component002-modal-general2024 {
    width: 90% !important;
  }
  .general2024 .component002 .cando-section .can-do .cando-body .cando-content ul li .cando-content-body .view-more .view-more-btn,
  .general2024 .component002 .cando-section .can-not-do .cando-body .cando-content ul li .cando-content-body .view-more .view-more-btn {
    font-size: 1.6rem;
  }
}
@media (max-width: 480px) {
  .general2024 .component002 .cando-section {
    padding: 0;
    margin-top: 3.5rem;
    margin-bottom: 10rem;
  }
  .general2024 .component002 .cando-section .can-do .cando-body .cando-content ul li .cando-content-body .view-more .view-more-btn .click-point1,
  .general2024 .component002 .cando-section .can-not-do .cando-body .cando-content ul li .cando-content-body .view-more .view-more-btn .click-point1 {
    right: -34px;
  }
  .component002-modal-general2024 .ant-modal-content .component002-modal-header {
    margin: 2rem;
  }
  .component002-modal-general2024 .ant-modal-content .ant-modal-body .next-button .click-point2 {
    transform: rotate(90deg);
    bottom: 0;
  }
  .component002-modal-general2024 .ant-modal-content .ant-modal-body .prev-button .click-point1 {
    transform: rotate(270deg);
    bottom: 0;
  }
  .component002-modal-general2024 .ant-modal-content .ant-modal-body .border {
    margin-left: 2rem;
    margin-right: 2rem;
    margin-top: 0;
    margin-bottom: 1rem;
  }
  .component002-modal-general2024 .ant-modal-content .ant-modal-body .content {
    width: 80%;
  }
}

.general2024 .component003 {
  position: relative;
}
.general2024 .component003 .component003-title {
  position: absolute;
  left: 2.5%;
  top: 5%;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.2;
}
.general2024 .component003 .component003-tip {
  border: 1px solid #000;
  border-radius: 47%;
  position: absolute;
  font-size: 1.5rem;
  padding: 4rem;
  text-align: left;
  max-width: 42rem;
  min-height: 9rem;
  display: flex;
  align-items: center;
}
.general2024 .component003 .component003-tip .tip-text {
  z-index: 1;
}
.general2024 .component003 .tip-arrow {
  position: absolute;
  left: -82px;
  top: calc(50% - 15px);
  background: #fff;
  height: 24px;
  width: 128px;
}
.general2024 .component003 .tip-arrow .line1 {
  width: 64px;
  height: 1px;
  background: #000;
  transform: rotate(-12deg);
  position: absolute;
  top: 5px;
  right: 43px;
}
.general2024 .component003 .tip-arrow .line2 {
  width: 61px;
  height: 1px;
  background: #000;
  transform: rotate(12deg);
  position: absolute;
  bottom: 5px;
  right: 46px;
}
.general2024 .component003.position-left img {
  max-width: 40vw;
  position: relative;
  z-index: 11;
}
.general2024 .component003.position-left .component003-tip {
  margin-left: 300px;
  padding: 4rem;
}
.general2024 .component003.position-left.general2024topic1-1-c003-1 {
  margin-top: 3.5rem !important;
}
.general2024 .component003.position-left.general2024topic1-1-c003-1 .component003-tip .tip-arrow .line1 {
  width: 63px;
  right: 44px;
}
.general2024 .component003.position-left.general2024topic1-1-c003-3 .component003-tip .tip-arrow .line1 {
  width: 63px;
  right: 44px;
}
.general2024 .component003.position-right {
  text-align: right;
}
.general2024 .component003.position-right img {
  max-width: 40vw;
  position: relative;
  z-index: 11;
}
.general2024 .component003.position-right .component003-tip {
  right: 0;
  margin-right: 25%;
  padding: 3rem;
  z-index: 11;
}
.general2024 .component003.position-right .component003-tip .tip-arrow {
  left: unset;
  right: -107px;
  top: calc(50% - 15px);
}
.general2024 .component003.position-right .component003-tip .tip-arrow .line1 {
  transform: rotate(12deg);
  position: absolute;
  top: 5px;
  right: 46px;
}
.general2024 .component003.position-right .component003-tip .tip-arrow .line2 {
  transform: rotate(-12deg);
  position: absolute;
  bottom: 5px;
  right: 46px;
}
.general2024 .component003.position-right.general2024topic1-1-c003-2 img {
  margin-top: 5%;
}
.general2024 .component003.position-right.general2024topic1-1-c003-2 .component003-tip {
  margin-right: 20%;
  padding: 3.5rem;
}
.general2024 .component003.position-right.general2024topic1-1-c003-2 .component003-tip .tip-arrow .line1 {
  width: 64px;
}
.general2024 .component003.position-right.general2024topic1-3-c003 .component003-tip .tip-arrow {
  right: -106px;
}
.general2024 .component003.position-right.general2024topic2-2-c003 .component003-tip .tip-arrow {
  right: -105px;
  top: calc(50% - 14px);
}
.general2024 .component003.position-right.general2024topic2-2-c003 .component003-tip .tip-arrow .line1 {
  width: 63px;
}
.general2024 .component003.position-right.general2024topic2-2-c003 .component003-tip .tip-arrow .line2 {
  width: 54px;
}
.general2024 .component003.position-right.general2024topic3-2-c003 .component003-tip .tip-arrow {
  right: -106px;
}
.general2024 .component003.position-right.general2024topic3-2-c003 .component003-tip .tip-arrow .line1 {
  width: 65px;
}
.general2024 .component003.position-right.general2024topic4-1-c003 .component003-tip {
  margin-right: 20%;
}
.general2024 .component003.position-right.general2024topic4-1-c003 .component003-tip .tip-arrow .line2 {
  width: 62px;
}
.general2024.en .component003 .component003-tip {
  font-size: 20px;
}
.general2024.en .component003.position-left.general2024topic1-1-c003-1 {
  width: 60%;
  margin: auto;
}
.general2024.en .component003.position-left.general2024topic1-1-c003-1 img {
  max-width: 150px;
}
.general2024.en .component003.position-left.general2024topic1-1-c003-1 .component003-tip {
  margin-left: 210px;
}
.general2024.en .component003.position-left.general2024topic1-1-c003-1 .component003-tip .tip-arrow .line1 {
  width: 61px;
  right: 46px;
}
.general2024.en .component003.position-left.general2024topic1-1-c003-3 {
  width: 60%;
  margin: auto;
}
.general2024.en .component003.position-left.general2024topic1-1-c003-3 img {
  max-width: 150px;
}
.general2024.en .component003.position-left.general2024topic1-1-c003-3 .component003-tip {
  margin-left: 210px;
}
.general2024.en .component003.position-left.general2024topic1-1-c003-3 .component003-tip .tip-arrow .line1 {
  width: 62px;
  right: 45px;
}
.general2024.en .component003.position-right .component003-tip .tip-arrow .line1 {
  width: 66px;
}
.general2024.en .component003.position-right.general2024topic1-1-c003-2 .component003-tip .tip-arrow .line1 {
  width: 63px;
}
.general2024.en .component003.position-right.general2024topic2-2-c003 .component003-tip .tip-arrow .line1 {
  width: 63px;
}
.general2024.en .component003.position-right.general2024topic3-2-c003 .component003-tip .tip-arrow .line2 {
  width: 62px;
}
@media (max-width: 1024px) {
  .general2024 .component003 .tip-arrow {
    left: -80px;
  }
  .general2024 .component003 .tip-arrow .line1 {
    width: 55px;
    transform: rotate(-14deg);
    top: 6px;
    right: 45px;
  }
  .general2024 .component003 .tip-arrow .line2 {
    width: 52px;
    transform: rotate(12deg);
    bottom: 5px;
    right: 47px;
  }
  .general2024 .component003 .component003-title {
    left: 8.5%;
  }
  .general2024 .component003.position-left img {
    max-width: 20vw;
  }
  .general2024 .component003.position-left .component003-tip {
    margin-left: 28vw;
  }
  .general2024 .component003.position-left .component003-tip .tip-arrow .line1 {
    width: 55px;
    transform: rotate(-14deg);
    top: 6px;
    right: 44px;
  }
  .general2024 .component003.position-left.general2024topic1-1-c003-1 .component003-tip .tip-arrow .line1 {
    width: 56px;
  }
  .general2024 .component003.position-left.general2024topic1-1-c003-3 .component003-tip .tip-arrow .line1 {
    width: 56px;
  }
  .general2024 .component003.position-right img {
    max-width: 20vw;
  }
  .general2024 .component003.position-right .component003-tip {
    margin-right: 25%;
  }
  .general2024 .component003.position-right .component003-tip .tip-arrow {
    right: -97px;
  }
  .general2024 .component003.position-right .component003-tip .tip-arrow .line1 {
    width: 58px;
    top: 6px;
    right: 44px;
  }
  .general2024 .component003.position-right .component003-tip .tip-arrow .line2 {
    width: 54px;
    bottom: 5px;
    right: 45px;
  }
  .general2024 .component003.position-right.general2024topic1-1-c003-2 .component003-tip {
    padding: 4rem;
  }
  .general2024 .component003.position-right.general2024topic1-1-c003-2 .component003-tip .tip-arrow .line1 {
    width: 57px;
  }
  .general2024 .component003.position-right.general2024topic2-2-c003 .component003-tip .tip-arrow {
    right: -95px;
  }
  .general2024 .component003.position-right.general2024topic1-3-c003 .component003-tip {
    padding: 4rem;
  }
  .general2024 .component003.position-right.general2024topic1-3-c003 .component003-tip .tip-arrow {
    right: -97px;
  }
  .general2024 .component003.position-right.general2024topic3-2-c003 .component003-tip .tip-arrow {
    right: -96px;
  }
  .general2024 .component003.position-right.general2024topic3-2-c003 .component003-tip .tip-arrow .line1 {
    width: 60px;
    right: 45px;
  }
  .general2024 .component003.position-right.general2024topic4-1-c003 .component003-tip .tip-arrow .line1 {
    right: 45px;
    transform: rotate(13deg);
  }
  .general2024 .component003.position-right.general2024topic4-1-c003 .component003-tip .tip-arrow .line2 {
    width: 54px;
  }
  .general2024.en .component003 .component003-tip {
    font-size: 1.5rem;
  }
  .general2024.en .component003.position-left .component003-tip {
    margin-left: 28vw;
  }
  .general2024.en .component003.position-left.general2024topic1-1-c003-1 {
    width: 80%;
    margin: auto;
  }
  .general2024.en .component003.position-left.general2024topic1-1-c003-1 img {
    max-width: 150px;
  }
  .general2024.en .component003.position-left.general2024topic1-1-c003-1 .component003-tip {
    margin-left: 280px;
    left: -81px;
  }
  .general2024.en .component003.position-left.general2024topic1-1-c003-1 .component003-tip .tip-arrow .line1 {
    width: 54px;
    right: 47px;
  }
  .general2024.en .component003.position-left.general2024topic1-1-c003-3 {
    width: 80%;
    margin: auto;
  }
  .general2024.en .component003.position-left.general2024topic1-1-c003-3 img {
    max-width: 150px;
  }
  .general2024.en .component003.position-left.general2024topic1-1-c003-3 .component003-tip {
    margin-left: 265px;
  }
  .general2024.en .component003.position-left.general2024topic1-1-c003-3 .component003-tip .tip-arrow {
    left: -80px;
  }
  .general2024.en .component003.position-left.general2024topic1-1-c003-3 .component003-tip .tip-arrow .line1 {
    width: 56px;
    right: 45px;
  }
  .general2024.en .component003.position-right .component003-tip .tip-arrow {
    right: -97px;
  }
  .general2024.en .component003.position-right .component003-tip .tip-arrow .line1 {
    width: 58px;
    top: 6px;
    right: 44px;
  }
  .general2024.en .component003.position-right .component003-tip .tip-arrow .line2 {
    width: 54px;
    bottom: 5px;
    right: 45px;
  }
  .general2024.en .component003.position-right.general2024topic1-1-c003-2 .component003-tip .tip-arrow {
    right: -98px;
  }
  .general2024.en .component003.position-right.general2024topic1-1-c003-2 .component003-tip .tip-arrow .line1 {
    width: 56px;
    right: 45px;
    transform: rotate(14deg);
  }
  .general2024.en .component003.position-right.general2024topic1-3-c003 .component003-tip .tip-arrow {
    right: -98px;
  }
  .general2024.en .component003.position-right.general2024topic2-2-c003 .component003-tip .tip-arrow {
    right: -96px;
  }
  .general2024.en .component003.position-right.general2024topic2-2-c003 .component003-tip .tip-arrow .line1 {
    width: 58px;
    transform: rotate(13deg);
  }
  .general2024.en .component003.position-right.general2024topic3-2-c003 .component003-tip .tip-arrow .line1 {
    transform: rotate(13deg);
    right: 47px;
  }
  .general2024.en .component003.position-right.general2024topic3-2-c003 .component003-tip .tip-arrow .line2 {
    width: 53px;
    right: 46px;
  }
  .general2024.en .component003.position-right.general2024topic4-1-c003 .component003-tip .tip-arrow .line1 {
    width: 61px;
    right: 45px;
  }
}
@media (max-width: 768px) {
  .general2024 .component003 .component003-title {
    top: -9rem;
  }
  .general2024 .component003.position-left .component003-tip {
    margin-left: 38vw;
  }
  .general2024 .component003.position-left.general2024topic1-1-c003-1 .component003-tip .tip-arrow .line1 {
    width: 55px;
    right: 45px;
  }
  .general2024 .component003.position-right img {
    margin-top: 5%;
  }
  .general2024 .component003.position-right .component003-tip {
    right: 0;
    margin-right: 24%;
    padding: 6%;
  }
  .general2024 .component003.position-right .tip-text span {
    font-size: unset !important;
  }
  .general2024 .component003.position-right.general2024topic1-1-c003-2 .component003-tip .tip-arrow .line1 {
    transform: rotate(13deg);
  }
  .general2024 .component003.position-right.general2024topic1-1-c003-2 .component003-tip .tip-arrow .line2 {
    right: 44px;
  }
  .general2024 .component003.position-right.general2024topic2-2-c003 .component003-tip {
    margin-right: 35%;
  }
  .general2024 .component003.position-right.general2024topic2-2-c003 .component003-tip .tip-arrow {
    right: -97px;
  }
  .general2024 .component003.position-right.general2024topic3-2-c003 .component003-tip .tip-arrow {
    right: -98px;
  }
  .general2024 .component003.position-right.general2024topic3-2-c003 .component003-tip .tip-arrow .line1 {
    width: 58px;
    right: 45px;
    transform: rotate(13deg);
  }
  .general2024 .component003.position-right.general2024topic4-1-c003 .component003-tip .tip-arrow {
    right: -98px;
  }
  .general2024.en .component003 .tip-arrow {
    left: -77px;
  }
  .general2024.en .component003 .tip-arrow .line1 {
    width: 55px;
    transform: rotate(-14deg);
    top: 6px;
    right: 43px;
  }
  .general2024.en .component003 .tip-arrow .line2 {
    width: 52px;
    transform: rotate(12deg);
    bottom: 5px;
    right: 47px;
  }
  .general2024.en .component003.position-left .component003-tip {
    margin-left: 28vw;
  }
  .general2024.en .component003.position-left.general2024topic1-1-c003-1 {
    width: 80%;
    margin: auto;
  }
  .general2024.en .component003.position-left.general2024topic1-1-c003-1 img {
    max-width: 150px;
  }
  .general2024.en .component003.position-left.general2024topic1-1-c003-1 .component003-tip {
    margin-left: 280px;
    left: -80px;
  }
  .general2024.en .component003.position-left.general2024topic1-1-c003-1 .component003-tip .tip-arrow {
    left: -80px;
  }
  .general2024.en .component003.position-left.general2024topic1-1-c003-1 .component003-tip .tip-arrow .line1 {
    width: 54px;
    right: 47px;
  }
  .general2024.en .component003.position-left.general2024topic1-1-c003-3 {
    width: 80%;
    margin: auto;
  }
  .general2024.en .component003.position-left.general2024topic1-1-c003-3 img {
    max-width: 150px;
  }
  .general2024.en .component003.position-left.general2024topic1-1-c003-3 .component003-tip {
    margin-left: 195px;
  }
  .general2024.en .component003.position-left.general2024topic1-1-c003-3 .component003-tip .tip-arrow {
    left: -80px;
  }
  .general2024.en .component003.position-left.general2024topic1-1-c003-3 .component003-tip .tip-arrow .line1 {
    width: 56px;
    right: 45px;
  }
  .general2024.en .component003.position-right .component003-tip .tip-arrow {
    right: -97px;
  }
  .general2024.en .component003.position-right .component003-tip .tip-arrow .line1 {
    width: 58px;
    top: 6px;
    right: 44px;
  }
  .general2024.en .component003.position-right .component003-tip .tip-arrow .line2 {
    width: 54px;
    bottom: 5px;
    right: 45px;
  }
  .general2024.en .component003.position-right.general2024topic2-2-c003 .component003-tip .tip-arrow {
    right: -96px;
  }
  .general2024.en .component003.position-right.general2024topic2-2-c003 .component003-tip .tip-arrow .line1 {
    width: 56px;
    transform: rotate(14deg);
    right: 45px;
  }
  .general2024.en .component003.position-right.general2024topic2-2-c003 .component003-tip .tip-arrow .line2 {
    width: 53px;
  }
  .general2024.en .component003.position-right.general2024topic3-2-c003 .component003-tip .tip-arrow {
    right: -98px;
  }
  .general2024.en .component003.position-right.general2024topic3-2-c003 .component003-tip .tip-arrow .line1 {
    width: 56px;
  }
  .general2024.en .component003.position-right.general2024topic4-1-c003 .component003-tip .tip-arrow .line1 {
    width: 58px;
  }
}
@media (max-width: 480px) {
  .general2024 .component003 .component003-tip {
    font-size: 1.4rem;
  }
  .general2024 .component003.position-right img {
    max-width: 25vw;
    margin-top: 5%;
  }
  .general2024 .component003.position-right .component003-tip {
    right: 0;
    margin-right: 48%;
    padding: 6%;
  }
  .general2024 .component003.position-right .tip-text span {
    font-size: unset !important;
    display: inline;
  }
  .general2024 .component003.position-right.general2024topic1-1-c003-2 .component003-tip {
    margin-right: 35%;
    padding: 3rem;
  }
  .general2024 .component003.position-right.general2024topic1-1-c003-2 .component003-tip .tip-arrow {
    right: -99px;
  }
  .general2024 .component003.position-right.general2024topic1-1-c003-2 img {
    margin-top: 15%;
  }
  .general2024 .component003.position-right.general2024topic1-3-c003 img {
    max-width: 32vw;
    margin-top: 15%;
  }
  .general2024 .component003.position-right.general2024topic1-3-c003 .component003-tip {
    padding: 3rem;
  }
  .general2024 .component003.position-right.general2024topic1-3-c003 .component003-tip .tip-arrow {
    right: -100px;
  }
  .general2024 .component003.position-right.general2024topic1-3-c003 .component003-tip .tip-arrow .line2 {
    width: 55px;
  }
  .general2024 .component003.position-right.general2024topic2-2-c003 .component003-tip .tip-arrow {
    right: -97px;
  }
  .general2024 .component003.position-right.general2024topic4-2-c003 img {
    margin-top: 12%;
  }
  .general2024 .component003.position-right.general2024topic4-2-c003 .component003-tip {
    margin-right: 40%;
    padding: 8%;
  }
  .general2024 .component003.position-right.general2024topic4-2-c003 .component003-tip .tip-arrow .line1 {
    width: 56px;
  }
  .general2024 .component003.position-left .component003-tip {
    padding: 3rem;
  }
  .general2024 .component003.position-left .component003-tip span {
    font-size: unset !important;
  }
  .general2024 .component003.position-left.general2024topic1-1-c003-1 .component003-tip .tip-arrow {
    left: -83px;
  }
  .general2024 .component003.position-left.general2024topic1-1-c003-1 .component003-tip .tip-arrow .line2 {
    width: 54px;
    right: 45px;
  }
  .general2024 .component003.position-left.general2024topic1-1-c003-3 .component003-tip .tip-arrow {
    left: -82px;
  }
  .general2024 .component003.position-left.general2024topic1-1-c003-3 .component003-tip .tip-arrow .line2 {
    width: 54px;
    right: 45px;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .component003.position-left.general2024topic1-1-c003-1 {
    width: 100%;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .component003.position-left.general2024topic1-1-c003-1 img {
    margin-top: 35%;
    max-width: 20vw;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .component003.position-left.general2024topic1-1-c003-1 .component003-tip {
    padding: 4rem;
    margin-left: 50vw;
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .component003.position-left.general2024topic1-1-c003-1 .component003-tip span {
    font-size: unset !important;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .component003.position-left.general2024topic1-1-c003-1 .component003-tip .tip-arrow {
    left: -82px;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .component003.position-left.general2024topic1-1-c003-1 .component003-tip .tip-arrow .line1 {
    width: 54px;
    right: 45px;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .component003.position-left.general2024topic1-1-c003-1 .component003-tip .tip-arrow .line2 {
    width: 54px;
    right: 45px;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .component003.position-left.general2024topic1-1-c003-3 {
    width: 100%;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .component003.position-left.general2024topic1-1-c003-3 img {
    margin-top: 15%;
    max-width: 20vw;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .component003.position-left.general2024topic1-1-c003-3 .component003-tip {
    margin-left: 32vw;
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .component003.position-left.general2024topic1-1-c003-3 .component003-tip .tip-arrow {
    left: -83px;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .component003.position-left.general2024topic1-1-c003-3 .component003-tip .tip-arrow .line1 {
    width: 56px;
    right: 44px;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .component003.position-left.general2024topic1-1-c003-3 .component003-tip .tip-arrow .line2 {
    width: 54px;
    right: 44px;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .component003.position-right .component003-tip {
    font-size: 1.4rem;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .component003.position-right.general2024topic1-1-c003-2 .component003-tip {
    margin-right: 35%;
    padding: 4rem;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .component003.position-right.general2024topic1-1-c003-2 .component003-tip .tip-arrow {
    right: -99px;
    top: calc(65% - 15px);
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .component003.position-right.general2024topic1-1-c003-2 .component003-tip .tip-arrow .line1 {
    width: 55px;
    right: 48px;
    transform: rotate(30deg);
    top: 13px;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .component003.position-right.general2024topic1-1-c003-2 .component003-tip .tip-arrow .line2 {
    width: 53px;
    bottom: -2px;
    right: 52px;
    transform: rotate(3deg);
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .component003.position-right.general2024topic1-1-c003-2 img {
    margin-top: 55%;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .component003.position-right.general2024topic1-3-c003 img {
    max-width: 32vw;
    margin-top: 20%;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .component003.position-right.general2024topic1-3-c003 .component003-tip {
    padding: 3rem;
    margin-right: 42%;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .component003.position-right.general2024topic1-3-c003 .component003-tip .tip-arrow {
    right: -101px;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .component003.position-right.general2024topic1-3-c003 .component003-tip .tip-arrow .line2 {
    width: 56px;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .component003.position-right.general2024topic2-2-c003 .component003-tip .tip-arrow {
    right: -96px;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .component003.position-right.general2024topic3-2-c003 img {
    margin-top: 10%;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .component003.position-right.general2024topic3-2-c003 .component003-tip {
    margin-right: 40%;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .component003.position-right.general2024topic3-2-c003 .component003-tip .tip-arrow {
    right: -99px;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .component003.position-right.general2024topic3-2-c003 .component003-tip .tip-arrow .line1 {
    width: 55px;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .component003.position-right.general2024topic3-2-c003 .component003-tip .tip-arrow .line2 {
    width: 54px;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .component003.position-right.general2024topic4-1-c003 .component003-tip {
    margin-right: 40%;
  }
  .cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .component003.position-right.general2024topic4-1-c003 .component003-tip .tip-arrow {
    right: -98px;
  }
}

.general2024 .RealCase.Moblie {
  display: none;
}
.general2024 .RealCase.Desktop {
  width: calc(100% + 3.5rem);
  margin-left: -3.5rem;
  margin-right: 0;
  margin-bottom: 50px;
  position: relative;
}
.general2024 .RealCase.Desktop img {
  width: 100%;
  z-index: 1;
}
.general2024 .RealCase.Desktop.p1 .source1 {
  width: 16%;
  height: 2.5%;
  position: absolute;
  top: 89.5%;
  left: 51.5%;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: none;
  font-size: 24px;
  color: #595959;
  z-index: 2;
}
.general2024.en .RealCase.Desktop {
  width: calc(100% + 3.5rem);
  margin-left: -3.5rem;
  margin-right: 0;
  margin-bottom: 50px;
  position: relative;
}
.general2024.en .RealCase.Desktop img {
  width: 100%;
  z-index: 1;
}
.general2024.en .RealCase.Desktop.p1 .source1 {
  width: 15%;
  height: 3%;
  position: absolute;
  top: 92%;
  left: 41.5%;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: none;
  font-size: 24px;
  color: #595959;
  z-index: 2;
}
@media (max-width: 1024px) {
  .general2024 .RealCase.Desktop {
    width: calc(100% + 4rem);
    margin-left: -2rem;
    margin-bottom: 10rem;
  }
}
@media (max-width: 768px) {
  .general2024 .RealCase.Desktop {
    display: none;
  }
  .general2024 .RealCase.Moblie {
    display: block;
    width: calc(100% + 7rem);
    margin-left: -3.5rem;
    margin-right: 0;
    margin-bottom: 50px;
    position: relative;
  }
  .general2024 .RealCase.Moblie img {
    width: 100%;
    z-index: 1;
  }
  .general2024 .RealCase.Moblie.p1 .source1 {
    width: 34%;
    height: 2%;
    position: absolute;
    top: 92%;
    left: 4%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 24px;
    color: #595959;
    z-index: 2;
  }
  .general2024.en .RealCase.Moblie {
    display: block;
    width: calc(100% + 7rem);
    margin-left: -3.5rem;
    margin-right: 0;
    margin-bottom: 50px;
    position: relative;
  }
  .general2024.en .RealCase.Moblie img {
    width: 100%;
    z-index: 1;
  }
  .general2024.en .RealCase.Moblie.p1 .source1 {
    width: 34%;
    height: 1.5%;
    position: absolute;
    top: 96%;
    left: 4%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 24px;
    color: #595959;
    z-index: 2;
  }
  .general2024.sc .RealCase.Moblie {
    display: block;
    width: calc(100% + 7rem);
    margin-left: -3.5rem;
    margin-right: 0;
    margin-bottom: 50px;
    position: relative;
  }
  .general2024.sc .RealCase.Moblie img {
    width: 100%;
    z-index: 1;
  }
  .general2024.sc .RealCase.Moblie.p1 .source1 {
    width: 34%;
    height: 1.5%;
    position: absolute;
    top: 96%;
    left: 5%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 24px;
    color: #595959;
    z-index: 2;
  }
}

.general2024 .component005.general2024topic2-1-c005 {
  margin-top: 0;
  position: relative;
  margin-top: 3.5rem;
}
.general2024 .component005.general2024topic2-1-c005 .click-point1 {
  position: absolute;
  z-index: 10;
  width: 60px;
  top: -18px;
  left: 100px;
  transform: rotate(270deg);
  cursor: pointer;
  z-index: 100;
}
.general2024 .component005.general2024topic2-1-c005.no-tabs .ant-tabs-nav-list {
  display: none;
}
.general2024 .component005.general2024topic2-1-c005.no-tabs .click-point1 {
  display: block;
}
.general2024 .component005.general2024topic2-1-c005 .component005-topic-tab {
  overflow: visible !important;
  margin-right: 3.5rem;
  margin-bottom: 142px;
}
.general2024 .component005.general2024topic2-1-c005 .component005-topic-tab.tab2 .ant-tabs-tab.ant-tabs-tab-active {
  background-color: #F1F7FF;
}
.general2024 .component005.general2024topic2-1-c005 .component005-topic-tab.tab2 .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #000 !important;
}
.general2024 .component005.general2024topic2-1-c005 .component005-topic-tab.tab2 .ant-tabs-tabpane {
  background-color: #F1F7FF;
}
.general2024 .component005.general2024topic2-1-c005 .component005-topic-tab.tab2 .ant-tabs-tabpane .component005-card-item-title {
  color: #2774CF !important;
  border-color: #2774CF !important;
}
.general2024 .component005.general2024topic2-1-c005 .component005-topic-tab.tab2 .ant-tabs-tabpane .component005-card-item-title > div {
  border-color: #2774CF !important;
}
.general2024 .component005.general2024topic2-1-c005 .component005-topic-tab.tab2 .ant-tabs-tabpane .component005-card-item-content {
  background: #2774CF !important;
}
.general2024 .component005.general2024topic2-1-c005 .component005-topic-tab .ant-tabs-tab {
  font-size: 1.3125rem;
  font-weight: 400;
  line-height: 2.8;
  color: #333333;
  background-color: #ECECEC;
  border: none;
  padding-left: 1.375rem;
  padding-right: 1.375rem;
  margin-right: 0.625rem;
}
.general2024 .component005.general2024topic2-1-c005 .component005-topic-tab .ant-tabs-tab.ant-tabs-tab-active {
  background-color: #FFF3E4;
}
.general2024 .component005.general2024topic2-1-c005 .component005-topic-tab .ant-tabs-tabpane {
  min-height: 360px;
  background-color: #FFF3E4;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  position: relative;
}
.general2024 .component005.general2024topic2-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 {
  width: 100%;
  height: 255px;
  position: absolute;
  top: -256px;
  display: none;
}
.general2024 .component005.general2024topic2-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip {
  border: 1px solid #000;
  border-radius: 47%;
  position: absolute;
  font-size: 1.75rem;
  padding: 4rem;
  text-align: left;
  max-width: 38rem;
  min-height: 9rem;
  display: flex;
  align-items: center;
  right: 120px;
  margin-right: 20%;
  padding: 3rem;
  bottom: 2rem;
}
.general2024 .component005.general2024topic2-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip .tip-text {
  z-index: 1;
  font-size: 1.2rem;
  line-height: 1.5;
}
.general2024 .component005.general2024topic2-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip .tip-arrow {
  position: absolute;
  top: calc(50% - 15px);
  left: unset;
  right: -107px;
  background: #fff;
  height: 24px;
  width: 128px;
}
.general2024 .component005.general2024topic2-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip .tip-arrow .line1 {
  width: 64px;
  height: 1px;
  background: #000;
  transform: rotate(12deg);
  position: absolute;
  top: 5px;
  right: 46px;
}
.general2024 .component005.general2024topic2-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 .component003-tip .tip-arrow .line2 {
  width: 61px;
  height: 1px;
  background: #000;
  transform: rotate(-12deg);
  position: absolute;
  bottom: 5px;
  right: 46px;
}
.general2024 .component005.general2024topic2-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 img {
  max-width: 40vw;
  position: relative;
  z-index: 10;
  left: 73%;
}
.general2024 .component005.general2024topic2-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list {
  margin: 2.5rem;
  display: flex;
  grid-gap: 0.625rem;
  gap: 0.625rem;
  justify-content: space-between;
  flex-wrap: wrap;
}
.general2024 .component005.general2024topic2-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item {
  width: calc(25% - 0.625rem) !important;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
  color: #fff;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-left: 6px;
  padding-right: 6px;
  position: relative;
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.general2024 .component005.general2024topic2-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-title {
  color: #2774CF;
  border: 2px solid rgba(39, 116, 207, 0.6);
  border-radius: 10px;
  padding: 1.75rem 1.25rem 0.75rem;
  width: 100%;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 1.125rem;
}
.general2024 .component005.general2024topic2-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-title > div {
  display: flex;
  align-items: center;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding-bottom: 1rem;
  border-bottom: 2.25px solid rgba(39, 116, 207, 0.6);
  min-height: 66px;
}
.general2024 .component005.general2024topic2-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content {
  background: #2774CF;
  border-radius: 10px;
  padding: 1.25rem;
  min-height: 10.5rem;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  flex-grow: 1;
  width: 100%;
}
.general2024 .component005.general2024topic2-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content .text {
  height: 100%;
}
.general2024 .component005.general2024topic2-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content .text .view-more {
  position: relative;
}
.general2024 .component005.general2024topic2-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content .text .view-more button {
  border: 0 !important;
  padding: 0 !important;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.general2024 .component005.general2024topic2-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content .text .view-more button span {
  color: #F04915;
  font-size: 18px;
}
.general2024 .component005.general2024topic2-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content .img {
  width: 109px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.general2024 .component005.general2024topic2-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content .img img {
  width: auto;
  height: 55px;
}
.general2024 .component005.general2024topic2-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .clickable {
  border-radius: 10px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #999;
  display: flex;
  cursor: pointer;
}
.general2024 .component005.general2024topic2-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .clickable .click-point {
  width: 7rem;
  position: absolute;
  bottom: -2rem;
  left: calc(50% - 3.5rem);
}
.general2024 .component005.general2024topic2-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .clickable .clickable-label {
  width: 100%;
  text-align: center;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.general2024 .component005.general2024topic4-1-c005 {
  margin-top: 3.5rem;
  margin-bottom: 10rem;
  position: relative;
}
.general2024 .component005.general2024topic4-1-c005 .click-point1 {
  position: absolute;
  z-index: 10;
  width: 80px;
  top: 0;
  left: 280px;
  transform: rotate(270deg);
  cursor: pointer;
  z-index: 100;
}
.general2024 .component005.general2024topic4-1-c005.no-tabs .ant-tabs-nav-list {
  display: none;
}
.general2024 .component005.general2024topic4-1-c005.no-tabs .click-point1 {
  display: none;
}
.general2024 .component005.general2024topic4-1-c005 .component005-topic-tab {
  overflow: visible !important;
  margin-right: 3.5rem;
  margin-bottom: unset;
}
.general2024 .component005.general2024topic4-1-c005 .component005-topic-tab .ant-tabs-tab {
  font-size: 1.3125rem;
  font-weight: 400;
  line-height: 2.8;
  color: #333333;
  background-color: #ECECEC;
  border: none;
  padding-left: 1.375rem;
  padding-right: 1.375rem;
  margin-right: 0.625rem;
}
.general2024 .component005.general2024topic4-1-c005 .component005-topic-tab .ant-tabs-tab.ant-tabs-tab-active {
  background-color: #FFF3E4;
}
.general2024 .component005.general2024topic4-1-c005 .component005-topic-tab .ant-tabs-tabpane {
  min-height: 360px;
  background-color: #FFF3E4;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  position: relative;
}
.general2024 .component005.general2024topic4-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list {
  margin: 2.5rem;
  display: flex;
  grid-gap: 0.625rem;
  gap: 0.625rem;
  justify-content: space-between;
  flex-wrap: wrap;
}
.general2024 .component005.general2024topic4-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item {
  width: calc(20% - 0.625rem) !important;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
  color: #fff;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-left: 6px;
  padding-right: 6px;
  position: relative;
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.general2024 .component005.general2024topic4-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-title {
  border: 2px solid black;
  border-radius: 10px;
  padding: 1.75rem 1.25rem;
  width: 100%;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 1.125rem;
}
.general2024 .component005.general2024topic4-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-title > div {
  display: flex;
  align-items: center;
  justify-content: center;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding-bottom: 0;
  border-bottom: none;
}
.general2024 .component005.general2024topic4-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content {
  border-radius: 10px;
  padding: 1.25rem;
  min-height: 10.5rem;
  align-items: center;
  flex-direction: column;
  display: flex;
  flex-grow: 1;
}
.general2024 .component005.general2024topic4-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content .text {
  height: 100%;
}
.general2024 .component005.general2024topic4-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content .img {
  width: 109px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.general2024 .component005.general2024topic4-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content .img img {
  width: auto;
  height: 55px;
}
.general2024 .component005.general2024topic4-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item.r1 .component005-card-item-title {
  color: #F04915;
}
.general2024 .component005.general2024topic4-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item.r1 .component005-card-item-content {
  background: #F04915;
}
.general2024 .component005.general2024topic4-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item.r2 .component005-card-item-title {
  color: #5243FF;
}
.general2024 .component005.general2024topic4-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item.r2 .component005-card-item-content {
  background: #5243FF;
}
.general2024 .component005.general2024topic4-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item.r3 .component005-card-item-title {
  color: #5D820E;
}
.general2024 .component005.general2024topic4-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item.r3 .component005-card-item-content {
  background: #5D820E;
}
.general2024 .component005.general2024topic4-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item.r4 .component005-card-item-title {
  color: #E21854;
}
.general2024 .component005.general2024topic4-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item.r4 .component005-card-item-content {
  background: #E21854;
}
.general2024 .component005.general2024topic4-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item.r5 .component005-card-item-title {
  color: #810DC7;
}
.general2024 .component005.general2024topic4-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item.r5 .component005-card-item-content {
  background: #810DC7;
}
.general2024 .component005.general2024topic4-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .clickable {
  border-radius: 10px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #999;
  display: flex;
  cursor: pointer;
}
.general2024 .component005.general2024topic4-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .clickable .click-point {
  width: 7rem;
  position: absolute;
  bottom: -2rem;
  left: calc(50% - 3.5rem);
}
.general2024 .component005.general2024topic4-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .clickable .clickable-label {
  width: 100%;
  text-align: center;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.general2024.en .component005.general2024topic2-1-c005.no-tabs .ant-tabs-nav-list {
  display: none;
}
.general2024.en .component005.general2024topic2-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-title {
  font-size: 24px;
  line-height: 1.2;
}
.general2024.en .component005.general2024topic2-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-title > div {
  min-height: 135px;
}
.general2024.en .component005.general2024topic2-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content {
  padding: 1rem;
  min-height: 272px;
}
.general2024.en .component005.general2024topic2-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content .text {
  font-size: 18px;
  line-height: 1.2;
}
.general2024.en .component005.general2024topic2-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content .text .view-more button span {
  padding-left: 2px;
}
.general2024.en .component005.general2024topic4-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-title > div {
  min-height: 72px;
}
.component005-modal-general2024 .ant-modal-content .component005-modal-header {
  margin: 4rem;
  margin-bottom: 1rem;
  margin-top: 1rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 4rem;
  padding: 1rem;
  font-size: 2.4rem;
  font-weight: 500;
  border-left: 6px solid #F04915;
  display: flex;
  align-items: center;
  justify-content: center;
}
.component005-modal-general2024 .ant-modal-content .ant-modal-body .next-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.8rem;
  width: 4.8rem;
  right: 0;
  bottom: 0;
  padding: 0;
}
.component005-modal-general2024 .ant-modal-content .ant-modal-body .next-button .click-point2 {
  position: absolute;
  bottom: 5rem;
  right: 5rem;
  width: 5rem;
  height: 5rem;
  transform: rotate(135deg);
}
.component005-modal-general2024 .ant-modal-content .ant-modal-body .next-button .arrow {
  margin: 0 auto;
}
.component005-modal-general2024 .ant-modal-content .ant-modal-body .prev-button {
  position: absolute;
  background: #FFC53D;
  border-radius: 0px;
  height: 4.8rem;
  width: 4.8rem;
  left: 0;
  bottom: 0;
  padding: 0;
}
.component005-modal-general2024 .ant-modal-content .ant-modal-body .prev-button .click-point1 {
  position: absolute;
  bottom: 5rem;
  left: 5rem;
  width: 5rem;
  height: 5rem;
  transform: rotate(225deg);
}
.component005-modal-general2024 .ant-modal-content .ant-modal-body .prev-button .arrow {
  margin: 0 auto;
}
.component005-modal-general2024 .ant-modal-content .ant-modal-body .hide {
  display: none;
}
.component005-modal-general2024 .ant-modal-content .ant-modal-body .border {
  margin-left: 12rem;
  margin-right: 12rem;
  margin-top: 0;
  margin-bottom: 1rem;
}
.component005-modal-general2024 .ant-modal-content .ant-modal-body .border img {
  width: 100%;
  max-width: 500px;
  padding-bottom: 3rem;
}
.component005-modal-general2024 .ant-modal-content .ant-modal-body .content {
  width: 37.5rem;
  margin-left: 12rem;
  margin-right: 12rem;
  margin-top: 0;
  margin-bottom: 5rem;
  background: rgba(234, 75, 108, 0.2);
  border-radius: 5px;
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: 400;
  padding: 1.5rem;
  text-align: center;
}
.component005-modal-general2024 .ant-modal-content .ant-modal-body .tip {
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: 500;
  padding: 1rem;
}
@media (max-width: 1024px) {
  .general2024 .component005.general2024topic2-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-title > div {
    min-height: 115px;
  }
  .general2024 .component005.general2024topic4-1-c005 .component005-topic-tab .ant-tabs-tabpane {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .general2024 .component005.general2024topic4-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-component003 {
    display: none;
  }
  .general2024 .component005.general2024topic4-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item {
    font-size: 1.6rem;
  }
  .general2024 .component005.general2024topic4-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content {
    font-size: 1.6rem;
    line-height: 1.2;
    padding: 1.5rem;
  }
  .general2024.en .component005.general2024topic2-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list {
    grid-gap: 3rem;
    gap: 3rem;
    justify-content: space-around;
  }
  .general2024.en .component005.general2024topic2-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item {
    width: calc(45% - 3rem) !important;
  }
  .general2024.en .component005.general2024topic2-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-title {
    font-size: 1.8rem;
  }
  .general2024.en .component005.general2024topic2-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-title > div {
    min-height: 60px;
  }
  .general2024.en .component005.general2024topic2-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content {
    padding: 1.6rem;
    font-size: 1.6rem;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .general2024.en .component005.general2024topic2-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content .text {
    font-size: 1.6rem;
  }
  .general2024.en .component005.general2024topic2-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content .view-more .view-more-btn span {
    font-size: 1.6rem;
  }
  .general2024.en .component005.general2024topic2-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content .view-more .click-point1 {
    left: 80px;
    width: 40px;
    top: -9px;
  }
  .general2024.en .component005.general2024topic4-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list {
    flex-wrap: wrap;
    grid-gap: 1rem;
    gap: 1rem;
    justify-content: center;
  }
  .general2024.en .component005.general2024topic4-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item {
    width: calc(33.33% - 1rem) !important;
  }
}
@media (max-width: 768px) {
  .general2024 .component005.general2024topic2-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item {
    width: calc(50% - 0.625rem) !important;
  }
  .general2024 .component005.general2024topic2-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-title > div {
    min-height: 66px;
  }
  .general2024 .component005.general2024topic2-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content {
    min-height: 180px;
  }
  .general2024 .component005.general2024topic4-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list {
    flex-wrap: wrap;
    justify-content: flex-start;
    grid-gap: 1.4rem;
    gap: 1.4rem;
  }
  .general2024 .component005.general2024topic4-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item {
    width: calc(33.33% - 1rem) !important;
  }
  .general2024.en .component005.general2024topic2-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list {
    grid-gap: 1rem;
    gap: 1rem;
  }
  .general2024.en .component005.general2024topic2-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item {
    width: calc(50% - 1rem) !important;
  }
  .general2024.en .component005.general2024topic2-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-title > div {
    min-height: 60px;
  }
  .component005-modal-general2024 .ant-modal-content .ant-modal-body .border {
    margin-left: 2rem;
    margin-right: 2rem;
    margin-top: 0;
    margin-bottom: 1rem;
  }
}
@media (max-width: 480px) {
  .general2024 .component005.general2024topic2-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list {
    justify-content: center;
  }
  .general2024 .component005.general2024topic2-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item {
    width: calc(90% - 0.625rem) !important;
  }
  .general2024 .component005.general2024topic4-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list {
    grid-gap: 1.5rem;
    gap: 1.5rem;
  }
  .general2024 .component005.general2024topic4-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item {
    width: 100% !important;
  }
  .general2024.en .component005.general2024topic2-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab {
    grid-gap: 0.625rem;
    gap: 0.625rem;
    flex-wrap: wrap;
  }
  .general2024.en .component005.general2024topic2-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item {
    width: calc(90% - 0.625rem) !important;
  }
  .general2024.en .component005.general2024topic2-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-title {
    font-size: 1.6rem;
  }
  .general2024.en .component005.general2024topic2-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-title > div {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .general2024.en .component005.general2024topic2-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content .text {
    font-size: 1.4rem;
  }
  .general2024.en .component005.general2024topic2-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-content .view-more .view-more-btn span {
    font-size: 1.4rem;
  }
  .general2024.en .component005.general2024topic4-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item {
    width: 100% !important;
  }
  .general2024.en .component005.general2024topic4-1-c005 .component005-topic-tab .ant-tabs-tabpane .component005-card-tab .component005-card-list .component005-card-item .component005-card-item-title > div {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
}

.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .component010 {
  margin-top: 3.5rem;
  display: flex;
  justify-content: flex-start;
  padding-right: 56px;
  grid-gap: 3rem;
  gap: 3rem;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .component010 .component010-text {
  display: flex;
  flex-direction: column;
  font-size: 24px;
  line-height: 1.5;
  grid-gap: 2rem;
  gap: 2rem;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .component010 .component010-image {
  text-align: center;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .component010 .component010-image img {
  width: 90%;
}
.cyber-security-training-page.course-page.general2024.en .ant-layout-content .course-body .course-body-content .component010 .component010-text {
  line-height: 1.4;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .component010 {
    padding-right: 0;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .component010 .component010-text {
    font-size: 1.8rem;
  }
}
@media (max-width: 768px) {
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .component010 {
    flex-direction: column;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .component010 .component010-text {
    width: 100% !important;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .component010 .component010-image {
    width: 100% !important;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .component010 .component010-image img {
    width: 60%;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .component010 .component010-text {
    font-size: 1.6rem;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .component010 .component010-image {
    width: 100% !important;
  }
  .cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .component010 .component010-image img {
    width: 80%;
  }
}

.general2024 .component012 {
  display: flex;
  flex-direction: row;
  padding: 2rem;
  background-color: #FF7043;
  grid-gap: 2rem;
  gap: 2rem;
  margin-right: 3.5rem;
}
.general2024 .component012 .component012-left {
  width: 20%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4rem 2rem;
  background-color: white;
  border-radius: 16px;
}
.general2024 .component012 .component012-left .component012-title {
  font-size: 30px;
  font-weight: 400;
  line-height: 1.2;
  text-align: center;
}
.general2024 .component012 .component012-right {
  width: 80%;
  display: flex;
  align-items: center;
  color: white;
}
.general2024 .component012 .component012-right ul {
  margin-bottom: 0;
}
.general2024 .component012 .component012-right ul li {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
}
@media (max-width: 1024px) {
  .general2024 .component012 {
    margin-right: 0;
  }
  .general2024 .component012 .component012-left .component012-title {
    font-size: 2.4rem;
  }
  .general2024 .component012 .component012-right ul li {
    font-size: 1.6rem;
  }
}
@media (max-width: 768px) {
  .general2024 .component012 {
    margin-right: 0;
  }
  .general2024 .component012 .component012-left .component012-title {
    font-size: 2rem;
  }
  .general2024 .component012 .component012-right ul li {
    font-size: 1.6rem;
  }
}
@media (max-width: 480px) {
  .general2024 .component012 {
    flex-direction: column;
    grid-gap: 1.5rem;
    gap: 1.5rem;
  }
  .general2024 .component012 .component012-left {
    width: 100%;
    padding: 2.5rem 2rem;
  }
  .general2024 .component012 .component012-right {
    width: 100%;
  }
  .general2024 .component012 .component012-right ul {
    -webkit-padding-start: 20px;
            padding-inline-start: 20px;
  }
}

.general2024 .component013 {
  display: flex;
  flex-direction: column;
  grid-gap: 1.5rem;
  gap: 1.5rem;
  max-width: 1200px;
  margin: auto;
}
.general2024 .component013 .component013-title {
  width: 100%;
  font-size: 32px;
  line-height: 1.5;
  border-radius: 32px;
  color: white;
  background-color: #FF7043;
  text-align: center;
  padding: 1rem 2rem;
}
.general2024 .component013 .component013-subtitle1 {
  width: 100%;
  font-size: 30px;
  line-height: 1.5;
  border-radius: 32px;
  color: white;
  background-color: #FF7043;
  text-align: center;
  padding: 1rem 2rem;
}
.general2024 .component013 .component013-content1 {
  display: flex;
  grid-gap: 1.5rem;
  gap: 1.5rem;
}
.general2024 .component013 .component013-content1 .component013-content1-item {
  width: calc(33.33% - 1.5rem);
  color: white;
  text-align: center;
  border-radius: 32px;
  padding: 3rem 2rem;
  font-size: 26px;
  line-height: 1.5;
}
.general2024 .component013 .component013-content1 .component013-content1-item > div {
  font-size: 28px;
  padding: 0.5rem 0;
}
.general2024 .component013 .component013-content1 .component013-content1-item.r1 {
  background-color: #1AB6B6;
}
.general2024 .component013 .component013-content1 .component013-content1-item.r2 {
  background-color: #EF878D;
}
.general2024 .component013 .component013-content1 .component013-content1-item.r3 {
  background-color: #33A5C9;
}
.general2024 .component013 .component013-content1 .component013-content1-item.r3 .linkDetail {
  padding: 0;
}
.general2024 .component013 .component013-content1 .component013-content1-item.r3 .linkDetail > a {
  text-decoration: underline;
}
.general2024 .component013 .component013-subtitle2 {
  width: 100%;
  font-size: 30px;
  line-height: 1.5;
  border-radius: 32px;
  color: white;
  background-color: #FF7043;
  text-align: center;
  padding: 1rem 2rem;
}
.general2024 .component013 .component013-content2 {
  display: flex;
  grid-gap: 1.5rem;
  gap: 1.5rem;
}
.general2024 .component013 .component013-content2 .component013-content2-item {
  width: calc(50% - 1.5rem);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  border: 4px solid #00000099;
  grid-gap: 1rem;
  gap: 1rem;
  padding: 2rem;
}
.general2024 .component013 .component013-content2 .component013-content2-item .component013-content2-item-img {
  max-height: 260px;
  width: auto;
}
.general2024 .component013 .component013-content2 .component013-content2-item .component013-content2-item-content {
  font-size: 30px;
  line-height: 1.5;
}
.general2024 .component013 .component013-content2 .component013-content2-item.r1 .component013-content2-item-content {
  color: #FF7043;
}
.general2024 .component013 .component013-content2 .component013-content2-item.r2 .component013-content2-item-content {
  color: #5243FF;
}
@media (max-width: 1024px) {
  .general2024 .component013 .component013-title {
    font-size: 2.4rem;
  }
  .general2024 .component013 .component013-subtitle1 {
    font-size: 2rem;
  }
  .general2024 .component013 .component013-content1 .component013-content1-item {
    font-size: 2rem;
  }
  .general2024 .component013 .component013-content1 .component013-content1-item > div {
    font-size: 2.2rem;
  }
  .general2024 .component013 .component013-subtitle2 {
    font-size: 2rem;
  }
  .general2024 .component013 .component013-content2 .component013-content2-item .component013-content2-item-content {
    font-size: 2rem;
  }
}
@media (max-width: 768px) {
  .general2024 .component013 .component013-title {
    font-size: 2rem;
  }
  .general2024 .component013 .component013-subtitle1 {
    font-size: 1.6rem;
  }
  .general2024 .component013 .component013-content1 .component013-content1-item {
    font-size: 1.6rem;
  }
  .general2024 .component013 .component013-content1 .component013-content1-item > div {
    font-size: 1.8rem;
  }
  .general2024 .component013 .component013-subtitle2 {
    font-size: 1.6rem;
  }
  .general2024 .component013 .component013-content2 .component013-content2-item .component013-content2-item-img {
    max-height: 160px;
  }
  .general2024 .component013 .component013-content2 .component013-content2-item .component013-content2-item-content {
    font-size: 1.6rem;
  }
}
@media (max-width: 480px) {
  .general2024 .component013 .component013-title {
    font-size: 1.6rem;
  }
  .general2024 .component013 .component013-subtitle1 {
    font-size: 1.4rem;
  }
  .general2024 .component013 .component013-content1 {
    flex-wrap: wrap;
  }
  .general2024 .component013 .component013-content1 .component013-content1-item {
    width: 100%;
    padding: 1rem 2rem;
    font-size: 1.4rem;
  }
  .general2024 .component013 .component013-content1 .component013-content1-item > div {
    font-size: 1.5rem;
  }
  .general2024 .component013 .component013-subtitle2 {
    font-size: 1.4rem;
  }
  .general2024 .component013 .component013-content2 {
    flex-wrap: wrap;
  }
  .general2024 .component013 .component013-content2 .component013-content2-item {
    width: 100%;
    padding: 1rem 2rem;
  }
  .general2024 .component013 .component013-content2 .component013-content2-item .component013-content2-item-content {
    font-size: 1.4rem;
  }
}

.general2024.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview {
  background-color: rgba(255, 112, 67, 0.1);
}
.general2024.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-progress-bar .ant-progress-text {
  color: #FF7043;
}
.general2024.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .ant-progress-circle-trail {
  stroke: rgba(255, 112, 67, 0.6) !important;
  opacity: 0.2;
}
.general2024.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .ant-progress-circle-path {
  stroke: #FF7043 !important;
}
.general2024.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.active .step-dot {
  border-color: #FF7043;
}
.general2024.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.active .step-dot .active-dot {
  background-color: #FF7043;
}
.general2024.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.completed .step-dot {
  border-color: #FF7043;
  background-color: #FF7043;
}
.general2024.cyber-security-training-page.course-page .ant-layout-content .course-left-side .course-left-overview .course-steps .step-item.completed .step-line {
  background-color: #FF7043;
}
.general2024.cyber-security-training-page.course-page .ant-layout-content .course-left-side .paragraphs .paragraph.active {
  border-color: #FF7043;
  background-color: #fafafa;
}
.general2024.cyber-security-training-page.course-page .ant-layout-content .course-left-side .paragraphs .state .in-progress {
  background: url(data:image/png;base64,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);
  background-size: cover;
}
.general2024.cyber-security-training-page.course-page .ant-layout-content .course-body .next-topic-button {
  background-color: #FF7043;
}
.general2024.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .title {
  border-color: #FF7043;
}
.general2024.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .topic-item .title .l2 {
  color: #FF7043;
}
.general2024.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body {
  border-color: #FF7043;
}
.general2024.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-last-button {
  border-color: #FF7043;
}
.general2024.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-last-button span {
  color: #FF7043;
}
.general2024.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-submit-button {
  background-color: #FF7043;
}
.general2024.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-button-section .quiz-submit-button[disabled] {
  background-color: rgba(255, 112, 67, 0.6);
  border-color: #FF7043;
}
.general2024.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area.correct .ant-btn-link {
  color: #0CA3A3;
}
.general2024.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .quiz-section .quiz-section-body .quiz-result-area.wrong .ant-btn-link {
  color: #E7444E;
}
.general2024.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-container .phishing-indentify-body .phishing-indentify-item .phishing-indentify-text {
  background: #FF7043;
}
.general2024.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content .phishing-indentify-section .phishing-indentify-tabs .phishing-indentify-tab.active .number {
  border-color: #FF7043;
}
.general2024.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.index .course-landing {
  background: rgba(255, 112, 67, 0.3);
}
.general2024.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.welcome .course-landing {
  background: rgba(255, 112, 67, 0.3);
}
.general2024.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.t900 .course-landing {
  background: rgba(255, 112, 67, 0.3);
}
.general2024.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.t930 .course-landing {
  background: rgba(255, 112, 67, 0.3);
}
.general2024.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.t1200 .course-landing {
  background: rgba(255, 112, 67, 0.3);
}
.general2024.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.t1400 .course-landing {
  background: rgba(255, 112, 67, 0.3);
}
.general2024.cyber-security-training-page.course-page .ant-layout-content .course-body .course-body-content.quiz .course-landing {
  background: rgba(255, 112, 67, 0.3);
}
.general2024.cyber-security-training-page.course-page .ant-layout-content .ant-radio-checked .ant-radio-inner {
  border-color: #FF7043;
}
.general2024.cyber-security-training-page.course-page .ant-layout-content .ant-radio-inner::after {
  background-color: #FF7043;
}
.general2024.cyber-security-training-page.course-page .ant-layout-content .ant-radio-wrapper:hover .ant-radio,
.general2024.cyber-security-training-page.course-page .ant-layout-content .ant-radio:hover .ant-radio-inner,
.general2024.cyber-security-training-page.course-page .ant-layout-content .ant-radio-input:focus + .ant-radio-inner {
  border-color: #FF7043;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .course-landing .course-landing-content {
  background-image: url(/static/media/welcomeLandingbg-general2024.ac0a1779.png);
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content.quiz .progress .progress-line {
  background-color: #FF7043;
}
.cyber-security-training-page.course-page.general2024 .ant-layout-content .course-body .course-body-content .final-quiz-container .final-quiz-body .quiz-result .quiz-result-pass .cert-download-input .cert-download-button {
  background-color: #FF7043;
}

.left-menu {
  background-color: transparent;
  color: #000000;
  padding-right: 1.2rem;
}
.left-menu .ant-menu {
  color: #4C4C4E;
}
.left-menu .ant-menu-submenu-title {
  font-weight: 500;
  height: 50px !important;
  line-height: 50px !important;
  padding-right: 24px;
  font-size: 20px;
}
.left-menu .ant-menu-submenu-title .anticon {
  min-width: 12px;
  font-size: 12px;
  font-weight: bold;
}
.left-menu .ant-menu-submenu-title:hover {
  color: #000000;
}
.left-menu .ant-menu-item:hover {
  color: #000000;
}
.left-menu .ant-menu-light .ant-menu-item-active {
  color: #000000;
}
.left-menu .ant-menu-submenu-title:active {
  background-color: transparent;
}
.left-menu .ant-menu-submenu-arrow {
  color: #000000 !important;
}
.left-menu .ant-menu-submenu-selected {
  color: #000000;
}
.left-menu .ant-menu-item {
  background-color: transparent!important;
}
.left-menu .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: transparent;
  color: #4C4C4E;
}
.left-menu .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected .ant-menu-title-content {
  background-color: #E8E8E8;
}
.left-menu .ant-menu-title-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 1.25;
  border-radius: 4px;
  padding: 8px;
  font-size: 1.25rem;
  white-space: normal;
}
.left-menu .ant-menu-title-content .item-word {
  display: inline-block;
  width: calc(100% - 1rem);
  white-space: normal;
  font-size: 1rem;
  line-height: 1.25;
}
.left-menu .ant-menu-title-content .item-dot {
  display: inline-flex;
  width: 16px;
  height: 16px;
  border: 1px solid #D1D5DB;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
}
.left-menu .ant-menu-title-content .completed {
  border-color: #0B54A1;
  background-color: #0B54A1;
}
.left-menu .ant-menu-title-content .active {
  border-color: #0B54A1;
}
.left-menu .ant-menu-title-content .in-progress {
  border-color: transparent;
  zoom: 1.2;
}
.left-menu .ant-menu-title-content .not-start {
  border-color: #4C4C4E;
  background-color: #4C4C4E;
}
.left-menu .step-dot {
  cursor: pointer;
  width: 16px;
  height: 16px;
  border: 1px solid #D1D5DB;
  border-radius: 50%;
  margin-right: 8px;
}
.left-menu .completed-dot {
  border-color: #F26927;
  background-color: #F26927;
  display: flex;
  justify-content: center;
  align-items: center;
}
.left-menu .completed-dot .anticon {
  color: #FFFFFF;
  min-width: 12px;
  font-size: 12px;
}
.left-menu .active-dot {
  border-color: #F26927;
}
.left-menu .none-dot {
  border-color: #4C4C4E;
  background-color: #4C4C4E;
}

.w-title {
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: bold;
  font-size: 4rem;
  color: #0B52A2;
  line-height: 5.25rem;
  position: relative;
  padding-left: 2.2rem;
}
.w-title::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0.81rem;
  height: 100%;
  background: #0B52A2;
  border-radius: 6.38rem;
}
.en .w-title {
  font-size: 3.5rem;
}
.c-title {
  height: 5rem;
  background: #0B52A2;
  border-radius: 6.38rem;
  display: inline-block;
  color: #fff;
  line-height: 5rem;
  padding: 0 2.25rem;
  font-size: 3rem;
  font-weight: 700;
  margin-bottom: 3.5rem;
}
.en .c-title {
  font-size: 2.5rem;
}
@media (max-width: 1024px) {
  .w-title {
    font-size: 3rem;
    line-height: 4rem;
    padding-left: 1.2rem;
  }
  .c-title {
    font-size: 2rem;
    height: 4.25rem;
    line-height: 4.25rem;
  }
}

.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .next-paragraph-bar {
  margin-left: 0;
  background: #F4F7FF;
  height: 7.5rem;
  padding: 0;
  padding-top: 1.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .next-paragraph-bar .next_text_box {
  width: 100%;
  position: relative;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .next-paragraph-bar .next_text_box:after {
  content: "";
  position: absolute;
  left: 3.5rem;
  top: 50%;
  width: calc(100% - 7rem);
  height: 1px;
  background: #C8C8C8;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .next-paragraph-bar .next_text_box span {
  padding: 0 4rem;
  background: #F4F7FF;
  z-index: 2;
  color: #0B52A2;
  font-weight: 700;
  font-size: 1.5rem;
  position: relative;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .next-paragraph-bar .next_text_box span .img {
  width: 1.5rem;
  position: absolute;
  top: -2rem;
  left: 50%;
  transform: translateX(-50%);
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .prevent-msg-container {
  width: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .prevent-msg-container.animation {
  transition: opacity 500ms linear;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .prevent-msg-container.fade-in {
  width: 80%;
}

.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.welcome {
  background-color: #E1F0FF;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAADwAAAAQeCAMAAABSPj8eAAAAOVBMVEUAAACIsuSHr+OHr+CIsuWAr9+JsuWIseSJsuSHsuSHseSIsuWIsuSFr+SIsuWIseSHr+KGr+KIsuXQ+prpAAAAEnRSTlMAv0Ag3xDvgHBgkJ+fMK/PYFAtaXHBAAAfyElEQVR42uzBgQAAAACAoP2pF6kCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGD24EAAAAAAAMj/tRFUVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVYU9OBAAAAAAAPJ/bQRVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVWEPDgQAAAAAgPxfG0FVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVdiDAwEAAAAAIP/XRlBVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVFfbgQAAAAAAAyP+1EVRVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVhT04EAAAAAAA8n9tBFVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVYQ8OBAAAAACA/F8bQVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV2IMDAQAAAAAg/9dGUFVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVUV9uBAAAAAAADI/7URVFVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVWFPTgQAAAAAADyf20EVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV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);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100% 32.2rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.welcome + .nextTopic_box {
  background: url(/static/media/nextTopic_bg.a0cdeb3d.png) no-repeat center #88b2e5;
  background-size: 100% auto;
  background-position: bottom;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.welcome .welcome-bg {
  background-image: url(/static/media/welcomeBg.48cfe7a9.png);
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: right center;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.welcome .topic-section-0 {
  padding: 7rem 1.81rem 0 5rem;
  min-height: 82.63rem;
  display: flex;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.welcome .topic-section-0-left {
  width: 41%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.welcome .topic-section-0-left .title {
  font-weight: 800;
  font-size: 6rem;
  margin-bottom: 3rem;
  margin-top: 1rem;
  position: relative;
  width: 38rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.welcome .topic-section-0-left .title-welcome {
  position: absolute;
  top: 50%;
  right: -16rem;
  background-color: #0B52A2;
  color: #ffffff;
  text-align: center;
  font-size: 4rem;
  padding-left: 2.375rem;
  border-radius: 4rem;
  line-height: 6rem;
  transform: translateY(-50%);
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.welcome .topic-section-0 .training-animation {
  padding: 0;
  margin: 0;
  position: relative;
  height: 80rem;
  flex: 1 1;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.welcome .topic-section-0 .training-animation-list {
  height: 100%;
  margin-left: calc(100% - 86.19rem);
  position: relative;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.welcome .topic-section-0 .training-animation .wPeople1 {
  position: absolute;
  right: 0;
  top: -28%;
  width: 13.31rem;
  height: auto;
  z-index: 10;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.welcome .topic-section-0 .training-animation .wPeople2 {
  position: absolute;
  left: -5rem;
  top: 70%;
  width: 26.38rem;
  height: auto;
  z-index: 10;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.welcome .topic-section-0 .training-animation .training-animation-item {
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  width: 31.88rem;
  height: 14rem;
  border-radius: 0.63rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.welcome .topic-section-0 .training-animation .training-animation-item .training-animation-icon {
  position: relative;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.welcome .topic-section-0 .training-animation .training-animation-item .training-animation-icon img {
  height: 7.09rem;
  width: auto;
  position: absolute;
  top: -3.5rem;
  left: -3.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.welcome .topic-section-0 .training-animation .training-animation-item .training-animation-content {
  padding: 1.19rem 1.75rem 1.19rem 2.38rem;
  height: 100%;
  align-items: center;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.welcome .topic-section-0 .training-animation .training-animation-item .training-animation-content ul {
  width: auto;
  flex: 1 1;
  padding-left: 1rem;
  margin: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.welcome .topic-section-0 .training-animation .training-animation-item .training-animation-content ul li {
  font-weight: 500;
  font-size: 1rem;
  color: #4C4C4E;
  line-height: 2rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.welcome .topic-section-0 .training-animation .training-animation-item .training-animation-content .content-left {
  display: flex;
  flex-direction: column;
  flex: 1.4 1;
  height: 100%;
  justify-content: space-around;
  border-right: 1px solid #0B52A2;
  padding-right: 1rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.welcome .topic-section-0 .training-animation .training-animation-item .training-animation-content .content-left h3,
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.welcome .topic-section-0 .training-animation .training-animation-item .training-animation-content .content-left h4,
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.welcome .topic-section-0 .training-animation .training-animation-item .training-animation-content .content-left p {
  margin: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.welcome .topic-section-0 .training-animation .training-animation-item .training-animation-content .content-left h3 {
  font-weight: bold;
  font-size: 2.5rem;
  color: #0B52A2;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.welcome .topic-section-0 .training-animation .training-animation-item .training-animation-content .content-left h4 {
  font-weight: bold;
  font-size: 2rem;
  color: #1F1F1F;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.welcome .topic-section-0 .training-animation .training-animation-item .training-animation-content .content-left p {
  font-weight: bold;
  font-size: 1.5rem;
  color: #1F1F1F;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.welcome .topic-section-0 .training-animation .training-animation-item:nth-child(1) {
  position: absolute;
  right: 0;
  top: 19.5%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.welcome .topic-section-0 .training-animation .training-animation-item:nth-child(2) {
  position: absolute;
  right: 16%;
  top: 41%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.welcome .topic-section-0 .training-animation .training-animation-item:nth-child(3) {
  position: absolute;
  right: 24%;
  bottom: 19%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.welcome .topic-section-0 .training-animation .training-animation-item:nth-child(4) {
  position: absolute;
  right: 63%;
  bottom: 15%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.welcome .topic-section-0 .multiplayerIcon {
  height: 4.04rem;
  width: auto;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.welcome .topic-section-0 .header {
  font-size: 6rem;
  font-weight: 700;
  line-height: 6.25rem;
  margin-top: 1.88rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.welcome .topic-section-0 .description {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2.19rem;
  text-align: justify;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.welcome .course-landing {
  background: none;
  margin-top: 8rem;
  font-family: Source Han Sans CN, Source Han Sans CN;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.welcome .course-landing .course-landing-content {
  position: relative;
  background: none;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.welcome .course-landing .course-landing-content .course-landing-text {
  width: 45%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.welcome .course-landing .course-landing-content .landing-img img {
  position: static;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.welcome .course-landing .title {
  font-weight: 800;
  font-size: 6rem;
  color: #FFFFFF;
  line-height: 5.25rem;
  margin-bottom: 3rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.welcome .course-landing .yeas {
  display: inline-flex;
  background: #F36928;
  border-radius: 6.15rem;
  border: 2px solid #FFFFFF;
  font-weight: bold;
  font-size: 6rem;
  color: #FFFFFF;
  line-height: 5.25rem;
  text-align: center;
  padding: 0.8rem 2.2rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.welcome .course-landing .description {
  margin-top: 2.4rem;
  color: #FFFFFF;
  font-size: 1.5rem;
  line-height: 2.19rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.welcome .course-landing .person-icon {
  position: absolute;
  z-index: 10;
  top: 4%;
  right: 3.5%;
  width: 40%;
  height: 7.1rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.welcome .course-landing .person-icon .landing-img-panel {
  margin-top: 3rem;
  position: relative;
  width: 100%;
  height: 100%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.welcome .course-landing .person-icon .landing-img-panel img {
  width: 7.1rem;
  height: auto;
  z-index: 3;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.welcome .course-landing .person-icon .landing-img-panel .imgInfo1 {
  position: absolute;
  left: 10%;
  top: 65%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.welcome .course-landing .person-icon .landing-img-panel .imgInfo2 {
  position: absolute;
  left: 32%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.welcome .course-landing .person-icon .landing-img-panel .imgInfo3 {
  position: absolute;
  right: 25%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.welcome .course-landing .person-icon .landing-img-panel .imgInfo4 {
  position: absolute;
  right: 5%;
  top: 65%;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.welcome {
    background: linear-gradient(to bottom, transparent 50%, #88B2E5 50%), #E1F0FF;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.welcome .welcome-bg {
    background-image: url(/static/media/welcomeBg_m.82216666.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: right 42%;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.welcome .topic-section-0 {
    padding: 7rem 3rem 0 3rem;
    display: flex;
    flex-direction: column;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.welcome .topic-section-0-left {
    width: auto !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.welcome .topic-section-0-left .title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.welcome .topic-section-0-left .title span {
    position: static;
    transform: none;
    width: 88%;
    margin-top: 2rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.welcome .topic-section-0-left .description {
    text-align: center!important;
    font-size: 2rem;
    line-height: 3.13rem;
    min-height: 45rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.welcome .topic-section-0 .training-animation {
    height: auto;
    margin-top: 15rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.welcome .topic-section-0 .training-animation-list {
    margin-left: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.welcome .topic-section-0 .training-animation .training-animation-item {
    position: static !important;
    margin-bottom: 6rem;
    width: 90%;
    height: 21.75rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.welcome .topic-section-0 .training-animation .training-animation-item .training-animation-content ul {
    padding-left: 5%;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.welcome .topic-section-0 .training-animation .training-animation-item .training-animation-content ul li {
    font-size: 1.5rem;
  }
}

.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .course-body-content.welcome .topic-section-0-left {
  width: 46%;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .course-body-content.welcome .topic-section-0-left .title {
  font-size: 3.5rem;
  width: 50rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .course-body-content.welcome .topic-section-0-left .title-welcome {
  font-size: 3.5rem;
  padding-right: 2.375rem;
  right: -20rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .course-body-content.welcome .topic-section-0-left .description {
  text-align: left;
  font-size: 1.25rem;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .course-body-content.welcome .topic-section-0-left .description {
    font-size: 1.5rem;
    line-height: 2.13rem;
  }
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .course-body-content.welcome .training-animation .training-animation-item .training-animation-content ul li {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .course-body-content.welcome .training-animation .training-animation-item .training-animation-content ul li {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .course-body-content.welcome .training-animation .training-animation-item .training-animation-content .content-left h3 {
  font-size: 2.5rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .course-body-content.welcome .training-animation .training-animation-item .training-animation-content .content-left h4 {
  font-size: 1.5rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .course-body-content.welcome .training-animation .training-animation-item .training-animation-content .content-left p {
  font-size: 1.25rem;
}

.cyber-security-training-page.course-page.finance .ant-layout-content .course-body .course-body-content .training-animation {
  margin-bottom: 4.75rem !important;
  margin-top: 4.75rem;
}
.training-animation {
  padding: 0 5.375rem;
  margin-right: 3.5rem;
}
.training-animation .training-animation-title {
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.625rem;
  text-align: center;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  margin-bottom: 1.5rem;
}
.training-animation .training-animation-content {
  display: flex;
  grid-gap: 1rem;
  gap: 1rem;
  justify-content: space-between;
}
.training-animation .training-animation-content .training-animation-item {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.training-animation .training-animation-content .training-animation-header {
  border-radius: 5px;
  color: #fff;
  display: flex;
  flex-direction: column;
  height: 120px;
  align-items: center;
  justify-content: center;
  grid-gap: 12px;
  gap: 12px;
  font-size: 1rem;
  line-height: 1.171875rem;
  font-weight: 700;
  padding: 1.2rem;
  text-align: center;
  position: relative;
}
.training-animation .training-animation-content .training-animation-header .icon {
  width: 100%;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.training-animation .training-animation-content .training-animation-header .icon img {
  width: 32px;
  height: 32px;
}
.training-animation .training-animation-content .training-animation-header .arrow {
  width: 30px;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0;
}
.training-animation .training-animation-content .training-animation-header .arrow img {
  width: 15px;
  height: 30px;
}
.training-animation .training-animation-content .training-animation-content ul {
  width: 100%;
  padding: 0;
}
.training-animation .training-animation-content .training-animation-content ul .training-animation-text {
  margin: 0.6875rem 0;
  border-radius: 5px;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1rem;
  text-align: center;
  padding: 1.0625rem 1.8125rem;
}
.training-animation .training-animation-content .training-animation-content ul .training-animation-text.training-animation-text1 {
  background: rgba(234, 75, 108, 0.2);
}
.training-animation .training-animation-content .training-animation-content ul .training-animation-text.training-animation-text2 {
  background: rgba(243, 162, 104, 0.28);
}
.training-animation .training-animation-content .training-animation-content ul .training-animation-text.training-animation-text3 {
  background: rgba(111, 129, 247, 0.2);
}
.training-animation .training-animation-content .training-animation-content ul .training-animation-text.training-animation-text4 {
  background: rgba(12, 163, 163, 0.2);
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .training-animation .training-animation-content {
    flex-wrap: wrap;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .training-animation .training-animation-content .training-animation-item {
    width: calc(50% - 1rem) !important;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .training-animation .training-animation-content {
    flex-wrap: wrap;
  }
  .cyber-security-training-page.course-page.general-staff .ant-layout-content .course-body .course-body-content .training-animation .training-animation-content .training-animation-item {
    width: calc(100% - 1rem) !important;
  }
}

.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t900 {
  background: #DDEBFA;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t900 + .nextTopic_box {
  background: url(/static/media/nextTopic_bg.a0cdeb3d.png) no-repeat center #f3f9ff;
  background-size: 100% auto;
  background-position: bottom;
  padding: 3.875rem 6.18rem 3.875rem 16.937rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t900 .course-landing {
  background-image: url(/static/media/back_piece1.5.e7f30ee0.png);
  background-repeat: no-repeat;
  background-color: #F3F9FF;
  background-size: 100% 23.94rem;
  background-position-y: bottom;
  position: relative;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t900 .course-landing .course-landing-content {
  justify-content: initial;
  background-image: initial;
  padding-right: 4rem;
  padding-left: 4rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t900 .course-landing .course-landing-content .course-landing-text {
  width: 100%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t900 .course-landing .course-landing-content .course-landing-text .description {
  font-size: 1.5rem;
  margin-left: 12.2rem;
  margin-top: -1.75rem;
  line-height: 2.19rem;
  font-weight: 500;
  color: #4c4c4e;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t900 .course-landing .course-landing-content .course-landing-text .title {
  display: flex;
  align-items: center;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t900 .course-landing .course-landing-content .course-landing-text .title .title_icon {
  width: 10.13rem;
  height: 10.13rem;
  display: inline-block;
  background: url(/static/media/icon1-1.223178eb.png) no-repeat;
  background-size: 100% 100%;
  margin-right: 2rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t900 .course-landing .course-landing-content .course-landing-text .title span:first-of-type {
  font-size: 4rem;
  color: #0B52A2;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t900 .course-landing .course-landing-content .course-landing-text .title span:last-child {
  font-size: 2.25rem;
  color: #F36928;
  margin-left: 1rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t900 .course-landing .course-landing-content .course-landing-text .video_box {
  display: flex;
  justify-content: center;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t900 .course-landing .course-landing-content .course-landing-text .video_box .landing-img {
  width: 15.5rem;
  height: 32.63rem;
  margin-top: 7rem;
  margin-right: 1.75rem;
  position: relative;
  overflow: initial;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t900 .course-landing .course-landing-content .course-landing-text .video_box .landing-img img {
  position: relative;
  z-index: 2;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t900 .course-landing .course-landing-content .course-landing-text .video_box .landing-img .icon_clock {
  width: 6.71rem;
  height: 6.71rem;
  display: inline-block;
  background: url(data:image/png;base64,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) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: -6.5rem;
  left: -6rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t900 .course-landing .course-landing-content .course-landing-text .video_box .landing-img .icon_text {
  width: 15rem;
  height: 5.5rem;
  display: inline-block;
  background: url(data:image/png;base64,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) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: -4.5rem;
  left: 1.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t900 .course-landing .course-landing-content .course-landing-text .video_box .landing-img .icon_flower {
  width: 11.5rem;
  height: 21.06rem;
  display: inline-block;
  background: url(data:image/png;base64,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) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  bottom: 0.8rem;
  left: -7.4rem;
  z-index: 1;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t900 .course-landing .course-landing-content .course-landing-text .video_box .video-container {
  width: 48rem;
  height: 28rem;
  padding: 1.4rem 2rem 1.5rem;
  background: url(/static/media/back_pad1.89f1c16c.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
  z-index: 2;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t900 .course-landing .course-landing-content .course-landing-text .video_box .video-container video {
  border-radius: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t900 .course-landing .course-landing-content .course-landing-text .video_box .video-container .video-transcript-area {
  position: relative;
  margin-top: 3rem;
  width: auto;
  margin: 3rem -2rem 0 -2rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t900 .course-landing .back_line {
  width: 100%;
  height: 17.84rem;
  display: block;
  position: absolute;
  background-image: url(/static/media/back_lines1.bec7a1f4.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  bottom: -3.5rem;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t900 + .nextTopic_box {
    padding: 3.875rem 0 3.875rem 0;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t900 .course-landing .course-landing-content {
    padding-right: 3rem;
    padding-left: 3rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t900 .course-landing .course-landing-content .course-landing-text .description {
    margin-left: initial;
    font-size: 1.75rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t900 .course-landing .course-landing-content .course-landing-text .title .text_item {
    display: flex;
    flex-direction: column;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t900 .course-landing .course-landing-content .course-landing-text .title .text_item span:last-child {
    margin-left: initial;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t900 .course-landing .course-landing-content .course-landing-text .video_box {
    position: relative;
    margin-top: 13rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t900 .course-landing .course-landing-content .course-landing-text .video_box .landing-img {
    display: initial;
    position: absolute;
    margin-top: initial;
    width: 100%;
    height: initial;
    top: -11rem;
    left: 0;
    margin-right: initial;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t900 .course-landing .course-landing-content .course-landing-text .video_box .landing-img .icon_flower {
    display: none;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t900 .course-landing .course-landing-content .course-landing-text .video_box .landing-img .icon_text {
    width: 18.625rem;
    height: 4.5rem;
    background: url(data:image/png;base64,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) no-repeat;
    background-size: 100% 100%;
    top: 7rem;
    left: initial;
    right: 1rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t900 .course-landing .course-landing-content .course-landing-text .video_box .landing-img .icon_clock {
    width: 3.625rem;
    height: 3.625rem;
    top: 5rem;
    left: 0;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t900 .course-landing .course-landing-content .course-landing-text .video_box .landing-img img {
    position: absolute;
    width: 16.5rem;
    left: 3rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t900 .course-landing .course-landing-content .course-landing-text .video_box .video-container {
    width: 40rem;
    height: 24rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t900 .course-landing .course-landing-content .course-landing-text .video_box .video-container .flower {
    display: none;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t900 .course-landing .course-landing-content .course-landing-text .video_box .video-container .video-transcript-area {
    margin-top: 4rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t900 .course-landing .course-landing-content .course-landing-text .video_box .video-container .video-transcript-area .video-transcript-title {
    font-size: 1.75rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t900 .course-landing .course-landing-content .course-landing-text .video_box .video-container .video-transcript-area .video-transcript-content .video-transcript-item {
    font-size: 1.75rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t900 .course-landing .back_line {
    background-size: cover;
    background-position-x: 38%;
    bottom: -12rem;
    height: 43rem;
  }
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 {
  padding-left: 0rem;
  padding-right: 0rem;
  padding-top: 8rem;
  font-weight: 500;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .padding_box {
  padding-left: 14.75rem;
  padding-right: 9.18rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .header_box {
  display: flex;
  align-items: center;
  margin-bottom: 3rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .header_box .header {
  margin-bottom: 0;
  color: #0B52A2;
  position: relative;
  font-size: 4rem;
  text-align: initial;
  padding-left: 2.2rem;
  line-height: 5rem;
  width: initial;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .header_box .header::after {
  content: "";
  position: absolute;
  left: 0;
  width: 0.81rem;
  height: 5rem;
  background: #0B52A2;
  border-radius: 6.38rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .title_box_m {
  display: flex;
  align-items: end;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .title_box_m .header {
  text-align: center;
  width: 28rem;
  height: 5rem;
  line-height: 5rem;
  background: #0B52A2;
  border-radius: 6.38rem;
  font-size: 3rem;
  color: #FFFFFF;
  margin-bottom: initial;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .title_box_m .header_r_text {
  color: #1F1F1F;
  flex: 1 1;
  margin-left: 2rem;
  font-size: 1.5rem;
  line-height: 2.19rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .title {
  border-left: initial;
  padding-left: initial;
  font-size: 1.5rem;
  line-height: 2.19rem;
  margin-bottom: 0;
  margin-left: 2.5rem;
  color: #4C4C4E;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .title.mt_1 {
  margin-top: 1.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .title .content {
  margin-top: 1.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .title .content.strong {
  font-weight: 700;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .example {
  padding-left: 0;
  margin-top: 3.625rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .example .example_box_1 {
  width: 100%;
  height: auto;
  background: #BBDCFF;
  border-radius: 0.625rem;
  line-height: 2.18rem;
  color: #1F1F1F;
  padding: 3rem 2.4375rem;
  font-size: 1.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .example .example_box_1 .text1 {
  text-align: justify;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .example .example_box_1 .text2 {
  font-size: 1rem;
  color: #636363;
  margin-top: 1.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .example .example_box_1 .text_a {
  font-size: 1rem;
  color: #0B52A2;
  word-wrap: break-word;
  line-height: initial;
  display: block;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .example .example_box_1 .title_box {
  width: 100%;
  height: 4.0625rem;
  background: #E0F0FF;
  border-radius: 4.0625rem;
  margin-bottom: 1.75rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .example .example_box_1 .title_box .text {
  font-size: 2.5rem;
  font-weight: bold;
  color: #fff;
  width: 14rem;
  height: 4.0625rem;
  line-height: 4.0625rem;
  background: #EE6E2F;
  text-align: center;
  border-radius: 4.0625rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .pc_hide {
  display: none;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .flex_c {
  display: flex;
  justify-content: center;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .header_box {
  display: flex;
  align-items: center;
  margin-bottom: 3rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .header_box .header {
  margin-bottom: 0;
  color: #0B52A2;
  position: relative;
  font-size: 4rem;
  text-align: initial;
  padding-left: 2.2rem;
  line-height: 5rem;
  width: initial;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .header_box .header::after {
  content: "";
  position: absolute;
  left: 0;
  width: 0.81rem;
  height: 5rem;
  background: #0B52A2;
  border-radius: 6.38rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .title_box_m {
  display: flex;
  align-items: end;
  margin-bottom: 3.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .title_box_m .header {
  text-align: center;
  width: 29.38rem;
  height: 5rem;
  line-height: 5rem;
  background: #0B52A2;
  border-radius: 6.38rem;
  font-size: 3rem;
  color: #FFFFFF;
  margin-bottom: initial;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .title_box_m span {
  color: #1F1F1F;
  flex: 1 1;
  margin-left: 2rem;
  font-size: 1.5rem;
  line-height: 2.19rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .ele_person_box {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .ele_person_box .left {
  width: 41%;
  height: 31.31rem;
  background: #fff;
  border-radius: 0.5rem;
  position: relative;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .ele_person_box .left .text_position {
  position: absolute;
  color: #1F1F1F;
  font-weight: bold;
  right: 6%;
  top: 8rem;
  z-index: 2;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .ele_person_box .left .text_position p:first-of-type {
  font-size: 3rem;
  margin-bottom: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .ele_person_box .left .text_position p:last-of-type {
  font-size: 1.5rem;
  margin-top: 1.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .ele_person_box .left .ele_l1 {
  width: 90%;
  position: absolute;
  left: 0;
  bottom: 0;
  max-width: 28rem;
  z-index: 1;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .ele_person_box .left .ele_l2 {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .ele_person_box .right {
  width: 56%;
  height: 31.31rem;
  background: #fff;
  border-radius: 0.5rem;
  position: relative;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .ele_person_box .right i {
  display: inline-block;
  width: 4.5625rem;
  height: 4.5625rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADEAAAAyCAYAAAD1CDOyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAO0SURBVHgB1Zo7bxNBEMf/s+cz4SHhBtqYLwCmoMYUlAgjYokOKOj5AKAkgooGRUK0JKJBJAI3VBRxWhoOCgqaXEoeEk6Rlx877FxyFz8S2+dz7s4/yTrvnR/735nZnZs9whjgEnLNTKagQAUium5OFQ4u5ds+VQOTC4LLzGsa7NgrzSrGACECjZlM0QLNml8xnaYcQsM1BiqaeSmKoJFENMv2A0Wm89w+0pFxdYvnMx8aiwhJKBHeyCv1Zsyd78bda9RvnK7AHfYLQ4kQn9dZe5aYHiMmmPWctdKcH+azA0XwPeRZZ1dPePSPwzFWuTPIKqrfxXoZhQQFCIVTdnZ1p9T//4+1hAjIwF4dbdYZO33j5EgRCbvQcRwrpMedJIhTKEDIn7LtN0dd6BEhs1AKBRxAxdZMZq7nbHujeTdbUgofkXKa4KvZ5YbjtzssoSy8xASQQWc/AxGSSqTXjbqhomQPfisQ4eVCE4TV1l9PhMTC5FjB59AanggiM7GOgzO5/VdMKCav3wcicBtRuTANevEFtPjLzOiXEQekcF+OqjEzVYycWoiA2c/AxWngzwawvYl4oNxOaSpvlgVdRBS6BPD8TeD3BuLCVq2iosP74fAkLEAwoSD39pjGKKRAgGAKE3kT2JxHWFIiwINwhXQ5ywgJvfq5L0DYMpWYrTEF8o814PUjhMTNICxnzUR27nxHm86OaW34m0foEYWXS4VERt64j+dOsrBV34JXniFJxJ1ccwwf3JcuB0J42YhYfo5kYEdhVNa/7wf0dg1UfgqUnyAhNpVxQgejkgIhrOEoBlcRhYSFsDGC0rBGt4RPt5CYEkDBsuCQV92w7fWx1Jdk7bh2C/j0CjHhquX6JUUV1EwyG90agqza8QmQNaUqR292ajENVbhNG4r1khyDko0u2/9SUrIcFs+V5E2wTjDTAiYI2ZDx3weW8AI8m/06IQWDwApCYAkJ8JZWDzEB7DXUjfZ2R9phr+xWmXgJKYZJz5+u7Lrt53pK+yl3qw438ulJAMWtSIm5zL5zunC73cjnyCyW3u26TSBNQjwB3W7k03fjsV62zZYXkt7y6itAGGL3dMpsfemkdo4GChAG3hSJa0mMmJQ31lnL3CIsUOPM1UEChFBPFJzQ4xDduMTqIZnpftgvhBLhczJiuMZEC9b7+hxCMpIIH08M1APTgesYCZn91Ddimgsz8t1EEhF0pZTLwdouarPxYcrthYOq4lEVFCkTOqzJNZasoDnlUKWWtvUoGf4DwXmQqREt5Y0AAAAASUVORK5CYII=) no-repeat;
  background-size: 100% auto;
  top: -6rem;
  left: 12rem;
  position: absolute;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .ele_person_box .right .text_position {
  position: absolute;
  color: #1F1F1F;
  font-weight: bold;
  top: 12rem;
  left: 3.5rem;
  z-index: 2;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .ele_person_box .right .text_position .l1 {
  font-size: 1.5rem;
  margin-bottom: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .ele_person_box .right .text_position .l2 {
  color: #EE6E2F;
  font-size: 3rem;
  line-height: 2.5rem;
  margin-top: 2.5rem;
  margin-bottom: 1rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .ele_person_box .right .ele_l1 {
  width: 62%;
  position: absolute;
  right: 0;
  bottom: 0;
  max-width: 28rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .ele_person_box .right .ele_l2 {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .example {
  padding-left: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .example .step_box {
  display: flex;
  align-items: center;
  position: relative;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .example .step_box .title_box {
  width: 17.88rem;
  height: 3.31rem;
  border-radius: 4.06rem;
  border: 0.06rem solid #4C4C4E;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 2rem;
  color: #4C4C4E;
  font-weight: bold;
  padding-left: 2rem;
  padding-right: 0.45rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .example .step_box .title_box .arrow_r {
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAAY1BMVEUAAAAKUqIIUJ8QUJ8LUqIKUqIKUqILUaILUqILUqILUKILUaMLUaEKUqIJUqELUaILUqIMUJ8IUJ8KUqMLUqILUqL///9nk8XC1OizyeKjvtyFqdFXiL9IfbkaXajw9Pnh6vRqW43dAAAAFXRSTlMA3yAQ75+AUM9gYL+Qr3C/j0BAr3DJ8IxZAAABvElEQVRYw7XZbZaiMBCF4SpSSVAQxe5Lf8/M/lc5o39ypmlJYq7PAt5DAE0sJcPFyR9V8Y/1Rx/OTuql2Emxoj7eFz0fDLf4WH1xwbBJdx0nl2iQUntFEd1JiW5AsUPBuidDBctdpDuh0ml7uT2q9d1GT3EH7Vi9VOT2UnHdoxZ7NOjdqrd6Xxrfnj0aTd9uoKGR/X8bD2h2JC042UmiIND0pAMowuqVbmQu3UHuJSpITK4iiv36eP3EhlkuPIq9L8vysrXHXHoO5d6W7aK5uhXja8kUY1pxmZdMcUzPmFPUdAtJRSdnUItRAqjFSTyoRS8DqMWj9KAWVQzUogp+sBS4VWwL/mYH/2CFv2TlPhQTpfbQ019s/kdvovYQJFJ7mOlfsPwtQEZiD75yG/0s2UadodhrpgdXeRz+yPS8XMwVh6X3ty9siHJlIFHuiTgd252BQrtHHdrFKQj0kT98ZECzp8f+eJRn0oKTEU3G9QiobURAH2KwxyzsQRB7VPXQYVrz2zO63Ly0biD5LFldxR4zdOyhbqlQkLTgpFy3V1Iuif527WmWe7joFSs6xqZ/LObgh96uJR38lI39BSr1mSactbqtAAAAAElFTkSuQmCC) no-repeat;
  background-size: 100% 100%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .example .step_box .line {
  flex: 1 1;
  margin: 0 2.5rem;
  width: 100%;
  height: 1px;
  background: #000;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .example .step_box .type_icon {
  display: flex;
  align-items: center;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .example .step_box .type_icon .default {
  width: 2.31rem;
  height: 2.31rem;
  display: inline-block;
  border-radius: 2.31rem;
  margin-right: 1.25rem;
  position: relative;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .example .step_box .type_icon .default.active {
  width: 3.44rem;
  height: 3.44rem;
  border-radius: 3.44rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .example .step_box .type_icon .default.type_a {
  background: #F36928;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .example .step_box .type_icon .default.type_a.active:after {
  content: "";
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  width: 1.66rem;
  height: 1.22rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAAoBAMAAABHtxQFAAAAGFBMVEUAAAD///////////////////////////8jfp1fAAAAB3RSTlMAIN/vMF9QpVKjdwAAAHdJREFUOMvlzDEOQFAUBVESCxCFnkavUYsNKKyEyNs+zc8Uk9do3XZybvVla56auU3bFkPKljjblAVQjGb2fv6c9Tmrpz1lXdw5i9hTFgXCaAXC+ATCBGGCMEGYIMwQZggzPGCCF8wQJggzhBnCDGGGMEOY4Sj2ALgcX8Ry0b/PAAAAAElFTkSuQmCC) no-repeat;
  background-size: 100% auto;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .example .step_box .type_icon .default.type_b {
  background: #0B52A2;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .example .step_box .type_icon .default.type_b.active:after {
  content: "";
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  width: 1.38rem;
  height: 1.44rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAuBAMAAAChYuY5AAAALVBMVEUAAAD///////////////////////////////////////////////////////+hSKubAAAADnRSTlMA718wEN+Af8+/IKCfkO06JDkAAAEXSURBVDjLjZQxSgNRFEUPKgoaq/TiCsTswEbQ3ipFcAXiCqxSW1mHNOldgWQF4hYMRB2Utwbf+0O8mSef5BY/zOUkkz/v/IHDJ1Kup8Ds66Lb7j0OHR7ZuFtf2XLKzKzp1hOzYSw2B6VnAQ58/QHl1Ys+uyf+8ab22C/fzyn4p+qHAsOOee5X7UFcneI5a3HBCxCeYLgLXPAHbfYL8vfFWxC+aG8jWLhg4f3YgmBtLW8YXgIP+Jv1HHmzHPnynB9ySUMeScmYPMBo81jhMuob6vXmH9Ett/mDvdV25vyzQG5UH5UskBvJAg1bFsiNBAuXBdkNDVbDlgVdNwQnfCBYbtS0lwXrbjCRBXKjqRzAynGtHO7Kq+AXRvs1yAbvas8AAAAASUVORK5CYII=) no-repeat;
  background-size: 100% auto;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .example .step_box .button {
  display: inline-block;
  width: 28.61rem;
  height: 3.75rem;
  line-height: 3.75rem;
  text-align: center;
  cursor: pointer;
  color: #fff;
  font-size: 1.5rem;
  background: #F36928;
  border-radius: 8.94rem;
  box-shadow: 0.1rem 0.4rem 0 #0B52A2;
  position: relative;
  z-index: 2;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .example .step_box .line_bg {
  width: calc(100% + 4.6rem);
  height: 25rem;
  background: url(/static/media/line_bg_2.439ce627.png) no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 0.5rem;
  left: -0.6rem;
  z-index: 1;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .example .video-container {
  width: 100%;
  margin-top: 2.4rem;
  position: relative;
  z-index: 2;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .example .video-container .right_box {
  width: 11.19rem;
  height: 3.31rem;
  text-align: center;
  line-height: 3.31rem;
  background: #1F1F1F;
  border-radius: 0rem 0rem 0 1.25rem;
  font-size: 1.25rem;
  color: #fff;
  position: absolute;
  right: 0;
  top: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .back_1_3 {
  width: 74rem;
  height: 30.875rem;
  background: url(/static/media/back_1_3.c9940cc2.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .back_1_3 .title_box {
  width: 10rem;
  height: 3.31rem;
  border-radius: 4.06rem;
  border: 0.06rem solid #4C4C4E;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 2rem;
  color: #4C4C4E;
  font-weight: bold;
  padding-left: 1.25rem;
  padding-right: 0.45rem;
  position: absolute;
  bottom: -3rem;
  left: 4rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .back_1_3 .title_box .arrow_r {
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAAY1BMVEUAAAAKUqIIUJ8QUJ8LUqIKUqIKUqILUaILUqILUqILUKILUaMLUaEKUqIJUqELUaILUqIMUJ8IUJ8KUqMLUqILUqL///9nk8XC1OizyeKjvtyFqdFXiL9IfbkaXajw9Pnh6vRqW43dAAAAFXRSTlMA3yAQ75+AUM9gYL+Qr3C/j0BAr3DJ8IxZAAABvElEQVRYw7XZbZaiMBCF4SpSSVAQxe5Lf8/M/lc5o39ypmlJYq7PAt5DAE0sJcPFyR9V8Y/1Rx/OTuql2Emxoj7eFz0fDLf4WH1xwbBJdx0nl2iQUntFEd1JiW5AsUPBuidDBctdpDuh0ml7uT2q9d1GT3EH7Vi9VOT2UnHdoxZ7NOjdqrd6Xxrfnj0aTd9uoKGR/X8bD2h2JC042UmiIND0pAMowuqVbmQu3UHuJSpITK4iiv36eP3EhlkuPIq9L8vysrXHXHoO5d6W7aK5uhXja8kUY1pxmZdMcUzPmFPUdAtJRSdnUItRAqjFSTyoRS8DqMWj9KAWVQzUogp+sBS4VWwL/mYH/2CFv2TlPhQTpfbQ019s/kdvovYQJFJ7mOlfsPwtQEZiD75yG/0s2UadodhrpgdXeRz+yPS8XMwVh6X3ty9siHJlIFHuiTgd252BQrtHHdrFKQj0kT98ZECzp8f+eJRn0oKTEU3G9QiobURAH2KwxyzsQRB7VPXQYVrz2zO63Ly0biD5LFldxR4zdOyhbqlQkLTgpFy3V1Iuif527WmWe7joFSs6xqZ/LObgh96uJR38lI39BSr1mSactbqtAAAAAElFTkSuQmCC) no-repeat;
  background-size: 100% 100%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .back_1_3 .content {
  display: inline-block;
  font-size: 1.5rem;
  color: #1F1F1F;
  line-height: 2.19rem;
  margin-left: 4rem;
  margin-top: 1rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .back_1_3 .content b {
  color: #F36928;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .back_1_3 .pwd_img_box {
  display: flex;
  margin-left: 17.5rem;
  margin-top: -5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .back_1_3 .pwd_img_box .img_type1 {
  position: relative;
  width: 12rem;
  margin-right: 2.25rem;
  cursor: pointer;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .back_1_3 .pwd_img_box .img_type1 img {
  width: 100%;
  display: block;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .back_1_3 .pwd_img_box .img_type1:last-of-type {
  margin-right: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .back_1_3 .pwd_img_box .img_type1 .pwd_title {
  position: absolute;
  top: 5rem;
  text-align: center;
  width: 100%;
  font-size: 1.5rem;
  color: #F36928;
  line-height: 1.88rem;
  font-weight: bold;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .back_1_3 .pwd_img_box .img_type1 .pwd_text_box {
  font-size: 1.1rem;
  color: #fff;
  line-height: 1.88rem;
  width: 100%;
  position: absolute;
  top: 16rem;
  text-align: center;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .back_1_3 .pwd_img_box .img_type1 .pwd_text_box p {
  margin-bottom: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .back_1_3 .pwd_img_box .img_type1 .pwd_text_box.type2 {
  top: 14.3rem;
  color: #1F1F1F;
  font-weight: bold;
  line-height: 1.3rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .back_1_3 .pwd_img_box .img_type1 .pwd_mima {
  font-size: 1.5rem;
  font-weight: bold;
  color: #fff;
  position: absolute;
  top: 22rem;
  left: 1.25rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .back_1_3 .pwd_img_box .img_type1 .pwd_wb_box {
  position: absolute;
  top: 24.4rem;
  width: 100%;
  height: 4.4rem;
  display: flex;
  font-size: 1.25rem;
  font-weight: bold;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .back_1_3 .pwd_img_box .img_type1 .pwd_wb_box.type2 {
  top: 20rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .back_1_3 .pwd_img_box .img_type1.active .pwd_mmsy {
  width: 6.88rem;
  height: 1.56rem;
  background: #FF3535;
  display: block;
  font-size: 1.25rem;
  color: #fff;
  border-radius: 1.56rem;
  text-align: center;
  line-height: 1.56rem;
  font-weight: bold;
  position: absolute;
  top: 7rem;
  left: 2.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .back_1_3 .pwd_img_box .img_type1.active .type1 {
  display: none;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .back_1_3 .pwd_img_box .img_type1.active .type2 {
  display: block;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .back_1_3 .pwd_img_box .img_type1 .type2 {
  display: none;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .back_1_3 .pwd_img_box .img_type1 .arrow_icon {
  position: absolute;
  transform: rotate(125deg);
  top: 27%;
  left: -4rem;
  width: 10rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .back_1_3 .pwd_img_box .pwd_img2 {
  top: -1.2rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .back_1_3 .pwd_img_box .pwd_img2 .pwd_text_box {
  top: 17.7rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .back_1_3 .pwd_img_box .pwd_img2 .pwd_text_box.type2 {
  top: 14.2rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .back_1_3 .pwd_img_box .pwd_img2 .pwd_mima {
  top: 23.8rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .back_1_3 .pwd_img_box .pwd_img2 .pwd_wb_box {
  top: 26.2rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .back_1_3 .pwd_img_box .pwd_img3 {
  top: -2.3rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .back_1_3 .pwd_img_box .pwd_img3 .pwd_text_box {
  top: 17.7rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .back_1_3 .pwd_img_box .pwd_img3 .pwd_text_box.type2 {
  top: 14.2rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .back_1_3 .pwd_img_box .pwd_img3 .pwd_mima {
  top: 23.8rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .back_1_3 .pwd_img_box .pwd_img3 .pwd_wb_box {
  top: 26.2rem;
  font-size: 0.875rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .back_1_3 .pwd_img_box .pwd_img3 .pwd_wb_box.type2 {
  font-size: 1.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .back_1_3 .pwd_img_box .pwd_img4 {
  top: -1.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .back_1_3 .pwd_img_box .pwd_img4 .pwd_wb_box.type2 {
  top: 22.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .back_1_3 .pwd_img_box .pwd_img4 .pwd_text_box.type2 {
  top: 15.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .back_piece {
  width: 100%;
  height: 21.375rem;
  background: url(/static/media/back_piece1.5.e7f30ee0.png) no-repeat #f3f9ff;
  background-size: 100% 100%;
  display: block;
  transform: rotate(180deg) scaleX(-1);
  margin-bottom: -1px;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .password-section {
  background: initial;
  width: 100%;
  margin-bottom: 3.3rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .password-section .video_people {
  position: absolute;
  right: 0;
  top: -18.5rem;
  width: 18.25rem;
  height: 22.06rem;
  background: url(/static/media/video_3people.61a16761.png) no-repeat;
  background-size: 100% 100%;
  display: block;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .password-section img.point {
  z-index: 3;
  top: -7.5rem;
  left: 0;
  transform: rotate(180deg);
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .topic_box_title {
  display: flex;
  align-items: center;
  width: 100%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .topic_box_title .video_people {
  width: 18.25rem;
  height: 22.06rem;
  background: url(/static/media/ele_Preson_3_2.2f5b1ed4.png) no-repeat;
  background-size: 100% 100%;
  display: block;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .topic_box_title .text {
  font-size: 1.5rem;
  line-height: 2.19rem;
  flex: 1 1;
  margin-right: 2.8rem;
  margin-left: 1rem;
  margin-top: -10rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .topic_box_title .right_box {
  width: 26.5rem;
  height: 3rem;
  background: #0B52A2;
  border-radius: 3rem;
  text-align: left;
  font-weight: bold;
  font-size: 2rem;
  color: #FFFFFF;
  line-height: 3rem;
  padding-left: 1.5rem;
  position: relative;
  margin-top: -10rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .topic_box_title .right_box .icon {
  width: 8.1rem;
  height: 6.93rem;
  display: inline-block;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQgAAADtCAMAAAB01htIAAABqlBMVEUAAAAfHx84gL9AgL85gMM5gMI4gMM4gMM5gMQ5gMM4gMIgICA2gL84gMMgICAfHx85gMIfHx85gMMeHh4fHx8fHx84gMI6gcM3gMI5gMMeHh4gICAeHh4eHh4eHh4gICA1gMUeHh4fHx8fHx8eHh45gMQeHh47gcQ6hMX////h7/85gMPP5v8LUqLraSp2otYfHx/f7v/S6P9SkMvl8f/7/f/4+//z+f+ewehfW3U8d7mQuN3p8/+1z+nm7/f9/v/X6v/z9/vm7/jO3/Dj8P9emM7C1+yox+VGiMecv+HU6f+Dr9rb7P9FiMfw9//v9v/s9f/d7f+ixOra5/RqoNLZ6/+tze92p9bg6fSXvOWcwOGMs+EZXKhrn9JIfbq9gG99qNkpZ62Uk6r1+v/g6fNnk8Xw9fq51POijJbXc0jK4v3E3fqdwOiUs9aGmr44crPhmHrlhlzT1+WHsN6jvtyFqNB+nsxMWX/neUTdZzLa6/3h6vSz0fKzyeLbs6h7Xmbnbjapx+bVz9dqn9J2nstXiL8wbrNYeqoZVJupiYs1VouwhYCXYFezY0hcb77FAAAAKXRSTlMAXyAQ799woN+/YCAwQBDvkN/PQDC/gH9QsJ9wf69QfzCQb8+gkI9fH6yVzbcAAA30SURBVHja7JvZUxpBEIe3hHiVVlk+xPiWl1QyzAIlx24FIUAAhWgAYxJzx9z3fd935f6fAwG2WXqngdGwA+R70rJ88HOmf9M9g9aneEbnd3Dundgzog0znjkvbzA2xCpGxnkT40NrYsrLbYx7tKFk2stbmB1KE3s55/9NaNoc5/9N2DycXSwsFzbyw2nCM8Zr5AtpViMRrpsYpuwYmW2shoPM4kBu6FLUOj6ssGbS4SEzYcXmKWbnQN2Ed1obBkY5eBCY4KPawOOZ4XWWGYBMzGkDjlUm80uMOZsYivCYbpTJ8DpjtInx3drgYpWH8EEmIp3jg749rFMUP5tmBCsDPqGYsoYPi4ymYPXlg5ijo14UF0KW+cBuD888p8okLpkDOray0oLnoEySJo4O5KKY4YLyQFAYvFnm1Cyvk0+wzsmEB2xRjHqJ0wPFgRVYFLu0fmdkArZFmnXJ8uGBufWY80ptC5wefLyfO9LpWc5hFiVFgff//oCOW3CIooEJXp/vj0m4v8mtMxlgrGvRf3fF0xPcosAQsvHBxye1fgJ2BVoOUiyF+1JF82V/vsC2hUIfqpgc53RYyO+PfurPm4tDeIltIwc+cWBCcRWgAa7zCKLRS6ZZrGCahhHtKD9AhcLHCtDQdlckL5XKEV8LkXLRSLZToX6tmLRpyBASzFKTA2zjUrKPVVSTAggnCAtxX1vKJhOSLthVKHXEmt7TrCEvPlAb8ayvI7LlqLhq2lUoc/D2jMKeoGskWgwkcVOswrZB+JgCEeKZnvDyzjZFMevrkohJ1gqFdghYaFsiTaiP/0SF160dgh+E5RczRG3wSQK1ApPZ4BXcH23aPJxdTouTouTbAkXy4J1338QcvRgAI+LbEpEoA8i66co4bwTmDRlGYfq2jMkoMtCPufGWYKyzO7xk3LcNlJK0isONBkTrMbAg8nSjHUXbQnp7UKw3TOzTegs8+kgwCkN0dniZOLkSRDy6fU3SxJJrVWICnkpKlIfEZlDAikhF1mAU9Vvjea3X1E9SB2U8vFwMEnxYEJgwyTJRP2JqvYb/5aiEhzX9UZDkSGpNIjyOuiqi0LWH1ZB+MtiG43roWNe7Y9ElETt4lQxRJx1XQ0jXXwfbsXlT10MLTiaIiplwKT9neZX1rnJz4ZBe4XSwLUf0CqkFQXZQRWJG6zVjglpJeFjVq9yy/u+3j9i5vWn9SK8SWnUwkSREuBKfo/TWiOPlkNL/cjxY4+RNHXGkYeJW7fsUNlGin+L1fkQzSR6nithDyP7HbupO3K6LeK1XcawUJlksp7ReM0I9DotiD3qdRmZc0524udnIDaGJbJSKT63neHiVDeZIBJeHVhE3dUcegYg66EwRZ47keIVZradAfobpjQEekAjdmdMgApmgNwecsHvMPK9wmN4Y4EFeBDaRTTLMOq+yU+s9M8L8jKP6ICUCaK0TZWH72eubL8jPJYYwUV7IihBWTEOd9NS0XaJXYhHkQVYEmKDrJXzKw6P1HshPekGkdGkRQIpaEpCeXs0NBPkZQYVSXgSw1m5JHHah5SLz06Q2hryI0AK9JNK8ypjmBvO8SpqOjEO6tAg7KXpJZFxITzI/jdZpVBMf7z8PBALXg38JOHOx9tPzlS8f3H9IZGjSKT3deU006ZSfZZ+NkA68DVToWESV580mQuRFYAFarp4z5ZSfWWGlfBjoSkTNREZYL7PMxoYLLRfkJ57nm+IFcV9CROCteEkYarRc1kQ/h0qloEK8lxFxH1UJwYQGBpYuMIvbrqw4MgJ1fgar3BWI+F4TcSNQ44E4OLK45ZrR3GEM5aeBmi0s4v1T+Jdjbjy1aXpANF+GAgPLGjvRILtEHCpfWH/rxeBd8IBM3A0+vXjDWYT9ssNUouVyHltGUKkEfgckOE/0XnE0sPRo7jDVetmVxDsD2C8j4qsu3htZNVquCp7W/DSodsv/q3sP72JU6xVVouVyyk+TajP8/ncvutPw4pk/RjUcJrRcLgwsqfyMoxJhE+H/9uzZ/s75UfmNGDWgKSnRcjld+8VxiQD8MsR0okjElWi5YGy57nycWvvnIiJKtFwwtkw4h8axfyHimHNsbLiZnnhsGUWzym0XkXKeSeRceCNCXPsZRGgQIs7cuycpIqpIesLYcgsizlUnO1cfX+hMxCHHbiPtassFY0vnY0SoIxGfWY3L9wQiqPw0lGi50NhSRsQ51uDyGQkRSrRc6NpPRkSGWTyREOHuGxF87Sct4gIDrkqIcPeNCM5PaRHnWBNnuhehwsCyqe3akBbxZXtEuNxyQX5KxCfeGq8k4tO1NyL0tZ/R/clyCUQ8ljhQqdFyofyUOGKfgwVxodNeA2i0XK6nZ+vYUqLpetLIjM4OVKu2pkuRlgtf+0XoNpxaE1dk5hFKDCzRtZ/kYOYK+8udzkTYx9iqtFxobFkiR3XOvKmfsAUiqPQsqtJyobGlKaiWlIircIrA0MNbQ5WWC1370eN8OjaudCJizWkuk1AgPVuv/bKoSLQTcYcxqkjEiJ0RUablwvkZJ86Wfrr9vOwsgtgZZQXeiIiu/YrE3vC3OWM7zyOInWGq03Khaz/qWYAoPMkiESPe30bVabmstiuHbjZwbhDhCUWCFLFqLxFKvBERXfuVxEtCFJ5kkYiJ34mYygws0bUffmZ5aDsHM6mWnaHMwNLx0wpZ4WsyQctFF4mYcEHE1XgjIrz2Kwqf5gvGEfRAIiZcEKYab0SE135Jn40FUsQZ1sxlQgR6lR5JKnPLJfi0Qly0JJxKxAkbFwQiIDKAsipvRP6wdza9TQNBGB63SREYbIxjhPJFA4gDvmxo0iKRNElpKfSDgGioVCEkxIED/4Pfjc26ncB0k002iPV6n1svUfVq3vlY27Pk2FL0bfxz9YfAeFiJdHV5R0T8tUKPmENZCDQG/bztUIuRC48tPwpDYrIKIU5oQGScazFykbELQ4I0E58VhJiIv3c80KRopGMXlg0MCfo105dlhDjOEoQwIEaxLkUjG7sOBC8ioxIvltDh63eSIFLe/f/1GcKycTrCf26wf60S5wvr8PkT0YGPW8hbbXLl5bTxiny+QmPi54IJgsQDZ5ssS9Bj2esGvbSyJ1ij8eOFPJ9+CBZIjMlXjmXQgtt0I9WgI1BiEagOdMvMa236SlxSNpqze2m4jA4T+jtd+kW4Ltuxb053EnQKxc5qYU7mbSc71ShFAGygN5CeYA2Vgi3oJ239WIuDW5zEsYAK0gTuZ5MEt1DRyomca9RF4Lq2C4mVnu2hdHYg4UDXce3G2gwanPsxjuJECSLFsjLQBW3HOhXPlDsx9lRECUJ7nkGeowwzddjd0qpmYN04k154+2H4XKgCWWZJdMD2WquagaN43BcqQWlPjqgIRyQWiA4kQ9wAjVgv8SwxklECaX+YDIdHKcPh8KTNRRDQG5D1OvoFBMB90b2mg/fPVsKYrm3UMCB4SGC+JD2mAqK9v6Mt3QLCqYaYJbb21FfnUzrb9FdfahcQEWNBE+CmeC1yV9Ee44HwRu2yPgHhsgQXYHPW9cc7HdVwoCv6NHkIfkWVMRbh6EU6bcVMsf9OcDOsPoe2GQFjzMGuCpVQ9ge6guqgnTHAYYwFWeUooxJKUtArqqgOGp3ZYkBUgbNWijnHI5EUnUVMMRBcIZHooM0Dz0sqPFVmbJbwhvCl7m1DesJ77Ppv4lizY4iU8AkPCM4DiQsuu/O16O0MZq3I166D4Lg8IDAmSKIgdL+JPdIZYyxQdg+01eEvNstxxgG3h4jB9s64Ny3Hfqc33plzy+XrN3nRAWCtTG6zm0m3u53QJfVBYAsN86SI9RsxsYcS1BYljRrKOTM5Vg9lqC3K+pzWrtgei9nixv9/p/JPXEesxJQ9zLdFxIJQyh6G28JhCRUpexhsi2zKaMhVj5fm2gLgEU4ZIjam7GGoLQBcHDtlqsdp30xb8IOpwAWC2B4m2iI7qawBImMP42yR4j5hASBy9jDNFhwHjSFtD7NssTAbJbSHUbagyNvj0CxbLMr6XbTHqJi2uM4ehtjCc5XtYYYtqn5N3R4G2CKdMaoeLMOtKXvk3BYArp/21srVIz7Mty3AS2ct34VlQXscj3JsC4AqmTEU7JFbWwA8ZAktQFZrj7f5sEVCiyQINXvs/WGLs5zYIqWOhxAK9sCW4uJKitFFXmzBaVZWNntwzvuv9vY+Hp7FubGFAuLTfiRHtiCo2wPJlS2QFdsjT7YIgbBKe+j32qSwgagDQd0eubPFQ8b+hRJrd2OkdF97W/CGMvBg9azdupe9Q7uhvwxcB78C/4b1Ow9ubeZABdSh6IRWh4y61SGjHlgdOB5YLBYsm1WwAHjVtKu2uAFLaELReeSzBD+EYuM9ZSmPXSg4rs8SWrZ9gBpjfg0sAA1rC45XcFvYMMh6KN8qkfUOERSeMGC2lwSoRIz3UEU/ggkZY7Z3SInMbCXDRtVbNCQiAycsR/oJHaYEE5NDooNUIfRqETMwDFAHuTpYqfvM6MaB6+DAbJoR4xjbS8rpAE8YJzIxN8jqgE806+YVTDkdvNCDDJ9FNWNlmK1DpRb5+B51aKon5ujgNHzGzK4ScvEQsQxz7SDUwas49af4ksNvgpax5fJ6HcJGwK3gYZXwGzXzVbjUoYZ/cSpX7bTJyXGagKWEGAAcB4qGnwmBaw38oNFyimCGWdbwmpXiSZDhFNQKVgmrhFXCKmGVsEr82mhIjIYEA21CYlhPWJAUErIMowAcEqMLqSHTN8N3oJ4AAADzYUhZyGwLxgAAAABJRU5ErkJggg==) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: -1rem;
  right: -0.2rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .topic_content_box {
  display: flex;
  width: 100%;
  margin-top: -9rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .topic_content_box .left_box,
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .topic_content_box .right_box {
  width: 50%;
  height: auto;
  background: #fff;
  border-radius: 0.652rem;
  padding: 0 2.43rem 3.06rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .topic_content_box .left_box .title_t,
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .topic_content_box .right_box .title_t {
  font-size: 1.5rem;
  color: #4C4C4E;
  height: 5.125rem;
  line-height: 5.125rem;
  margin-bottom: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .topic_content_box .left_box .video-container3,
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .topic_content_box .right_box .video-container3 {
  position: relative;
  cursor: pointer;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .topic_content_box .left_box .video-container3 .point,
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .topic_content_box .right_box .video-container3 .point {
  width: 5rem;
  position: absolute;
  transform: rotate(215deg);
  top: -3rem;
  right: -3rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .topic_content_box .left_box {
  margin-right: 3.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .example_box_2 {
  position: relative;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .example_box_2 .back_line2 {
  width: 100%;
  height: 27rem;
  background: url(/static/media/line_bg_2.439ce627.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  z-index: 1;
  padding-right: 9.18rem;
  box-sizing: content-box;
  top: 0.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .example_box_2 .title_t {
  font-size: 1.5rem;
  color: #EE6E2F;
  margin-bottom: 1.5rem;
  z-index: 1;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .example_box_2 .tips_box {
  width: 100%;
  background: #D6D7FF;
  height: 4.0625rem;
  line-height: 4.0625rem;
  border-radius: 4.0625rem;
  font-size: 1.5rem;
  color: #000;
  padding: 0 1.25rem;
  position: relative;
  z-index: 2;
  font-family: Source Han Sans CN;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .example_box_2 .tips_box a {
  color: #EE6E2F;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .example_box_2 .content_box {
  position: relative;
  z-index: 2;
  background: #fff;
  border-radius: 0.652rem;
  padding: 2.9rem 1rem 1.5rem;
  width: 100%;
  margin-top: 1rem;
  display: flex;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .example_box_2 .content_box .item_group {
  width: 16%;
  background: #E9EDF6;
  border-radius: 0 0 1.375rem 1.375rem;
  margin-right: 0.6875rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .example_box_2 .content_box .item_group:last-of-type {
  margin-right: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .example_box_2 .content_box .item_group .title_box {
  font-size: 1.25rem;
  height: 2.8125rem;
  line-height: 2.8125rem;
  text-align: center;
  width: 100%;
  border-radius: 2.8125rem;
  margin-top: -1.4rem;
  font-family: Source Han Sans CN;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .example_box_2 .content_box .item_group .item {
  width: 100%;
  height: 3.75rem;
  line-height: 3.75rem;
  font-size: 1.25rem;
  text-align: center;
  color: #1F1F1F;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .example_box_2 .content_box .line {
  position: absolute;
  width: calc(100% - 2rem);
  height: 1px;
  background: #4D84C5;
  left: 1rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .example_box_2 .content_box .line.line1 {
  top: 8rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .example_box_2 .content_box .line.line2 {
  top: 11.75rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .example_box_2 .content_box .line.line3 {
  top: 15.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .example_box_2 .content_box .line.line4 {
  top: 19.25rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .example_box_2 .content_box .line.line5 {
  top: 23rem;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .padding_box {
    padding-right: 3rem;
    padding-left: 3rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .padding_box .header_box .header {
    font-size: 3rem;
    line-height: 4rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .padding_box .header_box .header:after {
    height: 4rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .padding_box .title_box_m {
    display: flex;
    flex-direction: column;
    align-items: initial;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .padding_box .title_box_m .header {
    font-size: 2rem;
    height: 4.25rem;
    line-height: 4.25rem;
    width: 21rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .padding_box .title_box_m .header_r_text {
    margin-left: initial;
    margin-top: 3rem;
    font-size: 1.75rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .padding_box .example .example_box_1 .title_box .text {
    font-size: 1.75rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .padding_box .example .example_box_1 .text1 {
    font-size: 1.75rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .padding_box .example .example_box_1 .text2 {
    font-size: 1.5rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .padding_box .example .example_box_1 .text_a {
    font-size: 1.5rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .mobile_hide {
    display: none;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .pc_hide {
    display: block;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .padding_box .title_box_m span {
    margin-left: initial;
    font-size: 1.75rem;
    margin-top: 3rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .padding_box .ele_person_box .left {
    height: 22rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .padding_box .ele_person_box .left .text_position {
    top: 5rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .padding_box .ele_person_box .left .text_position p:first-of-type {
    font-size: 1.5rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .padding_box .ele_person_box .left .ele_l1 {
    width: 70%;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .padding_box .ele_person_box .right {
    height: 22rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .padding_box .ele_person_box .right .text_position {
    top: 5rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .padding_box .ele_person_box .right .text_position p:first-of-type {
    margin-bottom: 0.75rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .padding_box .ele_person_box .right .text_position .l2 {
    font-size: 2rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .padding_box .ele_person_box .right .text_position i {
    width: 2.25rem;
    height: 2.25rem;
    left: 0rem;
    top: 7rem;
    transform: scale(-1, 1);
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .example_box_2 .title_t {
    font-size: 1.75rem;
    line-height: 3.125rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .example_box_2 .back_line2 {
    padding-right: 8rem;
    margin-left: -4rem;
    height: 30rem;
    background-size: cover;
    top: 10rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .example_box_2 .tips_box {
    height: 11.625rem;
    font-size: 1.75rem;
    border-radius: 1.25rem;
    text-align: center;
    padding: 0 10%;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .example_box_2 .content_box {
    display: block;
    padding: 1rem 1rem 1rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .example_box_2 .content_box .line {
    width: 1px;
    height: calc(100% - 2rem);
    top: 1rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .example_box_2 .content_box .line.line1 {
    left: calc((100% - 9.5rem) / 6 + 9.5rem - 1px);
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .example_box_2 .content_box .line.line2 {
    left: calc((100% - 9.5rem) / 6 * 2 + 9.5rem - 2px);
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .example_box_2 .content_box .line.line3 {
    left: calc((100% - 9.5rem) / 6 * 3 + 9.5rem - 3px);
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .example_box_2 .content_box .line.line4 {
    left: calc((100% - 9.5rem) / 6 * 4 + 9.5rem - 4px);
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .example_box_2 .content_box .line.line5 {
    left: calc((100% - 9.5rem) / 6 * 5 + 9.5rem - 5px);
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .example_box_2 .content_box .item_group {
    display: flex;
    width: 100%!important;
    margin-top: 1rem;
    border-radius: 0 1.375rem 1.375rem 1.375rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .example_box_2 .content_box .item_group:first-of-type {
    margin-top: initial;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .example_box_2 .content_box .item_group .title_box {
    margin-top: initial;
    height: initial;
    line-height: initial;
    width: 8.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.875rem;
    padding: 0 0.7rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .example_box_2 .content_box .item_group .item {
    width: initial;
    flex: 1 1;
    min-height: 2.875rem;
    line-height: initial;
    height: initial;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0.5rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .elebox_5 .ele5_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .elebox_5 .ele5_top .content {
    font-size: 2rem;
    line-height: 2.7rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .elebox_5 .ele5_top .content b {
    color: #F36928;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .elebox_5 .ele5_top .img {
    width: 20.625rem;
    position: relative;
    top: 4rem;
    z-index: 2;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .elebox_5 .ele_box {
    margin-bottom: 1.5rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .elebox_5 .ele_box .title {
    font-size: 1.75rem;
    color: #F36928;
    margin-left: initial;
    margin-bottom: 0.5rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .elebox_5 .ele_box .title.type2 {
    display: none;
    color: #FF3535;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .elebox_5 .ele_box .ele_inner {
    position: relative;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .elebox_5 .ele_box .ele_inner .arrow_icon {
    position: absolute;
    width: 9rem;
    transform: rotate(125deg);
    top: 10%;
    left: -9%;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .elebox_5 .ele_box .ele_inner img {
    width: 100%;
    display: block;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .elebox_5 .ele_box .ele_inner img.type2 {
    display: none;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .elebox_5 .ele_box .ele_inner .left_text {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    margin-top: 12%;
    margin-left: -28%;
    left: 50%;
    text-align: center;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .elebox_5 .ele_box .ele_inner .left_text p {
    color: #fff;
    font-size: 1.75rem;
    margin-bottom: 0.7rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .elebox_5 .ele_box .ele_inner .left_text.type2 {
    display: none;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .elebox_5 .ele_box .ele_inner .left_text.type2 p {
    color: #1F1F1F;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .elebox_5 .ele_box .ele_inner .right_text1 {
    position: absolute;
    left: 47%;
    color: #fff;
    top: 17%;
    font-size: 2rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .elebox_5 .ele_box .ele_inner .right_text2 {
    position: absolute;
    left: 47%;
    top: 38%;
    text-align: center;
    width: 45%;
    height: 48%;
    display: flex;
    line-height: 2.5rem;
    align-items: center;
    justify-content: center;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .elebox_5 .ele_box .ele_inner .right_text2.type2 {
    display: none;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .elebox_5 .ele_box .ele_inner .right_text2.fz_14 {
    font-size: 1.75rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .elebox_5 .ele_box.active .img_pic.type1 {
    display: none;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .elebox_5 .ele_box.active .img_pic.type2 {
    display: block;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .elebox_5 .ele_box.active .title.type1 {
    display: none;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .elebox_5 .ele_box.active .title.type2 {
    display: block;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .elebox_5 .ele_box.active .left_text.type1 {
    display: none;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .elebox_5 .ele_box.active .left_text.type2 {
    display: block;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .elebox_5 .ele_box.active .right_text2.type1 {
    display: none;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_2 .topic-section-1 .t900_custom .elebox_5 .ele_box.active .right_text2.type2 {
    left: 42%;
    top: 50%;
    width: 54%;
    transform: translate(0%, -50%);
    display: block;
    height: initial;
  }
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 {
  padding-left: 0rem;
  padding-right: 0rem;
  font-weight: 500;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .flex_c {
  display: flex;
  justify-content: center;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .padding_box {
  padding-left: 14.75rem;
  padding-right: 9.18rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .header_box {
  display: flex;
  align-items: center;
  margin-bottom: 3rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .header_box .header {
  margin-bottom: 0;
  color: #0B52A2;
  position: relative;
  font-size: 4rem;
  text-align: initial;
  padding-left: 2.2rem;
  line-height: 5rem;
  width: initial;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .header_box .header::after {
  content: "";
  position: absolute;
  left: 0;
  width: 0.81rem;
  height: 5rem;
  background: #0B52A2;
  border-radius: 6.38rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .title_box_m {
  display: flex;
  align-items: end;
  margin-bottom: 3.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .title_box_m .header {
  text-align: center;
  width: 29.38rem;
  height: 5rem;
  line-height: 5rem;
  background: #0B52A2;
  border-radius: 6.38rem;
  font-size: 3rem;
  color: #FFFFFF;
  margin-bottom: initial;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .title_box_m span {
  color: #1F1F1F;
  flex: 1 1;
  margin-left: 2rem;
  font-size: 1.5rem;
  line-height: 2.19rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .ele_person_box {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .ele_person_box .left {
  width: 41%;
  height: 31.31rem;
  background: #fff;
  border-radius: 0.5rem;
  position: relative;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .ele_person_box .left .text_position {
  position: absolute;
  color: #1F1F1F;
  font-weight: bold;
  right: 6%;
  top: 8rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .ele_person_box .left .text_position p:first-of-type {
  font-size: 3rem;
  margin-bottom: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .ele_person_box .left .text_position p:last-of-type {
  font-size: 1.5rem;
  margin-top: 1.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .ele_person_box .left .ele_l1 {
  width: 90%;
  position: absolute;
  left: 0;
  bottom: 0;
  max-width: 28rem;
  z-index: 1;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .ele_person_box .left .ele_l2 {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .ele_person_box .right {
  width: 56%;
  height: 31.31rem;
  background: #fff;
  border-radius: 0.5rem;
  position: relative;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .ele_person_box .right .text_position {
  position: absolute;
  color: #1F1F1F;
  font-weight: bold;
  top: 7.625rem;
  left: 3.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .ele_person_box .right .text_position .l1 {
  font-size: 1.5rem;
  margin-bottom: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .ele_person_box .right .text_position .l2 {
  display: flex;
  align-items: center;
  color: #FE5506;
  font-size: 3rem;
  line-height: 2.5rem;
  margin-top: 2.5rem;
  margin-bottom: 1rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .ele_person_box .right .text_position .l2 i {
  display: inline-block;
  width: 3.07rem;
  height: 3.07rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADEAAAAyCAYAAAD1CDOyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAO0SURBVHgB1Zo7bxNBEMf/s+cz4SHhBtqYLwCmoMYUlAgjYokOKOj5AKAkgooGRUK0JKJBJAI3VBRxWhoOCgqaXEoeEk6Rlx877FxyFz8S2+dz7s4/yTrvnR/735nZnZs9whjgEnLNTKagQAUium5OFQ4u5ds+VQOTC4LLzGsa7NgrzSrGACECjZlM0QLNml8xnaYcQsM1BiqaeSmKoJFENMv2A0Wm89w+0pFxdYvnMx8aiwhJKBHeyCv1Zsyd78bda9RvnK7AHfYLQ4kQn9dZe5aYHiMmmPWctdKcH+azA0XwPeRZZ1dPePSPwzFWuTPIKqrfxXoZhQQFCIVTdnZ1p9T//4+1hAjIwF4dbdYZO33j5EgRCbvQcRwrpMedJIhTKEDIn7LtN0dd6BEhs1AKBRxAxdZMZq7nbHujeTdbUgofkXKa4KvZ5YbjtzssoSy8xASQQWc/AxGSSqTXjbqhomQPfisQ4eVCE4TV1l9PhMTC5FjB59AanggiM7GOgzO5/VdMKCav3wcicBtRuTANevEFtPjLzOiXEQekcF+OqjEzVYycWoiA2c/AxWngzwawvYl4oNxOaSpvlgVdRBS6BPD8TeD3BuLCVq2iosP74fAkLEAwoSD39pjGKKRAgGAKE3kT2JxHWFIiwINwhXQ5ywgJvfq5L0DYMpWYrTEF8o814PUjhMTNICxnzUR27nxHm86OaW34m0foEYWXS4VERt64j+dOsrBV34JXniFJxJ1ccwwf3JcuB0J42YhYfo5kYEdhVNa/7wf0dg1UfgqUnyAhNpVxQgejkgIhrOEoBlcRhYSFsDGC0rBGt4RPt5CYEkDBsuCQV92w7fWx1Jdk7bh2C/j0CjHhquX6JUUV1EwyG90agqza8QmQNaUqR292ajENVbhNG4r1khyDko0u2/9SUrIcFs+V5E2wTjDTAiYI2ZDx3weW8AI8m/06IQWDwApCYAkJ8JZWDzEB7DXUjfZ2R9phr+xWmXgJKYZJz5+u7Lrt53pK+yl3qw438ulJAMWtSIm5zL5zunC73cjnyCyW3u26TSBNQjwB3W7k03fjsV62zZYXkt7y6itAGGL3dMpsfemkdo4GChAG3hSJa0mMmJQ31lnL3CIsUOPM1UEChFBPFJzQ4xDduMTqIZnpftgvhBLhczJiuMZEC9b7+hxCMpIIH08M1APTgesYCZn91Ddimgsz8t1EEhF0pZTLwdouarPxYcrthYOq4lEVFCkTOqzJNZasoDnlUKWWtvUoGf4DwXmQqREt5Y0AAAAASUVORK5CYII=) no-repeat;
  background-size: 100% auto;
  margin-left: 1rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .ele_person_box .right .text_position .l3 {
  font-size: 2rem;
  line-height: 2.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .ele_person_box .right .text_position .l4 {
  font-size: 1.5rem;
  line-height: 2.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .ele_person_box .right .ele_l1 {
  width: 62%;
  position: absolute;
  right: 0;
  bottom: 0;
  max-width: 28rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .ele_person_box .right .ele_l2 {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .example {
  padding-left: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .example .step_box {
  display: flex;
  align-items: center;
  position: relative;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .example .step_box .title_box {
  width: 17.88rem;
  height: 3.31rem;
  border-radius: 4.06rem;
  border: 0.06rem solid #4C4C4E;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 2rem;
  color: #4C4C4E;
  font-weight: bold;
  padding-left: 2rem;
  padding-right: 0.45rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .example .step_box .title_box .arrow_r {
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAAY1BMVEUAAAAKUqIIUJ8QUJ8LUqIKUqIKUqILUaILUqILUqILUKILUaMLUaEKUqIJUqELUaILUqIMUJ8IUJ8KUqMLUqILUqL///9nk8XC1OizyeKjvtyFqdFXiL9IfbkaXajw9Pnh6vRqW43dAAAAFXRSTlMA3yAQ75+AUM9gYL+Qr3C/j0BAr3DJ8IxZAAABvElEQVRYw7XZbZaiMBCF4SpSSVAQxe5Lf8/M/lc5o39ypmlJYq7PAt5DAE0sJcPFyR9V8Y/1Rx/OTuql2Emxoj7eFz0fDLf4WH1xwbBJdx0nl2iQUntFEd1JiW5AsUPBuidDBctdpDuh0ml7uT2q9d1GT3EH7Vi9VOT2UnHdoxZ7NOjdqrd6Xxrfnj0aTd9uoKGR/X8bD2h2JC042UmiIND0pAMowuqVbmQu3UHuJSpITK4iiv36eP3EhlkuPIq9L8vysrXHXHoO5d6W7aK5uhXja8kUY1pxmZdMcUzPmFPUdAtJRSdnUItRAqjFSTyoRS8DqMWj9KAWVQzUogp+sBS4VWwL/mYH/2CFv2TlPhQTpfbQ019s/kdvovYQJFJ7mOlfsPwtQEZiD75yG/0s2UadodhrpgdXeRz+yPS8XMwVh6X3ty9siHJlIFHuiTgd252BQrtHHdrFKQj0kT98ZECzp8f+eJRn0oKTEU3G9QiobURAH2KwxyzsQRB7VPXQYVrz2zO63Ly0biD5LFldxR4zdOyhbqlQkLTgpFy3V1Iuif527WmWe7joFSs6xqZ/LObgh96uJR38lI39BSr1mSactbqtAAAAAElFTkSuQmCC) no-repeat;
  background-size: 100% 100%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .example .step_box .line {
  flex: 1 1;
  margin: 0 2.5rem;
  width: 100%;
  height: 1px;
  background: #000;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .example .step_box .type_icon {
  display: flex;
  align-items: center;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .example .step_box .type_icon .default {
  width: 2.31rem;
  height: 2.31rem;
  display: inline-block;
  border-radius: 2.31rem;
  margin-right: 1.25rem;
  position: relative;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .example .step_box .type_icon .default.active {
  width: 3.44rem;
  height: 3.44rem;
  border-radius: 3.44rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .example .step_box .type_icon .default.type_a {
  background: #F36928;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .example .step_box .type_icon .default.type_a.active:after {
  content: "";
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  width: 1.66rem;
  height: 1.22rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAAoBAMAAABHtxQFAAAAGFBMVEUAAAD///////////////////////////8jfp1fAAAAB3RSTlMAIN/vMF9QpVKjdwAAAHdJREFUOMvlzDEOQFAUBVESCxCFnkavUYsNKKyEyNs+zc8Uk9do3XZybvVla56auU3bFkPKljjblAVQjGb2fv6c9Tmrpz1lXdw5i9hTFgXCaAXC+ATCBGGCMEGYIMwQZggzPGCCF8wQJggzhBnCDGGGMEOY4Sj2ALgcX8Ry0b/PAAAAAElFTkSuQmCC) no-repeat;
  background-size: 100% auto;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .example .step_box .type_icon .default.type_b {
  background: #0B52A2;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .example .step_box .type_icon .default.type_b.active:after {
  content: "";
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  width: 1.38rem;
  height: 1.44rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAuBAMAAAChYuY5AAAALVBMVEUAAAD///////////////////////////////////////////////////////+hSKubAAAADnRSTlMA718wEN+Af8+/IKCfkO06JDkAAAEXSURBVDjLjZQxSgNRFEUPKgoaq/TiCsTswEbQ3ipFcAXiCqxSW1mHNOldgWQF4hYMRB2Utwbf+0O8mSef5BY/zOUkkz/v/IHDJ1Kup8Ds66Lb7j0OHR7ZuFtf2XLKzKzp1hOzYSw2B6VnAQ58/QHl1Ys+uyf+8ab22C/fzyn4p+qHAsOOee5X7UFcneI5a3HBCxCeYLgLXPAHbfYL8vfFWxC+aG8jWLhg4f3YgmBtLW8YXgIP+Jv1HHmzHPnynB9ySUMeScmYPMBo81jhMuob6vXmH9Ett/mDvdV25vyzQG5UH5UskBvJAg1bFsiNBAuXBdkNDVbDlgVdNwQnfCBYbtS0lwXrbjCRBXKjqRzAynGtHO7Kq+AXRvs1yAbvas8AAAAASUVORK5CYII=) no-repeat;
  background-size: 100% auto;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .example .step_box .button {
  display: inline-block;
  width: 28.61rem;
  height: 3.75rem;
  line-height: 3.75rem;
  text-align: center;
  cursor: pointer;
  color: #fff;
  font-size: 1.5rem;
  background: #F36928;
  border-radius: 8.94rem;
  box-shadow: 0.1rem 0.4rem 0 #0B52A2;
  position: relative;
  z-index: 2;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .example .step_box .line_bg {
  width: calc(100% + 4.6rem);
  height: 25rem;
  background: url(/static/media/line_bg_2.439ce627.png) no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 0.5rem;
  left: -0.6rem;
  z-index: 1;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .example .video-container {
  width: 100%;
  margin-top: 2.4rem;
  position: relative;
  z-index: 2;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .example .video-container .right_box {
  width: 11.19rem;
  height: 3.31rem;
  text-align: center;
  line-height: 3.31rem;
  background: #1F1F1F;
  border-radius: 0rem 0rem 0 1.25rem;
  font-size: 1.25rem;
  color: #fff;
  position: absolute;
  right: 0;
  top: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .back_1_3 {
  width: 74rem;
  height: 30.875rem;
  background: url(/static/media/back_1_3.c9940cc2.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .back_1_3 .title_box {
  width: 10rem;
  height: 3.31rem;
  border-radius: 4.06rem;
  border: 0.06rem solid #4C4C4E;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 2rem;
  color: #4C4C4E;
  font-weight: bold;
  padding-left: 1.25rem;
  padding-right: 0.45rem;
  position: absolute;
  bottom: -3rem;
  left: 4rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .back_1_3 .title_box .arrow_r {
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAAY1BMVEUAAAAKUqIIUJ8QUJ8LUqIKUqIKUqILUaILUqILUqILUKILUaMLUaEKUqIJUqELUaILUqIMUJ8IUJ8KUqMLUqILUqL///9nk8XC1OizyeKjvtyFqdFXiL9IfbkaXajw9Pnh6vRqW43dAAAAFXRSTlMA3yAQ75+AUM9gYL+Qr3C/j0BAr3DJ8IxZAAABvElEQVRYw7XZbZaiMBCF4SpSSVAQxe5Lf8/M/lc5o39ypmlJYq7PAt5DAE0sJcPFyR9V8Y/1Rx/OTuql2Emxoj7eFz0fDLf4WH1xwbBJdx0nl2iQUntFEd1JiW5AsUPBuidDBctdpDuh0ml7uT2q9d1GT3EH7Vi9VOT2UnHdoxZ7NOjdqrd6Xxrfnj0aTd9uoKGR/X8bD2h2JC042UmiIND0pAMowuqVbmQu3UHuJSpITK4iiv36eP3EhlkuPIq9L8vysrXHXHoO5d6W7aK5uhXja8kUY1pxmZdMcUzPmFPUdAtJRSdnUItRAqjFSTyoRS8DqMWj9KAWVQzUogp+sBS4VWwL/mYH/2CFv2TlPhQTpfbQ019s/kdvovYQJFJ7mOlfsPwtQEZiD75yG/0s2UadodhrpgdXeRz+yPS8XMwVh6X3ty9siHJlIFHuiTgd252BQrtHHdrFKQj0kT98ZECzp8f+eJRn0oKTEU3G9QiobURAH2KwxyzsQRB7VPXQYVrz2zO63Ly0biD5LFldxR4zdOyhbqlQkLTgpFy3V1Iuif527WmWe7joFSs6xqZ/LObgh96uJR38lI39BSr1mSactbqtAAAAAElFTkSuQmCC) no-repeat;
  background-size: 100% 100%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .back_1_3 .content {
  display: inline-block;
  font-size: 1.5rem;
  color: #1F1F1F;
  line-height: 2.19rem;
  margin-left: 4rem;
  margin-top: 1rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .back_1_3 .content b {
  color: #F36928;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .back_1_3 .pwd_img_box {
  display: flex;
  margin-left: 17.5rem;
  margin-top: -5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .back_1_3 .pwd_img_box .img_type1 {
  position: relative;
  width: 12rem;
  margin-right: 2.25rem;
  cursor: pointer;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .back_1_3 .pwd_img_box .img_type1 img {
  width: 100%;
  display: block;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .back_1_3 .pwd_img_box .img_type1:last-of-type {
  margin-right: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .back_1_3 .pwd_img_box .img_type1 .pwd_title {
  position: absolute;
  top: 5rem;
  text-align: center;
  width: 100%;
  font-size: 1.5rem;
  color: #F36928;
  line-height: 1.88rem;
  font-weight: bold;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .back_1_3 .pwd_img_box .img_type1 .pwd_text_box {
  font-size: 1.25rem;
  color: #fff;
  line-height: 1.88rem;
  width: 100%;
  position: absolute;
  top: 16rem;
  text-align: center;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .back_1_3 .pwd_img_box .img_type1 .pwd_text_box p {
  margin-bottom: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .back_1_3 .pwd_img_box .img_type1 .pwd_text_box.type2 {
  top: 14.5rem;
  color: #1F1F1F;
  font-weight: bold;
  line-height: 1.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .back_1_3 .pwd_img_box .img_type1 .pwd_mima {
  font-size: 1.5rem;
  font-weight: bold;
  color: #fff;
  position: absolute;
  top: 22rem;
  left: 1.25rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .back_1_3 .pwd_img_box .img_type1 .pwd_wb_box {
  position: absolute;
  top: 24.4rem;
  width: 100%;
  height: 4.4rem;
  display: flex;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .back_1_3 .pwd_img_box .img_type1 .pwd_wb_box.type2 {
  top: 20rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .back_1_3 .pwd_img_box .img_type1.active .pwd_mmsy {
  width: 6.88rem;
  height: 1.56rem;
  background: #FF3535;
  display: block;
  font-size: 1.25rem;
  color: #fff;
  border-radius: 1.56rem;
  text-align: center;
  line-height: 1.56rem;
  font-weight: bold;
  position: absolute;
  top: 7rem;
  left: 2.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .back_1_3 .pwd_img_box .img_type1.active .type1 {
  display: none;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .back_1_3 .pwd_img_box .img_type1.active .type2 {
  display: block;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .back_1_3 .pwd_img_box .img_type1 .type2 {
  display: none;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .back_1_3 .pwd_img_box .img_type1 .arrow_icon {
  position: absolute;
  transform: rotate(90deg);
  top: 48%;
  left: -3rem;
  width: 5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .back_1_3 .pwd_img_box .pwd_img2 {
  top: -1.2rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .back_1_3 .pwd_img_box .pwd_img2 .pwd_text_box {
  top: 17.7rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .back_1_3 .pwd_img_box .pwd_img2 .pwd_text_box.type2 {
  top: 14rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .back_1_3 .pwd_img_box .pwd_img2 .pwd_mima {
  top: 23.8rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .back_1_3 .pwd_img_box .pwd_img2 .pwd_wb_box {
  top: 26.2rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .back_1_3 .pwd_img_box .pwd_img3 {
  top: -2.3rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .back_1_3 .pwd_img_box .pwd_img3 .pwd_text_box {
  top: 17.7rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .back_1_3 .pwd_img_box .pwd_img3 .pwd_text_box.type2 {
  top: 14rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .back_1_3 .pwd_img_box .pwd_img3 .pwd_mima {
  top: 23.8rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .back_1_3 .pwd_img_box .pwd_img3 .pwd_wb_box {
  top: 26.2rem;
  font-size: 0.88rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .back_1_3 .pwd_img_box .pwd_img3 .pwd_wb_box.type2 {
  font-size: 1rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .back_1_3 .pwd_img_box .pwd_img4 {
  top: -0.7rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .back_1_3 .pwd_img_box .pwd_img4 .pwd_text_box.type2 {
  top: 14rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .back_piece {
  width: 100%;
  height: 21.375rem;
  background: url(/static/media/back_piece1.5.e7f30ee0.png) no-repeat #f3f9ff;
  background-size: 100% 100%;
  display: block;
  transform: rotate(180deg) scaleX(-1);
  margin-bottom: -1px;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .password-section {
  background: initial;
  width: 100%;
  margin-bottom: 3.3rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .password-section .video_people {
  position: absolute;
  right: 0;
  top: -18.5rem;
  width: 18.25rem;
  height: 22.06rem;
  background: url(/static/media/video_3people.61a16761.png) no-repeat;
  background-size: 100% 100%;
  display: block;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .password-section img.point {
  z-index: 3;
  top: -7.5rem;
  left: 0;
  transform: rotate(180deg);
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .topic_box_title {
  display: flex;
  align-items: center;
  width: 100%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .topic_box_title .video_people {
  width: 18.25rem;
  height: 22.06rem;
  background: url(/static/media/ele_Preson_3_2.2f5b1ed4.png) no-repeat;
  background-size: 100% 100%;
  display: block;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .topic_box_title .text {
  font-size: 1.5rem;
  line-height: 2.19rem;
  flex: 1 1;
  margin-right: 2.8rem;
  margin-left: 1rem;
  margin-top: -10rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .topic_box_title .right_box {
  width: 26.5rem;
  height: 3rem;
  background: #0B52A2;
  border-radius: 3rem;
  text-align: left;
  font-weight: bold;
  font-size: 2rem;
  color: #FFFFFF;
  line-height: 3rem;
  padding-left: 1.5rem;
  position: relative;
  margin-top: -10rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .topic_box_title .right_box .icon {
  width: 8.1rem;
  height: 6.93rem;
  display: inline-block;
  background: url(data:image/png;base64,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) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: -1rem;
  right: -0.2rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .topic_content_box {
  display: flex;
  width: 100%;
  margin-top: -9rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .topic_content_box .left_box,
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .topic_content_box .right_box {
  width: 50%;
  height: auto;
  background: #fff;
  border-radius: 0.652rem;
  padding: 0 2.43rem 3.06rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .topic_content_box .left_box .title_t,
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .topic_content_box .right_box .title_t {
  font-size: 1.5rem;
  color: #4C4C4E;
  height: 5.125rem;
  line-height: 5.125rem;
  margin-bottom: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .topic_content_box .left_box .video-container3,
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .topic_content_box .right_box .video-container3 {
  position: relative;
  cursor: pointer;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .topic_content_box .left_box .video-container3 .point,
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .topic_content_box .right_box .video-container3 .point {
  width: 5rem;
  position: absolute;
  transform: rotate(215deg);
  top: -3rem;
  right: -3rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .topic_content_box .left_box {
  margin-right: 3.5rem;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .padding_box {
    padding-right: 3rem;
    padding-left: 3rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .padding_box .header_box .header {
    font-size: 3rem;
    line-height: 4rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .padding_box .header_box .header:after {
    height: 4rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .padding_box .content {
    font-size: 1.75rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .padding_box .content b {
    margin-top: 1rem;
    display: block;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .password-section.video-container .video_people {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAEM0lEQVR4Xu2dP3LTQBTGfYQcIRWSOhr6zHCBXCAzVInkykPHUMAJSGY4AOECmIKOMKaCSZVQQhMKSmY0/kOAOCD2W0fBemvL+ru7T9I38zVoLa9/ebvvaXdtej2DCgfbW2FwZ3e87w1mvvti6rujSeBewNPAjZY9CbxwGjhnaIO2Y999GvruDu5B79tY3QLznaNVkIpaQhdQce9GAkWkTANvuIgiFUDVjmHSfrASIkEMtye6oK3yTWQ+EH/Abdo/a2UDOGo5XYg+0b5aJ/y1q5zbqnYckbTfxoUhguxIO2ytD5yhNcMaJYhNwzW7ndBoNMq5LvAO1Y5xs3dIP1vtkkO2L4papTNMLT6LtiGNN7I5URQ1PlPtEJsKL3atEJsOL3YtENsCL3blEBuVMLIaiaWKhYlmlCpFXbLEQaGp3rRdHu87A8olkxbzHscnjKrthIXmQ6zfqTdrrUeUT6q6oas613Nzm0qWrJalTZasjIVH+uLOC2Mji/JKqG0Fc36LhJIWhbbMfT8e34/m52+j68+nCc/PT5S2up0ahaaj7/LZXjT/8Cpapz/fvymv0W8npNykRM23qzau17OH9yS0q3fH0V8BZ5PsACjsuzuUX28cuMdKwxr9+81zymejrAF44AwT8MLB3S2lUc2ef1w/VNfJGoA0mZgYvrwBirpw3/t/8kH38IW5A8T5nqUI1J99f718FF0JiNQoV9bJJoBgJuGZmP/SfHm4R7ndyiaAsJwHQ3lySr1oypwAynkQlTW9YNKcAMrFVvH4pj2BpJkTQJyUxerLiF4waU4ARSJ535v2Pat23JgBvMDSvVX7HgwBqhdMmhNAuANY0h3Aku4AljQWEr7SfzRpXgCdsANYyt5ZV0iXsCyku0e54paPcviaAr1g0pwAyi1OE8v5aeYEUO7OdQuqxX27sWRTJuYCcBYv6UuAvndEG5gyG4BIILFsmge5AExsay7mQTuWtbgAVE5pTXznNW1Ul7Ocg8krHBWh71OXE8M3FlIybViXuQNMDN9l6RrGnAEmsi+Vri1OzgBTD5vrSiZcASL6fm76zoiOKJx/Oomuv5xWapy1oe9Tufspx3tjIQpBWnlxy50691HZctjcJqfOfaskXjSiN2mrUSNTPhuFyVJHQrHfXrgxcazTOHCsWmw14dxDl2rat2elRruXj/EWlawNLTuApMOzvnNGWRQW5oA2lTaZCua8agvEWuDFajrEWuHFaipELfBiyRqxQYkFCUMbvGU1osQRpUpEl+d1avHczPGJxQtnQcHfhKlaCH+deypljUNBRobsJiEabU4w6FvpRzMdwsKjXSDFFCP6ZHSuy6vFsDYdkQzBrRJOPky0fSfZC+V8vOp3DbgLkRDDrDIy5eEo+R8ceLvsoy2P8GERKdjIwklZZEfh81VlESDBso1oe/P71caB/QOcqypKin+utQAAAABJRU5ErkJggg==) no-repeat;
    width: 5rem;
    height: 5rem;
    background-size: cover;
    top: -3rem;
    right: -2rem;
    z-index: 2;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .password-section.video-container img.point {
    top: -5.5rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .topic_box_title {
    margin-top: 0rem;
    position: relative;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .topic_box_title .video_people {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABRCAYAAABFTSEIAAAFFklEQVR4Xu1cPY/VRhTdn8BPoElsp6IhNUr+wPIDEtGw+D2aFWmCgkSKJCWsRKTQ7W6bIiCRMuSlSkS1VKDQgARlJOv5+bFf7DpzxuvVe3fGX8+eL5sjHSGtZ+yZw51779yx39raR7iPKPQvRqNP16cbweY09L9PQn9bRlxDG9b+SnT9k0v0PoNAtHnxAgSYht7WLPQn8SiIZiM/XYW8L7sH7oV70mf1Bly0UbDeVrAq8nvf8B7FoX+NjsFJYGky0e6qFK2I8ch/zYTcxhjouKwHBj0d+Tt0UqbojJBYqrNRcJ9OwBZaLSSio4ml2pRnS/saHb8xnPm5CR2oA5wYt8aY5W4uWF0RuTWyOdB5aQGiKx2Qs2RzofNTinjsbwuDcJ7BfTpPJeineBkTNjc6307RZ/FyKhNxCOLl7FzEXgWMuuwqsCBBFm4+EE43vE2qRyMg0XQ5z2tPL2qVbCPRFG86MI69PezxqTaVGKTfKyAq4VSfUvD9reRGQ2bS5AjB0eKAak6oTlKg1CPp/JFgnXMXGwJHcueLjLcuC9cMs9wKTVgfRDrY/TY9+ue39PS/dynF6TxOP/z7LN1nbZLvvhT6a2eZFer2fYdPHnCBmgB9DFum3Ap1Rt45s6STty+oNrVxwizVpDVKD/V1naK9v/dVY6uTgYtoyBKleaGO4AE/1iXgG+kz9NCLlsTDaxFio+558vYl1WAJH149S4/+3EkPf3/A/5UFFYr3974WnqOFi8FkGgZbQgMFTG59LhURwiV35D7tYPd26ZI3ZYVLy1hn9KUiHj75WWhDuf/w5oJkyzidT035wiwaR5uXLkguKmUu4sGvPwnXiggrLcL8x3WhvQ7yKo0u/9eWR093qW7nQHCi7bUQftCVijN2K0UwJSCvWOsKIG1ppYCht6U1gLQh/GUR9n+5KbTXwTj0Hq/NxsEevWAjj5//QXU7h6kggs0HtnBv6AUbWZRUY0tH2+oiF5D+0UaW+T+UwWh7nXRCwCLrA0wt35zWC1hmfaa2cYu0WkDUDcusz1ghYYFMQHvfPDjeK468pn1fRi+yNgqjpFUEVGeKqjc6mUVhC/NAVK3L0KQIoZJMwL9wEqellF+XVX4PCTXtY4p8J2LTXrhKPH4OYsHSzcmLqibOgmWsEg+wSTww3gjWtR5nFhEV5apjTlv83iLPXzgymcrUEa9O2V8/F07m4AzFBurprnhnASSHiap0HZ+HMj7tZwuXPljUfbBUR7zjvx8J/WziPn13mv1xQhupYB3xsNM4errDt2soGGCZo08VdUVpnkBT6FjG8x+uVorXBtoElH1vnC1jtdG47Gy3C+gSUFi+OVTvSvogIH6/hup2DihLO3TJPghYaH05YoXvCbouYKn15VBphck3l/kkVZE+r2tWWl8OVBlo58ETbyHUBSJyouGNVVcILdKm38vhzSN6o6FSmvfVwWysNq1xgk2WLsXQl/JKS5cii8pqdyg2EuLVjrpVGKQ/LPukaxXYcnaig8mo5W8lFGE2HkB+OJZ8hdQlpux/R3hoT6jM8ihi/B5qrwJLECWr5nqrAhGqDykO5pBc/0z8+lIHIKLK6o1qojTfOs/rAplfdGlJsyWry9/VhSvWCKvrLEFWASSgNvpGCNd5cqwSSLz5oCWT0UnnhKPA4LOlrdNH4jf2+W/1X6HjcRpnVqlIzCDCy6J4hhWRVTWQe/Ef7w6Dx0zU581EZWKxPhAM9zCWxzH8D3GvbP/qYbixAAAAAElFTkSuQmCC) no-repeat;
    width: 5rem;
    height: 5rem;
    background-size: cover;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .topic_box_title .right_box {
    position: absolute;
    bottom: -8rem;
    right: 0;
    font-size: 1.75rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .topic_box_title .text {
    margin-top: initial;
    font-size: 1.75rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .topic_content_box {
    margin-top: 8rem;
    flex-direction: column;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .topic_content_box .left_box,
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .topic_content_box .right_box {
    width: 100%;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .topic_content_box .left_box .title_t,
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .topic_content_box .right_box .title_t {
    font-size: 1.75rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .topic_content_box .left_box .video-container3 .point,
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_3 .topic-section-2 .topic_content_box .right_box .video-container3 .point {
    width: 8rem;
  }
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_4 {
  padding: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_4 .padding_box {
  padding-left: 14.75rem;
  padding-right: 9.18rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_4 .back_piece {
  width: 100%;
  height: 21.375rem;
  background: url(/static/media/back_piece1.5.e7f30ee0.png) no-repeat #f3f9ff;
  background-size: 100% 100%;
  display: block;
  margin-bottom: -1px;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_4 .bottom_bg {
  width: 100%;
  height: 21.375rem;
  background: url(/static/media/bottom_left.5a9d393e.png) no-repeat #f3f9ff;
  background-size: 100% 100%;
  display: block;
  margin-top: -1px;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_4 .topic-section-3 .content {
  padding-left: 2.2rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_4 .topic-section-3 .content b {
  color: #F36928;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_4 .topic-section-3 .base-practice-section {
  margin-top: 4rem;
  margin-bottom: 4rem;
  width: 100%;
  height: auto;
  position: relative;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_4 .topic-section-3 .base-practice-section .arrow-point {
  position: absolute;
  height: 10rem;
  width: auto;
  transform: rotate(135deg);
  top: -20%;
  left: 20%;
  z-index: 10;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_4 .topic-section-3 .base-practice-section .center-circle {
  background-color: transparent;
  background-image: url(/static/media/CenterCircle.61060fc4.png);
  height: 41rem;
  width: auto;
  background-size: cover;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_4 .topic-section-3 .base-practice-section .bp-panel-0 {
  width: calc(100% - 20rem);
  height: 5rem;
  background: #FFFFFF;
  font-family: Source Han Sans CN,Helvetica Neue;
  font-weight: 500;
  font-size: 1.5rem;
  color: #4C4C4E;
  line-height: 4.8rem;
  padding: 0;
  left: auto;
  right: 0;
  align-items: start;
  padding-left: 7.687rem;
  border-radius: 6.63rem;
  transition: all 500ms linear 0s;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_4 .topic-section-3 .base-practice-section .bp-panel-0 img {
  position: absolute;
  top: -0.5rem;
  left: -0.5rem;
  width: 6.3rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_4 .topic-section-3 .base-practice-section .bp-panel-0.fade-in {
  opacity: 1;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_4 .topic-section-3 .base-practice-section .bp-panel-1 {
  top: -5.5%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_4 .topic-section-3 .base-practice-section .bp-panel-2 {
  top: 15%;
  width: calc(100% - 34.5rem);
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_4 .topic-section-3 .base-practice-section .bp-panel-3 {
  top: 34%;
  width: calc(100% - 38rem);
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_4 .topic-section-3 .base-practice-section .bp-panel-4 {
  top: auto;
  bottom: 34%;
  width: calc(100% - 38rem);
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_4 .topic-section-3 .base-practice-section .bp-panel-5 {
  top: auto;
  bottom: 15%;
  width: calc(100% - 34.5rem);
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_4 .topic-section-3 .base-practice-section .bp-panel-6 {
  bottom: -5.5%;
  top: auto;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 {
  padding: 0;
  background-color: #F3F9FF;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 {
  padding: 0 8.3rem 5rem 16.937rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .mv {
  margin: auto;
  height: 31.31rem;
  display: flex;
  justify-content: space-between;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .mv-left,
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .mv-right {
  font-weight: bold;
  font-size: 1.5rem;
  color: #1F1F1F;
  line-height: 2.81rem;
  background-color: #ffffff;
  background-size: 100% auto;
  background-position: top;
  background-repeat: no-repeat;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .mv-left div,
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .mv-right div {
  text-align: justify;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .mv-left b,
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .mv-right b {
  font-size: 2.5rem;
  font-weight: 700;
  color: #EE6E2F;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .mv-left {
  border-radius: 0.63rem;
  width: 40.7%;
  height: 100%;
  background-image: url(data:image/png;base64,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);
  padding: 4.687rem 2.625rem 0 0;
  position: relative;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .mv-left-person {
  position: absolute;
  left: 0;
  bottom: 0;
  max-height: 26.38rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .mv-left div {
  float: right;
  width: 12.687rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .mv-right {
  border-radius: 0.63rem;
  width: 56.7%;
  height: 100%;
  background-image: url(data:image/png;base64,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);
  padding: 4.687rem 0 0 2.625rem;
  position: relative;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .mv-right-person {
  position: absolute;
  right: 0;
  bottom: 0;
  max-width: 25.75rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .mv-right div {
  width: 21.312rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .case {
  margin-top: 5.69rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .case .ant-tabs-top > .ant-tabs-nav::before {
  border: none;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .case-tab {
  margin: auto;
  position: relative;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .case-tab .ant-tabs-nav {
  z-index: 20;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .case-tab .person_tab {
  position: absolute;
  z-index: 10;
  top: -3%;
  right: -1%;
  height: 23.75rem;
  width: auto;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .case-tab .ant-tabs-nav-wrap {
  justify-content: flex-start;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .case-tab .ant-tabs-content-holder {
  min-height: 30.75rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .case-tab .ant-tabs-tab {
  background-color: transparent;
  border-color: transparent;
  padding: 0 1.75rem;
  position: relative;
  height: 9.06rem;
  margin-right: 3rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .case-tab .ant-tabs-tab h3 {
  height: 2.88rem;
  font-weight: 500;
  font-size: 4rem;
  color: #B1B1B1;
  line-height: 2.19rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .case-tab .ant-tabs-tab .imgPoint_1 {
  display: none;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .case-tab .ant-tabs-tab .imgPoint_2 {
  position: absolute;
  z-index: 10;
  height: 7rem;
  transform: rotate(135deg);
  top: -20%;
  left: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .case-tab .ant-tabs-tab .imgPoint_3 {
  position: absolute;
  z-index: 10;
  height: 5rem;
  top: -10%;
  left: 0;
  transform: rotate(135deg);
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .case-tab .ant-tabs-tab-active {
  background: #ECECEC;
  width: 36.25rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .case-tab .ant-tabs-tab-active .ant-tabs-tab-btn {
  justify-content: flex-start;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .case-tab .ant-tabs-tab-btn {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  height: 9.06rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .case-tab .ant-tabs-tab-btn h1 {
  color: #EE6E2F;
  font-weight: 500;
  font-size: 8rem;
  margin: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .case-tab .ant-tabs-tab-btn p {
  height: 6rem;
  font-weight: 500;
  font-size: 1.5rem;
  color: #000000;
  margin: 0;
  line-height: 2.4rem;
  padding-left: 1rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .case-tab-content {
  width: 100%;
  height: 4.38rem;
  background: #ECECEC;
  border-radius: 0 0.63rem 0.63rem 0.63rem;
  font-weight: 500;
  font-size: 1.5rem;
  color: #000000;
  padding: 0 2.187rem;
  display: flex;
  align-items: center;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .case-tab .case-bottom {
  margin-top: 1rem;
  display: flex;
  justify-content: space-between;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .case-tab .case-bottom .case-item1 .subTitle,
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .case-tab .case-bottom .case-item2 .subTitle,
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .case-tab .case-bottom .case-item3 .subTitle {
  height: 4.13rem;
  font-weight: 500;
  font-size: 1.5rem;
  color: #000000;
  line-height: 4.13rem;
  text-align: center;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .case-tab .case-bottom .case-item1 img,
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .case-tab .case-bottom .case-item2 img,
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .case-tab .case-bottom .case-item3 img {
  width: 100%;
  height: auto;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .case-tab .case-bottom .case-item1 {
  flex: 1 1;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .case-tab .case-bottom .case-item1 .subTitle {
  background-color: rgba(179, 210, 250, 0.2);
  background-image: url(data:image/png;base64,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);
  background-size: cover;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .case-tab .case-bottom .case-item2 {
  flex: 1.3 1;
  margin-left: 1rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .case-tab .case-bottom .case-item2 .subTitle {
  background-color: rgba(179, 180, 250, 0.2);
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABFwAAAB+CAMAAAAujPXVAAAAS1BMVEUAAAC0tPm0tPq0tPqqqv+2tvq3t/+0tPu0tPy1tfi7u/60tPu0tPu0tPqzs/mzs/q0tPq1tfu0tPu3t/q1tfu2tvu5ufTDw/u2tvsLU80rAAAAGXRSTlMAhTNmBSsaek4mDT5Za4AgcDhHEnZgFwlyxlFOBgAACfZJREFUeNrs3QFu4jAURdHoYVvYQbKoBex/p+Ogdgrt0IHGTpzkniVAdPX9XZrOpg4AypPIC4AKlNlLBwBl6SqaDgBKksTwAqA8fXAdAJSjvzxHIwDl6JOlLgCK0a3QAUDBuLB4AVCaqAuAGkRdANSgr2IHAMXiwqURgLJEXQDUIOoCoAZRFwA1iLoAqEHUBUANoi4AahB1AVCDqAuAGkRdANQg6gKgBlEXADWIugCoQdQFEzHmEkJKZ+dcjNFf2Tv+KsbonDunFMLF8AAul6gL6sk5yTGJ0VurXxuak2OTU8PDuCiiLijNXIvircqz1sehMzyVCyDqgkLMJTfFW01jqEwKvMyvYXoCXyB+YkwYHZVRhyaXmGRaJOqCX8tVid6qCda7M41piqgLfnUCcq1U5Z73jrNSI/Sc1AHvw0qjWbllSUwDRF2w9GnlER85KM1Jj/BCI9ztVhaVlRvWU5iZiLrgJyY5r8XLheFF6JMTdcEDl+SWOq78k3eMMJMSdcH6u3I7wrDonYpeEQn/+pm1duUTgZmGbvBTgI1bx37lOTHxLNcm6oLMhPNmuvLBRnYwVYm6bN5luffMnJBappdxpbciJmznIPSIdTzS72aPC5dGK7HlgeULG+nLYP64UJfFY2D5jr50XQNxkV/14sWE5KL30rHv3/b7/WFw2t05HQb7rO97Sd5H58IiHk/DwEJfHmkgLitc64bkvfo+l2Q3yhCc/igfXYNXnVu8EuJ89IoW4iK7ku8gJK88npx2VeTS9LJtdGYDfxtXhj038G2tgwYbXLyEaI9vh91UTtfMvFAZVrcz8vyDkXnjIrfMwJvkR1SlRGWOiv/57Fjdzs3yS5dScdnI4iVcs9KIHBnrUvcVJ6FWML6MphHscj7+3JW8WGnQITcmpu6KO6G2ML6UiMuqFy8mNtqVb3OM4U6oNVwejaFsvUejZPtmzkFPLWTeFBMrlj/snQuWoyAQRQdE8QMEFU32v9JJm5nppEcTED8F1F1BH9O5efVAgERA8Rwc8T77Pu/AB5Z5ViqG9TgJ/QHXpkFA78Q3GtXBiuVZMQ5v1OEk5AqekjYHNLlAG43YpQ1pFHrPMHUxOAmdDuplB7k0YYWXOi+z+Cg7WjBcbD6XCrvdreTSdiIznHyhjBRdCG8yFhFFltkQc+lxTcgN7HbPhM7RDYb8RJb0HeOvkyna4FsWW8PgJGQL6uVU5syiyCxcNFDDSxpmmZA3zvVQNhSxAfVyIvSVVhiyDBcQw0s6ZpGGk78oNIwdqJfToM80gyLv4SWwZaOepmEWqfnMZ6Ok6FqKfAI3vpzCs1oyYkHWwlk2YlGuDc0HlmWmvh05kjzQIwEOxkktE7wBkhmL8DfKuQaWZXBI+gxufDkY+qAdiDVKAHjoLP5xSBtOnOAYYd6AejkcOiEUcUGcfYpUEfk4JG9zgcU2wmALsxXNH1rUy1q5dJw4Ihz7dGxarJHaKOKJyXBG8qBtSvGz6FJGS1F2LW7bdZJLK4k7mcP53TgP2XuFk61QOCOtoCkH/dbtSouuxZVpO6aJaAXZOQNp0WVxMg1Cm6MHXKm2pS0H28xohu5ZLxAudwCJJivJbPsurFp8vOKPwXUkG7Fwx2CYlS2eh/kBsprh6Dr9Ep9abL2CJcyOdEKTNaisw/Mwd5ILEYeu1lWRvfE8eeVIOAqGzr9Jtx4uGpyOliF72mXSC6rldK+gYJYyiyK+vMSX6y/kCeJDSa30gmr5h3b3CgpmH1qhySboEsvdHeSiGsv7GVAtmdTmdK+gYP7RSUU2g5d4G8kcZH+7TEJPeYVo2r8CjoRL3im0bAp/WZsOejxirO77sfjD2Nc1O0cuhLfUVi8sRbUAGIPeYVJ8V6AVe3wkWRP2a9OM1WNR5TmdI6+KcYVjiCdmz9vr6oC3zMGMKzPoIamdvJNadmFo6KtfAskv7NrfrWJ1va1jQvA3ttMhXiyBjf4SeFyZQafyqoCfWlxPUssL4P0Lqx2uFHdXJvFG7HT5bh6gWsLTyj+UjL+CmdSyJ7r5/9e+BjogXV294j7yEX+E898WYdkib4FMQekuInmoxe/LUEELMN63R1T1UXIhHZ3YcDxiTRYMUWjlGxNrBeOrFr+DGqsRSAOz0Y3ieX+QXFSzwn09C30iCrBbsUSL6AJMZ4gn/kn+4i0Y/0no0FsQNrO1O9XIAp2IQG2I+wYnpCUaTQ5EN3SRqjipg9nhgs6KechlR7ss1+mszeAidfxaiW9C8ihbPJaNlsmrD5tGAhCL1Ym2ZBtMSx/4DkgF0L3+CYSVWNeQOk4OZ2jpB/LlDAOqu/U5cpKcb5cpwLCHYuFNRIla5QmehbyNt5HEg72z/MvO18DE8vmqMgLCLg/BXEHtmkOrxFDxCkXOQQmH8F4V9ZVBXBSyIGfLcgFjF1pyxbXMnMFeZZHUA4xfkes/GrlRXYq6ZmEElify6+5ymZKgB50mD7g5xzDyK6qgVWIKMGtiy/lfiPwumXFdkmH1WOX0cMZf8wB4mHM/MdzcjjKMlPqGUokwwHSGnAwv/SJBNWmmZmyPt4To/sULBFUv3VM9KebbMZhUoBBCgGkHAgBBtyGfRFP0dX19Vg1j17ovLh5pZVe7AHiYn67AV3fHaLllUDFcoVTiDjAdkFcy5C4azr843Sgf7UI2JnN9mF1GLFGcG6PliiwjH0bBnJJKgIERWyY41Gd0gF3I1vDSucZ1Ryl+xxhz03fkD/SdmzFfNsGIsi88g7iJF0psmVAlTYLCRS77h5dWaIIED7RNvIBiywNBk2A8Qi6EC7vrqDBUxAKkt5BKSLHlgQRdT21GvbtcJvinH7NOwPsXQCJoeBtJAJJI8cIc5OLF8jDedgOaJUrOb3gF0DScRvGSMw+5+P+WtaXQQD9/JPiGtwPc4SVRvFwc5OKPkYMouy/KUmQSE0sCuBzTEHWR+4psaPyMr3JBkInQBySoE1FaxQtDuSDzhDsgQZ6I/qISGI1ylAtyCEq+W0GK5WgFLF6eKVAuyFHo/QuYJiOhkMBodEW5IJ8IZYtdC75seYZHvyZdoVwQCwLYYhdQakllNBpRLr/bu5ccBmEYAKILUMmXQhR6/6NW3VTqigCq7Jh5hxiZQDAaaH+D1MMx7v0ejUbighaKB5hu771a/1z3SVwgo25lLzDm770OtoeXQFwgpm4uXipLV4e4tzvX9cQFoqacTo0wa9czyz2Gl0BcIK4eK8xa7Nx7tTy8eOICHeZlSC7uNCa6NIjvCvngKmODQFygyVyXISVXSozfSSXG6FzacrUyr/wS///Nv3jiAhzFs1GTQFyAY8hLG09cAHE28xKICyDPYl48cQE0mOwd7Y7EBdAhGxtfHsQF0ELnbtzTRuIC6DFr2417wYu4ALpMORUNyyuv8m8irD0Vrj9iOAAAAABJRU5ErkJggg==);
  background-size: cover;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .case-tab .case-bottom .case-item3 {
  margin-left: 1rem;
  flex: 1 1;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .case-tab .case-bottom .case-item3 .subTitle {
  background-color: rgba(202, 196, 255, 0.2);
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAoIAAABoCAMAAABSbmHqAAAAZlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+Vn2moAAAAInRSTlMAwmaZX7xMcbefh0IGqzILGX1ZayakOSwTj7GUro5Ud6ggem+93wAABxNJREFUeNrs3AFu4yAQBVACU9xlXMAUgZF2kXz/S66Sbtukaup1YicE5p3ha+aP45gRQgghqzDj5KNGRJmdc8CPgHNZSsSgo7fWMEJWZKzXiA74ApAlam9HRsgVzBQDOn4VkKinsWeELNJPETPw9WQZoqUgkv9hfEDg28ioJ+qJ5LzeagS+NZCUQ/IN49Hx23EY6VQhH0xE4LcHkmJIDtMP+P0AelrKDettcPz+crCMNMhECbwUDidGmlLG+DsBSLOwFb3HcsbfCYd0ntSvj5KXzNF1UrXS8/fm1gt5tDqgBOg6pVQSb5JSXQdZBk/1oLH8HTjPbmC0QcKgxKyhy5qC2FD+brCPjUYYklimy5qa6qV6/1j5O3BhkxAanXkSlxqyZ2QxW+r9OwtXDuGIoMS1EmhGFrDhUfO353S/WvwCJLGSBDQLKy2AWx0mxmcl1qUC9cJ59uHzd+CmK/MXeBIbSEAh/NGoH3kBr1YJDXZiOxTCmhfwCdAXzr8uiRMUwrPoApnhDFvK5yS2lyQjdQ/AD5otYeQgbkRFRuoegBcMQj9XAGkbb2SqdAC+0wVcIN9S9Jhwr6/oBL7iNDYyiTugRljLM8A5zrIfjZDEfQxtL+NqT5Bv6HIq4CnV8NtcLWzgI2hKDOBeYG1qZAMfcabIADZaCFvawJ8gsq/GAgLYYgYb28DnC6EBUYi2MljzU+hZ2N/9MUzzGWyvAp4rhFhQANvJ4EP+FWRlbmR7fhCFQVa/divgqcjY+CrKU/2PdRTAD7qkEvgp1f07iUVO/hmen0WRVMVfJGn9Bjn2Kna73dMvUSJglar9VaxF/jztduVmsMqTpI/FfQ7wjrqX3bsXUaAK6yDdIF9H4KffokAdqwsF8C97Z6CeKgyDUUotpJVOK+vcAAd7/5e86ife4VRAU0iR8wJ+287+NEnBWxFItxhPqhSvXnkRdyMC6Ts4oVI8T2FuRiDtYjyVUjxPYVoisCajF4STWJLMAl6QWnYLYTkxVOA9zgWMjdpxKXWN5LkyZUgXA+yEF8XY947EqYCx4hbYDUBzRVHElLMm1LuSL6/3dO/O5tCpybVg7Wiu0pASccaOeBSEHl8ddCag2WnBupNxE1Lh1IeQCkJZVcUebe20YtDZHNpwwXojJIkwvNaHjNoaW52Jxu+psFOJwbOAFPw7YVU4MgZYZ4Tzaiw1XP3gTE6gKXYkYJoL9hQgR63Iu57JXXF3yALuRbDns0FHAhrNEAAVhyNQ70OISKih7YN9XpHUAhILwF/IMhyaugiTkNBCpxaugUfvmXEjYMkFw0SrcGg420NBwqJzA+dlQ3IWkGAFbgLIEuIX4WZ/gITNWE0/B78CL/BHwAOQx+FQmGdDHFCisIKegyzPGhK/BDwA8raENIrwbzKLWIH7O/gdUKcWkFD96sIQEsYZw0FkFrkFaXfQm0rsSEDJ/uCfhEowRLJK4s1g2gFPKrGjLliyQRBOz4QpZ9iIwvYLwOIZ5X2oxP6dAS+BPA0dUQJzAhS2YxoWwJ7Ckl/S+S+gyxHNTjB3iKzVQw3PfwqvofkckxMB010HAX2QMNbMPVDo6yLaAhgGGeXL02cBqW7iHpCQ0jCwBwKKwp5VlFUBDA1L9gUzJwH9rsANwNDuQ7ogBLr4QHQs40LANM/YA5Cc0Bhgk6GieBh0IaCxgo2PjD2OQEcIet+Ic3wxwkROgNcknCPwgoLYZPD0VKbvLfBdCecIbCAo3VtN3jbY/hlNJgB/SUhlIUeDgkw/gv8lNUYS/YM9KmFJK9CREDT6kWQbYecfJ+rfScK5Bl/MBrdBH6gHYKqo5t9/rPG2p8IGxt6PJG8Rcv9B8Px3DVDpLOAR22s/QrwAm9yn4xLIchaw3hSnwQgk62jxYuX3D1n7k8e0T7UYiHHuayU/S0T/Ur/ir4Hexf6MNd1QDT+VSd4x86/05fR3E5BXw7B8Cf/qhmQVDMZqG2HqR2L7iwDoXJlaxLhU3Pf/qz4MOBhM1h+bWb+7AMAEf6oW9ECPMK3fogXe2e+VQmLywACz6c8tWvcRK56xmWlxvK61dHUcTNZo+qUqn2LtnWH6oGAYOpBw9f7xjVV6d3JiN+VmGpV4GYR7lmtU+6IFUuWd7Zs6gvMoCI9sECxMPrdI9qUvNpt4YexBwZpFtH1Uw9XPXr7NHH0z/9q1lxwGQSgKwyY+kEsV8B2Nmu5/k4VBSZq20TbIhPOt4c8ZwP3Z/EzQ2cSo5OnZk6qrhfDTXsto4TOmLzK5S/DVVoh6vKtJ3t6rk5PqunoQRePvtYXSHssXKW4SPJA1jmvOY3sYvshVJsHw2p1Wjt0DqxxCJsg0LbyP8CsUvssDJNgysuXNWD345KoEGdO0Ijw4JhJ/Y7drosVkV5XoDk7bkn9iM7TWZItLuWkuxlM38CR7ANR/W4OMjDdMAAAAAElFTkSuQmCC);
  background-size: cover;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .case-tab .case-bottom1 .case-item2 {
  flex: 1.265 1;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .case-tab .case-bottom2 .case-item2 {
  flex: 1.385 1;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .case-tab .case-bottom3 .case-item2 {
  flex: 1.04 1;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .step {
  margin-top: 5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .step-tab {
  margin: auto;
  display: flex;
  min-height: 30.75rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .step-tab .stepPoint {
  position: absolute;
  z-index: 10;
  height: 10rem;
  top: -60%;
  left: -40%;
  transform: rotate(135deg);
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .step-tab .ant-radio-group {
  display: flex;
  flex-direction: column;
  margin-right: 2.56rem;
  justify-content: space-between;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .step-tab .ant-radio-group .ant-radio-button-wrapper {
  height: 6.18rem;
  width: 12.5rem;
  background-color: rgba(201, 227, 255, 0.3);
  border: none;
  border-radius: 0.5rem;
  padding: 1rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .step-tab .ant-radio-group .ant-radio-button-wrapper .ant-radio-button + span {
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: 0.5rem;
  background-color: #c9e3ff;
  text-align: center;
  font-weight: 500;
  font-size: 2rem;
  color: #4C4C4E;
  line-height: 4.125rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .step-tab .ant-radio-group .ant-radio-button-wrapper:not(:first-child)::before {
  width: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .step-tab .ant-radio-group .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  background-color: rgba(238, 110, 47, 0.3);
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .step-tab .ant-radio-group .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) .ant-radio-button + span {
  background-color: #EE6E2F;
  color: #fff;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .step-tab .ant-radio-group .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
  box-shadow: none;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .step-tab-content {
  width: 100%;
  position: relative;
  min-height: 30.75rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .step-tab-content .img0 {
  width: 106%;
  height: auto;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .step-tab-content .step0 {
  position: absolute;
  font-family: Source Han Sans CN;
  font-size: 1.6rem;
  font-weight: 500;
  text-align: left;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .step-tab-content .step1 {
  right: 12%;
  bottom: 5.5%;
  height: 10%;
  width: 44%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .step-tab-content .step2 {
  right: 11%;
  bottom: 6.2%;
  height: 10%;
  width: 67%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .step-tab-content .step3 {
  right: 14.5%;
  bottom: 7%;
  width: 30%;
  line-height: 2.5rem;
  height: 32%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .step-tab-content .step4 {
  right: 9.5%;
  bottom: 6.2%;
  height: 10%;
  width: 28%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .verify {
  margin-top: 5.75rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .verify-title {
  display: flex;
  align-items: center;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .verify-title .c-title {
  margin-bottom: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .verify-title .subtitle {
  font-weight: 500;
  padding-left: 2.562rem;
  font-size: 1.5rem;
  flex: 1 1;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .verify .verify-card-bg {
  margin: auto;
  padding-top: 1.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .verify-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 42.187rem;
  margin: 0 -1rem 0 -2rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .verify-card-item {
  width: 16.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .verify-card-item,
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .verify-card-active {
  margin: 0 1rem;
  height: 100%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .verify-card-active {
  position: relative;
  width: 26rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .verify-card-active .active-top {
  position: relative;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .verify-card-active .active-top img {
  position: absolute;
  width: 100%;
  height: auto;
  bottom: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .verify-card-active::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 0.375rem;
  bottom: 0;
  background-color: #0B52A2;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .verify-card .active1 .active-top h3 {
  left: 7.88%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .verify-card .active1 .active-bottom {
  padding-left: 2rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .verify-card .active1::after {
  left: 2rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .verify-card .active2 .active-top h3 {
  right: 6.66%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .verify-card .active2 .active-bottom {
  padding-right: 6.66%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .verify-card .active2::after {
  left: 0;
  right: 6.66%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .verify-card .active3 .active-top h3 {
  left: 4.8%;
  right: 1.5%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .verify-card .active3 .active-bottom {
  padding-left: 4.8%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .verify-card .active3::after {
  left: 4.8%;
  right: 1.5%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .verify-card .active4 .active-top h3 {
  left: 3.6%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .verify-card .active4 .active-bottom {
  padding-left: 3.6%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .verify-card .active4::after {
  left: 3.6%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .verify-card .active-top {
  width: 100%;
  height: 67.5%;
  position: relative;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .verify-card .active-top h3 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  text-align: center;
  height: 3.312rem;
  line-height: 3.312rem;
  font-weight: bold;
  font-size: 2.25rem;
  color: #FFFFFF;
  background-color: #0B52A2;
  border-radius: 0 0 0.63rem 0.63rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .verify-card .active-bottom {
  width: 100%;
  height: 32.5%;
  padding-top: 1rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .verify-card .active-bottom p {
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 500;
  font-size: 1.5rem;
  color: #0B52A2;
  line-height: 2.5rem;
  text-align: justify;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .verify-card .item-top {
  width: 100%;
  height: 67.5%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  position: relative;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .verify-card .item-top .verifyPoint {
  position: absolute;
  z-index: 10;
  height: 10rem;
  width: auto;
  top: 19%;
  left: 0;
  transform: rotate(135deg);
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .verify-card .item-top img {
  width: 100%;
  height: auto;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .verify-card .item-top p {
  position: absolute;
  height: 2.94rem;
  background: #E2E2E2;
  border-radius: 0.63rem 0 0.63rem 0;
  right: 0;
  bottom: 0;
  margin: 0;
  width: 10.63rem;
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 2.94rem;
  color: #6D6D6D;
  text-align: center;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .verify-card .item-bottom {
  font-weight: 500;
  font-size: 1rem;
  color: #767676;
  line-height: 1.56rem;
  padding-top: 1rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .topic-quiz {
  margin-top: 5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .topic-quiz .quiz-section.new-quiz .quiz-section-body .top .quiz-question {
  margin-right: 1rem;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_4 .padding_box {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_4 .topic-section-3 .content {
    padding: 0;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_4 .topic-section-3 .base-practice-section .arrow-point {
    z-index: 10;
    left: 2%;
    top: -30%;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_4 .topic-section-3 .base-practice-section .center-circle {
    height: 24.18rem;
    margin-left: -5.12rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_4 .topic-section-3 .base-practice-section .bp-panel-0 {
    height: 4rem;
    line-height: normal;
    width: calc(100% - 7rem);
    padding-left: 4.5rem;
    display: flex;
    align-items: center;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_4 .topic-section-3 .base-practice-section .bp-panel-0 img {
    width: 4.95rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_4 .topic-section-3 .base-practice-section .bp-panel-1 {
    top: -7.5%;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_4 .topic-section-3 .base-practice-section .bp-panel-2 {
    top: 12.5%;
    width: calc(100% - 15.5rem);
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_4 .topic-section-3 .base-practice-section .bp-panel-3 {
    top: 32%;
    width: calc(100% - 17.5rem);
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_4 .topic-section-3 .base-practice-section .bp-panel-4 {
    bottom: 32%;
    width: calc(100% - 17.5rem);
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_4 .topic-section-3 .base-practice-section .bp-panel-5 {
    bottom: 12.5%;
    width: calc(100% - 15.5rem);
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_4 .topic-section-3 .base-practice-section .bp-panel-6 {
    bottom: -7.5%;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 {
    padding: 0 3rem 5rem 3rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .mv {
    height: 18.02rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .mv-left {
    width: 37.7%;
    padding: 3.5rem 0.75rem 0 0;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .mv-left-person {
    max-height: 10.25rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .mv-left div {
    text-align: right;
    width: 11.63rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .mv-right {
    width: 60.7%;
    padding: 2.5rem 0 0 1.5rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .mv-right-person {
    max-width: 11.45rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .mv-right div {
    width: 17rem;
    line-height: 2.1rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .case-tab .person_tab {
    display: none;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .case-tab .ant-tabs-tab-active {
    width: 30.5rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .case-tab .ant-tabs-tab {
    margin-right: 0;
    padding: 0 0.5rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .case-tab .ant-tabs-tab-btn h1 {
    font-size: 6rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .case-tab-content {
    padding: 0 1.5rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .case-tab .case-bottom {
    flex-direction: column;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .case-tab .case-bottom .case-item1,
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .case-tab .case-bottom .case-item2,
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .case-tab .case-bottom .case-item3 {
    flex: 1 1;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .case-tab .case-bottom .case-item2,
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .case-tab .case-bottom .case-item3 {
    margin: 1rem 0 0 0;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .step-tab {
    flex-direction: column;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .step-tab .ant-radio-group {
    flex-direction: row;
    justify-content: space-between;
    margin: 0 0 1rem 0;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .step-tab .ant-radio-group .stepPoint {
    top: -85%;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .step-tab-content {
    min-height: auto;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .step-tab-content .img0 {
    width: 100%;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .step-tab-content .step0 {
    font-size: 1.5rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .step-tab-content .step1 {
    right: 18%;
    width: 40%;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .step-tab-content .step2 {
    right: 17%;
    width: 62%;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .step-tab-content .step3 {
    right: 18%;
    line-height: 1.5rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .step-tab-content .step4 {
    right: 14%;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .verify-title {
    flex-direction: column;
    align-items: self-start;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .verify-title .subtitle {
    padding-left: 0;
    padding-top: 1rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .verify-card {
    overflow-x: auto;
    overflow-y: hidden;
    flex-wrap: nowrap;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .verify-card-active,
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t900_5 .topic-section-4 .verify-card .verify-card-item {
    flex: 0 0 auto;
  }
}

.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .t900 .t900_2 .topic-section-1 .header_box .header {
  font-size: 3.5rem;
  line-height: 3.5rem;
  display: flex;
  align-items: center;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .t900 .t900_2 .topic-section-1 .example .example_box_1 .text1 {
  text-align: left;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .t900 .t900_2 .topic-section-1 .title_box_m {
  flex-direction: column;
  align-items: flex-start;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .t900 .t900_2 .topic-section-1 .title_box_m .header {
  width: initial;
  padding: 0 2rem;
  font-size: 2.5rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .t900 .t900_2 .topic-section-1 .title_box_m .header_r_text {
  margin-left: initial;
  margin-top: 1.5rem;
  font-size: 1.25rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .t900 .t900_2 .topic-section-1 .title_box_m span {
  font-size: 1.25rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .t900 .t900_2 .topic-section-1 .t900_custom .title_box_m {
  margin-bottom: 2rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .t900 .t900_2 .topic-section-1 .t900_custom .title_box_m span {
  margin-left: initial;
  margin-top: 1.5rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .t900 .t900_2 .topic-section-1 .t900_custom .ele_person_box .left .text_position {
  width: 12rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .t900 .t900_2 .topic-section-1 .t900_custom .ele_person_box .right .text_position p:first-child {
  display: flex;
  flex-direction: column;
  margin-bottom: 0.5rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .t900 .t900_2 .topic-section-1 .t900_custom .example_box_2 .title_t {
  font-size: 1.25rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .t900 .t900_2 .topic-section-1 .t900_custom .example_box_2 .tips_box {
  font-size: 1.25rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .t900 .t900_2 .topic-section-1 .t900_custom .example_box_2 .content_box .item_group .title_box {
  font-size: 1rem;
  line-height: 1.125rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .t900 .t900_2 .topic-section-1 .t900_custom .flex_c .back_1_3 .content {
  font-size: 1.25rem;
  width: 14rem;
  line-height: 1.875rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .t900 .t900_2 .topic-section-1 .t900_custom .flex_c .back_1_3 .title_box span {
  font-size: 1.25rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .t900 .t900_2 .topic-section-1 .t900_custom .flex_c .back_1_3 .pwd_img_box {
  margin-top: -5.8rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .t900 .t900_2 .topic-section-1 .t900_custom .flex_c .back_1_3 .pwd_img_box .pwd_title {
  font-size: 1.25rem;
  line-height: 1.5625rem;
  top: 3.8rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .t900 .t900_2 .topic-section-1 .t900_custom .flex_c .back_1_3 .pwd_img_box .pwd_text_box {
  font-size: 1rem;
  line-height: 1.5625rem;
  font-weight: 400;
  margin-top: 0.3rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .t900 .t900_2 .topic-section-1 .t900_custom .flex_c .back_1_3 .pwd_img_box .pwd_text_box.type2 {
  line-height: 1.25rem;
  font-weight: 700;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .t900 .t900_2 .topic-section-1 .t900_custom .flex_c .back_1_3 .pwd_img_box .pwd_mima {
  font-size: 0.85rem;
  left: 1rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .t900 .t900_2 .topic-section-1 .t900_custom .flex_c .back_1_3 .pwd_img_box .pwd_mmsy {
  width: 10rem;
  font-size: 1rem;
  left: 50%;
  transform: translateX(-50%);
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .t900 .t900_2 .topic-section-1 .t900_custom .flex_c .back_1_3 .pwd_img_box .pwd_img4 .pwd_text_box.type2 {
  top: 15.3rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .t900 .t900_3 .header_box .header {
  font-size: 3.5rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .t900 .t900_3 .content {
  font-size: 1.25rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .t900 .t900_3 .content b {
  position: relative;
  top: 0.8rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .t900 .t900_3 .password-section img.point {
  top: -5.5rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .t900 .t900_3 .topic_box_title .text {
  font-size: 1.25rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .t900 .t900_3 .topic_box_title .right_box {
  font-size: 1rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .t900 .t900_3 .topic_content_box .title_t {
  font-size: 1.25rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .t900 .t900_4 .topic-section-3 .content {
  font-size: 1.25rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .t900 .t900_4 .topic-section-3 .base-practice-section .bp-panel-0 {
  font-size: 1.25rem;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .t900 .t900_4 .topic-section-3 .base-practice-section .bp-panel-0 {
    font-size: 1rem;
  }
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .t900 .t900_5 .topic-section-4 .mv-left,
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .t900 .t900_5 .topic-section-4 .mv-right {
  font-size: 1.25rem;
  line-height: 2.187rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .t900 .t900_5 .topic-section-4 .mv-left div,
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .t900 .t900_5 .topic-section-4 .mv-right div {
  text-align: left;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .t900 .t900_5 .topic-section-4 .mv-left div {
    text-align: right;
    width: 12.63rem;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .t900 .t900_5 .topic-section-4 .mv-right div {
    line-height: 1.5rem;
  }
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .t900 .t900_5 .topic-section-4 .case-tab-content {
  font-size: 1.25rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .t900 .t900_5 .topic-section-4 .case-tab .case-bottom .case-item1 .subTitle,
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .t900 .t900_5 .topic-section-4 .case-tab .case-bottom .case-item2 .subTitle,
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .t900 .t900_5 .topic-section-4 .case-tab .case-bottom .case-item3 .subTitle {
  font-size: 1.25rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .t900 .t900_5 .topic-section-4 .step-tab-content .step0 {
  font-size: 1.25rem;
  line-height: 1.875rem;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .t900 .t900_5 .topic-section-4 .step-tab-content .step0 {
    line-height: 1.125rem;
    text-align: center;
  }
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .t900 .t900_5 .topic-section-4 .verify-card-active .active-top h3 {
  font-size: 1.5rem;
  line-height: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .t900 .t900_5 .topic-section-4 .verify-card-active .active-bottom p {
  font-size: 1.25rem;
  text-align: left;
  line-height: 2.18rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .t900 .t900_5 .topic-section-4 .verify-card .item-top p {
  font-size: 0.875rem;
  line-height: normal;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t900 .course-landing .course-landing-content .description {
    font-size: 1.5rem;
    line-height: 2.5rem;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t900 .topic-item.t900_2 .topic-section-1 .header_box .header {
    font-size: 2.5rem;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t900 .topic-item.t900_2 .topic-section-1 .title_box_m .header {
    font-size: 1.75rem;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t900 .topic-item.t900_2 .topic-section-1 .title_box_m .header_r_text {
    font-size: 1.5rem;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t900 .topic-item.t900_2 .topic-section-1 .example .example_box_1 .title_box .text {
    font-size: 1.75rem;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t900 .topic-item.t900_2 .topic-section-1 .example .example_box_1 .text1 {
    font-size: 1.5rem;
    line-height: 2.5rem;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t900 .topic-item.t900_2 .topic-section-1 .t900_custom .title_box_m .header {
    font-size: 1.75rem;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t900 .topic-item.t900_2 .topic-section-1 .t900_custom .title_box_m span {
    font-size: 1.5rem;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t900 .topic-item.t900_2 .topic-section-1 .t900_custom .ele_person_box .left .text_position {
    width: 10rem;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t900 .topic-item.t900_2 .topic-section-1 .t900_custom .ele_person_box .left .text_position p:first-of-type {
    font-size: 2rem;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t900 .topic-item.t900_2 .topic-section-1 .t900_custom .ele_person_box .left .text_position p:last-of-type {
    font-size: 1.25rem;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t900 .topic-item.t900_2 .topic-section-1 .t900_custom .ele_person_box .right .text_position {
    top: 2rem;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t900 .topic-item.t900_2 .topic-section-1 .t900_custom .ele_person_box .right .text_position .l2 {
    font-size: 2rem;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t900 .topic-item.t900_2 .topic-section-1 .t900_custom .ele_person_box .right .text_position .l1 {
    font-size: 1.25rem;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t900 .topic-item.t900_2 .topic-section-1 .t900_custom .ele_person_box .right .text_position i {
    top: 11rem;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t900 .topic-item.t900_2 .topic-section-1 .t900_custom .example_box_2 .title_t {
    font-size: 1.5rem;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t900 .topic-item.t900_2 .topic-section-1 .t900_custom .example_box_2 .tips_box {
    font-size: 1.5rem;
    padding: 0;
    line-height: 2.5rem;
    height: 6.5rem;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t900 .topic-item.t900_2 .topic-section-1 .t900_custom .example_box_2 .en_pirce {
    width: 100%;
    position: relative;
    z-index: 2;
    margin-top: 2rem;
    display: block!important;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t900 .topic-item.t900_2 .topic-section-1 .t900_custom .example_box_2 .content_box.en_hide {
    display: none;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t900 .topic-item.t900_2 .topic-section-1 .t900_custom .example_box_2 .content_box .title_box {
    font-size: 1.125rem;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t900 .topic-item.t900_2 .topic-section-1 .t900_custom .example_box_2 .content_box .item_group .title_box {
    width: 9.375rem;
    padding: 0.75rem 0;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t900 .topic-item.t900_2 .topic-section-1 .t900_custom .example_box_2 .content_box .item_group .item {
    font-size: 1.125rem;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t900 .topic-item.t900_2 .topic-section-1 .t900_custom .elebox_5 .ele5_top .content {
    font-size: 1.5rem;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t900 .topic-item.t900_2 .topic-section-1 .t900_custom .elebox_5 .ele_box .title {
    font-size: 1.5rem;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t900 .topic-item.t900_2 .topic-section-1 .t900_custom .elebox_5 .ele_box .ele_inner .left_text p {
    font-size: 1.5rem;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t900 .topic-item.t900_2 .topic-section-1 .t900_custom .elebox_5 .ele_box .ele_inner .right_text1 {
    font-size: 1.5rem;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t900 .topic-item.t900_3 .header_box .header {
    font-size: 2.5rem;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t900 .topic-item.t900_3 .content {
    font-size: 1.5rem;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t900 .topic-item.t900_3 .topic_box_title .text {
    font-size: 1.5rem;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t900 .topic-item.t900_3 .topic_box_title .right_box {
    width: 34.5rem;
    font-size: 1.5rem;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t900 .topic-item.t900_3 .topic_content_box .title_t {
    font-size: 1.5rem;
  }
}

.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz-section.new-quiz {
  margin: auto;
  width: 71.25rem;
  background: #FFFFFF;
  box-shadow: 0.25rem 0.25rem 1.25rem 0.13rem rgba(186, 218, 253, 0.6);
  border-radius: 0.63rem;
  padding: 2.937rem 4.687rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz-section.new-quiz .quiz-title {
  font-weight: bold;
  font-size: 3rem;
  color: #0B52A2;
  line-height: 5.25rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz-section.new-quiz .quiz-section-body {
  border: none;
  padding: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz-section.new-quiz .quiz-section-body .top {
  width: 100%;
  height: 30rem;
  border-radius: 0.63rem;
  background-image: url(/static/media/quiz_bg.652b00b3.png);
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding-right: 5%;
  padding-top: 6%;
  position: relative;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz-section.new-quiz .quiz-section-body .top .quiz-description {
  width: 53.5%;
  min-height: 17.5rem;
  font-weight: 500;
  font-size: 1.5rem;
  color: #1F1F1F;
  line-height: 2.19rem;
  padding: 2.65rem 1.2rem;
  text-align: justify;
  margin-bottom: 4.8%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz-section.new-quiz .quiz-section-body .top .quiz-question {
  width: 50%;
  font-weight: 500;
  font-size: 1.5rem;
  color: #FFFFFF;
  height: 6rem;
  margin-bottom: 0;
  display: flex;
  align-items: center;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz-section.new-quiz .quiz-section-body .top .flower-icon {
  position: absolute;
  right: 0;
  bottom: 0;
  transform: translateX(30%);
  width: 10.12rem;
  height: 14.68rem;
  background: url(data:image/png;base64,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) center center no-repeat;
  background-size: 100% 100%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz-section.new-quiz .quiz-section-body .quiz-question-for-mobile {
  display: none;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz-section.new-quiz .quiz-section-body .quiz-answers {
  margin-top: 2.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz-section.new-quiz .quiz-section-body .quiz-answers .quiz-answers-item {
  background-color: transparent;
  padding: 0;
  margin-bottom: 2.5rem;
  position: relative;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz-section.new-quiz .quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper {
  font-weight: 500;
  font-size: 1.5rem;
  color: #4C4C4E;
  line-height: normal;
  height: 5rem;
  width: 100%;
  background-color: #E3F1FF;
  border-radius: 6.63rem;
  display: flex;
  align-items: center;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz-section.new-quiz .quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper span.ant-radio + * {
  padding-left: 4.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz-section.new-quiz .quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper .indicator {
  position: absolute;
  display: inline-block;
  width: 5rem;
  height: 5rem;
  background-color: #0B52A2;
  color: #FFFFFF;
  border-radius: 50%;
  text-align: center;
  line-height: 4.9rem;
  font-size: 2.5rem;
  box-shadow: 0.13rem 0.13rem 0.63rem 0 rgba(11, 82, 162, 0.4);
  top: 0;
  left: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz-section.new-quiz .quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper-checked {
  background-color: #FFE1D2;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz-section.new-quiz .quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper-checked .indicator {
  background-color: #F36928;
  box-shadow: 0.13rem 0.13rem 0.63rem 0 rgba(243, 105, 40, 0.4);
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz-section.new-quiz .quiz-section-body .quiz-button-section {
  text-align: center;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz-section.new-quiz .quiz-section-body .quiz-button-section .quiz-submit-button {
  background: #F36928;
  border-radius: 8.94rem;
  box-shadow: 0.1rem 0.4rem 0 #0B52A2;
  width: 28.61rem;
  height: 3.75rem;
  font-weight: bold;
  font-size: 1.5rem;
  color: #FFFFFF;
  line-height: normal;
  float: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz-section.new-quiz .quiz-section-body .quiz-button-section .quiz-submit-button[disabled] {
  background: rgba(243, 105, 40, 0.4);
  border-color: transparent;
  box-shadow: 0.1rem 0.4rem 0 rgba(11, 82, 162, 0.4);
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz-section.new-quiz .quiz-section-body .quiz-result-area {
  margin-top: 2.5rem;
  background-color: #F1F1F1;
  padding: 4rem 5rem 2.187rem 5rem;
  border-radius: 0.63rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz-section.new-quiz .quiz-section-body .quiz-result-area .text {
  font-weight: 500;
  font-size: 2.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz-section.new-quiz .quiz-section-body .quiz-result-area .ant-divider {
  border-color: #4C4C4E;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz-section.new-quiz .quiz-section-body .quiz-result-area .note {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2.187rem;
  display: flex;
  justify-content: space-between;
  text-align: justify;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz-section.new-quiz .quiz-section-body .quiz-result-area .quiz-try-again-button {
  color: #FFFFFF;
  background: #4C4C4E;
  border-radius: 8.94rem;
  box-shadow: 0.1rem 0.4rem 0 #F36928;
  height: 3.75rem;
  width: 12.5rem;
  margin-top: 2rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz-section.new-quiz .quiz-section-body .correct .text {
  color: #F36928;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz-section.new-quiz .quiz-section-body .correct .note {
  color: #F36928;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz-section.new-quiz {
    width: 100%;
    padding: 2rem 1.5rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz-section.new-quiz .quiz-section-body .top {
    height: 17.68rem;
    background-image: url(/static/media/quiz_bg_mobile.548f009f.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100% 100%;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz-section.new-quiz .quiz-section-body .top .quiz-description {
    width: 70%;
    font-size: 1.5rem;
    line-height: 1.88rem;
    border-radius: 0.5rem;
    border: 0.06rem solid #F36928;
    background-color: #FFFFFFE5;
    min-height: 13.13rem;
    position: relative;
    z-index: 15;
    padding: 2rem 1rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz-section.new-quiz .quiz-section-body .top .quiz-question {
    display: none;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz-section.new-quiz .quiz-section-body .top .flower-icon {
    width: 5.91rem;
    height: 8.56rem;
    z-index: 10;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz-section.new-quiz .quiz-section-body .quiz-question-for-mobile {
    margin-top: 1rem;
    font-size: 1.75rem;
    line-height: 1.88rem;
    font-weight: 500;
    color: #FFFFFF;
    min-height: 5rem;
    display: flex;
    align-items: center;
    padding: 1rem 1.5rem;
    background-color: #F36928;
    border-radius: 0.5rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz-section.new-quiz .quiz-section-body .quiz-answers .quiz-answers-item {
    margin-bottom: 2rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz-section.new-quiz .quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper {
    line-height: 1.88rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz-section.new-quiz .quiz-section-body .quiz-button-section .quiz-submit-button {
    width: 19.82rem;
    height: 2.77rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz-section.new-quiz .quiz-section-body .quiz-result-area img {
    margin-bottom: 1rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz-section.new-quiz .quiz-section-body .quiz-result-area .text {
    margin-bottom: 1rem;
    font-size: 2rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz-section.new-quiz .quiz-section-body .quiz-result-area .ant-divider-horizontal {
    margin: 1.5rem 0;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz-section.new-quiz .quiz-section-body .quiz-result-area .note {
    font-size: 1.75rem;
    line-height: 2.5rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz-section.new-quiz .quiz-section-body .quiz-result-area .quiz-try-again-button {
    width: 10rem;
    height: 3rem;
    line-height: 3rem;
  }
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .quiz-section.new-quiz .quiz-section-body .top .quiz-description {
  font-size: 1.25rem;
  text-align: left;
  line-height: 1.875rem;
  padding: 2rem 1.2rem;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .quiz-section.new-quiz .quiz-section-body .top .quiz-description {
    line-height: 1.25rem;
  }
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .quiz-section.new-quiz .quiz-section-body .top .quiz-question {
  font-size: 1.25rem;
  line-height: 1.875rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .quiz-section.new-quiz .quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper {
  font-size: 1.25rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .quiz-section.new-quiz .quiz-section-body .quiz-result-area .note {
  text-align: left;
}

.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1000 {
  background: #F3F9FF;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1000 + .nextTopic_box {
  background: url(/static/media/nextTopic_bg.a0cdeb3d.png) no-repeat center #E1F5F0;
  background-size: 100% auto;
  background-position: bottom;
  padding: 3.875rem 9.44rem 3.875rem 14.75rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1000 .course-landing {
  min-height: 80.43rem;
  background-image: url(/static/media/background-1.c5424751.png);
  background-repeat: no-repeat;
  background-size: 100% 80.43rem;
  background-position-y: top;
  position: relative;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1000 .course-landing .course-landing-content {
  padding-right: 4.69rem;
  padding-left: 5.25rem;
  padding-top: 4.96rem;
  position: relative;
  z-index: 105;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1000 .course-landing .course-landing-content .course-landing-text {
  width: 100%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1000 .course-landing .course-landing-content .course-landing-text .title {
  display: flex;
  align-items: center;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1000 .course-landing .course-landing-content .course-landing-text .title .title_icon {
  width: 10.13rem;
  height: 10.13rem;
  display: inline-block;
  background: url(/static/media/icon1-1.223178eb.png) no-repeat;
  background-size: 100% 100%;
  margin-right: 2rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1000 .course-landing .course-landing-content .course-landing-text .title span:first-of-type {
  font-size: 4rem;
  color: #0B52A2;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1000 .course-landing .course-landing-content .course-landing-text .title span:last-child {
  font-size: 2.25rem;
  color: #F36928;
  margin-left: 1rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1000 .course-landing .course-landing-content .course-landing-text .description {
  font-size: 1.5rem;
  margin-left: 12.2rem;
  margin-top: -1.75rem;
  line-height: 2.19rem;
  font-weight: 500;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1000 .course-landing .course-landing-content .course-landing-text .video-box {
  margin-top: 2rem;
  display: flex;
  justify-content: flex-end;
  position: relative;
  padding-top: 6rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1000 .course-landing .course-landing-content .course-landing-text .video-box .icon_text {
  width: 15rem;
  height: 5.5rem;
  display: inline-block;
  background: url(data:image/png;base64,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) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 2.75rem;
  right: 2.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1000 .course-landing .course-landing-content .course-landing-text .video-box .video-container {
  width: 48rem;
  height: 28rem;
  padding: 1.4rem 2rem 1.5rem;
  background: url(/static/media/back_pad1.89f1c16c.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
  z-index: 2;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1000 .course-landing .course-landing-content .course-landing-text .video-box .video-container video {
  border-radius: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1000 .course-landing .course-landing-content .course-landing-text .video-box .video-container .video-transcript-area {
  background: #F7F8FB;
  padding: 16px 30px;
  margin-top: 3rem;
  border-radius: 10px;
  z-index: 105;
  width: auto;
  margin: 3rem -2rem 0 -2rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1000 .course-landing .course-landing-content .course-landing-text .video-box .video-container .video-transcript-area .video-transcript-title {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  position: relative;
  cursor: pointer;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1000 .course-landing .course-landing-content .course-landing-text .video-box .video-container .video-transcript-area .video-transcript-title img {
  margin-top: -5px;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1000 .course-landing .course-landing-content .course-landing-text .video-box .video-container .video-transcript-area .video-transcript-title .transcript-button {
  position: absolute;
  right: 0;
  top: -2px;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1000 .course-landing .course-landing-content .course-landing-text .video-box .video-container .video-transcript-area .video-transcript-body .video-transcript-language {
  display: flex;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1000 .course-landing .course-landing-content .course-landing-text .video-box .video-container .video-transcript-area .video-transcript-body .video-transcript-language .video-transcript-language-item {
  padding: 8px 20px;
  font-size: 14px;
  color: #999;
  border: 1px solid #999;
  border-radius: 48px;
  margin-right: 1rem;
  margin-top: 1rem;
  margin-bottom: 18px;
  cursor: pointer;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1000 .course-landing .course-landing-content .course-landing-text .video-box .video-container .video-transcript-area .video-transcript-body .video-transcript-language .video-transcript-language-item.selected {
  color: #F26927;
  background: #FFF2EC;
  border: 1px solid #F26927;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1000 .course-landing .course-landing-content .course-landing-text .video-box .video-container .video-transcript-area .video-transcript-body .video-transcript-content {
  border-top: 1px solid #C4C4C4;
  padding-top: 18px;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1000 .course-landing .course-landing-content .course-landing-text .video-box .video-container .video-transcript-area .video-transcript-body .video-transcript-content .video-transcript-item {
  font-size: 1rem;
  font-weight: 400;
  line-height: 19px;
  display: flex;
  grid-gap: 10px;
  gap: 10px;
  margin-bottom: 10px;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1000 .course-landing .back-icon {
  position: absolute;
  display: block;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: 0 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1000 .course-landing .back-icon.person {
  left: 7.5%;
  top: 19.69rem;
  width: 29.44rem;
  height: 40rem;
  background-size: 100% auto;
  background-image: url(/static/media/person.5c62358f.png);
  z-index: 100;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1000 .course-landing .back-icon.person-back {
  left: 6.1%;
  top: 29.06rem;
  width: 35.69rem;
  height: 35.44rem;
  background-image: url(/static/media/person-back.c48d680b.png);
  z-index: 95;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1000 .course-landing .back-icon.person-cover {
  left: 0;
  top: 11.69rem;
  width: 100%;
  height: 68.71rem;
  background-image: url(data:image/png;base64,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);
  z-index: 102;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1000 .course-landing .back-icon.spot1 {
  left: 0;
  transform: translateX(-50%);
  top: 37.06rem;
  width: 7.19rem;
  height: 7.13rem;
  background-image: url(data:image/png;base64,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);
  z-index: 95;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1000 .course-landing .back-icon.spot2 {
  left: 45.7%;
  top: 22.63rem;
  width: 5.44rem;
  height: 5.44rem;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHAAAABwCAMAAADxPgR5AAAA/1BMVEUAAAD///8XUZ8LTKIMSpkGTZ8GTaILUKMIU6MMTp4LU6MLUqUNU6cIU6MMUqQPVqoJVKUIU6QIUqQLVaMKU6MJU6MKU6MJVKMKU6IKVKIJVKMJU6MKVKP3+fz////////////u9Prk7PT///////////9Uhb40b7PN3Oysxd96ocyAptD///8saq////9WiL/////o7/b////////////j6/WeutqZudv///////////////8ZXqrZ5PEmZqzM3O5Ee7mWtta4zeQ3cbT///+/0OjI1+r////////d6PNQhL6ux+FvmMr////X7Of6/fzz+fjc7urw+Pbn9PHg8e158OAJAAAATXRSTlMATAUGCAwKFBsPFxEOHhIJIyEZLismPjoxKDY0QkqPvNJHS/RiVx8xSUhGIppHY0J5P8ewbkY8Leno3YREPjo2JkkyK4NGPbGlQjE/LlO2GDUAAAdpSURBVGje7Zp5V9NAFMVN0iV72rSFLpayQ2sVpBYVBJXFBS2u3/+zeN9kkNNMZpI09S+56LE9Pcffufe9Nxmm8+hBD3pQcemQAen0oz+in38l/NdAlUqloBIpqAR4BzBnLt0aUKVKuVx2LS7XLZcBBlbXl54jGSOU41e5bPz1HXDLwC6ViSDJmWX5oNhhaO5CnkkKQ9tmVBdMYzlM9EhQ4bQnL9+ebfS1SP3p57cv33meGdqwalkcWRxXAs6pVncvngMlqH8GqElQBxVFskXTDMqECy+ea3JNGRPZopyBoRexB3fI8gloKfrwru5FyGDxXNGZZdchXBZ9/lpDORHswiYNg+wJOIXLSyBt36HuWaR6sOfbb7U8Or6sk0kLxEV4sLeh5dPGDTNpVXLHyuLk9vKZbNW8EL2Tj4judB0b1VtAZ6gkYi0HJT0Pr+zsKuJUx3rZYsSKoefg+U+wrCxK3GvVTRvErB7JH3iLq3/TATFrqrpRlAfiHogZU8U8iPXLnyonZuhVvTiP1zEi6unrmVXFPBTWdbPlmVULjaOnPI5c/0Jbho4btAKkldEIMBDacnTTrHk2lVFpsOzYG0sCbrY79ShU1US4VWEBLRBqy7N9F6EqO1TLop3xYH39aLydMo3NGs2/1KJOHXqWBTeYcQ2UyH2EGlbdSkkGzNgxL7aA4to61RQ6YKFKh7FUxgjm40FrKos9hCrtG72UyeCzV8zZZG1tEr3aTreYDEQFs7Qoq9/HHfb6E71e1+T6wiyiUZOA2Vr0GeNpXB/pncJi/xwWJY1qlNzqy3TgGgiv7xFUz7Em16jdrIe+GyQBy1aWXcwRDQN/zUMdqNqmy9smsWWkie5cXW3zVzPocM4wiqjQeVuSqV6xpImOKbj1NWKeUl9q9zpVAylTWGSZij1qn8nKxrU+3h7EIpzg/ZEKOOw2WpSpkdCjtmQjczKb11Xss7HymbHK+1QoITb2skGIaXA4/xmiVhaxQ30aL6IRYChkiQp6fccc482JptQBZj+kTMWhkGwt1mdJ2hpc8c8mauCo26iZSUDHPlMnKjKPxjPohRo4jIoYewzr1DPTLImK8Wpq7a+2kxbwkuuHfVmiamFA1W2KrhGAOgGTF5lZBp2M5bn2V3pYTgUgmtRUJ5qWrPRBTEA8ooIY0KruShbrrPokA2L9JqARd7ibNdFvP78nEndUQCvmECtpIvBUxP2+vb398TMBuCYB8kHUY0t3cg0HAu820s/cwPlIZcCtWUzwx/RDBG5LupQB3UAEbmiCDhMMyiyeSAZ/pdcQa2jQWExViaYDJ1IgNU38EVwB8IMm6JUcKHSqZPaHHCgMvm++lSaqrqF6TR2t9Dq00gTi0vYyPVFYlBkcyJ6HWEvFpY32bOG79EShH4T7LY7+oQT4ZlXct/Fffb344+LFTOIQuKyJ7j/uipsaPvlevGsmCcBfQv3UiQ7FuedAtOlFfLsmSfQX/s2a6AF7OvG5j3WNGSvisxyJbmmyEvKeqejiTt/2PqeW8HvORK//ljAOpG2bN5/pztYsCfkrKdEr2RTyEsaBIFIR38336aeZWunPws3Hq+2ohIwnTKL3RZvTx6y8I1mP3iWaBKxgEr/GN6Vrqk1b+snCU/6oKBsMKA5GHW0jMI8WTRQGWY/yRMVMuUVBO6eDLfXWVGoQLRP1qOQcyqzJTqJOB69yJwqDNPWygxo9oFG8lJ92H0qZ28ktCoPycxqoxCweS4HEnLzKnuiIzQRrGU4QD05gsTVNOfkan2RKFDMYGXTm11Fhs1i/EUMVhyU90f5T3qKW/MDUYI3KQs3DXJcF2osOoQFUnAj7Yb31IdshLR/Q14kG37NAaQblPBCjvrmcahl1OhmME4d+n3h05i3MoDAaFOpe0YN2TAQ6NJp53jGqUL0WiMV4VMCWR8d6CFRJpGPhsN7Z2yzKw0QIa4ysU6smiBsFeWwi+AimfRnk2EWI+5xn0siXsnw/yoi1zt6XRXCYh3seJiIDEGuq65PHxnF+XH/0eIXqF/F4h6YiObHVQKy546R5uOPpejYgfSuLVL1Ws33cz2UPcXaJF7I8DT3X9+rV0Kt1GnvX2av3hsXZqXngses8ue61uFbVBrHZPh9mwg2RZmTPxDyUKc+8N3csFJJMArmZFibcEQ72+F2M/FeHQHQp1noLyO7oWkHbP7jDtepYXha+34JYHWay1QTy/GA4TVpW3jMa4ZAmv0+jaBd16zCTDIla9rqr5wej9/vTzYi0eT0cEYxovQZzZ9JVrCI3sfiNLyDrsNlsE3R1deVeqwRrk7naHa7QPT4dJiNkCCb5bDRA7XV7XajXI1aj2WE0fgWLuqWQDEJSLW2TmIB2mlCjydQBjNOqDmYh4MO3BKTl+/AJqFcHlqte9/jNPcdxgUOzLOcmJGdaYNLlRHCZwhBv2Y1IuoZpYBaWJUKWcLHTdS3H8aEqE144gLn4hMzB3TJlQIDS/VLIgtzofinaEjQJrqhRMGE1IEv4g58SglSzilNhFmRSZOxB/5n+ABI6VXrEjKpiAAAAAElFTkSuQmCC);
  z-index: 95;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1000 .course-landing .back-icon.spot3 {
  left: 3.8%;
  top: 29.94rem;
  width: 3.63rem;
  height: 3.63rem;
  background-image: url(data:image/png;base64,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);
  z-index: 95;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1000 .course-landing {
    background-size: 111.04rem auto;
    background-position: -7.12rem top;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1000 .course-landing .course-landing-content .course-landing-text .title {
    align-items: stretch;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1000 .course-landing .course-landing-content .course-landing-text .title > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1000 .course-landing .course-landing-content .course-landing-text .title > div span:first-of-type {
    margin-bottom: 1rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1000 .course-landing .course-landing-content .course-landing-text .title > div span:last-child {
    margin-left: 0;
    font-size: 3rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1000 .course-landing .course-landing-content .course-landing-text .description {
    margin-left: 0;
    font-size: 1.75rem;
    line-height: 3.13rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1000 .course-landing .course-landing-content .course-landing-text .video-box {
    justify-content: center;
    margin-top: 5rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1000 .course-landing .course-landing-content .course-landing-text .video-box .icon_text {
    width: 18rem;
    height: 4.5rem;
    background-image: url(data:image/png;base64,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);
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1000 .course-landing .course-landing-content .course-landing-text .video-box .video-container {
    width: 40rem;
    height: 24rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1000 .course-landing .course-landing-content .course-landing-text .video-box .video-container .flower {
    display: none;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1000 .course-landing .course-landing-content .course-landing-text .video-box .video-container .video-transcript-area {
    margin-top: 6rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1000 .course-landing .course-landing-content .course-landing-text .video-box .video-container .video-transcript-area .video-transcript-title {
    font-size: 1.75rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1000 .course-landing .course-landing-content .course-landing-text .video-box .video-container .video-transcript-area .video-transcript-content .video-transcript-item {
    font-size: 1.75rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1000 .course-landing .back-icon.person {
    left: 0;
    top: 26rem;
    width: 21.51rem;
    height: 46.76rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1000 .course-landing .back-icon.person-back {
    left: -7.8%;
    top: 31.06rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1000 .course-landing .back-icon.person-cover {
    background-position: -7.12rem top;
    background-size: 111rem auto;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1000 .course-landing .back-icon.spot1,
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1000 .course-landing .back-icon.spot3 {
    display: none;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1000 .course-landing .back-icon.spot2 {
    width: 4.63rem;
    height: 4.63rem;
    left: 67.5%;
    top: 29.44rem;
  }
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 {
  padding: 0;
  padding-top: 8rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 {
  padding-left: 14.75rem;
  padding-right: 9.44rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .definition-container {
  position: relative;
  padding-bottom: 8.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .definition-container .definition-list {
  margin-top: 4.82rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .definition-container .definition-list > div {
  min-width: 44.88rem;
  width: 62.3%;
  height: 6.19rem;
  background: #FFFFFF;
  box-shadow: 0.31rem 0.5rem 0.25rem 0rem rgba(176, 219, 209, 0.8);
  border-radius: 0.63rem 0.63rem 0.63rem 0.63rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 3.56rem;
  padding-right: 13rem;
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 500;
  font-size: 1.5rem;
  color: #000000;
  line-height: 2.19rem;
  font-style: normal;
  text-transform: none;
  text-align: justify;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .definition-container .definition-list > div + div {
  margin-top: 2.06rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .definition-container .img-container {
  width: 40.75rem;
  height: 37.5rem;
  position: absolute;
  right: -2.13rem;
  top: 7.13rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .definition-container .img-container img {
  width: 100%;
  height: 100%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .subtitle-box {
  width: 100%;
  height: 5rem;
  border-radius: 2.5rem;
  background: #E7E7E7;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .sub-description {
  margin-top: 2.5rem;
  width: 100%;
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 500;
  font-size: 1.5rem;
  color: #1F1F1F;
  line-height: 2.19rem;
  text-align: justify;
  font-style: normal;
  text-transform: none;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .social-activity-content {
  margin-top: 2.5rem;
  height: 21.06rem;
  width: 100%;
  background-image: url(data:image/png;base64,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);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position-y: bottom;
  background-position-x: 8.44rem;
  position: relative;
  padding-left: 16.87rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .social-activity-content .content-list {
  padding: 1.81rem 1.88rem;
  display: flex;
  box-sizing: border-box;
  justify-content: space-between;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .social-activity-content .content-list .content-item {
  width: calc((100% - 5.64rem) / 4);
  height: 17.44rem;
  background: #FFFFFF;
  border-radius: 0.63rem;
  padding: 0.88rem 0.63rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .social-activity-content .content-list .content-item .item-title {
  margin: 0 0.25rem;
  height: 2.63rem;
  background: #0B52A2;
  border-radius: 3.13rem;
  text-align: center;
  line-height: 2.63rem;
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: bold;
  font-size: 1.5rem;
  color: #FFFFFF;
  font-style: normal;
  text-transform: none;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .social-activity-content .content-list .content-item .item-desc {
  margin-top: 1.5rem;
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 500;
  font-size: 1.25rem;
  color: #000000;
  line-height: 2.19rem;
  text-align: justify;
  font-style: normal;
  text-transform: none;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .social-activity-content .content-list .content-item:nth-of-type(2) .item-title {
  background: rgba(11, 82, 162, 0.8);
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .social-activity-content .content-list .content-item:nth-of-type(3) .item-title {
  background: rgba(11, 82, 162, 0.5);
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .social-activity-content .content-list .content-item:nth-of-type(4) .item-title {
  background: rgba(11, 82, 162, 0.2);
  color: #0B52A2;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .social-activity-content .computer-img-container {
  position: absolute;
  display: block;
  width: 16.87rem;
  height: 100%;
  left: 0;
  top: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .social-activity-content .computer-img-container img {
  width: 100%;
  height: 100%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .social-activity-content .computer-img-container img.for-mobile {
  display: none;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .social-activity-content .computer-img-container img.for-pc {
  display: block;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .result-container {
  margin-top: 2.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .result-container .result-title {
  height: 14.54rem;
  background-image: url(data:image/png;base64,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);
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: bottom right 0.75rem;
  padding-top: 5.44rem;
  padding-right: 16.94rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .result-container .result-title p {
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 500;
  font-size: 2.25rem;
  color: #0B52A2;
  line-height: 2.19rem;
  text-align: right;
  font-style: normal;
  text-transform: none;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .result-container .result-list {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .result-container .result-list .result-item {
  width: calc((100% - 3rem) / 4);
  padding: 2.69rem 1.31rem;
  height: 11.94rem;
  background: #FFFFFF;
  box-shadow: 0 0.25rem 0.25rem 0 #91BFE5;
  border-radius: 0.63rem;
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 500;
  font-size: 1.5rem;
  color: #000000;
  line-height: 2.19rem;
  text-align: justify;
  font-style: normal;
  text-transform: none;
  cursor: pointer;
  opacity: 0;
  transition: all 500ms linear 0s;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .result-container .result-list .result-item.fade-in {
  opacity: 1;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .result-container .result-list .point-box {
  position: absolute;
  width: 8rem;
  height: 8rem;
  transform: rotate(-45deg);
  left: calc(25% - 5rem);
  top: 67%;
  cursor: pointer;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .result-container .result-list .point-box.hide {
  display: none;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .result-container .result-list .point-box img {
  width: 100%;
  height: 100%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .example-container {
  margin-top: 5rem;
  position: relative;
  z-index: 1;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .example-container .example-title-box {
  position: absolute;
  left: 0;
  top: 0;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  z-index: 25;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .example-container .example-title-box .example-title {
  height: 5rem;
  background: #0B52A2;
  border-radius: 6.38rem;
  padding: 0 2.19rem;
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: bold;
  font-size: 3rem;
  color: #FFFFFF;
  line-height: 5rem;
  text-align: left;
  font-style: normal;
  text-transform: none;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .example-container .example-content {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 12;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .example-container .example-content .left-box {
  width: 12.6%;
  border-radius: 0.63rem;
  background-color: #BCDEFD66;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .example-container .example-content .right-box {
  width: 81.9%;
  border-radius: 0.63rem;
  background-color: #BCDEFD66;
  padding: 3.75rem 3.84rem 2rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .example-container .example-content .right-box > .content-box {
  padding: 1.8rem 1.31rem;
  box-sizing: border-box;
  background-color: #FFFFFF;
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 500;
  font-size: 1.55rem;
  color: #000000;
  line-height: 2.55rem;
  font-style: normal;
  text-transform: none;
  border-radius: 0.63rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .example-container .example-content .right-box > .content-box .highlight1 {
  color: #EE6E2F;
  font-size: 2.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .example-container .example-content .right-box > .content-box .highlight2 {
  color: #0B52A2;
  font-size: 2.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .example-container .example-content .right-box > .content-box:first-of-type {
  margin-bottom: 2rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .example-container .example-content .right-box > .content-box:first-of-type p {
  margin-bottom: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .example-container .example-content .right-box > .content-box:last-of-type {
  margin-top: 1.31rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .example-container .example-content .right-box > .content-box:last-of-type p {
  margin-bottom: 0.25rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .example-container .example-content .right-box .source-box {
  margin-top: 2rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .example-container .example-content .right-box .source-box p {
  margin-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #636363;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .example-container .example-content .right-box .source-box p a {
  text-decoration: underline;
  color: #0B52A2;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .example-container .example-back {
  position: absolute;
  z-index: 10;
  bottom: 0;
  left: 0;
  width: 43.66rem;
  height: 24.28rem;
  background-image: url(/static/media/background-5-1.639702d4.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position-y: bottom;
  background-position-x: left;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 {
    padding-left: 2.88rem;
    padding-right: 3rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .definition-container .definition-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    position: relative;
    z-index: 20;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .definition-container .definition-list > div {
    width: 46.3%;
    min-width: auto;
    min-height: 12.5rem;
    height: auto;
    font-size: 1.75rem;
    line-height: 2.5rem;
    border-radius: 1.25rem;
    box-shadow: 0.25rem 0.25rem 0.5rem 0 #B0DBD1CC;
    padding: 3rem;
    margin-bottom: 2rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .definition-container .definition-list > div + div {
    margin-top: 0;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .definition-container .img-container {
    position: initial;
    left: initial;
    top: initial;
    z-index: 10;
    margin: 0 auto;
    margin-top: -15rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .subtitle-box {
    height: 4.25rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .sub-description {
    font-size: 1.75rem;
    line-height: 3.13rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .social-activity-content {
    height: auto;
    padding: 3.44rem 3.44rem 0;
    border-radius: 1.25rem;
    background-position: left bottom;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .social-activity-content .content-list {
    display: block;
    padding: 0;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .social-activity-content .content-list .content-item {
    padding: 2.63rem;
    width: 100%;
    height: auto;
    border-radius: 1.25rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .social-activity-content .content-list .content-item .item-title {
    font-size: 1.75rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .social-activity-content .content-list .content-item .item-desc {
    font-size: 1.75rem;
    line-height: 3.13rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .social-activity-content .content-list .content-item + .content-item {
    margin-top: 2rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .social-activity-content .computer-img-container {
    position: relative;
    margin: 0 auto;
    margin-top: 4rem;
    width: 100%;
    height: auto;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .social-activity-content .computer-img-container img.for-mobile {
    display: block;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .social-activity-content .computer-img-container img.for-pc {
    display: none;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .result-container .result-title {
    background-position: bottom right;
    padding-left: 1rem;
    background-image: url(data:image/png;base64,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);
    padding-right: 20rem;
    padding-top: 3rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .result-container .result-title p {
    font-size: 2rem;
    line-height: 3.38rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .result-container .result-list {
    margin-top: 4rem;
    flex-wrap: wrap;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .result-container .result-list .result-item {
    width: 47.9%;
    font-size: 1.75rem;
    line-height: 3.13rem;
    padding: 2rem;
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
    box-shadow: 0 0.5rem 0.5rem 0 #91BFE5;
    border-radius: 1.25rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .result-container .result-list .point-box {
    left: 36%;
    top: 28%;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .example-container .example-title-box {
    position: relative;
    border-radius: 2.5rem;
    background-color: #E7E7E7;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .example-container .example-content .left-box {
    display: none;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .example-container .example-content .right-box {
    width: 100%;
    padding: 2.5rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .example-container .example-content .right-box .source-box p {
    font-size: 1.5rem;
    margin-bottom: 1rem;
  }
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 {
  padding: 0;
  background: #E1F5F0;
  font-weight: 500;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 {
  margin-top: 10rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .flex_c {
  display: flex;
  justify-content: center;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .padding_box {
  padding-left: 14.75rem;
  padding-right: 9.44rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .title_type2 .w-title {
  font-size: 3.5rem;
  color: #F36928;
  line-height: 4.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .title_type2 .w-title::after {
  background: #F36928;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 ._back {
  position: relative;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 ._back .back_piece_t {
  width: 100%;
  height: 47.6875rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABgUAAAL7CAMAAADqA3XUAAAANlBMVEUAAADf9+/f8+/h9vDi9vDh9fDf/u/h9fDg9PDi9fHh9vHf9O/h9vDf8+/i9vDh9vHh9O/h9fB13SbJAAAAEXRSTlMAIEDfv4AQ72CfjzDPUK9vcHRla1MAABR6SURBVHja7NWBjcIwAACxpKAqLX1e2X9ZBjl7CQ8AAAAAAKBiDgC6PgOArmMA0PU3AOj6HwB03QOArvcAoOsZAHTtAUDWxwIAYcsCAGG3BQDCHgsAdJ3bAgBdhwUAwm4LAIQ9FgDomtsCAF3LAgBhXwsAdJ3bAgBdywIAYV8LAHSd2wIAXcsCAGFvCwB0zW0BgK7LAgBhLwsAdK1tAYCulwUAuo5tAYCuywIAXXNbAKDrsgBA19wWAH7s1YEJwkAQBECO4yWJCm7/zVrIzjQx9LotANBrYgGAXrcFAHpNLADQ67YAQK+JBQB6fSwA0OuKBQB6rQUAep1YAKDWxAIAvW4LAPS6YgGAXmsBgF4nFgCoNbEAQK+1AECvEwsA1JpYAKDXWgCg14kFAGpNLABQ67UWAOj1xAIAta5YAKDWrAUAem0sAFDrxAIAtb6xAECtWQsA9NpYAKDWEwsA1PrFAgC13rEAQK1ZCwDUem0sAFDriQUAap1YAKDWLxYAqPWOBfizVyemEQRBEMBomn3OcwZX/sk6kJKSEFBr1gIAtWZjAYBW9zcWAKj1iQUAal2xAECtKxYAqHXFAgC13lgAoNZvLABQ6zwWAKh1nlgAoNVsLADQajYWAGg1GwsAtJqNBQBazcYCAK1mYwGAVrOxAECr2VgAoNVsLADQ6mwsANDqPLEAQKvzxAIArd7EAgCt3lgAoNYVCwDUumIBgFo/sQBAq/sTCwC0ur+xAECr2VgAoNXZWACg1e8TCwC0+kssANDqigUAWt2fWACg1XxjAYBWZ2MBgFbvEwsAtPpn7152nAaCMIxOt9sOdjJD6v1fFqIEwVwSHLFAqjpn7bU//a6F5wgVAChqWUMFAKpqp1ABgKr6IVQAoKpzhAoAFLWsEaECADVdTwIqAFDS7SSgAgAVzXGlAgD1LCNuVACgnOMUv6gAQDXn+E0FAGpZ3uIPKgBQyoevQSoAUMk53lMBgDo+fw1SAYAy+hQfqQBAFVt8pgIANbQRX1ABgBLu/F1YBQAKWLb4mgoA5Hf/LKwCAOltcZcKACTXTnGfCgDkdj7EAyoAkFkb8ZAKACT21yGgAgBp7RgCKgCQ1Z4hoAIAOe0bAioAkNLOIaACAAntHgIqAJDP/iGgAgDZHEfspgIAuSxzPEEFAFLpUzxDBQASWbZ4jgoA5PH8VVgFALJoI/6/FzJaWmu999dvF/PVtr4z33y/PNJ/OrbWXoBHMl2FVSCR1i7v+3le17dxmqZD/ItpmsYY63rpw2vvyvCDvbtBbhsEAigsECD+JMb3v2ynbTL1eNrUji2zC++7glq/LIst4I+htsJUQDdTbGw+Jbeul9Ot1bmUfdxtoQnAQIdBVEAdY2PLH5/8vWyrO5Jvuy1hAfA9wfffClMBRUyJLR9VyPh4ZXVH9pEeAEoPg6iAdKZEn5ykfy5f9qDtlhwAmg6DqIBYxsZ8VDkT40M5SD7asgCQfxhEBeQJJfqk8+P/xuYOHy3LZOBGFPf/e4EMocR8qDj8eUx1ue0sDoDfrKzDICoghIl+xM//m9EgeWKA2Zl0EWhBR6HEPMT5z/0xyI2lASYlbiFABfoKtqV6mVQ9PPeJMJsodeJf8H5l4gBcWV1utACTkLgQoAJdmJidzKmwl40WYHzCviFABXopLUkdCburLu/sCzCo/i+SoQL9BesZAf6vHowFGI7UpTAVeJ9gs+RpUJyNsQAjEfAyMSrwEAogRE2MBRiA2ItBVOAtrKcAnBBhZoIvBlGB05nGHuBlKfCkABrpaAAVOEPYs4IpUBemAmijpQFU4OVKU/Ps1fmZggXQQPQXBKjAeYJlCDhdzZEbRBBO5q/GUYGzBTYBb7M5v3M+BKl0NYAKvIjhHOgenA9hfNoaQAW4EaqbywwFkERfA6jA06xnFdBZTWwKIIPGBlABEjCGzXmOh/AoGkAFSMBYOB5CR/a4KLXgWwy7AJlq2s0C3GPO74hRgZcI3AgSbT1YFOBrNIAKPCHofuCzoAT4NxpABZ5gM18NU2M7GiXA2aLyBlCBhwTPS+O1oQT4m2neI0YFFsY+cDqETzSACjzBjPG457WmyN0hvFQZ5Xh4wR12xoARrNwiBWcDVGDeqQ+/1MzbasBKmApMWnx84NcmwB+GVGDSp41P28GaANwWpwLzPW1cWxM/OwQOB6jAD/buNTlRIIwCaEuwBUQZ9r/ZyaTyY5KKiXlogHvOFii5fI9us542mkNoDkiBq1T3hcbQHCK8OVCISXwuGgclAe+qG14XL7zWrPSvIvieVklA5odhwTiAZw+9koC8l0Ih6XGjJEAZIAUu64yEMSUg7buwkBP5WBzCO0EKhD9vrtfu3UedLKIMkAIygA+PFxcSHZNeCQUZwHv0huLUKaYMkAIygKuMekNBmj7tjVDCyQAcJSCzEyQFnnSBj5yv7w25g3TT0jpBUsD5AJwpI+KiIClgEQxDAkLvC5UCMoBnhgSIACnwv915BicJKI3/EimJ6n6G7zr0psVrt9uPMyWP5VAcKeNfBGgLh6ZAE1//MVsbiicCclPAUJhHgiBbIwJyU6AOM9zCOAmClTAOjk4BAwFuaBwcJFi89KXQ9BQwEOAtDhKkqF3cPXFS4IWdRiCXuW1o6+rUioDsFLAdyh21hgTLYhosBTSD+Jje0DbpA0mBR9V1EVzNP9hvyTH0rmgp8MofXwL8lnFQEvyWerIPJAWeHH0L8ElKgvUzCZAC7o1jSR76k8Whu9lNZ0WAFDAVZnFazaE7qN3gRy8F3BfBYrWTJLid2gzuiZYCCgGW7tBOLpr4ebUZDAKkgPVQ1uJwVhNIgOUoG3UyHmLRDrpDP6GedIGkgEKA9WqHxu7Ql+26XtdXCigEWL2x7wwKPqs2tkGlgNUgNuRwnhQFf9m7l+02YSiAooCFIt7l/3+24LqTxrXdrq7GcPceJ7NEB/RAr6qLSSAVsDWIM/JS8FSevAJsVMCLAOf1kfpJCn4zB2QV4EYFHhr8nXB4UiAAD6nAI99WOAcp2NWTAHymAi6VJI4x7LJxHkrvjsj7VMD+UIKJ9lrgBeAJFbAsTEjj3J6+Bfv4P3qae0YF7qs9OxDBmPozzhHlobTdxfj/GhVwqyThfaS5nU4Rg7w//ifPcH9EBe7I3QrxHDkGeShLNxv+30F1Ag4JENs+TXSUGuRhWvrZ5P87qY7PbBDcatC1pRneMQe5nkrbzab+31F1dGaD4HMO5n6Zvr4HuW7K0nfJ4P/WqoOzNwgeuKTUtW1pmvp/FSHXzbQP/fPof/MgqmMrnjHgRR97EvqtCdMWhX9WhVzXTVPK0nb7wG/kP6Dq0JwUg793uYwpzV3XtZuymZqrof7V0FxNZbNsP7z9zpzSxaB/CtWB+W4QQOAK2CAKELgCviINELgClgQA4lagdv00QNwKWBIACFwBpwQAAlegXQGIWgEfDgIIXAHrwgCBK2BdGCBwBawLAwSugHVhgMAVcF4YIG4F8rwCELUCNgcBrHEr4GpJgHUNW4HB5iCAdY1aATtEAXZBK+BGGYCrmBVwTADgh5AVcEwA4CZiBXxDFOCneBXIaeU7e/eSolAMRVGUKlBUFMz8J2tH8Jf3knTPXWsSuxHODcBTuQocbcUAXqpVwFYM4F2xCogAwIdaFRABgE+lKiACAF8qVcDnkgDfClXA/TiAH3UqIAIAv8pUQAQAOqpUQAQAeopU4F8EAHpqVODUAOgpUYFbA6CrQgW8CQBsKVABEQDYlF8BEQDYFl8BEQDYkV4BEQDYE16BPxEA2JNdAaekAfZFV0AEAAaSKyACACPBFRABgKHcChyvDYCB2AqIAMCE2AqcGwBDqRW4NADGQitwaABMyKyACADMiazAvQEwJbECvhYDmBVYARfkAKblVcBkGGBeXAVEAGBBWgVMhgFWpFXAZBhgRVgFDAUAlmRVQAQA1kRVwFAA4MHevaRGEMNAAK1ACPlAwPe/bPYZT7d70WMjv3cJLUoqXVRpCjgUAJguF9gRBagms3wYAgDzZZbfBsB0ucB6EEA1GaVMGqCgTPHTAFhBBlkPAqgoY6wHAZSUCb4bAGvIEOtBADVljPYggJIyQHsQQFU5JxkGKCsDFEcAVJVTkmGAunJCMgxQWc64GQYoLK9kCAAsJifcDANUlmPapAFKy8u8NQBWkwOSYYDqcsS5GEBxOeJcDKC4POfFJEB5eUYoALCB9AkFALaQJ4QCADtIl1AAYA/pEgoA7CH3+2oALCo96oMANpEe9UEAm0iPb/MAm0iHnwIAu8i9PhsAC8sjS6IA28it3hsAK8s/miPgj717SU0ggIIoenGeQO9/s8GkA+1cQalzdlHvC0t6ZEgUYEovpCkA8O66UA8CWNPL3A4A3l0XhkQB1nTlkijAmC4sDQOs6Z96EMCgTupBAIs6qQcBLOqPehDApE6eCgAs6uR+EMCiTu4HASzql/tBAJuq1IMAVnVnVQBgVJVVAYBV3WkNA4yqtIYBZlVawwCz0hoGGNZTfR0AfJLSGgbYZUoUYJmD0gDLTIkCLDMlCrDMlCjAMlEAYFlP830A8Gl6ltsBwMexMAawzMIYwDJRAGCZKACwTBQAWCYKACwTBQCWiQI/7N3BjQJBEATBPukQ4sGj/XcWH5jXkBFelLJnF6DMFAAoMwUAykwBgDJTAKDMFAAoMwUAykwBgLI59V4ArjWn/heAa/nFGEDZHHotAPeaM38LwMVMAYAyUwCgbI48FoCbeTEGUObjEQBlpgBAmRdjAGXORAHKnIkClJkCAGXaMECZM1GAMlMAoMyZKECZNgxQ5kwUoEwbBijThgHKtGGAMm0YoEwbBijThgHKtGGAMm0YoEwbBiibbzwXgJ+gDQN82LuDGwSCGAiCFiAQiAM5/2RJwcfTUxVGa8ebrP5wawB2MBYASFbnfRuAJYwFAJIZCwAkMxYASCYIASSrs44GYA1BCCBZnXRvAPZwPQIgmesRAMlcjwBIJggBJBOEAJIJQgDJBCGAZIIQQDJBCCCZ/2UAkglCAMkEIYBkXggBJBOEAJIJQgDJBCGAZIIQQDJBCCCZIASQrMY+DcA2NfZoALapqaMBWKemng3AOjV1bQDWqaFLA7BPDb0agH1q6N0A7GM4DJDMcBggmUty8GPvDm4YhmEgCPKTGEiQGOy/WXcg6c2baePEFSSrMw3ARA6HAZI5HAZI5nAYIFmd+DYAI9WJuwEYyTtRgGR14N0AzKQnCpDMO1GAZHqiAMn0RAGS6YkCJKu9fwMwVO1dDcBQ8hEAyeQjAJLJRwAk880YQDL5CIBktfNpAMYyCwAkU5UGSGYWAEhmFgBIpioNkMwsAJCs1n4NwGBmAYBkrgUAkpkFAJK5FgBIZhYASGYWAEjmbwGAZGYBgGS18moARjMLACSrlasBGK0WHvbu6AaBGIaCYA5+kJBA7r9ZGjhSQHamjdWz3wPA2dbGdwA429r4DABnWxvPAeBs679rADicDzMAZU7JAZTZjAGUOSUHUOaUHECZzRhAmc0YQJnNGECZzRhAmc0YQJnNGECZzRhAmT9jAGX+jAGUicMAZeIwQJk4DFDmoChAmTgMULbuvQaAAHEYoEwcBigThwHKxGGAMnEYoEwcBigThwHKnJUGKBOHAcqclQYoE4cBysRhgDJxGKBs3bgGgIZ14zEAP/bu2AhhAAaCoBJIMDDqv1liY3dwu23o5kXD3HgsAA1z47MANMyNYwFo8FwAoMxxGKDMcwGAMvsRAGX2IwDK7EcAlM3FcwGokAgBlM3FdwGokAgBlEmEAMokQgBl8++1AGRIhADKJEIAZV7MAJRJhADKJEIAZVaEAMokQgBlEiGAMitCAGUSIYAyiRBAmUQIoEwiBFA2Z+8FIGTOHgtAiC05gLI5OxaAkDlbAEq8mwQoE4oClNmSAyizJQdQZksOoEwoyo+9OzhBAIqhIBgR9SAo6b9ZT1/tYWfq2JcAZUJRgDKhKECZW3IAZUJRgDKhKECZUBSgTCgKUCYUBSgTigKUuSgKUCYUBSgTigKUeT0PUCYUBSibP48FoGV+7gtAjFAUoMxdaYCy+bktADHmAgBl7koDlJkLAJS5Kw1QNl+XBaDGXACgzFwAoMxcAKDMXACgzFwAoMxcAKDMdwGAMt8FAMrmeC4AOUZjAGVzvBeAHKMxgLI5XgtAjtEYQNkc1wXgw96dGzEMwEAMpMeJrYz9N6vR0wV2m2AEXo6NGYAy0RhAmVwAoMzGDECZaAygTDQGUDav/wLQIxoDKLM0BlBmaQygTDQGUGZpDKBMOgxQJh0GKJMOA5TN41gAguxNApRJhwHKpMMAZdJhgDKrwwBlc/ssAEXSYYAy6TBAmXQYoMzqMECZ1WGAMg8kAMo8kAAom9t3ASjyQAKgzAMJgDIPJADKPJAAKHMFAMrm8lsAkjyQAChzBQDKvBECKPNAAk727tyGARiAYaC6AHnh/ZeN9+DdEuooKLMCAGUyQgBlMkIAZTJCAGUyQgBlu14HgCYZIYCyXZ8DQJOYHECZjBBA2a7nAaBJTA6gTEYIoMwKAJTteh8AmiRFAcrE5ADKrABAmaQoQJmkKECZpChAmaQoQJmkKEDZtt8BIEpYGqBMWBqgTFgaoGzb9wAQJSwNUGYFAMqEpQHKtj0OAFHC0gBlVgCgzL0AQJkVAChzLwBQZgUAyqwAQJmTmT97d2wCIAAEMPALBRUUfv9lHSR3S6QMQJkKAJSZzACUqQBAmdUYQJnVGECZCgCUmcwAlKkAQJkKAJQZTgKUqQBAme0wQJnhJECZCgCUqQBAme0wQJkKAJSpAECZ7TBAmQoAlKkAQNm8C0DWXAtAlgoAlKkAQNmcC0CWCgCUqQBAmQoAlM2zAGTNvQBkqQBAmQoAlM23AGTNsQBkqQBAmQoAlKkAQJkKAPzt1TENADAMwLBKe/eUP9kCiU3CZfMXgKx5C0CWBQDKLABQZgGAMgsAlFkAoMwCAGWzAHRZAKDsAEVWwl3oWB5CAAAAAElFTkSuQmCC) no-repeat #f3f9ff;
  background-size: 100% 100%;
  position: absolute;
  top: -17rem;
  left: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .subtitle-box {
  width: 100%;
  height: 5rem;
  border-radius: 2.5rem;
  background: #fff;
  position: relative;
  z-index: 1;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .subtitle-box .subtitle {
  display: inline-block;
  padding-left: 2.19rem;
  padding-right: 2.19rem;
  border-radius: 2.5rem;
  background-color: #0B52A2;
  height: 100%;
  font-weight: bold;
  font-size: 3rem;
  color: #FFFFFF;
  line-height: 5rem;
  text-align: left;
  font-style: normal;
  text-transform: none;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box {
  width: 100%;
  height: auto;
  position: relative;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box .eleImg_1_1 {
  width: 100%;
  display: block;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box .text_example_1_1 {
  width: 40.43rem;
  height: 7.25rem;
  background: #fff;
  position: absolute;
  left: 36%;
  top: 19%;
  border-radius: 0.625rem;
  font-size: 1.5rem;
  color: #1F1F1F;
  line-height: 2.81rem;
  padding: 0.8rem 1.5rem;
  font-weight: bold;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box .text_example_1_2 {
  width: 20.43rem;
  height: 9.5rem;
  background: #fff;
  position: absolute;
  left: 36%;
  top: 60%;
  border-radius: 0.625rem;
  font-size: 1.5rem;
  color: #EE6E2F;
  padding: 0.5rem 1.5rem;
  line-height: 2.81rem;
  font-weight: bold;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box_1 {
  width: 100%;
  height: auto;
  background: #C2DCF2;
  position: relative;
  top: -1px;
  border-radius: 0 0 0.625rem 0.625rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box_1 .title_t1 {
  width: 100%;
  height: 4.375rem;
  font-size: 1.5rem;
  color: #000000;
  padding: 1rem 4.8rem 1.5rem;
  position: relative;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box_1 .title_t1:after {
  content: "";
  width: calc(100% - 9.6rem);
  height: 3px;
  background: #fff;
  position: absolute;
  bottom: 0rem;
  left: 4.8rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box_1 .slide_box {
  position: relative;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box_1 .slide_box .bottom_arrow {
  display: flex;
  justify-content: center;
  position: absolute;
  right: 4.8rem;
  top: 0;
  z-index: 2;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box_1 .slide_box .bottom_arrow.pc_hide {
  display: block;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box_1 .slide_box .bottom_arrow.mobile_show {
  display: none;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box_1 .slide_box .bottom_arrow span {
  cursor: pointer;
  position: relative;
  -webkit-user-select: none;
          user-select: none;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box_1 .slide_box .bottom_arrow span:first-child {
  margin-right: 1.25rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box_1 .slide_box .bottom_arrow .arrow_icon {
  width: 6rem;
  position: absolute;
  transform: rotate(145deg);
  bottom: 2.5rem;
  left: -3.95rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box_1 .slide_box .slide_list {
  width: 100%;
  padding: 0 4.8rem 3.625rem;
  margin-top: 1.8rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box_1 .slide_box .slide_list .title_box {
  display: flex;
  justify-content: space-between;
  align-items: end;
  position: relative;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box_1 .slide_box .slide_list .title_box .title_left {
  display: flex;
  align-items: center;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box_1 .slide_box .slide_list .title_box .circle {
  width: 7.06rem;
  height: 7.06rem;
  background: #fff;
  border-radius: 7.06rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box_1 .slide_box .slide_list .title_box .circle em {
  font-size: 6rem;
  color: #F36928;
  font-weight: bold;
  font-style: initial;
  margin-left: 2rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box_1 .slide_box .slide_list .title_box .center_text {
  color: #0B52A2;
  font-size: 1.5rem;
  line-height: 2.81rem;
  margin-left: 2.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box_1 .slide_box .slide_list .example_img_type1 {
  width: 100%;
  margin-top: 2.43rem;
  position: relative;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box_1 .slide_box .slide_list .example_img_type1 img {
  width: 100%;
  display: block;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box_1 .slide_box .slide_list .example_img_type1 .example_161 {
  width: 50%;
  position: absolute;
  bottom: 0;
  right: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box_1 .slide_box .slide_list .example_img_type1 .example_back_box {
  width: 100%;
  position: relative;
  background: #fff;
  border-radius: 0.625rem;
  display: flex;
  flex-direction: column;
  padding-top: 15%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box_1 .slide_box .slide_list .example_img_type1 .example_back_box .text {
  top: 10%;
  width: 25rem;
  height: auto;
  color: #F36928;
  font-size: 1.5rem;
  line-height: 2.81rem;
  position: absolute;
  left: 10%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box_1 .slide_box .slide_list .example_img_type1 .example_back_box .img_box {
  display: flex;
  justify-content: end;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box_1 .slide_box .slide_list .example_img_type1 .example_back_box .img_box .img_171 {
  width: 90%;
  max-width: 52rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box_1 .slide_box .slide_list .example_img_type1 .right_text {
  background: #F36928;
  color: #fff;
  border-radius: 0.625rem;
  font-size: 1.25rem;
  padding: 1.25rem 1.25rem;
  margin-bottom: -2.43rem;
  position: absolute;
  max-width: 36rem;
  right: 0;
  top: 0;
  line-height: 2.18rem;
  text-align: center;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box_1 .slide_box .slide_list .example_text7 {
  width: 100%;
  height: 17.31rem;
  border-radius: 0.625rem;
  background: #fff;
  padding: 2.625rem;
  position: relative;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box_1 .slide_box .slide_list .example_text7 .text {
  font-size: 1.5rem;
  color: #F36928;
  line-height: 2.81rem;
  width: 50%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box_1 .slide_box .slide_list .example_text7 .example_img {
  width: 36rem;
  position: absolute;
  right: 0;
  bottom: -6rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box2 .subtitle-box {
  background: initial;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box2 .ele_box {
  position: relative;
  display: flex;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box2 .ele_box .left_img {
  width: 70%;
  margin-left: -14rem;
  margin-top: 2rem;
  position: relative;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box2 .ele_box .left_img img {
  width: 100%;
  display: block;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box2 .ele_box .left_img .text {
  width: 27rem;
  font-size: 1.5rem;
  line-height: 2.81rem;
  color: #000;
  background: #fff;
  padding: 2rem 2.56rem;
  border-radius: 0.625rem;
  position: absolute;
  left: 74%;
  bottom: 84%;
  z-index: 1;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box2 .ele_box .left_img .text svg {
  position: absolute;
  bottom: -1rem;
  left: 0.2rem;
  -webkit-user-select: none;
          user-select: none;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box2 .ele_box .right_img {
  width: 50%;
  right: -9%;
  bottom: -8%;
  position: absolute;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box2 .ele_box .right_img img {
  width: 100%;
  display: block;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box2 .ele_box .right_img .text {
  width: 27rem;
  font-size: 1.5rem;
  line-height: 2.81rem;
  color: #F36928;
  background: #fff;
  padding: 2rem 2.56rem;
  border-radius: 0.625rem;
  position: absolute;
  right: 55%;
  bottom: 81%;
  z-index: 1;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box2 .ele_box .right_img .text svg {
  position: absolute;
  bottom: -1rem;
  right: 0.2rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box2 .ele_box2 {
  width: 100%;
  height: auto;
  background: #fff;
  border-radius: 0.625rem;
  position: relative;
  z-index: 5;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box2 .ele_box2 .title_t {
  width: 44.75rem;
  height: 5.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 3rem;
  color: #000;
  background: #B9EAE3;
  border-radius: 5rem;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box2 .ele_box2 .content_box {
  display: flex;
  padding: 6rem  3rem 3rem;
  position: relative;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box2 .ele_box2 .content_box .text {
  font-size: 1.5rem;
  line-height: 2.18rem;
  color: #000;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box2 .ele_box2 .content_box .text .ele_img {
  width: 40%;
  height: -webkit-max-content;
  height: max-content;
  float: right;
  margin: 0 1rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box2 .ele_box2 .content_box .text p {
  text-align: justify;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box2 .ele_box2 .content_box .text .text_p {
  margin: 2rem 7rem 0 0 ;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box2 .ele_box2 .content_box .text .text2 {
  font-size: 1rem;
  color: #636363;
  margin-top: 1.5rem;
  margin-bottom: -0.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box2 .ele_box2 .content_box .text .text_a {
  font-size: 1rem;
  color: #0B52A2;
  word-wrap: break-word;
  line-height: initial;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box2 .ele_box2 .content_box .ele_img2 {
  width: 10rem;
  position: absolute;
  right: -1rem;
  bottom: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box3 {
  width: 100%;
  height: auto;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box3 .subtitle-box {
  background: initial;
  margin-bottom: 3rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box3 .swith_box {
  width: 100%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box3 .swith_box .nav_box {
  width: 100%;
  display: flex;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box3 .swith_box .nav_box .nav_item {
  font-size: 2.25rem;
  height: 5.8rem;
  line-height: 5.8rem;
  color: #A9A9A9;
  font-weight: bold;
  flex: 1 1;
  position: relative;
  text-align: center;
  cursor: pointer;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box3 .swith_box .nav_box .nav_item::after {
  content: "";
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 6px;
  background: #A9A9A9;
  left: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box3 .swith_box .nav_box .nav_item.active {
  color: #0B52A2;
  font-size: 3rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box3 .swith_box .nav_box .nav_item.active::after {
  content: "";
  background: #0B52A2;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box3 .swith_box .nav_box .nav_item .arrow_icon {
  position: absolute;
  width: 5rem;
  left: 50%;
  top: -1rem;
  margin-left: -2.5rem;
  transform: rotate(225deg);
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box3 .swith_box .swith_img_box {
  margin-top: 2.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box3 .swith_box .swith_img_box .swith_img {
  width: 100%;
  position: relative;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box3 .swith_box .swith_img_box .swith_img img {
  width: 100%;
  display: block;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box3 .swith_box .swith_img_box .swith_img .text {
  background: #F36928;
  color: #fff;
  border-radius: 0.625rem;
  padding: 3% 5%;
  position: absolute;
  line-height: 2.18rem;
  bottom: 0;
  font-size: 1.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box4 .no_back {
  background: initial;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box4 .handle-pic-container {
  position: relative;
  margin-top: 5rem;
  height: 27rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box4 .handle-pic-container .handle-pic-left {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 40.75rem;
  height: 100%;
  background-image: url(/static/media/section2_4_1.93371b52.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  z-index: 2;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box4 .handle-pic-container .handle-pic-left .text {
  position: absolute;
  left: 13.5rem;
  top: 20.94rem;
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: bold;
  font-size: 3rem;
  color: #0B52A2;
  line-height: 3.13rem;
  text-align: center;
  font-style: normal;
  text-transform: none;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box4 .handle-pic-container .handle-pic-right {
  position: absolute;
  right: 0;
  bottom: 0;
  width: calc(100% - 27rem);
  height: 31.31rem;
  background-image: url(data:image/png;base64,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);
  background-repeat: no-repeat;
  background-size: 70.7% 13.19rem;
  background-position: bottom right;
  background-color: #FFFFFF;
  border-radius: 0.63rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box4 .handle-pic-container .handle-pic-right .dialog-box-1 {
  position: absolute;
  width: 27.43rem;
  height: 7.875rem;
  top: 3.19rem;
  left: 28%;
  background: #EBEBEB;
  border-radius: 0.625rem;
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  padding-left: 1.75rem;
  padding-top: 1.06rem;
  padding-right: 4.6rem;
  cursor: pointer;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box4 .handle-pic-container .handle-pic-right .dialog-box-1 .img-wrap {
  position: absolute;
  right: 0;
  width: 5.3rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box4 .handle-pic-container .handle-pic-right .dialog-box-1 .img-wrap img {
  width: 100%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box4 .handle-pic-container .handle-pic-right .dialog-box-1 .text {
  font-weight: bold;
  font-size: 1.5rem;
  color: #000000;
  line-height: 2.18rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box4 .handle-pic-container .handle-pic-right .dialog-box-1 svg {
  position: absolute;
  bottom: -1rem;
  left: 0.7rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box4 .handle-pic-container .handle-pic-right .dialog-box-2 {
  position: absolute;
  width: 27.43rem;
  height: 7.875rem;
  border-radius: 0.625rem;
  top: 13.69rem;
  left: 28%;
  background: #EBEBEB;
  padding-left: 1.75rem;
  padding-top: 1.06rem;
  box-sizing: border-box;
  z-index: 3;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box4 .handle-pic-container .handle-pic-right .dialog-box-2 .text {
  font-weight: bold;
  font-size: 1.5rem;
  color: #EE6E2F;
  line-height: 2.18rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box4 .handle-pic-container .handle-pic-right .dialog-box-2 svg {
  position: absolute;
  bottom: -1rem;
  right: 0.7rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box4 .handle-steps-container {
  margin-top: 2.5rem;
  display: flex;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box4 .handle-steps-container .steps-left {
  width: 15.6875rem;
  height: 28rem;
  border-radius: 0.63rem;
  background-image: url(data:image/png;base64,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);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 1.19rem 1.75rem;
  position: relative;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box4 .handle-steps-container .steps-left .text {
  font-weight: bold;
  font-size: 3rem;
  color: #FFFFFF;
  line-height: 4.06rem;
  text-align: left;
  font-style: normal;
  text-transform: none;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box4 .handle-steps-container .right_box {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  margin-left: 1.4rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box4 .handle-steps-container .right_box.animation_box .text_item {
  opacity: 1;
  transition: 0.5s ease-in-out;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box4 .handle-steps-container .right_box.animation_box .text_item:nth-child(2) {
  transition-delay: 0.1s;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box4 .handle-steps-container .right_box.animation_box .text_item:nth-child(3) {
  transition-delay: 1s;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box4 .handle-steps-container .right_box.animation_box .text_item:nth-child(4) {
  transition-delay: 2s;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box4 .handle-steps-container .right_box.animation_box .text_item:nth-child(5) {
  transition-delay: 3s;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box4 .handle-steps-container .right_box .text_item {
  width: 100%;
  flex: 1 1;
  display: flex;
  align-items: center;
  opacity: 0;
  position: relative;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box4 .handle-steps-container .right_box .text_item.text_item:nth-child(1) {
  opacity: 1;
  cursor: pointer;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box4 .handle-steps-container .right_box .text_item .arrow_icon {
  width: 5rem;
  position: absolute;
  left: 0;
  top: -3rem;
  z-index: 2;
  transform: rotate(135deg);
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box4 .handle-steps-container .right_box .text_item .inner {
  background: #fff;
  border-radius: 5rem;
  min-height: 4.125rem;
  padding: 0.55rem;
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 1.5rem;
  color: #0B52A2;
  line-height: 2.18rem;
  font-weight: bold;
  position: relative;
  padding-left: 6.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box4 .handle-steps-container .right_box .text_item .inner em {
  width: 4.125rem;
  height: 4.125rem;
  display: inline-block;
  background: #fff;
  border-radius: 4.125rem;
  box-shadow: 5px 0px 4px #88B2E5;
  font-size: 2.5rem;
  font-weight: bold;
  color: #0B52A2;
  line-height: 4.125rem;
  text-align: center;
  position: absolute;
  left: 0;
  font-style: initial;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .t1000_custom {
  padding: 0;
  padding-top: 8rem;
  background: #E1F5F0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .t1000_custom .flex_c {
  display: flex;
  justify-content: center;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .t1000_custom .padding_box {
  padding-left: 14.75rem;
  padding-right: 9.44rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .t1000_custom .title_type2 .w-title {
  font-size: 3.5rem;
  color: #F36928;
  line-height: 4.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .t1000_custom .title_type2 .w-title::after {
  background: #F36928;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .t1000_custom .subtitle-box {
  width: 100%;
  height: 5rem;
  border-radius: 2.5rem;
  background: #fff;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .t1000_custom .subtitle-box .subtitle {
  display: inline-block;
  padding-left: 2.19rem;
  padding-right: 2.19rem;
  border-radius: 2.5rem;
  background-color: #0B52A2;
  height: 100%;
  font-weight: bold;
  font-size: 3rem;
  color: #FFFFFF;
  line-height: 5rem;
  text-align: left;
  font-style: normal;
  text-transform: none;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .t1000_custom .example_box_5 {
  width: 100%;
  height: auto;
  background: #E0F0FF;
  border-radius: 0.625rem;
  padding: 4.81rem 3.875rem 7rem 0;
  margin-top: 7.5rem;
  position: relative;
  display: flex;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .t1000_custom .example_box_5 .subtitle-box {
  transform: translateY(-50%);
  background: initial;
  position: absolute;
  top: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .t1000_custom .example_box_5 .text_box {
  width: 100%;
  background: #fff;
  padding: 1.5rem;
  font-size: 1.5rem;
  line-height: 2.18rem;
  border-radius: 0.625rem;
  margin-left: 23.75rem;
  position: relative;
  z-index: 2;
  color: #1F1F1F;
  text-align: justify;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .t1000_custom .example_box_5 .text_a_box {
  position: absolute;
  left: 23.75rem;
  bottom: 2rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .t1000_custom .example_box_5 .text_a_box .text2 {
  font-size: 1rem;
  color: #636363;
  margin-bottom: 0.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .t1000_custom .example_box_5 .text_a_box .text_a {
  font-size: 1rem;
  color: #0B52A2;
  word-wrap: break-word;
  line-height: initial;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .t1000_custom .example_box_5 .left_img {
  height: 100%;
  position: absolute;
  bottom: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .t1000_custom .example_box_5 .left_img2 {
  width: 17rem;
  position: absolute;
  top: 3rem;
  left: 1rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .t1000_custom .example_box_6 {
  margin-top: 5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .t1000_custom .example_box_6 .subtitle-box {
  background: initial;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .t1000_custom .example_box_6 .text_box {
  font-size: 1.5rem;
  line-height: 2.18rem;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  color: #1F1F1F;
  text-align: justify;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .t1000_custom .example_box_6 img {
  width: 100%;
  height: auto;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .t1000_custom .example_box_6 .img_box_6 {
  display: none;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .t1000_custom .example_box_6 .img_show {
  display: block;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .t1000_custom .example_box_7 {
  margin-top: 5.75rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .t1000_custom .example_box_7 .pc_hide {
  display: block;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .t1000_custom .example_box_7 .mobile_show {
  display: none;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .t1000_custom .example_box_7 .subtitle-box {
  background: initial;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .t1000_custom .example_box_7 .content_box {
  width: 100%;
  position: relative;
  margin-top: 3.3rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .t1000_custom .example_box_7 .content_box .l1 {
  width: 100%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .t1000_custom .example_box_7 .content_box .l2 {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .t1000_custom .example_box_7 .content_box .l2 img {
  width: 100%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .t1000_custom .example_box_7 .content_box .l2 .left {
  width: 50%;
  height: auto;
  position: absolute;
  left: 25%;
  top: 13.5%;
  font-weight: bold;
  padding: 4% 7.5%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .t1000_custom .example_box_7 .content_box .l2 .left .p1 {
  font-size: 1.5rem;
  color: #1F1F1F;
  margin-bottom: 1rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .t1000_custom .example_box_7 .content_box .l2 .left .p2 {
  font-size: 2.8rem;
  color: #F36928;
  line-height: 4.5rem;
  margin-bottom: 2rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .t1000_custom .example_box_7 .content_box .l2 .right {
  width: 46%;
  height: 20%;
  position: absolute;
  right: 0;
  top: 1%;
  font-weight: bold;
  padding: 0% 2.5%;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .t1000_custom .example_box_7 .content_box .l2 .right .p1 {
  font-size: 1.5rem;
  color: #1F1F1F;
  line-height: 2.81rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .t1000_custom .example_box_7 .content_box .l2 .right .arrow_icon {
  width: 5rem;
  position: absolute;
  left: 82%;
  top: 70%;
  transform: translateY(-50%);
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .t1000_custom .example_box_8 {
  margin-top: 5rem;
  position: relative;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .t1000_custom .example_box_8 .subtitle-box {
  background: initial;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .t1000_custom .example_box_8 .content_box {
  display: flex;
  margin-top: 3.375rem;
  position: relative;
  z-index: 2;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .t1000_custom .example_box_8 .content_box .img_box {
  width: 29.5rem;
  position: relative;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .t1000_custom .example_box_8 .content_box .img_box img {
  width: 100%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .t1000_custom .example_box_8 .content_box .right_box {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  margin-left: 1.4rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .t1000_custom .example_box_8 .content_box .right_box.animation_box .text_item {
  opacity: 1;
  transition: 0.5s ease-in-out;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .t1000_custom .example_box_8 .content_box .right_box.animation_box .text_item:nth-child(2) {
  transition-delay: 0.1s;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .t1000_custom .example_box_8 .content_box .right_box.animation_box .text_item:nth-child(3) {
  transition-delay: 1s;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .t1000_custom .example_box_8 .content_box .right_box.animation_box .text_item:nth-child(4) {
  transition-delay: 2s;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .t1000_custom .example_box_8 .content_box .right_box.animation_box .text_item:nth-child(5) {
  transition-delay: 3s;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .t1000_custom .example_box_8 .content_box .right_box .text_item {
  width: 100%;
  flex: 1 1;
  display: flex;
  align-items: center;
  opacity: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .t1000_custom .example_box_8 .content_box .right_box .text_item:nth-child(1) {
  opacity: 1;
  position: relative;
  cursor: pointer;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .t1000_custom .example_box_8 .content_box .right_box .text_item .arrow_icon {
  width: 5rem;
  position: absolute;
  left: 0;
  top: -2.5rem;
  z-index: 3;
  transform: rotate(135deg);
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .t1000_custom .example_box_8 .content_box .right_box .text_item .inner {
  background: #fff;
  border-radius: 5rem;
  min-height: 5rem;
  padding: 1.2rem;
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 1.5rem;
  color: #0B52A2;
  line-height: 2.18rem;
  font-weight: bold;
  position: relative;
  padding-left: 7.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .t1000_custom .example_box_8 .content_box .right_box .text_item .inner em {
  width: 5rem;
  height: 5rem;
  display: inline-block;
  background: #0B52A2;
  border-radius: 5rem;
  box-shadow: 2px 2px 10px rgba(11, 82, 162, 0.4);
  font-size: 2.5rem;
  font-weight: bold;
  color: #fff;
  line-height: 5rem;
  text-align: center;
  position: absolute;
  left: 0;
  font-style: initial;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .t1000_custom .example_box_8 .back_piece {
  width: 100%;
  height: 29.875rem;
  background: url(data:image/png;base64,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) no-repeat #f3f9ff;
  background-size: 100% auto;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 ._back .back_piece_t {
    height: 22.6875rem;
    top: -7rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .padding_box {
    padding-right: 3rem;
    padding-left: 3rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .title_type2 .w-title {
    font-size: 2.5rem;
    line-height: 3rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .subtitle-box {
    height: 4.25rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .subtitle-box .subtitle {
    font-size: 2rem;
    line-height: 4.25rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .example_box {
    margin-top: 5rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .example_box .text_example_1_1 {
    width: 23.43rem;
    height: 9.25rem;
    font-size: 1.75rem;
    top: -12%;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .example_box .text_example_1_2 {
    font-size: 1.75rem;
    width: 14.43rem;
    padding: 0.5rem 0.85rem;
    left: 32%;
    top: 55%;
    height: 12rem;
    z-index: 2;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .example_box_1 .title_t1 {
    font-size: 1.75rem;
    line-height: 2.5rem;
    padding-top: 3rem;
    padding-bottom: 9rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .example_box_1 .title_t1:after {
    height: 1px;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .example_box_1 .slide_box .pc_hide {
    display: none;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .example_box_1 .slide_box .mobile_show {
    display: block;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .example_box_1 .slide_box .slide_list {
    padding: 0 2.625rem 1.5rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .example_box_1 .slide_box .slide_list .example_img_type1 .right_text {
    position: initial;
    font-size: 1.5rem;
    margin-bottom: -1.25rem;
    border-radius: initial;
    padding-bottom: 2rem;
    border-radius: 0.5rem 0.5rem 0 0;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .example_box_1 .slide_box .slide_list .example_img_type1 img {
    border-radius: 1.25rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .example_box_1 .slide_box .slide_list .example_img_type1 .example_back_box {
    padding-top: 48%;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .example_box_1 .slide_box .slide_list .example_img_type1 .example_back_box .text {
    font-size: 1.75rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .example_box_1 .slide_box .slide_list .title_box .circle {
    width: 4.375rem;
    height: 4.375rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .example_box_1 .slide_box .slide_list .title_box .circle em {
    font-size: 4rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .example_box_1 .slide_box .slide_list .title_box .center_text {
    font-size: 1.75rem;
    margin-left: 3.5rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .example_box_1 .slide_box .slide_list .example_text7 {
    height: initial;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .example_box_1 .slide_box .slide_list .example_text7 .example_img {
    width: 15rem;
    right: -2rem;
    bottom: 0rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .example_box_1 .slide_box .slide_list .example_text7 .text {
    width: 69%;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .example_box_1 .slide_box .bottom_arrow.mobile_show {
    padding-bottom: 1.5rem;
    position: initial;
    display: flex;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .example_box_1 .slide_box .bottom_arrow.mobile_show span svg {
    width: 3rem;
    height: 3rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .example_box2 .ele_box {
    margin-top: 12rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .example_box2 .ele_box .left_img {
    width: 17rem;
    margin-left: initial;
    margin-top: initial;
    top: -9rem;
    left: 0rem;
    z-index: 2;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .example_box2 .ele_box .left_img .text {
    padding: 1rem 1rem;
    font-size: 1.75rem;
    left: 83%;
    bottom: 59%;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .example_box2 .ele_box .left_img .text svg {
    display: none;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .example_box2 .ele_box .right_img {
    width: 15.625rem;
    bottom: -15%;
    right: 1%;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .example_box2 .ele_box .right_img .text {
    width: 19rem;
    padding: 1rem 1rem;
    bottom: 35%;
    right: 60%;
    font-size: 1.5rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .example_box2 .ele_box .right_img .text svg {
    display: none;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .example_box2 .ele_box .right_img img {
    position: relative;
    z-index: 2;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .example_box2 .ele_box2 .title_t {
    width: initial;
    height: 3rem;
    font-size: 2rem;
    padding: 0 3rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .example_box2 .ele_box2 .content_box .text img {
    float: initial;
    width: 100%;
    margin: initial;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .example_box2 .ele_box2 .content_box .text .text_p {
    margin: 0;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .example_box2 .ele_box2 .content_box .text .text2 {
    font-size: 1.5rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .example_box2 .ele_box2 .content_box .text .text_a {
    font-size: 1.5rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .example_box2 .ele_box2 .content_box .ele_img2 {
    width: 7.625rem;
    top: -11rem;
    left: 2rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .example_box3 .swith_box .nav_box .nav_item {
    font-size: 1.5rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .example_box3 .swith_box .nav_box .nav_item.active {
    font-size: 1.75rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .example_box3 .swith_box .nav_box .nav_item:after {
    height: 3px;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .example_box4 .handle-pic-container {
    height: auto;
    margin-top: 3rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .example_box4 .handle-pic-container .handle-pic-right {
    width: 100%;
    position: relative;
    height: 46rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .example_box4 .handle-pic-container .handle-pic-right .dialog-box-1 {
    left: 2rem;
    top: 2rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .example_box4 .handle-pic-container .handle-pic-right .dialog-box-2 {
    top: 10.69rem;
    right: 2rem;
    left: initial;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .example_box4 .handle-pic-container .handle-pic-left {
    width: 100%;
    height: 27.75rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .example_box4 .handle-steps-container {
    flex-direction: column;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .example_box4 .handle-steps-container .steps-left {
    width: 100%;
    height: 7.125rem;
    background-image: url(/static/media/section2_4_3_m.22e2565b.png);
    background-size: 100% auto;
    padding: initial;
    display: flex;
    align-items: center;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .example_box4 .handle-steps-container .steps-left .text {
    font-size: 2rem;
    margin-left: 2rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .example_box4 .handle-steps-container .steps-left .text br {
    display: none;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .example_box4 .handle-steps-container .right_box {
    margin-left: initial;
    margin-top: 2rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .example_box4 .handle-steps-container .right_box .text_item {
    margin-bottom: 1rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .example_box4 .handle-steps-container .right_box .text_item .inner {
    min-height: 5rem;
    font-size: 1.75rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .example_box4 .handle-steps-container .right_box .text_item .inner em {
    width: 5rem;
    height: 5rem;
    line-height: 5rem;
    font-size: 2.5rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .t1000_custom {
    padding-top: 4rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .t1000_custom .example_box_5 {
    padding: 4.81rem 2.25rem 7rem 2.25rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .t1000_custom .example_box_5 .text_a_box {
    left: 2.25rem;
    bottom: 1.5rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .t1000_custom .example_box_5 .text_a_box .text2 {
    font-size: 1.5rem;
    margin-bottom: initial;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .t1000_custom .example_box_5 .text_a_box .text_a {
    font-size: 1.5rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .t1000_custom .example_box_5 .subtitle-box {
    left: 0;
    display: flex;
    justify-content: center;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .t1000_custom .example_box_5 .text_box {
    margin-left: initial;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .t1000_custom .example_box_5 .left_img {
    top: 0rem;
    left: 0;
    bottom: initial;
    height: initial;
    width: 5rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .t1000_custom .example_box_5 .left_img2 {
    width: 7rem;
    top: -5rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .example_box_7 .content_box .l2 {
    position: initial;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .example_box_7 .content_box .l2 .left {
    left: 21%;
    top: 25.5%;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .example_box_7 .content_box .l2 .left .p1 {
    font-size: 1.75rem;
    margin-bottom: initial;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .example_box_7 .content_box .l2 .left .p2 {
    font-size: 2rem;
    line-height: 2.5rem;
    margin-bottom: initial;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .example_box_7 .content_box .l2 .right {
    top: 2%;
    height: initial;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .example_box_7 .content_box .l2 .right .arrow_icon {
    width: 4rem;
    bottom: -5%;
    transform: initial;
    right: -2%;
    left: initial;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .example_box_7 .content_box .l2 .right .p1 {
    font-size: 1.75rem;
    line-height: 2.5rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .example_box_7 .pc_hide {
    display: none;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .example_box_7 .mobile_show {
    display: block;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .example_box_8 {
    margin-top: -7rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .example_box_8 .content_box {
    margin-top: initial;
    flex-direction: column;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .example_box_8 .content_box .img_box {
    width: 15.5rem;
    top: 7rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .example_box_8 .content_box .right_box .text_item {
    margin-bottom: 1rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .example_box_8 .content_box .right_box .text_item .inner {
    font-size: 1.75rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .topic-section-2 .example_box_8 .subtitle-box {
    position: absolute;
    right: 3rem;
    width: initial;
    top: 13rem;
    z-index: 4;
  }
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 {
  padding: 8rem 0 0 0;
  position: relative;
  z-index: 15;
  background: #E1F5F0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 {
  padding-left: 14.75rem;
  padding-right: 9.44rem;
  padding-bottom: 1rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .example_box_1 {
  margin-top: 5.75rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .example_box_1 .pc_hide {
  display: block;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .example_box_1 .mobile_show {
  display: none;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .example_box_1 .content_box {
  width: 100%;
  position: relative;
  margin-top: 3.3rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .example_box_1 .content_box .l1 {
  width: 100%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .example_box_1 .content_box .l2 {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .example_box_1 .content_box .l2 img {
  width: 100%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .example_box_1 .content_box .l2 .left {
  width: 50%;
  height: auto;
  position: absolute;
  left: 25%;
  top: 13.5%;
  font-weight: bold;
  padding: 4% 7.5% 4% 4%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .example_box_1 .content_box .l2 .left p {
  font-size: 1.5rem;
  color: #1F1F1F;
  margin-bottom: 1rem;
  line-height: 3rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .example_box_1 .content_box .l2 .left p .highlight {
  font-size: 2.8rem;
  color: #F36928;
  line-height: 4.5rem;
  margin-bottom: 2rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .example_box_1 .content_box .l2 .right {
  width: 46%;
  height: 20%;
  position: absolute;
  right: 0;
  top: 1%;
  font-weight: bold;
  padding: 0% 2.5%;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .example_box_1 .content_box .l2 .right .p1 {
  font-size: 1.5rem;
  color: #1F1F1F;
  line-height: 2.81rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .example_box_1 .content_box .l2 .right .arrow_icon {
  width: 8rem;
  position: absolute;
  left: 78%;
  top: 95%;
  transform: translateY(-50%);
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .prevent-best-practice {
  padding-left: 31.56rem;
  padding-top: 0.69rem;
  min-height: 39.5rem;
  background-image: url(/static/media/background-2.a91b6016.png);
  background-repeat: no-repeat;
  background-size: 30.18rem 39.5rem;
  background-position: left top;
  position: relative;
  cursor: pointer;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .prevent-best-practice .prevent-best-practice-item {
  width: 100%;
  min-height: 5rem;
  background: #FFFFFF;
  border-radius: 6.63rem;
  position: relative;
  padding: 1.39rem 1.5rem 1.39rem 7.75rem;
  opacity: 0;
  transition: all 500ms linear 0s;
  cursor: pointer;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .prevent-best-practice .prevent-best-practice-item.fade-in {
  opacity: 1;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .prevent-best-practice .prevent-best-practice-item .item-no {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 5rem;
  height: 5rem;
  color: #0B52A2;
  box-shadow: 0.13rem 0.13rem 0.63rem 0 rgba(11, 82, 162, 0.4);
  border-radius: 50%;
  text-align: center;
  line-height: 4.2rem;
  box-sizing: border-box;
  border: 0.5rem solid #0B52A2;
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 700;
  font-size: 2.5rem;
  font-style: normal;
  text-transform: none;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .prevent-best-practice .prevent-best-practice-item .item-desc {
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 700;
  font-size: 1.5rem;
  color: #0B52A2;
  line-height: 2.19rem;
  font-style: normal;
  text-transform: none;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .prevent-best-practice .prevent-best-practice-item + .prevent-best-practice-item {
  margin-top: 2.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .prevent-best-practice .prevent-best-practice-item .arrow {
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  width: 8rem;
  height: 8rem;
  cursor: pointer;
  transform: translate(-50%, -75%) rotate(135deg);
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .prevent-best-practice .prevent-best-practice-item .arrow img {
  width: 100%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .how-content-container {
  margin-top: 5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .how-content-container .how-content {
  height: 40.44rem;
  background-position: center top;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  cursor: pointer;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .how-content-container .how-content .how-text-box {
  width: 29.78rem;
  height: 33.58rem;
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 700;
  font-size: 1.5rem;
  color: #1F1F1F;
  line-height: 2.81rem;
  font-style: normal;
  text-transform: none;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 3.5rem 2.5rem;
  position: relative;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .how-content-container .how-content .how-text-box .highlight {
  color: #F36928;
  font-size: 3rem;
  line-height: 4.38rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .how-content-container .how-content .how-text-box.left {
  margin-right: 1rem;
  background-image: url(data:image/png;base64,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);
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .how-content-container .how-content .how-text-box.right {
  background-image: url(data:image/png;base64,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);
  opacity: 0;
  transition: all 500ms linear 0s;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .how-content-container .how-content .how-text-box.right.fade-in {
  opacity: 1;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .how-content-container .how-content .how-text-box .arrow {
  position: absolute;
  right: 0;
  top: 45%;
  width: 8rem;
  height: 8rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .how-content-container .how-content .how-text-box .arrow img {
  width: 100%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .how-content-container .how-content .back-left {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 36.96rem;
  height: 23.26rem;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url(/static/media/flower-computer.7283bc79.png);
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .how-content-container .how-content .back-right {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 38.16rem;
  height: 27.4rem;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url(/static/media/persons.473d05fe.png);
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .bottom-decoration {
  height: 9.22rem;
  background-image: url(data:image/png;base64,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);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-bottom: 5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .best-practice {
  padding-left: 31.56rem;
  padding-top: 0.69rem;
  min-height: 39.5rem;
  background-image: url(/static/media/background-2.a91b6016.png);
  background-repeat: no-repeat;
  background-size: 30.18rem 39.5rem;
  background-position: left top;
  position: relative;
  cursor: pointer;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .best-practice .best-practice-item {
  width: 100%;
  min-height: 5rem;
  background: #FFFFFF;
  border-radius: 6.63rem;
  position: relative;
  padding: 1.39rem 1rem 1.39rem 7.75rem;
  opacity: 0;
  transition: all 500ms linear 0s;
  cursor: pointer;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .best-practice .best-practice-item.fade-in {
  opacity: 1;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .best-practice .best-practice-item .item-no {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 5rem;
  height: 5rem;
  color: #0B52A2;
  box-shadow: 0.13rem 0.13rem 0.63rem 0 rgba(11, 82, 162, 0.4);
  border-radius: 50%;
  text-align: center;
  line-height: 4.2rem;
  box-sizing: border-box;
  border: 0.5rem solid #0B52A2;
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 700;
  font-size: 2.5rem;
  font-style: normal;
  text-transform: none;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .best-practice .best-practice-item .item-desc {
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 700;
  font-size: 1.5rem;
  color: #0B52A2;
  line-height: 2.19rem;
  font-style: normal;
  text-transform: none;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .best-practice .best-practice-item + .best-practice-item {
  margin-top: 2.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .best-practice .best-practice-item .black-arrow {
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  width: 8rem;
  height: 8rem;
  cursor: pointer;
  transform: translate(-50%, -75%) rotate(135deg);
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .best-practice .best-practice-item .black-arrow img {
  width: 100%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .topic-quiz {
  margin-top: 5rem;
  margin-bottom: 1rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .topic-quiz .quiz-section.new-quiz .quiz-section-body .top {
  background-image: url(/static/media/quiz_bg.90cd6c5c.png);
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 {
    padding-left: 2.88rem;
    padding-right: 3rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .example_box_1 .content_box .l2 {
    position: initial;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .example_box_1 .content_box .l2 .left {
    left: 24.5%;
    top: 25.5%;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .example_box_1 .content_box .l2 .left p {
    font-size: 1.25rem;
    line-height: 2rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .example_box_1 .content_box .l2 .left p .highlight {
    font-size: 1.5rem;
    line-height: 2.5rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .example_box_1 .content_box .l2 .right {
    top: 2%;
    height: initial;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .example_box_1 .content_box .l2 .right .arrow_icon {
    width: 5rem;
    right: -2%;
    left: initial;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .example_box_1 .content_box .l2 .right .p1 {
    font-size: 1.5rem;
    line-height: 2.25rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .example_box_1 .pc_hide {
    display: none;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .example_box_1 .mobile_show {
    display: block;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .prevent-best-practice-container {
    background-image: url(/static/media/background-2.a91b6016.png);
    background-repeat: no-repeat;
    background-size: 15.63rem 20.88rem;
    background-position: left top;
    padding-top: 5rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .prevent-best-practice-container .title-box {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .prevent-best-practice-container .prevent-best-practice {
    background: none;
    padding-left: 0;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .prevent-best-practice-container .prevent-best-practice .prevent-best-practice-item .item-desc {
    font-size: 1.75rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .how-content-container .how-content {
    height: 26.26rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .how-content-container .how-content .how-text-box {
    font-size: 1.75rem;
    line-height: 2.5rem;
    height: 24.06rem;
    padding: 2.5rem 1.5rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .how-content-container .how-content .how-text-box .highlight {
    font-size: 2rem;
    line-height: 2.5rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .how-content-container .how-content .how-text-box .arrow {
    top: 35%;
    right: 3%;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .how-content-container .how-content .back-left {
    width: 19.39rem;
    height: 11.32rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .how-content-container .how-content .back-right {
    width: 23.65rem;
    height: 16.98rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .best-practice-container {
    background-image: url(/static/media/background-2.a91b6016.png);
    background-repeat: no-repeat;
    background-size: 15.63rem 20.88rem;
    background-position: left top;
    padding-top: 5rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .best-practice-container .title-box {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .best-practice-container .best-practice {
    background: none;
    padding-left: 0;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .best-practice-container .best-practice .best-practice-item .item-desc {
    font-size: 1.75rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .topic-quiz .quiz-section.new-quiz .quiz-section-body .top {
    background-image: url(/static/media/quiz_bg_mobile.75a752f0.png);
  }
}

.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1000 .course-landing .course-landing-content .course-landing-text .title span:first-of-type {
  font-size: 3.5rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1000 .course-landing .course-landing-content .course-landing-text .title span:last-child {
  font-size: 2rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1000 .course-landing .course-landing-content .course-landing-text .description {
  font-size: 1.25rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .definition-container .definition-list > div {
  text-align: left;
  font-size: 1.25rem;
  line-height: 2.19rem;
  padding-right: 13.5rem;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .definition-container .definition-list > div {
    padding-right: 3rem;
  }
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .subtitle-box .c-title {
    font-size: 1.5rem;
  }
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .sub-description {
  font-size: 1.25rem;
  line-height: 2.19rem;
  text-align: left;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .social-activity-content .content-list .content-item {
  height: 18rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .social-activity-content .content-list .content-item .item-title {
  font-size: 1.25rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .social-activity-content .content-list .content-item .item-desc {
  margin-top: 0.75rem;
  font-size: 1rem;
  line-height: 1.88rem;
  text-align: left;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .social-activity-content .content-list .content-item {
    height: auto;
  }
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .result-container .result-title {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .result-container .result-title p {
  font-size: 2rem;
  line-height: 3.13rem;
  margin-bottom: 0;
  width: 90%;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .result-container .result-title p {
    font-size: 1.25rem;
    line-height: 2.2rem;
  }
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .result-container .result-list .result-item {
  width: calc((100% - 2.1rem) / 4);
  height: 12.56rem;
  font-size: 1.25rem;
  line-height: 2.19rem;
  text-align: left;
  padding: 1rem 0.5rem;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .result-container .result-list .result-item {
    width: 47.9%;
    padding: 2rem;
  }
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .example-container .example-content .right-box > .content-box {
  font-size: 1.25rem;
  line-height: 2.19rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .example-container .example-content .right-box > .content-box .highlight1,
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .example-container .example-content .right-box > .content-box .highlight2 {
  font-size: 2rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .example-container .example-content .right-box > .content-box p {
  margin-bottom: 1rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .example-container .example-content .right-box > .content-box p:last-of-type {
  margin-bottom: 0;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_2 .topic-section-1 .social-activity-container .example-container .example-content .right-box > .content-box .hide-in-en {
  display: none;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .title_type2 .w-title {
  font-size: 3rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .subtitle-box .subtitle {
  font-size: 2.5rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box .text_example_1_1 {
  font-size: 1.25rem;
  display: flex;
  line-height: 2.1875rem;
  align-items: center;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box .text_example_1_2 {
  font-size: 1.25rem;
  line-height: 2.1875rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box_1 .title_t1 {
  font-size: 1.25rem;
  height: initial;
  padding-bottom: 1rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box_1 .slide_box .slide_list .title_left .center_text {
  font-size: 1.25rem;
  line-height: 2.1875rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box_1 .slide_box .slide_list .example_img_type1 .right_text {
  font-size: 1rem;
  width: 23rem;
  text-align: left;
  line-height: 1.875rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box_1 .slide_box .slide_list:nth-child(2) .example_img_type1 .right_text {
  width: 23rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box_1 .slide_box .slide_list:nth-child(4) .example_img_type1 .right_text {
  width: 36rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box_1 .slide_box .slide_list:nth-child(6) .example_img_type1 .right_text {
  width: 17rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box_1 .slide_box .slide_list .example_text7 {
  padding: 3.5rem 2.625rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box_1 .slide_box .slide_list .example_text7 .text {
  font-size: 1.25rem;
  line-height: 2.1875rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box2 .ele_box .left_img .text {
  font-size: 1.25rem;
  line-height: 2.1875rem;
  padding: 1rem 2.56rem;
  bottom: 84%;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box2 .ele_box .right_img .text {
  font-size: 1.25rem;
  line-height: 2.1875rem;
  padding: 1rem 1.5rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box2 .ele_box2 .title_t {
  font-size: 2.5rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box2 .ele_box2 .content_box .text .ele_img {
  margin-top: 0.5rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box2 .ele_box2 .content_box .text p {
  text-align: left;
  font-size: 1.25rem;
  line-height: 2.1875rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box3 .swith_box .nav_box .nav_item {
  height: initial;
  font-size: 1.5rem;
  line-height: 2.8125rem;
  padding-bottom: 1.25rem;
  display: flex;
  align-items: end;
  justify-content: center;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box3 .swith_box .nav_box .nav_item.active span {
  width: 17rem;
  font-size: 2rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box3 .swith_box .nav_box .nav_item.active:nth-child(3) span {
  width: 10rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box3 .swith_box .swith_img_box .text {
  font-size: 1.25rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box4 .subtitle-box .subtitle {
  font-size: 2.25rem;
  width: 100%;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box4 .handle-pic-container .handle-pic-right .dialog-box-1 {
  height: initial;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box4 .handle-pic-container .handle-pic-right .dialog-box-1 .text {
  font-size: 1.25rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box4 .handle-pic-container .handle-pic-right .dialog-box-2 {
  z-index: 4;
  height: initial;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box4 .handle-pic-container .handle-pic-right .dialog-box-2 .text {
  font-size: 1.25rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box4 .handle-steps-container .steps-left {
  padding: 1.19rem 1.55rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box4 .handle-steps-container .steps-left .text {
  font-size: 2rem;
  line-height: 2.5rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box4 .handle-steps-container .right_box .text_item .inner {
  font-size: 1.25rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box_5 .text_box {
  font-size: 1.25rem;
  line-height: 2.1875rem;
  text-align: left;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box_6 .text_box {
  text-align: left;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box_7 .content_box .l2 .left {
  width: 21rem;
  padding: 4% 3%;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box_7 .content_box .l2 .left .p1 {
  line-height: 2.8125rem;
  font-size: 1.25rem;
  margin-bottom: initial;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box_7 .content_box .l2 .left .p2 {
  line-height: 2.8125rem;
  font-size: 1.25rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box_7 .content_box .l2 .right .p1 {
  font-size: 1.25rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_3 .example_box_8 .content_box .right_box .text_item .inner {
  font-size: 1.25rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .example_box_1 .content_box .l2 .left {
  padding: 6.5% 9% 4% 4%;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .example_box_1 .content_box .l2 .left p {
  font-size: 1.25rem;
  line-height: 2rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .example_box_1 .content_box .l2 .left p .highlight {
  font-size: 1.5rem;
  line-height: 2.5rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .example_box_1 .content_box .l2 .right .p1 {
  font-size: 1.25rem;
  line-height: 2rem;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .example_box_1 .c-title {
    font-size: 1.5rem;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .example_box_1 .content_box .l2 .left {
    padding: 6.5% 9% 4% 4%;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .example_box_1 .content_box .l2 .left p {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .example_box_1 .content_box .l2 .left p .highlight {
    font-size: 1.15rem;
    line-height: 1.5rem;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .example_box_1 .content_box .l2 .right .p1 {
    font-size: 1rem;
    line-height: 1.75rem;
  }
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .prevent-best-practice-container .title-box .c-title {
    font-size: 1.5rem;
  }
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .prevent-best-practice-container .prevent-best-practice .prevent-best-practice-item .item-desc {
  font-size: 1.25rem;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .how-content-container .c-title {
    font-size: 1.5rem;
  }
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .how-content-container .how-content .how-text-box {
  font-size: 1.25rem;
  line-height: 2.19rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .how-content-container .how-content .how-text-box .highlight {
  font-size: 2rem;
  line-height: 2.19rem;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .best-practice-container .title-box .c-title {
    font-size: 1.5rem;
  }
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1000_4 .topic-section-3 .best-practice-container .best-practice .best-practice-item .item-desc {
  font-size: 1.25rem;
}

@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .course-body-content.t1000 .topic-item.t1000_3 .subtitle-box {
    height: 4.25rem;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .course-body-content.t1000 .topic-item.t1000_3 .w-title {
    font-size: 2.5rem;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .course-body-content.t1000 .topic-item.t1000_3 .title_type2 .w-title {
    font-size: 2rem;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .course-body-content.t1000 .topic-item.t1000_3 .subtitle-box .subtitle {
    font-size: 1.75rem;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .course-body-content.t1000 .topic-item.t1000_3 .example_box .text_example_1_1 {
    width: 26.43rem;
    font-size: 1.5rem;
    top: 0;
    left: 32%;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .course-body-content.t1000 .topic-item.t1000_3 .example_box .text_example_1_2 {
    width: 23.43rem;
    height: initial;
    left: 7%;
    top: 59%;
    font-size: 1.5rem;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .course-body-content.t1000 .topic-item.t1000_3 .example_box_1 .title_t1 {
    font-size: 1.5rem;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .course-body-content.t1000 .topic-item.t1000_3 .example_box_1 .slide_box .center_text {
    font-size: 1.5rem;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .course-body-content.t1000 .topic-item.t1000_3 .example_box_1 .slide_box .slide_list .example_img_type1 .right_text {
    width: 100%;
    font-size: 1.25rem;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .course-body-content.t1000 .topic-item.t1000_3 .example_box2 .ele_box {
    margin-top: 17rem;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .course-body-content.t1000 .topic-item.t1000_3 .example_box2 .right_img .text {
    right: 43%;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .course-body-content.t1000 .topic-item.t1000_3 .example_box2 .ele_box2 .title_t {
    font-size: 1.75rem;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .course-body-content.t1000 .topic-item.t1000_3 .example_box2 .ele_box2 .content_box {
    padding-top: 3rem;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .course-body-content.t1000 .topic-item.t1000_3 .example_box2 .ele_box2 .content_box .text p {
    font-size: 1.5rem;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .course-body-content.t1000 .topic-item.t1000_3 .example_box3 .swith_box .nav_box .nav_item {
    width: 33.33%;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .course-body-content.t1000 .topic-item.t1000_3 .example_box3 .swith_box .nav_box .nav_item.active {
    width: 36%;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .course-body-content.t1000 .topic-item.t1000_3 .example_box3 .swith_box .nav_box .nav_item.active span {
    font-size: 1.75rem;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .course-body-content.t1000 .topic-item.t1000_3 .example_box3 .swith_box .nav_box .nav_item:nth-of-type(3) {
    width: 30%;
    flex: initial;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .course-body-content.t1000 .topic-item.t1000_3 .example_box4 .subtitle-box .subtitle {
    display: flex;
    align-items: center;
    height: 5rem;
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .course-body-content.t1000 .topic-item.t1000_3 .example_box4 .handle-pic-container .handle-pic-right {
    height: 49rem;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .course-body-content.t1000 .topic-item.t1000_3 .example_box4 .handle-pic-container .handle-pic-right .dialog-box-2 {
    top: 12rem;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .course-body-content.t1000 .topic-item.t1000_3 .example_box4 .handle-steps-container .steps-left .text {
    width: 80%;
    font-size: 1.75rem;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .course-body-content.t1000 .topic-item.t1000_3 .example_box4 .handle-steps-container .right_box .text_item .inner {
    font-size: 1.5rem;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .course-body-content.t1000 .topic-item.t1000_3 .example_box_5 .subtitle-box {
    height: 4.25rem;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .course-body-content.t1000 .topic-item.t1000_3 .example_box_5 .subtitle-box .subtitle {
    font-size: 1.75rem;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .course-body-content.t1000 .topic-item.t1000_3 .example_box_5 .text_box {
    font-size: 1.5rem;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .course-body-content.t1000 .topic-item.t1000_3 .example_box_7 .subtitle-box .subtitle {
    font-size: 1.5rem;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .course-body-content.t1000 .topic-item.t1000_3 .example_box_7 .content_box .l2 .left {
    left: 26%;
    width: 16rem;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .course-body-content.t1000 .topic-item.t1000_3 .example_box_7 .content_box .l2 .left .p1 {
    line-height: 2rem;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .course-body-content.t1000 .topic-item.t1000_3 .example_box_7 .content_box .l2 .left .p2 {
    width: 13rem;
    line-height: 2rem;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .course-body-content.t1000 .topic-item.t1000_3 .example_box_8 .subtitle-box {
    right: 1rem;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .course-body-content.t1000 .topic-item.t1000_3 .example_box_8 .subtitle-box .subtitle {
    width: 26.125rem;
    height: 4.25rem;
    line-height: 2rem;
    font-size: 1.5rem;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout .ant-layout-content .course-body .course-body-content.t1000 .topic-item.t1000_3 .example_box_8 .content_box .right_box .text_item .inner {
    font-size: 1.5rem;
  }
}

@media (max-width: 1024px) {
  .topic-item.t1000_3 ._back .back_piece_t {
    height: 22.6875rem;
    top: -7rem;
  }
  .topic-item.t1000_3 .topic-section-2 .padding_box {
    padding-right: 3rem;
    padding-left: 3rem;
  }
  .topic-item.t1000_3 .topic-section-2 .title_type2 .w-title {
    font-size: 2.5rem;
    line-height: 3rem;
  }
  .topic-item.t1000_3 .topic-section-2 .subtitle-box {
    height: 4.25rem;
  }
  .topic-item.t1000_3 .topic-section-2 .subtitle-box .subtitle {
    font-size: 2rem;
    line-height: 4.25rem;
  }
  .topic-item.t1000_3 .topic-section-2 .example_box {
    margin-top: 5rem;
  }
  .topic-item.t1000_3 .topic-section-2 .example_box .text_example_1_1 {
    width: 23.43rem;
    height: 9.25rem;
    font-size: 1.75rem;
    top: -12%;
  }
  .topic-item.t1000_3 .topic-section-2 .example_box .text_example_1_2 {
    font-size: 1.75rem;
    width: 14.43rem;
    padding: 0.5rem 0.85rem;
    left: 32%;
    top: 55%;
    height: 12rem;
    z-index: 2;
  }
  .topic-item.t1000_3 .topic-section-2 .example_box_1 .title_t1 {
    font-size: 1.75rem;
    line-height: 2.5rem;
    padding-top: 3rem;
    padding-bottom: 9rem;
  }
  .topic-item.t1000_3 .topic-section-2 .example_box_1 .title_t1:after {
    height: 1px;
  }
  .topic-item.t1000_3 .topic-section-2 .example_box_1 .slide_box .pc_hide {
    display: none;
  }
  .topic-item.t1000_3 .topic-section-2 .example_box_1 .slide_box .mobile_show {
    display: block;
  }
  .topic-item.t1000_3 .topic-section-2 .example_box_1 .slide_box .slide_list {
    padding: 0 2.625rem 1.5rem;
  }
  .topic-item.t1000_3 .topic-section-2 .example_box_1 .slide_box .slide_list .example_img_type1 .right_text {
    position: initial;
    font-size: 1.5rem;
    margin-bottom: -1.25rem;
    border-radius: initial;
    padding-bottom: 2rem;
    border-radius: 0.5rem 0.5rem 0 0;
  }
  .topic-item.t1000_3 .topic-section-2 .example_box_1 .slide_box .slide_list .example_img_type1 img {
    border-radius: 1.25rem;
  }
  .topic-item.t1000_3 .topic-section-2 .example_box_1 .slide_box .slide_list .example_img_type1 .example_back_box {
    padding-top: 48%;
  }
  .topic-item.t1000_3 .topic-section-2 .example_box_1 .slide_box .slide_list .example_img_type1 .example_back_box .text {
    font-size: 1.75rem;
  }
  .topic-item.t1000_3 .topic-section-2 .example_box_1 .slide_box .slide_list .title_box .circle {
    width: 4.375rem;
    height: 4.375rem;
  }
  .topic-item.t1000_3 .topic-section-2 .example_box_1 .slide_box .slide_list .title_box .circle em {
    font-size: 4rem;
  }
  .topic-item.t1000_3 .topic-section-2 .example_box_1 .slide_box .slide_list .title_box .center_text {
    font-size: 1.75rem;
    margin-left: 3.5rem;
  }
  .topic-item.t1000_3 .topic-section-2 .example_box_1 .slide_box .slide_list .example_text7 {
    height: initial;
  }
  .topic-item.t1000_3 .topic-section-2 .example_box_1 .slide_box .slide_list .example_text7 .example_img {
    width: 15rem;
    right: -2rem;
    bottom: 0rem;
  }
  .topic-item.t1000_3 .topic-section-2 .example_box_1 .slide_box .slide_list .example_text7 .text {
    width: 69%;
  }
  .topic-item.t1000_3 .topic-section-2 .example_box_1 .slide_box .bottom_arrow.mobile_show {
    padding-bottom: 1.5rem;
    position: initial;
    display: flex;
  }
  .topic-item.t1000_3 .topic-section-2 .example_box_1 .slide_box .bottom_arrow.mobile_show span svg {
    width: 3rem;
    height: 3rem;
  }
  .topic-item.t1000_3 .topic-section-2 .example_box2 .ele_box {
    margin-top: 12rem;
  }
  .topic-item.t1000_3 .topic-section-2 .example_box2 .ele_box .left_img {
    width: 17rem;
    margin-left: initial;
    margin-top: initial;
    top: -9rem;
    left: 0rem;
    z-index: 2;
  }
  .topic-item.t1000_3 .topic-section-2 .example_box2 .ele_box .left_img .text {
    padding: 1rem 1rem;
    font-size: 1.75rem;
    left: 83%;
    bottom: 59%;
  }
  .topic-item.t1000_3 .topic-section-2 .example_box2 .ele_box .left_img .text svg {
    display: none;
  }
  .topic-item.t1000_3 .topic-section-2 .example_box2 .ele_box .right_img {
    width: 15.625rem;
    bottom: -15%;
    right: 1%;
  }
  .topic-item.t1000_3 .topic-section-2 .example_box2 .ele_box .right_img .text {
    width: 19rem;
    padding: 1rem 1rem;
    bottom: 35%;
    right: 60%;
    font-size: 1.5rem;
  }
  .topic-item.t1000_3 .topic-section-2 .example_box2 .ele_box .right_img .text svg {
    display: none;
  }
  .topic-item.t1000_3 .topic-section-2 .example_box2 .ele_box .right_img img {
    position: relative;
    z-index: 2;
  }
  .topic-item.t1000_3 .topic-section-2 .example_box2 .ele_box2 .title_t {
    width: initial;
    height: 3rem;
    font-size: 2rem;
    padding: 0 3rem;
  }
  .topic-item.t1000_3 .topic-section-2 .example_box2 .ele_box2 .content_box .text img {
    float: initial;
    width: 100%;
    margin: initial;
  }
  .topic-item.t1000_3 .topic-section-2 .example_box2 .ele_box2 .content_box .text .text_p {
    margin: 0;
  }
  .topic-item.t1000_3 .topic-section-2 .example_box2 .ele_box2 .content_box .text .text2 {
    font-size: 1.5rem;
  }
  .topic-item.t1000_3 .topic-section-2 .example_box2 .ele_box2 .content_box .text .text_a {
    font-size: 1.5rem;
  }
  .topic-item.t1000_3 .topic-section-2 .example_box2 .ele_box2 .content_box .ele_img2 {
    width: 7.625rem;
    top: -11rem;
    left: 2rem;
  }
  .topic-item.t1000_3 .topic-section-2 .example_box3 .swith_box .nav_box .nav_item {
    font-size: 1.5rem;
  }
  .topic-item.t1000_3 .topic-section-2 .example_box3 .swith_box .nav_box .nav_item.active {
    font-size: 1.75rem;
  }
  .topic-item.t1000_3 .topic-section-2 .example_box3 .swith_box .nav_box .nav_item:after {
    height: 3px;
  }
  .topic-item.t1000_3 .topic-section-2 .example_box4 .handle-pic-container {
    height: auto;
    margin-top: 3rem;
  }
  .topic-item.t1000_3 .topic-section-2 .example_box4 .handle-pic-container .handle-pic-right {
    width: 100%;
    position: relative;
    height: 46rem;
  }
  .topic-item.t1000_3 .topic-section-2 .example_box4 .handle-pic-container .handle-pic-right .dialog-box-1 {
    left: 2rem;
    top: 2rem;
  }
  .topic-item.t1000_3 .topic-section-2 .example_box4 .handle-pic-container .handle-pic-right .dialog-box-2 {
    top: 10.69rem;
    right: 2rem;
    left: initial;
  }
  .topic-item.t1000_3 .topic-section-2 .example_box4 .handle-pic-container .handle-pic-left {
    width: 100%;
    height: 27.75rem;
  }
  .topic-item.t1000_3 .topic-section-2 .example_box4 .handle-steps-container {
    flex-direction: column;
  }
  .topic-item.t1000_3 .topic-section-2 .example_box4 .handle-steps-container .steps-left {
    width: 100%;
    height: 7.125rem;
    background-image: url(/static/media/section2_4_3_m.22e2565b.png);
    background-size: 100% auto;
    padding: initial;
    display: flex;
    align-items: center;
  }
  .topic-item.t1000_3 .topic-section-2 .example_box4 .handle-steps-container .steps-left .text {
    font-size: 2rem;
    margin-left: 2rem;
  }
  .topic-item.t1000_3 .topic-section-2 .example_box4 .handle-steps-container .steps-left .text br {
    display: none;
  }
  .topic-item.t1000_3 .topic-section-2 .example_box4 .handle-steps-container .right_box {
    margin-left: initial;
    margin-top: 2rem;
  }
  .topic-item.t1000_3 .topic-section-2 .example_box4 .handle-steps-container .right_box .text_item {
    margin-bottom: 1rem;
  }
  .topic-item.t1000_3 .topic-section-2 .example_box4 .handle-steps-container .right_box .text_item .inner {
    min-height: 5rem;
    font-size: 1.75rem;
  }
  .topic-item.t1000_3 .topic-section-2 .example_box4 .handle-steps-container .right_box .text_item .inner em {
    width: 5rem;
    height: 5rem;
    line-height: 5rem;
    font-size: 2.5rem;
  }
  .topic-item.t1000_3 .topic-section-2 .t1000_custom {
    padding-top: 4rem;
  }
  .topic-item.t1000_3 .topic-section-2 .t1000_custom .example_box_5 {
    padding: 4.81rem 2.25rem 7rem 2.25rem;
  }
  .topic-item.t1000_3 .topic-section-2 .t1000_custom .example_box_5 .text_a_box {
    left: 2.25rem;
    bottom: 1.5rem;
  }
  .topic-item.t1000_3 .topic-section-2 .t1000_custom .example_box_5 .text_a_box .text2 {
    font-size: 1.5rem;
    margin-bottom: initial;
  }
  .topic-item.t1000_3 .topic-section-2 .t1000_custom .example_box_5 .text_a_box .text_a {
    font-size: 1.5rem;
  }
  .topic-item.t1000_3 .topic-section-2 .t1000_custom .example_box_5 .subtitle-box {
    left: 0;
    display: flex;
    justify-content: center;
  }
  .topic-item.t1000_3 .topic-section-2 .t1000_custom .example_box_5 .text_box {
    margin-left: initial;
  }
  .topic-item.t1000_3 .topic-section-2 .t1000_custom .example_box_5 .left_img {
    top: 0rem;
    left: 0;
    bottom: initial;
    height: initial;
    width: 5rem;
  }
  .topic-item.t1000_3 .topic-section-2 .t1000_custom .example_box_5 .left_img2 {
    width: 7rem;
    top: -5rem;
  }
  .topic-item.t1000_3 .topic-section-2 .example_box_7 .content_box .l2 {
    position: initial;
  }
  .topic-item.t1000_3 .topic-section-2 .example_box_7 .content_box .l2 .left {
    left: 21%;
    top: 25.5%;
  }
  .topic-item.t1000_3 .topic-section-2 .example_box_7 .content_box .l2 .left .p1 {
    font-size: 1.75rem;
    margin-bottom: initial;
  }
  .topic-item.t1000_3 .topic-section-2 .example_box_7 .content_box .l2 .left .p2 {
    font-size: 2rem;
    line-height: 2.5rem;
    margin-bottom: initial;
  }
  .topic-item.t1000_3 .topic-section-2 .example_box_7 .content_box .l2 .right {
    top: 2%;
    height: initial;
  }
  .topic-item.t1000_3 .topic-section-2 .example_box_7 .content_box .l2 .right .arrow_icon {
    width: 4rem;
    bottom: -5%;
    transform: initial;
    right: -2%;
    left: initial;
  }
  .topic-item.t1000_3 .topic-section-2 .example_box_7 .content_box .l2 .right .p1 {
    font-size: 1.75rem;
    line-height: 2.5rem;
  }
  .topic-item.t1000_3 .topic-section-2 .example_box_7 .pc_hide {
    display: none;
  }
  .topic-item.t1000_3 .topic-section-2 .example_box_7 .mobile_show {
    display: block;
  }
  .topic-item.t1000_3 .topic-section-2 .example_box_8 {
    margin-top: -7rem;
  }
  .topic-item.t1000_3 .topic-section-2 .example_box_8 .content_box {
    margin-top: initial;
    flex-direction: column;
  }
  .topic-item.t1000_3 .topic-section-2 .example_box_8 .content_box .img_box {
    width: 15.5rem;
    top: 7rem;
  }
  .topic-item.t1000_3 .topic-section-2 .example_box_8 .content_box .right_box .text_item {
    margin-bottom: 1rem;
  }
  .topic-item.t1000_3 .topic-section-2 .example_box_8 .content_box .right_box .text_item .inner {
    font-size: 1.75rem;
  }
  .topic-item.t1000_3 .topic-section-2 .example_box_8 .subtitle-box {
    position: absolute;
    right: 3rem;
    width: initial;
    top: 13rem;
    z-index: 4;
  }
}

.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1400 {
  background: #f3f9ff;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1400 + .nextTopic_box {
  background: url(/static/media/nextTopic_bg.a0cdeb3d.png) no-repeat center #f3f9ff;
  background-size: 100% auto;
  background-position: bottom;
  padding: 3.875rem 9.31rem 3.875rem 14.75rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1400 .course-landing {
  background-color: transparent;
  background-image: url(/static/media/top_bg.89037f97.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1400 .course-landing .course-landing-content {
  background-image: none;
  padding-left: 14.75rem;
  padding-top: 4.81rem;
  grid-gap: 1rem;
  gap: 1rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1400 .course-landing .course-landing-content .course-landing-text {
  width: auto;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1400 .course-landing .course-landing-content .course-landing-text .title {
  padding-left: 3.06rem;
  position: relative;
  font-family: Source Han Sans CN;
  font-weight: 700;
  line-height: 5rem;
  font-size: 2.25rem;
  color: #F36928;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1400 .course-landing .course-landing-content .course-landing-text .title span {
  color: #0b52a2;
  font-size: 4rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1400 .course-landing .course-landing-content .course-landing-text .title:before {
  position: absolute;
  content: "";
  width: 10.13rem;
  height: 10.13rem;
  background-image: url(/static/media/top_icon.e6129cac.png);
  background-size: cover;
  left: -5rem;
  top: -50%;
  transform: translate(-50%, 0);
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1400 .course-landing .course-landing-content .course-landing-text .description {
  padding-left: 3.06rem;
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 500;
  font-size: 1.5rem;
  color: #4C4C4E;
  line-height: 2.19rem;
  margin-bottom: 11.38rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1400 .course-landing .course-landing-content .course-landing-text .video-container {
  margin: auto;
  width: 48rem;
  height: 28rem;
  background: url(/static/media/back_pad1.89f1c16c.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
  z-index: 2;
  padding: 1.1rem 2rem 1.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1400 .course-landing .course-landing-content .course-landing-text .video-container video {
  border-radius: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1400 .course-landing .course-landing-content .course-landing-text .video-container .top-tips {
  position: absolute;
  height: 5.687rem;
  top: -7rem;
  left: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1400 .course-landing .course-landing-content .course-landing-text .video-container .video-transcript-area {
  margin-top: 3rem;
  width: auto;
  margin: 3rem -2rem 0 -2rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1400 .course-landing .course-landing-content .left-img {
  height: 59.38rem;
  position: relative;
  min-width: 26rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1400 .course-landing .course-landing-content .left-img .person {
  width: 14.63rem;
  vertical-align: bottom;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1400 .course-landing .course-landing-content .left-img .flowers {
  width: 15.76rem;
  position: absolute;
  right: 1rem;
  bottom: 2rem;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1400 + .nextTopic_box {
    padding: 3.875rem 0 3.875rem 0;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1400 .course-landing {
    background-position-x: 0;
    background-size: cover;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1400 .course-landing .course-landing-content {
    position: relative;
    padding-left: 2.875rem;
    padding-right: 2.875rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1400 .course-landing .course-landing-content:before {
    content: "";
    width: 9.2rem;
    height: 12.125rem;
    background: url(data:image/png;base64,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) no-repeat;
    position: absolute;
    right: 0;
    top: 0;
    background-size: cover;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1400 .course-landing .course-landing-content .course-landing-text .description {
    padding-left: 0;
    font-size: 1.75rem;
    margin-bottom: 13.38rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1400 .course-landing .course-landing-content .course-landing-text .title {
    display: flex;
    flex-direction: column;
    padding-left: 10.5rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1400 .course-landing .course-landing-content .course-landing-text .title:before {
    width: 9.2rem;
    height: 9.2rem;
    left: 0;
    top: 0;
    transform: initial;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1400 .course-landing .course-landing-content .course-landing-text .video-container {
    width: 100%;
    padding: 3.2rem 2rem 3.2rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1400 .course-landing .course-landing-content .course-landing-text .video-container video {
    width: 100%;
    height: 100%;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1400 .course-landing .course-landing-content .course-landing-text .video-container .video-transcript-area {
    margin: 5rem -2rem 0 -2rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1400 .course-landing .course-landing-content .left-img {
    position: absolute;
    min-width: initial;
    right: 2.5rem;
    height: 25rem;
    overflow: hidden;
    top: 18.5rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1400 .course-landing .course-landing-content .left-img .flowers {
    display: none;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1400 .course-landing .course-landing-content .left-img .person {
    width: 13.625rem;
  }
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 {
  padding: 0;
  margin-top: 8.06rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 {
  padding: 0 9.31rem 7.06rem 14.81rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .mv {
  margin: auto;
  height: 31.31rem;
  display: flex;
  justify-content: space-between;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .mv-left,
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .mv-right {
  position: relative;
  font-weight: bold;
  font-size: 1.5rem;
  color: #1F1F1F;
  line-height: 2.81rem;
  background-color: #ffffff;
  background-size: 100% auto;
  background-position: top;
  background-repeat: no-repeat;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .mv-left b,
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .mv-right b {
  font-size: 2.5rem;
  font-weight: 700;
  color: #EE6E2F;
  font-family: 'Arial';
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .mv-left {
  border-radius: 0.63rem;
  width: 50.56%;
  background-image: url(data:image/png;base64,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);
  padding: 6.19rem 2.25rem 0 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .mv-left-person {
  position: absolute;
  left: 0;
  bottom: 0;
  max-height: 26.38rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .mv-left div {
  float: right;
  width: 18.06rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .mv-right {
  border-radius: 0.63rem;
  width: 44.42%;
  height: 100%;
  background-image: url(data:image/png;base64,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);
  padding: 6.19rem 0 0 2.06rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .mv-right-person {
  position: absolute;
  right: 0;
  bottom: 0;
  max-width: 25.75rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .mv-right div {
  width: 21.312rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .news-title {
  margin-top: 4.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 3.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .news-title .c-title {
  margin-bottom: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .news-content {
  margin: auto;
  display: flex;
  justify-content: space-between;
  min-height: 40.8rem;
  background-image: url(/static/media/news_bg.b8ee7570.png);
  background-size: 32.31rem auto;
  background-repeat: no-repeat;
  background-position: center bottom;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .news-content .silder {
  position: relative;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .news-content .silder-title {
  font-weight: 700;
  font-size: 2rem;
  color: #FFFFFF;
  width: 35rem;
  height: 4.81rem;
  border-radius: 10.88rem;
  border: 0.06rem solid #000000;
  padding: 0.375rem;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .news-content .silder-title img {
  height: 100%;
  width: auto;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .news-content .silder .silder-list {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  position: absolute;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .news-content .silder .silder-list span {
  display: inline-block;
  padding: 1.06rem 1.38rem;
  color: #000000;
  border-radius: 6.94rem;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 2.19rem;
  margin-top: 2rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .news-content-one {
  left: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .news-content-one .silder-title {
  color: #EE6E2F;
  background-color: #FFE6DA;
  padding-left: 1.375rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .news-content-one .silder-list {
  align-items: flex-start;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .news-content-one .silder-list span {
  background-color: #FFE6DA;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .news-content-one .silder-list span:nth-child(4) {
  width: 35rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .news-content-one .silder-list span:nth-child(5) {
  width: 35rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .news-content-two {
  text-align: right;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .news-content-two .silder-title {
  color: #0B52A2;
  background-color: #D8EAFF;
  padding-right: 1.375rem;
  font-family: 'Arial';
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .news-content-two .silder-list {
  right: 0;
  align-items: flex-end;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .news-content-two .silder-list span {
  background-color: #D8EAFF;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .news-content-two .silder-list span:nth-child(1) {
  width: 35rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .news-content-two .silder-list span:nth-child(3) {
  width: 32rem;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 {
    padding-left: 2.875rem;
    padding-right: 2.875rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .mv {
    height: 25.5rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .mv .mv-left {
    padding-right: 0;
    font-size: 1.75rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .mv .mv-left b {
    font-size: 2rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .mv .mv-left div {
    float: initial;
    margin: 0 auto;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .mv .mv-left .mv-left-person {
    max-height: 9rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .mv .mv-right {
    font-size: 1.75rem;
    padding-top: 25%;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .mv .mv-right b {
    font-size: 2rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .mv .mv-right div {
    width: initial;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .mv .mv-right .mv-right-person {
    max-width: 8.1rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .news-title .c-title {
    font-size: 2rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .news-content {
    background: initial;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .news-content .silder {
    width: 50%;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .news-content .silder .silder-title {
    height: 3rem;
    width: 100%;
    position: relative;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .news-content .silder .silder-list {
    width: 100%;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .news-content .silder .silder-list span {
    width: initial;
    font-size: 1.75rem;
    border-radius: 1.25rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .news-content .news-content-one {
    width: calc(50% - 3px);
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .news-content .news-content-two:before {
    content: "";
    width: 14.75rem;
    height: 9.8rem;
    position: absolute;
    background: url(/static/media/news_bg.b8ee7570.png);
    background-size: cover;
    top: -9.5rem;
    right: 0;
  }
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 {
  padding: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3 {
  padding: 4.94rem 9.3rem 14rem 14.75rem;
  background-image: url(/static/media/file_bg.19dd8ad2.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3 .w-title {
  width: 54rem;
  margin-bottom: 5.13rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3 .w-title::after {
  top: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3 .subTitle {
  height: 5.25rem;
  background: #BBDCFF;
  border-radius: 0.63rem;
  margin-left: -14.75rem;
  display: flex;
  align-items: center;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3 .subTitle span {
  font-family: Source Han Sans CN, Source Han Sans CN;
  display: inline-block;
  margin-left: 14.75rem;
  width: 18.38rem;
  background: #EE6E2F;
  border-radius: 3.13rem;
  line-height: 4.06rem;
  text-align: center;
  font-weight: bold;
  font-size: 2.5rem;
  color: #FFFFFF;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3 .share {
  width: 100%;
  position: relative;
  margin-top: 3.3rem;
  margin-bottom: 8rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3 .share .pc_hide {
  display: block;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3 .share .mobile_show {
  display: none;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3 .share .l1 {
  width: 92%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3 .share .l2 {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3 .share .l2 img {
  width: 100%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3 .share .l2 .left {
  width: 50%;
  height: auto;
  position: absolute;
  left: 25%;
  top: 13.5%;
  font-weight: bold;
  padding: 4% 7.5% 4% 4%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3 .share .l2 .left p {
  font-size: 1.5rem;
  color: #1F1F1F;
  margin-bottom: 1rem;
  line-height: 3rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3 .share .l2 .left p .highlight {
  font-size: 2.8rem;
  color: #F36928;
  line-height: 4.5rem;
  margin-bottom: 2rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3 .share .l2 .right {
  width: 46%;
  height: 20%;
  position: absolute;
  right: 0;
  top: 1%;
  font-weight: bold;
  padding: 0% 2.5%;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3 .share .l2 .right .p1 {
  font-size: 1.5rem;
  color: #1F1F1F;
  line-height: 2.81rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3 .share .l2 .right .arrow_icon {
  width: 8rem;
  position: absolute;
  left: 78%;
  top: 95%;
  transform: translateY(-50%);
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3 .file-subtitle {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2.1875rem;
  text-align: justify;
  margin-bottom: 3.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3 .file-content {
  width: 100%;
  height: 37.75rem;
  background-image: url(data:image/png;base64,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);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
  display: flex;
  align-items: center;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3 .file-content img {
  position: absolute;
  height: auto;
  width: 32rem;
  left: -1rem;
  bottom: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3 .file-content .word-l0 {
  font-weight: 500;
  font-size: 1.5rem;
  color: #000000;
  padding: 1.44rem;
  margin: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3 .file-content .word-l0 h3 {
  font-weight: 500;
  font-size: 8rem;
  color: #77B0E8;
  margin: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3 .file-content .word-l1 {
  left: 0;
  top: 0;
  position: absolute;
  width: 38%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3 .file-content .word-l2 {
  right: 0;
  top: 0;
  position: absolute;
  width: 50%;
  text-align: right;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3 .file-content .word-l3 {
  right: 0;
  bottom: 0;
  position: absolute;
  width: 50%;
  text-align: right;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3 .file-content-center {
  width: calc(100% - 38rem);
  height: 24rem;
  background-color: #DDEBFA;
  margin-left: 19rem;
  border-radius: 1.25rem;
  padding: 1rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3 .file-content-center .center-word {
  width: 100%;
  height: 100%;
  border-radius: 1.25rem;
  background-color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 2.5rem;
  color: #0B52A2;
  line-height: 3.75rem;
  text-align: center;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3 .file-content0 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABJYAAAK0CAYAAABRI7d0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAABUcSURBVHgB7d3RdRTXHYDxO2vg0YcGkCVbecapIC4Bd4A7cCowqsBxBaaD4A7oIMo7GCFSAH62tDcrJeTo6NgEfWGlYP9+Lzszewv4n29m7izjF/ztxbz78ernh2O1+tOyLJ+POXcHAMBly3I05zycc/3D/s6dx+P/hFkGAOA9eIdZb7l84dnxyYPVMr7fHN4dAADvao6j9Vgf3HRgMssAAGzBr8x6q4snz49Pv90MYn8dBjEA4KqWsbtaVt8/f3X6zbghZhkAgC35lVnvP08svdj8Mcd8NAAA/kdzLn/5bOejP49rZJYBALgeF2e987D07Pjk4b8fGQcAeC/Wc3y5v3PrybgGZhkAgOv1ZtY7D0s//uP0hU0tAYD37PVPJx/t/XFveT22zCwDAHDtzme91dkdPoMYALAF//oy25aZZQAAbsT5rLcaYz4YAABbsCzLF2PrzDIAADfhbNZbrZbVJwMAYCuW+2PLzDIAADdluX/2xNLnAwBgG5axO7bOLAMAcCM2s95qAAAAAEAgLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAwAdtjvFyAABw/eY4EpYAgA/anPNwAABwA+bfhSUA4IO2zPl0AABw7dZjPhGWAIAP2mp9+/Hm5/UAAOD6zHG0v3PnsbAEAHzQ9vaW1+s5vhoAAFyb9VgfnP0KSwDAB29/59aTOeZ3AwCArTsd8+DsaaWzY2EJAPhN+Oze7a83celgAACwNevNzbw/3Lv96M25sAQA/GZs4tKj89filuVoAADwPp1tP/Dl/uZm3sWLy4+vTuYAANiST+/dWsYNeHZ88nA15oPN4e4mNN0fAABcySYYvVzmPJxzPj37YMrZ3paX1whLAMBW3VRYAgBg+7wKBwAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLA0AAAAACmEJAAAAgGT58dXJHAAAAABw0bIczTkP51z/sL9z5/EvLhGWAAAAAHirOY7WY31wOTB5FQ4AAACAt1vG7mpZff/81ek3Fy8LSwAAAAC8k2XMR8+PT799cy4sAQAAAPDOlmV+/ez45MH5sT2WAAAAALii1z+dfLTniSUAAAAArurux6ufHwpLAAAAAFzZsixfCEsAAAAABMt9YQkAAACAq1vGrrAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAibAEAAAAQCIsAQAAAJAISwAAAAAkwhIAAAAAyWqO8XIAAAAAwJUsh6s55+EAAAAAgKuY65erZc6nAwAAAACuYD3mk+XFi3l33jp9sTm/OwAAAADgv5nj6NOdW3urvb3l9XqOrwYAAAAAvIP1WB+c/Z5/FW5/59aTOeZ3AwAAAADe4nTMg/2dO4/PjpeLfzx/9fOjZSzfDAAAAAC4ZD3md/v3bn/95ny5vODZ8cnD1WoTl+bcHQAAAAAwxvlWSmdvvV28uPza6vPANOaDuSyfbxZ9MgAAAAD43ZhjvFzmPJxzPl2tbz8+26f78pp/AmKxR4b+92jOAAAAAElFTkSuQmCC);
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3 .file-content0 .word-l0 h3 {
  color: #6076E8;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3 .file-content0 .file-content-center .center-word {
  color: #5F61C0;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3 {
    margin-top: 4rem;
    padding-left: 2.875rem;
    padding-right: 2.875rem;
    padding-bottom: 11.625rem;
    background: url(data:image/png;base64,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) no-repeat #ddebfa;
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: relative;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3:after {
    content: '';
    width: 100%;
    height: 11.625rem;
    background: url(data:image/png;base64,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) no-repeat #f3f9ff;
    background-repeat: no-repeat;
    background-size: 100% auto;
    z-index: 1;
    position: absolute;
    left: 0;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3 .w-title {
    font-size: 3rem;
    width: initial;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3 .subTitle span {
    margin-left: 22.5rem;
    font-size: 2rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3 .share .l2 {
    position: initial;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3 .share .l2 .left {
    left: 24.5%;
    top: 25.5%;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3 .share .l2 .left p {
    font-size: 1.25rem;
    line-height: 2rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3 .share .l2 .left p .highlight {
    font-size: 1.5rem;
    line-height: 2.5rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3 .share .l2 .right {
    top: 6%;
    height: initial;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3 .share .l2 .right .arrow_icon {
    width: 5rem;
    right: -2%;
    left: initial;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3 .share .l2 .right .p1 {
    font-size: 1.5rem;
    line-height: 2.25rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3 .share .pc_hide {
    display: none;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3 .share .mobile_show {
    display: block;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3 .c-title {
    font-size: 2rem;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    padding: 0 2rem;
    width: calc(100% + 2.875rem);
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3 .file-subtitle {
    font-size: 1.75rem;
    color: #1F1F1F;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3 .file-content-center {
    width: 50%;
    margin-left: 25%;
    height: 17.25rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3 .file-content-action {
    text-align: center;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3 .file-content-action .imgPoint {
    left: calc(50% + 3rem);
    top: -6rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3 .file-content-action svg {
    width: 3rem;
    height: 3rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3 .file-content {
    height: 45.75rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3 .file-content img {
    width: 23.75rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3 .file-content .word-l0 {
    font-size: 1.75rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3 .file-content .word-l0 h3 {
    font-size: 6rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3 .file-content .word-l0.word-l2 {
    height: 17.75rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3 .file-content .word-l0.word-l2 h3 {
    position: absolute;
    bottom: 1.44rem;
    right: 1.44rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3 .file-content .word-l0.word-l1 {
    height: 20rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3 .file-content .word-l0.word-l1 h3 {
    position: absolute;
    bottom: 1.44rem;
    left: 1.44rem;
  }
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_4 {
  padding: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_4 .topic-section-4 {
  padding: 4.94rem 9.3rem 14rem 14.75rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_4 .topic-section-4 .w-title {
  width: 54rem;
  margin-bottom: 6.0625rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_4 .topic-section-4 .w-title::after {
  top: 0;
  height: 10.5625rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_4 .topic-section-4 .subTitle {
  height: 5.25rem;
  border-radius: 0.63rem;
  margin-left: -14.75rem;
  display: flex;
  align-items: center;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_4 .topic-section-4 .subTitle span {
  font-family: Source Han Sans CN, Source Han Sans CN;
  display: inline-block;
  margin-left: 14.75rem;
  width: 18.38rem;
  background: #EE6E2F;
  border-radius: 3.13rem;
  line-height: 4.06rem;
  text-align: center;
  font-weight: bold;
  font-size: 2.5rem;
  color: #FFFFFF;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_4 .topic-section-4 .case {
  position: relative;
  margin-bottom: 5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_4 .topic-section-4 .case::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -14.75rem;
  width: 1.31rem;
  background-color: #9EC8F2;
  box-shadow: 0.625rem 0 1rem 0 #4D84C582;
  z-index: 1;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_4 .topic-section-4 .case .fileLeftPerson {
  position: absolute;
  width: 15.88rem;
  height: auto;
  left: -14.75rem;
  top: -5%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_4 .topic-section-4 .case-content {
  margin-top: 2.5rem;
  background: #BBDCFF;
  border-radius: 0 0.63rem 0.63rem 0;
  display: flex;
  justify-content: space-between;
  margin-left: -14.75rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_4 .topic-section-4 .case-content-left {
  margin-left: 14.75rem;
  flex: 1 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 1.81rem;
  padding-right: 1rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_4 .topic-section-4 .case-content-left p {
  font-weight: 500;
  font-size: 1.25rem;
  color: #000000;
  line-height: 2.19rem;
  text-align: justify;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_4 .topic-section-4 .case-content-left .link-text {
  width: 100%;
  font-weight: 500;
  font-size: 1rem;
  line-height: 2rem;
  color: #636363;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_4 .topic-section-4 .case-content-left .link-text a {
  color: #0B52A2;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_4 .topic-section-4 .case-content-left .link-text a:hover {
  color: #D04A02;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_4 .topic-section-4 .case-content img {
  width: auto;
  height: 25.5rem;
  margin-top: 1.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_4 .topic-section-4 .file-subtitle {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2.1875rem;
  text-align: justify;
  margin-bottom: 3.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_4 .topic-section-4 .file-content {
  width: 100%;
  height: 37.75rem;
  background-image: url(data:image/png;base64,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);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
  display: flex;
  align-items: center;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_4 .topic-section-4 .file-content img {
  position: absolute;
  height: auto;
  width: 32rem;
  left: -1rem;
  bottom: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_4 .topic-section-4 .file-content .word-l0 {
  font-weight: 500;
  font-size: 1.5rem;
  color: #000000;
  padding: 1.44rem;
  margin: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_4 .topic-section-4 .file-content .word-l0 h3 {
  font-weight: 500;
  font-size: 8rem;
  color: #77B0E8;
  margin: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_4 .topic-section-4 .file-content .word-l1 {
  left: 0;
  top: 0;
  position: absolute;
  width: 38%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_4 .topic-section-4 .file-content .word-l2 {
  right: 0;
  top: 0;
  position: absolute;
  width: 50%;
  text-align: right;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_4 .topic-section-4 .file-content .word-l3 {
  right: 0;
  bottom: 0;
  position: absolute;
  width: 50%;
  text-align: right;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_4 .topic-section-4 .file-content-center {
  width: calc(100% - 38rem);
  height: 24rem;
  background-color: #f3f9ff;
  margin-left: 19rem;
  border-radius: 1.25rem;
  padding: 1rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_4 .topic-section-4 .file-content-center .center-word {
  width: 100%;
  height: 100%;
  border-radius: 1.25rem;
  background-color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 2.5rem;
  color: #0B52A2;
  line-height: 3.75rem;
  text-align: center;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_4 .topic-section-4 .file-content1 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABJYAAAK0CAYAAABRI7d0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAABUzSURBVHgB7d1PchTnAYfhr8dxUV5Fs4GwsrQxxhvbJ4iPgG+Ab0BOADqBwwnMDYJvwA1CNnbIBrFIpSALiSr/WTjoi0QVKUxIjF57JGM/z2Kmu2u0/9WrnullvMSf9+9vvTXeujqW5fdjLB8sY2wPAIAXzDH2jl7vznn4+eX1xVvjZ8KWAQD48V5l6y0vXvhi/+9XfrO8+dnRH28NAIBXNvcO5+HuWQcmWwYAYBNevvVWz5/87fGjT99Y3vyTIQYAnNyyvVre+Oze44fXxxmxZQAANuXlW+8/dyzde/zP62POGwMA4Eeay/jju789/4dximwZAIDT8fzWexqWvtz/x9Xj6jQAAH4iT+b8+L31hdvjFNgyAACn69nWexqW7h08vH98S9MAAPjpHHwzv975cL1zMDbMlgEAOHVPt97q+D98hhgAsAFb546fzLZhtgwAwJl4uvVWy1hdGQAAG7Aa46OxYbYMAMDZON56q9WyvD0AADZgWVbvjw2zZQAAzsbx1lvNMT4YAACbsT02zJYBADgz26sBAAAAAIGwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAr7U554MBAMBZ2BOWAIDX3d0BAMCpm/PwL8ISAPCam3cGAACnbo7VbWEJAHitnRvnbi1jHAwAAE7T3uX1+VvCEgDwWttZrw/mnJ8MAABOzeEcu8fvwhIA8Nq7tL5we5nj5gAAYPPmk93ju5WOD4UlAOAX4Z31+Wtjzt0BAMDGzHl489L64o1n58ISAPCLcWl94cbhHMdfi9sbAAD8ZJaxHDyZ8+N317+79r3r9w4ezQEAsCGXts4v4wx8uf/o6mrMK0dzZ/toCb0/AAA4kTnng6Mhd3eO1Z1vx1e3Plzv/NcDU4QlAGCjziosAQCweb4KBwAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLAEAAACQCEsAAAAAJMISAAAAAImwBAAAAEAiLA0AAAAACmEJAAAAgGS5d/BoDgAAAAB4zlEw2jt6vTvn4eeX1xdvvewzwhIAAAAAP2DuHc7D3RcDk6/CAQAAAPADlu3V8sZn9x4/vP78VWEJAAAAgFczlxt/ffzo02enwhIAAAAAr2yZ49oX+w+vPD32G0sAAAAAnNDBN/PrHXcsAQAAAHBSW+fGW1eFJQAAAABO7CgqfSQsAQAAAHBiy7J6X1gCAAAAoNgWlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACARlgAAAABIhCUAAAAAEmEJAAAAgERYAgAAACBZzTkfDAAAAAA4mbvHdyzdHQAAAABwAnMePjgKS/POAAAAAIATmGN1e7m/v7/13fLd/TnG1gAAAACAH7Z3aev8zmpnvT6Yc34yAAAAAOAVHM6xe/z+9Klwl9YXbi9z3BwAAAAA8P/MJ7uX1+dvHR+unl17Z33+2phzdwAAAADAS8x5ePPS+uKNZ+fLix/4cv/R1dUyrh8dbg8AAAAAfvWWsRz8ax5+8t76wu3vX/8fngamMa/MMT5YluXtAQAAAMCvxpzzwVE4ujvH6s6346tbH653Dl78zL8Bf6Y1NQEH0T0AAAAASUVORK5CYII=);
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_4 .topic-section-4 .file-content1 .word-l0 h3 {
  color: #6AC6B1;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_4 .topic-section-4 .file-content1 .file-content-center .center-word {
  color: #41A38D;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_4 .topic-section-4 .file-content-action {
  position: relative;
  text-align: right;
  margin-top: 2.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_4 .topic-section-4 .file-content-action span {
  margin-left: 1rem;
  cursor: pointer;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_4 .topic-section-4 .file-content-action .imgPoint {
  top: -8rem;
  right: -8rem;
  position: absolute;
  height: 10rem;
  width: auto;
  transform: rotate(-135deg);
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_4 .topic-section-4 {
    margin-top: 4rem;
    padding-left: 2.875rem;
    padding-right: 2.875rem;
    padding-bottom: 11.625rem;
    position: relative;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_4 .topic-section-4:after {
    content: '';
    width: 100%;
    height: 11.625rem;
    z-index: 1;
    position: absolute;
    left: 0;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_4 .topic-section-4 .case .fileLeftPerson {
    left: -3rem;
    width: 11.875rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_4 .topic-section-4 .case:before {
    left: -2.875rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_4 .topic-section-4 .w-title {
    font-size: 3rem;
    width: initial;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_4 .topic-section-4 .case-content .case-content-right {
    display: none;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_4 .topic-section-4 .subTitle span {
    margin-left: 22.5rem;
    font-size: 2rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_4 .topic-section-4 .case-content-left {
    margin-left: 22.75rem;
    padding-right: 1.5rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_4 .topic-section-4 .case-content-left p {
    font-size: 1.75rem;
    color: #1F1F1F;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_4 .topic-section-4 .c-title {
    font-size: 2rem;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    padding: 0 2rem;
    width: calc(100% + 2.875rem);
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_4 .topic-section-4 .file-subtitle {
    font-size: 1.75rem;
    color: #1F1F1F;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_4 .topic-section-4 .file-content-center {
    width: 50%;
    margin-left: 25%;
    height: 17.25rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_4 .topic-section-4 .file-content-action {
    text-align: center;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_4 .topic-section-4 .file-content-action .imgPoint {
    left: calc(50% + 3rem);
    top: -6rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_4 .topic-section-4 .file-content-action svg {
    width: 3rem;
    height: 3rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_4 .topic-section-4 .file-content {
    height: 45.75rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_4 .topic-section-4 .file-content img {
    width: 23.75rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_4 .topic-section-4 .file-content .word-l0 {
    font-size: 1.75rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_4 .topic-section-4 .file-content .word-l0 h3 {
    font-size: 6rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_4 .topic-section-4 .file-content .word-l0.word-l2 {
    height: 17.75rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_4 .topic-section-4 .file-content .word-l0.word-l2 h3 {
    position: absolute;
    bottom: 1.44rem;
    right: 1.44rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_4 .topic-section-4 .file-content .word-l0.word-l1 {
    height: 20rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_4 .topic-section-4 .file-content .word-l0.word-l1 h3 {
    position: absolute;
    bottom: 1.44rem;
    left: 1.44rem;
  }
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_5 {
  padding: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_5 .topic-section-5 {
  padding: 0 9.31rem 4.63rem 14.75rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_5 .topic-section-5 .risk {
  position: relative;
  min-height: 46rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_5 .topic-section-5 .risk-description {
  background: #DEE3FC;
  border-radius: 0.63rem;
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 500;
  font-size: 1.5rem;
  color: #000000;
  line-height: 2.19rem;
  padding: 3.5rem 4.81rem 0.56rem 9.1rem;
  margin-left: 8.63rem;
  width: calc(100% - 8.63rem);
  position: relative;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_5 .topic-section-5 .risk-description p {
  margin-top: 2rem;
  text-align: right;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_5 .topic-section-5 .risk-person {
  position: absolute;
  width: 35.06rem;
  height: auto;
  left: -20rem;
  top: 2.6rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_5 .topic-section-5 .risk .arrow-point {
  position: absolute;
  height: 10rem;
  width: auto;
  transform: rotate(135deg);
  top: 25%;
  left: 25%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_5 .topic-section-5 .risk-list {
  padding-top: 1rem;
  cursor: pointer;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_5 .topic-section-5 .risk-list-item {
  width: 100%;
  height: 5.81rem;
  background: #FFFFFF;
  box-shadow: 0 0.25rem 0.25rem 0 #BBDCFF;
  border-radius: 0.63rem;
  margin-top: 1.5rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_5 .topic-section-5 .risk-list-item:nth-child(1) {
  margin-left: 24.06rem;
  width: calc(100% - 24.06rem);
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_5 .topic-section-5 .risk-list-item:nth-child(2) {
  margin-left: 21.69rem;
  width: calc(100% - 21.69rem);
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_5 .topic-section-5 .risk-list-item:nth-child(3) {
  margin-left: 19.25rem;
  width: calc(100% - 19.25rem);
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_5 .topic-section-5 .risk-list-item:nth-child(n+2) {
  opacity: 0;
  transition: all 0.3S ease-in;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_5 .topic-section-5 .risk-list-item .item-title {
  width: 12.63rem;
  height: 100%;
  background: #4D84C5;
  box-shadow: 0.25rem 0.25rem 0.25rem 0 rgba(77, 132, 197, 0.49);
  border-radius: 0.63rem;
  font-weight: bold;
  font-size: 1.5rem;
  color: #FFFFFF;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_5 .topic-section-5 .risk-list-item .item-content {
  flex: 1 1;
  font-weight: 500;
  font-size: 1.5rem;
  color: #000000;
  line-height: 2.19rem;
  padding: 0 1.81rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_5 .topic-section-5 .risk-list .fade-in {
  opacity: 1;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_5 .topic-section-5 .practice-top {
  height: 25rem;
  position: relative;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_5 .topic-section-5 .practice-top .top-title {
  width: calc(100% - 22rem);
  height: 5rem;
  background: #8081DC;
  border-radius: 6.38rem;
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: bold;
  font-size: 3rem;
  color: #FFFFFF;
  line-height: 5rem;
  position: absolute;
  padding: 0 5rem 0 2.19rem;
  z-index: 9;
  top: 5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_5 .topic-section-5 .practice-top .top-line1 {
  position: absolute;
  right: 25rem;
  width: 24.09%;
  height: 5.94rem;
  background: #BBDCFF;
  border-radius: 4.38rem;
  z-index: 8;
  top: 9rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_5 .topic-section-5 .practice-top .top-line2 {
  position: absolute;
  right: 25rem;
  width: 51.04%;
  height: 3.81rem;
  background: #DFEEFF;
  border-radius: 2.5rem;
  z-index: 7;
  top: 13.2rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_5 .topic-section-5 .practice-top .top-line3 {
  position: absolute;
  right: 25rem;
  width: 36.92%;
  height: 6.75rem;
  background: rgba(238, 110, 47, 0.24);
  border-radius: 3.75rem 3.75rem 0 3.75rem;
  bottom: 2.1rem;
  z-index: 8;
  font-weight: bold;
  font-size: 1.5rem;
  color: #EE6E2F;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  line-height: 2.19rem;
  padding: 0 4% 0 1.62rem;
  text-align: right;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_5 .topic-section-5 .practice-top-img {
  position: absolute;
  right: -3rem;
  float: right;
  height: 100%;
  z-index: 10;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_5 .topic-section-5 .practice-bottom {
  margin-top: 1.44rem;
  height: 28rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_5 .topic-section-5 .practice-bottom-img {
  height: 100%;
  width: auto;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_5 .topic-section-5 .practice-bottom .arrow-point {
  position: absolute;
  height: 10rem;
  width: auto;
  transform: rotate(135deg);
  top: -20%;
  left: 20%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_5 .topic-section-5 .practice-bottom-list {
  padding-left: 2.06rem;
  flex: 1 1;
  height: 100%;
  display: flex;
  justify-content: space-around;
  flex-direction: column;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_5 .topic-section-5 .practice-bottom-list .list-item {
  height: 4.13rem;
  background: #FFFFFF;
  border-radius: 6.94rem;
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: bold;
  font-size: 1.5rem;
  color: #0B52A2;
  display: flex;
  align-items: center;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_5 .topic-section-5 .practice-bottom-list .list-item-title {
  width: 4.13rem;
  line-height: 4.13rem;
  height: 100%;
  background: #FFFFFF;
  box-shadow: 0.31rem 0 0.25rem 0 #88B2E5;
  border-radius: 50%;
  display: inline-block;
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: bold;
  font-size: 2.5rem;
  color: #0B52A2;
  text-align: center;
  margin-right: 1.81rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_5 .topic-section-5 .practice-bottom-list .list-item:nth-child(n+2) {
  opacity: 0;
  transition: all 0.3S ease-in;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_5 .topic-section-5 .practice-bottom-list .list-item.fade-in {
  opacity: 1;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_5 .topic-section-5 .topic-quiz {
  margin-top: 5.13rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_5 .topic-section-5 .topic-quiz .quiz-section.new-quiz .quiz-section-body .top {
  background-image: url(/static/media/quiz_bg.8a163678.png);
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_5 .topic-section-5 .pc_show {
  display: block;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_5 .topic-section-5 .mobile_show {
  display: none;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_5 .topic-section-5 {
    padding-left: 2.875rem;
    padding-right: 2.875rem;
    margin-top: -2rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_5 .topic-section-5 .w-title {
    position: relative;
    z-index: 2;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_5 .topic-section-5 .risk .arrow-point {
    z-index: 2;
    top: 31%;
    left: 10%;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_5 .topic-section-5 .risk .risk-person {
    width: 21.875rem;
    transform: translate(-100%, -50%);
    left: initial;
    top: 50%;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_5 .topic-section-5 .risk .risk-description {
    position: relative;
    margin-left: 8.0625rem;
    width: calc(100% - 8.0625rem);
    padding-right: 1.8rem;
    padding-left: 10rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_5 .topic-section-5 .risk .risk-description span {
    font-size: 1.75rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_5 .topic-section-5 .risk .risk-list .item-title {
    font-size: 1.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 10rem;
    line-height: initial;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_5 .topic-section-5 .risk .risk-list .risk-list-item {
    width: 100%;
    margin-left: 0;
    height: 7.5rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_5 .topic-section-5 .risk .risk-list .risk-list-item .item-content {
    font-size: 1.75rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_5 .topic-section-5 .practice .practice-top {
    height: initial;
    margin-top: 3rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_5 .topic-section-5 .practice .practice-top:after {
    content: '';
    clear: both;
    display: block;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_5 .topic-section-5 .practice .practice-top .top-title {
    width: calc(100% - 7.625rem);
    font-size: 2rem;
    top: 2rem;
    height: 3rem;
    line-height: 3rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_5 .topic-section-5 .practice .practice-top .practice-top-img {
    width: 13.625rem;
    height: initial;
    position: relative;
    right: 0;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_5 .topic-section-5 .practice .practice-top .top-line1 {
    width: 7.75rem;
    height: 1.5rem;
    right: 11rem;
    top: 4.2rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_5 .topic-section-5 .practice .practice-top .top-line2 {
    width: 16.375rem;
    height: 1.7rem;
    top: 4.8rem;
    right: 9rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_5 .topic-section-5 .practice .practice-top .top-line3 {
    width: calc(100% - 15.625rem);
    right: 12rem;
    height: 4.25rem;
    top: 5.5rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_5 .topic-section-5 .practice .practice-bottom {
    flex-direction: column;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_5 .topic-section-5 .practice .practice-bottom .practice-bottom-img {
    display: none;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_5 .topic-section-5 .practice .practice-bottom .arrow-point {
    top: -25%;
    left: 10%;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_5 .topic-section-5 .practice .practice-bottom .practice-bottom-list .list-item {
    font-size: 1.75rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_5 .topic-section-5 .pc_show {
    display: none;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_5 .topic-section-5 .mobile_show {
    display: block;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_5 .topic-section-5 .topic-quiz .quiz-section.new-quiz .quiz-section-body .top {
    background-image: url(/static/media/quiz_bg_mobile.bb6771f6.png);
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_5 .topic-section-5 .topic-quiz .quiz-section.new-quiz .quiz-section-body .top .quiz-description {
    padding: 1rem 1rem;
  }
}

.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1400 .course-landing .course-landing-content .course-landing-text {
  width: auto;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1400 .course-landing .course-landing-content .course-landing-text .title {
  line-height: 5rem;
  font-size: 1.75rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1400 .course-landing .course-landing-content .course-landing-text .title span {
  font-size: 3.5rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1400 .course-landing .course-landing-content .course-landing-text .description {
  font-size: 1.25rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .w-title {
  font-size: 3.5rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .mv-left,
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .mv-right {
  font-size: 1.25rem;
  line-height: 2.5rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .mv-left b,
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .mv-right b {
  font-size: 2.25rem;
  font-family: 'Arial';
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .mv-left {
  padding-top: 4rem;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .mv-left {
    padding-top: 2.5rem;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .mv-right {
    padding-top: 18%;
  }
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .news-title .c-title {
  font-size: 2.5rem;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .news-title .c-title {
    font-size: 1.5rem;
  }
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .news-content .silder .silder-list span {
  font-size: 1rem;
  line-height: 1.56rem;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .news-content .silder .silder-list span {
    font-size: 1.25rem;
  }
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .news-content-one {
  left: 0;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .news-content-one .silder-list {
  right: 2rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .news-content-one .silder-list span:nth-child(1) {
  width: 22rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .news-content-one .silder-list span:nth-child(2) {
  width: 29rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .news-content-one .silder-list span:nth-child(3) {
  width: 27rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .news-content-one .silder-list span:nth-child(4) {
  width: 100%;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .news-content-one .silder-list span:nth-child(5) {
  width: 100%;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .news-content-one .silder-list {
    right: 0;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .news-content-one .silder-list span:nth-child(n) {
    width: 100%;
  }
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .news-content-two {
  text-align: right;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .news-content-two .silder-list {
  left: 1.8rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .news-content-two .silder-list span:nth-child(1) {
  width: 100%;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .news-content-two .silder-list span:nth-child(3) {
  width: 32rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .news-content-two .silder-list span:nth-child(4) {
  width: 27rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .news-content-two .silder-list span:nth-child(5) {
  width: 30rem;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .news-content-two .silder-list {
    left: 0;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_2 .topic-section-2 .news-content-two .silder-list span:nth-child(n) {
    width: 100%;
  }
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3 .w-title {
  width: 100%;
  font-size: 3.5rem;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3 .w-title {
    font-size: 3rem;
  }
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3 .subTitle span {
  font-size: 2rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3 .share .l2 .left p {
  padding-top: 1rem;
  line-height: 2.5rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3 .share .l2 .left p .highlight {
  font-size: 1.5rem;
  line-height: 2.5rem;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3 .share .l2 .left p {
    line-height: 1.5rem;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3 .share .l2 .left p .highlight {
    line-height: 1.5rem;
  }
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3 .c-title {
  font-size: 2rem;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3 .c-title {
    font-size: 2rem;
    height: auto;
    line-height: 3.25rem;
  }
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3 .file-subtitle {
  font-size: 1.25rem;
  text-align: left;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3 .file-content .word-l0 {
  font-size: 1.25rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_3 .topic-section-3 .file-content-center .center-word {
  font-size: 2rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_4 .topic-section-4 .w-title {
  width: 100%;
  font-size: 3.5rem;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_4 .topic-section-4 .w-title {
    font-size: 3rem;
  }
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_4 .topic-section-4 .subTitle span {
  font-size: 2rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_4 .topic-section-4 .case-content {
  align-items: flex-end;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_4 .topic-section-4 .case-content-left p {
  line-height: 1.875rem;
  text-align: left;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_4 .topic-section-4 .case-content img {
  width: auto;
  height: 25.5rem;
  margin-top: 2.69rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_4 .topic-section-4 .c-title {
  font-size: 2.4rem;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_4 .topic-section-4 .c-title {
    font-size: 2rem;
    height: auto;
    line-height: 3.25rem;
  }
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_4 .topic-section-4 .file-subtitle {
  font-size: 1.25rem;
  text-align: left;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_4 .topic-section-4 .file-content .word-l0 {
  font-size: 1.25rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_4 .topic-section-4 .file-content-center .center-word {
  font-size: 2rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_5 .topic-section-5 .risk-description {
  font-size: 1.25rem;
  color: #000000;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_5 .topic-section-5 .risk-description p {
  margin-top: 2rem;
  text-align: right;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_5 .topic-section-5 .risk-list-item .item-title {
  font-size: 1.25rem;
  line-height: 2.18rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_5 .topic-section-5 .risk-list-item .item-content {
  font-size: 1.25rem;
  line-height: 1.875rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_5 .topic-section-5 .practice-top .top-title {
  font-size: 2.5rem;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_5 .topic-section-5 .practice-top .top-title {
    font-size: 1.5rem;
  }
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_5 .topic-section-5 .practice-top .top-line3 {
  font-size: 1.25rem;
  padding-right: 6%;
  line-height: 1.875rem;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_5 .topic-section-5 .practice-top .top-line3 {
    line-height: 1.3rem;
  }
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1400_5 .topic-section-5 .practice-bottom-list .list-item {
  font-size: 1.25rem;
}

.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .course-landing {
  background-image: url(/static/media/quiz_bg.209401b3.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 7.75rem 4.81rem 12.49rem 5.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .course-landing .next-paragraph-bar {
  display: none;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .course-landing .course-landing-content {
  padding: 0;
  height: 47.25rem;
  background-image: none;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 0.63rem;
  justify-content: space-between;
  grid-gap: 0;
  gap: 0;
  min-height: auto;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .course-landing .course-landing-content .quiz-test {
  position: relative;
  width: 38.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .course-landing .course-landing-content .quiz-test img {
  height: auto;
  width: 42.31rem;
  position: absolute;
  left: -5.38rem;
  bottom: -13%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .course-landing .course-landing-content .quiz-text {
  width: calc(100% - 38.5rem);
  padding: 4.88rem 4.44rem 5.25rem 0;
  position: relative;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .course-landing .course-landing-content .quiz-text .title {
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: bold;
  font-size: 4rem;
  color: #0B52A2;
  text-align: center;
  margin-bottom: 2.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .course-landing .course-landing-content .quiz-text .subtitle {
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: bold;
  font-size: 3rem;
  color: #F36928;
  text-align: center;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .course-landing .course-landing-content .quiz-text .description {
  margin-top: 2.5rem;
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 500;
  font-size: 1.5rem;
  color: #000000;
  line-height: 2.19rem;
  text-align: justify;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .course-landing .course-landing-content .quiz-text .quiz-btn {
  display: inline-block;
  background: #F36928;
  border-radius: 8.94rem;
  box-shadow: 0.1rem 0.4rem 0 #0B52A2;
  width: 28.96rem;
  height: 3.8rem;
  font-weight: bold;
  font-size: 1.5rem;
  color: #FFFFFF;
  position: absolute;
  bottom: 5.25rem;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  line-height: 3.8rem;
  cursor: pointer;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer {
  background-image: url(/static/media/quiz_bg_1.1b13476a.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer .progress {
  width: 100%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list {
  padding: 7.75rem 5.19rem 4.5rem 5.13rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .ant-drawer-mask {
  border-radius: 0.63rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .ant-drawer-right > .ant-drawer-content-wrapper {
  top: 1.875rem;
  right: 2.5rem;
  bottom: 1.875rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .ant-drawer-right > .ant-drawer-content-wrapper .ant-drawer-content {
  border-radius: 0.63rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .ant-drawer-right > .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body {
  position: relative;
  padding: 1.5rem 3.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .ant-drawer-right > .ant-drawer-content-wrapper .ant-drawer-content .quiz-result-area {
  margin-top: 1.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .ant-drawer-right > .ant-drawer-content-wrapper .ant-drawer-content .quiz-result-area .result-text {
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 500;
  font-size: 2rem;
  color: #F36928;
  line-height: 2.19rem;
  text-align: center;
  border-bottom: 1px solid #4C4C4E;
  padding-bottom: 2.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .ant-drawer-right > .ant-drawer-content-wrapper .ant-drawer-content .quiz-result-area .explanation {
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 500;
  font-size: 1.25rem;
  color: #F36928;
  line-height: 2.19rem;
  text-align: justify;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .ant-drawer-right > .ant-drawer-content-wrapper .ant-drawer-content .quiz-result-area .quiz-try-again-button {
  color: #FFFFFF;
  background: #4C4C4E;
  border-radius: 8.94rem;
  box-shadow: 0.1rem 0.4rem 0 #F36928;
  height: 3.8rem;
  position: absolute;
  left: 2.5rem;
  right: 2.5rem;
  bottom: 2.81rem;
  line-height: normal;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .ant-drawer-right > .ant-drawer-content-wrapper .ant-drawer-content .wrong .result-text {
  color: #4C4C4E;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .ant-drawer-right > .ant-drawer-content-wrapper .ant-drawer-content .wrong .explanation {
  color: #4C4C4E;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result-not-pass {
  height: 45.625rem;
  background-color: rgba(255, 255, 255, 0.9);
  margin: 0;
  border-radius: 0.63rem;
  display: flex;
  justify-content: space-between;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result-not-pass .left {
  width: 42rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result-not-pass .left img {
  position: absolute;
  width: 45.875rem;
  z-index: 10;
  height: auto;
  bottom: 0;
  left: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result-not-pass .right {
  flex: 1 1;
  position: relative;
  padding: 3.56rem 7rem 5.13rem 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result-not-pass .right .quiz-result-title {
  font-family: Source Han Sans CN;
  font-size: 4rem;
  font-weight: 700;
  text-align: center;
  color: #0B52A2;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result-not-pass .right .quiz-result-title h3 {
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: bold;
  font-size: 8rem;
  color: #4D84C5;
  line-height: 9.38rem;
  margin: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result-not-pass .right .description {
  font-family: Source Han Sans CN;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 3rem;
  margin-top: 2.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result-not-pass .right .quiz-retry-button {
  background: #F36928;
  border-radius: 8.94rem;
  box-shadow: 0.1rem 0.4rem 0 #0B52A2;
  width: 21.125rem;
  height: 4.06rem;
  font-weight: bold;
  font-size: 1.5rem;
  color: #FFFFFF;
  line-height: normal;
  float: none;
  position: absolute;
  bottom: 5.13rem;
  right: 7.19rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result-pass {
  border-radius: 0.63rem;
  background-color: #D0E9FF;
  height: 60.5rem;
  display: flex;
  margin-left: 3rem;
  padding-left: calc((100% - 80.1rem)/2);
  padding-right: calc((100% - 80.1rem)/2);
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result-pass .left {
  position: relative;
  width: 32.69rem;
  height: 100%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result-pass .left img {
  position: absolute;
  width: 45.69rem;
  height: auto;
  left: -8rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result-pass .right {
  flex: 1 1;
  padding: 3.13rem 3.81rem 0 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result-pass .right .quiz-result-title {
  display: flex;
  align-items: center;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result-pass .right .quiz-result-title h3 {
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 500;
  font-size: 7.5rem;
  color: #EE6E2F;
  margin: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result-pass .right .quiz-result-title .tips {
  line-height: 2.4rem;
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 500;
  font-size: 1.5rem;
  color: #000000;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result-pass .right .quiz-result-title .tips p {
  margin: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result-pass .right .cert-download-input {
  position: relative;
  margin: 2.375rem 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result-pass .right .cert-download-input .ant-input {
  width: 100%;
  height: 3.81rem;
  background: #FFFFFF;
  border-radius: 8.94rem;
  font-size: 1.5rem;
  padding: 9px 27px;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result-pass .right .cert-download-input .ant-btn-link {
  top: 0.44rem;
  right: 0.5rem;
  position: absolute;
  width: 6rem;
  height: 2.94rem;
  background: #0B52A2;
  border-radius: 8.94rem;
  color: #FFFFFF;
  text-align: center;
  font-weight: 500;
  font-size: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result-pass .right .cert-download-input .ant-btn-link[disabled] {
  background: rgba(11, 82, 162, 0.5);
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result-pass .right .cert-area {
  width: 45.125rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result-pass .right .cert-area .cert-container .cert-username {
  top: 42%;
  font-size: 1.5vw;
  font-family: 'Helvetica Neue';
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result-pass .right .cert-area .cert-container .cert-username {
    top: 44%;
    font-size: 2vw;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result-pass .right .cert-area .cert-container .cert-username {
    top: 44%;
    font-size: 2vw;
  }
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result-pass .right .cert-area .cert-container .cert-adate {
  top: 66.8%;
  padding-left: 8%;
  font-size: 1vw !important;
  font-family: 'Helvetica Neue';
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result-pass .right .cert-area .cert-container .cert-adate {
    font-size: 2rem !important;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result-pass .right .cert-area .cert-container .cert-adate {
    font-size: 1.2rem !important;
  }
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result-pass .right .cert-area .cert-container .cert-code {
  position: absolute;
  left: 10%;
  bottom: 14%;
  font-size: 0.9rem;
  font-family: 'Helvetica Neue';
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result-pass .right .cert-area .cert-container .cert-code {
    font-size: 1.5rem;
  }
}
@media (max-width: 480px) {
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result-pass .right .cert-area .cert-container .cert-code {
    font-size: 1.2rem;
  }
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result .quiz-review-section {
  margin: 0 -5.19rem 0 -5.13rem;
  background-color: #E8F7F6;
  padding: 0 5.19rem 0 5.13rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result .quiz-review-section .quiz-result-title {
  width: 52.69rem;
  background-color: #0B52A2;
  height: 5rem;
  display: inline-block;
  line-height: 5rem;
  color: #fff;
  font-weight: bold;
  font-size: 3rem;
  border-radius: 6.38rem;
  margin: 5rem 0 2.5rem 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result .quiz-review-section .content {
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 500;
  font-size: 2rem;
  color: #000000;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result .quiz-review-section .review-quiz-section {
  margin: 0 0 5rem 0;
  width: 85.94rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result .quiz-review-section .review-quiz-section .review-quiz-section-body {
  padding: 5rem 6.31rem;
  background-color: #ffffff;
  border-radius: 0.63rem;
  border: none;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result .quiz-review-section .review-quiz-section .review-quiz-section-body .quiz-question {
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 400;
  font-size: 2rem;
  color: #1F1F1F;
  line-height: 2.34rem;
  margin-bottom: 4rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer .final-quiz-container {
  min-height: 50rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer .quiz-section {
  height: 49.25rem;
  margin: 0;
  border-radius: 0.63rem;
  position: relative;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer .quiz-section-body {
  border: none;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 0.63rem;
  height: 100%;
  padding: 3.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer .quiz-section-body .quiz-index {
  top: 3.75rem;
  right: 2rem;
  font-size: 1.5rem;
  font-weight: 400;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer .quiz-section-body .quiz-question {
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 400;
  font-size: 2rem;
  color: #1F1F1F;
  line-height: 2.34rem;
  margin-bottom: 4rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer .quiz-section-body .quiz-answers-item {
  background-color: transparent;
  padding: 0;
  margin-bottom: 2.5rem;
  position: relative;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer .quiz-section-body .quiz-answers-item .ant-radio-wrapper {
  font-weight: 500;
  font-size: 1.5rem;
  color: #4C4C4E;
  height: 5rem;
  line-height: normal;
  width: 100%;
  background-color: #E3F1FF;
  border-radius: 6.63rem;
  display: flex;
  align-items: center;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer .quiz-section-body .quiz-answers-item .ant-radio-wrapper span.ant-radio + * {
  padding-left: 4.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer .quiz-section-body .quiz-answers-item .ant-radio-wrapper .indicator {
  position: absolute;
  display: inline-block;
  width: 5rem;
  height: 5rem;
  background-color: #0B52A2;
  color: #FFFFFF;
  border-radius: 50%;
  text-align: center;
  line-height: 4.9rem;
  font-size: 2.5rem;
  box-shadow: 0.13rem 0.13rem 0.63rem 0 rgba(11, 82, 162, 0.4);
  top: 0;
  left: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer .quiz-section-body .quiz-answers-item .ant-radio-wrapper-checked {
  background-color: #FFE1D2;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer .quiz-section-body .quiz-answers-item .ant-radio-wrapper-checked .indicator {
  background-color: #F36928;
  box-shadow: 0.13rem 0.13rem 0.63rem 0 rgba(243, 105, 40, 0.4);
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer .quiz-section .quiz-button-section {
  position: absolute;
  bottom: 2.63rem;
  width: auto;
  left: 50%;
  transform: translateX(-50%);
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer .quiz-section .quiz-button-section .quiz-submit-button {
  background: #F36928;
  border-radius: 8.94rem;
  box-shadow: 0.1rem 0.4rem 0 #0B52A2;
  width: 28.61rem;
  height: 3.75rem;
  font-weight: bold;
  font-size: 1.5rem;
  color: #FFFFFF;
  line-height: normal;
  float: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer .quiz-section .quiz-button-section .quiz-submit-button[disabled] {
  background: rgba(243, 105, 40, 0.4);
  border-color: transparent;
  box-shadow: 0.1rem 0.4rem 0 rgba(11, 82, 162, 0.4);
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer.is-pass {
  background-image: none;
  background-color: #F3F9FF;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list-pass {
  padding: 7.75rem 5.19rem 5.6rem 5.13rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .nextTopic_box {
  padding: 3.875rem 0;
  width: auto;
  background: url(/static/media/nextTopic_bg.a0cdeb3d.png) no-repeat center #F3F9FF;
  background-size: 100% auto;
  background-position: bottom;
  margin: 0 -5.19rem -6rem -5.13rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .nextTopic_box .next-topic-button {
  background: #F36928;
  height: 7.8125rem;
  padding: 0;
  line-height: initial;
  border-radius: 7rem;
  margin: 0 auto;
  box-shadow: 0.375rem 0.625rem 0 #0B52A2;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .nextTopic_box .next-topic-button .l1,
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .nextTopic_box .next-topic-button .l2 {
  font-size: 1.5rem;
  font-weight: 700;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .course-landing {
    padding: 13rem 3rem 13rem 3rem;
    background-size: auto 100%;
    background-position: left bottom;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .course-landing .course-landing-content {
    height: 71.5rem;
    position: relative;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .course-landing .course-landing-content .quiz-test {
    position: static;
    width: auto;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .course-landing .course-landing-content .quiz-test img {
    left: 50%;
    transform: translateX(-50%);
    zoom: 0.7;
    bottom: -6%;
    width: 80%;
    max-width: 42.31rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .course-landing .course-landing-content .quiz-text {
    width: auto;
    padding: 1.6rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .course-landing .course-landing-content .quiz-text .title {
    font-size: 3.5rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .course-landing .course-landing-content .quiz-text .quiz-btn {
    bottom: calc(22rem + 6%);
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .course-landing .course-landing-content .quiz-text .description {
    font-size: 1.75rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer {
    background-size: auto 100%;
    background-position: left bottom;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list {
    padding: 7.75rem 3rem 4.5rem 3rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .ant-drawer-right > .ant-drawer-content-wrapper {
    left: 2.5rem;
    width: auto !important;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result-not-pass {
    height: 71.5rem;
    flex-direction: column;
    position: relative;
    margin-bottom: 8.88rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result-not-pass .left {
    width: 100%;
    height: 2rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result-not-pass .left img {
    width: 41rem;
    bottom: -13.38rem;
    left: 50%;
    /* 将元素的左边缘定位在父元素的 50% 位置 */
    transform: translateX(-50%);
    /* 将元素向左移动自身宽度的 50% */
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result-not-pass .right {
    padding: 1.8rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result-not-pass .right .quiz-result-title {
    flex-direction: column;
    align-items: center;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result-not-pass .right .quiz-retry-button {
    bottom: 45%;
    left: 50%;
    /* 将元素的左边缘定位在父元素的 50% 位置 */
    transform: translateX(-50%);
    /* 将元素向左移动自身宽度的 50% */
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result-pass {
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    flex-direction: column;
    height: auto;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result-pass .left {
    width: 100%;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result-pass .left img {
    left: auto;
    right: -4.8rem;
    width: 24.8rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result-pass .right {
    padding: 1.8rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result-pass .right .quiz-result-title {
    flex-direction: column;
    align-items: flex-start;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result-pass .right .quiz-result-title .tips {
    font-size: 1.75rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result-pass .right .cert-area {
    width: auto;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result .quiz-review-section .quiz-result-title {
    width: 100%;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result .quiz-review-section .review-quiz-section {
    width: 100%;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result .quiz-review-section .review-quiz-section .review-quiz-section-body {
    padding: 3rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result .quiz-review-section .review-quiz-section .quiz-answers .quiz-answers-item .ant-radio-wrapper {
    align-items: center;
    height: 100%;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result .quiz-review-section .review-quiz-section .quiz-answers .quiz-answers-item .ant-radio-wrapper span.ant-radio + * {
    line-height: normal;
    padding-left: 3rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result .quiz-review-section .review-quiz-section .quiz-result-area img {
    width: 6.8rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result .quiz-review-section .review-quiz-section .quiz-result-area .area-right {
    padding-left: 0;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result .quiz-review-section .review-quiz-section .quiz-result-area .area-right .text {
    padding-left: 8rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer .quiz-section-body .quiz-answers-item .ant-radio-wrapper {
    line-height: normal;
    display: flex;
    align-items: center;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .answer .quiz-section-body .quiz-index {
    top: 2.75rem;
    right: 1rem;
    font-size: 1.5rem;
  }
}

.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .quiz .course-landing .course-landing-content .quiz-text .subtitle {
  font-size: 2.5rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .quiz .course-landing .course-landing-content .quiz-text .description {
  font-size: 1.25rem;
  line-height: 1.875rem;
  text-align: left;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .ant-drawer-right > .ant-drawer-content-wrapper .ant-drawer-content .quiz-result-area .explanation {
  font-size: 1.25rem;
  line-height: 1.56rem;
  text-align: left;
  display: inline-block;
  max-height: 19.5rem;
  overflow-x: auto;
  /* 设置滚动条整体样式 */
  /* 设置滚动条轨道样式 */
  /* 设置滚动条滑块样式 */
  /* 鼠标悬停在滑块上时的样式 */
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .ant-drawer-right > .ant-drawer-content-wrapper .ant-drawer-content .quiz-result-area .explanation::-webkit-scrollbar {
  width: 10px;
  /* 垂直滚动条宽度 */
  height: 10px;
  /* 水平滚动条高度 */
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .ant-drawer-right > .ant-drawer-content-wrapper .ant-drawer-content .quiz-result-area .explanation::-webkit-scrollbar-track {
  background: #f1f1f1;
  /* 轨道背景颜色 */
  border-radius: 5px;
  /* 轨道圆角 */
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .ant-drawer-right > .ant-drawer-content-wrapper .ant-drawer-content .quiz-result-area .explanation::-webkit-scrollbar-thumb {
  background: #888;
  /* 滑块背景颜色 */
  border-radius: 5px;
  /* 滑块圆角 */
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .ant-drawer-right > .ant-drawer-content-wrapper .ant-drawer-content .quiz-result-area .explanation::-webkit-scrollbar-thumb:hover {
  background: #555;
  /* 悬停时滑块背景颜色 */
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result-not-pass .right .quiz-result-title {
  font-size: 2.5rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result-not-pass .right .quiz-result-title h3 {
  display: inline-flex;
  line-height: 6rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result-not-pass .right .quiz-result-title h3 span {
  font-size: 2.5rem;
  line-height: normal;
  align-self: flex-end;
  display: inline-block;
  margin-bottom: -1rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result-not-pass .right .description {
  font-size: 1.25rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result-pass .right .quiz-result-title {
  flex-direction: column;
  align-items: flex-start;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result-pass .right .quiz-result-title h3 {
  text-align: left;
  font-size: 4rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result-pass .right .quiz-result-title .tips {
  line-height: 2.4rem;
  font-size: 1.25rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result-pass .right .cert-download-input .ant-btn-link {
  font-size: 1.25rem;
  width: 7.44rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result .quiz-review-section .quiz-result-title {
  font-size: 2.5rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result .quiz-review-section .content {
  font-size: 1.5rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result .quiz-review-section .review-quiz-section .review-quiz-section-body .quiz-question {
  font-size: 1.5rem;
  line-height: 2.18rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .quiz .answer-list .quiz-result .quiz-review-section .review-quiz-section .review-quiz-section-body .quiz-result-area .area-right p {
  text-align: left;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .quiz .answer .quiz-section-body .quiz-question {
  font-size: 1.5rem;
  line-height: 2.18rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .quiz .answer .quiz-section-body .quiz-answers-item .ant-radio-wrapper {
  font-size: 1.25rem;
}

.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .review-quiz-section {
  margin: 0 0 5rem 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .review-quiz-section .img-quiz {
  width: 300px;
  position: absolute;
  top: -60px;
  z-index: -1;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .review-quiz-section .review-quiz-section-body {
  padding: 5rem 6.31rem;
  background-color: #ffffff;
  border-radius: 0.63rem;
  border: none;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .review-quiz-section .review-quiz-section-body .quiz-index {
  position: absolute;
  top: 5.5%;
  right: 2.375rem;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 29px;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .review-quiz-section .review-quiz-section-body .quiz-title {
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
  color: #999999;
  margin-bottom: 8px;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .review-quiz-section .review-quiz-section-body .quiz-description {
  font-size: 24px;
  font-weight: 400;
  line-height: 41px;
  letter-spacing: 0px;
  text-align: left;
  margin-bottom: 3rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .review-quiz-section .review-quiz-section-body .quiz-answers {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  letter-spacing: 0;
  text-align: left;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .review-quiz-section .review-quiz-section-body .quiz-answers .ant-radio-group {
  width: 100%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .review-quiz-section .review-quiz-section-body .quiz-answers .quiz-answers-item {
  height: 5rem;
  background: #F1F1F1;
  border-radius: 6.63rem;
  padding: 0;
  margin-bottom: 2.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .review-quiz-section .review-quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper {
  font-size: 1.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .review-quiz-section .review-quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper span.ant-radio + * {
  display: inline-block;
  line-height: 5rem;
  padding-left: 6.19rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .review-quiz-section .review-quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper .indicator {
  position: absolute;
  display: inline-block;
  width: 5rem;
  height: 5rem;
  background: #F1F1F1;
  color: #4C4C4E;
  border-radius: 50%;
  text-align: center;
  line-height: 4.9rem;
  font-size: 2.5rem;
  font-weight: bold;
  box-shadow: 0.13rem 0.13rem 0.63rem 0 rgba(155, 155, 155, 0.4);
  top: 0;
  left: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .review-quiz-section .review-quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper .ant-radio {
  margin-right: 12px;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .review-quiz-section .review-quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper .ant-radio .ant-radio-inner {
  width: 18px;
  height: 18px;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .review-quiz-section .review-quiz-section-body .quiz-answers .quiz-answers-item .ant-radio-wrapper .ant-radio .ant-radio-inner::after {
  width: 18px;
  height: 18px;
  margin-top: -9px;
  margin-left: -9px;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .review-quiz-section .review-quiz-section-body .quiz-answers .quiz-answers-item .anticon.anticon-check-circle {
  position: absolute;
  background: transparent;
  left: 0;
  top: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .review-quiz-section .review-quiz-section-body .quiz-answers .quiz-answers-item .anticon.anticon-check-circle svg {
  width: 5rem;
  height: 5rem;
  box-shadow: 0.13rem 0.13rem 0.63rem 0 #F36928;
  color: #F36928;
  border-radius: 50%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .review-quiz-section .review-quiz-section-body .quiz-answers .quiz-answers-item .anticon.anticon-close-circle {
  position: absolute;
  left: 0;
  background-color: transparent;
  top: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .review-quiz-section .review-quiz-section-body .quiz-answers .quiz-answers-item .anticon.anticon-close-circle svg {
  width: 5rem;
  height: 5rem;
  box-shadow: 0.13rem 0.13rem 0.63rem 0 rgba(11, 82, 162, 0.4);
  color: #0B52A2;
  border-radius: 50%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .review-quiz-section .review-quiz-section-body .quiz-answers .quiz-answers-item.correct {
  background: #FFE1D2;
  border: none;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .review-quiz-section .review-quiz-section-body .quiz-answers .quiz-answers-item.correct .ant-radio {
  visibility: hidden;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .review-quiz-section .review-quiz-section-body .quiz-answers .quiz-answers-item.wrong {
  background: #E3F1FF;
  border: none;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .review-quiz-section .review-quiz-section-body .quiz-answers .quiz-answers-item.wrong .ant-radio {
  visibility: hidden;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .review-quiz-section .review-quiz-section-body .quiz-button-section {
  display: inline-block;
  width: 100%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .review-quiz-section .review-quiz-section-body .quiz-button-section .quiz-submit-button {
  display: block;
  min-width: 205px;
  height: 51px;
  background-color: #F26927;
  border-radius: 50px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 500;
  line-height: 19.54px;
  float: right;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .review-quiz-section .review-quiz-section-body .quiz-button-section .quiz-submit-button[disabled] {
  color: rgba(0, 0, 0, 0.25);
  border-color: #D4D4D4;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
  cursor: not-allowed;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .review-quiz-section .review-quiz-section-body .quiz-result-area {
  margin-top: 2.5rem;
  background-color: #FFF1EA;
  border-radius: 0.63rem;
  display: flex;
  flex-direction: row;
  padding: 1.31rem 2rem;
  min-height: 15.13rem;
  position: relative;
  align-items: center;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .review-quiz-section .review-quiz-section-body .quiz-result-area img {
  top: -4rem;
  position: absolute;
  height: auto;
  width: 13rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .review-quiz-section .review-quiz-section-body .quiz-result-area .area-right {
  padding-left: 16rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .review-quiz-section .review-quiz-section-body .quiz-result-area .area-right .text {
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: bold;
  font-size: 2rem;
  color: #F36928;
  line-height: 3.13rem;
  text-align: left;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .review-quiz-section .review-quiz-section-body .quiz-result-area .area-right p {
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 500;
  font-size: 1.5rem;
  color: #F36928;
  line-height: 2.19rem;
  text-align: justify;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .quiz .review-quiz-section .review-quiz-section-body .quiz-result-area .quiz-try-again-button {
  font-size: 21px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 0;
  text-align: center;
  margin-top: 59.5px;
}

.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1600 {
  background: #F3F9FF;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1600 + .nextTopic_box {
  background: url(/static/media/nextTopic_bg.a0cdeb3d.png) no-repeat center #f3f9ff;
  background-size: 100% auto;
  background-position: bottom;
  padding: 3.875rem 9.44rem 3.875rem 14.75rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1600 .course-landing {
  min-height: 80.43rem;
  background-image: url(/static/media/background-1.47387bd4.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position-y: top;
  position: relative;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1600 .course-landing .course-landing-content {
  padding-right: 4.69rem;
  padding-left: 5.25rem;
  padding-top: 4.96rem;
  position: relative;
  z-index: 8;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1600 .course-landing .course-landing-content .course-landing-text {
  width: 100%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1600 .course-landing .course-landing-content .course-landing-text .title {
  display: flex;
  align-items: center;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1600 .course-landing .course-landing-content .course-landing-text .title .title_icon {
  width: 10.13rem;
  height: 10.13rem;
  display: inline-block;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUQAAAFECAMAAABoNLf0AAABU1BMVEUAAAB4hvdwg/hzgvhwgvhwgvhwgvhxgvhwgvdygvhxgvhwgvhxg/hxgvhxgvj///9xg/j////////////////////////////////////yaSr////////////////////////////////////xaSv////////////////////////////////////////////////wai/////////////Vb1j////////////razX////////nazv////uajDFc3PpazmYfLvYblPuajGzdpDTb1vlbD3rajbPcGPnbD2If9WieazdbUuyd5DrajXibES7dIGvdpbcbE/tazO3dYioeKHZblLAcHHxaSrMcWjlbUC9dH/Vb1mNfs6sdpvYblXzaSj////0cjX949f+7OT1fEP7x6782sn2jl35tJT+9vL6vqH4qob4oXj3l2v1hVD70bwMBAQ8AAAAYHRSTlMABQoVECkeRxo/NCMvT1YIOQ4UJB09aDBVGfMrXDmcUEe4i0vk3cz27KxvpH41kHTDxtWEQqaVvXmI42HUsaeWaW0o64BVR5qcfGBKwEDeuXBZOrozc7UY04pain1PJHAJtUWpAAAdOElEQVR42uzVW27rIBSF4T0FJMCugrHA2rvgOLFFpFBx1MGc+U+ixentpVLVS4KdfO+Okp9FDKVhXKh+0DpGRHT/XzhEitHroVeiYnDzCd721j9n+wJHcd+3Fdx8zDdofN9c1HZQSgjOOXvfJ6+EaNVgfaS30OSHW0oA1lnj7mforWw5+9JTlZDW0Ok5Z2zH4VpxqcOcIXmrvvVHV3XWpPsseHV9k2RKp7nfz2fEu4dTyaDVFS1SPJg54FH+2noquZ1XPVkB68fEAZ1zaOSvr2YjTf7ocOxgzZjY559JB8Hgb4gj5SNab8fTBh/HDfypjYz5oPYNrA4bc0E/cjgDfuo4rus90/jkXMgbPBd+IJeSr2El2BhSCue/Xs0+pbSOOTY6peQlgwvg9ZRSshtYtmaLiL6Bi2ksIm6XfKtrg0g9g4vidkKcFpqR/ZsKSJixeqkZFZV0jeqIGFtYltaEsN1BQdoYwqIy7nQIvqiErwdrlpJxp0v9sjmjvoPysZFokgW8Tj7NeCg+o5yIik347G4kMgpK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) no-repeat;
  background-size: 100% 100%;
  margin-right: 2rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1600 .course-landing .course-landing-content .course-landing-text .title span:first-of-type {
  font-size: 4rem;
  color: #0B52A2;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1600 .course-landing .course-landing-content .course-landing-text .title span:last-child {
  font-size: 2.25rem;
  color: #F36928;
  margin-left: 1rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1600 .course-landing .course-landing-content .course-landing-text .description {
  font-size: 1.5rem;
  margin-left: 12.2rem;
  margin-top: -1.75rem;
  line-height: 2.19rem;
  font-weight: 500;
  text-align: justify;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1600 .course-landing .course-landing-content .course-landing-text .video-box {
  margin-top: 10.31rem;
  display: flex;
  justify-content: flex-end;
  position: relative;
  padding-top: 8rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1600 .course-landing .course-landing-content .course-landing-text .video-box .icon_text {
  width: 15rem;
  height: 5.5rem;
  display: inline-block;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfgAAAC4CAMAAAA42Q6VAAAAilBMVEUAAAAeHh4eHh4dHR0eHh4eHh4fHx8eHh4eHh4eHh4eHh4bGxsfHx8eHh4dHR0gICAcHBweHh4eHh4fHx8dHR0fHx/////9/f2Pj49zc3M7OztXV1fx8fHj4+PHx8ctLS08PDydnZ2BgYGrq6vi4uJJSUllZWW5ubmqqqouLi7V1dWCgoKsrKxmZmZIOKQTAAAAFXRSTlMA79+AYBAgv59wMEBAsJBfUCHPUHGdRayMAAAK80lEQVR42uzaYQ6CMAwF4K5jDFwYSOz9r2r8QTQmRnAzoev7rvDSrm1GqvXLOEwrOzHO8RoHv1zIgJByNB/4Oxd9opaFEaF/NHVXalNC6l9MCzUneKS+AzdW9oh9N/btRI/YD0ZPbUgscAh3pF8fBQ4b1Pf7GV3eYtGHLPCjHEitHq97AVbb7hPafBFWesSfBQrdSCEvUEzhSo/cbSaP3G0mPwpUomqhvwhUo+iPBvb3mpyafT4g96pYyw0Pd9rKMqnQCYjBAQ8P/IPBZ34QqC7S6aHRb4ztdGj0G1uTPU61LwydbjHZ/Ys7d8mj4J8slTwK/s7e2S4nCkNhWK0fW7d2Op05GgiBAoJK7f3f3noo6Vs8URctlRl9/qwkMY0+yckHjAtuasjfl/TfuaEhfx/wLdLvdZYXulPjVvbyM7pT40aO78Z0Z4/bWN7dl3YubuBp63uk3+dGYj39GL7ZkZADrZSmTqCVenOmL40xH/TzdDbWP9GP4c93KJLknJFQB1CLXUs0STRneNQCXV3XP1BDPOXCpyPiC84I6CQR16SbtSQnQc7pGYFyoJdDPeCWhCRoUXxXn8GaUEPCuQtNR8SbOUMn8Reo4DTR4kB/SmQ13GhDROVbChK0KL6rk3yfGnGWeMUZKZ2gqXiPS8vAXfWIUKRsbeMVCVoU39HDuyk1o4l4oAqjIjpBU/GreUl8oIkbAjlXzEu3aF2YdxK0K566+OzdCzUDc3xcTpeOOf5cGornURwG7li/b3G9QDkXLYvv4i8gPtB5SM2/LZ4jvcdjW7vrSQksd9crOkyr4rt5hPOHzuP64jnSZ8nCGeuX9VVfdsIqirTDn173mNB5OMXb7XqUY58lqLITMVCl+CzhenxywZHeUOaK4WK7nvDlG7nwE6WSbPfvvvhIc452tz2jRsx63eOVXFwg3qNIBXPGeFShPzM+iVLO5nzlHxWv7TIy9EjCkT4lCpyxXqMiJuRK7LvQBfAnirc98fwZ8CHQwBWSG/Da6x4DElwoPjNzS+IQ7yMbX59LvJqDVI761ec6PXav6wOrmokqqRCPSGCJa+L9pU2v1Z4ESA7f6L8Z9K7PePoy+n5Y2yfBZeLjb19OEAnx7B2kbvFWEcgIQOaGKHfH+rjKLsmtbYjHhAAg3refAeZleSPNd3MjPx4+zwbseQzxkkvFM0HsJas5o4T4hF/GPlEWm7nZHBbPY87oiKI85TRXpA9tB3DGenjkzVxBQrwuPQYq10n4JR7jfaujSK+r6tEVQ0/rtTj5PUHvmgxxz6Bd8XH0FakLIb7AOPfTI3O8xjdOuSJnpH+387cz1iOeLLmsFF/qLTaf6ctv4kvbHwgdIaE7KPsadQo6IX76ONo/oxu2KR5Jhi+E+EDcpxPiYYiAiPQ2/ifuWL/Ghi6rykI8XpradODZVkBqFNg5Y101DpNBwOmCDogfP876GOAjYvqD2VODu/GNxWPajvnKd4lPT4mHIQkEGrzHEeuRnJRlhfgVGlWfG2KUr648GyAwryuUJ9AF8ePnATF4sPv5YTgVzwT89OIOKQkWZRAv75JI8XhpDppfof8sZay3I1V9/cmtFM8FDDnEF1WFeEdsC2zRVFwKrru4G1HF5Fe3c0jx+Ervi9fVPs4/Lp51MakmSX1JF4tYj707ygrxGcxBPMrXMrhYgokfi09ycuXt3ISY/mzY6ACnZfHYnq/y4+L9pfOYB/4CEdSBFbWpZm9DQnyOvwXxtkfsEXL/wkoBHZOcXOUAZ/qEXyvsTx6nDR+1bF88eUYc30jxfJHi+MYV6YE71luTax6yUrxX5Qvx2i1+jUkCS/8Nufj9JzFGjxPMJ6On0VVv0kjxtpgy0OUSL85sTSak1jgY69MqJn9cJn57tvj2b9Lgv436e8GvmLYrHnghzEvxwE//sXemS4rCQAAOQU5Ha0arVwTxmlVHrX3/19uNLtNCguPRaCj7+zXjBeVnOp1OIPnR61yL9BXMsT4HnMYxid/XhfokOyVVou8I9a5okDjAnxftQgx68RjIt2fFY88w1SJ9/vmNOdanR8dK8AbAnNwt6pK7vTlnGJeTux0YeexCDB+OBO/UF1DRi8csb3lOPGZ5lVA+KauZ1sf6PWzw0Ci+8Dutii+UTs2FgUX5VDdwGbHQIM7iHTemWGzZvHgcgJ8Xj3Ms1QdWlcaYGSflpzBRb66Ix4rt3FTAMX9cuVaHs3nIk4bxbxBEHvFKDHrxM8zQd/hq03Cu3Na2lXJsXn3bwthGJ38O9k3ik9JA/gtFZiNjFE9Oj5Ji+UfjQUl9jH/R38KWXvxCvQB1rWsrd5N8bvBsLvvqnQF2w+rIRvHpCE93thnhKcLhn01x+GyMtcDbJmlcQU83gC7pJVQNix8riWrl0myZ4xyJQfxvJXc9A0gX1Yn7tRaK9eCMDyvRunh8erfPxsUagkLxQWv+maXpajn9ju/LYlp2rV5/eWqHhsjw+vcHEs8BjebE736VWIJJvD6YzueGiTckq431KEgTr/wieY7iYaWeQZI7F2IIaiKH4gcVgEZz4mef+jdqno8vWZlXI/3GkHiZJuUVe008jhfwCF+j8tIrZLI/zSILplu4kJ6gJR7AgSCm3YimQfFYk1FMM6gRj0UexSSZaUn+WCvh1sf6VZ14mCW//x9hq6SWkoFCfZ6cGE6/Rnjul9IRtAxBId+EoI31zbMaJ8lyPYMz4ArncQZN8u8Qy8x4KqlaSD1OjeeUwhV8CGICACcS98M7hjdKT1DjO6Fn2a0RGJ13QY4vaOBdhBtECiq8oplbcOEk8yMdsmY+0DqN9qV3r4P8IBy7R9zkW4NLWKoDx+cm3xLkB1GYB0Wfe/m2QNPguw5AaezO24tajiSs1clKnLfuNocM0qGLyNWazfPvjMHUEgoqQlc0hM/5ncLGzM4M373cXlqxqTBvI05OnyDpFmY4s7cYeb+1WLrCCHfz9kLQwcfOmUIAj+ksJSbxfmZhHSd4VhKReD/b4rl0ayFuu7yzeWu8e/KHz2HzFuISiXDFA4mAsaJw46L3xxDzeP4unC7VIEtcB28nfy22jd+fhsfV25vp27m74KV0uNHfhNOSeZl6/BCYqwkownz8Lq6EG/1zkV2iDMsVz8Vl9VfguJ6gQMLz9yT1Wf0DteOqiKc3eSF8DvgP0o7lM1t2Kxv2gDmHE3Rpl0RIW0aEfofd11uPKDXJ43VSFvHmBrw+R5Pe79I2Ti88zOTbRjx0w2AgX/4H4MhBL4yGjTTMyLGjg2cejW9LB88wDMMwDMPcjt/6CV3mJiSEVhVumMbBGj2bfzl8ac3cDPNIQgCQ3OBfDh+srNEzTdMDACmYVyNu0X1TGEreJASCeUX+tncHOA6CUBRF0aKC4NTUvP1vdZqUpq6gqbx7tnBjgvCVyMoOAAAAuKqZ5bynpFQC7Mx6WgPcJHbpPY3s0luKPPCeFgZvLM1M2nk6RnEe66kmlnYAAAAAcC0TOzeekpZMe0OjpCPAzawn/m3mJ4p9eksbX0Z7Ghi2s7RKGgLsZElbgJ2p3haO4gEAAAAAuIJ5LxzMOcp8M+fp7yduDsbXLUzfeHpI4tc3hhi78jRxGG9jui17eKuSHqEpW+Lh71eSdA/Nfhq0vLPA79qmU/lprUd9d2fatmtVrfxH686bXd/ip/y5O9fRdK+Vp7udVp7udlp5uttp5elup5Wnu51X+VxKpruXqBe6u4l0NxXpbirS3VSku6k4DnS38A+EG7ngJMpl+QAAAABJRU5ErkJggg==) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 2.75rem;
  right: 2.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1600 .course-landing .course-landing-content .course-landing-text .video-box .video-container {
  width: 48rem;
  height: 28rem;
  background: url(/static/media/back_pad1.89f1c16c.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
  z-index: 2;
  padding: 1.1rem 2rem 1.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1600 .course-landing .course-landing-content .course-landing-text .video-box .video-container video {
  border-radius: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1600 .course-landing .course-landing-content .course-landing-text .video-box .video-container .video-transcript-area {
  background: #F7F8FB;
  padding: 1rem 1.88rem;
  margin-top: 3rem;
  border-radius: 0.63rem;
  z-index: 90;
  width: auto;
  margin: 3rem -2rem 0 -2rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1600 .course-landing .course-landing-content .course-landing-text .video-box .video-container .video-transcript-area .video-transcript-title {
  font-size: 1.13rem;
  font-weight: 500;
  line-height: 1.38rem;
  position: relative;
  cursor: pointer;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1600 .course-landing .course-landing-content .course-landing-text .video-box .video-container .video-transcript-area .video-transcript-title img {
  margin-top: -0.31rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1600 .course-landing .course-landing-content .course-landing-text .video-box .video-container .video-transcript-area .video-transcript-title .transcript-button {
  position: absolute;
  right: 0;
  top: -0.13rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1600 .course-landing .course-landing-content .course-landing-text .video-box .video-container .video-transcript-area .video-transcript-body .video-transcript-language {
  display: flex;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1600 .course-landing .course-landing-content .course-landing-text .video-box .video-container .video-transcript-area .video-transcript-body .video-transcript-language .video-transcript-language-item {
  padding: 0.5rem 1.25rem;
  font-size: 0.88rem;
  color: #999;
  border: 1px solid #999;
  border-radius: 3rem;
  margin-right: 1rem;
  margin-top: 1rem;
  margin-bottom: 1.13rem;
  cursor: pointer;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1600 .course-landing .course-landing-content .course-landing-text .video-box .video-container .video-transcript-area .video-transcript-body .video-transcript-language .video-transcript-language-item.selected {
  color: #F26927;
  background: #FFF2EC;
  border: 1px solid #F26927;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1600 .course-landing .course-landing-content .course-landing-text .video-box .video-container .video-transcript-area .video-transcript-body .video-transcript-content {
  border-top: 1px solid #C4C4C4;
  padding-top: 1.13rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1600 .course-landing .course-landing-content .course-landing-text .video-box .video-container .video-transcript-area .video-transcript-body .video-transcript-content .video-transcript-item {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.19rem;
  display: flex;
  grid-gap: 0.63rem;
  gap: 0.63rem;
  margin-bottom: 0.63rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1600 .course-landing .course-landing-content .course-landing-text .video-box .video-container .flower {
  position: absolute;
  left: 0;
  top: 11.71rem;
  width: 14.69rem;
  height: 21.31rem;
  transform: translateX(-100%);
  background: url(data:image/png;base64,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) no-repeat;
  background-size: 100% 100%;
  z-index: 8;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1600 .course-landing .back-icon {
  position: absolute;
  display: block;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: 0 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1600 .course-landing .back-icon.person {
  left: 4.2%;
  top: 17.31rem;
  width: 33.44rem;
  height: 40.44rem;
  background-image: url(/static/media/person.09aae884.png);
  z-index: 5;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1600 .course-landing .back-icon.background {
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
  background-image: url(/static/media/background-5.9a5b1fb8.png);
  background-repeat: no-repeat;
  background-size: 100% 201.63rem;
  background-position: 0 0;
  z-index: 7;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1600 .course-landing {
    background-size: 85.84rem auto;
    background-position: -7.12rem top;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1600 .course-landing .course-landing-content {
    padding-left: 2.88rem;
    padding-right: 3rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1600 .course-landing .course-landing-content .course-landing-text .title {
    align-items: flex-start;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1600 .course-landing .course-landing-content .course-landing-text .title .message-box {
    display: flex;
    flex-direction: column;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1600 .course-landing .course-landing-content .course-landing-text .title .message-box span:last-child {
    margin-left: 0;
    margin-top: 1rem;
    font-size: 3rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1600 .course-landing .course-landing-content .course-landing-text .description {
    font-size: 1.75rem;
    line-height: 3.13rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1600 .course-landing .course-landing-content .course-landing-text .video-box .icon_text {
    width: 18rem;
    height: 4.5rem;
    background-image: url(data:image/png;base64,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);
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1600 .course-landing .course-landing-content .course-landing-text .video-box .video-container {
    width: 40rem;
    height: 24rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1600 .course-landing .course-landing-content .course-landing-text .video-box .video-container .flower {
    display: none;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1600 .course-landing .course-landing-content .course-landing-text .video-box .video-container .video-transcript-area {
    margin-top: 4rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1600 .course-landing .course-landing-content .course-landing-text .video-box .video-container .video-transcript-area .video-transcript-title {
    font-size: 1.75rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1600 .course-landing .course-landing-content .course-landing-text .video-box .video-container .video-transcript-area .video-transcript-content .video-transcript-item {
    font-size: 1.75rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1600 .course-landing .back-icon.person {
    left: -3.5rem;
    top: 15.5rem;
    background-size: 90% 90%;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1600 .course-landing .back-icon.background {
    background-size: 85.84rem auto;
    background-position: -7.12rem top;
  }
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_2 {
  padding: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_2 .topic-section-1 {
  padding-left: 14.75rem;
  padding-right: 9.44rem;
  padding-top: 8rem;
  padding-bottom: 10rem;
  background: linear-gradient(to top, transparent 6.94rem, #E0F0FF 6.94rem);
  position: relative;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_2 .topic-section-1 .introduction-container {
  margin-top: 5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_2 .topic-section-1 .introduction-container .content-container {
  position: relative;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_2 .topic-section-1 .introduction-container .content-container .side-back {
  min-width: 38.38rem;
  height: 43.31rem;
  left: 0;
  top: 0;
  position: absolute;
  background: url(/static/media/background-2.46e425a6.png) no-repeat;
  background-size: 100% 100%;
  z-index: 50;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_2 .topic-section-1 .introduction-container .content-container .side-back .question {
  position: absolute;
  left: 50.4%;
  top: 17.9%;
  height: 7.44rem;
  border-radius: 9.13rem;
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 700;
  font-size: 2rem;
  color: #0B52A2;
  line-height: 2.81rem;
  display: flex;
  align-items: center;
  z-index: 55;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_2 .topic-section-1 .introduction-container .content-container .top {
  height: 25.12rem;
  position: relative;
  padding-top: 3.13rem;
  padding-left: 23rem;
  box-sizing: border-box;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_2 .topic-section-1 .introduction-container .content-container .top .content p {
  height: 8.81rem;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 9.13rem;
  margin-bottom: 1.5rem;
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 500;
  font-size: 1.5rem;
  color: #000000;
  line-height: 2.19rem;
  padding: 1.13rem 2.5rem 1.13rem 17.5rem;
  box-sizing: border-box;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_2 .topic-section-1 .introduction-container .content-container .bottom {
  min-height: 18.19rem;
  background: url(/static/media/background-3.7b65bf1d.png) no-repeat right bottom;
  background-size: 61.78rem auto;
  padding: 1.31rem 14.38rem 1.31rem 18.94rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_2 .topic-section-1 .introduction-container .content-container .bottom > p {
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 500;
  font-size: 1.5rem;
  color: #1F1F1F;
  line-height: 2.19rem;
  margin-bottom: 1.63rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_2 .topic-section-1 .introduction-container .content-container .bottom > p .highlight {
  color: #F36928;
  font-size: 2.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_2 .topic-section-1 .introduction-container .content-container .bottom .source-box p {
  margin-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.25rem;
  color: #636363;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_2 .topic-section-1 .introduction-container .content-container .bottom .source-box p a {
  text-decoration: underline;
  color: #0B52A2;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_2 .topic-section-1 .attentions-container {
  margin-top: 5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_2 .topic-section-1 .attentions-container .content {
  height: 35.13rem;
  background: url(/static/media/background-4.eeb5d1c2.png) no-repeat;
  background-size: auto 100%;
  position: relative;
  cursor: pointer;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_2 .topic-section-1 .attentions-container .content .tip {
  position: absolute;
  left: 14.12rem;
  top: 4.5rem;
  width: 12.31rem;
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 700;
  font-size: 1.5rem;
  color: #0B52A2;
  line-height: 2.81rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_2 .topic-section-1 .attentions-container .content .arrow {
  position: absolute;
  left: 25rem;
  top: 13.5rem;
  width: 8rem;
  height: 8rem;
  transform: rotate(-45deg);
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_2 .topic-section-1 .attentions-container .content .arrow img {
  width: 100%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_2 .topic-section-1 .attentions-container .content .item-wrap {
  padding-left: 30.38rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_2 .topic-section-1 .attentions-container .content .item-wrap .attention-item {
  height: 4.13rem;
  background: #FFFFFF;
  border-radius: 6.94rem;
  position: relative;
  padding-left: 5.94rem;
  padding-right: 0.5rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  opacity: 0;
  transition: all 500ms linear 0s;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_2 .topic-section-1 .attentions-container .content .item-wrap .attention-item.fade-in {
  opacity: 1;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_2 .topic-section-1 .attentions-container .content .item-wrap .attention-item .item-no {
  position: absolute;
  left: 0;
  top: 0;
  width: 4.13rem;
  height: 4.13rem;
  background: #FFFFFF;
  box-shadow: 0.31rem 0 0.25rem 0 #88B2E5;
  border-radius: 50%;
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 700;
  font-size: 2.5rem;
  color: #0B52A2;
  line-height: 4.06rem;
  text-align: center;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_2 .topic-section-1 .attentions-container .content .item-wrap .attention-item .item-desc {
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 700;
  font-size: 1.5rem;
  color: #0B52A2;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_2 .topic-section-1 .attentions-container .content .item-wrap .attention-item + .attention-item {
  margin-top: 1.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_2 .topic-section-1 .background-pic {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 6.94rem;
  background-image: url(data:image/png;base64,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);
  background-position: left top;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  z-index: 1;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_2 {
    background: linear-gradient(to top, transparent 6.54rem, #E0F0FF 6.54rem);
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_2 .topic-section-1 {
    padding-left: 2.88rem;
    padding-right: 3rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_2 .topic-section-1 .introduction-container {
    margin-top: 3rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_2 .topic-section-1 .introduction-container .content-container {
    overflow: hidden;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_2 .topic-section-1 .introduction-container .content-container .side-back {
    width: 100%;
    background-size: 100% auto;
    height: auto;
    padding-top: 112.9%;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_2 .topic-section-1 .introduction-container .content-container .side-back .question {
    left: 50.4%;
    top: 19.2%;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_2 .topic-section-1 .introduction-container .content-container .top {
    z-index: 60;
    padding-left: 0;
    padding-top: 0;
    height: 52.26rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_2 .topic-section-1 .introduction-container .content-container .top .content {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_2 .topic-section-1 .introduction-container .content-container .top .content p {
    height: 9.38rem;
    background: #ffffff;
    border-radius: 13.88rem;
    padding: 1.13rem 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.75rem;
    line-height: 2.5rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_2 .topic-section-1 .introduction-container .content-container .bottom {
    min-height: 20.97rem;
    background-size: 41rem auto;
    padding-left: 0;
    padding-right: 0;
    padding-top: 2.62rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_2 .topic-section-1 .introduction-container .content-container .bottom > p {
    font-size: 1.75rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_2 .topic-section-1 .introduction-container .content-container .bottom > p .highlight {
    font-size: 2rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_2 .topic-section-1 .introduction-container .content-container .bottom .source-box p {
    font-size: 1.5rem;
    margin-bottom: 1rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_2 .topic-section-1 .attentions-container .content {
    height: auto;
    background-position: top center;
    background-size: auto 35.13rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_2 .topic-section-1 .attentions-container .content .tip {
    left: 50%;
    transform: translateX(-50%);
    font-size: 2rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_2 .topic-section-1 .attentions-container .content .arrow {
    left: clac(56%);
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_2 .topic-section-1 .attentions-container .content .item-wrap {
    padding-left: 0;
    padding-top: 38.13rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_2 .topic-section-1 .attentions-container .content .item-wrap .attention-item {
    height: 5rem;
    border-radius: 13.88rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_2 .topic-section-1 .attentions-container .content .item-wrap .attention-item .item-no {
    width: 5rem;
    height: 5rem;
    line-height: 5rem;
    box-shadow: 0.63rem 0 0.5rem 0 #88B2E5;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_2 .topic-section-1 .attentions-container .content .item-wrap .attention-item .item-desc {
    font-size: 1.75rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_2 .background-pic {
    background-size: 85.84rem auto;
    background-position: -7.12rem top;
  }
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 {
  padding-left: 14.75rem;
  padding-right: 9.44rem;
  padding-top: 8rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .next-paragraph-bar {
  margin: 0 -9.44rem 0 -14.75rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .for-pc {
  display: block;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .for-mobile {
  display: none;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container {
  margin-top: 5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .introduce-part {
  margin-top: 2.5rem;
  display: flex;
  height: 31.31rem;
  align-items: center;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .introduce-part > div {
  height: 100%;
  background-color: #FFFFFF;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .introduce-part .left {
  width: 50.7%;
  margin-right: 2.5rem;
  background-image: url(data:image/png;base64,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);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
  padding: 6.19rem 2.25rem 0 16.19rem;
  position: relative;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .introduce-part .left > p {
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 700;
  font-size: 1.5rem;
  color: #1F1F1F;
  line-height: 2.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .introduce-part .left .person1 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 26.38rem;
  height: 26.38rem;
  background-image: url(/static/media/person-1.3b0f417e.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .introduce-part .right {
  flex: 1 1;
  background-image: url(data:image/png;base64,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);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
  padding: 6.19rem 11.38rem 0 2.06rem;
  position: relative;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .introduce-part .right > p {
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 700;
  font-size: 1.5rem;
  color: #1F1F1F;
  line-height: 2.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .introduce-part .right > p .highlight {
  color: #F36928;
  font-size: 2.5rem;
  line-height: 3.75rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .introduce-part .right .person2 {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 25.68rem;
  height: 25.68rem;
  background-image: url(/static/media/person-2.713ea21b.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .benefits {
  margin-top: 5rem;
  padding: 2.5rem 4.5rem 1.88rem;
  height: 38.13rem;
  background-color: #FFFFFF;
  border-radius: 0.63rem;
  background-image: url(/static/media/info-lock.783207e5.png);
  background-repeat: no-repeat;
  background-size: 40.25rem 30rem;
  background-position: 1.69rem bottom;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .benefits .sub-title {
  height: 3.75rem;
  background: #F36928;
  border-radius: 5.06rem;
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: bold;
  font-size: 2rem;
  color: #FFFFFF;
  line-height: 3.75rem;
  text-align: center;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .benefits .benefit-item-wrap {
  margin-top: 2.5rem;
  padding-left: 31.88rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .benefits .benefit-item-wrap .benefit-item {
  height: 4.13rem;
  background: #F4F7FF;
  border-radius: 6.94rem;
  position: relative;
  padding-left: 5.65rem;
  display: flex;
  align-items: center;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .benefits .benefit-item-wrap .benefit-item .item-no {
  position: absolute;
  left: 0;
  top: 0;
  width: 4.13rem;
  height: 4.13rem;
  background: #FFFFFF;
  box-shadow: 0.31rem 0 0.25rem 0 #88B2E5;
  border-radius: 50%;
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 700;
  font-size: 2.5rem;
  color: #0B52A2;
  line-height: 4.06rem;
  text-align: center;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .benefits .benefit-item-wrap .benefit-item .item-desc {
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 700;
  font-size: 1.5rem;
  color: #0B52A2;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .benefits .benefit-item-wrap .benefit-item + .benefit-item {
  margin-top: 1.88rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .dos-and-donts {
  margin-top: 5rem;
  height: 28.89rem;
  position: relative;
  display: flex;
  justify-content: space-between;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .dos-and-donts .module {
  width: calc(50% - 0.32rem);
  display: flex;
  flex-direction: column;
  z-index: 50;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .dos-and-donts .module .part-title {
  height: 4.81rem;
  border-radius: 10.88rem;
  border: 0.06rem solid #000000;
  font-family: 'Arial';
  font-weight: 700;
  font-size: 2rem;
  line-height: 4.81rem;
  text-align: left;
  position: relative;
  width: 100%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .dos-and-donts .module .item {
  min-height: 4.13rem;
  background: #FFE6DA;
  border-radius: 6.94rem;
  margin-top: 1.5rem;
  padding-left: 1.38rem;
  padding-right: 0.63rem;
  display: flex;
  align-items: center;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .dos-and-donts .module .item .item-desc {
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 500;
  font-size: 1.5rem;
  color: #000000;
  line-height: 4.13rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .dos-and-donts .module.dos {
  align-items: flex-start;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .dos-and-donts .module.dos .part-title {
  background-color: #FFE6DA;
  color: #EE6E2F;
  padding-left: 1.75rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .dos-and-donts .module.dos .part-title .right-icon {
  position: absolute;
  right: 0.38rem;
  top: 50%;
  transform: translateY(-50%);
  width: 4.19rem;
  height: 4.19rem;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIYAAACGCAMAAAAvpwKjAAAAYFBMVEUAAADrbDDvbi/ubi/sazDvbS/ubi7ubi/tbS7vbi/ubS/vcDDtbi7ubi7tbS7rbC/fcDDubi7vby7sbC7qairvbi/ubi/////3tpf1pX397eX5ybHwgEnvdzz85Njzm3CusaDFAAAAFnRSTlMAIN/vML+fz3CvcBCQgGBAELCPUDDPbSz2QgAAAyBJREFUeNrVnFty2zAMRfkQJepB2Y6T6yRK2v3vsrbzgXY6aUUCEuizgjPgBWxRpEwhx+c5tn1wDnecC/2Uzs9mR55j6/ANL33cw+UYe4//4PvZmg05poCVvMSNTI4xIIswbyCRPLJxrWxJDj0KERSxAYSWyPEJhJrI4MHGRW4oOojgWAV5ghipPJodBHGWkQpBfFRdEGJSXRCis5kWDoRaQBqPjXBNDRaAX+0xe2yIn/Vr8VWPGizIg9cjfLytwWJF33bYhU5+gsvP9QG7Ef8RDA8+/Jg68OHHI4EPPx4WO3PQX5IbnWqXEJExPgXx418aLRSY1PP5ha2hGECoohjAoYZiAH0VxQDGGooBJOYAlZ8dMxShURqgSKggoL+HNEIRCmkHVUIVawKM+n1CvdJDnrcPrOd01/AQ5+3ynuHhbxYNxCCLS5ZHI9uuZJHnEWWjQRZ3j0+spBWfGmRxecVa3FUDDHgWxMhIqJwFGnMGF74FZpPAhW+BaCZw4VugZfSrnAVOJoAL3wLBOHDhW8BxNPgWpIEMPj9kLYgcjc8f7x8MC6YGWdDPZr4FX4MsyCPXgq9BFuTBsGBWY7mQh7QFMhqWPCQsyucGeQhbwGUNc/KQtUDI+2kjD1ELnDI3eshD0gJT7vMBeQhaIGU/wZKHnAXO2X+JyeNVzAKNGZEHechZoGgXcJG26Mr2RBdZC5wKH6UXUQvE0o2FRdICTfE2yyJo4RmbTouYBU6cbdFFygLzXWNEGT8hhK1gy5xexyYoQq8QRqhi63qRYSIUoWNgo4ca7iagH9LWXNEPqSWLrIEuXwziAA2oGMo929Z5cMJMUICKoTk7nK3iiNHAORwpP0AVm5byqZzSZK6oL4ur/aDmbt1CXaIcj+kRjjTXcsB7l5g6+yiH/2u5ClHLxZBarslcPRwIYYvHu0JVy4Wybeb6VMVlw8EUYZ3qghBJfEF0C9IdDI/BiaSCjW3BZBoNoSUSKJp6Ij2FQkbEIRufRiPOHJBFGEhCFDt0qx2oEFtg5zWfAaE6bEgz9N9WxbVDY3akOafpz0/EtMPclFbhF5lQuAYFtA2EAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .dos-and-donts .module.donts {
  align-items: flex-end;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .dos-and-donts .module.donts .part-title {
  background: #E5F1FF;
  color: #0B52A2;
  text-align: right;
  padding-right: 1.75rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .dos-and-donts .module.donts .part-title .right-icon {
  position: absolute;
  left: 0.38rem;
  top: 50%;
  transform: translateY(-50%);
  width: 4.19rem;
  height: 4.19rem;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIYAAACGCAMAAAAvpwKjAAAASFBMVEUAAAAIUJ8KUqILUqIJUqIJUJ8LUqILUaMKUqIKUqIQUJ8LUaIKUqILUaILUJ8LUaILUqL////S3+4aXagbXaeFqdF2nstmk8UZFco5AAAAEHRSTlMAIN/vcDDPv6+fEJCAYEBQeQGerAAAA0lJREFUeNrVnNtyqzAMRfEFbAwkOyVN/v9PTyZ9cM5k0o0RIHc9d6ZrZFnBQqZZSWon38dgLZ5YG+IwntvmQFrfW3ygi/4Il+SjA8HFyTQ7ksaAhXR+J5PkA4oI0w4So0Mxtt82JKeIlWwoYgIyWiJpQEZNxDuIsV6aFB02wYoCMmAzxvWpmUOhGBDvsCnOqy5IZlBdkExnCi0sMmoJ0jrshG1rsADcYo/JYUfcpB+Ln3jUYLHMw1jsjjM1WIDv2w6H0Ekq+FF13eMw/C+J4SBHnqYWcuTpMUKOPD0MDuakvyQfl8XjcDwpnwfh0ptGDwUG9fz8wdQQDCBUEQzgVEMwgFhFMIBUQzCA8eACymvHBEVyKQ1QJFSQoK9J6qHKuOZp/D6DcL2hiLBiTb4vXzOx+Lp8o4j0tk+4xeXhQSwu2aNgr0RkuMXTg1hkj4KC7rCU2+VCPB4WP9yxHPc8wWMx8xfxuH74A0JLtyv3kFvA09TgHnIL9LRqcA+5BexDAwTmwS04iWco9+AWPEfPIFAPuQUmen7mHnILeNrf4R5yC/R0v3IPuQUiffLiHnILBPo0zD3kFrBUg3sILLIGCNyDW3C4BvEQWAg1sofIQq6RPeQWco1rFRrXDRfFgsIs5B6Wa3ALuYddfYy+blm+Avtp4xbzLPeIrNHDLQC5x0DPB9xiA4+Rn2C5hdzjzB+JuYXco20SCNxC7sG7gNxC7tHxnii3kHtEfpTmFnIPzxsL3ELu0dI2C7eQezjedOIWco9Y2Ba9s3+SPW5YzvTUSCCUtODmFS04Q1vmvCH57lFq0ZGX4mXt2exR3hZ9WxXKbQZhvqMIU9eLjMZDkTwGlhzUsE1mhBp9k0lQwzQvRCjRN6+coEEOhvKe7escnBDNv8mDoVo7rKl1xEgwHCkuoLqb1mhNab6/FFdfFlv7oGYlY6u1DPHWMtJcy4D3IWlqzV8Z/q/lKkQtF0NquSbz8LDYCdf+vStUtVwoq+V6XTWXDXOCKC1IZtx8QXQD0p0aGd4ekRUc00PIkJqMlkjIqaknEklSFItYFOPG1GzOFFBE8KnZBeO7xQ4kEELMtOQzIJ47yGl9/BgV2/tjP9ByHof/PxHT+6ldG4V/RCBy4GFvWsAAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .dos-and-donts .module.donts .item {
  background: #D8EAFF;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .dos-and-donts .module.donts .item .example-btn-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .dos-and-donts .module.donts .item .example-btn-item .example-btn {
  color: #F36928;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  margin-right: 2rem;
  cursor: pointer;
  font-weight: 700;
  width: 6rem;
  display: inline-block;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .dos-and-donts .module.donts .item .example-btn-item .desc-text {
  flex: 1 1;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .dos-and-donts .back-computer {
  width: 32.35rem;
  height: 21.38rem;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  background-image: url(/static/media/computer.d23e5dd2.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  z-index: 5;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .example-wrap {
  height: 45.78rem;
  box-sizing: border-box;
  background-color: #FFFFFF;
  border-radius: 0.63rem;
  position: relative;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .example-wrap .example-img-wrap {
  height: 39.94rem;
  max-width: 66.44rem;
  border-radius: 0.63rem;
  margin: 2.13rem auto 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .example-wrap .example-img-wrap img {
  width: 100%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .example-wrap .flower-icon {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 16.69rem;
  height: 24.56rem;
  background-image: url(/static/media/flower-1.038e5613.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .vpn-container .vpn-wrap {
  margin-top: 5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .vpn-container .vpn-wrap .vpn-title-wrap {
  display: flex;
  align-items: center;
  margin-bottom: 2.44rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .vpn-container .vpn-wrap .vpn-title-wrap .c-title {
  margin-bottom: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .vpn-container .vpn-wrap .vpn-title-wrap > span {
  margin-left: 1.75rem;
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 700;
  font-size: 1.5rem;
  color: #F36928;
  line-height: 2.19rem;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  cursor: pointer;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .vpn-container .vpn-wrap .vpn-items-wrap {
  height: 35.37rem;
  position: relative;
  overflow: visible;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .vpn-container .vpn-wrap .vpn-items-wrap .left-back {
  position: absolute;
  left: -4.63rem;
  top: 4.5rem;
  width: 35.11rem;
  height: 30.87rem;
  background-image: url(/static/media/background-6.bf4463a4.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  z-index: 10;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .vpn-container .vpn-wrap .vpn-items-wrap .item {
  position: absolute;
  background: #FFFFFF;
  box-shadow: 0 0.25rem 0.25rem 0 #F7D7C8;
  border-radius: 0.63rem;
  padding: 0.88rem 1.19rem;
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 500;
  font-size: 1.5rem;
  color: #2F3030;
  line-height: 2.19rem;
  box-sizing: border-box;
  z-index: 20;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .vpn-container .vpn-wrap .vpn-items-wrap .item:nth-of-type(1) {
  top: 2.44rem;
  left: 20.63rem;
  width: calc(100% - 20.63rem);
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .vpn-container .vpn-wrap .vpn-items-wrap .item:nth-of-type(2) {
  top: 8.31rem;
  left: 26.75rem;
  width: calc(100% - 26.75rem);
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .vpn-container .vpn-wrap .vpn-items-wrap .item:nth-of-type(3) {
  top: 14.19rem;
  left: 29.5rem;
  width: calc(100% - 29.5rem);
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .vpn-container .vpn-wrap .vpn-items-wrap .item:nth-of-type(4) {
  top: 20.06rem;
  left: 26.75rem;
  width: calc(100% - 26.75rem);
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .vpn-container .vpn-wrap .vpn-items-wrap .item:nth-of-type(5) {
  top: 25.94rem;
  left: 24.06rem;
  width: calc(100% - 24.06rem);
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .vpn-container .connect-vpn {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding-top: 2rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .vpn-container .connect-vpn .connect-vpn-title {
  width: 22.94rem;
  height: 4.81rem;
  border-radius: 2.43rem;
  background: #F36928;
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: bold;
  font-size: 2rem;
  color: #FFFFFF;
  text-align: center;
  line-height: 4.81rem;
  z-index: 50;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .vpn-container .connect-vpn .connect-vpn-content {
  width: 22.88rem;
  margin-top: 2rem;
  height: 36.52rem;
  z-index: 50;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .vpn-container .connect-vpn .connect-vpn-content .before-img-wrap {
  width: 100%;
  height: 100%;
  background-image: url(/static/media/connect-vpn-1.0f14f981.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .vpn-container .connect-vpn .connect-vpn-content .after-img-wrap {
  width: 100%;
  height: 100%;
  background-image: url(/static/media/connect-vpn-2.3adae69c.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .vpn-container .connect-vpn .connect-vpn-content .arrow {
  position: absolute;
  left: 50%;
  top: 67%;
  transform: translate(-50%, 0);
  width: 8rem;
  height: 8rem;
  cursor: pointer;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .vpn-container .connect-vpn .connect-vpn-content .arrow img {
  width: 100%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .vpn-container .connect-vpn .left-back {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 45.31rem;
  height: 43.84rem;
  background: url(/static/media/vpn-background-1.917463a4.png) no-repeat;
  background-size: 100% 100%;
  z-index: 10;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .vpn-container .connect-vpn .right-back {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 55.5rem;
  height: 43.84rem;
  background: url(/static/media/vpn-background-2.9ac42244.png) no-repeat;
  background-size: 100% 100%;
  z-index: 10;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .topic-quiz {
  margin-top: 5rem;
  margin-bottom: 1rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .topic-quiz .quiz-section.new-quiz .quiz-section-body .top {
  background-image: url(/static/media/quiz_bg.c0be8242.png);
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_7 {
  margin-top: 5.75rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_7 .subtitle-box {
  background: initial;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_7 .content_box {
  width: 100%;
  position: relative;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_7 .content_box .l1 {
  width: 100%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_7 .content_box .l2 {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_7 .content_box .l2 img {
  width: 100%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_7 .content_box .l2 .left {
  width: 50%;
  height: auto;
  position: absolute;
  left: 25%;
  top: 13.5%;
  font-weight: bold;
  padding: 4% 0 7.5% 4%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_7 .content_box .l2 .left .p1 {
  font-size: 1.5rem;
  color: #1F1F1F;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_7 .content_box .l2 .left .p2 {
  font-size: 2.8rem;
  color: #F36928;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_7 .content_box .l2 .left .final-p {
  margin-top: 2.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_7 .content_box .l2 .left .content-en {
  display: none;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_7 .content_box .l2 .right {
  width: 42%;
  height: 20%;
  position: absolute;
  right: 3%;
  top: 1%;
  font-weight: bold;
  padding: 0% 2.5%;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_7 .content_box .l2 .right .p1 {
  font-size: 1.6rem;
  color: #1F1F1F;
  line-height: 2.81rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_7 .content_box .l2 .right .arrow_icon {
  width: 5rem;
  position: absolute;
  left: 82%;
  top: 70%;
  transform: translateY(-50%);
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_8 {
  margin-top: 5rem;
  margin-bottom: 5rem;
  position: relative;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_8 .subtitle-box {
  background: initial;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_8 .content_box {
  display: flex;
  margin-top: 3.375rem;
  position: relative;
  z-index: 2;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_8 .content_box .img_box {
  width: 29.5rem;
  position: relative;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_8 .content_box .img_box img {
  width: 100%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_8 .content_box .right_box {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  margin-left: 1.4rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_8 .content_box .right_box.animation_box .text_item {
  opacity: 1;
  transition: 0.5s ease-in-out;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_8 .content_box .right_box.animation_box .text_item:nth-child(2) {
  transition-delay: 0.1s;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_8 .content_box .right_box.animation_box .text_item:nth-child(3) {
  transition-delay: 1s;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_8 .content_box .right_box.animation_box .text_item:nth-child(4) {
  transition-delay: 2s;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_8 .content_box .right_box.animation_box .text_item:nth-child(5) {
  transition-delay: 3s;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_8 .content_box .right_box .text_item {
  width: 100%;
  flex: 1 1;
  display: flex;
  align-items: center;
  opacity: 0;
  position: relative;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_8 .content_box .right_box .text_item .arrow_icon {
  width: 8rem;
  position: absolute;
  left: -5rem;
  top: -5rem;
  transform: rotate(135deg);
  z-index: 3;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_8 .content_box .right_box .text_item:nth-child(1) {
  cursor: pointer;
  opacity: 1;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_8 .content_box .right_box .text_item .inner {
  background: #fff;
  border-radius: 5rem;
  min-height: 5rem;
  padding: 1.2rem;
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 1.5rem;
  color: #0B52A2;
  line-height: 2.18rem;
  font-weight: bold;
  position: relative;
  padding-left: 7.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_8 .content_box .right_box .text_item .inner em {
  width: 5rem;
  height: 5rem;
  display: inline-block;
  background: #0B52A2;
  border-radius: 5rem;
  box-shadow: 2px 2px 10px rgba(11, 82, 162, 0.4);
  font-size: 2.5rem;
  font-weight: bold;
  color: #fff;
  line-height: 5rem;
  text-align: center;
  position: absolute;
  left: 0;
  font-style: initial;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_9 {
  margin-bottom: 5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_9 .c-title {
  margin-bottom: 2.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_9 .content_box {
  display: flex;
  position: relative;
  background: #E0F0FF;
  border-radius: 0.625rem;
  z-index: 2;
  padding-right: 1rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_9 .content_box .img_box {
  height: 32.75rem;
  position: relative;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_9 .content_box .img_box img {
  height: 100%;
  cursor: pointer;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_9 .content_box .img_box .arrow_icon {
  width: 5rem;
  height: 5rem;
  position: absolute;
  left: 42%;
  top: 80%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_9 .content_box .right_box {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  margin-left: -2rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_9 .content_box .right_box.animation_box .text_item {
  opacity: 1;
  transition: 0.5s ease-in-out;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_9 .content_box .right_box.animation_box .text_item:nth-child(1) {
  transition-delay: 0.1s;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_9 .content_box .right_box.animation_box .text_item:nth-child(2) {
  transition-delay: 0.5s;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_9 .content_box .right_box.animation_box .text_item:nth-child(3) {
  transition-delay: 1s;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_9 .content_box .right_box.animation_box .text_item:nth-child(4) {
  transition-delay: 1.5s;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_9 .content_box .right_box.animation_box .text_item:nth-child(5) {
  transition-delay: 2s;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_9 .content_box .right_box .text_item {
  width: 100%;
  flex: 1 1;
  display: flex;
  align-items: center;
  opacity: 1;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_9 .content_box .right_box .text_item .inner {
  background: #fff;
  border-radius: 0.625rem;
  height: 5.8125rem;
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 1.5rem;
  color: #000;
  font-weight: 500;
  line-height: 2.18rem;
  position: relative;
  padding-left: 17rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_9 .content_box .right_box .text_item .inner em {
  width: 15.7rem;
  height: 5.8125rem;
  border-radius: 0.625rem;
  box-shadow: 4px 4px 4px rgba(77, 132, 197, 0.49);
  font-size: 1.5rem;
  font-weight: bold;
  color: #fff;
  background: #F36928;
  line-height: 2.1875rem;
  text-align: center;
  position: absolute;
  left: 0;
  font-style: initial;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_10 .c-title {
  margin-bottom: 2.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_10 .content_box {
  display: flex;
  position: relative;
  z-index: 2;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_10 .content_box .img_box {
  width: 29.5rem;
  position: relative;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_10 .content_box .img_box img {
  width: 100%;
  cursor: pointer;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_10 .content_box .img_box .arrow_icon {
  width: 5rem;
  position: absolute;
  left: 42%;
  top: 80%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_10 .content_box .right_box {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  margin-left: 1.4rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_10 .content_box .right_box.animation_box .text_item {
  opacity: 1;
  transition: 0.5s ease-in-out;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_10 .content_box .right_box.animation_box .text_item:nth-child(1) {
  transition-delay: 0.1s;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_10 .content_box .right_box.animation_box .text_item:nth-child(2) {
  transition-delay: 0.5s;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_10 .content_box .right_box.animation_box .text_item:nth-child(3) {
  transition-delay: 1s;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_10 .content_box .right_box.animation_box .text_item:nth-child(4) {
  transition-delay: 1.5s;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_10 .content_box .right_box.animation_box .text_item:nth-child(5) {
  transition-delay: 2s;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_10 .content_box .right_box .text_item {
  width: 100%;
  flex: 1 1;
  display: flex;
  align-items: center;
  opacity: 1;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_10 .content_box .right_box .text_item .inner {
  background: #fff;
  border-radius: 5rem;
  min-height: 4.125rem;
  padding: 0.55rem;
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 1.5rem;
  color: #0B52A2;
  line-height: 2.18rem;
  font-weight: bold;
  position: relative;
  padding-left: 6.5rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_10 .content_box .right_box .text_item .inner em {
  width: 4.125rem;
  height: 4.125rem;
  display: inline-block;
  background: #fff;
  border-radius: 4.125rem;
  box-shadow: 5px 0px 4px #88B2E5;
  font-size: 2.5rem;
  font-weight: bold;
  color: #0B52A2;
  line-height: 4.125rem;
  text-align: center;
  position: absolute;
  left: 0;
  font-style: initial;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 {
    padding-left: 2.88rem;
    padding-right: 3rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .for-pc {
    display: none;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .for-mobile {
    display: block;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container {
    margin-top: 2.5rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .introduce-part {
    margin-top: 2.5rem;
    height: 21.13rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .introduce-part .left {
    padding: 3.13rem 1.5rem 1.75rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .introduce-part .left > p {
    font-size: 1.75rem;
    margin-bottom: 0;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .introduce-part .left .person1 {
    width: 8.93rem;
    height: 8.93rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .introduce-part .right {
    padding: 3.13rem 1.5rem 1.75rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .introduce-part .right > p {
    font-size: 1.75rem;
    margin-bottom: 0;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .introduce-part .right > p .highlight {
    font-size: 2rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .introduce-part .right .person2 {
    width: 8.93rem;
    height: 8.93rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .benefits {
    height: 68.5rem;
    padding: 2rem 1.75rem;
    background-size: 29.46rem 21.08rem;
    background-position: center bottom;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .benefits .sub-title {
    height: 5rem;
    line-height: 5rem;
    font-size: 1.75rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .benefits .benefit-item-wrap {
    padding-left: 0;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .benefits .benefit-item-wrap .benefit-item {
    height: 5rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .benefits .benefit-item-wrap .benefit-item .item-no {
    width: 5rem;
    height: 5rem;
    font-size: 2.5rem;
    line-height: 5rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .benefits .benefit-item-wrap .benefit-item .item-desc {
    font-size: 1.75rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .benefits .benefit-item-wrap .benefit-item + .benefit-item {
    margin-top: 3rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .dos-and-donts {
    height: 43.13rem;
    align-items: flex-end;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .dos-and-donts .module .part-title {
    height: 3rem;
    line-height: 3rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .dos-and-donts .module .item {
    width: 100%;
    height: auto;
    min-height: 5rem;
    font-size: 1.75rem;
    padding: 0.65rem 1.25rem;
    border-radius: 1.25rem;
    margin-top: 1.8rem;
    display: flex;
    align-items: center;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .dos-and-donts .module .item .item-desc {
    line-height: 1.88rem;
    font-size: 1.75rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .dos-and-donts .module.dos .part-title .right-icon,
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .dos-and-donts .module.donts .part-title .right-icon {
    width: 2.38rem;
    height: 2.38rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .dos-and-donts .module.donts .item .example-btn-item .example-btn {
    width: 7rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .dos-and-donts .back-computer {
    width: 22.63rem;
    height: 14.97rem;
    top: 0;
    transform: translateX(-50%);
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .example-wrap {
    height: 26.63rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .example-wrap .example-img-wrap {
    height: 22.54rem;
    width: 37.5rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .example-wrap .flower-icon {
    width: 9.75rem;
    height: 14.35rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .vpn-container .vpn-wrap .vpn-title-wrap > span {
    font-size: 1.75rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .vpn-container .vpn-wrap .vpn-items-wrap {
    height: 68.63rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .vpn-container .vpn-wrap .vpn-items-wrap .left-back {
    bottom: 0;
    left: 0;
    width: 41rem;
    height: 61.13rem;
    background-image: url(/static/media/background-6-mobile.49975870.png);
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .vpn-container .vpn-wrap .vpn-items-wrap .item {
    padding: 1.25rem 2rem;
    font-size: 1.75rem;
    line-height: 2.5rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .vpn-container .vpn-wrap .vpn-items-wrap .item:nth-of-type(1) {
    top: 0;
    left: 0;
    width: 100%;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .vpn-container .vpn-wrap .vpn-items-wrap .item:nth-of-type(2) {
    top: 9.75rem;
    left: 2.5rem;
    width: calc(100% - 2.5rem);
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .vpn-container .vpn-wrap .vpn-items-wrap .item:nth-of-type(3) {
    top: 19.5rem;
    left: 5rem;
    width: calc(100% - 5rem);
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .vpn-container .vpn-wrap .vpn-items-wrap .item:nth-of-type(4) {
    top: 29.38rem;
    left: 7.5rem;
    width: calc(100% - 7.5rem);
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .vpn-container .vpn-wrap .vpn-items-wrap .item:nth-of-type(5) {
    top: 39rem;
    left: 10rem;
    width: calc(100% - 10rem);
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .vpn-container .connect-vpn .left-back {
    width: 25.75rem;
    height: 24.92rem;
    background: url(data:image/png;base64,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) no-repeat;
    background-size: 100% 100%;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .vpn-container .connect-vpn .right-back {
    width: 31.55rem;
    height: 25.06rem;
    background: url(data:image/png;base64,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) no-repeat;
    background-size: 100% 100%;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .topic-quiz .quiz-section.new-quiz .quiz-section-body .top {
    background-image: url(/static/media/quiz_bg_mobile.fb49fa7b.png);
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .topic-quiz .quiz-section.new-quiz .quiz-section-body .top .quiz-description {
    padding: 1rem 1rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_7 .content_box .l2 .left {
    top: 26.5%;
    padding-right: 17%;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_7 .content_box .l2 .left .p1,
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_7 .content_box .l2 .left .p2 {
    font-size: 1.75rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_7 .content_box .l2 .left p {
    margin-bottom: 0;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_7 .content_box .l2 .left p .final-p {
    margin-top: 0.5rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_7 .content_box .l2 .right {
    top: 3%;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_7 .content_box .l2 .right .p1 {
    font-size: 1.75rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_7 .content_box .l2 .right .arrow_icon {
    top: 110%;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_8 .content_box .img_box {
    width: 15.63rem;
    position: absolute;
    top: 0;
    left: 0;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_8 .content_box .img_box img {
    width: 100%;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_8 .content_box .right_box {
    padding-top: 13rem;
    margin-left: 0;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_8 .content_box .right_box .text_item {
    margin-bottom: 2.5rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_8 .content_box .right_box .text_item .inner {
    font-size: 1.75rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_8 .content_box .right_box .text_item .inner em {
    font-size: 2.5rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_9 {
    background: #E0F0FF;
    border-radius: 0.5rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_9 .padding_box {
    padding: 2rem 1.75rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_9 .padding_box .c-title-box {
    display: flex;
    justify-content: flex-end;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_9 .padding_box .content_box .img_box {
    position: absolute;
    top: -8.75rem;
    left: 0;
    height: 15.5rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_9 .padding_box .content_box .right_box {
    min-height: 42rem;
    margin-left: 0;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_9 .padding_box .content_box .right_box .text_item .inner {
    font-size: 1.75rem;
    height: 9rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_9 .padding_box .content_box .right_box .text_item .inner em {
    font-size: 2rem;
    height: 100%;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_10 {
    background-color: #EBF1FF;
    border-radius: 0.5rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_10 .padding_box {
    padding: 2rem 1.75rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_10 .padding_box .content_box {
    flex-direction: column-reverse;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_10 .padding_box .content_box .img_box {
    width: 100%;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_10 .padding_box .content_box .right_box {
    margin-left: 0;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_10 .padding_box .content_box .right_box .text_item {
    margin-bottom: 3rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_10 .padding_box .content_box .right_box .text_item .inner {
    height: 5rem;
    font-size: 1.75rem;
    line-height: 5rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_10 .padding_box .content_box .right_box .text_item .inner em {
    height: 5rem;
    width: 5rem;
    line-height: 5rem;
    font-size: 2.5rem;
  }
}

.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1600 .course-landing .course-landing-content .course-landing-text .title span:first-of-type {
  font-size: 3.5rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1600 .course-landing .course-landing-content .course-landing-text .title span:last-child {
  font-size: 2rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1600 .course-landing .course-landing-content .course-landing-text .description {
  font-size: 1.25rem;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .course-body-content.t1600 .course-landing .course-landing-content .course-landing-text .description {
    font-size: 1.25rem;
    line-height: 2.19rem;
  }
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_2 .topic-section-1 .introduction-container .c-title {
    font-size: 1.3rem;
  }
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_2 .topic-section-1 .introduction-container .content-container .top .content p {
  font-size: 1.25rem;
  line-height: 1.88rem;
  padding: 0.75rem 2.5rem 0.75rem 17.5rem;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_2 .topic-section-1 .introduction-container .content-container .top .content p {
    padding: 0.75rem 2.5rem;
  }
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_2 .topic-section-1 .introduction-container .content-container .bottom > p {
  font-size: 1.25rem;
  margin-bottom: 1rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_2 .topic-section-1 .introduction-container .content-container .bottom > p .highlight {
  font-size: 2rem;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_2 .topic-section-1 .attentions-container .c-title {
    font-size: 1.5rem;
  }
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_2 .topic-section-1 .attentions-container .tip {
  font-size: 1.25rem;
  line-height: 2.18rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_2 .topic-section-1 .attentions-container .item-wrap .attention-item .item-desc {
  font-size: 1.25rem;
  line-height: 1.88rem;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .c-title {
    font-size: 1.35rem;
  }
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .introduce-part .left > p {
  font-size: 1.25rem;
  line-height: 2.19rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .introduce-part .right > p {
  font-size: 1.25rem;
  line-height: 2.19rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .introduce-part .right > p .highlight {
  font-size: 2.25rem;
  line-height: 3.19rem;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .introduce-part .right > p .highlight {
    font-size: 1.75rem;
    line-height: 2.19rem;
  }
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .benefits .sub-title {
  font-size: 1.5rem;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .benefits .sub-title {
    font-size: 1.3rem;
  }
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .benefits .benefit-item-wrap .benefit-item .item-desc {
  font-size: 1.25rem;
  line-height: 1.88rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .dos-and-donts .module .item .item-desc {
  font-size: 1rem;
  line-height: 1.56rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .dos-and-donts .module .item .item-desc.example-btn-item .example-btn {
  width: 13.2rem;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .importance-container .dos-and-donts .module .item .item-desc.example-btn-item .example-btn {
    width: 7rem;
  }
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .vpn-container .vpn-wrap .vpn-title-wrap > span {
  font-size: 1.25rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .vpn-container .vpn-wrap .vpn-items-wrap .item {
  font-size: 1.25rem;
  line-height: 1.88rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .vpn-container .connect-vpn .connect-vpn-title {
  font-size: 1.5rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .topic-section-2 .top .quiz-question {
  width: 52%;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_7 .c-title {
    font-size: 1.4rem;
  }
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_7 .content_box .l2 .left {
  width: 38%;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_7 .content_box .l2 .left p {
  margin-bottom: 0.5rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_7 .content_box .l2 .left .p2 {
  font-size: 2.25rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_7 .content_box .l2 .left .content-cn {
  display: none;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_7 .content_box .l2 .left .content-en {
  display: block;
  line-height: 2.81rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_7 .content_box .l2 .left .final-p {
  width: 80%;
  margin-top: 0;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_7 .content_box .l2 .left {
    width: 50%;
    top: 22%;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_7 .content_box .l2 .left p {
    line-height: 1.88rem;
    margin-bottom: 0;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_7 .content_box .l2 .left .final-p {
    width: 100%;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_7 .content_box .l2 .left .p1 {
    font-size: 1.25rem;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_7 .content_box .l2 .left .p2 {
    font-size: 1.5rem;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_7 .content_box .l2 .left .content-en {
    line-height: 1.3rem;
  }
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_7 .content_box .l2 .left .content-en .p1,
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_7 .content_box .l2 .left .content-en .p2 {
    font-size: 1rem;
    line-height: 1.3rem;
  }
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_7 .content_box .l2 .right .p1 {
  font-size: 1.25rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_8 .content_box .right_box .text_item .inner {
  font-size: 1.25rem;
  line-height: 1.88rem;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_9 .c-title {
    font-size: 1.5rem;
  }
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_9 .content_box .right_box .text_item .inner {
  font-size: 1.25rem;
  line-height: 1.88rem;
  padding-left: 15rem;
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_9 .content_box .right_box .text_item .inner em {
  font-size: 1.25rem;
  line-height: 1.88rem;
  margin-left: -2rem;
}
@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_10 .c-title {
    font-size: 1.3rem;
  }
}
.cyber-security-training-page.course-page.en.cybersecurity2025 .ant-layout-content .course-body .topic-item.t1600_3 .t1600_custom .example_box_10 .content_box .right_box .text_item .inner {
  font-size: 1.25rem;
  line-height: 1.88rem;
  padding-left: 6rem;
}

.cyber-security-training-page.course-page.cybersecurity2025 {
  font-family: Source Han Sans CN,Helvetica Neue;
  overflow: hidden;
  /**侧边栏**/
}
.cyber-security-training-page.course-page.cybersecurity2025 .course-left-side {
  background: #FBFBFB;
}
.cyber-security-training-page.course-page.cybersecurity2025 .course-left-side.side-collapsed .left-menu {
  overflow: hidden;
  visibility: hidden;
}
.cyber-security-training-page.course-page.cybersecurity2025 .course-left-side .side-collapse-button {
  z-index: 999;
}
.cyber-security-training-page.course-page.cybersecurity2025 .course-left-side .ant-menu-light .ant-menu-item:hover,
.cyber-security-training-page.course-page.cybersecurity2025 .course-left-side .ant-menu-light .ant-menu-item-active,
.cyber-security-training-page.course-page.cybersecurity2025 .course-left-side .ant-menu-light .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
.cyber-security-training-page.course-page.cybersecurity2025 .course-left-side .ant-menu-light .ant-menu-submenu-active,
.cyber-security-training-page.course-page.cybersecurity2025 .course-left-side .ant-menu-light .ant-menu-submenu-title:hover {
  color: #000000;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-left-overview {
  padding-top: 2.2rem;
  padding-bottom: 0;
  background-color: transparent;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-left-overview .course-name {
  position: relative;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-left-overview .course-name:before {
  position: absolute;
  content: "";
  top: 11%;
  left: -1rem;
  bottom: 5%;
  width: 2px;
  background-color: #0B52A2;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-left-overview .topic-name {
  width: 16.8rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-left-overview .course-progress-bar {
  right: 1rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-left-overview .course-progress-bar .ant-progress-inner {
  width: 4.69rem !important;
  height: 4.69rem !important;
  font-size: 1.08rem !important;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-left-overview .course-progress-bar .ant-progress-text {
  color: #0B52A2;
  font-weight: 700;
  font-size: 1rem;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .course-body-content {
  min-width: auto;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .nextTopic_box {
  padding: 3.875rem 0;
  width: 100%;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .nextTopic_box .next-topic-button {
  background: #F36928;
  height: 7.8125rem;
  padding: 0;
  line-height: initial;
  border-radius: 7rem;
  margin: 0 auto;
  box-shadow: 0.375rem 0.625rem 0px #0B52A2;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .nextTopic_box .next-topic-button .l1,
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .nextTopic_box .next-topic-button .l2 {
  font-size: 1.5rem;
  font-weight: 700;
}
.cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .nextTopic_box .next-topic-button .img {
  width: 1.5rem;
  margin-bottom: 0.2rem;
}

@media (max-width: 1024px) {
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .nextTopic_box {
    padding: 3rem 4.25rem !important;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-body .video-transcript-area .video-transcript-body .video-transcript-language .video-transcript-language-item {
    padding: 1rem 2rem !important;
    font-size: 1.5rem !important;
    margin: 2rem 1rem !important;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-left-overview {
    padding-top: 4.2rem;
    min-height: 11rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .course-left-overview .topic-name {
    margin-bottom: 2.3125rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .left-menu .ant-menu-title-content {
    font-size: 1.9rem;
    padding: 1rem 0.6rem;
  }
  .cyber-security-training-page.course-page.cybersecurity2025 .ant-layout-content .left-menu .ant-menu-title-content .item-word {
    font-size: 1.5rem;
  }
}


/*# sourceMappingURL=main.5d0f7abf.chunk.css.map*/