/* Main CSS
-------------------------------------------------- */
:root {
  --white: #fff;
  --black: #000;
  --color-100: #005ba3;
  --color-200: #009cb8;
  --color-300: #fea019;
  --bk-grade-100: #eaeaea;
  --bk-grade-150: #d6d6d6;
  --bk-grade-200: #c1c1c1;
  --bk-grade-250: #adadad;
  --bk-grade-300: #999999;
  --bk-grade-350: #848484;
  --bk-grade-400: #707070;
  --bk-grade-450: #5b5b5b;
  --bk-grade-500: #474747;
  --bk-grade-550: #333333;
  --bk-grade-600: #2d2d2d;
  --bk-grade-650: #282828;
  --bk-grade-700: #232323;
  --bk-grade-750: #1e1e1e;
  --bk-grade-800: #191919;
  --bk-grade-850: #141414;
  --bk-grade-900: #0f0f0f;
  --bk-grade-950: #0a0a0a;
}

@font-face {
  font-family: "Rajdhani";
  src: url("../fonts/Rajdhani-Regular.eot");
  src: url("../fonts/Rajdhani-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Rajdhani-Regular.woff2") format("woff2"), url("../fonts/Rajdhani-Regular.woff") format("woff"), url("../fonts/Rajdhani-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Rajdhani";
  src: url("../fonts/Rajdhani-Medium.eot");
  src: url("../fonts/Rajdhani-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Rajdhani-Medium.woff2") format("woff2"), url("../fonts/Rajdhani-Medium.woff") format("woff"), url("../fonts/Rajdhani-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Rajdhani";
  src: url("../fonts/Rajdhani-SemiBold.eot");
  src: url("../fonts/Rajdhani-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Rajdhani-SemiBold.woff2") format("woff2"), url("../fonts/Rajdhani-SemiBold.woff") format("woff"), url("../fonts/Rajdhani-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Rajdhani";
  src: url("../fonts/Rajdhani-Light.eot");
  src: url("../fonts/Rajdhani-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Rajdhani-Light.woff2") format("woff2"), url("../fonts/Rajdhani-Light.woff") format("woff"), url("../fonts/Rajdhani-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Nexa";
  src: url("../fonts/NexaBold.eot");
  src: url("../fonts/NexaBold.eot?#iefix") format("embedded-opentype"), url("../fonts/NexaBold.woff2") format("woff2"), url("../fonts/NexaBold.woff") format("woff"), url("../fonts/NexaBold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
body {
  font-family: "Rajdhani";
  font-weight: normal;
  font-size: 1rem;
}

a,
button {
  transition: 0.2s ease-out;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

a:focus,
button:focus {
  outline: none !important;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

::selection {
  color: var(--white);
  background: var(--color-100);
}

/* Works on Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: var(--color-100) var(--white);
}

/* Works on Chrome, Edge, and Safari */
::-webkit-scrollbar {
  width: 12px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background-color: var(--color-100);
  border-radius: 20px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(0, 0, 0, 0.4);
}

.form-control:focus {
  box-shadow: none;
}

.return-top {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: var(--color-100);
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 4px;
  text-decoration: none;
  text-align: center;
  transform: rotate(45deg);
  transition: 0.3s linear;
  z-index: 10;
}
.return-top span {
  display: block;
  transform: rotate(-45deg);
}
.return-top span img {
  position: relative;
  width: 15px;
  animation: upBounce 2s infinite;
}
.return-top:hover span img {
  top: 5px;
}

.navbar-main {
  position: relative;
  font-weight: normal;
  padding: 0.75rem 1rem;
  background-color: transparent;
  box-shadow: none;
}
.navbar-main .navbar-collapse {
  flex-flow: column;
  align-items: flex-start;
}
.navbar-main .logo {
  width: 286px;
  margin-left: 1rem;
  order: 3;
}
.navbar-main .logo img {
  width: 100%;
}
.navbar-main .navbar-toggler {
  background-color: var(--color-100);
  order: 2;
}
.navbar-main .dropdown {
  position: static;
}
.navbar-main .container-nav {
  position: relative;
}
.navbar-main .navbar-collapse {
  order: 1;
}
.navbar-main .dropdown-menu {
  position: absolute;
  left: 0;
  right: 0;
  padding: 0;
  background-color: transparent;
  border: 0;
  border-radius: 0;
}

.tool-nav {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.tool-nav .nav-item {
  position: relative;
}
.tool-nav .nav-item + .nav-item {
  margin-left: 1.5rem;
}
.tool-nav .nav-item + .nav-item::before {
  content: "";
  position: absolute;
  left: -1rem;
  top: 50%;
  width: 1px;
  height: 16px;
  background-color: var(--color-100);
  transform: translateY(-50%);
}
.tool-nav .nav-item .nav-link {
  display: flex;
  align-items: center;
  color: var(--bk-grade-750) !important;
  font-weight: 500;
}
.tool-nav .nav-item .nav-link .nav-label {
  flex: 1 1 0;
  white-space: nowrap;
}
.tool-nav .nav-item .nav-link .nav-icon {
  flex: 0 0 20px;
  max-width: 20px;
  margin-left: 0.5rem;
}
.tool-nav .nav-item .nav-link .nav-icon img {
  width: 100%;
}
.tool-nav .nav-item .nav-link:hover {
  color: var(--color-300) !important;
}
.tool-nav .nav-item .nav-support {
  color: #ff7c1b !important;
  font-size: 1.125rem;
  font-weight: 600;
}
.tool-nav .nav-item .nav-support .nav-icon {
  flex: 0 0 28px;
  max-width: 28px;
  margin-left: 0.5rem;
}
.tool-nav .nav-item .nav-support .nav-icon img {
  width: 100%;
}

.main-nav .nav-item .nav-link {
  display: block;
  color: var(--bk-grade-950) !important;
  font-size: 1.125rem;
  font-weight: 500;
  padding: 0.5rem 0.65rem;
}
.main-nav .nav-item .nav-link:hover {
  color: var(--color-300) !important;
}
.main-nav .dropdown-toggle::after {
  content: "\f107" !important;
  font-family: "FontAwesome";
  font-size: 0.75rem;
  margin-left: 0.255em;
  vertical-align: 0;
  border-top: 0 solid;
  border-right: 0 solid transparent;
  border-bottom: 0;
  border-left: 0 solid transparent;
}

.mega-menu {
  display: flex;
  padding: 0.25rem;
  margin-top: 0.5rem;
  background-color: var(--white);
  border-radius: 0.25rem;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.mega-menu .menu-graphic {
  flex: 0 0 260px;
  max-width: 260px;
}
.mega-menu .menu-img {
  border-radius: 0.25rem;
  overflow: hidden;
}
.mega-menu .menu-img img {
  width: 100%;
}
.mega-menu .menu-cell {
  flex: 1 1 0;
  padding: 1.25rem;
}
.mega-menu .dropdown-sub {
  position: relative;
}
.mega-menu .drop-sub-menu {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  background-color: var(--white);
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  z-index: 10;
}
.mega-menu .drop-sub-menu .sub-menu-item .sub-menu-link {
  display: block;
  color: var(--bk-grade-950);
  font-weight: normal;
  padding: 0.5rem 0.5rem;
  background-color: var(--white);
}
.mega-menu .drop-sub-menu .sub-menu-item .sub-menu-link:hover {
  color: var(--white);
  background-color: var(--color-100);
}
.mega-menu .dropdown-submenu:hover .drop-sub-menu {
  display: block;
}

.menu-nav .menu-item .menu-link {
  display: block;
  color: var(--bk-grade-950);
  font-size: 1.125rem;
  font-weight: 500;
  padding: 0.5rem 0.5rem;
  border-bottom: 1px solid var(--bk-grade-100);
}

.dropdown-search {
  padding: 0;
}

.drop-search {
  display: flex;
  width: unset !important;
  min-width: 20rem;
}
.drop-search .form-control {
  flex: 1 1 0;
  min-height: 45px;
  background-color: var(--white);
  border: 1px solid var(--color-100);
  border-radius: 0;
}
.drop-search .btn-search {
  flex: 0 0 45px;
  max-width: 45px;
  margin: 0;
  padding: 0;
  background-color: var(--color-100);
  border: 0;
  border-radius: 0;
}

.banner-sec {
  position: relative;
  overflow: hidden;
}

.banner-cover .carousel .carousel-inner .carousel-item img {
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.sector-sec {
  position: relative;
  min-height: 500px;
  padding: 0 0 2rem;
  margin-top: -2rem;
}

.sector-item {
  position: relative;
  background-color: var(--white);
  border: 3px solid var(--white);
  border-radius: 0.5rem;
  box-shadow: rgba(0, 0, 0, 0.09) 0px 0 12px;
  overflow: hidden;
  transition: 0.2s ease-out;
}
.sector-item figure img {
  width: 100%;
}
.sector-item .sector-it-hd h3 {
  position: relative;
  color: var(--bk-grade-950);
  font-size: 1.875rem;
  font-weight: 600;
  padding: 0 0 1rem 0;
  margin: 0 0 1rem 0;
}
.sector-item .sector-it-hd h3::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 30px;
  height: 3px;
  margin: 0 auto;
  background-color: var(--color-100);
}
.sector-item .sector-it-body {
  padding: 1rem 1rem;
}
.sector-item .sector-it-content {
  max-height: 0;
  overflow: hidden;
  transition: 0.2s ease-out;
}
.sector-item .sector-it-content .btn-more {
  display: inline-flex;
  align-items: center;
  color: var(--color-100) !important;
  font-size: 1rem;
  padding: 0.5rem 1.5rem;
  margin: 0 0 0 auto;
  background-color: transparent;
  border: 0;
  border-radius: 50px;
  box-shadow: none;
  text-transform: uppercase;
}
.sector-item .sector-it-content .btn-more .icon-right {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  color: var(--white);
  background-color: var(--color-100);
  margin-left: 1rem;
  border-radius: 50%;
}
.sector-item .sector-it-content .btn-more:hover {
  color: var(--white) !important;
  background-color: var(--color-100);
}
.sector-item .sector-it-content .btn-more:hover .icon-right {
  color: var(--color-100);
  background-color: var(--white);
  animation: iconMoveRight 1s infinite;
}
.sector-item:hover {
  margin-top: -4rem;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0 16px;
}
.sector-item:hover .sector-it-content {
  max-height: 160px;
}

.service-tb-nav {
  display: flex;
  flex-wrap: wrap;
}
.service-tb-nav .nav-item {
  flex: 1 1 0;
  margin: 0 0.25rem;
}
.service-tb-nav .nav-item .nav-link {
  display: block;
  color: var(--white);
  font-size: 1.125rem;
  font-weight: 500;
  padding: 1rem 1rem;
  background-color: var(--color-100);
  border-radius: 0.25rem 0.25rem 0 0;
  text-align: center;
}
.service-tb-nav .nav-item .nav-link:hover {
  background: rgb(0, 198, 198);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgb(0, 198, 198)), color-stop(33%, rgb(0, 83, 160)), color-stop(66%, rgb(0, 198, 198)), color-stop(100%, rgb(0, 83, 160)));
  background: linear-gradient(to right, rgb(0, 198, 198) 0%, rgb(0, 83, 160) 33%, rgb(0, 198, 198) 66%, rgb(0, 83, 160) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00c6c6", endColorstr="#0053a0", GradientType=1 );
  background-size: 400% 400%;
  animation: btnGradient 2s ease infinite;
}
.service-tb-nav .nav-item .nav-link.active {
  background-color: var(--color-200);
}

.service-tb-sec {
  position: relative;
  padding: 4rem 0 4rem;
  background: rgb(0, 198, 198);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgb(0, 198, 198)), color-stop(100%, rgb(0, 11, 136)));
  background: linear-gradient(to right, rgb(0, 198, 198) 0%, rgb(0, 11, 136) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00c6c6", endColorstr="#000b88", GradientType=1 );
  overflow: hidden;
}
.service-tb-sec .service-tb-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/sector-bg.png);
}

.service-tb-items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.service-tb-items .service-item {
  flex: 0 0 180px;
  max-width: 180px;
}

.service-item {
  margin-bottom: 1rem;
}
.service-item figure {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 135px;
  height: 125px;
  margin: 0 auto 1.5rem;
  background-color: transparent;
  border: 1px solid var(--color-200);
  border-radius: 0.5rem;
  transition: 0.2s ease-out;
}
.service-item figure i {
  position: relative;
  display: block;
  width: 90px;
  height: 90px;
  margin: 0 auto;
}
.service-item figure i img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  transition: 0.2s ease-out;
}
.service-item figure i .hover {
  transform: translate(-50%, -50%) scale(0.5);
  opacity: 0;
}
.service-item .service-it-body {
  text-align: center;
}
.service-item .service-it-body p {
  color: var(--white);
  font-size: 1.125rem;
  font-weight: 500;
  margin: 0;
}
.service-item:hover figure {
  background: rgb(0, 198, 198);
  background: -webkit-gradient(left top, right bottom, color-stop(0%, rgb(0, 198, 198)), color-stop(33%, rgb(0, 120, 172)), color-stop(66%, rgb(0, 198, 198)), color-stop(100%, rgb(0, 120, 172)));
  background: linear-gradient(135deg, rgb(0, 198, 198) 0%, rgb(0, 120, 172) 33%, rgb(0, 198, 198) 66%, rgb(0, 120, 172) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00c6c6", endColorstr="#0078ac", GradientType=1 );
  background-size: 400% 400%;
  animation: btnGradient 2s ease infinite;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0 12px;
}
.service-item:hover figure i img {
  transform: translate(-50%, -50%) scale(1.5);
  opacity: 0;
}
.service-item:hover figure i .hover {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}

.stake-accordion .card {
  margin-bottom: 0.5rem;
  background-color: transparent;
  border: 0;
  box-shadow: none;
}
.stake-accordion .card .card-header {
  padding: 0;
  margin-bottom: 0;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 6px;
}
.stake-accordion .card .card-header h3 {
  position: relative;
  color: var(--white);
  font-size: 1.25rem;
  font-weight: 600;
  padding: 1.25rem 1.5rem 1.25rem 1.5rem;
  margin: 0;
}
.stake-accordion .card .card-header h3 .icon {
  position: absolute;
  right: 0.5rem;
  top: 50%;
  font-size: 1.5rem;
  transform: translateY(-50%) rotate(-180deg);
  transition: 0.2s ease-out;
}
.stake-accordion .card .card-header h3.collapsed .icon {
  transform: translateY(-50%) rotate(0deg);
}
.stake-accordion .card .card-body {
  padding: 1rem 0.5rem;
}
.stake-accordion .card .faq-item p {
  color: var(--bk-grade-950);
  font-weight: 500;
  margin: 0;
}

.stake-item {
  padding: 1.5rem;
  background: #00bdc3;
  border-radius: 0.5rem;
}
.stake-item h3 {
  color: var(--white);
  font-size: 2rem;
  font-weight: 500;
  margin: 0 0 1rem 0;
}
.stake-item p {
  color: var(--white);
  margin: 0 0 1rem 0;
}
.stake-item ul {
  padding: 0 2rem 0 0;
}
.stake-item ul li {
  position: relative;
  color: var(--white);
  padding: 0 0 0 1.5rem;
}
.stake-item ul li + li {
  margin-top: 0.5rem;
}
.stake-item ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--white);
}
.stake-item a {
  color: var(--color-100);
}
.stake-item a:hover {
  color: var(--color-300);
}
.stake-item .table thead tr th {
  color: var(--white);
  font-size: 1rem;
  font-weight: 600;
  padding: 1rem 1rem;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.35);
}
.stake-item .table tbody tr {
  background-color: transparent;
}
.stake-item .table tbody tr:nth-of-type(odd) {
  background-color: transparent;
}
.stake-item .table tbody tr td {
  color: var(--white);
  font-size: 1rem;
  padding: 1rem 1rem;
  border: 1px solid rgba(255, 255, 255, 0.35);
}

.consumer-tb-items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.consumer-tb-items .consumer-item {
  flex: 0 0 180px;
  max-width: 180px;
}

.consumer-item {
  margin-bottom: 1rem;
}
.consumer-item figure {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 135px;
  height: 125px;
  margin: 0 auto 1.5rem;
  background-color: transparent;
  border: 1px solid var(--color-200);
  border-radius: 0.5rem;
  transition: 0.2s ease-out;
}
.consumer-item figure i {
  position: relative;
  display: block;
  width: 90px;
  height: 90px;
  margin: 0 auto;
}
.consumer-item figure i img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  transition: 0.2s ease-out;
}
.consumer-item figure i .hover {
  transform: translate(-50%, -50%) scale(0.5);
  opacity: 0;
}
.consumer-item .consumer-it-body {
  text-align: center;
}
.consumer-item .consumer-it-body p {
  color: var(--white);
  font-size: 1.125rem;
  font-weight: 500;
  margin: 0;
}
.consumer-item:hover figure {
  background: rgb(0, 198, 198);
  background: -webkit-gradient(left top, right bottom, color-stop(0%, rgb(0, 198, 198)), color-stop(33%, rgb(0, 120, 172)), color-stop(66%, rgb(0, 198, 198)), color-stop(100%, rgb(0, 120, 172)));
  background: linear-gradient(135deg, rgb(0, 198, 198) 0%, rgb(0, 120, 172) 33%, rgb(0, 198, 198) 66%, rgb(0, 120, 172) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00c6c6", endColorstr="#0078ac", GradientType=1 );
  background-size: 400% 400%;
  animation: btnGradient 2s ease infinite;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0 12px;
}
.consumer-item:hover figure i img {
  transform: translate(-50%, -50%) scale(1.5);
  opacity: 0;
}
.consumer-item:hover figure i .hover {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}

.sector-ind-sec {
  position: relative;
  padding: 8rem 0 10rem;
}
.sector-ind-sec .sector-bg-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 300px;
  background-image: url(../images/sector-bg-top.png);
  animation: sectorBgTop 15s linear infinite;
}
.sector-ind-sec .sector-bg-btm {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 300px;
  background-image: url(../images/sector-bg-btm.png);
  animation: sectorBgBtm 15s linear infinite;
}

.sector-indcators {
  max-width: 300px;
}
.sector-indcators .sector-ind-hd {
  padding-left: 1.5rem;
  margin-bottom: 4rem;
  position: relative;
}
.sector-indcators .sector-ind-hd::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 3px;
  height: 100%;
  margin: 0 auto;
  background-color: var(--color-100);
}
.sector-indcators .sector-ind-hd p {
  color: var(--bk-grade-950);
  font-size: 1.125rem;
  font-weight: 500;
  margin: 0;
}
.sector-indcators .sector-ind-hd h3 {
  color: var(--bk-grade-950);
  font-size: 1.875rem;
  font-weight: 600;
  margin: 0;
}

.sec-ind-list .sec-ind-item {
  display: flex;
  align-items: flex-start;
  padding: 1rem 1rem;
  background-color: #00bdc3;
  border-radius: 0.25rem;
}
.sec-ind-list .sec-ind-item + .sec-ind-item {
  margin-top: 1rem;
}
.sec-ind-list .sec-ind-item .sec-ind-icon {
  flex: 0 0 50px;
  max-width: 50px;
  margin-right: 1rem;
}
.sec-ind-list .sec-ind-item .sec-ind-icon img {
  width: 100%;
}
.sec-ind-list .sec-ind-item .sec-ind-label {
  flex: 1 1 0;
  color: #f4fbfb;
  font-size: 1.25rem;
  font-weight: 500;
}

.sector-ind-graph {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 675px;
  margin-left: auto;
}
.sector-ind-graph .sec-ind-left {
  position: relative;
  flex: 0 0 200px;
  max-width: 200px;
  z-index: 10;
}
.sector-ind-graph .sec-ind-right {
  position: relative;
  flex: 0 0 200px;
  max-width: 200px;
  z-index: 10;
}
.sector-ind-graph .sec-ind-map {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.telecom-list .tele-item {
  display: flex;
  align-items: flex-start;
}
.telecom-list .tele-item + .tele-item {
  margin-top: 2rem;
}
.telecom-list .tele-item .tele-icon {
  flex: 0 0 40px;
  height: 40px;
  margin-right: 1rem;
}
.telecom-list .tele-item .tele-icon img {
  width: 100%;
}
.telecom-list .tele-item .tele-label {
  flex: 1 1 0;
}
.telecom-list .tele-item .tele-label h3 {
  color: var(--color-300);
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0;
}
.telecom-list .tele-item .tele-label p {
  color: #082365;
  font-weight: 500;
  margin: 0;
}

.postal-list .postal-item {
  display: flex;
  align-items: flex-start;
}
.postal-list .postal-item + .postal-item {
  margin-top: 2rem;
}
.postal-list .postal-item .postal-icon {
  flex: 0 0 40px;
  height: 40px;
  margin-left: 1rem;
  order: 2;
}
.postal-list .postal-item .postal-icon img {
  width: 100%;
}
.postal-list .postal-item .postal-label {
  flex: 1 1 0;
  text-align: right;
}
.postal-list .postal-item .postal-label h3 {
  color: var(--color-300);
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0;
}
.postal-list .postal-item .postal-label p {
  color: #082365;
  font-weight: 500;
  margin: 0;
}

.footer-sec {
  position: relative;
  padding: 6rem 0 4rem;
  background: #0082af;
  background: -webkit-gradient(left top, right top, color-stop(0%, #0082af), color-stop(100%, #000b88));
  background: linear-gradient(to right, #0082af 0%, #000b88 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#0082af", endColorstr="#000b88", GradientType=1 );
  overflow: hidden;
}
.footer-sec .ft-hr {
  margin-top: 2rem;
  margin-bottom: 2rem;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
}

.ins-footer-sec .ins-ft-none {
  display: none !important;
}

.particles {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.15;
  z-index: 0;
}

.media-cover .media-hd {
  padding-left: 1.5rem;
  margin-bottom: 4rem;
  position: relative;
}
.media-cover .media-hd::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 3px;
  height: 100%;
  margin: 0 auto;
  background-color: var(--white);
}
.media-cover .media-hd p {
  color: var(--white);
  font-size: 1.125rem;
  font-weight: 500;
  margin: 0;
}
.media-cover .media-hd h3 {
  color: var(--white);
  font-size: 1.875rem;
  font-weight: 600;
  margin: 0;
}

.media-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.media-list .media-item {
  flex: 0 0 165px;
  max-width: 165px;
  margin: 0 1rem 1rem;
}
.media-list .media-item figure {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 135px;
  height: 125px;
  margin: 0 auto 1.5rem;
  background-color: transparent;
  border: 1px solid var(--color-200);
  border-radius: 0.5rem;
  transition: 0.2s ease-out;
}
.media-list .media-item figure i {
  position: relative;
  display: block;
  width: 90px;
  height: 90px;
  margin: 0 auto;
}
.media-list .media-item figure i img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  transition: 0.2s ease-out;
}
.media-list .media-item figure i .hover {
  transform: translate(-50%, -50%) scale(0.5);
  opacity: 0;
}
.media-list .media-item .media-it-body {
  text-align: center;
}
.media-list .media-item .media-it-body p {
  color: var(--white);
  font-size: 1.125rem;
  font-weight: 500;
  margin: 0;
}
.media-list .media-item:hover figure {
  background: rgb(0, 198, 198);
  background: -webkit-gradient(left top, right bottom, color-stop(0%, rgb(0, 198, 198)), color-stop(33%, rgb(0, 120, 172)), color-stop(66%, rgb(0, 198, 198)), color-stop(100%, rgb(0, 120, 172)));
  background: linear-gradient(135deg, rgb(0, 198, 198) 0%, rgb(0, 120, 172) 33%, rgb(0, 198, 198) 66%, rgb(0, 120, 172) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00c6c6", endColorstr="#0078ac", GradientType=1 );
  background-size: 400% 400%;
  animation: btnGradient 2s ease infinite;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0 12px;
}
.media-list .media-item:hover figure i img {
  transform: translate(-50%, -50%) scale(1.5);
  opacity: 0;
}
.media-list .media-item:hover figure i .hover {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}

.col-ft-link {
  flex: 0 0 18.75%;
  max-width: 18.75%;
}

.col-ft-logo {
  flex: 0 0 25%;
  max-width: 25%;
  order: 5;
}

.ft-links {
  margin-bottom: 1rem;
}
.ft-links li {
  margin-top: 1rem;
}
.ft-links li a {
  position: relative;
  color: var(--white);
  font-size: 1.125rem;
  font-weight: 500;
  padding: 0.1rem 0 0.1rem 0.1rem;
}
.ft-links li a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 3px;
  height: 16px;
  background-color: var(--color-300);
  opacity: 0;
  transition: 0.2s ease-out;
}
.ft-links li a:hover {
  color: var(--color-300);
  padding: 0.1rem 0 0.1rem 0.5rem;
}
.ft-links li a:hover::before {
  opacity: 1;
}

.footer-logo img {
  max-width: 100%;
}

.copy-cover {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.copyright p {
  color: var(--white);
}

.btm-links {
  display: flex;
  flex-wrap: wrap;
}
.btm-links li {
  position: relative;
  color: var(--white);
}
.btm-links li + li {
  margin-left: 2rem;
}
.btm-links li + li::before {
  content: "";
  position: absolute;
  left: -1rem;
  top: 50%;
  width: 1px;
  height: 16px;
  background-color: var(--white);
  transform: translateY(-50%);
}
.btm-links li a {
  color: var(--white);
}
.btm-links li a:hover {
  color: var(--color-300);
}

.footer-social {
  display: flex;
}
.footer-social .sm-item {
  display: inline-block;
}
.footer-social .sm-item + .sm-item {
  margin-left: 1rem;
}
.footer-social .sm-item .sm-link {
  position: relative;
  display: block;
  color: #ffffff;
  width: 36px;
  height: 36px;
  background-color: transparent;
  border: 0;
  border-radius: 50%;
  text-align: center;
  text-decoration: none;
}
.footer-social .sm-item .sm-link::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 42px;
  height: 42px;
  border: 1px solid var(--color-300);
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(1.5);
  opacity: 0;
  transition: 0.2s ease-out;
}
.footer-social .sm-item .sm-link .fa {
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 1.25rem;
  transform: translate(-50%, -50%);
  z-index: 5;
}
.footer-social .sm-item .sm-link:hover {
  color: #ffffff;
  background-color: var(--color-300);
}
.footer-social .sm-item .sm-link:hover::before {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}

.ins-banner-sec {
  position: relative;
  height: 250px;
  background-image: url(../images/ins-banner-img.png);
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}

.ins-banner-cover {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
}
.ins-banner-cover h1 {
  color: var(--white);
  font-size: 3.5rem;
  font-weight: 600;
  margin: 0 0 1rem 0;
  text-align: center;
}
.ins-banner-cover .breadcrumb {
  justify-content: center;
  padding: 0;
  margin-bottom: 0;
  background-color: transparent;
  border-radius: 0.25rem;
}
.ins-banner-cover .breadcrumb .breadcrumb-item {
  color: var(--white);
  font-size: 1.125rem;
  font-weight: 500;
}
.ins-banner-cover .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  content: "\f105";
  color: var(--white);
  font-family: "FontAwesome";
}
.ins-banner-cover .breadcrumb .breadcrumb-item a {
  color: var(--white);
  text-decoration: none;
}
.ins-banner-cover .breadcrumb .breadcrumb-item a:hover {
  color: var(--color-200);
}

.banner-reg-cover {
  position: relative;
}
.banner-reg-cover .banner-reg-img img {
  width: 100%;
  height: 600px;
  object-fit: cover;
  object-position: center top;
}
.banner-reg-cover .banner-reg-body {
  position: absolute;
  left: 0;
  right: 0;
  top: 3rem;
}

.registry-search {
  max-width: 750px;
}
.registry-search .reg-search-hd {
  margin-bottom: 3rem;
}
.registry-search .reg-search-hd .reg-search-logo {
  max-width: 175px;
  margin-bottom: 1rem;
}
.registry-search .reg-search-hd .reg-search-logo img {
  max-width: 100%;
}
.registry-search .reg-search-hd h2 {
  color: var(--white);
  font-size: 2.5rem;
  font-family: "Nexa";
  font-weight: bold;
  margin: 0;
}
.registry-search .reg-search-hd h2 .txt-small {
  font-size: 1.125rem;
}
.registry-search h4 {
  color: var(--white);
  font-size: 1.25rem;
  font-weight: 600;
  margin: 0 0 1rem 0;
}
.registry-search .reg-search-form {
  max-width: 600px;
  position: relative;
  padding: 4px;
  margin-bottom: 1rem;
  background-color: var(--white);
  border-radius: 0.25rem;
}
.registry-search .reg-search-form .input-group {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  margin-bottom: 0;
}
.registry-search .reg-search-form .input-group .form-control {
  height: 55px;
  margin-right: 0.5rem;
  border: 0;
}
.registry-search .reg-search-form .input-group .btn-search {
  color: var(--white);
  font-size: 1.125rem;
  font-weight: 500;
  background-color: var(--color-100);
  padding: 1rem 1.5rem;
  border-radius: 0.25rem;
  margin: 0;
}
.registry-search .reg-search-form .input-group .btn-search img {
  margin-left: 1.5rem;
}
.registry-search .reg-search-form .input-group .btn-search:hover {
  background-color: var(--color-200);
}
.registry-search .reg-search-form ::placeholder {
  font-size: 1.125rem;
  font-weight: 500;
}
.registry-search .reg-list {
  display: flex;
  flex-wrap: wrap;
}
.registry-search .reg-list .reg-item {
  color: var(--white);
  font-size: 1.125rem;
  font-weight: 500;
  padding: 0 0.25rem;
}

.management-sec {
  position: relative;
  padding: 4rem 0 4rem;
}

.management-item {
  max-width: 460px;
  padding: 0.5rem;
  margin: 0 auto 3rem;
  background-color: #dff5fc;
  border-radius: 0.25rem;
  transition: 0.2s ease-out;
}
.management-item figure {
  border-radius: 0.25rem;
  overflow: hidden;
}
.management-item figure img {
  width: 100%;
  transition: 0.2s ease-out;
}
.management-item .mng-it-body {
  min-height: 120px;
  padding: 1rem 1rem 0.5rem;
  text-align: center;
}
.management-item .mng-it-body h3 {
  color: var(--bk-grade-900);
  font-size: 1.25rem;
  font-weight: 600;
  margin: 0 0 0.5rem 0;
}
.management-item .mng-it-body p {
  color: var(--bk-grade-900);
  font-size: 1.125rem;
  margin: 0;
}
.management-item:hover {
  box-shadow: rgba(0, 0, 0, 0.15) 0px 8px 24px;
}
.management-item:hover figure img {
  transform: scale(1.05);
}

.auction-sec {
  position: relative;
  padding: 6rem 0 6rem;
}

.auction-cover .auction-hd {
  padding-left: 1.5rem;
  margin-bottom: 4rem;
  position: relative;
}
.auction-cover .auction-hd::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 3px;
  height: 100%;
  margin: 0 auto;
  background-color: var(--color-200);
}
.auction-cover .auction-hd p {
  color: var(--bk-grade-950);
  font-size: 1.125rem;
  font-weight: 500;
  margin: 0;
}
.auction-cover .auction-hd h3 {
  color: var(--bk-grade-950);
  font-size: 1.875rem;
  font-weight: 600;
  margin: 0;
}
.auction-cover .auction-table .table thead tr th {
  color: var(--white);
  font-size: 1rem;
  font-weight: 600;
  padding: 1rem 1rem;
  background-color: var(--color-100);
  border: 1px solid #094d82;
}
.auction-cover .auction-table .table thead tr th .amt-per {
  color: #8db3d8;
}
.auction-cover .auction-table .table tbody tr {
  background-color: var(--white);
}
.auction-cover .auction-table .table tbody tr:nth-of-type(odd) {
  background-color: var(--white);
}
.auction-cover .auction-table .table tbody tr td {
  color: var(--bk-grade-950);
  font-size: 1rem;
  font-weight: 600;
  padding: 1rem 1rem;
  border: 1px solid #d3e5f6;
}
.auction-cover .auction-table .table tbody tr td .offer {
  display: inline-block;
  padding: 0.5rem 1.5rem;
  border: 1px solid #bacad8;
  border-radius: 50px;
}
.auction-cover .auction-table .table tbody tr td .btn-buy {
  color: var(--color-300);
  font-weight: 600;
  padding: 0;
  margin: 0;
  box-shadow: none;
}
.auction-cover .auction-table .table tbody tr td .btn-buy:hover {
  color: var(--color-100);
}
.auction-cover .auction-table .checkbox {
  position: relative;
  display: inline-block;
  color: var(--bk-grade-700);
  font-size: 1rem;
  padding: 0 0 0 35px;
  margin: 5px 10px 5px 0;
  cursor: pointer;
  user-select: none;
}
.auction-cover .auction-table .checkbox input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}
.auction-cover .auction-table .checkbox input:checked ~ .checkmark {
  background-color: transparent;
  border: solid 1px var(--color-100);
}
.auction-cover .auction-table .checkbox input:checked ~ .checkmark:after {
  opacity: 1;
  transform: scale(1);
}
.auction-cover .auction-table .checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: transparent;
  border: solid 1px var(--bk-grade-300);
  border-radius: 0px;
  transition: 0.25s cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.auction-cover .auction-table .checkbox .checkmark:after {
  left: 1px;
  top: 1px;
  width: 16px;
  height: 16px;
  background: var(--color-100);
  transition: 0.25s cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.auction-cover .auction-table .checkbox a {
  color: var(--color-100);
}
.auction-cover .auction-table .checkbox:hover input ~ .checkmark {
  background-color: transparent;
  border: solid 1px var(--color-100);
}
.auction-cover .auction-table .checkbox .checkmark:after {
  content: "";
  position: absolute;
  opacity: 0;
  transform: scale(0);
}
.auction-cover .auction-footer .btn-load {
  display: block;
  font-size: 1.125rem;
  font-weight: 600;
  padding: 0.75rem 1rem;
  margin: 0;
  border: 2px solid #9bb6d1;
  box-shadow: none;
}
.auction-cover .auction-footer .btn-load:hover {
  color: var(--white);
  background-color: var(--color-100);
  border: 2px solid var(--color-100);
}

.about-om-sec {
  position: relative;
  padding: 10rem 0 10rem;
  background-image: url(../images/about-om-bg.png);
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}

.abt-om-info {
  display: flex;
  max-width: 580px;
}
.abt-om-info .abt-om-col {
  flex: 0 0 33.333%;
  padding: 0.5rem;
}
.abt-om-info .abt-om-col:nth-child(odd) {
  padding-top: 4.5rem;
}
.abt-om-info .abt-om-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 0 0 175px;
  max-width: 175px;
  height: 175px;
  padding: 1rem;
  margin-bottom: 1rem;
  background-color: var(--white);
  border-radius: 0.25rem;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 5px 15px;
}
.abt-om-info .abt-om-item img {
  width: 100%;
}
.abt-om-info .abt-om-item h3 {
  color: var(--white);
  font-size: 2.5rem;
  font-weight: 600;
  margin: 0;
}
.abt-om-info .abt-om-item p {
  color: var(--white);
  font-size: 1rem;
  font-weight: 500;
  margin: 0;
}
.abt-om-info .abt-om-item.bg-white {
  background-color: var(--white);
}
.abt-om-info .abt-om-item.bg-white h3 {
  color: var(--bk-grade-950);
}
.abt-om-info .abt-om-item.bg-white p {
  color: var(--bk-grade-950);
}
.abt-om-info .abt-om-item.bg-green {
  background-color: #00bdc3;
}
.abt-om-info .abt-om-item.bg-blue {
  background-color: #085490;
}

.about-om-cover .abt-om-hd {
  padding-left: 1.5rem;
  margin-bottom: 4rem;
  position: relative;
}
.about-om-cover .abt-om-hd::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 3px;
  height: 100%;
  margin: 0 auto;
  background-color: var(--white);
}
.about-om-cover .abt-om-hd p {
  color: var(--white);
  font-size: 1.125rem;
  font-weight: 500;
  margin: 0;
}
.about-om-cover .abt-om-hd h3 {
  color: var(--white);
  font-size: 1.875rem;
  font-weight: 600;
  margin: 0;
}
.about-om-cover h2 {
  color: var(--white);
  font-size: 2.5rem;
  font-weight: 600;
  margin: 0 0 1rem 0;
}
.about-om-cover h4 {
  color: var(--white);
  font-size: 1.125rem;
  font-weight: 600;
  margin: 0 0 1rem 0;
}
.about-om-cover p {
  color: var(--white);
  margin: 0;
}

.registrars-sec {
  position: relative;
  padding: 6rem 0 6rem;
}

.registrars-cover .registrars-hd {
  position: relative;
  padding-bottom: 1rem;
  margin-bottom: 2rem;
  text-align: center;
}
.registrars-cover .registrars-hd::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 50px;
  height: 3px;
  margin: 0 auto;
  background-color: var(--color-200);
}
.registrars-cover .registrars-hd h2 {
  color: var(--bk-grade-950);
  font-size: 2rem;
  font-weight: 600;
  margin: 0;
}

.registrars-carousel {
  overflow: hidden;
}
.registrars-carousel .owl-theme .owl-nav .owl-prev,
.registrars-carousel .owl-theme .owl-nav .owl-next {
  position: absolute;
  top: 50%;
  width: 50px;
  height: 50px;
  margin: 0px;
  padding: 0px;
  background-color: var(--color-100);
  background-position: center;
  background-size: 20px;
  background-repeat: no-repeat;
  border-radius: 50%;
  transform: translateY(-50%);
  transition: 0.2s ease-out;
}
.registrars-carousel .owl-theme .owl-nav .owl-prev {
  left: -5rem;
  background-image: url(../images/arrow-left.svg);
}
.registrars-carousel .owl-theme .owl-nav .owl-next {
  right: -5rem;
  background-image: url(../images/arrow-right.svg);
}
.registrars-carousel .owl-theme .owl-nav .owl-prev:hover,
.registrars-carousel .owl-theme .owl-nav .owl-next:hover {
  background-color: var(--color-200);
}
.registrars-carousel:hover .owl-theme .owl-nav .owl-prev {
  left: 25px;
}
.registrars-carousel:hover .owl-theme .owl-nav .owl-next {
  right: 25px;
}
.registrars-carousel .owl-item {
  border-left: solid 1px var(--bk-grade-100);
}

.registrar-item {
  max-width: 350px;
  margin: 0 auto;
}
.registrar-item figure {
  margin-bottom: 2rem;
  text-align: center;
}
.registrar-item figure img {
  max-width: 100%;
}
.registrar-item .registrar-it-body {
  text-align: center;
}
.registrar-item .registrar-it-body h3 {
  color: var(--color-100);
  font-size: 2.5rem;
  font-weight: 600;
  margin: 0 0 1rem 0;
}
.registrar-item .registrar-it-body p {
  color: var(--bk-grade-950);
  margin: 0 0 1rem 0;
}
.registrar-item .registrar-it-body .btn-register {
  color: var(--white);
  padding: 0.75rem 2.5rem;
  background-color: var(--color-100);
  border-radius: 0.25rem;
  text-transform: uppercase;
}
.registrar-item .registrar-it-body .btn-register:hover {
  background-color: var(--color-300);
}

.lt-events-sec {
  position: relative;
  padding: 4rem 0 0;
  background-image: url(../images/events-bg.png);
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}

.lt-event-cover {
  margin-bottom: 4rem;
}
.lt-event-cover .lt-event-hd {
  padding-left: 1.5rem;
  margin-bottom: 2rem;
  position: relative;
}
.lt-event-cover .lt-event-hd::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 3px;
  height: 100%;
  margin: 0 auto;
  background-color: var(--white);
}
.lt-event-cover .lt-event-hd p {
  color: var(--white);
  font-size: 1.125rem;
  font-weight: 500;
  margin: 0;
}
.lt-event-cover .lt-event-hd h3 {
  color: var(--white);
  font-size: 1.875rem;
  font-weight: 600;
  margin: 0;
}

.lt-event-carousel {
  overflow: hidden;
}
.lt-event-carousel .owl-theme .owl-nav .owl-prev,
.lt-event-carousel .owl-theme .owl-nav .owl-next {
  position: absolute;
  top: -4rem;
  width: 48px;
  height: 48px;
  margin: 0px;
  padding: 0px;
  background-color: transparent;
  background-position: center;
  background-size: 16px;
  background-repeat: no-repeat;
  border-radius: 50%;
  transition: 0.2s ease-out;
}
.lt-event-carousel .owl-theme .owl-nav .owl-prev {
  right: 3.5rem;
  background-image: url(../images/arrow-left.svg);
}
.lt-event-carousel .owl-theme .owl-nav .owl-next {
  right: 0;
  background-image: url(../images/arrow-right.svg);
}
.lt-event-carousel .owl-theme .owl-nav .owl-prev:hover,
.lt-event-carousel .owl-theme .owl-nav .owl-next:hover {
  background-color: var(--color-200);
}

.lt-event-item {
  display: flex;
  padding: 1.5rem;
  background-color: var(--white);
  border-radius: 0.5rem;
}
.lt-event-item .lt-event-img {
  flex: 0 0 40%;
  max-width: 230px;
  padding: 1rem;
}
.lt-event-item .lt-event-img img {
  width: 100%;
}
.lt-event-item .lt-event-it-body {
  flex: 0 0 60%;
  max-width: 60%;
  padding-left: 1.5rem;
  border-left: solid 1px var(--bk-grade-100);
}
.lt-event-item .lt-event-it-body ul {
  margin-bottom: 1rem;
}
.lt-event-item .lt-event-it-body ul li {
  font-weight: 500;
}
.lt-event-item .lt-event-it-body .btn-participate {
  display: block;
  width: 100%;
  color: var(--white);
  font-weight: 500;
  padding: 0.75rem 1rem;
  margin: 0;
  background-color: var(--color-100);
  border-radius: 0.25rem;
  text-transform: uppercase;
}
.lt-event-item .lt-event-it-body .btn-participate:hover {
  background-color: var(--color-300);
}

.col-arab-woman {
  order: -1;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.arab-women {
  max-width: 390px;
  margin: 0 auto;
}
.arab-women img {
  width: 100%;
}

.policy-item {
  display: flex;
  align-items: flex-start;
  padding: 1rem;
  margin-bottom: 1.5rem;
  background-color: transparent;
  border: 1px solid var(--white);
  border-radius: 0.5rem;
  transition: 0.2s ease-out;
}
.policy-item .policy-it-icon {
  flex: 0 0 90px;
  max-width: 90px;
  margin-right: 1rem;
}
.policy-item .policy-it-icon img {
  width: 100%;
}
.policy-item .policy-it-body {
  flex: 1 1 0;
  text-align: center;
}
.policy-item .policy-it-body h3 {
  color: var(--white);
  font-size: 1.875rem;
  font-weight: 500;
  margin: 0 0 0.5rem 0;
}
.policy-item .policy-it-body .btn-download {
  color: var(--white);
  padding: 0.75rem 2.5rem;
  background-color: var(--color-100);
  border-radius: 0.25rem;
  text-transform: uppercase;
}
.policy-item .policy-it-body .btn-download:hover {
  background-color: var(--color-300);
}
.policy-item:hover {
  background-color: var(--color-100);
  border: 1px solid var(--color-200);
}

.faq-sec {
  position: relative;
  padding: 6rem 0 6rem;
}

.faq-cover .faq-hd {
  padding-left: 1.5rem;
  margin-bottom: 4rem;
  position: relative;
}
.faq-cover .faq-hd::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 3px;
  height: 100%;
  margin: 0 auto;
  background-color: var(--color-200);
}
.faq-cover .faq-hd p {
  color: var(--bk-grade-950);
  font-size: 1.125rem;
  font-weight: 500;
  margin: 0;
}
.faq-cover .faq-hd h3 {
  color: var(--bk-grade-950);
  font-size: 1.875rem;
  font-weight: 600;
  margin: 0;
}

.faq-accordion .card {
  border: 0;
  box-shadow: none;
}
.faq-accordion .card .card-header {
  padding: 0;
  margin-bottom: 0;
  background-color: transparent;
  border-bottom: 1px solid var(--bk-grade-150);
}
.faq-accordion .card .card-header h3 {
  position: relative;
  color: var(--bk-grade-950);
  font-size: 1.25rem;
  font-weight: 600;
  padding: 1.25rem 2rem 1.25rem 0;
  margin: 0;
}
.faq-accordion .card .card-header h3 .icon {
  position: absolute;
  right: 0;
  top: 50%;
  font-size: 1.5rem;
  transform: translateY(-50%) rotate(-180deg);
  transition: 0.2s ease-out;
}
.faq-accordion .card .card-header h3.collapsed .icon {
  transform: translateY(-50%) rotate(0deg);
}
.faq-accordion .card .card-body {
  padding: 1rem 0.5rem;
}
.faq-accordion .card .faq-item p {
  color: var(--bk-grade-950);
  font-weight: 500;
  margin: 0;
}

.publication-con-sec {
  position: relative;
  padding: 6rem 0 6rem;
}

.publication-item {
  position: relative;
  margin-bottom: 2rem;
}
.publication-item .pub-it-head {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
  padding: 2rem 2rem 2rem;
  background: rgb(0, 120, 172);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgb(0, 120, 172)), color-stop(100%, rgb(0, 61, 152)));
  background: linear-gradient(to bottom, rgb(0, 120, 172) 0%, rgb(0, 61, 152) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#0078ac", endColorstr="#003d98", GradientType=0 );
  border-radius: 0.25rem;
}
.publication-item .pub-it-head p {
  color: var(--white);
  font-size: 1.875rem;
  font-weight: 500;
  margin: 0;
}
.publication-item .pub-it-head h3 {
  color: var(--white);
  font-size: 4rem;
  font-weight: 600;
  margin: 0;
}
.publication-item .pub-it-head .pub-status {
  position: absolute;
  right: 1rem;
  top: 1rem;
  width: 120px;
  color: var(--white);
  font-size: 1.25rem;
  font-weight: 500;
  padding: 0.1rem 0.125rem;
  background-color: var(--color-300);
  border-radius: 4px;
  text-align: center;
}
.publication-item .pub-it-body {
  min-height: 125px;
  padding: 1rem 1rem 0.5rem;
}
.publication-item .pub-it-body p {
  color: var(--bk-grade-750);
  font-size: 1.25rem;
  font-weight: bold;
  margin: 0;
}
.publication-item:hover .pub-it-head {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}

.page-sec-hd {
  padding-left: 1.5rem;
  margin-bottom: 2rem;
  position: relative;
}
.page-sec-hd::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 3px;
  height: 100%;
  margin: 0 auto;
  background-color: var(--color-200);
}
.page-sec-hd p {
  color: var(--bk-grade-950);
  font-size: 1.125rem;
  font-weight: 500;
  margin: 0;
}
.page-sec-hd h3 {
  color: var(--bk-grade-950);
  font-size: 1.875rem;
  font-weight: 600;
  margin: 0;
}
.page-sec-hd.page-hd-white p {
  color: var(--white);
}
.page-sec-hd.page-hd-white h3 {
  color: var(--white);
}

.sec-ind-sec {
  position: relative;
  padding: 4rem 0 2rem;
}

.sec-ind-cover .sec-ind-hd {
  padding-left: 1.5rem;
  margin-bottom: 2rem;
  position: relative;
}
.sec-ind-cover .sec-ind-hd::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 3px;
  height: 100%;
  margin: 0 auto;
  background-color: var(--color-100);
}
.sec-ind-cover .sec-ind-hd p {
  color: var(--bk-grade-950);
  font-size: 1.125rem;
  font-weight: 500;
  margin: 0;
}
.sec-ind-cover .sec-ind-hd h3 {
  color: var(--bk-grade-950);
  font-size: 1.875rem;
  font-weight: 600;
  margin: 0;
}

.sec-ing-img {
  margin-bottom: 2rem;
  border-radius: 6px;
  overflow: hidden;
}
.sec-ing-img img {
  width: 100%;
}

.sec-ind-intro {
  margin-bottom: 2rem;
}
.sec-ind-intro h3 {
  color: var(--bk-grade-950);
  font-size: 1.875rem;
  font-weight: 600;
  margin: 0 0 1.5rem 0;
}
.sec-ind-intro p {
  color: var(--bk-grade-750);
  font-size: 1.25rem;
  font-weight: 500;
  margin: 0 0 1rem 0;
}

.sec-ind-table .table thead tr th {
  color: var(--white);
  font-size: 1rem;
  font-weight: 600;
  padding: 1rem 1rem;
  background-color: #00439b;
  border: 1px solid #0a3c7d;
}
.sec-ind-table .table tbody tr {
  background-color: #143a70;
}
.sec-ind-table .table tbody tr td {
  color: var(--bk-grade-750);
  font-size: 1.125rem;
  font-weight: 600;
  padding: 1rem 1rem;
  background-color: #effcff;
  border: 1px solid #bddee5;
  text-align: center;
}
.sec-ind-table .table tbody tr td:first-child {
  color: var(--white);
  background-color: #0b63af;
  border: 1px solid #0f538d;
}

.stati-graph-sec {
  position: relative;
  padding: 2rem 0 2rem;
}

.stati-graph-cover .stati-graph-hd {
  margin-bottom: 2rem;
}
.stati-graph-cover .stati-graph-hd h3 {
  color: var(--bk-grade-950);
  font-size: 1.875rem;
  font-weight: 600;
  margin: 0;
}
.stati-graph-cover .stati-graph {
  max-width: 750px;
  margin: 0 auto;
}
.stati-graph-cover .stati-graph h3 {
  color: var(--bk-grade-950);
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0 0 1rem 0;
  text-align: center;
}
.stati-graph-cover .stati-graph img {
  width: 100%;
}

.pos-sec-ind-sec {
  position: relative;
  padding: 2rem 0 4rem;
}

.pos-sec-ind-form {
  max-width: 900px;
  margin: 0 auto 2rem;
}
.pos-sec-ind-form label {
  color: var(--bk-grade-750);
  font-weight: 600;
}
.pos-sec-ind-form .form-control {
  min-height: 40px;
  border: 1px solid var(--bk-grade-150);
  border-radius: 0;
}
.pos-sec-ind-form .btn-search {
  color: var(--white);
  padding: 0.55rem 2rem;
  margin: 0;
  background-color: #003e99;
  border-radius: 0.25rem;
}
.pos-sec-ind-form .btn-search:hover {
  background-color: var(--color-300);
}

.pos-sec-ind-table .table thead tr th {
  color: var(--white);
  font-size: 1rem;
  font-weight: 600;
  padding: 1rem 1rem;
  background-color: #00439b;
  border: 1px solid #0a3c7d;
}
.pos-sec-ind-table .table tbody tr {
  background-color: var(--white);
}
.pos-sec-ind-table .table tbody tr td {
  color: var(--bk-grade-750);
  font-size: 1.125rem;
  font-weight: 600;
  padding: 1rem 1rem;
  background-color: var(--white);
  bottom: 0;
  border-bottom: 1px solid #bddee5;
}

.pro-over-sec {
  position: relative;
  padding: 4rem 0 2rem;
}

.pro-over-cover {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.pro-over-cover .pro-over-img {
  flex: 0 0 375px;
  max-width: 375px;
  margin-right: 2rem;
  border-radius: 0.5rem;
  overflow: hidden;
}
.pro-over-cover .pro-over-img img {
  width: 100%;
}
.pro-over-cover .pro-over-body {
  flex: 1 1 0;
}
.pro-over-cover .pro-over-body h4 {
  color: var(--bk-grade-950);
  font-size: 1.25rem;
  font-weight: 600;
  margin: 0 0 1rem 0;
}
.pro-over-cover .pro-over-hd {
  padding-left: 1.5rem;
  margin-bottom: 4rem;
  position: relative;
}
.pro-over-cover .pro-over-hd::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 3px;
  height: 100%;
  margin: 0 auto;
  background-color: var(--color-200);
}
.pro-over-cover .pro-over-hd p {
  color: var(--bk-grade-950);
  font-size: 1.125rem;
  font-weight: 500;
  margin: 0;
}
.pro-over-cover .pro-over-hd h3 {
  color: var(--bk-grade-950);
  font-size: 1.875rem;
  font-weight: 600;
  margin: 0;
}

.pro-over-item-sec {
  position: relative;
  padding: 2rem 0 4rem;
}

.pro-over-item {
  margin-bottom: 2rem;
}
.pro-over-item figure {
  position: relative;
  margin: 0;
  border-radius: 0.5rem;
  overflow: hidden;
}
.pro-over-item figure::after {
  content: "";
  position: absolute;
  left: 2rem;
  bottom: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid var(--white);
}
.pro-over-item figure img {
  width: 100%;
  transition: 0.2s ease-out;
}
.pro-over-item .pro-over-body {
  min-height: 250px;
  padding: 1rem 1rem 0.5rem;
}
.pro-over-item .pro-over-body .date {
  color: var(--bk-grade-750);
  font-size: 0.875rem;
  font-weight: 600;
  margin: 0;
}
.pro-over-item .pro-over-body h3 {
  color: var(--bk-grade-950);
  font-size: 1.25rem;
  font-weight: 600;
  margin: 0 0 1rem 0;
}
.pro-over-item .pro-over-body p {
  color: var(--bk-grade-950);
  margin: 0;
}
.pro-over-item .pro-over-nav {
  padding: 0.5rem 1rem;
}
.pro-over-item .pro-over-nav .btn-more {
  color: var(--bk-grade-950);
  padding: 0.55rem 2rem;
  border-radius: 0.25rem;
  margin: 0;
}
.pro-over-item .pro-over-nav .btn-more:hover {
  color: var(--white);
  background-color: #003e99;
}
.pro-over-item:hover figure img {
  transform: scale(1.1);
}

.pagination {
  justify-content: center;
  margin-top: 2rem;
}
.pagination .page-item .page-link {
  padding: 0.5rem 1rem;
}
.pagination .page-item .page-link:hover {
  color: var(--white);
  background-color: var(--color-100);
}
.pagination .page-item.active .page-link {
  color: var(--white);
  background-color: var(--color-100);
}
.pagination .page-item.active .page-link:hover {
  color: var(--white);
  background-color: var(--color-100);
}

.testimonial-sec {
  position: relative;
  padding: 4rem 0 4rem;
}

.testi-item {
  margin-bottom: 0.5rem;
}
.testi-item figure {
  position: relative;
  margin: 0;
  border-radius: 0.5rem 0.5rem 0 0;
  overflow: hidden;
}
.testi-item figure img {
  width: 100%;
}
.testi-item figure .icon-play {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 1rem;
  top: 1rem;
  width: 40px;
  height: 40px;
  color: var(--black);
  background-color: var(--white);
  border-radius: 50%;
}
.testi-item figure .icon-play .fa {
  font-size: 1.5rem;
}
.testi-item .testi-it-body {
  min-height: 90px;
  padding: 1rem 1rem 0.5rem;
  background-color: #003e99;
  background-image: url(../images/testi-it-bg.jpg);
  background-size: cover;
  border-radius: 0 0 0.5rem 0.5rem;
}
.testi-item .testi-it-body h3 {
  color: var(--white);
  font-size: 1.25rem;
  font-weight: 600;
  margin: 0 0 0.25rem 0;
}
.testi-item .testi-it-body p {
  color: var(--white);
  margin: 0;
}
.testi-item:hover figure .icon-play {
  color: var(--white);
  background-color: var(--color-200);
  animation: iconPulse 1s ease 0s infinite;
}

.con-form-sec {
  position: relative;
  padding: 4rem 0 4rem;
}

.contact-form .contact-hd {
  padding-left: 1.5rem;
  margin-bottom: 4rem;
  position: relative;
}
.contact-form .contact-hd::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 3px;
  height: 100%;
  margin: 0 auto;
  background-color: var(--color-200);
}
.contact-form .contact-hd p {
  color: var(--bk-grade-950);
  font-size: 1.125rem;
  font-weight: 500;
  margin: 0;
}
.contact-form .contact-hd h3 {
  color: var(--bk-grade-950);
  font-size: 1.875rem;
  font-weight: 600;
  margin: 0;
}
.contact-form .form-group {
  margin-bottom: 1.5rem;
}
.contact-form label {
  color: var(--bk-grade-500);
  font-size: 1rem;
  font-weight: 600;
}
.contact-form .form-control {
  min-height: 50px;
  background-color: transparent;
  border: 1px solid var(--bk-grade-100);
  border-radius: 0;
  transition: 0.2s ease-out;
}
.contact-form .form-control:hover, .contact-form .form-control:focus {
  border: 1px solid var(--bk-grade-300);
}
.contact-form .mandatory {
  color: #ff0000;
}
.contact-form .btn-submit {
  display: block;
  width: 100%;
  color: var(--white);
  font-size: 1.125rem;
  font-weight: 600;
  padding: 0.65rem 1rem;
  margin: 0;
  background-color: #00489d;
  border: 0.25rem;
  border-radius: 2px;
  text-transform: uppercase;
}
.contact-form .btn-submit:hover {
  background-color: var(--color-200);
}

.address-item {
  position: relative;
  padding: 1.5rem 1.5rem;
  margin-bottom: 1.5rem;
  background-color: var(--color-200);
  background-image: url(../images/address-it-bg.png);
  background-size: cover;
  background-position: center;
  border-radius: 0.25rem;
}
.address-item .address-icon {
  width: 90px;
  margin: 0 auto 1.5rem;
}
.address-item .address-icon img {
  width: 100%;
}
.address-item .add-it-body {
  text-align: center;
}
.address-item .add-it-body h3 {
  color: var(--white);
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0 0 0.5rem 0;
}
.address-item .add-it-body p {
  color: var(--white);
  font-weight: 1.125rem;
  font-weight: 500;
  margin: 0;
}

.hours-cover {
  position: relative;
  padding: 1.5rem 1.5rem;
  background-color: var(--white);
  border: 2px solid var(--color-100);
  border-radius: 0.25rem;
  text-align: center;
}
.hours-cover h3 {
  color: var(--bk-grade-950);
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0 0 0.5rem 0;
}
.hours-cover p {
  color: var(--bk-grade-750);
  font-weight: 1.125rem;
  font-weight: 500;
  margin: 0;
}

.connect-sec {
  position: relative;
  padding: 4rem 0 4rem;
  background-image: url(../images/contact-bg.png);
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}

.connect-item {
  display: flex;
  align-items: center;
  min-height: 140px;
  padding: 1rem;
  border: 1px solid #61d9df;
  border-radius: 0.5rem;
  transition: 0.2s ease-out;
}
.connect-item .connect-icon {
  flex: 0 0 60px;
  max-width: 60px;
  margin-right: 1rem;
}
.connect-item .connect-icon img {
  width: 100%;
}
.connect-item .connect-body {
  flex: 1 1 0;
}
.connect-item .connect-body h3 {
  color: var(--white);
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0 0 0.5rem 0;
}
.connect-item .connect-body p {
  color: var(--white);
  font-weight: 1.125rem;
  font-weight: 500;
  margin: 0;
}
.connect-item:hover {
  background-color: var(--color-200);
  box-shadow: rgba(99, 99, 99, 0.5) 0px 2px 8px 0px;
}

.location-map {
  height: 500px;
}
.location-map iframe {
  width: 100%;
  height: 500px;
}

.ins-faq-accordion {
  padding: 2.5rem;
  border: 1px solid #0097b6;
  border-radius: 0.5rem;
}
.ins-faq-accordion .accordion {
  margin-bottom: 2rem;
}

.faq-tb-nav {
  display: flex;
  margin-bottom: 2rem;
}
.faq-tb-nav .nav-item {
  flex: 1 1 0;
  padding: 0 0.25rem;
}
.faq-tb-nav .nav-item .nav-link {
  display: flex;
  align-items: center;
  padding: 1rem 1.5rem;
  background-color: var(--color-100);
  background-image: url(../images/faq-tb-bg.png);
  background-position: right center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 0.25rem;
}
.faq-tb-nav .nav-item .nav-link .nav-label {
  flex: 1 1 0;
  color: var(--white);
  font-size: 1.875rem;
  font-weight: 500;
}
.faq-tb-nav .nav-item .nav-link .nav-icon {
  flex: 0 0 150px;
  max-width: 150px;
  margin-left: 1rem;
}
.faq-tb-nav .nav-item .nav-link .nav-icon img {
  width: 100%;
}
.faq-tb-nav .nav-item .nav-link.active {
  background-color: var(--color-200);
}

.ins-faq-accordion .ins-faq-hd {
  margin-bottom: 1rem;
}
.ins-faq-accordion .ins-faq-hd h3 {
  color: var(--bk-grade-950);
  font-size: 1.875rem;
  font-weight: 600;
  margin: 0;
}
.ins-faq-accordion .card {
  border: 0;
  box-shadow: none;
}
.ins-faq-accordion .card .card-header {
  padding: 0;
  margin-bottom: 0;
  background-color: transparent;
  border-bottom: 1px solid var(--bk-grade-150);
}
.ins-faq-accordion .card .card-header h3 {
  position: relative;
  color: var(--bk-grade-950);
  font-size: 1.25rem;
  font-weight: 600;
  padding: 1.25rem 2rem 1.25rem 0;
  margin: 0;
}
.ins-faq-accordion .card .card-header h3 .icon {
  position: absolute;
  right: 0;
  top: 50%;
  font-size: 1.5rem;
  transform: translateY(-50%) rotate(-180deg);
  transition: 0.2s ease-out;
}
.ins-faq-accordion .card .card-header h3.collapsed .icon {
  transform: translateY(-50%) rotate(0deg);
}
.ins-faq-accordion .card .card-body {
  padding: 1rem 0.5rem;
}
.ins-faq-accordion .card .faq-item p {
  color: var(--bk-grade-950);
  font-weight: 500;
  margin: 0;
}

.q-service-sec {
  position: relative;
  padding: 4rem 0 4rem;
}

.com-con-sec {
  position: relative;
  padding: 4rem 0 4rem;
}

.reports-tb-cover {
  margin-bottom: 2.5rem;
}
.reports-tb-cover .reports-tb-hd {
  padding-bottom: 1rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid var(--bk-grade-200);
}
.reports-tb-cover .reports-tb-hd h3 {
  color: var(--bk-grade-950);
  font-size: 1.875rem;
  font-weight: 600;
  margin: 0;
}

.reports-tb-nav {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1.5rem;
}
.reports-tb-nav .nav-item {
  flex: 1 1 0;
  max-width: 185px;
  margin: 0.25rem;
}
.reports-tb-nav .nav-item .nav-link {
  display: flex;
  flex-direction: column;
  padding: 0;
}
.reports-tb-nav .nav-item .nav-link .nav-icon {
  padding: 1rem;
  margin-bottom: 1rem;
  background-color: var(--color-100);
  background-image: url(../images/report-nav-bg.png);
  border-radius: 0.25rem;
  text-align: center;
  transition: 0.2s ease-out;
}
.reports-tb-nav .nav-item .nav-link .nav-icon img {
  max-width: 100%;
  transition: 0.2s ease-out;
}
.reports-tb-nav .nav-item .nav-link .nav-label {
  color: var(--bk-grade-700);
  font-size: 1.25rem;
  font-weight: 600;
  text-align: center;
}
.reports-tb-nav .nav-item .nav-link:hover .nav-icon {
  background-color: var(--color-200);
}
.reports-tb-nav .nav-item .nav-link:hover .nav-icon img {
  transform: scale(0.9);
}
.reports-tb-nav .nav-item .nav-link.active .nav-icon {
  background-color: var(--color-200);
}
.reports-tb-nav .nav-item .nav-link.active .nav-icon img {
  transform: scale(0.9);
}

.reports-tb-table {
  padding: 1.5rem;
  background-color: var(--white);
  border: 1px solid #99c4ea;
  border-radius: 0.25rem;
}
.reports-tb-table .table thead tr th {
  color: var(--white);
  font-size: 1rem;
  font-weight: 600;
  padding: 1rem 1rem;
  background-color: #0096b6;
  border: 1px solid #0a839d;
}
.reports-tb-table .table tbody tr {
  background-color: var(--white);
}
.reports-tb-table .table tbody tr td {
  color: var(--bk-grade-750);
  font-size: 1.125rem;
  font-weight: 600;
  padding: 1rem 1rem;
  background-color: var(--white);
  bottom: 0;
  border-bottom: 1px solid #bddee5;
}

.speed-cover {
  margin-bottom: 2rem;
}
.speed-cover .speed-hd {
  margin-bottom: 2rem;
}
.speed-cover .speed-hd h3 {
  color: var(--bk-grade-950);
  font-size: 1.875rem;
  font-weight: 600;
  margin: 0;
}

.speed-item {
  padding: 0.5rem;
  margin-bottom: 0.5rem;
  border: 1px solid #82afd2;
  border-radius: 0.25rem;
  overflow: hidden;
}
.speed-item img {
  width: 100%;
}

.class-tb-cover {
  margin-bottom: 2rem;
}

.class-tb-nav {
  display: flex;
}
.class-tb-nav .nav-item {
  flex: 1 1 0;
  max-width: 200px;
  padding: 0 0.15rem;
}
.class-tb-nav .nav-item .nav-link {
  color: var(--white);
  font-size: 1.125rem;
  padding: 0.7rem 1rem;
  background-color: var(--color-100);
  border-radius: 0.15rem 0.15rem 0 0;
}
.class-tb-nav .nav-item .nav-link.active {
  background-color: var(--color-200);
}

.class-tb-content {
  padding: 1.5rem;
  background-color: #f4fafd;
  border: 1px solid #99c4ea;
}
.class-tb-content p {
  color: var(--bk-grade-750);
  margin: 0 0 1rem 0;
}
.class-tb-content .class-navs {
  display: flex;
  flex-wrap: wrap;
}
.class-tb-content .class-navs .nav-link {
  display: flex;
  align-items: center;
  flex: 1 1 0;
  color: var(--color-100);
  font-weight: 500;
  padding: 1.5rem;
  margin: 0.25rem;
  background-color: #eef7ff;
  border: 2px solid #007bad;
  border-radius: 0.2rem;
}

.tsl-tb-cover {
  margin-bottom: 2rem;
}
.tsl-tb-cover .tsl-tb-hd {
  margin-bottom: 1rem;
}
.tsl-tb-cover .tsl-tb-hd h3 {
  color: var(--bk-grade-950);
  font-size: 1.875rem;
  font-weight: 600;
  margin: 0;
}

.tsl-tb-nav .nav-item {
  flex: 1 1 0;
  margin: 0 0.25rem 0 0;
}
.tsl-tb-nav .nav-item .nav-link {
  display: flex;
  align-items: center;
  height: 100%;
  color: var(--white);
  font-size: 1.125rem;
  padding: 0.7rem 1rem;
  background-color: var(--color-100);
}
.tsl-tb-nav .nav-item .nav-link.active {
  background-color: var(--color-200);
}

.tsl-tb-table {
  padding: 1.5rem;
  background-color: #f4fafd;
  border: 1px solid #99c4ea;
  border-radius: 0 0 0.25rem 0;
}
.tsl-tb-table .table thead tr th {
  color: var(--white);
  font-size: 1rem;
  font-weight: 600;
  padding: 1rem 1rem;
  background-color: #0096b6;
  border: 1px solid #0a839d;
}
.tsl-tb-table .table tbody tr {
  background-color: transparent;
}
.tsl-tb-table .table tbody tr td {
  color: var(--bk-grade-750);
  font-size: 1.125rem;
  font-weight: 600;
  padding: 1rem 1rem;
  background-color: transparent;
  bottom: 0;
  border-bottom: 1px solid #bddee5;
}

.login-sec {
  position: relative;
  padding: 6rem 0 6rem;
}

.login-cover {
  padding: 2rem;
  border: 1px solid #74c8d9;
  border-radius: 1rem;
}
.login-cover .login-hd {
  padding-bottom: 1rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid var(--bk-grade-150);
  text-align: center;
}
.login-cover .login-hd h3 {
  color: var(--bk-grade-950);
  font-size: 2.5rem;
  font-weight: 600;
  margin: 0;
}
.login-cover .form-group {
  padding: 1.5rem 0;
  margin: 0;
  border-bottom: 1px solid var(--bk-grade-150);
}
.login-cover label {
  color: var(--bk-grade-500);
  font-size: 1rem;
  font-weight: 600;
}
.login-cover .form-control {
  min-height: 50px;
  background-color: transparent;
  border: 1px solid var(--bk-grade-150);
  border-radius: 0;
}
.login-cover .form-control:hover {
  border: 1px solid var(--bk-grade-300);
}
.login-cover .login-footer {
  padding-top: 1rem;
  text-align: center;
}
.login-cover .btn-submit {
  display: block;
  width: 100%;
  max-width: 350px;
  color: var(--white);
  font-size: 1.125rem;
  font-weight: 600;
  padding: 0.65rem 1rem;
  margin: 0 auto;
  background-color: #00489d;
  border: 0.25rem;
  border-radius: 2px;
  text-transform: uppercase;
}
.login-cover .btn-submit:hover {
  background-color: var(--color-200);
}
.login-cover .add-footer {
  padding-top: 1rem;
}
.login-cover .btn-add {
  display: block;
  color: var(--white);
  font-size: 1.125rem;
  font-weight: 600;
  padding: 0.65rem 1rem;
  margin: 0;
  background-color: #00489d;
  border: 0.25rem;
  border-radius: 2px;
  text-align: left;
  text-transform: uppercase;
}
.login-cover .btn-add .icon {
  color: var(--white);
  padding: 0 6px;
  margin-right: 1.5rem;
  background-color: #419ace;
  border-radius: 0.1rem;
  transition: 0.2s ease-out;
}
.login-cover .btn-add:hover {
  background-color: var(--color-200);
}
.login-cover .btn-add:hover .icon {
  color: #419ace;
  background-color: var(--white);
}

.pcd-nav-sec {
  position: relative;
  padding: 4rem 0 0;
  background-image: url(../images/ins-banner-img.png);
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}

.pcd-tb-nav {
  display: flex;
  flex-wrap: wrap;
}
.pcd-tb-nav .nav-item {
  flex: 1 1 0;
  margin: 0 0.25rem;
}
.pcd-tb-nav .nav-item .nav-link {
  display: block;
  color: var(--white);
  font-size: 1.125rem;
  font-weight: 500;
  padding: 1rem 1rem;
  background-color: var(--color-100);
  border-radius: 0.25rem 0.25rem 0 0;
  text-align: center;
}
.pcd-tb-nav .nav-item .nav-link:hover {
  background: rgb(0, 198, 198);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgb(0, 198, 198)), color-stop(33%, rgb(0, 83, 160)), color-stop(66%, rgb(0, 198, 198)), color-stop(100%, rgb(0, 83, 160)));
  background: linear-gradient(to right, rgb(0, 198, 198) 0%, rgb(0, 83, 160) 33%, rgb(0, 198, 198) 66%, rgb(0, 83, 160) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00c6c6", endColorstr="#0053a0", GradientType=1 );
  background-size: 400% 400%;
  animation: btnGradient 2s ease infinite;
}
.pcd-tb-nav .nav-item .nav-link.active {
  background-color: var(--color-200);
}

.pcd-tab-sec {
  position: relative;
  padding: 4rem 0 4rem;
}

.pcd-tb-hd {
  padding-bottom: 1rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid var(--bk-grade-150);
  text-align: center;
}
.pcd-tb-hd h3 {
  color: var(--bk-grade-950);
  font-size: 2rem;
  font-weight: 600;
  margin: 0;
}

.pcd-it-hd {
  position: relative;
  padding-bottom: 1rem;
  margin-bottom: 2rem;
}
.pcd-it-hd::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 30px;
  height: 2px;
  margin: 0 auto;
  background-color: var(--color-100);
}
.pcd-it-hd h3 {
  color: var(--bk-grade-950);
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0;
}

.pcd-item {
  position: relative;
  min-height: 125px;
  padding: 1.5rem 1rem 0.5rem;
  margin-bottom: 2rem;
  background-color: var(--white);
  border-radius: 0.25rem;
  text-align: center;
}
.pcd-item.bg-blue {
  background-color: #005ba3;
}
.pcd-item.bg-green {
  background-color: #009cb8;
}
.pcd-item p {
  color: var(--white);
  font-size: 1.25rem;
  font-weight: 500;
  margin: 0;
}
.pcd-item h3 {
  color: var(--white);
  font-size: 2rem;
  font-weight: 500;
  margin: 0;
}

.pcd-comp-item {
  max-width: 450px;
  margin: 0 auto;
}
.pcd-comp-item img {
  width: 100%;
}

.pcd-gov-item {
  max-width: 600px;
  margin: 0 auto;
}
.pcd-gov-item img {
  width: 100%;
}

.spg-list-sec {
  position: relative;
  padding: 1rem 0 1rem;
}

.spg-list {
  margin-bottom: 1rem;
}
.spg-list .spg-list-hd {
  padding: 1rem 1rem;
  margin-bottom: 2rem;
  background-color: var(--color-100);
  border-radius: 0.25rem;
}
.spg-list .spg-list-hd h3 {
  color: var(--white);
  font-size: 1.5rem;
  font-weight: 500;
  margin: 0;
}
.spg-list ul li {
  position: relative;
  font-size: 1.125rem;
  padding: 0.5rem 0 0.5rem 1.5rem;
  border-bottom: 1px solid var(--bk-grade-150);
}
.spg-list ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 16px;
  width: 10px;
  height: 10px;
  background-image: url(../images/tick-icon.png);
  background-size: 100%;
  background-repeat: no-repeat;
}

.ask-question {
  margin-top: 2rem;
}
.ask-question .btn-question {
  display: block;
  width: 100%;
  max-width: 300px;
  color: var(--white);
  font-size: 1.125rem;
  font-weight: 600;
  padding: 0.65rem 1rem;
  margin: 0 auto;
  background-color: #00489d;
  border-radius: 0.25rem;
  text-transform: uppercase;
}
.ask-question .btn-question:hover {
  background-color: var(--color-200);
}

.ins-banner-dash-sec {
  position: relative;
  background-image: url(../images/ins-banner-img.png);
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}

.ins-banner-dash-cover {
  position: relative;
  padding: 2rem 0 2rem;
}

.ins-banner-dash-hd {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.ins-banner-dash-hd h1 {
  color: var(--white);
  font-size: 2.5rem;
  font-weight: 600;
  margin: 0;
}
.ins-banner-dash-hd .breadcrumb {
  justify-content: center;
  padding: 0;
  margin-bottom: 0;
  background-color: transparent;
  border-radius: 0.25rem;
}
.ins-banner-dash-hd .breadcrumb .breadcrumb-item {
  color: var(--white);
  font-size: 1.125rem;
  font-weight: 500;
}
.ins-banner-dash-hd .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  content: "\f105";
  color: var(--white);
  font-family: "FontAwesome";
}
.ins-banner-dash-hd .breadcrumb .breadcrumb-item a {
  color: var(--white);
  text-decoration: none;
}
.ins-banner-dash-hd .breadcrumb .breadcrumb-item a:hover {
  color: var(--color-200);
}

.footer-dash-logo {
  max-width: 290px;
  margin: 0 auto;
}
.footer-dash-logo img {
  width: 100%;
}

.copyright-dash {
  text-align: center;
}
.copyright-dash p {
  color: var(--white);
  margin: 0;
}

.ann-rep-item {
  margin-bottom: 2rem;
  border: 1px solid #a6d2e3;
  border-radius: 1rem;
  overflow: hidden;
}
.ann-rep-item figure {
  margin: 0;
  border-radius: 1rem 1rem 0 0;
  overflow: hidden;
}
.ann-rep-item figure img {
  width: 100%;
  transition: 0.2s ease-out;
}
.ann-rep-item .ann-rep-body {
  min-height: 130px;
  border-top: 1px solid #a6d2e3;
  padding: 1rem 1rem 0.5rem;
  text-align: center;
}
.ann-rep-item .ann-rep-body h3 {
  color: var(--bk-grade-950);
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0 0 1rem 0;
}
.ann-rep-item .ann-rep-body .btn-download {
  color: var(--white);
  width: 100%;
  margin: 0;
  padding: 0.65rem 1rem;
  background-color: #007eae;
  border-radius: 0.5rem;
}
.ann-rep-item .ann-rep-body .btn-download:hover {
  background-color: var(--color-100);
}
.ann-rep-item:hover figure img {
  transform: scale(1.1);
  filter: grayscale(1);
}

.ceo-msg-img {
  max-width: 460px;
  padding: 0.5rem;
  margin: 0 auto 3rem;
  background-color: #dff5fc;
  border-radius: 0.25rem;
  transition: 0.2s ease-out;
}
.ceo-msg-img figure {
  border-radius: 0.25rem;
  overflow: hidden;
}
.ceo-msg-img figure img {
  width: 100%;
  transition: 0.2s ease-out;
}
.ceo-msg-img .mng-it-body {
  min-height: 120px;
  padding: 1rem 1rem 0.5rem;
  text-align: center;
}
.ceo-msg-img .mng-it-body h3 {
  color: var(--bk-grade-900);
  font-size: 1.25rem;
  font-weight: 600;
  margin: 0 0 0.5rem 0;
}
.ceo-msg-img .mng-it-body p {
  color: var(--bk-grade-900);
  font-size: 1.125rem;
  margin: 0;
}
.ceo-msg-img:hover {
  box-shadow: rgba(0, 0, 0, 0.15) 0px 8px 24px;
}
.ceo-msg-img:hover figure img {
  transform: scale(1.05);
}

.ceo-msg-body .ceo-msg-hd {
  padding-left: 1.5rem;
  margin-bottom: 2rem;
  position: relative;
}
.ceo-msg-body .ceo-msg-hd::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 3px;
  height: 100%;
  margin: 0 auto;
  background-color: var(--color-200);
}
.ceo-msg-body .ceo-msg-hd p {
  color: var(--bk-grade-950);
  font-size: 1.125rem;
  font-weight: 500;
  margin: 0;
}
.ceo-msg-body .ceo-msg-hd h3 {
  color: var(--bk-grade-950);
  font-size: 1.875rem;
  font-weight: 600;
  margin: 0;
}
.ceo-msg-body p {
  color: var(--bk-grade-950);
  margin: 0 0 1.5rem 0;
}

.provide-table .table thead tr th {
  color: var(--white);
  font-size: 1rem;
  font-weight: 600;
  padding: 1rem 1rem;
  background-color: #00439b;
  border: 1px solid #0a839d;
}
.provide-table .table tbody tr td {
  color: var(--bk-grade-750);
  font-size: 1.125rem;
  font-weight: 600;
  padding: 1rem 1rem;
  background-color: var(--white);
  border: 0;
  border-bottom: 1px solid #74cee1;
}
.provide-table .com-lic-item p {
  font-weight: normal;
  margin: 0 0 0.5rem 0;
}
.provide-table .com-lic-item .pdf-icon {
  display: inline-block;
  width: 32px;
}
.provide-table .com-lic-item .pdf-icon img {
  width: 100%;
}
.provide-table .com-lic-item .list-value {
  color: #259c1c;
  font-weight: 500;
}
.provide-table .provide-logo {
  display: block;
  max-width: 225px;
  margin: 0 auto;
}
.provide-table .provide-logo img {
  width: 100%;
}

.general-info-item {
  margin-bottom: 2rem;
  border-radius: 1rem;
  overflow: hidden;
  transition: 0.2s ease-out;
}
.general-info-item figure {
  margin: 0;
  border-radius: 1rem;
  overflow: hidden;
}
.general-info-item figure img {
  width: 100%;
}
.general-info-item .gen-info-body {
  padding: 1.5rem 1.5rem 1rem;
}
.general-info-item .gen-info-body h3 {
  color: var(--color-100);
  font-size: 1.5rem;
  font-weight: 500;
  margin: 0 0 1rem 0;
}
.general-info-item .gen-info-body p {
  color: var(--bk-grade-750);
  margin: 0;
}
.general-info-item:hover {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.history-cover {
  position: relative;
  max-width: 750px;
}

.history-item {
  position: relative;
  display: flex;
  align-items: flex-start;
  padding: 0 0 2rem 0;
  overflow: hidden;
}
.history-item .history-year {
  position: relative;
  flex: 0 0 125px;
  max-width: 125px;
  margin: 0.25rem 2rem 0.25rem 0.25rem;
  background-color: #0055a1;
  background-image: url(../images/history-it-bg.jpg);
  background-size: cover;
  border-radius: 50%;
}
.history-item .history-year .year {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 125px;
  height: 125px;
  color: var(--white);
  font-size: 1.5rem;
  font-weight: normal;
  background-color: var(--color-400);
  border-radius: 50%;
  text-align: center;
}
.history-item .history-year .year::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 135px;
  height: 135px;
  border: 1px solid #8fc0da;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transform-origin: 0 0;
  transition: 0.2s ease-out;
}
.history-item .history-year .year::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  width: 1px;
  height: 500px;
  margin: 0 auto;
  border-left: 2px dotted #65b6e3;
}
.history-item .history-it-body {
  flex: 1 1 0;
}
.history-item .history-it-body h3 {
  color: var(--color-400);
  font-size: 1rem;
  font-weight: 500;
  line-height: 36px;
  margin: 0 0 0.5rem 0;
}
.history-item .history-it-body ul li {
  position: relative;
  font-weight: 500;
  padding: 0 0 0 1.25rem;
  margin-bottom: 0.5rem;
}
.history-item .history-it-body ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 8px;
  height: 8px;
  background-color: var(--color-100);
  border-radius: 50%;
}
.history-item:last-child .history-year .year::after {
  display: none;
}
.history-item:hover .history-year .year::before {
  animation: rotationCW 5s infinite linear;
}

.news-list-item {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid var(--bk-grade-150);
}
.news-list-item figure {
  flex: 0 0 450px;
  max-width: 450px;
  margin: 0 2rem 0 0;
  border-radius: 0.5rem;
  overflow: hidden;
}
.news-list-item figure img {
  width: 100%;
  transition: 0.2s ease-out;
}
.news-list-item .news-body {
  flex: 1 1 0;
  padding-top: 1.5rem;
}
.news-list-item .news-body .news-date {
  color: var(--color-300);
  font-weight: 500;
  margin: 0 0 1rem 0;
}
.news-list-item .news-body h3 {
  color: var(--color-100);
  font-size: 1.25rem;
  font-weight: 600;
  margin: 0 0 1rem 0;
}
.news-list-item .news-body p {
  color: var(--bk-grade-500);
  margin: 0 0 1rem 0;
}
.news-list-item .news-body .btn-more {
  display: flex;
  align-items: center;
  color: var(--bk-grade-450);
  font-size: 0.875rem;
  font-weight: 500;
  padding: 0.25rem 0.25rem;
  margin: 0;
  background-color: transparent;
  border: 0;
  border-radius: 0.25rem;
  box-shadow: none;
}
.news-list-item .news-body .btn-more .icon-right {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin-left: 0.5rem;
  border-radius: 50%;
}
.news-list-item .news-body .btn-more:hover .icon-right {
  color: var(--white);
  background-color: var(--color-300);
  animation: iconMoveRight 1s infinite;
}
.news-list-item:hover figure img {
  transform: scale(1.1);
  filter: grayscale(1);
}

.numbering-tb-table {
  padding: 1.5rem;
  background-color: var(--white);
  border: 1px solid #0097b6;
  border-radius: 0.25rem;
}
.numbering-tb-table h3 {
  color: var(--color-100);
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0 0 1.5rem 0;
}
.numbering-tb-table p {
  color: var(--bk-grade-750);
  margin: 0 0 1rem 0;
}
.numbering-tb-table ol {
  color: var(--bk-grade-450);
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 1rem;
}
.numbering-tb-table ol li {
  margin-bottom: 0.5rem;
}
.numbering-tb-table ol li ul li {
  position: relative;
  color: var(--color-100);
  padding: 0 0 0 1rem;
}
.numbering-tb-table ol li ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 6px;
  height: 6px;
  background-color: var(--color-100);
  border-radius: 50%;
}
.numbering-tb-table .table thead tr th {
  color: var(--white);
  font-size: 1rem;
  font-weight: 600;
  padding: 1rem 1rem;
  background-color: #005ba3;
  border: 1px solid #0d3e64;
}
.numbering-tb-table .table tbody tr {
  background-color: var(--white);
}
.numbering-tb-table .table tbody tr td {
  color: var(--bk-grade-750);
  font-size: 1.125rem;
  font-weight: 500;
  padding: 1rem 1rem;
  background-color: var(--white);
  border: 1px solid var(--bk-grade-150);
}

.tel-tb-slider {
  margin-bottom: 2rem;
  overflow: hidden;
}
.tel-tb-slider .owl-theme .owl-nav .owl-prev,
.tel-tb-slider .owl-theme .owl-nav .owl-next {
  position: absolute;
  top: 50%;
  width: 40px;
  height: 40px;
  margin: 0px;
  padding: 0px;
  background-color: transparent;
  background-position: center;
  background-size: 20px;
  background-repeat: no-repeat;
  border-radius: 2px;
  transform: translateY(-50%);
  transition: 0.2s ease-out;
}
.tel-tb-slider .owl-theme .owl-nav .owl-prev {
  left: -5rem;
  background-image: url(../images/arrow-left.svg);
}
.tel-tb-slider .owl-theme .owl-nav .owl-next {
  right: -5rem;
  background-image: url(../images/arrow-right.svg);
}
.tel-tb-slider .owl-theme .owl-nav .owl-prev:hover,
.tel-tb-slider .owl-theme .owl-nav .owl-next:hover {
  background-color: var(--bk-grade-150);
}
.tel-tb-slider:hover .owl-theme .owl-nav .owl-prev {
  left: 1rem;
}
.tel-tb-slider:hover .owl-theme .owl-nav .owl-next {
  right: 1rem;
}

.tel-tb-link {
  display: block;
  width: 135px;
}
.tel-tb-link .tel-tb-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 125px;
  padding: 0.25rem;
  margin-bottom: 1rem;
  background-color: var(--color-100);
  background-image: url(../images/report-nav-bg.png);
  border-radius: 0.25rem;
  text-align: center;
  transition: 0.2s ease-out;
}
.tel-tb-link .tel-tb-icon img {
  width: 90px;
  transition: 0.2s ease-out;
}
.tel-tb-link .tel-tb-label {
  display: block;
  color: var(--bk-grade-750);
  font-size: 1.125rem;
  font-weight: 500;
  margin: 0;
  text-align: center;
}
.tel-tb-link:hover .tel-tb-icon {
  background-color: var(--color-200);
}
.tel-tb-link:hover .tel-tb-icon img {
  transform: scale(0.8);
}

.tel-tb-content {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  padding: 1.5rem;
  border: 1px solid var(--color-200);
  border-radius: 0.25rem;
}
.tel-tb-content .tel-tb-img {
  flex: 0 0 325px;
  max-width: 325px;
  border-radius: 0.5rem;
  overflow: hidden;
}
.tel-tb-content .tel-tb-img img {
  width: 100%;
}
.tel-tb-content .tel-tb-co-body {
  flex: 1 1 0;
  padding: 2rem 0 0 2rem;
}
.tel-tb-content .tel-tb-co-body h3 {
  color: var(--bk-grade-950);
  font-size: 1.875rem;
  font-weight: 600;
  margin: 0 0 1rem 0;
}
.tel-tb-content .tel-tb-co-body p {
  color: var(--bk-grade-950);
}
.tel-tb-content .tel-tb-co-body ul {
  margin-bottom: 2rem;
}
.tel-tb-content .tel-tb-co-body ul li {
  position: relative;
  color: var(--bk-grade-750);
  font-weight: 500;
  padding: 0 0 0 1.5rem;
  margin-bottom: 0.5rem;
}
.tel-tb-content .tel-tb-co-body ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 8px;
  height: 8px;
  background-color: var(--color-100);
  border-radius: 50%;
}

.complaint-table .table thead tr th {
  color: var(--white);
  font-size: 1rem;
  font-weight: 600;
  padding: 1rem 1rem;
  background-color: var(--color-100);
  border: 1px solid #094d82;
}
.complaint-table .table thead tr th .amt-per {
  color: #8db3d8;
}
.complaint-table .table tbody tr {
  background-color: var(--white);
}
.complaint-table .table tbody tr:nth-of-type(odd) {
  background-color: var(--white);
}
.complaint-table .table tbody tr td {
  color: var(--bk-grade-950);
  font-size: 1rem;
  font-weight: 600;
  padding: 1rem 1rem;
  border: 1px solid #d3e5f6;
}
.complaint-table .table tbody tr td .offer {
  display: inline-block;
  padding: 0.5rem 1.5rem;
  border: 1px solid #bacad8;
  border-radius: 50px;
}
.complaint-table .table tbody tr td .btn-view {
  font-weight: 500;
  padding: 0.5rem 1.5rem;
  border: 1px solid #bacad8;
  border-radius: 50px;
  box-shadow: none;
}
.complaint-table .table tbody tr td .btn-view:hover {
  color: var(--white);
  background-color: var(--color-100);
}

.complaint-graph {
  max-width: 460px;
  margin: 0 auto 2rem;
  border-radius: 1rem;
  overflow: hidden;
  transition: 0.2s ease-out;
}
.complaint-graph figure {
  margin: 0;
  border-radius: 1rem;
  overflow: hidden;
}
.complaint-graph figure img {
  width: 100%;
}
.complaint-graph .complaint-body {
  padding: 1.5rem 1.5rem 1rem;
}
.complaint-graph .complaint-body h3 {
  color: var(--color-100);
  font-size: 1.5rem;
  font-weight: 500;
  margin: 0 0 1rem 0;
}
.complaint-graph .complaint-body p {
  color: var(--bk-grade-750);
  margin: 0;
}
.complaint-graph:hover {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.careers-cover {
  max-width: 900px;
  padding: 1.5rem;
  margin: 0 auto;
  border: 1px solid var(--bk-grade-150);
  border-radius: 0.5rem;
  overflow: hidden;
}
.careers-cover .careers-hd {
  padding: 1rem 1rem;
  margin-bottom: 2rem;
  background-color: var(--color-100);
  text-align: center;
}
.careers-cover .careers-hd h3 {
  color: var(--white);
  font-size: 1.875rem;
  font-weight: 600;
  margin: 0;
}
.careers-cover .careers-body p {
  color: var(--bk-grade-950);
  margin: 0;
}

.licensing-cover {
  max-width: 750px;
}
.licensing-cover ul {
  margin-bottom: 2rem;
}
.licensing-cover ul li {
  position: relative;
  color: var(--bk-grade-750);
  font-weight: 500;
  padding: 0 0 0 1.5rem;
  margin-bottom: 0.5rem;
}
.licensing-cover ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 8px;
  height: 8px;
  background-color: var(--color-100);
  border-radius: 50%;
}

.login-pki-cover {
  display: flex;
  max-width: 1060px;
  padding: 2rem;
  margin: 0 auto;
  background-color: var(--white);
  border: 1px solid #74c8d9;
  border-radius: 1rem;
}
.login-pki-cover .login-pki-form {
  flex: 1 1 0;
}
.login-pki-cover .login-alt {
  display: flex;
  align-items: center;
  position: relative;
  flex: 0 0 50px;
  max-width: 50px;
}
.login-pki-cover .login-alt::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
  margin: 0 auto;
  background-color: var(--bk-grade-150);
}
.login-pki-cover .login-alt .alt {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  color: var(--bk-grade-500);
  background-color: var(--white);
  border: 1px solid var(--bk-grade-150);
  border-radius: 50%;
}

.login-usb {
  max-width: 325px;
  margin: 0 auto;
}
.login-usb .login-usb-hd {
  margin-bottom: 1rem;
  text-align: center;
}
.login-usb .login-usb-hd h3 {
  position: relative;
  color: var(--color-100);
  font-size: 1.5rem;
  font-weight: 600;
  padding: 0 0 1rem 0;
  margin: 0 0 1rem 0;
}
.login-usb .login-usb-hd h3::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 30px;
  height: 3px;
  margin: 0 auto;
  background-color: var(--color-100);
}
.login-usb .login-usb-hd p {
  color: var(--bk-grade-500);
  font-size: 1rem;
  font-weight: 600;
  margin: 0;
}
.login-usb .login-usb-body {
  min-height: 225px;
}
.login-usb .login-usb-body .login-icon {
  width: 125px;
  height: 125px;
  margin: 0 auto;
  background-image: url(../images/report-nav-bg.png);
  background: #005ba3;
  background-image: url("../images/report-nav-bg.png"); /* fallback */
  background-image: url("../images/report-nav-bg.png"), linear-gradient(90deg, rgba(0,91,163,1) 26%, rgba(71,162,186,1) 73%, rgba(125,216,204,1) 100%);
  border-radius: 10%;
  box-shadow: 0px 0px 5px 1px;
}
.login-usb .login-usb-body .login-icon img {
  width: 100%;
}
.login-usb .login-usb-nav .btn-login {
  display: block;
  width: 100%;
  color: var(--white);
  font-size: 1.125rem;
  font-weight: 600;
  padding: 0.65rem 1rem;
  margin: 0 auto;
  margin-top: 1.25rem;
  background-color: var(--color-100);
  border: 0.25rem;
  border-radius: 2px;
  text-transform: uppercase;
}
.login-usb .login-usb-nav .btn-login:hover {
  background-color: var(--color-200);
}

.login-mob {
  max-width: 325px;
  margin: 0 auto;
}
.login-mob .login-mob-hd {
  margin-bottom: 1rem;
  text-align: center;
}
.login-mob .login-mob-hd h3 {
  position: relative;
  color: var(--color-100);
  font-size: 1.5rem;
  font-weight: 600;
  padding: 0 0 1rem 0;
  margin: 0 0 1rem 0;
}
.login-mob .login-mob-hd h3::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 30px;
  height: 3px;
  margin: 0 auto;
  background-color: var(--color-100);
}
.login-mob .login-mob-hd p {
  color: var(--bk-grade-500);
  font-size: 1rem;
  font-weight: 600;
  margin: 0;
}
.login-mob .login-mob-body {
  min-height: 225px;
}
.login-mob .login-mob-body .login-icon {
  width: 125px;
  height: 125px;
  margin: 0 auto 1.5rem;
  background-image: url(../images/report-nav-bg.png);
  background: #005ba3;
  background-image: url("../images/report-nav-bg.png"); /* fallback */
  background-image: url("../images/report-nav-bg.png"), linear-gradient(90deg, rgba(0,91,163,1) 26%, rgba(71,162,186,1) 73%, rgba(125,216,204,1) 100%);
  border-radius: 10%;
  box-shadow: 0px 0px 5px 1px;
}
.login-mob .login-mob-body .login-icon img {
  width: 100%;
}
.login-mob .login-mob-nav .btn-login {
  display: block;
  width: 100%;
  color: var(--white);
  font-size: 1.125rem;
  font-weight: 600;
  padding: 0.65rem 1rem;
  margin: 0 auto;
  margin-top: 1.25rem;
  background-color: var(--color-100);
  border: 0.25rem;
  border-radius: 2px;
  text-transform: uppercase;
}

.login-mob .login-mob-nav .btn-login:hover {
  background-color: var(--color-200);
}

.login-mob-form {
  max-width: 400px;
  padding: 1.5rem;
  margin: 0 auto;
  background-color: var(--white);
  border: 1px solid #74c8d9;
  border-radius: 1rem;
}
.login-mob-form .form-group {
  margin-bottom: 1.5rem;
}
.login-mob-form label {
  color: var(--bk-grade-500);
  font-size: 1rem;
  font-weight: 600;
}
.login-mob-form .form-control {
  min-height: 50px;
  background-color: transparent;
  border: 1px solid var(--bk-grade-150);
  border-radius: 0;
}
.login-mob-form .form-control:hover {
  border: 1px solid var(--bk-grade-300);
}
.login-mob-form .btn-call {
  display: block;
  width: 100%;
  color: var(--white);
  font-size: 1.125rem;
  font-weight: 600;
  padding: 0.65rem 1rem;
  margin: 0 auto;
  background-color: #00489d;
  border: 0.25rem;
  border-radius: 2px;
  text-transform: uppercase;
}
.login-mob-form .btn-call:hover {
  background-color: var(--color-200);
}

.who-we-are-sec {
  position: relative;
  padding: 4rem 0 2rem;
}

.vision-sec {
  position: relative;
  padding: 2rem 0 4rem;
}

.vison-list-cover {
  display: flex;
  flex-flow: wrap;
}
.vison-list-cover .vison-item {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0.5rem 1rem;
  flex: 1 1 0;
}
.vison-list-cover .vison-item + .vison-item {
  border-left: 1px solid var(--bk-grade-250);
}
.vison-list-cover .vison-item .vison-icon {
  position: relative;
  flex: 0 0 140px;
  max-width: 140px;
  margin-right: 1.75rem;
  background-image: url(../images/vision-icon-bg.png);
  border-radius: 50%;
}
.vison-list-cover .vison-item .vison-icon img {
  width: 100%;
}
.vison-list-cover .vison-item .vison-body {
  position: relative;
}
.vison-list-cover .vison-item .vison-body h3 {
  color: var(--bk-grade-950);
  font-size: 1.5rem;
  font-weight: 500;
  margin: 0 0 0.25rem 0;
  text-transform: uppercase;
}
.vison-list-cover .vison-item .vison-body p {
  color: var(--bk-grade-950);
  margin: 0;
}

.values-sec {
  position: relative;
  padding: 6rem 0 6rem;
  background: rgb(0, 11, 136);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgb(0, 11, 136)), color-stop(100%, rgb(0, 188, 194)));
  background: linear-gradient(to right, rgb(0, 11, 136) 0%, rgb(0, 188, 194) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#000b88", endColorstr="#00bcc2", GradientType=1 );
  overflow: hidden;
}
.values-sec .values-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/values-bg.png);
}

.values-wrapper {
  position: relative;
}
.values-wrapper .values-woman {
  position: absolute;
  right: 0;
  top: 50px;
  width: 400px;
}
.values-wrapper .values-woman img {
  width: 100%;
}

.values-cover {
  max-width: 800px;
}
.values-cover ul li {
  position: relative;
  padding: 0 0 0 2rem;
}
.values-cover ul li + li {
  margin-top: 1.5rem;
}
.values-cover ul li::before {
  content: "\f00c";
  font-family: "FontAwesome";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--white);
}
.values-cover ul li h3 {
  color: var(--white);
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0 0 0.5rem 0;
}
.values-cover ul li p {
  color: var(--white);
  margin: 0;
}

.respons-sec {
  position: relative;
  padding: 4rem 0 4rem;
}

.respons-cover h4 {
  color: var(--bk-grade-950);
  font-weight: 500;
}
.respons-cover ul li {
  position: relative;
  padding: 0 0 0 2rem;
  color: var(--bk-grade-950);
}
.respons-cover ul li + li {
  margin-top: 1.5rem;
}
.respons-cover ul li::before {
  content: "\f00c";
  font-family: "FontAwesome";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--bk-grade-950);
}

.open-data-sec {
  position: relative;
  padding: 4rem 0 2rem;
}

.open-data-tb-cover {
  margin-bottom: 2rem;
}

.open-data-tb-nav {
  display: flex;
  margin-bottom: 2rem;
}
.open-data-tb-nav .nav-item {
  flex: 1 1 0;
  max-width: 200px;
  padding: 0 0.15rem;
}
.open-data-tb-nav .nav-item .nav-link {
  color: var(--white);
  font-size: 1.125rem;
  padding: 0.7rem 1rem;
  background-color: var(--color-100);
  border-radius: 0.15rem 0.15rem 0 0;
}
.open-data-tb-nav .nav-item .nav-link.active {
  background-color: var(--color-200);
}

.open-data-table {
  margin-bottom: 1.5rem;
}
.open-data-table h3 {
  color: var(--bk-grade-950);
  font-size: 1.5rem;
  font-weight: 600 !important;
  margin: 0 0 1rem 0;
}
.open-data-table .table thead tr th {
  color: var(--white);
  font-size: 1rem;
  font-weight: 600;
  padding: 1rem 1rem;
  background-color: var(--color-100);
  border: 1px solid #094d82;
}
.open-data-table .table thead tr th .amt-per {
  color: #8db3d8;
}
.open-data-table .table tbody tr {
  background-color: var(--white);
}
.open-data-table .table tbody tr:nth-of-type(odd) {
  background-color: var(--white);
}
.open-data-table .table tbody tr td {
  color: var(--bk-grade-950);
  font-size: 1rem;
  font-weight: 600;
  padding: 1rem 1rem;
  border: 1px solid #d3e5f6;
}
.open-data-table .table tbody tr td .offer {
  display: inline-block;
  padding: 0.5rem 1.5rem;
  border: 1px solid #bacad8;
  border-radius: 50px;
}

.open-data-accordion .card {
  border: 0;
  box-shadow: none;
}
.open-data-accordion .card .card-header {
  padding: 0;
  margin-bottom: 0;
  background-color: transparent;
  border-bottom: 1px solid var(--bk-grade-150);
}
.open-data-accordion .card .card-header h3 {
  position: relative;
  color: var(--bk-grade-950);
  font-size: 1.25rem;
  font-weight: 600;
  padding: 1.25rem 2rem 1.25rem 0;
  margin: 0;
}
.open-data-accordion .card .card-header h3 .icon {
  position: absolute;
  right: 0;
  top: 50%;
  font-size: 1.5rem;
  transform: translateY(-50%) rotate(-180deg);
  transition: 0.2s ease-out;
}
.open-data-accordion .card .card-header h3.collapsed .icon {
  transform: translateY(-50%) rotate(0deg);
}
.open-data-accordion .card .card-body {
  padding: 1rem 0.5rem;
}
.open-data-accordion .card .faq-item p {
  color: var(--bk-grade-950);
  font-weight: 500;
  margin: 0;
}

.com-table .table thead tr th {
  color: var(--white);
  font-size: 1rem;
  font-weight: 600;
  padding: 1rem 1rem;
  background-color: var(--color-100);
  border: 1px solid #094d82;
}
.com-table .table thead tr th .amt-per {
  color: #8db3d8;
}
.com-table .table tbody tr {
  background-color: var(--white);
}
.com-table .table tbody tr:nth-of-type(odd) {
  background-color: var(--white);
}
.com-table .table tbody tr td {
  color: var(--bk-grade-950);
  font-size: 1rem;
  font-weight: 600;
  padding: 1rem 1rem;
  border: 1px solid #d3e5f6;
}
.com-table .table tbody tr td .offer {
  display: inline-block;
  padding: 0.5rem 1.5rem;
  border: 1px solid #bacad8;
  border-radius: 50px;
}
.com-table .table tbody tr td .table-link {
  color: var(--color-100);
}
.com-table .table tbody tr td .btn-download {
  font-weight: 500;
  padding: 0.5rem 1.5rem;
  border: 1px solid #bacad8;
  border-radius: 50px;
  box-shadow: none;
}
.com-table .table tbody tr td .btn-download:hover {
  color: var(--white);
  background-color: var(--color-100);
  border: 1px solid var(--color-100);
}

.com-content h2 {
  color: var(--color-100);
  font-size: 2rem;
  font-weight: 600 !important;
  margin: 0 0 1rem 0;
}
.com-content h3 {
  color: var(--color-100);
  font-size: 1.5rem;
  font-weight: 600 !important;
  margin: 0 0 1rem 0;
}
.com-content p {
  color: var(--bk-grade-500);
  margin-bottom: 1.5rem;
}
.com-content ul {
  margin: 0 0 2rem 0;
}
.com-content ul li {
  position: relative;
  color: var(--bk-grade-500);
  padding: 0 0 0 1rem;
}
.com-content ul li + li {
  margin-top: 1rem;
}
.com-content ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 8px;
  height: 8px;
  background-color: var(--color-100);
  border-radius: 50%;
}
.com-content ol {
  padding: 0 0 0 1.5rem;
  margin: 0 0 2rem 0;
}
.com-content ol li {
  color: var(--bk-grade-500);
}
.com-content ol li + li {
  margin-top: 1rem;
}

.aware-item {
  margin-bottom: 2rem;
  border: 1px solid #a6d2e3;
  border-radius: 1rem;
  overflow: hidden;
}
.aware-item figure {
  margin: 0;
  border-radius: 1rem 1rem 0 0;
  overflow: hidden;
}
.aware-item figure img {
  width: 100%;
  transition: 0.2s ease-out;
}
.aware-item .aware-body {
  min-height: 100px;
  border-top: 1px solid #a6d2e3;
  padding: 1rem 1rem 0.5rem;
  text-align: center;
}
.aware-item .aware-body p {
  color: var(--bk-grade-950);
  font-size: 1.125rem;
  font-weight: 600;
  margin: 0 0 1rem 0;
}
.aware-item .aware-body a {
  color: var(--color-100);
}
.aware-item .aware-body a:hover {
  color: var(--color-200);
}
.aware-item:hover figure img {
  transform: scale(1.1);
  filter: grayscale(1);
}

.stake-accordion .card {
  border: 0;
  box-shadow: none;
}
.stake-accordion .card .card-header {
  padding: 0;
  margin-bottom: 0;
  background-color: transparent;
  border-bottom: 1px solid var(--bk-grade-150);
}
.stake-accordion .card .card-header h3 {
  position: relative;
  color: var(--bk-grade-950);
  font-size: 1.25rem;
  font-weight: 600;
  padding: 1.25rem 2rem 1.25rem 0;
  margin: 0;
}
.stake-accordion .card .card-header h3 .icon {
  position: absolute;
  right: 0;
  top: 50%;
  font-size: 1.5rem;
  transform: translateY(-50%) rotate(-180deg);
  transition: 0.2s ease-out;
}
.stake-accordion .card .card-header h3.collapsed .icon {
  transform: translateY(-50%) rotate(0deg);
}
.stake-accordion .card .card-body {
  padding: 1rem 0.5rem;
}
.stake-accordion .card .faq-item p {
  color: var(--bk-grade-950);
  font-weight: 500;
  margin: 0;
}

.gallery-item {
  margin-bottom: 2rem;
  border: 1px solid var(--bk-grade-150);
  border-radius: 0.5rem;
  overflow: hidden;
}
.gallery-item figure {
  margin: 0;
  border-radius: 0.5rem 0.5rem 0 0;
  overflow: hidden;
}
.gallery-item figure img {
  width: 100%;
  transition: 0.2s ease-out;
}
.gallery-item .gallery-body {
  min-height: 100px;
  border-top: 1px solid var(--bk-grade-150);
  padding: 1rem 1rem 0.5rem;
  text-align: center;
}
.gallery-item .gallery-body p {
  color: var(--bk-grade-950);
  font-size: 1.125rem;
  font-weight: 600;
  margin: 0 0 1rem 0;
}
.gallery-item .gallery-body a {
  color: var(--color-100);
}
.gallery-item .gallery-body a:hover {
  color: var(--color-200);
}
.gallery-item:hover figure img {
  transform: scale(1.1);
  filter: grayscale(1);
}

.nat-plan-form {
  margin: 0 0 2rem 0;
}
.nat-plan-form label {
  color: var(--bk-grade-750);
  font-weight: 600;
}
.nat-plan-form .form-control {
  width: 80px;
  min-height: 40px;
  border: 1px solid var(--bk-grade-150);
  border-radius: 0;
}
.nat-plan-form .btn-search {
  color: var(--white);
  padding: 0.55rem 2rem;
  margin: 0;
  background-color: #003e99;
  border-radius: 0.25rem;
}
.nat-plan-form .btn-search:hover {
  background-color: var(--color-300);
}

.nat-plan-table .freq-label {
  display: block;
  color: var(--white);
  padding: 0.5rem 0.5rem;
  background-color: #00439b;
  border-radius: 0.25rem;
}
.nat-plan-table .allo-label {
  position: relative;
  display: inline-block;
  color: var(--white);
  padding: 0.25rem 0.25rem;
  background-color: #00439b;
  border-radius: 0.15rem;
}

.popover {
  max-width: 300px !important;
  padding: 0;
  margin: 0;
  background-color: transparent;
  border: 0;
}
.popover .arrow {
  left: 4px !important;
  z-index: 10;
}
.popover popover-body {
  padding: 0 !important;
}

.allocate-popup {
  position: relative;
  padding: 1rem;
  background-color: var(--white);
  border: 1px solid var(--bk-grade-150);
  border-radius: 0.5rem;
}
.allocate-popup .allocate-hd {
  margin-bottom: 1rem;
}
.allocate-popup .allocate-hd h3 {
  color: var(--bk-grade-950);
  font-size: 1.875rem;
  font-weight: 600;
  margin: 0;
}
.allocate-popup .allocate-body p {
  color: var(--bk-grade-750);
}

.events-cover {
  height: 550px;
  padding-right: 4rem;
  margin-bottom: 2rem;
  border-right: 1px solid #ff7c1b;
  overflow: hidden;
}

.event-item {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid var(--bk-grade-150);
}
.event-item .eve-date {
  color: #ff7c1b;
  font-weight: 500;
  margin: 0 0 0.25rem 0;
}
.event-item h4 {
  color: var(--color-100);
  font-size: 1.125rem;
  font-weight: 500;
  margin: 0 0 1rem 0;
}
.event-item .btn-more {
  color: var(--bk-grade-750);
  font-size: 1.125rem;
  font-weight: 500;
  padding: 0;
  margin: 0;
  box-shadow: none;
}
.event-item .btn-more:hover {
  color: var(--color-100);
}

.eve-calendar #calendar_weekdays div {
  display: inline-block;
  vertical-align: top;
}
.eve-calendar #calendar_content,
.eve-calendar #calendar_weekdays,
.eve-calendar #calendar_header {
  position: relative;
  overflow: hidden;
  z-index: 10;
}
.eve-calendar #calendar_weekdays div,
.eve-calendar #calendar_content div {
  width: 40px;
  height: 40px;
  overflow: hidden;
  text-align: center;
  background-color: #ffffff;
  color: #787878;
}
.eve-calendar #calendar_content {
  -webkit-border-radius: 0px 0px 12px 12px;
  -moz-border-radius: 0px 0px 12px 12px;
  border-radius: 0px 0px 12px 12px;
}
.eve-calendar #calendar_content div {
  float: left;
}
.eve-calendar #calendar_content div:hover {
  background-color: #f8f8f8;
}
.eve-calendar #calendar_content div.blank {
  background-color: #e8e8e8;
}
.eve-calendar #calendar_header,
.eve-calendar #calendar_content div.today {
  zoom: 1;
  filter: alpha(opacity=70);
  opacity: 0.7;
}
.eve-calendar #calendar_content div.today {
  color: #ffffff;
}
.eve-calendar #calendar_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  background-color: var(--color-100);
  padding: 1.5rem;
  border-radius: 12px 12px 0px 0px;
}
.eve-calendar #calendar_header h1 {
  font-size: 1.5em;
  color: #ffffff;
}
.eve-calendar #calendar_header .fa {
  color: #ffffff;
}

.event-details {
  margin-bottom: 2rem;
}
.event-details .eve-date {
  color: #ff7c1b;
  font-weight: 500;
  margin: 0 0 0.25rem 0;
}
.event-details h2 {
  color: var(--color-100);
  font-size: 1.875rem;
  font-weight: 500;
  margin: 0 0 1rem 0;
}

/* Loader CSS
-------------------------------------------------- */
.loader-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #000756;
  background-position: left top;
  background-repeat: repeat;
  z-index: 99999;
}
.loader-overlay .loader {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 200px;
}
.loader-overlay .loader-txt {
  color: #ffffff;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
}

.dots-cover {
  position: relative;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  transform-style: preserve-3d;
  perspective: 1000px;
  animation: rotate 10s infinite linear;
}

@keyframes rotate {
  100% {
    transform: rotateY(360deg) rotateX(360deg);
  }
}
.dot {
  position: absolute;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  opacity: 0;
}

.dot:nth-child(1) {
  animation: orbit1 10s infinite;
  animation-delay: 0.01s;
  background-color: hsl(160.1333333333deg, 100%, 50%);
}

@keyframes orbit1 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-251deg) rotateY(82deg) translateX(60px) rotateZ(251deg);
  }
  80% {
    transform: rotateZ(-251deg) rotateY(82deg) translateX(60px) rotateZ(251deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-251deg) rotateY(82deg) translateX(180px) rotateZ(251deg);
  }
}
.dot:nth-child(2) {
  animation: orbit2 10s infinite;
  animation-delay: 0.02s;
  background-color: hsl(160.2666666667deg, 100%, 50%);
}

@keyframes orbit2 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-151deg) rotateY(302deg) translateX(60px) rotateZ(151deg);
  }
  80% {
    transform: rotateZ(-151deg) rotateY(302deg) translateX(60px) rotateZ(151deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-151deg) rotateY(302deg) translateX(180px) rotateZ(151deg);
  }
}
.dot:nth-child(3) {
  animation: orbit3 10s infinite;
  animation-delay: 0.03s;
  background-color: hsl(160.4deg, 100%, 50%);
}

@keyframes orbit3 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-138deg) rotateY(195deg) translateX(60px) rotateZ(138deg);
  }
  80% {
    transform: rotateZ(-138deg) rotateY(195deg) translateX(60px) rotateZ(138deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-138deg) rotateY(195deg) translateX(180px) rotateZ(138deg);
  }
}
.dot:nth-child(4) {
  animation: orbit4 10s infinite;
  animation-delay: 0.04s;
  background-color: hsl(160.5333333333deg, 100%, 50%);
}

@keyframes orbit4 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-324deg) rotateY(186deg) translateX(60px) rotateZ(324deg);
  }
  80% {
    transform: rotateZ(-324deg) rotateY(186deg) translateX(60px) rotateZ(324deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-324deg) rotateY(186deg) translateX(180px) rotateZ(324deg);
  }
}
.dot:nth-child(5) {
  animation: orbit5 10s infinite;
  animation-delay: 0.05s;
  background-color: hsl(160.6666666667deg, 100%, 50%);
}

@keyframes orbit5 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-80deg) rotateY(350deg) translateX(60px) rotateZ(80deg);
  }
  80% {
    transform: rotateZ(-80deg) rotateY(350deg) translateX(60px) rotateZ(80deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-80deg) rotateY(350deg) translateX(180px) rotateZ(80deg);
  }
}
.dot:nth-child(6) {
  animation: orbit6 10s infinite;
  animation-delay: 0.06s;
  background-color: hsl(160.8deg, 100%, 50%);
}

@keyframes orbit6 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-70deg) rotateY(344deg) translateX(60px) rotateZ(70deg);
  }
  80% {
    transform: rotateZ(-70deg) rotateY(344deg) translateX(60px) rotateZ(70deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-70deg) rotateY(344deg) translateX(180px) rotateZ(70deg);
  }
}
.dot:nth-child(7) {
  animation: orbit7 10s infinite;
  animation-delay: 0.07s;
  background-color: hsl(160.9333333333deg, 100%, 50%);
}

@keyframes orbit7 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-246deg) rotateY(305deg) translateX(60px) rotateZ(246deg);
  }
  80% {
    transform: rotateZ(-246deg) rotateY(305deg) translateX(60px) rotateZ(246deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-246deg) rotateY(305deg) translateX(180px) rotateZ(246deg);
  }
}
.dot:nth-child(8) {
  animation: orbit8 10s infinite;
  animation-delay: 0.08s;
  background-color: hsl(161.0666666667deg, 100%, 50%);
}

@keyframes orbit8 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-273deg) rotateY(74deg) translateX(60px) rotateZ(273deg);
  }
  80% {
    transform: rotateZ(-273deg) rotateY(74deg) translateX(60px) rotateZ(273deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-273deg) rotateY(74deg) translateX(180px) rotateZ(273deg);
  }
}
.dot:nth-child(9) {
  animation: orbit9 10s infinite;
  animation-delay: 0.09s;
  background-color: hsl(161.2deg, 100%, 50%);
}

@keyframes orbit9 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-102deg) rotateY(32deg) translateX(60px) rotateZ(102deg);
  }
  80% {
    transform: rotateZ(-102deg) rotateY(32deg) translateX(60px) rotateZ(102deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-102deg) rotateY(32deg) translateX(180px) rotateZ(102deg);
  }
}
.dot:nth-child(10) {
  animation: orbit10 10s infinite;
  animation-delay: 0.1s;
  background-color: hsl(161.3333333333deg, 100%, 50%);
}

@keyframes orbit10 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-153deg) rotateY(351deg) translateX(60px) rotateZ(153deg);
  }
  80% {
    transform: rotateZ(-153deg) rotateY(351deg) translateX(60px) rotateZ(153deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-153deg) rotateY(351deg) translateX(180px) rotateZ(153deg);
  }
}
.dot:nth-child(11) {
  animation: orbit11 10s infinite;
  animation-delay: 0.11s;
  background-color: hsl(161.4666666667deg, 100%, 50%);
}

@keyframes orbit11 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-120deg) rotateY(210deg) translateX(60px) rotateZ(120deg);
  }
  80% {
    transform: rotateZ(-120deg) rotateY(210deg) translateX(60px) rotateZ(120deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-120deg) rotateY(210deg) translateX(180px) rotateZ(120deg);
  }
}
.dot:nth-child(12) {
  animation: orbit12 10s infinite;
  animation-delay: 0.12s;
  background-color: hsl(161.6deg, 100%, 50%);
}

@keyframes orbit12 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-203deg) rotateY(194deg) translateX(60px) rotateZ(203deg);
  }
  80% {
    transform: rotateZ(-203deg) rotateY(194deg) translateX(60px) rotateZ(203deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-203deg) rotateY(194deg) translateX(180px) rotateZ(203deg);
  }
}
.dot:nth-child(13) {
  animation: orbit13 10s infinite;
  animation-delay: 0.13s;
  background-color: hsl(161.7333333333deg, 100%, 50%);
}

@keyframes orbit13 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-213deg) rotateY(34deg) translateX(60px) rotateZ(213deg);
  }
  80% {
    transform: rotateZ(-213deg) rotateY(34deg) translateX(60px) rotateZ(213deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-213deg) rotateY(34deg) translateX(180px) rotateZ(213deg);
  }
}
.dot:nth-child(14) {
  animation: orbit14 10s infinite;
  animation-delay: 0.14s;
  background-color: hsl(161.8666666667deg, 100%, 50%);
}

@keyframes orbit14 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-9deg) rotateY(272deg) translateX(60px) rotateZ(9deg);
  }
  80% {
    transform: rotateZ(-9deg) rotateY(272deg) translateX(60px) rotateZ(9deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-9deg) rotateY(272deg) translateX(180px) rotateZ(9deg);
  }
}
.dot:nth-child(15) {
  animation: orbit15 10s infinite;
  animation-delay: 0.15s;
  background-color: hsl(162deg, 100%, 50%);
}

@keyframes orbit15 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-118deg) rotateY(278deg) translateX(60px) rotateZ(118deg);
  }
  80% {
    transform: rotateZ(-118deg) rotateY(278deg) translateX(60px) rotateZ(118deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-118deg) rotateY(278deg) translateX(180px) rotateZ(118deg);
  }
}
.dot:nth-child(16) {
  animation: orbit16 10s infinite;
  animation-delay: 0.16s;
  background-color: hsl(162.1333333333deg, 100%, 50%);
}

@keyframes orbit16 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-78deg) rotateY(60deg) translateX(60px) rotateZ(78deg);
  }
  80% {
    transform: rotateZ(-78deg) rotateY(60deg) translateX(60px) rotateZ(78deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-78deg) rotateY(60deg) translateX(180px) rotateZ(78deg);
  }
}
.dot:nth-child(17) {
  animation: orbit17 10s infinite;
  animation-delay: 0.17s;
  background-color: hsl(162.2666666667deg, 100%, 50%);
}

@keyframes orbit17 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-273deg) rotateY(143deg) translateX(60px) rotateZ(273deg);
  }
  80% {
    transform: rotateZ(-273deg) rotateY(143deg) translateX(60px) rotateZ(273deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-273deg) rotateY(143deg) translateX(180px) rotateZ(273deg);
  }
}
.dot:nth-child(18) {
  animation: orbit18 10s infinite;
  animation-delay: 0.18s;
  background-color: hsl(162.4deg, 100%, 50%);
}

@keyframes orbit18 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-205deg) rotateY(24deg) translateX(60px) rotateZ(205deg);
  }
  80% {
    transform: rotateZ(-205deg) rotateY(24deg) translateX(60px) rotateZ(205deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-205deg) rotateY(24deg) translateX(180px) rotateZ(205deg);
  }
}
.dot:nth-child(19) {
  animation: orbit19 10s infinite;
  animation-delay: 0.19s;
  background-color: hsl(162.5333333333deg, 100%, 50%);
}

@keyframes orbit19 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-260deg) rotateY(158deg) translateX(60px) rotateZ(260deg);
  }
  80% {
    transform: rotateZ(-260deg) rotateY(158deg) translateX(60px) rotateZ(260deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-260deg) rotateY(158deg) translateX(180px) rotateZ(260deg);
  }
}
.dot:nth-child(20) {
  animation: orbit20 10s infinite;
  animation-delay: 0.2s;
  background-color: hsl(162.6666666667deg, 100%, 50%);
}

@keyframes orbit20 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-236deg) rotateY(264deg) translateX(60px) rotateZ(236deg);
  }
  80% {
    transform: rotateZ(-236deg) rotateY(264deg) translateX(60px) rotateZ(236deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-236deg) rotateY(264deg) translateX(180px) rotateZ(236deg);
  }
}
.dot:nth-child(21) {
  animation: orbit21 10s infinite;
  animation-delay: 0.21s;
  background-color: hsl(162.8deg, 100%, 50%);
}

@keyframes orbit21 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-60deg) rotateY(4deg) translateX(60px) rotateZ(60deg);
  }
  80% {
    transform: rotateZ(-60deg) rotateY(4deg) translateX(60px) rotateZ(60deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-60deg) rotateY(4deg) translateX(180px) rotateZ(60deg);
  }
}
.dot:nth-child(22) {
  animation: orbit22 10s infinite;
  animation-delay: 0.22s;
  background-color: hsl(162.9333333333deg, 100%, 50%);
}

@keyframes orbit22 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-232deg) rotateY(220deg) translateX(60px) rotateZ(232deg);
  }
  80% {
    transform: rotateZ(-232deg) rotateY(220deg) translateX(60px) rotateZ(232deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-232deg) rotateY(220deg) translateX(180px) rotateZ(232deg);
  }
}
.dot:nth-child(23) {
  animation: orbit23 10s infinite;
  animation-delay: 0.23s;
  background-color: hsl(163.0666666667deg, 100%, 50%);
}

@keyframes orbit23 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-357deg) rotateY(246deg) translateX(60px) rotateZ(357deg);
  }
  80% {
    transform: rotateZ(-357deg) rotateY(246deg) translateX(60px) rotateZ(357deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-357deg) rotateY(246deg) translateX(180px) rotateZ(357deg);
  }
}
.dot:nth-child(24) {
  animation: orbit24 10s infinite;
  animation-delay: 0.24s;
  background-color: hsl(163.2deg, 100%, 50%);
}

@keyframes orbit24 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-47deg) rotateY(210deg) translateX(60px) rotateZ(47deg);
  }
  80% {
    transform: rotateZ(-47deg) rotateY(210deg) translateX(60px) rotateZ(47deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-47deg) rotateY(210deg) translateX(180px) rotateZ(47deg);
  }
}
.dot:nth-child(25) {
  animation: orbit25 10s infinite;
  animation-delay: 0.25s;
  background-color: hsl(163.3333333333deg, 100%, 50%);
}

@keyframes orbit25 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-63deg) rotateY(264deg) translateX(60px) rotateZ(63deg);
  }
  80% {
    transform: rotateZ(-63deg) rotateY(264deg) translateX(60px) rotateZ(63deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-63deg) rotateY(264deg) translateX(180px) rotateZ(63deg);
  }
}
.dot:nth-child(26) {
  animation: orbit26 10s infinite;
  animation-delay: 0.26s;
  background-color: hsl(163.4666666667deg, 100%, 50%);
}

@keyframes orbit26 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-262deg) rotateY(351deg) translateX(60px) rotateZ(262deg);
  }
  80% {
    transform: rotateZ(-262deg) rotateY(351deg) translateX(60px) rotateZ(262deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-262deg) rotateY(351deg) translateX(180px) rotateZ(262deg);
  }
}
.dot:nth-child(27) {
  animation: orbit27 10s infinite;
  animation-delay: 0.27s;
  background-color: hsl(163.6deg, 100%, 50%);
}

@keyframes orbit27 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-241deg) rotateY(9deg) translateX(60px) rotateZ(241deg);
  }
  80% {
    transform: rotateZ(-241deg) rotateY(9deg) translateX(60px) rotateZ(241deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-241deg) rotateY(9deg) translateX(180px) rotateZ(241deg);
  }
}
.dot:nth-child(28) {
  animation: orbit28 10s infinite;
  animation-delay: 0.28s;
  background-color: hsl(163.7333333333deg, 100%, 50%);
}

@keyframes orbit28 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-118deg) rotateY(275deg) translateX(60px) rotateZ(118deg);
  }
  80% {
    transform: rotateZ(-118deg) rotateY(275deg) translateX(60px) rotateZ(118deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-118deg) rotateY(275deg) translateX(180px) rotateZ(118deg);
  }
}
.dot:nth-child(29) {
  animation: orbit29 10s infinite;
  animation-delay: 0.29s;
  background-color: hsl(163.8666666667deg, 100%, 50%);
}

@keyframes orbit29 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-224deg) rotateY(202deg) translateX(60px) rotateZ(224deg);
  }
  80% {
    transform: rotateZ(-224deg) rotateY(202deg) translateX(60px) rotateZ(224deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-224deg) rotateY(202deg) translateX(180px) rotateZ(224deg);
  }
}
.dot:nth-child(30) {
  animation: orbit30 10s infinite;
  animation-delay: 0.3s;
  background-color: hsl(164deg, 100%, 50%);
}

@keyframes orbit30 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-304deg) rotateY(262deg) translateX(60px) rotateZ(304deg);
  }
  80% {
    transform: rotateZ(-304deg) rotateY(262deg) translateX(60px) rotateZ(304deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-304deg) rotateY(262deg) translateX(180px) rotateZ(304deg);
  }
}
.dot:nth-child(31) {
  animation: orbit31 10s infinite;
  animation-delay: 0.31s;
  background-color: hsl(164.1333333333deg, 100%, 50%);
}

@keyframes orbit31 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-170deg) rotateY(181deg) translateX(60px) rotateZ(170deg);
  }
  80% {
    transform: rotateZ(-170deg) rotateY(181deg) translateX(60px) rotateZ(170deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-170deg) rotateY(181deg) translateX(180px) rotateZ(170deg);
  }
}
.dot:nth-child(32) {
  animation: orbit32 10s infinite;
  animation-delay: 0.32s;
  background-color: hsl(164.2666666667deg, 100%, 50%);
}

@keyframes orbit32 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-135deg) rotateY(34deg) translateX(60px) rotateZ(135deg);
  }
  80% {
    transform: rotateZ(-135deg) rotateY(34deg) translateX(60px) rotateZ(135deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-135deg) rotateY(34deg) translateX(180px) rotateZ(135deg);
  }
}
.dot:nth-child(33) {
  animation: orbit33 10s infinite;
  animation-delay: 0.33s;
  background-color: hsl(164.4deg, 100%, 50%);
}

@keyframes orbit33 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-345deg) rotateY(252deg) translateX(60px) rotateZ(345deg);
  }
  80% {
    transform: rotateZ(-345deg) rotateY(252deg) translateX(60px) rotateZ(345deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-345deg) rotateY(252deg) translateX(180px) rotateZ(345deg);
  }
}
.dot:nth-child(34) {
  animation: orbit34 10s infinite;
  animation-delay: 0.34s;
  background-color: hsl(164.5333333333deg, 100%, 50%);
}

@keyframes orbit34 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-199deg) rotateY(118deg) translateX(60px) rotateZ(199deg);
  }
  80% {
    transform: rotateZ(-199deg) rotateY(118deg) translateX(60px) rotateZ(199deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-199deg) rotateY(118deg) translateX(180px) rotateZ(199deg);
  }
}
.dot:nth-child(35) {
  animation: orbit35 10s infinite;
  animation-delay: 0.35s;
  background-color: hsl(164.6666666667deg, 100%, 50%);
}

@keyframes orbit35 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-227deg) rotateY(270deg) translateX(60px) rotateZ(227deg);
  }
  80% {
    transform: rotateZ(-227deg) rotateY(270deg) translateX(60px) rotateZ(227deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-227deg) rotateY(270deg) translateX(180px) rotateZ(227deg);
  }
}
.dot:nth-child(36) {
  animation: orbit36 10s infinite;
  animation-delay: 0.36s;
  background-color: hsl(164.8deg, 100%, 50%);
}

@keyframes orbit36 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-179deg) rotateY(126deg) translateX(60px) rotateZ(179deg);
  }
  80% {
    transform: rotateZ(-179deg) rotateY(126deg) translateX(60px) rotateZ(179deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-179deg) rotateY(126deg) translateX(180px) rotateZ(179deg);
  }
}
.dot:nth-child(37) {
  animation: orbit37 10s infinite;
  animation-delay: 0.37s;
  background-color: hsl(164.9333333333deg, 100%, 50%);
}

@keyframes orbit37 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-50deg) rotateY(67deg) translateX(60px) rotateZ(50deg);
  }
  80% {
    transform: rotateZ(-50deg) rotateY(67deg) translateX(60px) rotateZ(50deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-50deg) rotateY(67deg) translateX(180px) rotateZ(50deg);
  }
}
.dot:nth-child(38) {
  animation: orbit38 10s infinite;
  animation-delay: 0.38s;
  background-color: hsl(165.0666666667deg, 100%, 50%);
}

@keyframes orbit38 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-44deg) rotateY(54deg) translateX(60px) rotateZ(44deg);
  }
  80% {
    transform: rotateZ(-44deg) rotateY(54deg) translateX(60px) rotateZ(44deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-44deg) rotateY(54deg) translateX(180px) rotateZ(44deg);
  }
}
.dot:nth-child(39) {
  animation: orbit39 10s infinite;
  animation-delay: 0.39s;
  background-color: hsl(165.2deg, 100%, 50%);
}

@keyframes orbit39 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-145deg) rotateY(165deg) translateX(60px) rotateZ(145deg);
  }
  80% {
    transform: rotateZ(-145deg) rotateY(165deg) translateX(60px) rotateZ(145deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-145deg) rotateY(165deg) translateX(180px) rotateZ(145deg);
  }
}
.dot:nth-child(40) {
  animation: orbit40 10s infinite;
  animation-delay: 0.4s;
  background-color: hsl(165.3333333333deg, 100%, 50%);
}

@keyframes orbit40 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-219deg) rotateY(128deg) translateX(60px) rotateZ(219deg);
  }
  80% {
    transform: rotateZ(-219deg) rotateY(128deg) translateX(60px) rotateZ(219deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-219deg) rotateY(128deg) translateX(180px) rotateZ(219deg);
  }
}
.dot:nth-child(41) {
  animation: orbit41 10s infinite;
  animation-delay: 0.41s;
  background-color: hsl(165.4666666667deg, 100%, 50%);
}

@keyframes orbit41 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-180deg) rotateY(308deg) translateX(60px) rotateZ(180deg);
  }
  80% {
    transform: rotateZ(-180deg) rotateY(308deg) translateX(60px) rotateZ(180deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-180deg) rotateY(308deg) translateX(180px) rotateZ(180deg);
  }
}
.dot:nth-child(42) {
  animation: orbit42 10s infinite;
  animation-delay: 0.42s;
  background-color: hsl(165.6deg, 100%, 50%);
}

@keyframes orbit42 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-288deg) rotateY(212deg) translateX(60px) rotateZ(288deg);
  }
  80% {
    transform: rotateZ(-288deg) rotateY(212deg) translateX(60px) rotateZ(288deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-288deg) rotateY(212deg) translateX(180px) rotateZ(288deg);
  }
}
.dot:nth-child(43) {
  animation: orbit43 10s infinite;
  animation-delay: 0.43s;
  background-color: hsl(165.7333333333deg, 100%, 50%);
}

@keyframes orbit43 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-254deg) rotateY(71deg) translateX(60px) rotateZ(254deg);
  }
  80% {
    transform: rotateZ(-254deg) rotateY(71deg) translateX(60px) rotateZ(254deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-254deg) rotateY(71deg) translateX(180px) rotateZ(254deg);
  }
}
.dot:nth-child(44) {
  animation: orbit44 10s infinite;
  animation-delay: 0.44s;
  background-color: hsl(165.8666666667deg, 100%, 50%);
}

@keyframes orbit44 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-133deg) rotateY(93deg) translateX(60px) rotateZ(133deg);
  }
  80% {
    transform: rotateZ(-133deg) rotateY(93deg) translateX(60px) rotateZ(133deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-133deg) rotateY(93deg) translateX(180px) rotateZ(133deg);
  }
}
.dot:nth-child(45) {
  animation: orbit45 10s infinite;
  animation-delay: 0.45s;
  background-color: hsl(166deg, 100%, 50%);
}

@keyframes orbit45 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-254deg) rotateY(28deg) translateX(60px) rotateZ(254deg);
  }
  80% {
    transform: rotateZ(-254deg) rotateY(28deg) translateX(60px) rotateZ(254deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-254deg) rotateY(28deg) translateX(180px) rotateZ(254deg);
  }
}
.dot:nth-child(46) {
  animation: orbit46 10s infinite;
  animation-delay: 0.46s;
  background-color: hsl(166.1333333333deg, 100%, 50%);
}

@keyframes orbit46 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-123deg) rotateY(95deg) translateX(60px) rotateZ(123deg);
  }
  80% {
    transform: rotateZ(-123deg) rotateY(95deg) translateX(60px) rotateZ(123deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-123deg) rotateY(95deg) translateX(180px) rotateZ(123deg);
  }
}
.dot:nth-child(47) {
  animation: orbit47 10s infinite;
  animation-delay: 0.47s;
  background-color: hsl(166.2666666667deg, 100%, 50%);
}

@keyframes orbit47 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-256deg) rotateY(270deg) translateX(60px) rotateZ(256deg);
  }
  80% {
    transform: rotateZ(-256deg) rotateY(270deg) translateX(60px) rotateZ(256deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-256deg) rotateY(270deg) translateX(180px) rotateZ(256deg);
  }
}
.dot:nth-child(48) {
  animation: orbit48 10s infinite;
  animation-delay: 0.48s;
  background-color: hsl(166.4deg, 100%, 50%);
}

@keyframes orbit48 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-53deg) rotateY(187deg) translateX(60px) rotateZ(53deg);
  }
  80% {
    transform: rotateZ(-53deg) rotateY(187deg) translateX(60px) rotateZ(53deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-53deg) rotateY(187deg) translateX(180px) rotateZ(53deg);
  }
}
.dot:nth-child(49) {
  animation: orbit49 10s infinite;
  animation-delay: 0.49s;
  background-color: hsl(166.5333333333deg, 100%, 50%);
}

@keyframes orbit49 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-114deg) rotateY(166deg) translateX(60px) rotateZ(114deg);
  }
  80% {
    transform: rotateZ(-114deg) rotateY(166deg) translateX(60px) rotateZ(114deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-114deg) rotateY(166deg) translateX(180px) rotateZ(114deg);
  }
}
.dot:nth-child(50) {
  animation: orbit50 10s infinite;
  animation-delay: 0.5s;
  background-color: hsl(166.6666666667deg, 100%, 50%);
}

@keyframes orbit50 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-19deg) rotateY(204deg) translateX(60px) rotateZ(19deg);
  }
  80% {
    transform: rotateZ(-19deg) rotateY(204deg) translateX(60px) rotateZ(19deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-19deg) rotateY(204deg) translateX(180px) rotateZ(19deg);
  }
}
.dot:nth-child(51) {
  animation: orbit51 10s infinite;
  animation-delay: 0.51s;
  background-color: hsl(166.8deg, 100%, 50%);
}

@keyframes orbit51 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-35deg) rotateY(302deg) translateX(60px) rotateZ(35deg);
  }
  80% {
    transform: rotateZ(-35deg) rotateY(302deg) translateX(60px) rotateZ(35deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-35deg) rotateY(302deg) translateX(180px) rotateZ(35deg);
  }
}
.dot:nth-child(52) {
  animation: orbit52 10s infinite;
  animation-delay: 0.52s;
  background-color: hsl(166.9333333333deg, 100%, 50%);
}

@keyframes orbit52 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-320deg) rotateY(44deg) translateX(60px) rotateZ(320deg);
  }
  80% {
    transform: rotateZ(-320deg) rotateY(44deg) translateX(60px) rotateZ(320deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-320deg) rotateY(44deg) translateX(180px) rotateZ(320deg);
  }
}
.dot:nth-child(53) {
  animation: orbit53 10s infinite;
  animation-delay: 0.53s;
  background-color: hsl(167.0666666667deg, 100%, 50%);
}

@keyframes orbit53 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-149deg) rotateY(319deg) translateX(60px) rotateZ(149deg);
  }
  80% {
    transform: rotateZ(-149deg) rotateY(319deg) translateX(60px) rotateZ(149deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-149deg) rotateY(319deg) translateX(180px) rotateZ(149deg);
  }
}
.dot:nth-child(54) {
  animation: orbit54 10s infinite;
  animation-delay: 0.54s;
  background-color: hsl(167.2deg, 100%, 50%);
}

@keyframes orbit54 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-34deg) rotateY(235deg) translateX(60px) rotateZ(34deg);
  }
  80% {
    transform: rotateZ(-34deg) rotateY(235deg) translateX(60px) rotateZ(34deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-34deg) rotateY(235deg) translateX(180px) rotateZ(34deg);
  }
}
.dot:nth-child(55) {
  animation: orbit55 10s infinite;
  animation-delay: 0.55s;
  background-color: hsl(167.3333333333deg, 100%, 50%);
}

@keyframes orbit55 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-251deg) rotateY(323deg) translateX(60px) rotateZ(251deg);
  }
  80% {
    transform: rotateZ(-251deg) rotateY(323deg) translateX(60px) rotateZ(251deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-251deg) rotateY(323deg) translateX(180px) rotateZ(251deg);
  }
}
.dot:nth-child(56) {
  animation: orbit56 10s infinite;
  animation-delay: 0.56s;
  background-color: hsl(167.4666666667deg, 100%, 50%);
}

@keyframes orbit56 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-56deg) rotateY(204deg) translateX(60px) rotateZ(56deg);
  }
  80% {
    transform: rotateZ(-56deg) rotateY(204deg) translateX(60px) rotateZ(56deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-56deg) rotateY(204deg) translateX(180px) rotateZ(56deg);
  }
}
.dot:nth-child(57) {
  animation: orbit57 10s infinite;
  animation-delay: 0.57s;
  background-color: hsl(167.6deg, 100%, 50%);
}

@keyframes orbit57 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-33deg) rotateY(270deg) translateX(60px) rotateZ(33deg);
  }
  80% {
    transform: rotateZ(-33deg) rotateY(270deg) translateX(60px) rotateZ(33deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-33deg) rotateY(270deg) translateX(180px) rotateZ(33deg);
  }
}
.dot:nth-child(58) {
  animation: orbit58 10s infinite;
  animation-delay: 0.58s;
  background-color: hsl(167.7333333333deg, 100%, 50%);
}

@keyframes orbit58 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-4deg) rotateY(236deg) translateX(60px) rotateZ(4deg);
  }
  80% {
    transform: rotateZ(-4deg) rotateY(236deg) translateX(60px) rotateZ(4deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-4deg) rotateY(236deg) translateX(180px) rotateZ(4deg);
  }
}
.dot:nth-child(59) {
  animation: orbit59 10s infinite;
  animation-delay: 0.59s;
  background-color: hsl(167.8666666667deg, 100%, 50%);
}

@keyframes orbit59 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-155deg) rotateY(89deg) translateX(60px) rotateZ(155deg);
  }
  80% {
    transform: rotateZ(-155deg) rotateY(89deg) translateX(60px) rotateZ(155deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-155deg) rotateY(89deg) translateX(180px) rotateZ(155deg);
  }
}
.dot:nth-child(60) {
  animation: orbit60 10s infinite;
  animation-delay: 0.6s;
  background-color: hsl(168deg, 100%, 50%);
}

@keyframes orbit60 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-331deg) rotateY(13deg) translateX(60px) rotateZ(331deg);
  }
  80% {
    transform: rotateZ(-331deg) rotateY(13deg) translateX(60px) rotateZ(331deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-331deg) rotateY(13deg) translateX(180px) rotateZ(331deg);
  }
}
.dot:nth-child(61) {
  animation: orbit61 10s infinite;
  animation-delay: 0.61s;
  background-color: hsl(168.1333333333deg, 100%, 50%);
}

@keyframes orbit61 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-150deg) rotateY(279deg) translateX(60px) rotateZ(150deg);
  }
  80% {
    transform: rotateZ(-150deg) rotateY(279deg) translateX(60px) rotateZ(150deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-150deg) rotateY(279deg) translateX(180px) rotateZ(150deg);
  }
}
.dot:nth-child(62) {
  animation: orbit62 10s infinite;
  animation-delay: 0.62s;
  background-color: hsl(168.2666666667deg, 100%, 50%);
}

@keyframes orbit62 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-285deg) rotateY(336deg) translateX(60px) rotateZ(285deg);
  }
  80% {
    transform: rotateZ(-285deg) rotateY(336deg) translateX(60px) rotateZ(285deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-285deg) rotateY(336deg) translateX(180px) rotateZ(285deg);
  }
}
.dot:nth-child(63) {
  animation: orbit63 10s infinite;
  animation-delay: 0.63s;
  background-color: hsl(168.4deg, 100%, 50%);
}

@keyframes orbit63 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-198deg) rotateY(12deg) translateX(60px) rotateZ(198deg);
  }
  80% {
    transform: rotateZ(-198deg) rotateY(12deg) translateX(60px) rotateZ(198deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-198deg) rotateY(12deg) translateX(180px) rotateZ(198deg);
  }
}
.dot:nth-child(64) {
  animation: orbit64 10s infinite;
  animation-delay: 0.64s;
  background-color: hsl(168.5333333333deg, 100%, 50%);
}

@keyframes orbit64 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-3deg) rotateY(245deg) translateX(60px) rotateZ(3deg);
  }
  80% {
    transform: rotateZ(-3deg) rotateY(245deg) translateX(60px) rotateZ(3deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-3deg) rotateY(245deg) translateX(180px) rotateZ(3deg);
  }
}
.dot:nth-child(65) {
  animation: orbit65 10s infinite;
  animation-delay: 0.65s;
  background-color: hsl(168.6666666667deg, 100%, 50%);
}

@keyframes orbit65 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-124deg) rotateY(239deg) translateX(60px) rotateZ(124deg);
  }
  80% {
    transform: rotateZ(-124deg) rotateY(239deg) translateX(60px) rotateZ(124deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-124deg) rotateY(239deg) translateX(180px) rotateZ(124deg);
  }
}
.dot:nth-child(66) {
  animation: orbit66 10s infinite;
  animation-delay: 0.66s;
  background-color: hsl(168.8deg, 100%, 50%);
}

@keyframes orbit66 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-185deg) rotateY(311deg) translateX(60px) rotateZ(185deg);
  }
  80% {
    transform: rotateZ(-185deg) rotateY(311deg) translateX(60px) rotateZ(185deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-185deg) rotateY(311deg) translateX(180px) rotateZ(185deg);
  }
}
.dot:nth-child(67) {
  animation: orbit67 10s infinite;
  animation-delay: 0.67s;
  background-color: hsl(168.9333333333deg, 100%, 50%);
}

@keyframes orbit67 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-43deg) rotateY(41deg) translateX(60px) rotateZ(43deg);
  }
  80% {
    transform: rotateZ(-43deg) rotateY(41deg) translateX(60px) rotateZ(43deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-43deg) rotateY(41deg) translateX(180px) rotateZ(43deg);
  }
}
.dot:nth-child(68) {
  animation: orbit68 10s infinite;
  animation-delay: 0.68s;
  background-color: hsl(169.0666666667deg, 100%, 50%);
}

@keyframes orbit68 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-278deg) rotateY(334deg) translateX(60px) rotateZ(278deg);
  }
  80% {
    transform: rotateZ(-278deg) rotateY(334deg) translateX(60px) rotateZ(278deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-278deg) rotateY(334deg) translateX(180px) rotateZ(278deg);
  }
}
.dot:nth-child(69) {
  animation: orbit69 10s infinite;
  animation-delay: 0.69s;
  background-color: hsl(169.2deg, 100%, 50%);
}

@keyframes orbit69 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-41deg) rotateY(43deg) translateX(60px) rotateZ(41deg);
  }
  80% {
    transform: rotateZ(-41deg) rotateY(43deg) translateX(60px) rotateZ(41deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-41deg) rotateY(43deg) translateX(180px) rotateZ(41deg);
  }
}
.dot:nth-child(70) {
  animation: orbit70 10s infinite;
  animation-delay: 0.7s;
  background-color: hsl(169.3333333333deg, 100%, 50%);
}

@keyframes orbit70 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-205deg) rotateY(241deg) translateX(60px) rotateZ(205deg);
  }
  80% {
    transform: rotateZ(-205deg) rotateY(241deg) translateX(60px) rotateZ(205deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-205deg) rotateY(241deg) translateX(180px) rotateZ(205deg);
  }
}
.dot:nth-child(71) {
  animation: orbit71 10s infinite;
  animation-delay: 0.71s;
  background-color: hsl(169.4666666667deg, 100%, 50%);
}

@keyframes orbit71 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-41deg) rotateY(159deg) translateX(60px) rotateZ(41deg);
  }
  80% {
    transform: rotateZ(-41deg) rotateY(159deg) translateX(60px) rotateZ(41deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-41deg) rotateY(159deg) translateX(180px) rotateZ(41deg);
  }
}
.dot:nth-child(72) {
  animation: orbit72 10s infinite;
  animation-delay: 0.72s;
  background-color: hsl(169.6deg, 100%, 50%);
}

@keyframes orbit72 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-88deg) rotateY(129deg) translateX(60px) rotateZ(88deg);
  }
  80% {
    transform: rotateZ(-88deg) rotateY(129deg) translateX(60px) rotateZ(88deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-88deg) rotateY(129deg) translateX(180px) rotateZ(88deg);
  }
}
.dot:nth-child(73) {
  animation: orbit73 10s infinite;
  animation-delay: 0.73s;
  background-color: hsl(169.7333333333deg, 100%, 50%);
}

@keyframes orbit73 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-140deg) rotateY(333deg) translateX(60px) rotateZ(140deg);
  }
  80% {
    transform: rotateZ(-140deg) rotateY(333deg) translateX(60px) rotateZ(140deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-140deg) rotateY(333deg) translateX(180px) rotateZ(140deg);
  }
}
.dot:nth-child(74) {
  animation: orbit74 10s infinite;
  animation-delay: 0.74s;
  background-color: hsl(169.8666666667deg, 100%, 50%);
}

@keyframes orbit74 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-277deg) rotateY(68deg) translateX(60px) rotateZ(277deg);
  }
  80% {
    transform: rotateZ(-277deg) rotateY(68deg) translateX(60px) rotateZ(277deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-277deg) rotateY(68deg) translateX(180px) rotateZ(277deg);
  }
}
.dot:nth-child(75) {
  animation: orbit75 10s infinite;
  animation-delay: 0.75s;
  background-color: hsl(170deg, 100%, 50%);
}

@keyframes orbit75 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-64deg) rotateY(93deg) translateX(60px) rotateZ(64deg);
  }
  80% {
    transform: rotateZ(-64deg) rotateY(93deg) translateX(60px) rotateZ(64deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-64deg) rotateY(93deg) translateX(180px) rotateZ(64deg);
  }
}
.dot:nth-child(76) {
  animation: orbit76 10s infinite;
  animation-delay: 0.76s;
  background-color: hsl(170.1333333333deg, 100%, 50%);
}

@keyframes orbit76 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-120deg) rotateY(224deg) translateX(60px) rotateZ(120deg);
  }
  80% {
    transform: rotateZ(-120deg) rotateY(224deg) translateX(60px) rotateZ(120deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-120deg) rotateY(224deg) translateX(180px) rotateZ(120deg);
  }
}
.dot:nth-child(77) {
  animation: orbit77 10s infinite;
  animation-delay: 0.77s;
  background-color: hsl(170.2666666667deg, 100%, 50%);
}

@keyframes orbit77 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-80deg) rotateY(211deg) translateX(60px) rotateZ(80deg);
  }
  80% {
    transform: rotateZ(-80deg) rotateY(211deg) translateX(60px) rotateZ(80deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-80deg) rotateY(211deg) translateX(180px) rotateZ(80deg);
  }
}
.dot:nth-child(78) {
  animation: orbit78 10s infinite;
  animation-delay: 0.78s;
  background-color: hsl(170.4deg, 100%, 50%);
}

@keyframes orbit78 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-178deg) rotateY(169deg) translateX(60px) rotateZ(178deg);
  }
  80% {
    transform: rotateZ(-178deg) rotateY(169deg) translateX(60px) rotateZ(178deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-178deg) rotateY(169deg) translateX(180px) rotateZ(178deg);
  }
}
.dot:nth-child(79) {
  animation: orbit79 10s infinite;
  animation-delay: 0.79s;
  background-color: hsl(170.5333333333deg, 100%, 50%);
}

@keyframes orbit79 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-358deg) rotateY(277deg) translateX(60px) rotateZ(358deg);
  }
  80% {
    transform: rotateZ(-358deg) rotateY(277deg) translateX(60px) rotateZ(358deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-358deg) rotateY(277deg) translateX(180px) rotateZ(358deg);
  }
}
.dot:nth-child(80) {
  animation: orbit80 10s infinite;
  animation-delay: 0.8s;
  background-color: hsl(170.6666666667deg, 100%, 50%);
}

@keyframes orbit80 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-359deg) rotateY(127deg) translateX(60px) rotateZ(359deg);
  }
  80% {
    transform: rotateZ(-359deg) rotateY(127deg) translateX(60px) rotateZ(359deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-359deg) rotateY(127deg) translateX(180px) rotateZ(359deg);
  }
}
.dot:nth-child(81) {
  animation: orbit81 10s infinite;
  animation-delay: 0.81s;
  background-color: hsl(170.8deg, 100%, 50%);
}

@keyframes orbit81 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-218deg) rotateY(168deg) translateX(60px) rotateZ(218deg);
  }
  80% {
    transform: rotateZ(-218deg) rotateY(168deg) translateX(60px) rotateZ(218deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-218deg) rotateY(168deg) translateX(180px) rotateZ(218deg);
  }
}
.dot:nth-child(82) {
  animation: orbit82 10s infinite;
  animation-delay: 0.82s;
  background-color: hsl(170.9333333333deg, 100%, 50%);
}

@keyframes orbit82 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-217deg) rotateY(245deg) translateX(60px) rotateZ(217deg);
  }
  80% {
    transform: rotateZ(-217deg) rotateY(245deg) translateX(60px) rotateZ(217deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-217deg) rotateY(245deg) translateX(180px) rotateZ(217deg);
  }
}
.dot:nth-child(83) {
  animation: orbit83 10s infinite;
  animation-delay: 0.83s;
  background-color: hsl(171.0666666667deg, 100%, 50%);
}

@keyframes orbit83 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-270deg) rotateY(279deg) translateX(60px) rotateZ(270deg);
  }
  80% {
    transform: rotateZ(-270deg) rotateY(279deg) translateX(60px) rotateZ(270deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-270deg) rotateY(279deg) translateX(180px) rotateZ(270deg);
  }
}
.dot:nth-child(84) {
  animation: orbit84 10s infinite;
  animation-delay: 0.84s;
  background-color: hsl(171.2deg, 100%, 50%);
}

@keyframes orbit84 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-274deg) rotateY(78deg) translateX(60px) rotateZ(274deg);
  }
  80% {
    transform: rotateZ(-274deg) rotateY(78deg) translateX(60px) rotateZ(274deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-274deg) rotateY(78deg) translateX(180px) rotateZ(274deg);
  }
}
.dot:nth-child(85) {
  animation: orbit85 10s infinite;
  animation-delay: 0.85s;
  background-color: hsl(171.3333333333deg, 100%, 50%);
}

@keyframes orbit85 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-322deg) rotateY(226deg) translateX(60px) rotateZ(322deg);
  }
  80% {
    transform: rotateZ(-322deg) rotateY(226deg) translateX(60px) rotateZ(322deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-322deg) rotateY(226deg) translateX(180px) rotateZ(322deg);
  }
}
.dot:nth-child(86) {
  animation: orbit86 10s infinite;
  animation-delay: 0.86s;
  background-color: hsl(171.4666666667deg, 100%, 50%);
}

@keyframes orbit86 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-304deg) rotateY(58deg) translateX(60px) rotateZ(304deg);
  }
  80% {
    transform: rotateZ(-304deg) rotateY(58deg) translateX(60px) rotateZ(304deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-304deg) rotateY(58deg) translateX(180px) rotateZ(304deg);
  }
}
.dot:nth-child(87) {
  animation: orbit87 10s infinite;
  animation-delay: 0.87s;
  background-color: hsl(171.6deg, 100%, 50%);
}

@keyframes orbit87 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-292deg) rotateY(325deg) translateX(60px) rotateZ(292deg);
  }
  80% {
    transform: rotateZ(-292deg) rotateY(325deg) translateX(60px) rotateZ(292deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-292deg) rotateY(325deg) translateX(180px) rotateZ(292deg);
  }
}
.dot:nth-child(88) {
  animation: orbit88 10s infinite;
  animation-delay: 0.88s;
  background-color: hsl(171.7333333333deg, 100%, 50%);
}

@keyframes orbit88 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-231deg) rotateY(276deg) translateX(60px) rotateZ(231deg);
  }
  80% {
    transform: rotateZ(-231deg) rotateY(276deg) translateX(60px) rotateZ(231deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-231deg) rotateY(276deg) translateX(180px) rotateZ(231deg);
  }
}
.dot:nth-child(89) {
  animation: orbit89 10s infinite;
  animation-delay: 0.89s;
  background-color: hsl(171.8666666667deg, 100%, 50%);
}

@keyframes orbit89 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-140deg) rotateY(104deg) translateX(60px) rotateZ(140deg);
  }
  80% {
    transform: rotateZ(-140deg) rotateY(104deg) translateX(60px) rotateZ(140deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-140deg) rotateY(104deg) translateX(180px) rotateZ(140deg);
  }
}
.dot:nth-child(90) {
  animation: orbit90 10s infinite;
  animation-delay: 0.9s;
  background-color: hsl(172deg, 100%, 50%);
}

@keyframes orbit90 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-222deg) rotateY(133deg) translateX(60px) rotateZ(222deg);
  }
  80% {
    transform: rotateZ(-222deg) rotateY(133deg) translateX(60px) rotateZ(222deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-222deg) rotateY(133deg) translateX(180px) rotateZ(222deg);
  }
}
.dot:nth-child(91) {
  animation: orbit91 10s infinite;
  animation-delay: 0.91s;
  background-color: hsl(172.1333333333deg, 100%, 50%);
}

@keyframes orbit91 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-185deg) rotateY(191deg) translateX(60px) rotateZ(185deg);
  }
  80% {
    transform: rotateZ(-185deg) rotateY(191deg) translateX(60px) rotateZ(185deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-185deg) rotateY(191deg) translateX(180px) rotateZ(185deg);
  }
}
.dot:nth-child(92) {
  animation: orbit92 10s infinite;
  animation-delay: 0.92s;
  background-color: hsl(172.2666666667deg, 100%, 50%);
}

@keyframes orbit92 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-177deg) rotateY(55deg) translateX(60px) rotateZ(177deg);
  }
  80% {
    transform: rotateZ(-177deg) rotateY(55deg) translateX(60px) rotateZ(177deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-177deg) rotateY(55deg) translateX(180px) rotateZ(177deg);
  }
}
.dot:nth-child(93) {
  animation: orbit93 10s infinite;
  animation-delay: 0.93s;
  background-color: hsl(172.4deg, 100%, 50%);
}

@keyframes orbit93 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-80deg) rotateY(241deg) translateX(60px) rotateZ(80deg);
  }
  80% {
    transform: rotateZ(-80deg) rotateY(241deg) translateX(60px) rotateZ(80deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-80deg) rotateY(241deg) translateX(180px) rotateZ(80deg);
  }
}
.dot:nth-child(94) {
  animation: orbit94 10s infinite;
  animation-delay: 0.94s;
  background-color: hsl(172.5333333333deg, 100%, 50%);
}

@keyframes orbit94 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-165deg) rotateY(197deg) translateX(60px) rotateZ(165deg);
  }
  80% {
    transform: rotateZ(-165deg) rotateY(197deg) translateX(60px) rotateZ(165deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-165deg) rotateY(197deg) translateX(180px) rotateZ(165deg);
  }
}
.dot:nth-child(95) {
  animation: orbit95 10s infinite;
  animation-delay: 0.95s;
  background-color: hsl(172.6666666667deg, 100%, 50%);
}

@keyframes orbit95 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-301deg) rotateY(229deg) translateX(60px) rotateZ(301deg);
  }
  80% {
    transform: rotateZ(-301deg) rotateY(229deg) translateX(60px) rotateZ(301deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-301deg) rotateY(229deg) translateX(180px) rotateZ(301deg);
  }
}
.dot:nth-child(96) {
  animation: orbit96 10s infinite;
  animation-delay: 0.96s;
  background-color: hsl(172.8deg, 100%, 50%);
}

@keyframes orbit96 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-116deg) rotateY(222deg) translateX(60px) rotateZ(116deg);
  }
  80% {
    transform: rotateZ(-116deg) rotateY(222deg) translateX(60px) rotateZ(116deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-116deg) rotateY(222deg) translateX(180px) rotateZ(116deg);
  }
}
.dot:nth-child(97) {
  animation: orbit97 10s infinite;
  animation-delay: 0.97s;
  background-color: hsl(172.9333333333deg, 100%, 50%);
}

@keyframes orbit97 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-281deg) rotateY(35deg) translateX(60px) rotateZ(281deg);
  }
  80% {
    transform: rotateZ(-281deg) rotateY(35deg) translateX(60px) rotateZ(281deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-281deg) rotateY(35deg) translateX(180px) rotateZ(281deg);
  }
}
.dot:nth-child(98) {
  animation: orbit98 10s infinite;
  animation-delay: 0.98s;
  background-color: hsl(173.0666666667deg, 100%, 50%);
}

@keyframes orbit98 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-61deg) rotateY(134deg) translateX(60px) rotateZ(61deg);
  }
  80% {
    transform: rotateZ(-61deg) rotateY(134deg) translateX(60px) rotateZ(61deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-61deg) rotateY(134deg) translateX(180px) rotateZ(61deg);
  }
}
.dot:nth-child(99) {
  animation: orbit99 10s infinite;
  animation-delay: 0.99s;
  background-color: hsl(173.2deg, 100%, 50%);
}

@keyframes orbit99 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-20deg) rotateY(293deg) translateX(60px) rotateZ(20deg);
  }
  80% {
    transform: rotateZ(-20deg) rotateY(293deg) translateX(60px) rotateZ(20deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-20deg) rotateY(293deg) translateX(180px) rotateZ(20deg);
  }
}
.dot:nth-child(100) {
  animation: orbit100 10s infinite;
  animation-delay: 1s;
  background-color: hsl(173.3333333333deg, 100%, 50%);
}

@keyframes orbit100 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-43deg) rotateY(254deg) translateX(60px) rotateZ(43deg);
  }
  80% {
    transform: rotateZ(-43deg) rotateY(254deg) translateX(60px) rotateZ(43deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-43deg) rotateY(254deg) translateX(180px) rotateZ(43deg);
  }
}
.dot:nth-child(101) {
  animation: orbit101 10s infinite;
  animation-delay: 1.01s;
  background-color: hsl(173.4666666667deg, 100%, 50%);
}

@keyframes orbit101 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-313deg) rotateY(107deg) translateX(60px) rotateZ(313deg);
  }
  80% {
    transform: rotateZ(-313deg) rotateY(107deg) translateX(60px) rotateZ(313deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-313deg) rotateY(107deg) translateX(180px) rotateZ(313deg);
  }
}
.dot:nth-child(102) {
  animation: orbit102 10s infinite;
  animation-delay: 1.02s;
  background-color: hsl(173.6deg, 100%, 50%);
}

@keyframes orbit102 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-131deg) rotateY(238deg) translateX(60px) rotateZ(131deg);
  }
  80% {
    transform: rotateZ(-131deg) rotateY(238deg) translateX(60px) rotateZ(131deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-131deg) rotateY(238deg) translateX(180px) rotateZ(131deg);
  }
}
.dot:nth-child(103) {
  animation: orbit103 10s infinite;
  animation-delay: 1.03s;
  background-color: hsl(173.7333333333deg, 100%, 50%);
}

@keyframes orbit103 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-219deg) rotateY(308deg) translateX(60px) rotateZ(219deg);
  }
  80% {
    transform: rotateZ(-219deg) rotateY(308deg) translateX(60px) rotateZ(219deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-219deg) rotateY(308deg) translateX(180px) rotateZ(219deg);
  }
}
.dot:nth-child(104) {
  animation: orbit104 10s infinite;
  animation-delay: 1.04s;
  background-color: hsl(173.8666666667deg, 100%, 50%);
}

@keyframes orbit104 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-86deg) rotateY(68deg) translateX(60px) rotateZ(86deg);
  }
  80% {
    transform: rotateZ(-86deg) rotateY(68deg) translateX(60px) rotateZ(86deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-86deg) rotateY(68deg) translateX(180px) rotateZ(86deg);
  }
}
.dot:nth-child(105) {
  animation: orbit105 10s infinite;
  animation-delay: 1.05s;
  background-color: hsl(174deg, 100%, 50%);
}

@keyframes orbit105 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-112deg) rotateY(267deg) translateX(60px) rotateZ(112deg);
  }
  80% {
    transform: rotateZ(-112deg) rotateY(267deg) translateX(60px) rotateZ(112deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-112deg) rotateY(267deg) translateX(180px) rotateZ(112deg);
  }
}
.dot:nth-child(106) {
  animation: orbit106 10s infinite;
  animation-delay: 1.06s;
  background-color: hsl(174.1333333333deg, 100%, 50%);
}

@keyframes orbit106 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-154deg) rotateY(12deg) translateX(60px) rotateZ(154deg);
  }
  80% {
    transform: rotateZ(-154deg) rotateY(12deg) translateX(60px) rotateZ(154deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-154deg) rotateY(12deg) translateX(180px) rotateZ(154deg);
  }
}
.dot:nth-child(107) {
  animation: orbit107 10s infinite;
  animation-delay: 1.07s;
  background-color: hsl(174.2666666667deg, 100%, 50%);
}

@keyframes orbit107 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-10deg) rotateY(48deg) translateX(60px) rotateZ(10deg);
  }
  80% {
    transform: rotateZ(-10deg) rotateY(48deg) translateX(60px) rotateZ(10deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-10deg) rotateY(48deg) translateX(180px) rotateZ(10deg);
  }
}
.dot:nth-child(108) {
  animation: orbit108 10s infinite;
  animation-delay: 1.08s;
  background-color: hsl(174.4deg, 100%, 50%);
}

@keyframes orbit108 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-42deg) rotateY(153deg) translateX(60px) rotateZ(42deg);
  }
  80% {
    transform: rotateZ(-42deg) rotateY(153deg) translateX(60px) rotateZ(42deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-42deg) rotateY(153deg) translateX(180px) rotateZ(42deg);
  }
}
.dot:nth-child(109) {
  animation: orbit109 10s infinite;
  animation-delay: 1.09s;
  background-color: hsl(174.5333333333deg, 100%, 50%);
}

@keyframes orbit109 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-222deg) rotateY(21deg) translateX(60px) rotateZ(222deg);
  }
  80% {
    transform: rotateZ(-222deg) rotateY(21deg) translateX(60px) rotateZ(222deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-222deg) rotateY(21deg) translateX(180px) rotateZ(222deg);
  }
}
.dot:nth-child(110) {
  animation: orbit110 10s infinite;
  animation-delay: 1.1s;
  background-color: hsl(174.6666666667deg, 100%, 50%);
}

@keyframes orbit110 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-102deg) rotateY(319deg) translateX(60px) rotateZ(102deg);
  }
  80% {
    transform: rotateZ(-102deg) rotateY(319deg) translateX(60px) rotateZ(102deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-102deg) rotateY(319deg) translateX(180px) rotateZ(102deg);
  }
}
.dot:nth-child(111) {
  animation: orbit111 10s infinite;
  animation-delay: 1.11s;
  background-color: hsl(174.8deg, 100%, 50%);
}

@keyframes orbit111 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-55deg) rotateY(83deg) translateX(60px) rotateZ(55deg);
  }
  80% {
    transform: rotateZ(-55deg) rotateY(83deg) translateX(60px) rotateZ(55deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-55deg) rotateY(83deg) translateX(180px) rotateZ(55deg);
  }
}
.dot:nth-child(112) {
  animation: orbit112 10s infinite;
  animation-delay: 1.12s;
  background-color: hsl(174.9333333333deg, 100%, 50%);
}

@keyframes orbit112 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-159deg) rotateY(210deg) translateX(60px) rotateZ(159deg);
  }
  80% {
    transform: rotateZ(-159deg) rotateY(210deg) translateX(60px) rotateZ(159deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-159deg) rotateY(210deg) translateX(180px) rotateZ(159deg);
  }
}
.dot:nth-child(113) {
  animation: orbit113 10s infinite;
  animation-delay: 1.13s;
  background-color: hsl(175.0666666667deg, 100%, 50%);
}

@keyframes orbit113 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-71deg) rotateY(123deg) translateX(60px) rotateZ(71deg);
  }
  80% {
    transform: rotateZ(-71deg) rotateY(123deg) translateX(60px) rotateZ(71deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-71deg) rotateY(123deg) translateX(180px) rotateZ(71deg);
  }
}
.dot:nth-child(114) {
  animation: orbit114 10s infinite;
  animation-delay: 1.14s;
  background-color: hsl(175.2deg, 100%, 50%);
}

@keyframes orbit114 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-178deg) rotateY(176deg) translateX(60px) rotateZ(178deg);
  }
  80% {
    transform: rotateZ(-178deg) rotateY(176deg) translateX(60px) rotateZ(178deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-178deg) rotateY(176deg) translateX(180px) rotateZ(178deg);
  }
}
.dot:nth-child(115) {
  animation: orbit115 10s infinite;
  animation-delay: 1.15s;
  background-color: hsl(175.3333333333deg, 100%, 50%);
}

@keyframes orbit115 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-7deg) rotateY(76deg) translateX(60px) rotateZ(7deg);
  }
  80% {
    transform: rotateZ(-7deg) rotateY(76deg) translateX(60px) rotateZ(7deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-7deg) rotateY(76deg) translateX(180px) rotateZ(7deg);
  }
}
.dot:nth-child(116) {
  animation: orbit116 10s infinite;
  animation-delay: 1.16s;
  background-color: hsl(175.4666666667deg, 100%, 50%);
}

@keyframes orbit116 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-260deg) rotateY(172deg) translateX(60px) rotateZ(260deg);
  }
  80% {
    transform: rotateZ(-260deg) rotateY(172deg) translateX(60px) rotateZ(260deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-260deg) rotateY(172deg) translateX(180px) rotateZ(260deg);
  }
}
.dot:nth-child(117) {
  animation: orbit117 10s infinite;
  animation-delay: 1.17s;
  background-color: hsl(175.6deg, 100%, 50%);
}

@keyframes orbit117 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-5deg) rotateY(258deg) translateX(60px) rotateZ(5deg);
  }
  80% {
    transform: rotateZ(-5deg) rotateY(258deg) translateX(60px) rotateZ(5deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-5deg) rotateY(258deg) translateX(180px) rotateZ(5deg);
  }
}
.dot:nth-child(118) {
  animation: orbit118 10s infinite;
  animation-delay: 1.18s;
  background-color: hsl(175.7333333333deg, 100%, 50%);
}

@keyframes orbit118 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-308deg) rotateY(17deg) translateX(60px) rotateZ(308deg);
  }
  80% {
    transform: rotateZ(-308deg) rotateY(17deg) translateX(60px) rotateZ(308deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-308deg) rotateY(17deg) translateX(180px) rotateZ(308deg);
  }
}
.dot:nth-child(119) {
  animation: orbit119 10s infinite;
  animation-delay: 1.19s;
  background-color: hsl(175.8666666667deg, 100%, 50%);
}

@keyframes orbit119 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-187deg) rotateY(275deg) translateX(60px) rotateZ(187deg);
  }
  80% {
    transform: rotateZ(-187deg) rotateY(275deg) translateX(60px) rotateZ(187deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-187deg) rotateY(275deg) translateX(180px) rotateZ(187deg);
  }
}
.dot:nth-child(120) {
  animation: orbit120 10s infinite;
  animation-delay: 1.2s;
  background-color: hsl(176deg, 100%, 50%);
}

@keyframes orbit120 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-332deg) rotateY(185deg) translateX(60px) rotateZ(332deg);
  }
  80% {
    transform: rotateZ(-332deg) rotateY(185deg) translateX(60px) rotateZ(332deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-332deg) rotateY(185deg) translateX(180px) rotateZ(332deg);
  }
}
.dot:nth-child(121) {
  animation: orbit121 10s infinite;
  animation-delay: 1.21s;
  background-color: hsl(176.1333333333deg, 100%, 50%);
}

@keyframes orbit121 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-205deg) rotateY(286deg) translateX(60px) rotateZ(205deg);
  }
  80% {
    transform: rotateZ(-205deg) rotateY(286deg) translateX(60px) rotateZ(205deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-205deg) rotateY(286deg) translateX(180px) rotateZ(205deg);
  }
}
.dot:nth-child(122) {
  animation: orbit122 10s infinite;
  animation-delay: 1.22s;
  background-color: hsl(176.2666666667deg, 100%, 50%);
}

@keyframes orbit122 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-80deg) rotateY(205deg) translateX(60px) rotateZ(80deg);
  }
  80% {
    transform: rotateZ(-80deg) rotateY(205deg) translateX(60px) rotateZ(80deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-80deg) rotateY(205deg) translateX(180px) rotateZ(80deg);
  }
}
.dot:nth-child(123) {
  animation: orbit123 10s infinite;
  animation-delay: 1.23s;
  background-color: hsl(176.4deg, 100%, 50%);
}

@keyframes orbit123 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-180deg) rotateY(181deg) translateX(60px) rotateZ(180deg);
  }
  80% {
    transform: rotateZ(-180deg) rotateY(181deg) translateX(60px) rotateZ(180deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-180deg) rotateY(181deg) translateX(180px) rotateZ(180deg);
  }
}
.dot:nth-child(124) {
  animation: orbit124 10s infinite;
  animation-delay: 1.24s;
  background-color: hsl(176.5333333333deg, 100%, 50%);
}

@keyframes orbit124 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-190deg) rotateY(46deg) translateX(60px) rotateZ(190deg);
  }
  80% {
    transform: rotateZ(-190deg) rotateY(46deg) translateX(60px) rotateZ(190deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-190deg) rotateY(46deg) translateX(180px) rotateZ(190deg);
  }
}
.dot:nth-child(125) {
  animation: orbit125 10s infinite;
  animation-delay: 1.25s;
  background-color: hsl(176.6666666667deg, 100%, 50%);
}

@keyframes orbit125 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-202deg) rotateY(296deg) translateX(60px) rotateZ(202deg);
  }
  80% {
    transform: rotateZ(-202deg) rotateY(296deg) translateX(60px) rotateZ(202deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-202deg) rotateY(296deg) translateX(180px) rotateZ(202deg);
  }
}
.dot:nth-child(126) {
  animation: orbit126 10s infinite;
  animation-delay: 1.26s;
  background-color: hsl(176.8deg, 100%, 50%);
}

@keyframes orbit126 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-155deg) rotateY(343deg) translateX(60px) rotateZ(155deg);
  }
  80% {
    transform: rotateZ(-155deg) rotateY(343deg) translateX(60px) rotateZ(155deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-155deg) rotateY(343deg) translateX(180px) rotateZ(155deg);
  }
}
.dot:nth-child(127) {
  animation: orbit127 10s infinite;
  animation-delay: 1.27s;
  background-color: hsl(176.9333333333deg, 100%, 50%);
}

@keyframes orbit127 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-178deg) rotateY(129deg) translateX(60px) rotateZ(178deg);
  }
  80% {
    transform: rotateZ(-178deg) rotateY(129deg) translateX(60px) rotateZ(178deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-178deg) rotateY(129deg) translateX(180px) rotateZ(178deg);
  }
}
.dot:nth-child(128) {
  animation: orbit128 10s infinite;
  animation-delay: 1.28s;
  background-color: hsl(177.0666666667deg, 100%, 50%);
}

@keyframes orbit128 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-327deg) rotateY(199deg) translateX(60px) rotateZ(327deg);
  }
  80% {
    transform: rotateZ(-327deg) rotateY(199deg) translateX(60px) rotateZ(327deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-327deg) rotateY(199deg) translateX(180px) rotateZ(327deg);
  }
}
.dot:nth-child(129) {
  animation: orbit129 10s infinite;
  animation-delay: 1.29s;
  background-color: hsl(177.2deg, 100%, 50%);
}

@keyframes orbit129 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-209deg) rotateY(262deg) translateX(60px) rotateZ(209deg);
  }
  80% {
    transform: rotateZ(-209deg) rotateY(262deg) translateX(60px) rotateZ(209deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-209deg) rotateY(262deg) translateX(180px) rotateZ(209deg);
  }
}
.dot:nth-child(130) {
  animation: orbit130 10s infinite;
  animation-delay: 1.3s;
  background-color: hsl(177.3333333333deg, 100%, 50%);
}

@keyframes orbit130 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-124deg) rotateY(269deg) translateX(60px) rotateZ(124deg);
  }
  80% {
    transform: rotateZ(-124deg) rotateY(269deg) translateX(60px) rotateZ(124deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-124deg) rotateY(269deg) translateX(180px) rotateZ(124deg);
  }
}
.dot:nth-child(131) {
  animation: orbit131 10s infinite;
  animation-delay: 1.31s;
  background-color: hsl(177.4666666667deg, 100%, 50%);
}

@keyframes orbit131 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-28deg) rotateY(149deg) translateX(60px) rotateZ(28deg);
  }
  80% {
    transform: rotateZ(-28deg) rotateY(149deg) translateX(60px) rotateZ(28deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-28deg) rotateY(149deg) translateX(180px) rotateZ(28deg);
  }
}
.dot:nth-child(132) {
  animation: orbit132 10s infinite;
  animation-delay: 1.32s;
  background-color: hsl(177.6deg, 100%, 50%);
}

@keyframes orbit132 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-94deg) rotateY(290deg) translateX(60px) rotateZ(94deg);
  }
  80% {
    transform: rotateZ(-94deg) rotateY(290deg) translateX(60px) rotateZ(94deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-94deg) rotateY(290deg) translateX(180px) rotateZ(94deg);
  }
}
.dot:nth-child(133) {
  animation: orbit133 10s infinite;
  animation-delay: 1.33s;
  background-color: hsl(177.7333333333deg, 100%, 50%);
}

@keyframes orbit133 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-256deg) rotateY(215deg) translateX(60px) rotateZ(256deg);
  }
  80% {
    transform: rotateZ(-256deg) rotateY(215deg) translateX(60px) rotateZ(256deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-256deg) rotateY(215deg) translateX(180px) rotateZ(256deg);
  }
}
.dot:nth-child(134) {
  animation: orbit134 10s infinite;
  animation-delay: 1.34s;
  background-color: hsl(177.8666666667deg, 100%, 50%);
}

@keyframes orbit134 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-119deg) rotateY(72deg) translateX(60px) rotateZ(119deg);
  }
  80% {
    transform: rotateZ(-119deg) rotateY(72deg) translateX(60px) rotateZ(119deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-119deg) rotateY(72deg) translateX(180px) rotateZ(119deg);
  }
}
.dot:nth-child(135) {
  animation: orbit135 10s infinite;
  animation-delay: 1.35s;
  background-color: hsl(178deg, 100%, 50%);
}

@keyframes orbit135 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-27deg) rotateY(7deg) translateX(60px) rotateZ(27deg);
  }
  80% {
    transform: rotateZ(-27deg) rotateY(7deg) translateX(60px) rotateZ(27deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-27deg) rotateY(7deg) translateX(180px) rotateZ(27deg);
  }
}
.dot:nth-child(136) {
  animation: orbit136 10s infinite;
  animation-delay: 1.36s;
  background-color: hsl(178.1333333333deg, 100%, 50%);
}

@keyframes orbit136 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-237deg) rotateY(41deg) translateX(60px) rotateZ(237deg);
  }
  80% {
    transform: rotateZ(-237deg) rotateY(41deg) translateX(60px) rotateZ(237deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-237deg) rotateY(41deg) translateX(180px) rotateZ(237deg);
  }
}
.dot:nth-child(137) {
  animation: orbit137 10s infinite;
  animation-delay: 1.37s;
  background-color: hsl(178.2666666667deg, 100%, 50%);
}

@keyframes orbit137 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-106deg) rotateY(40deg) translateX(60px) rotateZ(106deg);
  }
  80% {
    transform: rotateZ(-106deg) rotateY(40deg) translateX(60px) rotateZ(106deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-106deg) rotateY(40deg) translateX(180px) rotateZ(106deg);
  }
}
.dot:nth-child(138) {
  animation: orbit138 10s infinite;
  animation-delay: 1.38s;
  background-color: hsl(178.4deg, 100%, 50%);
}

@keyframes orbit138 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-120deg) rotateY(51deg) translateX(60px) rotateZ(120deg);
  }
  80% {
    transform: rotateZ(-120deg) rotateY(51deg) translateX(60px) rotateZ(120deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-120deg) rotateY(51deg) translateX(180px) rotateZ(120deg);
  }
}
.dot:nth-child(139) {
  animation: orbit139 10s infinite;
  animation-delay: 1.39s;
  background-color: hsl(178.5333333333deg, 100%, 50%);
}

@keyframes orbit139 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-290deg) rotateY(177deg) translateX(60px) rotateZ(290deg);
  }
  80% {
    transform: rotateZ(-290deg) rotateY(177deg) translateX(60px) rotateZ(290deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-290deg) rotateY(177deg) translateX(180px) rotateZ(290deg);
  }
}
.dot:nth-child(140) {
  animation: orbit140 10s infinite;
  animation-delay: 1.4s;
  background-color: hsl(178.6666666667deg, 100%, 50%);
}

@keyframes orbit140 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-265deg) rotateY(276deg) translateX(60px) rotateZ(265deg);
  }
  80% {
    transform: rotateZ(-265deg) rotateY(276deg) translateX(60px) rotateZ(265deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-265deg) rotateY(276deg) translateX(180px) rotateZ(265deg);
  }
}
.dot:nth-child(141) {
  animation: orbit141 10s infinite;
  animation-delay: 1.41s;
  background-color: hsl(178.8deg, 100%, 50%);
}

@keyframes orbit141 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-60deg) rotateY(284deg) translateX(60px) rotateZ(60deg);
  }
  80% {
    transform: rotateZ(-60deg) rotateY(284deg) translateX(60px) rotateZ(60deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-60deg) rotateY(284deg) translateX(180px) rotateZ(60deg);
  }
}
.dot:nth-child(142) {
  animation: orbit142 10s infinite;
  animation-delay: 1.42s;
  background-color: hsl(178.9333333333deg, 100%, 50%);
}

@keyframes orbit142 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-301deg) rotateY(58deg) translateX(60px) rotateZ(301deg);
  }
  80% {
    transform: rotateZ(-301deg) rotateY(58deg) translateX(60px) rotateZ(301deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-301deg) rotateY(58deg) translateX(180px) rotateZ(301deg);
  }
}
.dot:nth-child(143) {
  animation: orbit143 10s infinite;
  animation-delay: 1.43s;
  background-color: hsl(179.0666666667deg, 100%, 50%);
}

@keyframes orbit143 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-185deg) rotateY(247deg) translateX(60px) rotateZ(185deg);
  }
  80% {
    transform: rotateZ(-185deg) rotateY(247deg) translateX(60px) rotateZ(185deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-185deg) rotateY(247deg) translateX(180px) rotateZ(185deg);
  }
}
.dot:nth-child(144) {
  animation: orbit144 10s infinite;
  animation-delay: 1.44s;
  background-color: hsl(179.2deg, 100%, 50%);
}

@keyframes orbit144 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-186deg) rotateY(350deg) translateX(60px) rotateZ(186deg);
  }
  80% {
    transform: rotateZ(-186deg) rotateY(350deg) translateX(60px) rotateZ(186deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-186deg) rotateY(350deg) translateX(180px) rotateZ(186deg);
  }
}
.dot:nth-child(145) {
  animation: orbit145 10s infinite;
  animation-delay: 1.45s;
  background-color: hsl(179.3333333333deg, 100%, 50%);
}

@keyframes orbit145 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-114deg) rotateY(146deg) translateX(60px) rotateZ(114deg);
  }
  80% {
    transform: rotateZ(-114deg) rotateY(146deg) translateX(60px) rotateZ(114deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-114deg) rotateY(146deg) translateX(180px) rotateZ(114deg);
  }
}
.dot:nth-child(146) {
  animation: orbit146 10s infinite;
  animation-delay: 1.46s;
  background-color: hsl(179.4666666667deg, 100%, 50%);
}

@keyframes orbit146 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-141deg) rotateY(90deg) translateX(60px) rotateZ(141deg);
  }
  80% {
    transform: rotateZ(-141deg) rotateY(90deg) translateX(60px) rotateZ(141deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-141deg) rotateY(90deg) translateX(180px) rotateZ(141deg);
  }
}
.dot:nth-child(147) {
  animation: orbit147 10s infinite;
  animation-delay: 1.47s;
  background-color: hsl(179.6deg, 100%, 50%);
}

@keyframes orbit147 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-105deg) rotateY(139deg) translateX(60px) rotateZ(105deg);
  }
  80% {
    transform: rotateZ(-105deg) rotateY(139deg) translateX(60px) rotateZ(105deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-105deg) rotateY(139deg) translateX(180px) rotateZ(105deg);
  }
}
.dot:nth-child(148) {
  animation: orbit148 10s infinite;
  animation-delay: 1.48s;
  background-color: hsl(179.7333333333deg, 100%, 50%);
}

@keyframes orbit148 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-357deg) rotateY(359deg) translateX(60px) rotateZ(357deg);
  }
  80% {
    transform: rotateZ(-357deg) rotateY(359deg) translateX(60px) rotateZ(357deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-357deg) rotateY(359deg) translateX(180px) rotateZ(357deg);
  }
}
.dot:nth-child(149) {
  animation: orbit149 10s infinite;
  animation-delay: 1.49s;
  background-color: hsl(179.8666666667deg, 100%, 50%);
}

@keyframes orbit149 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-283deg) rotateY(305deg) translateX(60px) rotateZ(283deg);
  }
  80% {
    transform: rotateZ(-283deg) rotateY(305deg) translateX(60px) rotateZ(283deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-283deg) rotateY(305deg) translateX(180px) rotateZ(283deg);
  }
}
.dot:nth-child(150) {
  animation: orbit150 10s infinite;
  animation-delay: 1.5s;
  background-color: hsl(180deg, 100%, 50%);
}

@keyframes orbit150 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-145deg) rotateY(183deg) translateX(60px) rotateZ(145deg);
  }
  80% {
    transform: rotateZ(-145deg) rotateY(183deg) translateX(60px) rotateZ(145deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-145deg) rotateY(183deg) translateX(180px) rotateZ(145deg);
  }
}
.dot:nth-child(151) {
  animation: orbit151 10s infinite;
  animation-delay: 1.51s;
  background-color: hsl(180.1333333333deg, 100%, 50%);
}

@keyframes orbit151 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-47deg) rotateY(200deg) translateX(60px) rotateZ(47deg);
  }
  80% {
    transform: rotateZ(-47deg) rotateY(200deg) translateX(60px) rotateZ(47deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-47deg) rotateY(200deg) translateX(180px) rotateZ(47deg);
  }
}
.dot:nth-child(152) {
  animation: orbit152 10s infinite;
  animation-delay: 1.52s;
  background-color: hsl(180.2666666667deg, 100%, 50%);
}

@keyframes orbit152 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-226deg) rotateY(286deg) translateX(60px) rotateZ(226deg);
  }
  80% {
    transform: rotateZ(-226deg) rotateY(286deg) translateX(60px) rotateZ(226deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-226deg) rotateY(286deg) translateX(180px) rotateZ(226deg);
  }
}
.dot:nth-child(153) {
  animation: orbit153 10s infinite;
  animation-delay: 1.53s;
  background-color: hsl(180.4deg, 100%, 50%);
}

@keyframes orbit153 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-242deg) rotateY(302deg) translateX(60px) rotateZ(242deg);
  }
  80% {
    transform: rotateZ(-242deg) rotateY(302deg) translateX(60px) rotateZ(242deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-242deg) rotateY(302deg) translateX(180px) rotateZ(242deg);
  }
}
.dot:nth-child(154) {
  animation: orbit154 10s infinite;
  animation-delay: 1.54s;
  background-color: hsl(180.5333333333deg, 100%, 50%);
}

@keyframes orbit154 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-292deg) rotateY(243deg) translateX(60px) rotateZ(292deg);
  }
  80% {
    transform: rotateZ(-292deg) rotateY(243deg) translateX(60px) rotateZ(292deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-292deg) rotateY(243deg) translateX(180px) rotateZ(292deg);
  }
}
.dot:nth-child(155) {
  animation: orbit155 10s infinite;
  animation-delay: 1.55s;
  background-color: hsl(180.6666666667deg, 100%, 50%);
}

@keyframes orbit155 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-87deg) rotateY(55deg) translateX(60px) rotateZ(87deg);
  }
  80% {
    transform: rotateZ(-87deg) rotateY(55deg) translateX(60px) rotateZ(87deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-87deg) rotateY(55deg) translateX(180px) rotateZ(87deg);
  }
}
.dot:nth-child(156) {
  animation: orbit156 10s infinite;
  animation-delay: 1.56s;
  background-color: hsl(180.8deg, 100%, 50%);
}

@keyframes orbit156 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-269deg) rotateY(107deg) translateX(60px) rotateZ(269deg);
  }
  80% {
    transform: rotateZ(-269deg) rotateY(107deg) translateX(60px) rotateZ(269deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-269deg) rotateY(107deg) translateX(180px) rotateZ(269deg);
  }
}
.dot:nth-child(157) {
  animation: orbit157 10s infinite;
  animation-delay: 1.57s;
  background-color: hsl(180.9333333333deg, 100%, 50%);
}

@keyframes orbit157 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-262deg) rotateY(86deg) translateX(60px) rotateZ(262deg);
  }
  80% {
    transform: rotateZ(-262deg) rotateY(86deg) translateX(60px) rotateZ(262deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-262deg) rotateY(86deg) translateX(180px) rotateZ(262deg);
  }
}
.dot:nth-child(158) {
  animation: orbit158 10s infinite;
  animation-delay: 1.58s;
  background-color: hsl(181.0666666667deg, 100%, 50%);
}

@keyframes orbit158 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-152deg) rotateY(260deg) translateX(60px) rotateZ(152deg);
  }
  80% {
    transform: rotateZ(-152deg) rotateY(260deg) translateX(60px) rotateZ(152deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-152deg) rotateY(260deg) translateX(180px) rotateZ(152deg);
  }
}
.dot:nth-child(159) {
  animation: orbit159 10s infinite;
  animation-delay: 1.59s;
  background-color: hsl(181.2deg, 100%, 50%);
}

@keyframes orbit159 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-222deg) rotateY(200deg) translateX(60px) rotateZ(222deg);
  }
  80% {
    transform: rotateZ(-222deg) rotateY(200deg) translateX(60px) rotateZ(222deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-222deg) rotateY(200deg) translateX(180px) rotateZ(222deg);
  }
}
.dot:nth-child(160) {
  animation: orbit160 10s infinite;
  animation-delay: 1.6s;
  background-color: hsl(181.3333333333deg, 100%, 50%);
}

@keyframes orbit160 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-125deg) rotateY(315deg) translateX(60px) rotateZ(125deg);
  }
  80% {
    transform: rotateZ(-125deg) rotateY(315deg) translateX(60px) rotateZ(125deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-125deg) rotateY(315deg) translateX(180px) rotateZ(125deg);
  }
}
.dot:nth-child(161) {
  animation: orbit161 10s infinite;
  animation-delay: 1.61s;
  background-color: hsl(181.4666666667deg, 100%, 50%);
}

@keyframes orbit161 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-17deg) rotateY(266deg) translateX(60px) rotateZ(17deg);
  }
  80% {
    transform: rotateZ(-17deg) rotateY(266deg) translateX(60px) rotateZ(17deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-17deg) rotateY(266deg) translateX(180px) rotateZ(17deg);
  }
}
.dot:nth-child(162) {
  animation: orbit162 10s infinite;
  animation-delay: 1.62s;
  background-color: hsl(181.6deg, 100%, 50%);
}

@keyframes orbit162 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-181deg) rotateY(338deg) translateX(60px) rotateZ(181deg);
  }
  80% {
    transform: rotateZ(-181deg) rotateY(338deg) translateX(60px) rotateZ(181deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-181deg) rotateY(338deg) translateX(180px) rotateZ(181deg);
  }
}
.dot:nth-child(163) {
  animation: orbit163 10s infinite;
  animation-delay: 1.63s;
  background-color: hsl(181.7333333333deg, 100%, 50%);
}

@keyframes orbit163 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-247deg) rotateY(185deg) translateX(60px) rotateZ(247deg);
  }
  80% {
    transform: rotateZ(-247deg) rotateY(185deg) translateX(60px) rotateZ(247deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-247deg) rotateY(185deg) translateX(180px) rotateZ(247deg);
  }
}
.dot:nth-child(164) {
  animation: orbit164 10s infinite;
  animation-delay: 1.64s;
  background-color: hsl(181.8666666667deg, 100%, 50%);
}

@keyframes orbit164 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-243deg) rotateY(202deg) translateX(60px) rotateZ(243deg);
  }
  80% {
    transform: rotateZ(-243deg) rotateY(202deg) translateX(60px) rotateZ(243deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-243deg) rotateY(202deg) translateX(180px) rotateZ(243deg);
  }
}
.dot:nth-child(165) {
  animation: orbit165 10s infinite;
  animation-delay: 1.65s;
  background-color: hsl(182deg, 100%, 50%);
}

@keyframes orbit165 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-29deg) rotateY(353deg) translateX(60px) rotateZ(29deg);
  }
  80% {
    transform: rotateZ(-29deg) rotateY(353deg) translateX(60px) rotateZ(29deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-29deg) rotateY(353deg) translateX(180px) rotateZ(29deg);
  }
}
.dot:nth-child(166) {
  animation: orbit166 10s infinite;
  animation-delay: 1.66s;
  background-color: hsl(182.1333333333deg, 100%, 50%);
}

@keyframes orbit166 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-346deg) rotateY(103deg) translateX(60px) rotateZ(346deg);
  }
  80% {
    transform: rotateZ(-346deg) rotateY(103deg) translateX(60px) rotateZ(346deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-346deg) rotateY(103deg) translateX(180px) rotateZ(346deg);
  }
}
.dot:nth-child(167) {
  animation: orbit167 10s infinite;
  animation-delay: 1.67s;
  background-color: hsl(182.2666666667deg, 100%, 50%);
}

@keyframes orbit167 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-145deg) rotateY(268deg) translateX(60px) rotateZ(145deg);
  }
  80% {
    transform: rotateZ(-145deg) rotateY(268deg) translateX(60px) rotateZ(145deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-145deg) rotateY(268deg) translateX(180px) rotateZ(145deg);
  }
}
.dot:nth-child(168) {
  animation: orbit168 10s infinite;
  animation-delay: 1.68s;
  background-color: hsl(182.4deg, 100%, 50%);
}

@keyframes orbit168 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-103deg) rotateY(328deg) translateX(60px) rotateZ(103deg);
  }
  80% {
    transform: rotateZ(-103deg) rotateY(328deg) translateX(60px) rotateZ(103deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-103deg) rotateY(328deg) translateX(180px) rotateZ(103deg);
  }
}
.dot:nth-child(169) {
  animation: orbit169 10s infinite;
  animation-delay: 1.69s;
  background-color: hsl(182.5333333333deg, 100%, 50%);
}

@keyframes orbit169 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-222deg) rotateY(57deg) translateX(60px) rotateZ(222deg);
  }
  80% {
    transform: rotateZ(-222deg) rotateY(57deg) translateX(60px) rotateZ(222deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-222deg) rotateY(57deg) translateX(180px) rotateZ(222deg);
  }
}
.dot:nth-child(170) {
  animation: orbit170 10s infinite;
  animation-delay: 1.7s;
  background-color: hsl(182.6666666667deg, 100%, 50%);
}

@keyframes orbit170 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-96deg) rotateY(340deg) translateX(60px) rotateZ(96deg);
  }
  80% {
    transform: rotateZ(-96deg) rotateY(340deg) translateX(60px) rotateZ(96deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-96deg) rotateY(340deg) translateX(180px) rotateZ(96deg);
  }
}
.dot:nth-child(171) {
  animation: orbit171 10s infinite;
  animation-delay: 1.71s;
  background-color: hsl(182.8deg, 100%, 50%);
}

@keyframes orbit171 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-37deg) rotateY(300deg) translateX(60px) rotateZ(37deg);
  }
  80% {
    transform: rotateZ(-37deg) rotateY(300deg) translateX(60px) rotateZ(37deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-37deg) rotateY(300deg) translateX(180px) rotateZ(37deg);
  }
}
.dot:nth-child(172) {
  animation: orbit172 10s infinite;
  animation-delay: 1.72s;
  background-color: hsl(182.9333333333deg, 100%, 50%);
}

@keyframes orbit172 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-188deg) rotateY(300deg) translateX(60px) rotateZ(188deg);
  }
  80% {
    transform: rotateZ(-188deg) rotateY(300deg) translateX(60px) rotateZ(188deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-188deg) rotateY(300deg) translateX(180px) rotateZ(188deg);
  }
}
.dot:nth-child(173) {
  animation: orbit173 10s infinite;
  animation-delay: 1.73s;
  background-color: hsl(183.0666666667deg, 100%, 50%);
}

@keyframes orbit173 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-80deg) rotateY(283deg) translateX(60px) rotateZ(80deg);
  }
  80% {
    transform: rotateZ(-80deg) rotateY(283deg) translateX(60px) rotateZ(80deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-80deg) rotateY(283deg) translateX(180px) rotateZ(80deg);
  }
}
.dot:nth-child(174) {
  animation: orbit174 10s infinite;
  animation-delay: 1.74s;
  background-color: hsl(183.2deg, 100%, 50%);
}

@keyframes orbit174 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-109deg) rotateY(72deg) translateX(60px) rotateZ(109deg);
  }
  80% {
    transform: rotateZ(-109deg) rotateY(72deg) translateX(60px) rotateZ(109deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-109deg) rotateY(72deg) translateX(180px) rotateZ(109deg);
  }
}
.dot:nth-child(175) {
  animation: orbit175 10s infinite;
  animation-delay: 1.75s;
  background-color: hsl(183.3333333333deg, 100%, 50%);
}

@keyframes orbit175 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-92deg) rotateY(292deg) translateX(60px) rotateZ(92deg);
  }
  80% {
    transform: rotateZ(-92deg) rotateY(292deg) translateX(60px) rotateZ(92deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-92deg) rotateY(292deg) translateX(180px) rotateZ(92deg);
  }
}
.dot:nth-child(176) {
  animation: orbit176 10s infinite;
  animation-delay: 1.76s;
  background-color: hsl(183.4666666667deg, 100%, 50%);
}

@keyframes orbit176 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-210deg) rotateY(275deg) translateX(60px) rotateZ(210deg);
  }
  80% {
    transform: rotateZ(-210deg) rotateY(275deg) translateX(60px) rotateZ(210deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-210deg) rotateY(275deg) translateX(180px) rotateZ(210deg);
  }
}
.dot:nth-child(177) {
  animation: orbit177 10s infinite;
  animation-delay: 1.77s;
  background-color: hsl(183.6deg, 100%, 50%);
}

@keyframes orbit177 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-229deg) rotateY(312deg) translateX(60px) rotateZ(229deg);
  }
  80% {
    transform: rotateZ(-229deg) rotateY(312deg) translateX(60px) rotateZ(229deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-229deg) rotateY(312deg) translateX(180px) rotateZ(229deg);
  }
}
.dot:nth-child(178) {
  animation: orbit178 10s infinite;
  animation-delay: 1.78s;
  background-color: hsl(183.7333333333deg, 100%, 50%);
}

@keyframes orbit178 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-195deg) rotateY(314deg) translateX(60px) rotateZ(195deg);
  }
  80% {
    transform: rotateZ(-195deg) rotateY(314deg) translateX(60px) rotateZ(195deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-195deg) rotateY(314deg) translateX(180px) rotateZ(195deg);
  }
}
.dot:nth-child(179) {
  animation: orbit179 10s infinite;
  animation-delay: 1.79s;
  background-color: hsl(183.8666666667deg, 100%, 50%);
}

@keyframes orbit179 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-19deg) rotateY(141deg) translateX(60px) rotateZ(19deg);
  }
  80% {
    transform: rotateZ(-19deg) rotateY(141deg) translateX(60px) rotateZ(19deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-19deg) rotateY(141deg) translateX(180px) rotateZ(19deg);
  }
}
.dot:nth-child(180) {
  animation: orbit180 10s infinite;
  animation-delay: 1.8s;
  background-color: hsl(184deg, 100%, 50%);
}

@keyframes orbit180 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-1deg) rotateY(37deg) translateX(60px) rotateZ(1deg);
  }
  80% {
    transform: rotateZ(-1deg) rotateY(37deg) translateX(60px) rotateZ(1deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-1deg) rotateY(37deg) translateX(180px) rotateZ(1deg);
  }
}
.dot:nth-child(181) {
  animation: orbit181 10s infinite;
  animation-delay: 1.81s;
  background-color: hsl(184.1333333333deg, 100%, 50%);
}

@keyframes orbit181 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-228deg) rotateY(220deg) translateX(60px) rotateZ(228deg);
  }
  80% {
    transform: rotateZ(-228deg) rotateY(220deg) translateX(60px) rotateZ(228deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-228deg) rotateY(220deg) translateX(180px) rotateZ(228deg);
  }
}
.dot:nth-child(182) {
  animation: orbit182 10s infinite;
  animation-delay: 1.82s;
  background-color: hsl(184.2666666667deg, 100%, 50%);
}

@keyframes orbit182 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-12deg) rotateY(10deg) translateX(60px) rotateZ(12deg);
  }
  80% {
    transform: rotateZ(-12deg) rotateY(10deg) translateX(60px) rotateZ(12deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-12deg) rotateY(10deg) translateX(180px) rotateZ(12deg);
  }
}
.dot:nth-child(183) {
  animation: orbit183 10s infinite;
  animation-delay: 1.83s;
  background-color: hsl(184.4deg, 100%, 50%);
}

@keyframes orbit183 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-17deg) rotateY(238deg) translateX(60px) rotateZ(17deg);
  }
  80% {
    transform: rotateZ(-17deg) rotateY(238deg) translateX(60px) rotateZ(17deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-17deg) rotateY(238deg) translateX(180px) rotateZ(17deg);
  }
}
.dot:nth-child(184) {
  animation: orbit184 10s infinite;
  animation-delay: 1.84s;
  background-color: hsl(184.5333333333deg, 100%, 50%);
}

@keyframes orbit184 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-113deg) rotateY(53deg) translateX(60px) rotateZ(113deg);
  }
  80% {
    transform: rotateZ(-113deg) rotateY(53deg) translateX(60px) rotateZ(113deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-113deg) rotateY(53deg) translateX(180px) rotateZ(113deg);
  }
}
.dot:nth-child(185) {
  animation: orbit185 10s infinite;
  animation-delay: 1.85s;
  background-color: hsl(184.6666666667deg, 100%, 50%);
}

@keyframes orbit185 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-341deg) rotateY(193deg) translateX(60px) rotateZ(341deg);
  }
  80% {
    transform: rotateZ(-341deg) rotateY(193deg) translateX(60px) rotateZ(341deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-341deg) rotateY(193deg) translateX(180px) rotateZ(341deg);
  }
}
.dot:nth-child(186) {
  animation: orbit186 10s infinite;
  animation-delay: 1.86s;
  background-color: hsl(184.8deg, 100%, 50%);
}

@keyframes orbit186 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-258deg) rotateY(348deg) translateX(60px) rotateZ(258deg);
  }
  80% {
    transform: rotateZ(-258deg) rotateY(348deg) translateX(60px) rotateZ(258deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-258deg) rotateY(348deg) translateX(180px) rotateZ(258deg);
  }
}
.dot:nth-child(187) {
  animation: orbit187 10s infinite;
  animation-delay: 1.87s;
  background-color: hsl(184.9333333333deg, 100%, 50%);
}

@keyframes orbit187 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-172deg) rotateY(192deg) translateX(60px) rotateZ(172deg);
  }
  80% {
    transform: rotateZ(-172deg) rotateY(192deg) translateX(60px) rotateZ(172deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-172deg) rotateY(192deg) translateX(180px) rotateZ(172deg);
  }
}
.dot:nth-child(188) {
  animation: orbit188 10s infinite;
  animation-delay: 1.88s;
  background-color: hsl(185.0666666667deg, 100%, 50%);
}

@keyframes orbit188 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-305deg) rotateY(168deg) translateX(60px) rotateZ(305deg);
  }
  80% {
    transform: rotateZ(-305deg) rotateY(168deg) translateX(60px) rotateZ(305deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-305deg) rotateY(168deg) translateX(180px) rotateZ(305deg);
  }
}
.dot:nth-child(189) {
  animation: orbit189 10s infinite;
  animation-delay: 1.89s;
  background-color: hsl(185.2deg, 100%, 50%);
}

@keyframes orbit189 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-225deg) rotateY(84deg) translateX(60px) rotateZ(225deg);
  }
  80% {
    transform: rotateZ(-225deg) rotateY(84deg) translateX(60px) rotateZ(225deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-225deg) rotateY(84deg) translateX(180px) rotateZ(225deg);
  }
}
.dot:nth-child(190) {
  animation: orbit190 10s infinite;
  animation-delay: 1.9s;
  background-color: hsl(185.3333333333deg, 100%, 50%);
}

@keyframes orbit190 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-261deg) rotateY(154deg) translateX(60px) rotateZ(261deg);
  }
  80% {
    transform: rotateZ(-261deg) rotateY(154deg) translateX(60px) rotateZ(261deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-261deg) rotateY(154deg) translateX(180px) rotateZ(261deg);
  }
}
.dot:nth-child(191) {
  animation: orbit191 10s infinite;
  animation-delay: 1.91s;
  background-color: hsl(185.4666666667deg, 100%, 50%);
}

@keyframes orbit191 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-5deg) rotateY(198deg) translateX(60px) rotateZ(5deg);
  }
  80% {
    transform: rotateZ(-5deg) rotateY(198deg) translateX(60px) rotateZ(5deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-5deg) rotateY(198deg) translateX(180px) rotateZ(5deg);
  }
}
.dot:nth-child(192) {
  animation: orbit192 10s infinite;
  animation-delay: 1.92s;
  background-color: hsl(185.6deg, 100%, 50%);
}

@keyframes orbit192 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-357deg) rotateY(317deg) translateX(60px) rotateZ(357deg);
  }
  80% {
    transform: rotateZ(-357deg) rotateY(317deg) translateX(60px) rotateZ(357deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-357deg) rotateY(317deg) translateX(180px) rotateZ(357deg);
  }
}
.dot:nth-child(193) {
  animation: orbit193 10s infinite;
  animation-delay: 1.93s;
  background-color: hsl(185.7333333333deg, 100%, 50%);
}

@keyframes orbit193 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-307deg) rotateY(211deg) translateX(60px) rotateZ(307deg);
  }
  80% {
    transform: rotateZ(-307deg) rotateY(211deg) translateX(60px) rotateZ(307deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-307deg) rotateY(211deg) translateX(180px) rotateZ(307deg);
  }
}
.dot:nth-child(194) {
  animation: orbit194 10s infinite;
  animation-delay: 1.94s;
  background-color: hsl(185.8666666667deg, 100%, 50%);
}

@keyframes orbit194 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-185deg) rotateY(3deg) translateX(60px) rotateZ(185deg);
  }
  80% {
    transform: rotateZ(-185deg) rotateY(3deg) translateX(60px) rotateZ(185deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-185deg) rotateY(3deg) translateX(180px) rotateZ(185deg);
  }
}
.dot:nth-child(195) {
  animation: orbit195 10s infinite;
  animation-delay: 1.95s;
  background-color: hsl(186deg, 100%, 50%);
}

@keyframes orbit195 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-132deg) rotateY(169deg) translateX(60px) rotateZ(132deg);
  }
  80% {
    transform: rotateZ(-132deg) rotateY(169deg) translateX(60px) rotateZ(132deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-132deg) rotateY(169deg) translateX(180px) rotateZ(132deg);
  }
}
.dot:nth-child(196) {
  animation: orbit196 10s infinite;
  animation-delay: 1.96s;
  background-color: hsl(186.1333333333deg, 100%, 50%);
}

@keyframes orbit196 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-310deg) rotateY(39deg) translateX(60px) rotateZ(310deg);
  }
  80% {
    transform: rotateZ(-310deg) rotateY(39deg) translateX(60px) rotateZ(310deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-310deg) rotateY(39deg) translateX(180px) rotateZ(310deg);
  }
}
.dot:nth-child(197) {
  animation: orbit197 10s infinite;
  animation-delay: 1.97s;
  background-color: hsl(186.2666666667deg, 100%, 50%);
}

@keyframes orbit197 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-163deg) rotateY(143deg) translateX(60px) rotateZ(163deg);
  }
  80% {
    transform: rotateZ(-163deg) rotateY(143deg) translateX(60px) rotateZ(163deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-163deg) rotateY(143deg) translateX(180px) rotateZ(163deg);
  }
}
.dot:nth-child(198) {
  animation: orbit198 10s infinite;
  animation-delay: 1.98s;
  background-color: hsl(186.4deg, 100%, 50%);
}

@keyframes orbit198 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-134deg) rotateY(72deg) translateX(60px) rotateZ(134deg);
  }
  80% {
    transform: rotateZ(-134deg) rotateY(72deg) translateX(60px) rotateZ(134deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-134deg) rotateY(72deg) translateX(180px) rotateZ(134deg);
  }
}
.dot:nth-child(199) {
  animation: orbit199 10s infinite;
  animation-delay: 1.99s;
  background-color: hsl(186.5333333333deg, 100%, 50%);
}

@keyframes orbit199 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-258deg) rotateY(40deg) translateX(60px) rotateZ(258deg);
  }
  80% {
    transform: rotateZ(-258deg) rotateY(40deg) translateX(60px) rotateZ(258deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-258deg) rotateY(40deg) translateX(180px) rotateZ(258deg);
  }
}
.dot:nth-child(200) {
  animation: orbit200 10s infinite;
  animation-delay: 2s;
  background-color: hsl(186.6666666667deg, 100%, 50%);
}

@keyframes orbit200 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-242deg) rotateY(138deg) translateX(60px) rotateZ(242deg);
  }
  80% {
    transform: rotateZ(-242deg) rotateY(138deg) translateX(60px) rotateZ(242deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-242deg) rotateY(138deg) translateX(180px) rotateZ(242deg);
  }
}
.dot:nth-child(201) {
  animation: orbit201 10s infinite;
  animation-delay: 2.01s;
  background-color: hsl(186.8deg, 100%, 50%);
}

@keyframes orbit201 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-91deg) rotateY(88deg) translateX(60px) rotateZ(91deg);
  }
  80% {
    transform: rotateZ(-91deg) rotateY(88deg) translateX(60px) rotateZ(91deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-91deg) rotateY(88deg) translateX(180px) rotateZ(91deg);
  }
}
.dot:nth-child(202) {
  animation: orbit202 10s infinite;
  animation-delay: 2.02s;
  background-color: hsl(186.9333333333deg, 100%, 50%);
}

@keyframes orbit202 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-213deg) rotateY(319deg) translateX(60px) rotateZ(213deg);
  }
  80% {
    transform: rotateZ(-213deg) rotateY(319deg) translateX(60px) rotateZ(213deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-213deg) rotateY(319deg) translateX(180px) rotateZ(213deg);
  }
}
.dot:nth-child(203) {
  animation: orbit203 10s infinite;
  animation-delay: 2.03s;
  background-color: hsl(187.0666666667deg, 100%, 50%);
}

@keyframes orbit203 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-287deg) rotateY(337deg) translateX(60px) rotateZ(287deg);
  }
  80% {
    transform: rotateZ(-287deg) rotateY(337deg) translateX(60px) rotateZ(287deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-287deg) rotateY(337deg) translateX(180px) rotateZ(287deg);
  }
}
.dot:nth-child(204) {
  animation: orbit204 10s infinite;
  animation-delay: 2.04s;
  background-color: hsl(187.2deg, 100%, 50%);
}

@keyframes orbit204 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-329deg) rotateY(53deg) translateX(60px) rotateZ(329deg);
  }
  80% {
    transform: rotateZ(-329deg) rotateY(53deg) translateX(60px) rotateZ(329deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-329deg) rotateY(53deg) translateX(180px) rotateZ(329deg);
  }
}
.dot:nth-child(205) {
  animation: orbit205 10s infinite;
  animation-delay: 2.05s;
  background-color: hsl(187.3333333333deg, 100%, 50%);
}

@keyframes orbit205 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-61deg) rotateY(124deg) translateX(60px) rotateZ(61deg);
  }
  80% {
    transform: rotateZ(-61deg) rotateY(124deg) translateX(60px) rotateZ(61deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-61deg) rotateY(124deg) translateX(180px) rotateZ(61deg);
  }
}
.dot:nth-child(206) {
  animation: orbit206 10s infinite;
  animation-delay: 2.06s;
  background-color: hsl(187.4666666667deg, 100%, 50%);
}

@keyframes orbit206 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-19deg) rotateY(149deg) translateX(60px) rotateZ(19deg);
  }
  80% {
    transform: rotateZ(-19deg) rotateY(149deg) translateX(60px) rotateZ(19deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-19deg) rotateY(149deg) translateX(180px) rotateZ(19deg);
  }
}
.dot:nth-child(207) {
  animation: orbit207 10s infinite;
  animation-delay: 2.07s;
  background-color: hsl(187.6deg, 100%, 50%);
}

@keyframes orbit207 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-89deg) rotateY(317deg) translateX(60px) rotateZ(89deg);
  }
  80% {
    transform: rotateZ(-89deg) rotateY(317deg) translateX(60px) rotateZ(89deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-89deg) rotateY(317deg) translateX(180px) rotateZ(89deg);
  }
}
.dot:nth-child(208) {
  animation: orbit208 10s infinite;
  animation-delay: 2.08s;
  background-color: hsl(187.7333333333deg, 100%, 50%);
}

@keyframes orbit208 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-13deg) rotateY(174deg) translateX(60px) rotateZ(13deg);
  }
  80% {
    transform: rotateZ(-13deg) rotateY(174deg) translateX(60px) rotateZ(13deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-13deg) rotateY(174deg) translateX(180px) rotateZ(13deg);
  }
}
.dot:nth-child(209) {
  animation: orbit209 10s infinite;
  animation-delay: 2.09s;
  background-color: hsl(187.8666666667deg, 100%, 50%);
}

@keyframes orbit209 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-260deg) rotateY(172deg) translateX(60px) rotateZ(260deg);
  }
  80% {
    transform: rotateZ(-260deg) rotateY(172deg) translateX(60px) rotateZ(260deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-260deg) rotateY(172deg) translateX(180px) rotateZ(260deg);
  }
}
.dot:nth-child(210) {
  animation: orbit210 10s infinite;
  animation-delay: 2.1s;
  background-color: hsl(188deg, 100%, 50%);
}

@keyframes orbit210 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-214deg) rotateY(63deg) translateX(60px) rotateZ(214deg);
  }
  80% {
    transform: rotateZ(-214deg) rotateY(63deg) translateX(60px) rotateZ(214deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-214deg) rotateY(63deg) translateX(180px) rotateZ(214deg);
  }
}
.dot:nth-child(211) {
  animation: orbit211 10s infinite;
  animation-delay: 2.11s;
  background-color: hsl(188.1333333333deg, 100%, 50%);
}

@keyframes orbit211 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-139deg) rotateY(69deg) translateX(60px) rotateZ(139deg);
  }
  80% {
    transform: rotateZ(-139deg) rotateY(69deg) translateX(60px) rotateZ(139deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-139deg) rotateY(69deg) translateX(180px) rotateZ(139deg);
  }
}
.dot:nth-child(212) {
  animation: orbit212 10s infinite;
  animation-delay: 2.12s;
  background-color: hsl(188.2666666667deg, 100%, 50%);
}

@keyframes orbit212 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-81deg) rotateY(289deg) translateX(60px) rotateZ(81deg);
  }
  80% {
    transform: rotateZ(-81deg) rotateY(289deg) translateX(60px) rotateZ(81deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-81deg) rotateY(289deg) translateX(180px) rotateZ(81deg);
  }
}
.dot:nth-child(213) {
  animation: orbit213 10s infinite;
  animation-delay: 2.13s;
  background-color: hsl(188.4deg, 100%, 50%);
}

@keyframes orbit213 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-169deg) rotateY(193deg) translateX(60px) rotateZ(169deg);
  }
  80% {
    transform: rotateZ(-169deg) rotateY(193deg) translateX(60px) rotateZ(169deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-169deg) rotateY(193deg) translateX(180px) rotateZ(169deg);
  }
}
.dot:nth-child(214) {
  animation: orbit214 10s infinite;
  animation-delay: 2.14s;
  background-color: hsl(188.5333333333deg, 100%, 50%);
}

@keyframes orbit214 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-358deg) rotateY(71deg) translateX(60px) rotateZ(358deg);
  }
  80% {
    transform: rotateZ(-358deg) rotateY(71deg) translateX(60px) rotateZ(358deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-358deg) rotateY(71deg) translateX(180px) rotateZ(358deg);
  }
}
.dot:nth-child(215) {
  animation: orbit215 10s infinite;
  animation-delay: 2.15s;
  background-color: hsl(188.6666666667deg, 100%, 50%);
}

@keyframes orbit215 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-244deg) rotateY(14deg) translateX(60px) rotateZ(244deg);
  }
  80% {
    transform: rotateZ(-244deg) rotateY(14deg) translateX(60px) rotateZ(244deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-244deg) rotateY(14deg) translateX(180px) rotateZ(244deg);
  }
}
.dot:nth-child(216) {
  animation: orbit216 10s infinite;
  animation-delay: 2.16s;
  background-color: hsl(188.8deg, 100%, 50%);
}

@keyframes orbit216 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-127deg) rotateY(56deg) translateX(60px) rotateZ(127deg);
  }
  80% {
    transform: rotateZ(-127deg) rotateY(56deg) translateX(60px) rotateZ(127deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-127deg) rotateY(56deg) translateX(180px) rotateZ(127deg);
  }
}
.dot:nth-child(217) {
  animation: orbit217 10s infinite;
  animation-delay: 2.17s;
  background-color: hsl(188.9333333333deg, 100%, 50%);
}

@keyframes orbit217 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-151deg) rotateY(20deg) translateX(60px) rotateZ(151deg);
  }
  80% {
    transform: rotateZ(-151deg) rotateY(20deg) translateX(60px) rotateZ(151deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-151deg) rotateY(20deg) translateX(180px) rotateZ(151deg);
  }
}
.dot:nth-child(218) {
  animation: orbit218 10s infinite;
  animation-delay: 2.18s;
  background-color: hsl(189.0666666667deg, 100%, 50%);
}

@keyframes orbit218 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-293deg) rotateY(333deg) translateX(60px) rotateZ(293deg);
  }
  80% {
    transform: rotateZ(-293deg) rotateY(333deg) translateX(60px) rotateZ(293deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-293deg) rotateY(333deg) translateX(180px) rotateZ(293deg);
  }
}
.dot:nth-child(219) {
  animation: orbit219 10s infinite;
  animation-delay: 2.19s;
  background-color: hsl(189.2deg, 100%, 50%);
}

@keyframes orbit219 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-190deg) rotateY(101deg) translateX(60px) rotateZ(190deg);
  }
  80% {
    transform: rotateZ(-190deg) rotateY(101deg) translateX(60px) rotateZ(190deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-190deg) rotateY(101deg) translateX(180px) rotateZ(190deg);
  }
}
.dot:nth-child(220) {
  animation: orbit220 10s infinite;
  animation-delay: 2.2s;
  background-color: hsl(189.3333333333deg, 100%, 50%);
}

@keyframes orbit220 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-56deg) rotateY(144deg) translateX(60px) rotateZ(56deg);
  }
  80% {
    transform: rotateZ(-56deg) rotateY(144deg) translateX(60px) rotateZ(56deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-56deg) rotateY(144deg) translateX(180px) rotateZ(56deg);
  }
}
.dot:nth-child(221) {
  animation: orbit221 10s infinite;
  animation-delay: 2.21s;
  background-color: hsl(189.4666666667deg, 100%, 50%);
}

@keyframes orbit221 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-224deg) rotateY(132deg) translateX(60px) rotateZ(224deg);
  }
  80% {
    transform: rotateZ(-224deg) rotateY(132deg) translateX(60px) rotateZ(224deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-224deg) rotateY(132deg) translateX(180px) rotateZ(224deg);
  }
}
.dot:nth-child(222) {
  animation: orbit222 10s infinite;
  animation-delay: 2.22s;
  background-color: hsl(189.6deg, 100%, 50%);
}

@keyframes orbit222 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-69deg) rotateY(197deg) translateX(60px) rotateZ(69deg);
  }
  80% {
    transform: rotateZ(-69deg) rotateY(197deg) translateX(60px) rotateZ(69deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-69deg) rotateY(197deg) translateX(180px) rotateZ(69deg);
  }
}
.dot:nth-child(223) {
  animation: orbit223 10s infinite;
  animation-delay: 2.23s;
  background-color: hsl(189.7333333333deg, 100%, 50%);
}

@keyframes orbit223 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-121deg) rotateY(254deg) translateX(60px) rotateZ(121deg);
  }
  80% {
    transform: rotateZ(-121deg) rotateY(254deg) translateX(60px) rotateZ(121deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-121deg) rotateY(254deg) translateX(180px) rotateZ(121deg);
  }
}
.dot:nth-child(224) {
  animation: orbit224 10s infinite;
  animation-delay: 2.24s;
  background-color: hsl(189.8666666667deg, 100%, 50%);
}

@keyframes orbit224 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-220deg) rotateY(26deg) translateX(60px) rotateZ(220deg);
  }
  80% {
    transform: rotateZ(-220deg) rotateY(26deg) translateX(60px) rotateZ(220deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-220deg) rotateY(26deg) translateX(180px) rotateZ(220deg);
  }
}
.dot:nth-child(225) {
  animation: orbit225 10s infinite;
  animation-delay: 2.25s;
  background-color: hsl(190deg, 100%, 50%);
}

@keyframes orbit225 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-317deg) rotateY(219deg) translateX(60px) rotateZ(317deg);
  }
  80% {
    transform: rotateZ(-317deg) rotateY(219deg) translateX(60px) rotateZ(317deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-317deg) rotateY(219deg) translateX(180px) rotateZ(317deg);
  }
}
.dot:nth-child(226) {
  animation: orbit226 10s infinite;
  animation-delay: 2.26s;
  background-color: hsl(190.1333333333deg, 100%, 50%);
}

@keyframes orbit226 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-246deg) rotateY(38deg) translateX(60px) rotateZ(246deg);
  }
  80% {
    transform: rotateZ(-246deg) rotateY(38deg) translateX(60px) rotateZ(246deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-246deg) rotateY(38deg) translateX(180px) rotateZ(246deg);
  }
}
.dot:nth-child(227) {
  animation: orbit227 10s infinite;
  animation-delay: 2.27s;
  background-color: hsl(190.2666666667deg, 100%, 50%);
}

@keyframes orbit227 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-212deg) rotateY(173deg) translateX(60px) rotateZ(212deg);
  }
  80% {
    transform: rotateZ(-212deg) rotateY(173deg) translateX(60px) rotateZ(212deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-212deg) rotateY(173deg) translateX(180px) rotateZ(212deg);
  }
}
.dot:nth-child(228) {
  animation: orbit228 10s infinite;
  animation-delay: 2.28s;
  background-color: hsl(190.4deg, 100%, 50%);
}

@keyframes orbit228 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-195deg) rotateY(44deg) translateX(60px) rotateZ(195deg);
  }
  80% {
    transform: rotateZ(-195deg) rotateY(44deg) translateX(60px) rotateZ(195deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-195deg) rotateY(44deg) translateX(180px) rotateZ(195deg);
  }
}
.dot:nth-child(229) {
  animation: orbit229 10s infinite;
  animation-delay: 2.29s;
  background-color: hsl(190.5333333333deg, 100%, 50%);
}

@keyframes orbit229 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-113deg) rotateY(226deg) translateX(60px) rotateZ(113deg);
  }
  80% {
    transform: rotateZ(-113deg) rotateY(226deg) translateX(60px) rotateZ(113deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-113deg) rotateY(226deg) translateX(180px) rotateZ(113deg);
  }
}
.dot:nth-child(230) {
  animation: orbit230 10s infinite;
  animation-delay: 2.3s;
  background-color: hsl(190.6666666667deg, 100%, 50%);
}

@keyframes orbit230 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-274deg) rotateY(305deg) translateX(60px) rotateZ(274deg);
  }
  80% {
    transform: rotateZ(-274deg) rotateY(305deg) translateX(60px) rotateZ(274deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-274deg) rotateY(305deg) translateX(180px) rotateZ(274deg);
  }
}
.dot:nth-child(231) {
  animation: orbit231 10s infinite;
  animation-delay: 2.31s;
  background-color: hsl(190.8deg, 100%, 50%);
}

@keyframes orbit231 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-343deg) rotateY(136deg) translateX(60px) rotateZ(343deg);
  }
  80% {
    transform: rotateZ(-343deg) rotateY(136deg) translateX(60px) rotateZ(343deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-343deg) rotateY(136deg) translateX(180px) rotateZ(343deg);
  }
}
.dot:nth-child(232) {
  animation: orbit232 10s infinite;
  animation-delay: 2.32s;
  background-color: hsl(190.9333333333deg, 100%, 50%);
}

@keyframes orbit232 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-116deg) rotateY(150deg) translateX(60px) rotateZ(116deg);
  }
  80% {
    transform: rotateZ(-116deg) rotateY(150deg) translateX(60px) rotateZ(116deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-116deg) rotateY(150deg) translateX(180px) rotateZ(116deg);
  }
}
.dot:nth-child(233) {
  animation: orbit233 10s infinite;
  animation-delay: 2.33s;
  background-color: hsl(191.0666666667deg, 100%, 50%);
}

@keyframes orbit233 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-76deg) rotateY(299deg) translateX(60px) rotateZ(76deg);
  }
  80% {
    transform: rotateZ(-76deg) rotateY(299deg) translateX(60px) rotateZ(76deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-76deg) rotateY(299deg) translateX(180px) rotateZ(76deg);
  }
}
.dot:nth-child(234) {
  animation: orbit234 10s infinite;
  animation-delay: 2.34s;
  background-color: hsl(191.2deg, 100%, 50%);
}

@keyframes orbit234 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-148deg) rotateY(266deg) translateX(60px) rotateZ(148deg);
  }
  80% {
    transform: rotateZ(-148deg) rotateY(266deg) translateX(60px) rotateZ(148deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-148deg) rotateY(266deg) translateX(180px) rotateZ(148deg);
  }
}
.dot:nth-child(235) {
  animation: orbit235 10s infinite;
  animation-delay: 2.35s;
  background-color: hsl(191.3333333333deg, 100%, 50%);
}

@keyframes orbit235 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-157deg) rotateY(45deg) translateX(60px) rotateZ(157deg);
  }
  80% {
    transform: rotateZ(-157deg) rotateY(45deg) translateX(60px) rotateZ(157deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-157deg) rotateY(45deg) translateX(180px) rotateZ(157deg);
  }
}
.dot:nth-child(236) {
  animation: orbit236 10s infinite;
  animation-delay: 2.36s;
  background-color: hsl(191.4666666667deg, 100%, 50%);
}

@keyframes orbit236 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-44deg) rotateY(70deg) translateX(60px) rotateZ(44deg);
  }
  80% {
    transform: rotateZ(-44deg) rotateY(70deg) translateX(60px) rotateZ(44deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-44deg) rotateY(70deg) translateX(180px) rotateZ(44deg);
  }
}
.dot:nth-child(237) {
  animation: orbit237 10s infinite;
  animation-delay: 2.37s;
  background-color: hsl(191.6deg, 100%, 50%);
}

@keyframes orbit237 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-316deg) rotateY(320deg) translateX(60px) rotateZ(316deg);
  }
  80% {
    transform: rotateZ(-316deg) rotateY(320deg) translateX(60px) rotateZ(316deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-316deg) rotateY(320deg) translateX(180px) rotateZ(316deg);
  }
}
.dot:nth-child(238) {
  animation: orbit238 10s infinite;
  animation-delay: 2.38s;
  background-color: hsl(191.7333333333deg, 100%, 50%);
}

@keyframes orbit238 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-276deg) rotateY(317deg) translateX(60px) rotateZ(276deg);
  }
  80% {
    transform: rotateZ(-276deg) rotateY(317deg) translateX(60px) rotateZ(276deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-276deg) rotateY(317deg) translateX(180px) rotateZ(276deg);
  }
}
.dot:nth-child(239) {
  animation: orbit239 10s infinite;
  animation-delay: 2.39s;
  background-color: hsl(191.8666666667deg, 100%, 50%);
}

@keyframes orbit239 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-240deg) rotateY(298deg) translateX(60px) rotateZ(240deg);
  }
  80% {
    transform: rotateZ(-240deg) rotateY(298deg) translateX(60px) rotateZ(240deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-240deg) rotateY(298deg) translateX(180px) rotateZ(240deg);
  }
}
.dot:nth-child(240) {
  animation: orbit240 10s infinite;
  animation-delay: 2.4s;
  background-color: hsl(192deg, 100%, 50%);
}

@keyframes orbit240 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-77deg) rotateY(166deg) translateX(60px) rotateZ(77deg);
  }
  80% {
    transform: rotateZ(-77deg) rotateY(166deg) translateX(60px) rotateZ(77deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-77deg) rotateY(166deg) translateX(180px) rotateZ(77deg);
  }
}
.dot:nth-child(241) {
  animation: orbit241 10s infinite;
  animation-delay: 2.41s;
  background-color: hsl(192.1333333333deg, 100%, 50%);
}

@keyframes orbit241 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-327deg) rotateY(244deg) translateX(60px) rotateZ(327deg);
  }
  80% {
    transform: rotateZ(-327deg) rotateY(244deg) translateX(60px) rotateZ(327deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-327deg) rotateY(244deg) translateX(180px) rotateZ(327deg);
  }
}
.dot:nth-child(242) {
  animation: orbit242 10s infinite;
  animation-delay: 2.42s;
  background-color: hsl(192.2666666667deg, 100%, 50%);
}

@keyframes orbit242 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-66deg) rotateY(315deg) translateX(60px) rotateZ(66deg);
  }
  80% {
    transform: rotateZ(-66deg) rotateY(315deg) translateX(60px) rotateZ(66deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-66deg) rotateY(315deg) translateX(180px) rotateZ(66deg);
  }
}
.dot:nth-child(243) {
  animation: orbit243 10s infinite;
  animation-delay: 2.43s;
  background-color: hsl(192.4deg, 100%, 50%);
}

@keyframes orbit243 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-18deg) rotateY(268deg) translateX(60px) rotateZ(18deg);
  }
  80% {
    transform: rotateZ(-18deg) rotateY(268deg) translateX(60px) rotateZ(18deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-18deg) rotateY(268deg) translateX(180px) rotateZ(18deg);
  }
}
.dot:nth-child(244) {
  animation: orbit244 10s infinite;
  animation-delay: 2.44s;
  background-color: hsl(192.5333333333deg, 100%, 50%);
}

@keyframes orbit244 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-271deg) rotateY(9deg) translateX(60px) rotateZ(271deg);
  }
  80% {
    transform: rotateZ(-271deg) rotateY(9deg) translateX(60px) rotateZ(271deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-271deg) rotateY(9deg) translateX(180px) rotateZ(271deg);
  }
}
.dot:nth-child(245) {
  animation: orbit245 10s infinite;
  animation-delay: 2.45s;
  background-color: hsl(192.6666666667deg, 100%, 50%);
}

@keyframes orbit245 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-120deg) rotateY(167deg) translateX(60px) rotateZ(120deg);
  }
  80% {
    transform: rotateZ(-120deg) rotateY(167deg) translateX(60px) rotateZ(120deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-120deg) rotateY(167deg) translateX(180px) rotateZ(120deg);
  }
}
.dot:nth-child(246) {
  animation: orbit246 10s infinite;
  animation-delay: 2.46s;
  background-color: hsl(192.8deg, 100%, 50%);
}

@keyframes orbit246 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-347deg) rotateY(331deg) translateX(60px) rotateZ(347deg);
  }
  80% {
    transform: rotateZ(-347deg) rotateY(331deg) translateX(60px) rotateZ(347deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-347deg) rotateY(331deg) translateX(180px) rotateZ(347deg);
  }
}
.dot:nth-child(247) {
  animation: orbit247 10s infinite;
  animation-delay: 2.47s;
  background-color: hsl(192.9333333333deg, 100%, 50%);
}

@keyframes orbit247 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-214deg) rotateY(323deg) translateX(60px) rotateZ(214deg);
  }
  80% {
    transform: rotateZ(-214deg) rotateY(323deg) translateX(60px) rotateZ(214deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-214deg) rotateY(323deg) translateX(180px) rotateZ(214deg);
  }
}
.dot:nth-child(248) {
  animation: orbit248 10s infinite;
  animation-delay: 2.48s;
  background-color: hsl(193.0666666667deg, 100%, 50%);
}

@keyframes orbit248 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-210deg) rotateY(290deg) translateX(60px) rotateZ(210deg);
  }
  80% {
    transform: rotateZ(-210deg) rotateY(290deg) translateX(60px) rotateZ(210deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-210deg) rotateY(290deg) translateX(180px) rotateZ(210deg);
  }
}
.dot:nth-child(249) {
  animation: orbit249 10s infinite;
  animation-delay: 2.49s;
  background-color: hsl(193.2deg, 100%, 50%);
}

@keyframes orbit249 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-242deg) rotateY(185deg) translateX(60px) rotateZ(242deg);
  }
  80% {
    transform: rotateZ(-242deg) rotateY(185deg) translateX(60px) rotateZ(242deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-242deg) rotateY(185deg) translateX(180px) rotateZ(242deg);
  }
}
.dot:nth-child(250) {
  animation: orbit250 10s infinite;
  animation-delay: 2.5s;
  background-color: hsl(193.3333333333deg, 100%, 50%);
}

@keyframes orbit250 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-345deg) rotateY(13deg) translateX(60px) rotateZ(345deg);
  }
  80% {
    transform: rotateZ(-345deg) rotateY(13deg) translateX(60px) rotateZ(345deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-345deg) rotateY(13deg) translateX(180px) rotateZ(345deg);
  }
}
.dot:nth-child(251) {
  animation: orbit251 10s infinite;
  animation-delay: 2.51s;
  background-color: hsl(193.4666666667deg, 100%, 50%);
}

@keyframes orbit251 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-16deg) rotateY(160deg) translateX(60px) rotateZ(16deg);
  }
  80% {
    transform: rotateZ(-16deg) rotateY(160deg) translateX(60px) rotateZ(16deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-16deg) rotateY(160deg) translateX(180px) rotateZ(16deg);
  }
}
.dot:nth-child(252) {
  animation: orbit252 10s infinite;
  animation-delay: 2.52s;
  background-color: hsl(193.6deg, 100%, 50%);
}

@keyframes orbit252 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-238deg) rotateY(56deg) translateX(60px) rotateZ(238deg);
  }
  80% {
    transform: rotateZ(-238deg) rotateY(56deg) translateX(60px) rotateZ(238deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-238deg) rotateY(56deg) translateX(180px) rotateZ(238deg);
  }
}
.dot:nth-child(253) {
  animation: orbit253 10s infinite;
  animation-delay: 2.53s;
  background-color: hsl(193.7333333333deg, 100%, 50%);
}

@keyframes orbit253 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-277deg) rotateY(170deg) translateX(60px) rotateZ(277deg);
  }
  80% {
    transform: rotateZ(-277deg) rotateY(170deg) translateX(60px) rotateZ(277deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-277deg) rotateY(170deg) translateX(180px) rotateZ(277deg);
  }
}
.dot:nth-child(254) {
  animation: orbit254 10s infinite;
  animation-delay: 2.54s;
  background-color: hsl(193.8666666667deg, 100%, 50%);
}

@keyframes orbit254 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-250deg) rotateY(49deg) translateX(60px) rotateZ(250deg);
  }
  80% {
    transform: rotateZ(-250deg) rotateY(49deg) translateX(60px) rotateZ(250deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-250deg) rotateY(49deg) translateX(180px) rotateZ(250deg);
  }
}
.dot:nth-child(255) {
  animation: orbit255 10s infinite;
  animation-delay: 2.55s;
  background-color: hsl(194deg, 100%, 50%);
}

@keyframes orbit255 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-225deg) rotateY(191deg) translateX(60px) rotateZ(225deg);
  }
  80% {
    transform: rotateZ(-225deg) rotateY(191deg) translateX(60px) rotateZ(225deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-225deg) rotateY(191deg) translateX(180px) rotateZ(225deg);
  }
}
.dot:nth-child(256) {
  animation: orbit256 10s infinite;
  animation-delay: 2.56s;
  background-color: hsl(194.1333333333deg, 100%, 50%);
}

@keyframes orbit256 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-289deg) rotateY(61deg) translateX(60px) rotateZ(289deg);
  }
  80% {
    transform: rotateZ(-289deg) rotateY(61deg) translateX(60px) rotateZ(289deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-289deg) rotateY(61deg) translateX(180px) rotateZ(289deg);
  }
}
.dot:nth-child(257) {
  animation: orbit257 10s infinite;
  animation-delay: 2.57s;
  background-color: hsl(194.2666666667deg, 100%, 50%);
}

@keyframes orbit257 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-311deg) rotateY(277deg) translateX(60px) rotateZ(311deg);
  }
  80% {
    transform: rotateZ(-311deg) rotateY(277deg) translateX(60px) rotateZ(311deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-311deg) rotateY(277deg) translateX(180px) rotateZ(311deg);
  }
}
.dot:nth-child(258) {
  animation: orbit258 10s infinite;
  animation-delay: 2.58s;
  background-color: hsl(194.4deg, 100%, 50%);
}

@keyframes orbit258 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-352deg) rotateY(104deg) translateX(60px) rotateZ(352deg);
  }
  80% {
    transform: rotateZ(-352deg) rotateY(104deg) translateX(60px) rotateZ(352deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-352deg) rotateY(104deg) translateX(180px) rotateZ(352deg);
  }
}
.dot:nth-child(259) {
  animation: orbit259 10s infinite;
  animation-delay: 2.59s;
  background-color: hsl(194.5333333333deg, 100%, 50%);
}

@keyframes orbit259 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-284deg) rotateY(187deg) translateX(60px) rotateZ(284deg);
  }
  80% {
    transform: rotateZ(-284deg) rotateY(187deg) translateX(60px) rotateZ(284deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-284deg) rotateY(187deg) translateX(180px) rotateZ(284deg);
  }
}
.dot:nth-child(260) {
  animation: orbit260 10s infinite;
  animation-delay: 2.6s;
  background-color: hsl(194.6666666667deg, 100%, 50%);
}

@keyframes orbit260 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-256deg) rotateY(60deg) translateX(60px) rotateZ(256deg);
  }
  80% {
    transform: rotateZ(-256deg) rotateY(60deg) translateX(60px) rotateZ(256deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-256deg) rotateY(60deg) translateX(180px) rotateZ(256deg);
  }
}
.dot:nth-child(261) {
  animation: orbit261 10s infinite;
  animation-delay: 2.61s;
  background-color: hsl(194.8deg, 100%, 50%);
}

@keyframes orbit261 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-332deg) rotateY(248deg) translateX(60px) rotateZ(332deg);
  }
  80% {
    transform: rotateZ(-332deg) rotateY(248deg) translateX(60px) rotateZ(332deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-332deg) rotateY(248deg) translateX(180px) rotateZ(332deg);
  }
}
.dot:nth-child(262) {
  animation: orbit262 10s infinite;
  animation-delay: 2.62s;
  background-color: hsl(194.9333333333deg, 100%, 50%);
}

@keyframes orbit262 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-164deg) rotateY(90deg) translateX(60px) rotateZ(164deg);
  }
  80% {
    transform: rotateZ(-164deg) rotateY(90deg) translateX(60px) rotateZ(164deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-164deg) rotateY(90deg) translateX(180px) rotateZ(164deg);
  }
}
.dot:nth-child(263) {
  animation: orbit263 10s infinite;
  animation-delay: 2.63s;
  background-color: hsl(195.0666666667deg, 100%, 50%);
}

@keyframes orbit263 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-175deg) rotateY(150deg) translateX(60px) rotateZ(175deg);
  }
  80% {
    transform: rotateZ(-175deg) rotateY(150deg) translateX(60px) rotateZ(175deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-175deg) rotateY(150deg) translateX(180px) rotateZ(175deg);
  }
}
.dot:nth-child(264) {
  animation: orbit264 10s infinite;
  animation-delay: 2.64s;
  background-color: hsl(195.2deg, 100%, 50%);
}

@keyframes orbit264 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-46deg) rotateY(188deg) translateX(60px) rotateZ(46deg);
  }
  80% {
    transform: rotateZ(-46deg) rotateY(188deg) translateX(60px) rotateZ(46deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-46deg) rotateY(188deg) translateX(180px) rotateZ(46deg);
  }
}
.dot:nth-child(265) {
  animation: orbit265 10s infinite;
  animation-delay: 2.65s;
  background-color: hsl(195.3333333333deg, 100%, 50%);
}

@keyframes orbit265 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-76deg) rotateY(13deg) translateX(60px) rotateZ(76deg);
  }
  80% {
    transform: rotateZ(-76deg) rotateY(13deg) translateX(60px) rotateZ(76deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-76deg) rotateY(13deg) translateX(180px) rotateZ(76deg);
  }
}
.dot:nth-child(266) {
  animation: orbit266 10s infinite;
  animation-delay: 2.66s;
  background-color: hsl(195.4666666667deg, 100%, 50%);
}

@keyframes orbit266 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-133deg) rotateY(349deg) translateX(60px) rotateZ(133deg);
  }
  80% {
    transform: rotateZ(-133deg) rotateY(349deg) translateX(60px) rotateZ(133deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-133deg) rotateY(349deg) translateX(180px) rotateZ(133deg);
  }
}
.dot:nth-child(267) {
  animation: orbit267 10s infinite;
  animation-delay: 2.67s;
  background-color: hsl(195.6deg, 100%, 50%);
}

@keyframes orbit267 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-189deg) rotateY(294deg) translateX(60px) rotateZ(189deg);
  }
  80% {
    transform: rotateZ(-189deg) rotateY(294deg) translateX(60px) rotateZ(189deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-189deg) rotateY(294deg) translateX(180px) rotateZ(189deg);
  }
}
.dot:nth-child(268) {
  animation: orbit268 10s infinite;
  animation-delay: 2.68s;
  background-color: hsl(195.7333333333deg, 100%, 50%);
}

@keyframes orbit268 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-169deg) rotateY(315deg) translateX(60px) rotateZ(169deg);
  }
  80% {
    transform: rotateZ(-169deg) rotateY(315deg) translateX(60px) rotateZ(169deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-169deg) rotateY(315deg) translateX(180px) rotateZ(169deg);
  }
}
.dot:nth-child(269) {
  animation: orbit269 10s infinite;
  animation-delay: 2.69s;
  background-color: hsl(195.8666666667deg, 100%, 50%);
}

@keyframes orbit269 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-349deg) rotateY(307deg) translateX(60px) rotateZ(349deg);
  }
  80% {
    transform: rotateZ(-349deg) rotateY(307deg) translateX(60px) rotateZ(349deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-349deg) rotateY(307deg) translateX(180px) rotateZ(349deg);
  }
}
.dot:nth-child(270) {
  animation: orbit270 10s infinite;
  animation-delay: 2.7s;
  background-color: hsl(196deg, 100%, 50%);
}

@keyframes orbit270 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-331deg) rotateY(126deg) translateX(60px) rotateZ(331deg);
  }
  80% {
    transform: rotateZ(-331deg) rotateY(126deg) translateX(60px) rotateZ(331deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-331deg) rotateY(126deg) translateX(180px) rotateZ(331deg);
  }
}
.dot:nth-child(271) {
  animation: orbit271 10s infinite;
  animation-delay: 2.71s;
  background-color: hsl(196.1333333333deg, 100%, 50%);
}

@keyframes orbit271 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-233deg) rotateY(338deg) translateX(60px) rotateZ(233deg);
  }
  80% {
    transform: rotateZ(-233deg) rotateY(338deg) translateX(60px) rotateZ(233deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-233deg) rotateY(338deg) translateX(180px) rotateZ(233deg);
  }
}
.dot:nth-child(272) {
  animation: orbit272 10s infinite;
  animation-delay: 2.72s;
  background-color: hsl(196.2666666667deg, 100%, 50%);
}

@keyframes orbit272 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-319deg) rotateY(3deg) translateX(60px) rotateZ(319deg);
  }
  80% {
    transform: rotateZ(-319deg) rotateY(3deg) translateX(60px) rotateZ(319deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-319deg) rotateY(3deg) translateX(180px) rotateZ(319deg);
  }
}
.dot:nth-child(273) {
  animation: orbit273 10s infinite;
  animation-delay: 2.73s;
  background-color: hsl(196.4deg, 100%, 50%);
}

@keyframes orbit273 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-56deg) rotateY(121deg) translateX(60px) rotateZ(56deg);
  }
  80% {
    transform: rotateZ(-56deg) rotateY(121deg) translateX(60px) rotateZ(56deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-56deg) rotateY(121deg) translateX(180px) rotateZ(56deg);
  }
}
.dot:nth-child(274) {
  animation: orbit274 10s infinite;
  animation-delay: 2.74s;
  background-color: hsl(196.5333333333deg, 100%, 50%);
}

@keyframes orbit274 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-28deg) rotateY(29deg) translateX(60px) rotateZ(28deg);
  }
  80% {
    transform: rotateZ(-28deg) rotateY(29deg) translateX(60px) rotateZ(28deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-28deg) rotateY(29deg) translateX(180px) rotateZ(28deg);
  }
}
.dot:nth-child(275) {
  animation: orbit275 10s infinite;
  animation-delay: 2.75s;
  background-color: hsl(196.6666666667deg, 100%, 50%);
}

@keyframes orbit275 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-246deg) rotateY(204deg) translateX(60px) rotateZ(246deg);
  }
  80% {
    transform: rotateZ(-246deg) rotateY(204deg) translateX(60px) rotateZ(246deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-246deg) rotateY(204deg) translateX(180px) rotateZ(246deg);
  }
}
.dot:nth-child(276) {
  animation: orbit276 10s infinite;
  animation-delay: 2.76s;
  background-color: hsl(196.8deg, 100%, 50%);
}

@keyframes orbit276 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-326deg) rotateY(226deg) translateX(60px) rotateZ(326deg);
  }
  80% {
    transform: rotateZ(-326deg) rotateY(226deg) translateX(60px) rotateZ(326deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-326deg) rotateY(226deg) translateX(180px) rotateZ(326deg);
  }
}
.dot:nth-child(277) {
  animation: orbit277 10s infinite;
  animation-delay: 2.77s;
  background-color: hsl(196.9333333333deg, 100%, 50%);
}

@keyframes orbit277 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-101deg) rotateY(196deg) translateX(60px) rotateZ(101deg);
  }
  80% {
    transform: rotateZ(-101deg) rotateY(196deg) translateX(60px) rotateZ(101deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-101deg) rotateY(196deg) translateX(180px) rotateZ(101deg);
  }
}
.dot:nth-child(278) {
  animation: orbit278 10s infinite;
  animation-delay: 2.78s;
  background-color: hsl(197.0666666667deg, 100%, 50%);
}

@keyframes orbit278 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-109deg) rotateY(114deg) translateX(60px) rotateZ(109deg);
  }
  80% {
    transform: rotateZ(-109deg) rotateY(114deg) translateX(60px) rotateZ(109deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-109deg) rotateY(114deg) translateX(180px) rotateZ(109deg);
  }
}
.dot:nth-child(279) {
  animation: orbit279 10s infinite;
  animation-delay: 2.79s;
  background-color: hsl(197.2deg, 100%, 50%);
}

@keyframes orbit279 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-63deg) rotateY(293deg) translateX(60px) rotateZ(63deg);
  }
  80% {
    transform: rotateZ(-63deg) rotateY(293deg) translateX(60px) rotateZ(63deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-63deg) rotateY(293deg) translateX(180px) rotateZ(63deg);
  }
}
.dot:nth-child(280) {
  animation: orbit280 10s infinite;
  animation-delay: 2.8s;
  background-color: hsl(197.3333333333deg, 100%, 50%);
}

@keyframes orbit280 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-172deg) rotateY(268deg) translateX(60px) rotateZ(172deg);
  }
  80% {
    transform: rotateZ(-172deg) rotateY(268deg) translateX(60px) rotateZ(172deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-172deg) rotateY(268deg) translateX(180px) rotateZ(172deg);
  }
}
.dot:nth-child(281) {
  animation: orbit281 10s infinite;
  animation-delay: 2.81s;
  background-color: hsl(197.4666666667deg, 100%, 50%);
}

@keyframes orbit281 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-298deg) rotateY(253deg) translateX(60px) rotateZ(298deg);
  }
  80% {
    transform: rotateZ(-298deg) rotateY(253deg) translateX(60px) rotateZ(298deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-298deg) rotateY(253deg) translateX(180px) rotateZ(298deg);
  }
}
.dot:nth-child(282) {
  animation: orbit282 10s infinite;
  animation-delay: 2.82s;
  background-color: hsl(197.6deg, 100%, 50%);
}

@keyframes orbit282 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-182deg) rotateY(9deg) translateX(60px) rotateZ(182deg);
  }
  80% {
    transform: rotateZ(-182deg) rotateY(9deg) translateX(60px) rotateZ(182deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-182deg) rotateY(9deg) translateX(180px) rotateZ(182deg);
  }
}
.dot:nth-child(283) {
  animation: orbit283 10s infinite;
  animation-delay: 2.83s;
  background-color: hsl(197.7333333333deg, 100%, 50%);
}

@keyframes orbit283 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-292deg) rotateY(20deg) translateX(60px) rotateZ(292deg);
  }
  80% {
    transform: rotateZ(-292deg) rotateY(20deg) translateX(60px) rotateZ(292deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-292deg) rotateY(20deg) translateX(180px) rotateZ(292deg);
  }
}
.dot:nth-child(284) {
  animation: orbit284 10s infinite;
  animation-delay: 2.84s;
  background-color: hsl(197.8666666667deg, 100%, 50%);
}

@keyframes orbit284 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-144deg) rotateY(23deg) translateX(60px) rotateZ(144deg);
  }
  80% {
    transform: rotateZ(-144deg) rotateY(23deg) translateX(60px) rotateZ(144deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-144deg) rotateY(23deg) translateX(180px) rotateZ(144deg);
  }
}
.dot:nth-child(285) {
  animation: orbit285 10s infinite;
  animation-delay: 2.85s;
  background-color: hsl(198deg, 100%, 50%);
}

@keyframes orbit285 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-216deg) rotateY(205deg) translateX(60px) rotateZ(216deg);
  }
  80% {
    transform: rotateZ(-216deg) rotateY(205deg) translateX(60px) rotateZ(216deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-216deg) rotateY(205deg) translateX(180px) rotateZ(216deg);
  }
}
.dot:nth-child(286) {
  animation: orbit286 10s infinite;
  animation-delay: 2.86s;
  background-color: hsl(198.1333333333deg, 100%, 50%);
}

@keyframes orbit286 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-50deg) rotateY(23deg) translateX(60px) rotateZ(50deg);
  }
  80% {
    transform: rotateZ(-50deg) rotateY(23deg) translateX(60px) rotateZ(50deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-50deg) rotateY(23deg) translateX(180px) rotateZ(50deg);
  }
}
.dot:nth-child(287) {
  animation: orbit287 10s infinite;
  animation-delay: 2.87s;
  background-color: hsl(198.2666666667deg, 100%, 50%);
}

@keyframes orbit287 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-113deg) rotateY(293deg) translateX(60px) rotateZ(113deg);
  }
  80% {
    transform: rotateZ(-113deg) rotateY(293deg) translateX(60px) rotateZ(113deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-113deg) rotateY(293deg) translateX(180px) rotateZ(113deg);
  }
}
.dot:nth-child(288) {
  animation: orbit288 10s infinite;
  animation-delay: 2.88s;
  background-color: hsl(198.4deg, 100%, 50%);
}

@keyframes orbit288 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-131deg) rotateY(23deg) translateX(60px) rotateZ(131deg);
  }
  80% {
    transform: rotateZ(-131deg) rotateY(23deg) translateX(60px) rotateZ(131deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-131deg) rotateY(23deg) translateX(180px) rotateZ(131deg);
  }
}
.dot:nth-child(289) {
  animation: orbit289 10s infinite;
  animation-delay: 2.89s;
  background-color: hsl(198.5333333333deg, 100%, 50%);
}

@keyframes orbit289 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-188deg) rotateY(232deg) translateX(60px) rotateZ(188deg);
  }
  80% {
    transform: rotateZ(-188deg) rotateY(232deg) translateX(60px) rotateZ(188deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-188deg) rotateY(232deg) translateX(180px) rotateZ(188deg);
  }
}
.dot:nth-child(290) {
  animation: orbit290 10s infinite;
  animation-delay: 2.9s;
  background-color: hsl(198.6666666667deg, 100%, 50%);
}

@keyframes orbit290 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-209deg) rotateY(301deg) translateX(60px) rotateZ(209deg);
  }
  80% {
    transform: rotateZ(-209deg) rotateY(301deg) translateX(60px) rotateZ(209deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-209deg) rotateY(301deg) translateX(180px) rotateZ(209deg);
  }
}
.dot:nth-child(291) {
  animation: orbit291 10s infinite;
  animation-delay: 2.91s;
  background-color: hsl(198.8deg, 100%, 50%);
}

@keyframes orbit291 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-14deg) rotateY(228deg) translateX(60px) rotateZ(14deg);
  }
  80% {
    transform: rotateZ(-14deg) rotateY(228deg) translateX(60px) rotateZ(14deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-14deg) rotateY(228deg) translateX(180px) rotateZ(14deg);
  }
}
.dot:nth-child(292) {
  animation: orbit292 10s infinite;
  animation-delay: 2.92s;
  background-color: hsl(198.9333333333deg, 100%, 50%);
}

@keyframes orbit292 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-209deg) rotateY(36deg) translateX(60px) rotateZ(209deg);
  }
  80% {
    transform: rotateZ(-209deg) rotateY(36deg) translateX(60px) rotateZ(209deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-209deg) rotateY(36deg) translateX(180px) rotateZ(209deg);
  }
}
.dot:nth-child(293) {
  animation: orbit293 10s infinite;
  animation-delay: 2.93s;
  background-color: hsl(199.0666666667deg, 100%, 50%);
}

@keyframes orbit293 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-334deg) rotateY(210deg) translateX(60px) rotateZ(334deg);
  }
  80% {
    transform: rotateZ(-334deg) rotateY(210deg) translateX(60px) rotateZ(334deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-334deg) rotateY(210deg) translateX(180px) rotateZ(334deg);
  }
}
.dot:nth-child(294) {
  animation: orbit294 10s infinite;
  animation-delay: 2.94s;
  background-color: hsl(199.2deg, 100%, 50%);
}

@keyframes orbit294 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-84deg) rotateY(180deg) translateX(60px) rotateZ(84deg);
  }
  80% {
    transform: rotateZ(-84deg) rotateY(180deg) translateX(60px) rotateZ(84deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-84deg) rotateY(180deg) translateX(180px) rotateZ(84deg);
  }
}
.dot:nth-child(295) {
  animation: orbit295 10s infinite;
  animation-delay: 2.95s;
  background-color: hsl(199.3333333333deg, 100%, 50%);
}

@keyframes orbit295 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-282deg) rotateY(187deg) translateX(60px) rotateZ(282deg);
  }
  80% {
    transform: rotateZ(-282deg) rotateY(187deg) translateX(60px) rotateZ(282deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-282deg) rotateY(187deg) translateX(180px) rotateZ(282deg);
  }
}
.dot:nth-child(296) {
  animation: orbit296 10s infinite;
  animation-delay: 2.96s;
  background-color: hsl(199.4666666667deg, 100%, 50%);
}

@keyframes orbit296 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-279deg) rotateY(329deg) translateX(60px) rotateZ(279deg);
  }
  80% {
    transform: rotateZ(-279deg) rotateY(329deg) translateX(60px) rotateZ(279deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-279deg) rotateY(329deg) translateX(180px) rotateZ(279deg);
  }
}
.dot:nth-child(297) {
  animation: orbit297 10s infinite;
  animation-delay: 2.97s;
  background-color: hsl(199.6deg, 100%, 50%);
}

@keyframes orbit297 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-122deg) rotateY(125deg) translateX(60px) rotateZ(122deg);
  }
  80% {
    transform: rotateZ(-122deg) rotateY(125deg) translateX(60px) rotateZ(122deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-122deg) rotateY(125deg) translateX(180px) rotateZ(122deg);
  }
}
.dot:nth-child(298) {
  animation: orbit298 10s infinite;
  animation-delay: 2.98s;
  background-color: hsl(199.7333333333deg, 100%, 50%);
}

@keyframes orbit298 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-166deg) rotateY(108deg) translateX(60px) rotateZ(166deg);
  }
  80% {
    transform: rotateZ(-166deg) rotateY(108deg) translateX(60px) rotateZ(166deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-166deg) rotateY(108deg) translateX(180px) rotateZ(166deg);
  }
}
.dot:nth-child(299) {
  animation: orbit299 10s infinite;
  animation-delay: 2.99s;
  background-color: hsl(199.8666666667deg, 100%, 50%);
}

@keyframes orbit299 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-360deg) rotateY(88deg) translateX(60px) rotateZ(360deg);
  }
  80% {
    transform: rotateZ(-360deg) rotateY(88deg) translateX(60px) rotateZ(360deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-360deg) rotateY(88deg) translateX(180px) rotateZ(360deg);
  }
}
.dot:nth-child(300) {
  animation: orbit300 10s infinite;
  animation-delay: 3s;
  background-color: hsl(200deg, 100%, 50%);
}

@keyframes orbit300 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-350deg) rotateY(5deg) translateX(60px) rotateZ(350deg);
  }
  80% {
    transform: rotateZ(-350deg) rotateY(5deg) translateX(60px) rotateZ(350deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-350deg) rotateY(5deg) translateX(180px) rotateZ(350deg);
  }
}
/* Animations
-------------------------------------------------- */
@keyframes navDown {
  0% {
    transform: translateY(-40px);
    opacity: 0;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}
@keyframes upBounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-10px);
  }
  60% {
    transform: translateY(-5px);
  }
}
@keyframes drop-anim {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes iconMoveRight {
  0%, 20%, 50%, 80%, 100% {
    transform: translateX(0);
  }
  40% {
    transform: translateX(10px);
  }
  60% {
    transform: translateX(5px);
  }
}
@keyframes btnGradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes serviceBgSlide {
  from {
    background-position: top 1000px right 0;
  }
  to {
    background-position: top 0 right 0;
  }
}
@keyframes sectorBgTop {
  from {
    background-position: left 1920px top 0;
  }
  to {
    background-position: left 0 top 0;
  }
}
@keyframes sectorBgBtm {
  from {
    background-position: left -1920px top 0;
  }
  to {
    background-position: left 0 top 0;
  }
}
@keyframes iconPulse {
  0% {
    transform: scale(1);
  }
  15% {
    box-shadow: 0 0 0 2px rgba(30, 184, 186, 0.4);
  }
  25% {
    box-shadow: 0 0 0 4px rgba(30, 184, 186, 0.4), 0 0 0 8px rgba(30, 184, 186, 0.2);
  }
  25% {
    box-shadow: 0 0 0 6px rgba(30, 184, 186, 0.4), 0 0 0 12px rgba(30, 184, 186, 0.2);
  }
}
/* RESPONSIVE CSS
-------------------------------------------------- */
@media (min-width: 768px) {
  .dropdown-menu {
    animation: drop-anim 0.3s ease-out;
  }
}
@media (min-width: 1280px) {
  .container,
.container-sm,
.container-md,
.container-lg,
.container-xl {
    width: 1220px;
    max-width: 1220px;
  }
}
@media (min-width: 1366px) {
  .container,
.container-sm,
.container-md,
.container-lg,
.container-xl {
    width: 1220px;
    max-width: 1220px;
  }
}
@media (max-width: 1280px) {
  .navbar-main .logo {
    width: 250px;
  }
  .ins-banner-sec {
    height: 200px;
  }
  .ins-banner-cover h1 {
    font-size: 3rem;
    margin: 0 0 0.5rem 0;
  }
}
@media (max-width: 1200px) {
  .registry-search .reg-search-hd {
    margin-bottom: 1rem;
  }
  .auction-sec {
    padding: 4rem 0 4rem;
  }
  .auction-cover .auction-hd {
    margin-bottom: 2rem;
  }
  .about-om-sec {
    padding: 6rem 0 6rem;
  }
  .about-om-cover .abt-om-hd {
    margin-bottom: 2rem;
  }
  .registrars-sec {
    padding: 4rem 0 4rem;
  }
  .faq-sec {
    padding: 4rem 0 4rem;
  }
  .faq-cover .faq-hd {
    margin-bottom: 2rem;
  }
  .faq-tb-nav .nav-item .nav-link .nav-icon {
    flex: 0 0 100px;
    max-width: 100px;
  }
  .publication-item .pub-it-head {
    padding: 1.5rem 1.5rem 1.5rem;
  }
  .publication-item .pub-it-head p {
    font-size: 1.5rem;
  }
  .publication-item .pub-it-head h3 {
    font-size: 3rem;
  }
  .publication-item .pub-it-head .pub-status {
    width: 90px;
    font-size: 1rem;
  }
}
@media (max-width: 991px) {
  .navbar-main .logo {
    order: 2;
  }
  .navbar-main .navbar-toggler {
    order: 1;
  }
  .navbar-main .navbar-collapse {
    order: 3;
  }
  .mega-menu {
    flex-wrap: wrap;
  }
  .mega-menu .menu-graphic {
    display: none;
  }
  .sector-sec {
    min-height: unset;
    padding: 3rem 0 3rem;
    margin-top: 0;
  }
  .sector-item .sector-it-content {
    max-height: unset;
  }
  .banner-reg-cover .banner-reg-body {
    top: auto;
    bottom: 2rem;
  }
  .contact-form {
    margin-bottom: 2rem;
  }
  .connect-item {
    margin-bottom: 2rem;
  }
  .location-map {
    height: 300px;
  }
  .faq-tb-nav {
    margin-bottom: 1rem;
  }
  .faq-tb-nav .nav-item .nav-link {
    display: flex;
    padding: 1rem 1rem;
  }
  .faq-tb-nav .nav-item .nav-link .nav-label {
    font-size: 1.25rem;
  }
  .faq-tb-nav .nav-item .nav-link .nav-icon {
    flex: 0 0 75px;
    max-width: 75px;
  }
  .ins-faq-accordion {
    padding: 1.5rem;
  }
  .publication-con-sec {
    padding: 4rem 0 4rem;
  }
  .reports-tb-nav .nav-item .nav-link .nav-label {
    font-size: 1rem;
    font-weight: 500;
  }
  .vison-list-cover .vison-item .vison-icon {
    flex: 0 0 100px;
    max-width: 100px;
    margin-right: 1rem;
  }
  .vison-list-cover .vison-item + .vison-item {
    border-left: 0 solid var(--bk-grade-250);
  }
  .vison-list-cover .vison-item {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .values-sec {
    padding: 4rem 0 4rem;
  }
  .values-wrapper .values-woman {
    display: none;
  }
  .sec-ind-intro p {
    font-size: 1.125rem;
  }
}
@media (max-width: 767px) {
  .sector-indcators {
    margin-bottom: 2rem;
  }
  .sector-indcators .sector-ind-hd {
    margin-bottom: 2rem;
  }
  .sector-ind-graph {
    max-width: unset;
    margin-left: unset;
  }
  .media-cover .media-hd {
    margin-bottom: 2rem;
  }
  .col-ft-logo {
    flex: 0 0 100%;
    max-width: 100%;
    order: unset;
  }
  .footer-logo {
    max-width: 200px;
    margin: 0 auto 2rem;
  }
  .col-ft-link {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .copyright {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 2rem;
    text-align: center;
  }
  .btm-links {
    justify-content: center;
  }
  .footer-social {
    flex: 0 0 100%;
    max-width: 100%;
    justify-content: center;
  }
  .registry-search .reg-search-hd .reg-search-logo {
    max-width: 125px;
  }
  .registry-search .reg-search-hd h2 {
    font-size: 2rem;
  }
  .registry-search .reg-search-hd h2 .txt-small {
    font-size: 1rem;
  }
  .abt-om-info {
    margin-bottom: 2rem;
  }
  .registrars-carousel .owl-item {
    border-left: solid 0 var(--bk-grade-100);
  }
  .col-arab-woman {
    order: unset;
  }
  .pro-over-cover .pro-over-img {
    flex: 0 0 100%;
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 1rem;
  }
  .pro-over-cover .pro-over-body {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .pro-over-cover .pro-over-hd {
    margin-bottom: 1.5rem;
  }
  .faq-tb-nav .nav-item {
    flex: 0 0 100%;
    padding: 0;
    margin-bottom: 0.25rem;
  }
  .reports-tb-nav .nav-item {
    max-width: 100px;
  }
}
@media (max-width: 576px) {
  .navbar-main .logo {
    width: 175px;
  }
  .tool-nav .nav-item .nav-link .nav-label {
    display: none;
  }
  .banner-cover .carousel .carousel-inner .carousel-item img {
    height: 250px;
  }
  .service-tb-sec {
    padding: 3rem 0 3rem;
  }
  .service-tb-nav .nav-item {
    margin: 0 0.1rem;
  }
  .service-tb-nav .nav-item .nav-link {
    font-size: 0.875rem;
    padding: 0.75rem 0.5rem;
  }
  .service-tb-items .service-item {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .service-item figure {
    max-width: 125px;
    height: 125px;
    margin: 0 auto 0.5rem;
  }
  .service-item figure i {
    width: 70px;
    height: 70px;
  }
  .consumer-tb-items .consumer-item {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .consumer-item figure {
    max-width: 125px;
    height: 125px;
    margin: 0 auto 0.5rem;
  }
  .consumer-item figure i {
    width: 70px;
    height: 70px;
  }
  .sector-ind-sec {
    padding: 4rem 0 4rem;
  }
  .footer-sec {
    padding: 3rem 0 3rem;
  }
  .media-list .media-item {
    flex: 0 0 150px;
    max-width: 150px;
    margin: 0 0.5rem 1rem;
  }
  .col-ft-link {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .registry-search .reg-search-form .input-group .btn-search {
    font-size: 1rem;
    padding: 0.5rem 1rem;
  }
  .registry-search .reg-search-form .input-group .form-control {
    height: 50px;
  }
  .registry-search .reg-search-form .input-group .btn-search img {
    margin-left: 0.5rem;
  }
  .management-sec {
    padding: 3rem 0 3rem;
  }
  .ins-banner-cover h1 {
    font-size: 2rem;
    margin: 0;
  }
  .management-item {
    margin: 0 auto 2rem;
  }
  .management-item .mng-it-body {
    min-height: unset;
  }
  .abt-om-info .abt-om-item {
    flex: 0 0 150px;
    max-width: 150px;
    height: 150px;
    padding: 0.5rem;
  }
  .auction-sec {
    padding: 3rem 0 3rem;
  }
  .about-om-sec {
    padding: 4rem 0 4rem;
  }
  .abt-om-info .abt-om-col {
    padding: 0.15rem;
  }
  .abt-om-info .abt-om-item {
    margin-bottom: 0.3rem;
  }
  .abt-om-info .abt-om-item h3 {
    font-size: 2rem;
  }
  .about-om-cover h2 {
    font-size: 2rem;
  }
  .lt-event-cover {
    margin-bottom: 2rem;
  }
  .lt-event-item {
    flex-wrap: wrap;
  }
  .lt-event-item .lt-event-img {
    flex: 0 0 100%;
    max-width: 200px;
    padding: 0;
    margin: 0 auto 1rem;
  }
  .lt-event-item .lt-event-it-body {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 1.5rem 0 0;
    border-left: solid 0 var(--bk-grade-100);
    border-top: solid 1px var(--bk-grade-100);
  }
  .policy-item {
    padding: 0.5rem;
    margin-bottom: 1rem;
  }
  .policy-item .policy-it-icon {
    flex: 0 0 75px;
    max-width: 75px;
    margin-right: 0.5rem;
  }
  .policy-item .policy-it-body h3 {
    font-size: 1.5rem;
  }
  .arab-women {
    max-width: 300px;
    margin: 2rem auto 0;
  }
  .faq-accordion .card .card-header h3 {
    font-size: 1.125rem;
    padding: 1rem 2rem 1rem 0;
  }
  .contact-form .contact-hd {
    margin-bottom: 2rem;
  }
  .address-item .address-icon {
    width: 75px;
    margin: 0 auto 1rem;
  }
  .con-form-sec {
    padding: 3rem 0 3rem;
  }
  .connect-sec {
    padding: 3rem 0 3rem;
  }
  .connect-item {
    margin-bottom: 1rem;
  }
  .connect-item .connect-icon {
    flex: 0 0 50px;
    max-width: 50px;
  }
  .pro-over-item .pro-over-body {
    min-height: unset;
  }
  .faq-tb-nav .nav-item .nav-link .nav-icon {
    flex: 0 0 50px;
    max-width: 50px;
  }
  .ins-faq-accordion {
    padding: 1rem;
  }
  .publication-con-sec {
    padding: 3rem 0 3rem;
  }
  .publication-item .pub-it-head {
    padding: 1rem 1rem 1rem;
  }
  .publication-item .pub-it-head h3 {
    font-size: 2.5rem;
  }
  .publication-item .pub-it-body {
    min-height: unset;
  }
  .reports-tb-nav .nav-item {
    max-width: 75px;
  }
  .reports-tb-table {
    padding: 1rem;
  }
  .sec-ind-sec {
    padding: 3rem 0 1.5rem;
  }
  .stati-graph-sec {
    padding: 1.5rem 0 1.5rem;
  }
  .pos-sec-ind-sec {
    padding: 1.5rem 0 3rem;
  }
  .sec-ind-intro p {
    font-size: 1rem;
  }
  .q-service-sec {
    padding: 3rem 0 3rem;
  }
  .class-tb-content .class-navs .nav-link {
    padding: 1rem;
  }
  .tsl-tb-nav .nav-item .nav-link {
    font-size: 1rem;
    padding: 0.5rem 1rem;
  }
  .login-pki-cover {
    flex-wrap: wrap;
  }
  .login-pki-cover .login-pki-form {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .login-pki-cover .login-alt {
    justify-content: center;
    flex: 0 0 100%;
    max-width: 100%;
    margin: 1rem 0;
  }
  .login-pki-cover .login-alt::before {
    top: 50%;
    width: 100%;
    height: 1px;
  }
  .login-sec {
    padding: 3rem 0 3rem;
  }
  .ins-banner-dash-hd {
    display: block;
  }
  .ins-banner-dash-hd h1 {
    font-size: 1.875rem;
  }
  .ins-banner-dash-hd .breadcrumb {
    justify-content: flex-start;
  }
}
@media (max-width: 480px) {
  .sector-ind-graph .sec-ind-map {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    height: unset;
  }
  .sector-ind-graph .sec-ind-left {
    flex: 1 1 0;
    max-width: 50%;
    margin-right: 0.5rem;
  }
  .sector-ind-graph .sec-ind-right {
    flex: 1 1 0;
    max-width: 50%;
    margin-left: 0.5rem;
  }
  .media-list .media-item {
    flex: 0 0 100px;
    max-width: 100px;
    margin: 0 0.25rem 1rem;
  }
  .media-list .media-item figure {
    max-width: 100px;
    height: 100px;
    margin: 0 auto 0.5rem;
  }
  .media-list .media-item figure i {
    width: 60px;
    height: 60px;
  }
  .media-list .media-item .media-it-body p {
    font-size: 1rem;
  }
}