/* Main CSS
-------------------------------------------------- */
:root {
  --white: #fff;
  --black: #000;
  --color-blue-inner: #0969b5;
  --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: 'ArabFont',"Rajdhani" !important;
  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);
}
.text-right .sector-item .sector-it-hd h3::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 30px;
  height: 3px;
  margin: 0 auto;
  margin-right: 0;
  background-color: var(--color-100);
}

.sector-item .sector-it-body {
  padding: 1rem 1rem!important;
}

.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 .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 .icon-left {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  color: var(--white);
  background-color: var(--color-100);
  margin-right: 1rem;
  border-radius: 50%;
}



.sector-item .sector-it-content .btn-more:hover .icon-left {
  color: var(--color-100);
  background-color: var(--white);
  animation: iconMoveLeft 1s infinite;
}

.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: #00c6c6;
  background: -webkit-gradient(left top, right top, color-stop(0%, #00c6c6), color-stop(33%, #0053a0), color-stop(66%, #00c6c6), color-stop(100%, #0053a0));
  background: linear-gradient(to right, #00c6c6 0%, #0053a0 33%, #00c6c6 66%, #0053a0 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: #00c6c6;
  background: -webkit-gradient(left top, right top, color-stop(0%, #00c6c6), color-stop(100%, #000b88));
  background: linear-gradient(to right, #00c6c6 0%, #000b88 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;
  cursor: pointer;
}

.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: #00c6c6;
  background: -webkit-gradient(left top, right bottom, color-stop(0%, #00c6c6), color-stop(33%, #0078ac), color-stop(66%, #00c6c6), color-stop(100%, #0078ac));
  background: linear-gradient(135deg, #00c6c6 0%, #0078ac 33%, #00c6c6 66%, #0078ac 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.5%;
  top:50%;
    margin-top: 0%;
  color:white !important;
  float:right !important;
  font-size: 1.5rem;
  transform: translateY(-50%) rotate(-180deg);
  transition: 0.2s ease-out;
}
.text-right  .stake-accordion .card .card-header h3 .icon {
    position: relative;
    left:0.5% !important;
    top:50% !important;
    margin-top: 1%;
  color:white !important;
  float:left  !important;
  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);
}


.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;
  cursor: pointer;
}

.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);
}

.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;
  cursor: pointer;
}

.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: #00c6c6;
  background: -webkit-gradient(left top, right bottom, color-stop(0%, #00c6c6), color-stop(33%, #0078ac), color-stop(66%, #00c6c6), color-stop(100%, #0078ac));
  background: linear-gradient(135deg, #00c6c6 0%, #0078ac 33%, #00c6c6 66%, #0078ac 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;
  padding-right: 0;
  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::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 0px;
  height: 100%;
  margin: 0 auto;
  background-color: var(--color-100);
}

.text-right .sector-indcators .sector-ind-hd {
  padding-right: 1.5rem;
  padding-left: 0;
  margin-bottom: 4rem;
  position: relative;
}

.text-right .sector-indcators .sector-ind-hd::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 0px;
  height: 100%;
  margin: 0 auto;
  background-color: var(--color-100);
}
.text-right .sector-indcators .sector-ind-hd::after {
  content: "";
  position: absolute;
  right: 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;
  cursor: pointer;
}

.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;
  margin-left: 0;
}
.text-right .sec-ind-list .sec-ind-item .sec-ind-icon {
  flex: 0 0 50px;
  max-width: 50px;
  margin-left: 1rem;
  margin-right: 0;
}

.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;
}

.text-right  .media-cover .media-hd {
  padding-right: 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);
}
.text-right  .media-cover .media-hd::after{
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 3px;
  height: 100%;
  margin: 0 auto;
  background-color:var(--white);
}
.text-right  .media-cover .media-hd::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0px;
  height: 0%;
  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: #00c6c6;
  background: -webkit-gradient(left top, right bottom, color-stop(0%, #00c6c6), color-stop(33%, #0078ac), color-stop(66%, #00c6c6), color-stop(100%, #0078ac));
  background: linear-gradient(135deg, #00c6c6 0%, #0078ac 33%, #00c6c6 66%, #0078ac 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;
  margin-right: 0;
 
}

.text-right.btm-links li + li {
  margin-left: 0;
  margin-right: 2rem;
 
}

.btm-links li + li::before {
  content: "";
  position: absolute;
  left: -1rem;
  top: 50%;
  width: 1px;
  height: 16px;
  background-color: var(--white);
  transform: translateY(-50%);
}

.text-right.btm-links li + li::before {
  content: "";
  position: absolute;
  right: -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";
}
.text-right  >.ins-banner-cover .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  content: "";
  color: var(--white);
  font-family: "FontAwesome";
}
.text-right  > .ins-banner-cover .breadcrumb .breadcrumb-item ::before {
  content: "";
  color:  var(--white);
  font-family: "FontAwesome";
}
.text-right  > .ins-banner-cover .breadcrumb .breadcrumb-item ::after {
  content: " \f104 ";
  color:  var(--white);
  font-family: "FontAwesome";
}
.text-right  > .ins-banner-cover .breadcrumb .breadcrumb-item.active ::before {
  content: "";
  color:  var(--white);
  font-family: "FontAwesome";
}
.text-right  > .ins-banner-cover .breadcrumb .breadcrumb-item.active ::after{
  content: "";
  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;
  cursor: pointer;
}

.publication-item .pub-it-head {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
  padding: 2rem 2rem 2rem;
  background: #0078ac;
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #0078ac), color-stop(100%, #003d98));
  background: linear-gradient(to bottom, #0078ac 0%, #003d98 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;
}
.text-right > .page-sec-hd {
  padding-right: 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:yellow;
  background-color: var(--color-200);
}
.text-right > .page-sec-hd::after{
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 3px;
  height: 100%;
  margin: 0 auto;
  background-color: var(--color-200);
}
.text-right > .page-sec-hd::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 3px;
  height: 100%;
  margin: 0 auto;
  background-color:transparent;
}

.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 ,.page-sec-hd.page-hd-white div {
  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 div {
  color: var(--white)!important;
  margin: 0;
}
.testi-item .testi-it-body p {
  color: var(--white)!important;
  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;
  padding-right: 0rem;
  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);
}

.text-right > .contact-form .contact-hd {
  padding-left: 0rem;
  padding-right: 1.5rem;
  margin-bottom: 4rem;
  position: relative;
}
.text-right > .contact-form .contact-hd::after{
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 3px;
  height: 100%;
  margin: 0 auto;
  background-color: var(--color-200);
}
.text-right > .contact-form .contact-hd::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 3px;
  height: 100%;
  margin: 0 auto;
  background-color:white;
}
.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, .class-tb-content div {
  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;
  justify-content: center;
}

.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: #00c6c6;
  background: -webkit-gradient(left top, right top, color-stop(0%, #00c6c6), color-stop(33%, #0053a0), color-stop(66%, #00c6c6), color-stop(100%, #0053a0));
  background: linear-gradient(to right, #00c6c6 0%, #0053a0 33%, #00c6c6 66%, #0053a0 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;
  cursor: pointer;
}

.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%;
}
.text-right .history-item .history-year {
  position: relative;
  flex: 0 0 125px;
  max-width: 125px;
  margin: 0.25rem 0.25rem 0.25rem  2rem;
  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: 2000%;
  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;
}
.text-right .history-item .history-it-body ul li {
  position: relative;
  font-weight: 500;
  padding: 0 1.25rem 0 0 ;
  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;
}
.text-right .news-list-item figure {
  flex: 0 0 450px;
  max-width: 450px;
  margin: 0 0 0 2rem ;
  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 .news-body .btn-more .icon-left {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin-right: 0.5rem;
  border-radius: 50%;
}

.news-list-item .news-body .btn-more:hover .icon-left {
  color: var(--white);
  background-color: var(--color-300);
  animation: iconMoveLeft 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-carousel {
  margin-bottom: 2rem;
  overflow: hidden;
}

.tel-tb-carousel .owl-theme .owl-nav .owl-prev,
.tel-tb-carousel .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-carousel .owl-theme .owl-nav .owl-prev {
  left: -5rem;
  background-image: url(../images/arrow-left.svg);
}

.tel-tb-carousel .owl-theme .owl-nav .owl-next {
  right: -5rem;
  background-image: url(../images/arrow-right.svg);
}

.tel-tb-carousel .owl-theme .owl-nav .owl-prev:hover,
.tel-tb-carousel .owl-theme .owl-nav .owl-next:hover {
  background-color: var(--bk-grade-150);
}

.tel-tb-carousel:hover .owl-theme .owl-nav .owl-prev {
  left: 1rem;
}

.tel-tb-carousel: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;
  margin: 0 ;
}
.text-right .tel-tb-content .tel-tb-co-body {
  flex: 1 1 0;
  padding: 2rem 0 0 2rem;
  margin-right: 1rem ;
}

.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);
}

.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;
}
.text-right  .licensing-cover ul li {
  position: relative;
  color: var(--bk-grade-750);
  font-weight: 500;
  padding: 0 1.5rem 0 0 ;
  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%;
}
.text-right  .licensing-cover ul li::before {
  content: "";
  position: absolute;
  right: 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-color: var(--color-100);
  background-image: url(../images/report-nav-bg.png);
  border-radius: 50%;
}

.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;
  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-color: var(--color-200);
  background-image: url(../images/report-nav-bg.png);
  border-radius: 50%;
}

.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;
  background-color: var(--color-200);
  border: 0.25rem;
  border-radius: 2px;
  text-transform: uppercase;
}

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

.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);
  border-right: 0px solid var(--bk-grade-250);
}


.text-right .vison-list-cover .vison-item + .vison-item {
  border-left: 0px solid var(--bk-grade-250);
  border-right: 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;
  margin-left: 0rem;
  background-image: url(../images/vision-icon-bg.png);
  border-radius: 50%;
}
.text-right .vison-list-cover .vison-item .vison-icon {
  position: relative;
  flex: 0 0 140px;
  max-width: 140px;
  margin-right: 0rem;
  margin-left: 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: #000b88;
  background: -webkit-gradient(left top, right top, color-stop(0%, #000b88), color-stop(100%, #00bcc2));
  background: linear-gradient(to right, #000b88 0%, #00bcc2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000b88', endColorstr='#00bcc2', GradientType=1 );
  overflow: hidden;
}

.text-right.values-sec {
  position: relative;
  padding: 6rem 0 6rem;
  background: #000b88;
  background: -webkit-gradient(left top, right top, color-stop(0%, #000b88), color-stop(100%, #00bcc2));
  background: linear-gradient(to right, #000b88 0%, #00bcc2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000b88', endColorstr='#00bcc2', GradientType=1 );
  overflow: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
  
}
.values-sec .values-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/values-bg.png);
}
.text-right .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!important;
  right: 0!important;
  top: 50px!important;
  width: 400px!important;
}

 .text-right .values-wrapper .values-woman {
  position: absolute!important;
  left: 0!important;
  top: 50px!important;
  width: 400px!important;
}

.values-wrapper .values-woman img {
  width: 100%;
}

.values-cover {
  max-width: 800px;
}
.text-right .values-cover {
  max-width: 800px;
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
  float:left;
}

.values-cover ul li {
  position: relative;
  padding: 0 0 0 2rem;
}

.text-right .values-cover ul li {
  position: relative;
  padding: 0  2rem 0 0;
}
.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);
}
.text-right .values-cover ul li::before {
  content: "\f00c";
  font-family: "FontAwesome";
  position: absolute;
  right: 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 ,.values-cover ul li div{
  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);
}
.text-right .respons-cover ul li {
  position: relative;
  padding: 0 2rem 0 0 ;
  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);
}

.text-right .respons-cover ul li::before {
  content: "\f00c";
  font-family: "FontAwesome";
  position: absolute;
  right: 0;
  top: 0;
  color: var(--bk-grade-950);
}
.content-data-sec {
  position: relative !important;
  padding: 4rem 0 2rem !important;
}

.content-data-tb-cover {
  margin-bottom: 2rem !important;
}

.content-data-tb-nav {
  display: flex !important;
  margin-bottom: 2rem !important;
}

.content-data-tb-nav .nav-item {
  flex: 1 1 0 !important;
  max-width: 200px !important;
  padding: 0 0.15rem !important;
}

.content-data-tb-nav .nav-item .nav-link {
  color: var(--white) !important;
  font-size: 1.125rem !important;
  padding: 0.7rem 1rem !important;
  background-color: var(--color-100) !important;
  border-radius: 0.15rem 0.15rem 0 0 !important;
}

.content-data-tb-nav .nav-item .nav-link.active {
  background-color: var(--color-200) !important;
}

.content-data-table {
  margin-bottom: 1.5rem !important;
}

.content-data-table h3 {
  color: var(--bk-grade-950) !important;
  font-size: 1.5rem !important;
  font-weight: 600 !important ;
  margin: 0 0 1rem 0 !important;
}

.content-data-table .table thead tr th {
  color: var(--white) !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  padding: 1rem 1rem !important;
  background-color: var(--color-100) !important;
  border: 1px solid #094d82 !important;
}

.content-data-table .table thead tr th .amt-per {
  color: #8db3d8 !important;
}

.content-data-table .table tbody tr {
  background-color: var(--white) !important;
}

.content-data-table .table tbody tr:nth-of-type(odd) {
  background-color: var(--white) !important;
}

.content-data-table .table tbody tr td {
  color: var(--bk-grade-950) !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  padding: 1rem 1rem !important;
  border: 1px solid #d3e5f6 !important;
}

.content-data-table .table tbody tr td .offer {
  display: inline-block !important;
  padding: 0.5rem 1.5rem !important;
  border: 1px solid #bacad8 !important;
  border-radius: 50px !important;
}

.content-data-accordion .card {
  border: 0;
  box-shadow: none !important;
}

.content-data-accordion .card .card-header {
  padding: 0 !important;
  margin-bottom: 0 !important;
  background-color: transparent !important;
  border-bottom: 1px solid var(--bk-grade-150) !important;
}

.content-data-accordion .card .card-header h3 {
  position: relative !important;
  color: var(--bk-grade-950) !important;
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  padding: 1.25rem 2rem 1.25rem 0 !important;
  margin: 0 !important;
}

.content-data-accordion .card .card-header h3 .icon {
  position: absolute !important;
  right: 0 !important;
  top: 50% !important;
  font-size: 1.5rem !important;
  transform: translateY(-50%) rotate(-180deg) !important;
  transition: 0.2s ease-out !important;
}
.content-data-accordion .card .card-header h3.collapsed .icon {
  transform: translateY(-50%) rotate(0deg) !important;
}

.content-data-accordion .card .card-body {
  padding: 1rem 0.5rem !important;
}

.content-data-accordion .card .faq-item p {
  color: var(--bk-grade-950) !important;
  font-weight: 500 !important;
  margin: 0 !important;
}

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

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

.open-data-tb-nav {
  display: flex !important;
  margin-bottom: 2rem !important;
}

.open-data-tb-nav .nav-item {
  flex: 1 1 0 !important;
  max-width: 200px !important;
  padding: 0 0.15rem !important;
}

.open-data-tb-nav .nav-item .nav-link {
  color: var(--white) !important;
  font-size: 1.125rem !important;
  padding: 0.7rem 1rem !important;
  background-color: var(--color-100) !important;
  border-radius: 0.15rem 0.15rem 0 0 !important;
}

.open-data-tb-nav .nav-item .nav-link.active {
  background-color: var(--color-200) !important;
}

.open-data-table {
  margin-bottom: 1.5rem !important;
}

.open-data-table h3 {
  color: var(--bk-grade-950) !important;
  font-size: 1.5rem !important;
  font-weight: 600 !important ;
  margin: 0 0 1rem 0 !important;
}

.open-data-table .table thead tr th {
  color: var(--white) !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  padding: 1rem 1rem !important;
  background-color: var(--color-100) !important;
  border: 1px solid #094d82 !important;
}

.open-data-table .table thead tr th .amt-per {
  color: #8db3d8 !important;
}

.open-data-table .table tbody tr {
  background-color: var(--white) !important;
}

.open-data-table .table tbody tr:nth-of-type(odd) {
  background-color: var(--white) !important;
}

.open-data-table .table tbody tr td {
  color: var(--bk-grade-950) !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  padding: 1rem 1rem !important;
  border: 1px solid #d3e5f6 !important;
}

.open-data-table .table tbody tr td .offer {
  display: inline-block !important;
  padding: 0.5rem 1.5rem !important;
  border: 1px solid #bacad8 !important;
  border-radius: 50px !important;
}

.open-data-accordion .card {
  border: 0;
  box-shadow: none !important;
}

.open-data-accordion .card .card-header {
  padding: 0 !important;
  margin-bottom: 0 !important;
  background-color: transparent !important;
  border-bottom: 1px solid var(--bk-grade-150) !important;
}

.open-data-accordion .card .card-header h3 {
  position: relative !important;
  color: var(--bk-grade-950) !important;
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  padding: 1.25rem 2rem 1.25rem 0 !important;
  margin: 0 !important;
}

.open-data-accordion .card .card-header h3 .icon {
  position: absolute !important;
  right: 0 !important;
  top: 50% !important;
  font-size: 1.5rem !important;
  transform: translateY(-50%) rotate(-180deg) !important;
  transition: 0.2s ease-out !important;
}
.open-data-accordion .card .card-header h3.collapsed .icon {
  transform: translateY(-50%) rotate(0deg) !important;
}

.open-data-accordion .card .card-body {
  padding: 1rem 0.5rem !important;
}

.open-data-accordion .card .faq-item p {
  color: var(--bk-grade-950) !important;
  font-weight: 500 !important;
  margin: 0 !important;
}

.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 ,.com-table .table tbody tr th .table-link {
  color: var(--color-100) !important;
  font-weight: bold;
}
.com-table .table tbody tr td .table-link:hover,.com-table .table tbody tr th .table-link:hover {
  color: var(--color-300) !important;   
}
.paraLink{
    color: var(--color-100) !important;
    cursor: pointer;
  font-weight: bold;
}
.paraLink:hover{
    color: #ff7c1b !important;
}
.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-200);
  font-size: 2rem;
  font-weight: 500;
  margin: 0 0 1rem 0;
}

.com-content h3 {
  color: var(--color-200);
  font-size: 1.5rem;
  font-weight: 500;
  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);
}

/* 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: #00ffab;
}

@keyframes orbit1 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-233deg) rotateY(300deg) translateX(60px) rotateZ(233deg);
  }
  80% {
    transform: rotateZ(-233deg) rotateY(300deg) translateX(60px) rotateZ(233deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-233deg) rotateY(300deg) translateX(180px) rotateZ(233deg);
  }
}

.dot:nth-child(2) {
  animation: orbit2 10s infinite;
  animation-delay: 0.02s;
  background-color: #00ffab;
}

@keyframes orbit2 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-110deg) rotateY(339deg) translateX(60px) rotateZ(110deg);
  }
  80% {
    transform: rotateZ(-110deg) rotateY(339deg) translateX(60px) rotateZ(110deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-110deg) rotateY(339deg) translateX(180px) rotateZ(110deg);
  }
}

.dot:nth-child(3) {
  animation: orbit3 10s infinite;
  animation-delay: 0.03s;
  background-color: #00ffac;
}

@keyframes orbit3 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-118deg) rotateY(355deg) translateX(60px) rotateZ(118deg);
  }
  80% {
    transform: rotateZ(-118deg) rotateY(355deg) translateX(60px) rotateZ(118deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-118deg) rotateY(355deg) translateX(180px) rotateZ(118deg);
  }
}

.dot:nth-child(4) {
  animation: orbit4 10s infinite;
  animation-delay: 0.04s;
  background-color: #00ffac;
}

@keyframes orbit4 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-286deg) rotateY(16deg) translateX(60px) rotateZ(286deg);
  }
  80% {
    transform: rotateZ(-286deg) rotateY(16deg) translateX(60px) rotateZ(286deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-286deg) rotateY(16deg) translateX(180px) rotateZ(286deg);
  }
}

.dot:nth-child(5) {
  animation: orbit5 10s infinite;
  animation-delay: 0.05s;
  background-color: #00ffad;
}

@keyframes orbit5 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-357deg) rotateY(44deg) translateX(60px) rotateZ(357deg);
  }
  80% {
    transform: rotateZ(-357deg) rotateY(44deg) translateX(60px) rotateZ(357deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-357deg) rotateY(44deg) translateX(180px) rotateZ(357deg);
  }
}

.dot:nth-child(6) {
  animation: orbit6 10s infinite;
  animation-delay: 0.06s;
  background-color: #00ffad;
}

@keyframes orbit6 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-11deg) rotateY(207deg) translateX(60px) rotateZ(11deg);
  }
  80% {
    transform: rotateZ(-11deg) rotateY(207deg) translateX(60px) rotateZ(11deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-11deg) rotateY(207deg) translateX(180px) rotateZ(11deg);
  }
}

.dot:nth-child(7) {
  animation: orbit7 10s infinite;
  animation-delay: 0.07s;
  background-color: #00ffae;
}

@keyframes orbit7 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-268deg) rotateY(2deg) translateX(60px) rotateZ(268deg);
  }
  80% {
    transform: rotateZ(-268deg) rotateY(2deg) translateX(60px) rotateZ(268deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-268deg) rotateY(2deg) translateX(180px) rotateZ(268deg);
  }
}

.dot:nth-child(8) {
  animation: orbit8 10s infinite;
  animation-delay: 0.08s;
  background-color: #00ffaf;
}

@keyframes orbit8 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-205deg) rotateY(130deg) translateX(60px) rotateZ(205deg);
  }
  80% {
    transform: rotateZ(-205deg) rotateY(130deg) translateX(60px) rotateZ(205deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-205deg) rotateY(130deg) translateX(180px) rotateZ(205deg);
  }
}

.dot:nth-child(9) {
  animation: orbit9 10s infinite;
  animation-delay: 0.09s;
  background-color: #00ffaf;
}

@keyframes orbit9 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-131deg) rotateY(268deg) translateX(60px) rotateZ(131deg);
  }
  80% {
    transform: rotateZ(-131deg) rotateY(268deg) translateX(60px) rotateZ(131deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-131deg) rotateY(268deg) translateX(180px) rotateZ(131deg);
  }
}

.dot:nth-child(10) {
  animation: orbit10 10s infinite;
  animation-delay: 0.1s;
  background-color: #00ffb0;
}

@keyframes orbit10 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-21deg) rotateY(119deg) translateX(60px) rotateZ(21deg);
  }
  80% {
    transform: rotateZ(-21deg) rotateY(119deg) translateX(60px) rotateZ(21deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-21deg) rotateY(119deg) translateX(180px) rotateZ(21deg);
  }
}

.dot:nth-child(11) {
  animation: orbit11 10s infinite;
  animation-delay: 0.11s;
  background-color: #00ffb0;
}

@keyframes orbit11 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-96deg) rotateY(109deg) translateX(60px) rotateZ(96deg);
  }
  80% {
    transform: rotateZ(-96deg) rotateY(109deg) translateX(60px) rotateZ(96deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-96deg) rotateY(109deg) translateX(180px) rotateZ(96deg);
  }
}

.dot:nth-child(12) {
  animation: orbit12 10s infinite;
  animation-delay: 0.12s;
  background-color: #00ffb1;
}

@keyframes orbit12 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-182deg) rotateY(149deg) translateX(60px) rotateZ(182deg);
  }
  80% {
    transform: rotateZ(-182deg) rotateY(149deg) translateX(60px) rotateZ(182deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-182deg) rotateY(149deg) translateX(180px) rotateZ(182deg);
  }
}

.dot:nth-child(13) {
  animation: orbit13 10s infinite;
  animation-delay: 0.13s;
  background-color: #00ffb1;
}

@keyframes orbit13 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-78deg) rotateY(297deg) translateX(60px) rotateZ(78deg);
  }
  80% {
    transform: rotateZ(-78deg) rotateY(297deg) translateX(60px) rotateZ(78deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-78deg) rotateY(297deg) translateX(180px) rotateZ(78deg);
  }
}

.dot:nth-child(14) {
  animation: orbit14 10s infinite;
  animation-delay: 0.14s;
  background-color: #00ffb2;
}

@keyframes orbit14 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-280deg) rotateY(233deg) translateX(60px) rotateZ(280deg);
  }
  80% {
    transform: rotateZ(-280deg) rotateY(233deg) translateX(60px) rotateZ(280deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-280deg) rotateY(233deg) translateX(180px) rotateZ(280deg);
  }
}

.dot:nth-child(15) {
  animation: orbit15 10s infinite;
  animation-delay: 0.15s;
  background-color: #00ffb3;
}

@keyframes orbit15 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-144deg) rotateY(152deg) translateX(60px) rotateZ(144deg);
  }
  80% {
    transform: rotateZ(-144deg) rotateY(152deg) translateX(60px) rotateZ(144deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-144deg) rotateY(152deg) translateX(180px) rotateZ(144deg);
  }
}

.dot:nth-child(16) {
  animation: orbit16 10s infinite;
  animation-delay: 0.16s;
  background-color: #00ffb3;
}

@keyframes orbit16 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-217deg) rotateY(258deg) translateX(60px) rotateZ(217deg);
  }
  80% {
    transform: rotateZ(-217deg) rotateY(258deg) translateX(60px) rotateZ(217deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-217deg) rotateY(258deg) translateX(180px) rotateZ(217deg);
  }
}

.dot:nth-child(17) {
  animation: orbit17 10s infinite;
  animation-delay: 0.17s;
  background-color: #00ffb4;
}

@keyframes orbit17 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-59deg) rotateY(297deg) translateX(60px) rotateZ(59deg);
  }
  80% {
    transform: rotateZ(-59deg) rotateY(297deg) translateX(60px) rotateZ(59deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-59deg) rotateY(297deg) translateX(180px) rotateZ(59deg);
  }
}

.dot:nth-child(18) {
  animation: orbit18 10s infinite;
  animation-delay: 0.18s;
  background-color: #00ffb4;
}

@keyframes orbit18 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-356deg) rotateY(93deg) translateX(60px) rotateZ(356deg);
  }
  80% {
    transform: rotateZ(-356deg) rotateY(93deg) translateX(60px) rotateZ(356deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-356deg) rotateY(93deg) translateX(180px) rotateZ(356deg);
  }
}

.dot:nth-child(19) {
  animation: orbit19 10s infinite;
  animation-delay: 0.19s;
  background-color: #00ffb5;
}

@keyframes orbit19 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-80deg) rotateY(16deg) translateX(60px) rotateZ(80deg);
  }
  80% {
    transform: rotateZ(-80deg) rotateY(16deg) translateX(60px) rotateZ(80deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-80deg) rotateY(16deg) translateX(180px) rotateZ(80deg);
  }
}

.dot:nth-child(20) {
  animation: orbit20 10s infinite;
  animation-delay: 0.2s;
  background-color: #00ffb5;
}

@keyframes orbit20 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-216deg) rotateY(201deg) translateX(60px) rotateZ(216deg);
  }
  80% {
    transform: rotateZ(-216deg) rotateY(201deg) translateX(60px) rotateZ(216deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-216deg) rotateY(201deg) translateX(180px) rotateZ(216deg);
  }
}

.dot:nth-child(21) {
  animation: orbit21 10s infinite;
  animation-delay: 0.21s;
  background-color: #00ffb6;
}

@keyframes orbit21 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-337deg) rotateY(1deg) translateX(60px) rotateZ(337deg);
  }
  80% {
    transform: rotateZ(-337deg) rotateY(1deg) translateX(60px) rotateZ(337deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-337deg) rotateY(1deg) translateX(180px) rotateZ(337deg);
  }
}

.dot:nth-child(22) {
  animation: orbit22 10s infinite;
  animation-delay: 0.22s;
  background-color: #00ffb6;
}

@keyframes orbit22 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-334deg) rotateY(181deg) translateX(60px) rotateZ(334deg);
  }
  80% {
    transform: rotateZ(-334deg) rotateY(181deg) translateX(60px) rotateZ(334deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-334deg) rotateY(181deg) translateX(180px) rotateZ(334deg);
  }
}

.dot:nth-child(23) {
  animation: orbit23 10s infinite;
  animation-delay: 0.23s;
  background-color: #00ffb7;
}

@keyframes orbit23 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-250deg) rotateY(308deg) translateX(60px) rotateZ(250deg);
  }
  80% {
    transform: rotateZ(-250deg) rotateY(308deg) translateX(60px) rotateZ(250deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-250deg) rotateY(308deg) translateX(180px) rotateZ(250deg);
  }
}

.dot:nth-child(24) {
  animation: orbit24 10s infinite;
  animation-delay: 0.24s;
  background-color: #00ffb8;
}

@keyframes orbit24 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-26deg) rotateY(275deg) translateX(60px) rotateZ(26deg);
  }
  80% {
    transform: rotateZ(-26deg) rotateY(275deg) translateX(60px) rotateZ(26deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-26deg) rotateY(275deg) translateX(180px) rotateZ(26deg);
  }
}

.dot:nth-child(25) {
  animation: orbit25 10s infinite;
  animation-delay: 0.25s;
  background-color: #00ffb8;
}

@keyframes orbit25 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-297deg) rotateY(179deg) translateX(60px) rotateZ(297deg);
  }
  80% {
    transform: rotateZ(-297deg) rotateY(179deg) translateX(60px) rotateZ(297deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-297deg) rotateY(179deg) translateX(180px) rotateZ(297deg);
  }
}

.dot:nth-child(26) {
  animation: orbit26 10s infinite;
  animation-delay: 0.26s;
  background-color: #00ffb9;
}

@keyframes orbit26 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-37deg) rotateY(185deg) translateX(60px) rotateZ(37deg);
  }
  80% {
    transform: rotateZ(-37deg) rotateY(185deg) translateX(60px) rotateZ(37deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-37deg) rotateY(185deg) translateX(180px) rotateZ(37deg);
  }
}

.dot:nth-child(27) {
  animation: orbit27 10s infinite;
  animation-delay: 0.27s;
  background-color: #00ffb9;
}

@keyframes orbit27 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-311deg) rotateY(324deg) translateX(60px) rotateZ(311deg);
  }
  80% {
    transform: rotateZ(-311deg) rotateY(324deg) translateX(60px) rotateZ(311deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-311deg) rotateY(324deg) translateX(180px) rotateZ(311deg);
  }
}

.dot:nth-child(28) {
  animation: orbit28 10s infinite;
  animation-delay: 0.28s;
  background-color: #00ffba;
}

@keyframes orbit28 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-86deg) rotateY(274deg) translateX(60px) rotateZ(86deg);
  }
  80% {
    transform: rotateZ(-86deg) rotateY(274deg) translateX(60px) rotateZ(86deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-86deg) rotateY(274deg) translateX(180px) rotateZ(86deg);
  }
}

.dot:nth-child(29) {
  animation: orbit29 10s infinite;
  animation-delay: 0.29s;
  background-color: #00ffba;
}

@keyframes orbit29 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-129deg) rotateY(292deg) translateX(60px) rotateZ(129deg);
  }
  80% {
    transform: rotateZ(-129deg) rotateY(292deg) translateX(60px) rotateZ(129deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-129deg) rotateY(292deg) translateX(180px) rotateZ(129deg);
  }
}

.dot:nth-child(30) {
  animation: orbit30 10s infinite;
  animation-delay: 0.3s;
  background-color: #00ffbb;
}

@keyframes orbit30 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-107deg) rotateY(197deg) translateX(60px) rotateZ(107deg);
  }
  80% {
    transform: rotateZ(-107deg) rotateY(197deg) translateX(60px) rotateZ(107deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-107deg) rotateY(197deg) translateX(180px) rotateZ(107deg);
  }
}

.dot:nth-child(31) {
  animation: orbit31 10s infinite;
  animation-delay: 0.31s;
  background-color: #00ffbc;
}

@keyframes orbit31 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-332deg) rotateY(41deg) translateX(60px) rotateZ(332deg);
  }
  80% {
    transform: rotateZ(-332deg) rotateY(41deg) translateX(60px) rotateZ(332deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-332deg) rotateY(41deg) translateX(180px) rotateZ(332deg);
  }
}

.dot:nth-child(32) {
  animation: orbit32 10s infinite;
  animation-delay: 0.32s;
  background-color: #00ffbc;
}

@keyframes orbit32 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-73deg) rotateY(25deg) translateX(60px) rotateZ(73deg);
  }
  80% {
    transform: rotateZ(-73deg) rotateY(25deg) translateX(60px) rotateZ(73deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-73deg) rotateY(25deg) translateX(180px) rotateZ(73deg);
  }
}

.dot:nth-child(33) {
  animation: orbit33 10s infinite;
  animation-delay: 0.33s;
  background-color: #00ffbd;
}

@keyframes orbit33 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-245deg) rotateY(23deg) translateX(60px) rotateZ(245deg);
  }
  80% {
    transform: rotateZ(-245deg) rotateY(23deg) translateX(60px) rotateZ(245deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-245deg) rotateY(23deg) translateX(180px) rotateZ(245deg);
  }
}

.dot:nth-child(34) {
  animation: orbit34 10s infinite;
  animation-delay: 0.34s;
  background-color: #00ffbd;
}

@keyframes orbit34 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-272deg) rotateY(346deg) translateX(60px) rotateZ(272deg);
  }
  80% {
    transform: rotateZ(-272deg) rotateY(346deg) translateX(60px) rotateZ(272deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-272deg) rotateY(346deg) translateX(180px) rotateZ(272deg);
  }
}

.dot:nth-child(35) {
  animation: orbit35 10s infinite;
  animation-delay: 0.35s;
  background-color: #00ffbe;
}

@keyframes orbit35 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-295deg) rotateY(273deg) translateX(60px) rotateZ(295deg);
  }
  80% {
    transform: rotateZ(-295deg) rotateY(273deg) translateX(60px) rotateZ(295deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-295deg) rotateY(273deg) translateX(180px) rotateZ(295deg);
  }
}

.dot:nth-child(36) {
  animation: orbit36 10s infinite;
  animation-delay: 0.36s;
  background-color: #00ffbe;
}

@keyframes orbit36 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-80deg) rotateY(267deg) translateX(60px) rotateZ(80deg);
  }
  80% {
    transform: rotateZ(-80deg) rotateY(267deg) translateX(60px) rotateZ(80deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-80deg) rotateY(267deg) translateX(180px) rotateZ(80deg);
  }
}

.dot:nth-child(37) {
  animation: orbit37 10s infinite;
  animation-delay: 0.37s;
  background-color: #00ffbf;
}

@keyframes orbit37 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-75deg) rotateY(141deg) translateX(60px) rotateZ(75deg);
  }
  80% {
    transform: rotateZ(-75deg) rotateY(141deg) translateX(60px) rotateZ(75deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-75deg) rotateY(141deg) translateX(180px) rotateZ(75deg);
  }
}

.dot:nth-child(38) {
  animation: orbit38 10s infinite;
  animation-delay: 0.38s;
  background-color: #00ffc0;
}

@keyframes orbit38 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-237deg) rotateY(77deg) translateX(60px) rotateZ(237deg);
  }
  80% {
    transform: rotateZ(-237deg) rotateY(77deg) translateX(60px) rotateZ(237deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-237deg) rotateY(77deg) translateX(180px) rotateZ(237deg);
  }
}

.dot:nth-child(39) {
  animation: orbit39 10s infinite;
  animation-delay: 0.39s;
  background-color: #00ffc0;
}

@keyframes orbit39 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-221deg) rotateY(124deg) translateX(60px) rotateZ(221deg);
  }
  80% {
    transform: rotateZ(-221deg) rotateY(124deg) translateX(60px) rotateZ(221deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-221deg) rotateY(124deg) translateX(180px) rotateZ(221deg);
  }
}

.dot:nth-child(40) {
  animation: orbit40 10s infinite;
  animation-delay: 0.4s;
  background-color: #00ffc1;
}

@keyframes orbit40 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-311deg) rotateY(17deg) translateX(60px) rotateZ(311deg);
  }
  80% {
    transform: rotateZ(-311deg) rotateY(17deg) translateX(60px) rotateZ(311deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-311deg) rotateY(17deg) translateX(180px) rotateZ(311deg);
  }
}

.dot:nth-child(41) {
  animation: orbit41 10s infinite;
  animation-delay: 0.41s;
  background-color: #00ffc1;
}

@keyframes orbit41 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-190deg) rotateY(32deg) translateX(60px) rotateZ(190deg);
  }
  80% {
    transform: rotateZ(-190deg) rotateY(32deg) translateX(60px) rotateZ(190deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-190deg) rotateY(32deg) translateX(180px) rotateZ(190deg);
  }
}

.dot:nth-child(42) {
  animation: orbit42 10s infinite;
  animation-delay: 0.42s;
  background-color: #00ffc2;
}

@keyframes orbit42 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-149deg) rotateY(109deg) translateX(60px) rotateZ(149deg);
  }
  80% {
    transform: rotateZ(-149deg) rotateY(109deg) translateX(60px) rotateZ(149deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-149deg) rotateY(109deg) translateX(180px) rotateZ(149deg);
  }
}

.dot:nth-child(43) {
  animation: orbit43 10s infinite;
  animation-delay: 0.43s;
  background-color: #00ffc2;
}

@keyframes orbit43 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-4deg) rotateY(331deg) translateX(60px) rotateZ(4deg);
  }
  80% {
    transform: rotateZ(-4deg) rotateY(331deg) translateX(60px) rotateZ(4deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-4deg) rotateY(331deg) translateX(180px) rotateZ(4deg);
  }
}

.dot:nth-child(44) {
  animation: orbit44 10s infinite;
  animation-delay: 0.44s;
  background-color: #00ffc3;
}

@keyframes orbit44 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-298deg) rotateY(228deg) translateX(60px) rotateZ(298deg);
  }
  80% {
    transform: rotateZ(-298deg) rotateY(228deg) translateX(60px) rotateZ(298deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-298deg) rotateY(228deg) translateX(180px) rotateZ(298deg);
  }
}

.dot:nth-child(45) {
  animation: orbit45 10s infinite;
  animation-delay: 0.45s;
  background-color: #00ffc4;
}

@keyframes orbit45 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-345deg) rotateY(189deg) translateX(60px) rotateZ(345deg);
  }
  80% {
    transform: rotateZ(-345deg) rotateY(189deg) translateX(60px) rotateZ(345deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-345deg) rotateY(189deg) translateX(180px) rotateZ(345deg);
  }
}

.dot:nth-child(46) {
  animation: orbit46 10s infinite;
  animation-delay: 0.46s;
  background-color: #00ffc4;
}

@keyframes orbit46 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-112deg) rotateY(103deg) translateX(60px) rotateZ(112deg);
  }
  80% {
    transform: rotateZ(-112deg) rotateY(103deg) translateX(60px) rotateZ(112deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-112deg) rotateY(103deg) translateX(180px) rotateZ(112deg);
  }
}

.dot:nth-child(47) {
  animation: orbit47 10s infinite;
  animation-delay: 0.47s;
  background-color: #00ffc5;
}

@keyframes orbit47 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-15deg) rotateY(10deg) translateX(60px) rotateZ(15deg);
  }
  80% {
    transform: rotateZ(-15deg) rotateY(10deg) translateX(60px) rotateZ(15deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-15deg) rotateY(10deg) translateX(180px) rotateZ(15deg);
  }
}

.dot:nth-child(48) {
  animation: orbit48 10s infinite;
  animation-delay: 0.48s;
  background-color: #00ffc5;
}

@keyframes orbit48 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-76deg) rotateY(228deg) translateX(60px) rotateZ(76deg);
  }
  80% {
    transform: rotateZ(-76deg) rotateY(228deg) translateX(60px) rotateZ(76deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-76deg) rotateY(228deg) translateX(180px) rotateZ(76deg);
  }
}

.dot:nth-child(49) {
  animation: orbit49 10s infinite;
  animation-delay: 0.49s;
  background-color: #00ffc6;
}

@keyframes orbit49 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-253deg) rotateY(310deg) translateX(60px) rotateZ(253deg);
  }
  80% {
    transform: rotateZ(-253deg) rotateY(310deg) translateX(60px) rotateZ(253deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-253deg) rotateY(310deg) translateX(180px) rotateZ(253deg);
  }
}

.dot:nth-child(50) {
  animation: orbit50 10s infinite;
  animation-delay: 0.5s;
  background-color: #00ffc6;
}

@keyframes orbit50 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-164deg) rotateY(32deg) translateX(60px) rotateZ(164deg);
  }
  80% {
    transform: rotateZ(-164deg) rotateY(32deg) translateX(60px) rotateZ(164deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-164deg) rotateY(32deg) translateX(180px) rotateZ(164deg);
  }
}

.dot:nth-child(51) {
  animation: orbit51 10s infinite;
  animation-delay: 0.51s;
  background-color: #00ffc7;
}

@keyframes orbit51 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-295deg) rotateY(283deg) translateX(60px) rotateZ(295deg);
  }
  80% {
    transform: rotateZ(-295deg) rotateY(283deg) translateX(60px) rotateZ(295deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-295deg) rotateY(283deg) translateX(180px) rotateZ(295deg);
  }
}

.dot:nth-child(52) {
  animation: orbit52 10s infinite;
  animation-delay: 0.52s;
  background-color: #00ffc7;
}

@keyframes orbit52 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-147deg) rotateY(101deg) translateX(60px) rotateZ(147deg);
  }
  80% {
    transform: rotateZ(-147deg) rotateY(101deg) translateX(60px) rotateZ(147deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-147deg) rotateY(101deg) translateX(180px) rotateZ(147deg);
  }
}

.dot:nth-child(53) {
  animation: orbit53 10s infinite;
  animation-delay: 0.53s;
  background-color: #00ffc8;
}

@keyframes orbit53 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-248deg) rotateY(240deg) translateX(60px) rotateZ(248deg);
  }
  80% {
    transform: rotateZ(-248deg) rotateY(240deg) translateX(60px) rotateZ(248deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-248deg) rotateY(240deg) translateX(180px) rotateZ(248deg);
  }
}

.dot:nth-child(54) {
  animation: orbit54 10s infinite;
  animation-delay: 0.54s;
  background-color: #00ffc9;
}

@keyframes orbit54 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-263deg) rotateY(66deg) translateX(60px) rotateZ(263deg);
  }
  80% {
    transform: rotateZ(-263deg) rotateY(66deg) translateX(60px) rotateZ(263deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-263deg) rotateY(66deg) translateX(180px) rotateZ(263deg);
  }
}

.dot:nth-child(55) {
  animation: orbit55 10s infinite;
  animation-delay: 0.55s;
  background-color: #00ffc9;
}

@keyframes orbit55 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-165deg) rotateY(253deg) translateX(60px) rotateZ(165deg);
  }
  80% {
    transform: rotateZ(-165deg) rotateY(253deg) translateX(60px) rotateZ(165deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-165deg) rotateY(253deg) translateX(180px) rotateZ(165deg);
  }
}

.dot:nth-child(56) {
  animation: orbit56 10s infinite;
  animation-delay: 0.56s;
  background-color: #00ffca;
}

@keyframes orbit56 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-237deg) rotateY(274deg) translateX(60px) rotateZ(237deg);
  }
  80% {
    transform: rotateZ(-237deg) rotateY(274deg) translateX(60px) rotateZ(237deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-237deg) rotateY(274deg) translateX(180px) rotateZ(237deg);
  }
}

.dot:nth-child(57) {
  animation: orbit57 10s infinite;
  animation-delay: 0.57s;
  background-color: #00ffca;
}

@keyframes orbit57 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-181deg) rotateY(131deg) translateX(60px) rotateZ(181deg);
  }
  80% {
    transform: rotateZ(-181deg) rotateY(131deg) translateX(60px) rotateZ(181deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-181deg) rotateY(131deg) translateX(180px) rotateZ(181deg);
  }
}

.dot:nth-child(58) {
  animation: orbit58 10s infinite;
  animation-delay: 0.58s;
  background-color: #00ffcb;
}

@keyframes orbit58 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-48deg) rotateY(11deg) translateX(60px) rotateZ(48deg);
  }
  80% {
    transform: rotateZ(-48deg) rotateY(11deg) translateX(60px) rotateZ(48deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-48deg) rotateY(11deg) translateX(180px) rotateZ(48deg);
  }
}

.dot:nth-child(59) {
  animation: orbit59 10s infinite;
  animation-delay: 0.59s;
  background-color: #00ffcb;
}

@keyframes orbit59 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-20deg) rotateY(342deg) translateX(60px) rotateZ(20deg);
  }
  80% {
    transform: rotateZ(-20deg) rotateY(342deg) translateX(60px) rotateZ(20deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-20deg) rotateY(342deg) translateX(180px) rotateZ(20deg);
  }
}

.dot:nth-child(60) {
  animation: orbit60 10s infinite;
  animation-delay: 0.6s;
  background-color: #00ffcc;
}

@keyframes orbit60 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-349deg) rotateY(320deg) translateX(60px) rotateZ(349deg);
  }
  80% {
    transform: rotateZ(-349deg) rotateY(320deg) translateX(60px) rotateZ(349deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-349deg) rotateY(320deg) translateX(180px) rotateZ(349deg);
  }
}

.dot:nth-child(61) {
  animation: orbit61 10s infinite;
  animation-delay: 0.61s;
  background-color: #00ffcd;
}

@keyframes orbit61 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-70deg) rotateY(318deg) translateX(60px) rotateZ(70deg);
  }
  80% {
    transform: rotateZ(-70deg) rotateY(318deg) translateX(60px) rotateZ(70deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-70deg) rotateY(318deg) translateX(180px) rotateZ(70deg);
  }
}

.dot:nth-child(62) {
  animation: orbit62 10s infinite;
  animation-delay: 0.62s;
  background-color: #00ffcd;
}

@keyframes orbit62 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-102deg) rotateY(252deg) translateX(60px) rotateZ(102deg);
  }
  80% {
    transform: rotateZ(-102deg) rotateY(252deg) translateX(60px) rotateZ(102deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-102deg) rotateY(252deg) translateX(180px) rotateZ(102deg);
  }
}

.dot:nth-child(63) {
  animation: orbit63 10s infinite;
  animation-delay: 0.63s;
  background-color: #00ffce;
}

@keyframes orbit63 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-74deg) rotateY(119deg) translateX(60px) rotateZ(74deg);
  }
  80% {
    transform: rotateZ(-74deg) rotateY(119deg) translateX(60px) rotateZ(74deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-74deg) rotateY(119deg) translateX(180px) rotateZ(74deg);
  }
}

.dot:nth-child(64) {
  animation: orbit64 10s infinite;
  animation-delay: 0.64s;
  background-color: #00ffce;
}

@keyframes orbit64 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-289deg) rotateY(251deg) translateX(60px) rotateZ(289deg);
  }
  80% {
    transform: rotateZ(-289deg) rotateY(251deg) translateX(60px) rotateZ(289deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-289deg) rotateY(251deg) translateX(180px) rotateZ(289deg);
  }
}

.dot:nth-child(65) {
  animation: orbit65 10s infinite;
  animation-delay: 0.65s;
  background-color: #00ffcf;
}

@keyframes orbit65 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-359deg) rotateY(40deg) translateX(60px) rotateZ(359deg);
  }
  80% {
    transform: rotateZ(-359deg) rotateY(40deg) translateX(60px) rotateZ(359deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-359deg) rotateY(40deg) translateX(180px) rotateZ(359deg);
  }
}

.dot:nth-child(66) {
  animation: orbit66 10s infinite;
  animation-delay: 0.66s;
  background-color: #00ffcf;
}

@keyframes orbit66 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-264deg) rotateY(140deg) translateX(60px) rotateZ(264deg);
  }
  80% {
    transform: rotateZ(-264deg) rotateY(140deg) translateX(60px) rotateZ(264deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-264deg) rotateY(140deg) translateX(180px) rotateZ(264deg);
  }
}

.dot:nth-child(67) {
  animation: orbit67 10s infinite;
  animation-delay: 0.67s;
  background-color: #00ffd0;
}

@keyframes orbit67 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-167deg) rotateY(221deg) translateX(60px) rotateZ(167deg);
  }
  80% {
    transform: rotateZ(-167deg) rotateY(221deg) translateX(60px) rotateZ(167deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-167deg) rotateY(221deg) translateX(180px) rotateZ(167deg);
  }
}

.dot:nth-child(68) {
  animation: orbit68 10s infinite;
  animation-delay: 0.68s;
  background-color: #00ffd1;
}

@keyframes orbit68 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-325deg) rotateY(125deg) translateX(60px) rotateZ(325deg);
  }
  80% {
    transform: rotateZ(-325deg) rotateY(125deg) translateX(60px) rotateZ(325deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-325deg) rotateY(125deg) translateX(180px) rotateZ(325deg);
  }
}

.dot:nth-child(69) {
  animation: orbit69 10s infinite;
  animation-delay: 0.69s;
  background-color: #00ffd1;
}

@keyframes orbit69 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-217deg) rotateY(284deg) translateX(60px) rotateZ(217deg);
  }
  80% {
    transform: rotateZ(-217deg) rotateY(284deg) translateX(60px) rotateZ(217deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-217deg) rotateY(284deg) translateX(180px) rotateZ(217deg);
  }
}

.dot:nth-child(70) {
  animation: orbit70 10s infinite;
  animation-delay: 0.7s;
  background-color: #00ffd2;
}

@keyframes orbit70 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-291deg) rotateY(4deg) translateX(60px) rotateZ(291deg);
  }
  80% {
    transform: rotateZ(-291deg) rotateY(4deg) translateX(60px) rotateZ(291deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-291deg) rotateY(4deg) translateX(180px) rotateZ(291deg);
  }
}

.dot:nth-child(71) {
  animation: orbit71 10s infinite;
  animation-delay: 0.71s;
  background-color: #00ffd2;
}

@keyframes orbit71 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-233deg) rotateY(205deg) translateX(60px) rotateZ(233deg);
  }
  80% {
    transform: rotateZ(-233deg) rotateY(205deg) translateX(60px) rotateZ(233deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-233deg) rotateY(205deg) translateX(180px) rotateZ(233deg);
  }
}

.dot:nth-child(72) {
  animation: orbit72 10s infinite;
  animation-delay: 0.72s;
  background-color: #00ffd3;
}

@keyframes orbit72 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-218deg) rotateY(356deg) translateX(60px) rotateZ(218deg);
  }
  80% {
    transform: rotateZ(-218deg) rotateY(356deg) translateX(60px) rotateZ(218deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-218deg) rotateY(356deg) translateX(180px) rotateZ(218deg);
  }
}

.dot:nth-child(73) {
  animation: orbit73 10s infinite;
  animation-delay: 0.73s;
  background-color: #00ffd3;
}

@keyframes orbit73 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-243deg) rotateY(240deg) translateX(60px) rotateZ(243deg);
  }
  80% {
    transform: rotateZ(-243deg) rotateY(240deg) translateX(60px) rotateZ(243deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-243deg) rotateY(240deg) translateX(180px) rotateZ(243deg);
  }
}

.dot:nth-child(74) {
  animation: orbit74 10s infinite;
  animation-delay: 0.74s;
  background-color: #00ffd4;
}

@keyframes orbit74 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-162deg) rotateY(73deg) translateX(60px) rotateZ(162deg);
  }
  80% {
    transform: rotateZ(-162deg) rotateY(73deg) translateX(60px) rotateZ(162deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-162deg) rotateY(73deg) translateX(180px) rotateZ(162deg);
  }
}

.dot:nth-child(75) {
  animation: orbit75 10s infinite;
  animation-delay: 0.75s;
  background-color: #00ffd5;
}

@keyframes orbit75 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-102deg) rotateY(144deg) translateX(60px) rotateZ(102deg);
  }
  80% {
    transform: rotateZ(-102deg) rotateY(144deg) translateX(60px) rotateZ(102deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-102deg) rotateY(144deg) translateX(180px) rotateZ(102deg);
  }
}

.dot:nth-child(76) {
  animation: orbit76 10s infinite;
  animation-delay: 0.76s;
  background-color: #00ffd5;
}

@keyframes orbit76 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-265deg) rotateY(338deg) translateX(60px) rotateZ(265deg);
  }
  80% {
    transform: rotateZ(-265deg) rotateY(338deg) translateX(60px) rotateZ(265deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-265deg) rotateY(338deg) translateX(180px) rotateZ(265deg);
  }
}

.dot:nth-child(77) {
  animation: orbit77 10s infinite;
  animation-delay: 0.77s;
  background-color: #00ffd6;
}

@keyframes orbit77 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-222deg) rotateY(265deg) translateX(60px) rotateZ(222deg);
  }
  80% {
    transform: rotateZ(-222deg) rotateY(265deg) translateX(60px) rotateZ(222deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-222deg) rotateY(265deg) translateX(180px) rotateZ(222deg);
  }
}

.dot:nth-child(78) {
  animation: orbit78 10s infinite;
  animation-delay: 0.78s;
  background-color: #00ffd6;
}

@keyframes orbit78 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-296deg) rotateY(113deg) translateX(60px) rotateZ(296deg);
  }
  80% {
    transform: rotateZ(-296deg) rotateY(113deg) translateX(60px) rotateZ(296deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-296deg) rotateY(113deg) translateX(180px) rotateZ(296deg);
  }
}

.dot:nth-child(79) {
  animation: orbit79 10s infinite;
  animation-delay: 0.79s;
  background-color: #00ffd7;
}

@keyframes orbit79 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-335deg) rotateY(7deg) translateX(60px) rotateZ(335deg);
  }
  80% {
    transform: rotateZ(-335deg) rotateY(7deg) translateX(60px) rotateZ(335deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-335deg) rotateY(7deg) translateX(180px) rotateZ(335deg);
  }
}

.dot:nth-child(80) {
  animation: orbit80 10s infinite;
  animation-delay: 0.8s;
  background-color: #00ffd7;
}

@keyframes orbit80 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-279deg) rotateY(354deg) translateX(60px) rotateZ(279deg);
  }
  80% {
    transform: rotateZ(-279deg) rotateY(354deg) translateX(60px) rotateZ(279deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-279deg) rotateY(354deg) translateX(180px) rotateZ(279deg);
  }
}

.dot:nth-child(81) {
  animation: orbit81 10s infinite;
  animation-delay: 0.81s;
  background-color: #00ffd8;
}

@keyframes orbit81 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-344deg) rotateY(227deg) translateX(60px) rotateZ(344deg);
  }
  80% {
    transform: rotateZ(-344deg) rotateY(227deg) translateX(60px) rotateZ(344deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-344deg) rotateY(227deg) translateX(180px) rotateZ(344deg);
  }
}

.dot:nth-child(82) {
  animation: orbit82 10s infinite;
  animation-delay: 0.82s;
  background-color: #00ffd8;
}

@keyframes orbit82 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-151deg) rotateY(187deg) translateX(60px) rotateZ(151deg);
  }
  80% {
    transform: rotateZ(-151deg) rotateY(187deg) translateX(60px) rotateZ(151deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-151deg) rotateY(187deg) translateX(180px) rotateZ(151deg);
  }
}

.dot:nth-child(83) {
  animation: orbit83 10s infinite;
  animation-delay: 0.83s;
  background-color: #00ffd9;
}

@keyframes orbit83 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-55deg) rotateY(91deg) translateX(60px) rotateZ(55deg);
  }
  80% {
    transform: rotateZ(-55deg) rotateY(91deg) translateX(60px) rotateZ(55deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-55deg) rotateY(91deg) translateX(180px) rotateZ(55deg);
  }
}

.dot:nth-child(84) {
  animation: orbit84 10s infinite;
  animation-delay: 0.84s;
  background-color: #00ffda;
}

@keyframes orbit84 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-353deg) rotateY(219deg) translateX(60px) rotateZ(353deg);
  }
  80% {
    transform: rotateZ(-353deg) rotateY(219deg) translateX(60px) rotateZ(353deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-353deg) rotateY(219deg) translateX(180px) rotateZ(353deg);
  }
}

.dot:nth-child(85) {
  animation: orbit85 10s infinite;
  animation-delay: 0.85s;
  background-color: #00ffda;
}

@keyframes orbit85 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-310deg) rotateY(105deg) translateX(60px) rotateZ(310deg);
  }
  80% {
    transform: rotateZ(-310deg) rotateY(105deg) translateX(60px) rotateZ(310deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-310deg) rotateY(105deg) translateX(180px) rotateZ(310deg);
  }
}

.dot:nth-child(86) {
  animation: orbit86 10s infinite;
  animation-delay: 0.86s;
  background-color: #00ffdb;
}

@keyframes orbit86 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-336deg) rotateY(334deg) translateX(60px) rotateZ(336deg);
  }
  80% {
    transform: rotateZ(-336deg) rotateY(334deg) translateX(60px) rotateZ(336deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-336deg) rotateY(334deg) translateX(180px) rotateZ(336deg);
  }
}

.dot:nth-child(87) {
  animation: orbit87 10s infinite;
  animation-delay: 0.87s;
  background-color: #00ffdb;
}

@keyframes orbit87 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-175deg) rotateY(216deg) translateX(60px) rotateZ(175deg);
  }
  80% {
    transform: rotateZ(-175deg) rotateY(216deg) translateX(60px) rotateZ(175deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-175deg) rotateY(216deg) translateX(180px) rotateZ(175deg);
  }
}

.dot:nth-child(88) {
  animation: orbit88 10s infinite;
  animation-delay: 0.88s;
  background-color: #00ffdc;
}

@keyframes orbit88 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-68deg) rotateY(116deg) translateX(60px) rotateZ(68deg);
  }
  80% {
    transform: rotateZ(-68deg) rotateY(116deg) translateX(60px) rotateZ(68deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-68deg) rotateY(116deg) translateX(180px) rotateZ(68deg);
  }
}

.dot:nth-child(89) {
  animation: orbit89 10s infinite;
  animation-delay: 0.89s;
  background-color: #00ffdc;
}

@keyframes orbit89 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-122deg) rotateY(209deg) translateX(60px) rotateZ(122deg);
  }
  80% {
    transform: rotateZ(-122deg) rotateY(209deg) translateX(60px) rotateZ(122deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-122deg) rotateY(209deg) translateX(180px) rotateZ(122deg);
  }
}

.dot:nth-child(90) {
  animation: orbit90 10s infinite;
  animation-delay: 0.9s;
  background-color: #00ffdd;
}

@keyframes orbit90 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-97deg) rotateY(255deg) translateX(60px) rotateZ(97deg);
  }
  80% {
    transform: rotateZ(-97deg) rotateY(255deg) translateX(60px) rotateZ(97deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-97deg) rotateY(255deg) translateX(180px) rotateZ(97deg);
  }
}

.dot:nth-child(91) {
  animation: orbit91 10s infinite;
  animation-delay: 0.91s;
  background-color: #00ffde;
}

@keyframes orbit91 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-317deg) rotateY(44deg) translateX(60px) rotateZ(317deg);
  }
  80% {
    transform: rotateZ(-317deg) rotateY(44deg) translateX(60px) rotateZ(317deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-317deg) rotateY(44deg) translateX(180px) rotateZ(317deg);
  }
}

.dot:nth-child(92) {
  animation: orbit92 10s infinite;
  animation-delay: 0.92s;
  background-color: #00ffde;
}

@keyframes orbit92 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-305deg) rotateY(223deg) translateX(60px) rotateZ(305deg);
  }
  80% {
    transform: rotateZ(-305deg) rotateY(223deg) translateX(60px) rotateZ(305deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-305deg) rotateY(223deg) translateX(180px) rotateZ(305deg);
  }
}

.dot:nth-child(93) {
  animation: orbit93 10s infinite;
  animation-delay: 0.93s;
  background-color: #00ffdf;
}

@keyframes orbit93 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-332deg) rotateY(316deg) translateX(60px) rotateZ(332deg);
  }
  80% {
    transform: rotateZ(-332deg) rotateY(316deg) translateX(60px) rotateZ(332deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-332deg) rotateY(316deg) translateX(180px) rotateZ(332deg);
  }
}

.dot:nth-child(94) {
  animation: orbit94 10s infinite;
  animation-delay: 0.94s;
  background-color: #00ffdf;
}

@keyframes orbit94 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-166deg) rotateY(118deg) translateX(60px) rotateZ(166deg);
  }
  80% {
    transform: rotateZ(-166deg) rotateY(118deg) translateX(60px) rotateZ(166deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-166deg) rotateY(118deg) translateX(180px) rotateZ(166deg);
  }
}

.dot:nth-child(95) {
  animation: orbit95 10s infinite;
  animation-delay: 0.95s;
  background-color: #00ffe0;
}

@keyframes orbit95 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-151deg) rotateY(179deg) translateX(60px) rotateZ(151deg);
  }
  80% {
    transform: rotateZ(-151deg) rotateY(179deg) translateX(60px) rotateZ(151deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-151deg) rotateY(179deg) translateX(180px) rotateZ(151deg);
  }
}

.dot:nth-child(96) {
  animation: orbit96 10s infinite;
  animation-delay: 0.96s;
  background-color: #00ffe0;
}

@keyframes orbit96 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-214deg) rotateY(90deg) translateX(60px) rotateZ(214deg);
  }
  80% {
    transform: rotateZ(-214deg) rotateY(90deg) translateX(60px) rotateZ(214deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-214deg) rotateY(90deg) translateX(180px) rotateZ(214deg);
  }
}

.dot:nth-child(97) {
  animation: orbit97 10s infinite;
  animation-delay: 0.97s;
  background-color: #00ffe1;
}

@keyframes orbit97 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-26deg) rotateY(236deg) translateX(60px) rotateZ(26deg);
  }
  80% {
    transform: rotateZ(-26deg) rotateY(236deg) translateX(60px) rotateZ(26deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-26deg) rotateY(236deg) translateX(180px) rotateZ(26deg);
  }
}

.dot:nth-child(98) {
  animation: orbit98 10s infinite;
  animation-delay: 0.98s;
  background-color: #00ffe2;
}

@keyframes orbit98 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-40deg) rotateY(279deg) translateX(60px) rotateZ(40deg);
  }
  80% {
    transform: rotateZ(-40deg) rotateY(279deg) translateX(60px) rotateZ(40deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-40deg) rotateY(279deg) translateX(180px) rotateZ(40deg);
  }
}

.dot:nth-child(99) {
  animation: orbit99 10s infinite;
  animation-delay: 0.99s;
  background-color: #00ffe2;
}

@keyframes orbit99 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-104deg) rotateY(240deg) translateX(60px) rotateZ(104deg);
  }
  80% {
    transform: rotateZ(-104deg) rotateY(240deg) translateX(60px) rotateZ(104deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-104deg) rotateY(240deg) translateX(180px) rotateZ(104deg);
  }
}

.dot:nth-child(100) {
  animation: orbit100 10s infinite;
  animation-delay: 1s;
  background-color: #00ffe3;
}

@keyframes orbit100 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-54deg) rotateY(335deg) translateX(60px) rotateZ(54deg);
  }
  80% {
    transform: rotateZ(-54deg) rotateY(335deg) translateX(60px) rotateZ(54deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-54deg) rotateY(335deg) translateX(180px) rotateZ(54deg);
  }
}

.dot:nth-child(101) {
  animation: orbit101 10s infinite;
  animation-delay: 1.01s;
  background-color: #00ffe3;
}

@keyframes orbit101 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-61deg) rotateY(165deg) translateX(60px) rotateZ(61deg);
  }
  80% {
    transform: rotateZ(-61deg) rotateY(165deg) translateX(60px) rotateZ(61deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-61deg) rotateY(165deg) translateX(180px) rotateZ(61deg);
  }
}

.dot:nth-child(102) {
  animation: orbit102 10s infinite;
  animation-delay: 1.02s;
  background-color: #00ffe4;
}

@keyframes orbit102 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-146deg) rotateY(138deg) translateX(60px) rotateZ(146deg);
  }
  80% {
    transform: rotateZ(-146deg) rotateY(138deg) translateX(60px) rotateZ(146deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-146deg) rotateY(138deg) translateX(180px) rotateZ(146deg);
  }
}

.dot:nth-child(103) {
  animation: orbit103 10s infinite;
  animation-delay: 1.03s;
  background-color: #00ffe4;
}

@keyframes orbit103 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-211deg) rotateY(212deg) translateX(60px) rotateZ(211deg);
  }
  80% {
    transform: rotateZ(-211deg) rotateY(212deg) translateX(60px) rotateZ(211deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-211deg) rotateY(212deg) translateX(180px) rotateZ(211deg);
  }
}

.dot:nth-child(104) {
  animation: orbit104 10s infinite;
  animation-delay: 1.04s;
  background-color: #00ffe5;
}

@keyframes orbit104 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-247deg) rotateY(10deg) translateX(60px) rotateZ(247deg);
  }
  80% {
    transform: rotateZ(-247deg) rotateY(10deg) translateX(60px) rotateZ(247deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-247deg) rotateY(10deg) translateX(180px) rotateZ(247deg);
  }
}

.dot:nth-child(105) {
  animation: orbit105 10s infinite;
  animation-delay: 1.05s;
  background-color: #00ffe6;
}

@keyframes orbit105 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-225deg) rotateY(120deg) translateX(60px) rotateZ(225deg);
  }
  80% {
    transform: rotateZ(-225deg) rotateY(120deg) translateX(60px) rotateZ(225deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-225deg) rotateY(120deg) translateX(180px) rotateZ(225deg);
  }
}

.dot:nth-child(106) {
  animation: orbit106 10s infinite;
  animation-delay: 1.06s;
  background-color: #00ffe6;
}

@keyframes orbit106 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-308deg) rotateY(248deg) translateX(60px) rotateZ(308deg);
  }
  80% {
    transform: rotateZ(-308deg) rotateY(248deg) translateX(60px) rotateZ(308deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-308deg) rotateY(248deg) translateX(180px) rotateZ(308deg);
  }
}

.dot:nth-child(107) {
  animation: orbit107 10s infinite;
  animation-delay: 1.07s;
  background-color: #00ffe7;
}

@keyframes orbit107 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-106deg) rotateY(83deg) translateX(60px) rotateZ(106deg);
  }
  80% {
    transform: rotateZ(-106deg) rotateY(83deg) translateX(60px) rotateZ(106deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-106deg) rotateY(83deg) translateX(180px) rotateZ(106deg);
  }
}

.dot:nth-child(108) {
  animation: orbit108 10s infinite;
  animation-delay: 1.08s;
  background-color: #00ffe7;
}

@keyframes orbit108 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-211deg) rotateY(27deg) translateX(60px) rotateZ(211deg);
  }
  80% {
    transform: rotateZ(-211deg) rotateY(27deg) translateX(60px) rotateZ(211deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-211deg) rotateY(27deg) translateX(180px) rotateZ(211deg);
  }
}

.dot:nth-child(109) {
  animation: orbit109 10s infinite;
  animation-delay: 1.09s;
  background-color: #00ffe8;
}

@keyframes orbit109 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-24deg) rotateY(10deg) translateX(60px) rotateZ(24deg);
  }
  80% {
    transform: rotateZ(-24deg) rotateY(10deg) translateX(60px) rotateZ(24deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-24deg) rotateY(10deg) translateX(180px) rotateZ(24deg);
  }
}

.dot:nth-child(110) {
  animation: orbit110 10s infinite;
  animation-delay: 1.1s;
  background-color: #00ffe8;
}

@keyframes orbit110 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-178deg) rotateY(157deg) translateX(60px) rotateZ(178deg);
  }
  80% {
    transform: rotateZ(-178deg) rotateY(157deg) translateX(60px) rotateZ(178deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-178deg) rotateY(157deg) translateX(180px) rotateZ(178deg);
  }
}

.dot:nth-child(111) {
  animation: orbit111 10s infinite;
  animation-delay: 1.11s;
  background-color: #00ffe9;
}

@keyframes orbit111 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-103deg) rotateY(61deg) translateX(60px) rotateZ(103deg);
  }
  80% {
    transform: rotateZ(-103deg) rotateY(61deg) translateX(60px) rotateZ(103deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-103deg) rotateY(61deg) translateX(180px) rotateZ(103deg);
  }
}

.dot:nth-child(112) {
  animation: orbit112 10s infinite;
  animation-delay: 1.12s;
  background-color: #00ffe9;
}

@keyframes orbit112 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-147deg) rotateY(356deg) translateX(60px) rotateZ(147deg);
  }
  80% {
    transform: rotateZ(-147deg) rotateY(356deg) translateX(60px) rotateZ(147deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-147deg) rotateY(356deg) translateX(180px) rotateZ(147deg);
  }
}

.dot:nth-child(113) {
  animation: orbit113 10s infinite;
  animation-delay: 1.13s;
  background-color: #00ffea;
}

@keyframes orbit113 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-184deg) rotateY(185deg) translateX(60px) rotateZ(184deg);
  }
  80% {
    transform: rotateZ(-184deg) rotateY(185deg) translateX(60px) rotateZ(184deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-184deg) rotateY(185deg) translateX(180px) rotateZ(184deg);
  }
}

.dot:nth-child(114) {
  animation: orbit114 10s infinite;
  animation-delay: 1.14s;
  background-color: #00ffeb;
}

@keyframes orbit114 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-291deg) rotateY(128deg) translateX(60px) rotateZ(291deg);
  }
  80% {
    transform: rotateZ(-291deg) rotateY(128deg) translateX(60px) rotateZ(291deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-291deg) rotateY(128deg) translateX(180px) rotateZ(291deg);
  }
}

.dot:nth-child(115) {
  animation: orbit115 10s infinite;
  animation-delay: 1.15s;
  background-color: #00ffeb;
}

@keyframes orbit115 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-273deg) rotateY(186deg) translateX(60px) rotateZ(273deg);
  }
  80% {
    transform: rotateZ(-273deg) rotateY(186deg) translateX(60px) rotateZ(273deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-273deg) rotateY(186deg) translateX(180px) rotateZ(273deg);
  }
}

.dot:nth-child(116) {
  animation: orbit116 10s infinite;
  animation-delay: 1.16s;
  background-color: #00ffec;
}

@keyframes orbit116 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-286deg) rotateY(230deg) translateX(60px) rotateZ(286deg);
  }
  80% {
    transform: rotateZ(-286deg) rotateY(230deg) translateX(60px) rotateZ(286deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-286deg) rotateY(230deg) translateX(180px) rotateZ(286deg);
  }
}

.dot:nth-child(117) {
  animation: orbit117 10s infinite;
  animation-delay: 1.17s;
  background-color: #00ffec;
}

@keyframes orbit117 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-138deg) rotateY(20deg) translateX(60px) rotateZ(138deg);
  }
  80% {
    transform: rotateZ(-138deg) rotateY(20deg) translateX(60px) rotateZ(138deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-138deg) rotateY(20deg) translateX(180px) rotateZ(138deg);
  }
}

.dot:nth-child(118) {
  animation: orbit118 10s infinite;
  animation-delay: 1.18s;
  background-color: #00ffed;
}

@keyframes orbit118 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-208deg) rotateY(6deg) translateX(60px) rotateZ(208deg);
  }
  80% {
    transform: rotateZ(-208deg) rotateY(6deg) translateX(60px) rotateZ(208deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-208deg) rotateY(6deg) translateX(180px) rotateZ(208deg);
  }
}

.dot:nth-child(119) {
  animation: orbit119 10s infinite;
  animation-delay: 1.19s;
  background-color: #00ffed;
}

@keyframes orbit119 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-201deg) rotateY(18deg) translateX(60px) rotateZ(201deg);
  }
  80% {
    transform: rotateZ(-201deg) rotateY(18deg) translateX(60px) rotateZ(201deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-201deg) rotateY(18deg) translateX(180px) rotateZ(201deg);
  }
}

.dot:nth-child(120) {
  animation: orbit120 10s infinite;
  animation-delay: 1.2s;
  background-color: #00ffee;
}

@keyframes orbit120 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-74deg) rotateY(122deg) translateX(60px) rotateZ(74deg);
  }
  80% {
    transform: rotateZ(-74deg) rotateY(122deg) translateX(60px) rotateZ(74deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-74deg) rotateY(122deg) translateX(180px) rotateZ(74deg);
  }
}

.dot:nth-child(121) {
  animation: orbit121 10s infinite;
  animation-delay: 1.21s;
  background-color: #00ffef;
}

@keyframes orbit121 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-124deg) rotateY(64deg) translateX(60px) rotateZ(124deg);
  }
  80% {
    transform: rotateZ(-124deg) rotateY(64deg) translateX(60px) rotateZ(124deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-124deg) rotateY(64deg) translateX(180px) rotateZ(124deg);
  }
}

.dot:nth-child(122) {
  animation: orbit122 10s infinite;
  animation-delay: 1.22s;
  background-color: #00ffef;
}

@keyframes orbit122 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-185deg) rotateY(267deg) translateX(60px) rotateZ(185deg);
  }
  80% {
    transform: rotateZ(-185deg) rotateY(267deg) translateX(60px) rotateZ(185deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-185deg) rotateY(267deg) translateX(180px) rotateZ(185deg);
  }
}

.dot:nth-child(123) {
  animation: orbit123 10s infinite;
  animation-delay: 1.23s;
  background-color: #00fff0;
}

@keyframes orbit123 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-202deg) rotateY(201deg) translateX(60px) rotateZ(202deg);
  }
  80% {
    transform: rotateZ(-202deg) rotateY(201deg) translateX(60px) rotateZ(202deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-202deg) rotateY(201deg) translateX(180px) rotateZ(202deg);
  }
}

.dot:nth-child(124) {
  animation: orbit124 10s infinite;
  animation-delay: 1.24s;
  background-color: #00fff0;
}

@keyframes orbit124 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-257deg) rotateY(134deg) translateX(60px) rotateZ(257deg);
  }
  80% {
    transform: rotateZ(-257deg) rotateY(134deg) translateX(60px) rotateZ(257deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-257deg) rotateY(134deg) translateX(180px) rotateZ(257deg);
  }
}

.dot:nth-child(125) {
  animation: orbit125 10s infinite;
  animation-delay: 1.25s;
  background-color: #00fff1;
}

@keyframes orbit125 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-111deg) rotateY(41deg) translateX(60px) rotateZ(111deg);
  }
  80% {
    transform: rotateZ(-111deg) rotateY(41deg) translateX(60px) rotateZ(111deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-111deg) rotateY(41deg) translateX(180px) rotateZ(111deg);
  }
}

.dot:nth-child(126) {
  animation: orbit126 10s infinite;
  animation-delay: 1.26s;
  background-color: #00fff1;
}

@keyframes orbit126 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-179deg) rotateY(28deg) translateX(60px) rotateZ(179deg);
  }
  80% {
    transform: rotateZ(-179deg) rotateY(28deg) translateX(60px) rotateZ(179deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-179deg) rotateY(28deg) translateX(180px) rotateZ(179deg);
  }
}

.dot:nth-child(127) {
  animation: orbit127 10s infinite;
  animation-delay: 1.27s;
  background-color: #00fff2;
}

@keyframes orbit127 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-325deg) rotateY(280deg) translateX(60px) rotateZ(325deg);
  }
  80% {
    transform: rotateZ(-325deg) rotateY(280deg) translateX(60px) rotateZ(325deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-325deg) rotateY(280deg) translateX(180px) rotateZ(325deg);
  }
}

.dot:nth-child(128) {
  animation: orbit128 10s infinite;
  animation-delay: 1.28s;
  background-color: #00fff3;
}

@keyframes orbit128 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-256deg) rotateY(160deg) translateX(60px) rotateZ(256deg);
  }
  80% {
    transform: rotateZ(-256deg) rotateY(160deg) translateX(60px) rotateZ(256deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-256deg) rotateY(160deg) translateX(180px) rotateZ(256deg);
  }
}

.dot:nth-child(129) {
  animation: orbit129 10s infinite;
  animation-delay: 1.29s;
  background-color: #00fff3;
}

@keyframes orbit129 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-154deg) rotateY(218deg) translateX(60px) rotateZ(154deg);
  }
  80% {
    transform: rotateZ(-154deg) rotateY(218deg) translateX(60px) rotateZ(154deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-154deg) rotateY(218deg) translateX(180px) rotateZ(154deg);
  }
}

.dot:nth-child(130) {
  animation: orbit130 10s infinite;
  animation-delay: 1.3s;
  background-color: #00fff4;
}

@keyframes orbit130 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-38deg) rotateY(158deg) translateX(60px) rotateZ(38deg);
  }
  80% {
    transform: rotateZ(-38deg) rotateY(158deg) translateX(60px) rotateZ(38deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-38deg) rotateY(158deg) translateX(180px) rotateZ(38deg);
  }
}

.dot:nth-child(131) {
  animation: orbit131 10s infinite;
  animation-delay: 1.31s;
  background-color: #00fff4;
}

@keyframes orbit131 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-100deg) rotateY(144deg) translateX(60px) rotateZ(100deg);
  }
  80% {
    transform: rotateZ(-100deg) rotateY(144deg) translateX(60px) rotateZ(100deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-100deg) rotateY(144deg) translateX(180px) rotateZ(100deg);
  }
}

.dot:nth-child(132) {
  animation: orbit132 10s infinite;
  animation-delay: 1.32s;
  background-color: #00fff5;
}

@keyframes orbit132 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-336deg) rotateY(183deg) translateX(60px) rotateZ(336deg);
  }
  80% {
    transform: rotateZ(-336deg) rotateY(183deg) translateX(60px) rotateZ(336deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-336deg) rotateY(183deg) translateX(180px) rotateZ(336deg);
  }
}

.dot:nth-child(133) {
  animation: orbit133 10s infinite;
  animation-delay: 1.33s;
  background-color: #00fff5;
}

@keyframes orbit133 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-193deg) rotateY(161deg) translateX(60px) rotateZ(193deg);
  }
  80% {
    transform: rotateZ(-193deg) rotateY(161deg) translateX(60px) rotateZ(193deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-193deg) rotateY(161deg) translateX(180px) rotateZ(193deg);
  }
}

.dot:nth-child(134) {
  animation: orbit134 10s infinite;
  animation-delay: 1.34s;
  background-color: #00fff6;
}

@keyframes orbit134 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-38deg) rotateY(202deg) translateX(60px) rotateZ(38deg);
  }
  80% {
    transform: rotateZ(-38deg) rotateY(202deg) translateX(60px) rotateZ(38deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-38deg) rotateY(202deg) translateX(180px) rotateZ(38deg);
  }
}

.dot:nth-child(135) {
  animation: orbit135 10s infinite;
  animation-delay: 1.35s;
  background-color: #00fff7;
}

@keyframes orbit135 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-159deg) rotateY(60deg) translateX(60px) rotateZ(159deg);
  }
  80% {
    transform: rotateZ(-159deg) rotateY(60deg) translateX(60px) rotateZ(159deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-159deg) rotateY(60deg) translateX(180px) rotateZ(159deg);
  }
}

.dot:nth-child(136) {
  animation: orbit136 10s infinite;
  animation-delay: 1.36s;
  background-color: #00fff7;
}

@keyframes orbit136 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-15deg) rotateY(38deg) translateX(60px) rotateZ(15deg);
  }
  80% {
    transform: rotateZ(-15deg) rotateY(38deg) translateX(60px) rotateZ(15deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-15deg) rotateY(38deg) translateX(180px) rotateZ(15deg);
  }
}

.dot:nth-child(137) {
  animation: orbit137 10s infinite;
  animation-delay: 1.37s;
  background-color: #00fff8;
}

@keyframes orbit137 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-322deg) rotateY(21deg) translateX(60px) rotateZ(322deg);
  }
  80% {
    transform: rotateZ(-322deg) rotateY(21deg) translateX(60px) rotateZ(322deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-322deg) rotateY(21deg) translateX(180px) rotateZ(322deg);
  }
}

.dot:nth-child(138) {
  animation: orbit138 10s infinite;
  animation-delay: 1.38s;
  background-color: #00fff8;
}

@keyframes orbit138 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-360deg) rotateY(264deg) translateX(60px) rotateZ(360deg);
  }
  80% {
    transform: rotateZ(-360deg) rotateY(264deg) translateX(60px) rotateZ(360deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-360deg) rotateY(264deg) translateX(180px) rotateZ(360deg);
  }
}

.dot:nth-child(139) {
  animation: orbit139 10s infinite;
  animation-delay: 1.39s;
  background-color: #00fff9;
}

@keyframes orbit139 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-205deg) rotateY(191deg) translateX(60px) rotateZ(205deg);
  }
  80% {
    transform: rotateZ(-205deg) rotateY(191deg) translateX(60px) rotateZ(205deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-205deg) rotateY(191deg) translateX(180px) rotateZ(205deg);
  }
}

.dot:nth-child(140) {
  animation: orbit140 10s infinite;
  animation-delay: 1.4s;
  background-color: #00fff9;
}

@keyframes orbit140 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-106deg) rotateY(104deg) translateX(60px) rotateZ(106deg);
  }
  80% {
    transform: rotateZ(-106deg) rotateY(104deg) translateX(60px) rotateZ(106deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-106deg) rotateY(104deg) translateX(180px) rotateZ(106deg);
  }
}

.dot:nth-child(141) {
  animation: orbit141 10s infinite;
  animation-delay: 1.41s;
  background-color: #00fffa;
}

@keyframes orbit141 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-252deg) rotateY(175deg) translateX(60px) rotateZ(252deg);
  }
  80% {
    transform: rotateZ(-252deg) rotateY(175deg) translateX(60px) rotateZ(252deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-252deg) rotateY(175deg) translateX(180px) rotateZ(252deg);
  }
}

.dot:nth-child(142) {
  animation: orbit142 10s infinite;
  animation-delay: 1.42s;
  background-color: #00fffa;
}

@keyframes orbit142 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-296deg) rotateY(178deg) translateX(60px) rotateZ(296deg);
  }
  80% {
    transform: rotateZ(-296deg) rotateY(178deg) translateX(60px) rotateZ(296deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-296deg) rotateY(178deg) translateX(180px) rotateZ(296deg);
  }
}

.dot:nth-child(143) {
  animation: orbit143 10s infinite;
  animation-delay: 1.43s;
  background-color: #00fffb;
}

@keyframes orbit143 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-170deg) rotateY(340deg) translateX(60px) rotateZ(170deg);
  }
  80% {
    transform: rotateZ(-170deg) rotateY(340deg) translateX(60px) rotateZ(170deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-170deg) rotateY(340deg) translateX(180px) rotateZ(170deg);
  }
}

.dot:nth-child(144) {
  animation: orbit144 10s infinite;
  animation-delay: 1.44s;
  background-color: #00fffc;
}

@keyframes orbit144 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-84deg) rotateY(324deg) translateX(60px) rotateZ(84deg);
  }
  80% {
    transform: rotateZ(-84deg) rotateY(324deg) translateX(60px) rotateZ(84deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-84deg) rotateY(324deg) translateX(180px) rotateZ(84deg);
  }
}

.dot:nth-child(145) {
  animation: orbit145 10s infinite;
  animation-delay: 1.45s;
  background-color: #00fffc;
}

@keyframes orbit145 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-28deg) rotateY(242deg) translateX(60px) rotateZ(28deg);
  }
  80% {
    transform: rotateZ(-28deg) rotateY(242deg) translateX(60px) rotateZ(28deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-28deg) rotateY(242deg) translateX(180px) rotateZ(28deg);
  }
}

.dot:nth-child(146) {
  animation: orbit146 10s infinite;
  animation-delay: 1.46s;
  background-color: #00fffd;
}

@keyframes orbit146 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-284deg) rotateY(22deg) translateX(60px) rotateZ(284deg);
  }
  80% {
    transform: rotateZ(-284deg) rotateY(22deg) translateX(60px) rotateZ(284deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-284deg) rotateY(22deg) translateX(180px) rotateZ(284deg);
  }
}

.dot:nth-child(147) {
  animation: orbit147 10s infinite;
  animation-delay: 1.47s;
  background-color: #00fffd;
}

@keyframes orbit147 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-134deg) rotateY(337deg) translateX(60px) rotateZ(134deg);
  }
  80% {
    transform: rotateZ(-134deg) rotateY(337deg) translateX(60px) rotateZ(134deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-134deg) rotateY(337deg) translateX(180px) rotateZ(134deg);
  }
}

.dot:nth-child(148) {
  animation: orbit148 10s infinite;
  animation-delay: 1.48s;
  background-color: #00fffe;
}

@keyframes orbit148 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-24deg) rotateY(281deg) translateX(60px) rotateZ(24deg);
  }
  80% {
    transform: rotateZ(-24deg) rotateY(281deg) translateX(60px) rotateZ(24deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-24deg) rotateY(281deg) translateX(180px) rotateZ(24deg);
  }
}

.dot:nth-child(149) {
  animation: orbit149 10s infinite;
  animation-delay: 1.49s;
  background-color: #00fffe;
}

@keyframes orbit149 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-312deg) rotateY(338deg) translateX(60px) rotateZ(312deg);
  }
  80% {
    transform: rotateZ(-312deg) rotateY(338deg) translateX(60px) rotateZ(312deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-312deg) rotateY(338deg) translateX(180px) rotateZ(312deg);
  }
}

.dot:nth-child(150) {
  animation: orbit150 10s infinite;
  animation-delay: 1.5s;
  background-color: cyan;
}

@keyframes orbit150 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-360deg) rotateY(309deg) translateX(60px) rotateZ(360deg);
  }
  80% {
    transform: rotateZ(-360deg) rotateY(309deg) translateX(60px) rotateZ(360deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-360deg) rotateY(309deg) translateX(180px) rotateZ(360deg);
  }
}

.dot:nth-child(151) {
  animation: orbit151 10s infinite;
  animation-delay: 1.51s;
  background-color: #00feff;
}

@keyframes orbit151 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-82deg) rotateY(18deg) translateX(60px) rotateZ(82deg);
  }
  80% {
    transform: rotateZ(-82deg) rotateY(18deg) translateX(60px) rotateZ(82deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-82deg) rotateY(18deg) translateX(180px) rotateZ(82deg);
  }
}

.dot:nth-child(152) {
  animation: orbit152 10s infinite;
  animation-delay: 1.52s;
  background-color: #00feff;
}

@keyframes orbit152 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-327deg) rotateY(209deg) translateX(60px) rotateZ(327deg);
  }
  80% {
    transform: rotateZ(-327deg) rotateY(209deg) translateX(60px) rotateZ(327deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-327deg) rotateY(209deg) translateX(180px) rotateZ(327deg);
  }
}

.dot:nth-child(153) {
  animation: orbit153 10s infinite;
  animation-delay: 1.53s;
  background-color: #00fdff;
}

@keyframes orbit153 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-154deg) rotateY(104deg) translateX(60px) rotateZ(154deg);
  }
  80% {
    transform: rotateZ(-154deg) rotateY(104deg) translateX(60px) rotateZ(154deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-154deg) rotateY(104deg) translateX(180px) rotateZ(154deg);
  }
}

.dot:nth-child(154) {
  animation: orbit154 10s infinite;
  animation-delay: 1.54s;
  background-color: #00fdff;
}

@keyframes orbit154 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-321deg) rotateY(9deg) translateX(60px) rotateZ(321deg);
  }
  80% {
    transform: rotateZ(-321deg) rotateY(9deg) translateX(60px) rotateZ(321deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-321deg) rotateY(9deg) translateX(180px) rotateZ(321deg);
  }
}

.dot:nth-child(155) {
  animation: orbit155 10s infinite;
  animation-delay: 1.55s;
  background-color: #00fcff;
}

@keyframes orbit155 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-341deg) rotateY(251deg) translateX(60px) rotateZ(341deg);
  }
  80% {
    transform: rotateZ(-341deg) rotateY(251deg) translateX(60px) rotateZ(341deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-341deg) rotateY(251deg) translateX(180px) rotateZ(341deg);
  }
}

.dot:nth-child(156) {
  animation: orbit156 10s infinite;
  animation-delay: 1.56s;
  background-color: #00fcff;
}

@keyframes orbit156 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-129deg) rotateY(3deg) translateX(60px) rotateZ(129deg);
  }
  80% {
    transform: rotateZ(-129deg) rotateY(3deg) translateX(60px) rotateZ(129deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-129deg) rotateY(3deg) translateX(180px) rotateZ(129deg);
  }
}

.dot:nth-child(157) {
  animation: orbit157 10s infinite;
  animation-delay: 1.57s;
  background-color: #00fbff;
}

@keyframes orbit157 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-346deg) rotateY(6deg) translateX(60px) rotateZ(346deg);
  }
  80% {
    transform: rotateZ(-346deg) rotateY(6deg) translateX(60px) rotateZ(346deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-346deg) rotateY(6deg) translateX(180px) rotateZ(346deg);
  }
}

.dot:nth-child(158) {
  animation: orbit158 10s infinite;
  animation-delay: 1.58s;
  background-color: #00faff;
}

@keyframes orbit158 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-334deg) rotateY(350deg) translateX(60px) rotateZ(334deg);
  }
  80% {
    transform: rotateZ(-334deg) rotateY(350deg) translateX(60px) rotateZ(334deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-334deg) rotateY(350deg) translateX(180px) rotateZ(334deg);
  }
}

.dot:nth-child(159) {
  animation: orbit159 10s infinite;
  animation-delay: 1.59s;
  background-color: #00faff;
}

@keyframes orbit159 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-43deg) rotateY(57deg) translateX(60px) rotateZ(43deg);
  }
  80% {
    transform: rotateZ(-43deg) rotateY(57deg) translateX(60px) rotateZ(43deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-43deg) rotateY(57deg) translateX(180px) rotateZ(43deg);
  }
}

.dot:nth-child(160) {
  animation: orbit160 10s infinite;
  animation-delay: 1.6s;
  background-color: #00f9ff;
}

@keyframes orbit160 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-69deg) rotateY(171deg) translateX(60px) rotateZ(69deg);
  }
  80% {
    transform: rotateZ(-69deg) rotateY(171deg) translateX(60px) rotateZ(69deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-69deg) rotateY(171deg) translateX(180px) rotateZ(69deg);
  }
}

.dot:nth-child(161) {
  animation: orbit161 10s infinite;
  animation-delay: 1.61s;
  background-color: #00f9ff;
}

@keyframes orbit161 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-259deg) rotateY(233deg) translateX(60px) rotateZ(259deg);
  }
  80% {
    transform: rotateZ(-259deg) rotateY(233deg) translateX(60px) rotateZ(259deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-259deg) rotateY(233deg) translateX(180px) rotateZ(259deg);
  }
}

.dot:nth-child(162) {
  animation: orbit162 10s infinite;
  animation-delay: 1.62s;
  background-color: #00f8ff;
}

@keyframes orbit162 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-64deg) rotateY(7deg) translateX(60px) rotateZ(64deg);
  }
  80% {
    transform: rotateZ(-64deg) rotateY(7deg) translateX(60px) rotateZ(64deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-64deg) rotateY(7deg) translateX(180px) rotateZ(64deg);
  }
}

.dot:nth-child(163) {
  animation: orbit163 10s infinite;
  animation-delay: 1.63s;
  background-color: #00f8ff;
}

@keyframes orbit163 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-294deg) rotateY(243deg) translateX(60px) rotateZ(294deg);
  }
  80% {
    transform: rotateZ(-294deg) rotateY(243deg) translateX(60px) rotateZ(294deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-294deg) rotateY(243deg) translateX(180px) rotateZ(294deg);
  }
}

.dot:nth-child(164) {
  animation: orbit164 10s infinite;
  animation-delay: 1.64s;
  background-color: #00f7ff;
}

@keyframes orbit164 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-247deg) rotateY(168deg) translateX(60px) rotateZ(247deg);
  }
  80% {
    transform: rotateZ(-247deg) rotateY(168deg) translateX(60px) rotateZ(247deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-247deg) rotateY(168deg) translateX(180px) rotateZ(247deg);
  }
}

.dot:nth-child(165) {
  animation: orbit165 10s infinite;
  animation-delay: 1.65s;
  background-color: #00f7ff;
}

@keyframes orbit165 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-208deg) rotateY(180deg) translateX(60px) rotateZ(208deg);
  }
  80% {
    transform: rotateZ(-208deg) rotateY(180deg) translateX(60px) rotateZ(208deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-208deg) rotateY(180deg) translateX(180px) rotateZ(208deg);
  }
}

.dot:nth-child(166) {
  animation: orbit166 10s infinite;
  animation-delay: 1.66s;
  background-color: #00f6ff;
}

@keyframes orbit166 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-353deg) rotateY(258deg) translateX(60px) rotateZ(353deg);
  }
  80% {
    transform: rotateZ(-353deg) rotateY(258deg) translateX(60px) rotateZ(353deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-353deg) rotateY(258deg) translateX(180px) rotateZ(353deg);
  }
}

.dot:nth-child(167) {
  animation: orbit167 10s infinite;
  animation-delay: 1.67s;
  background-color: #00f5ff;
}

@keyframes orbit167 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-50deg) rotateY(216deg) translateX(60px) rotateZ(50deg);
  }
  80% {
    transform: rotateZ(-50deg) rotateY(216deg) translateX(60px) rotateZ(50deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-50deg) rotateY(216deg) translateX(180px) rotateZ(50deg);
  }
}

.dot:nth-child(168) {
  animation: orbit168 10s infinite;
  animation-delay: 1.68s;
  background-color: #00f5ff;
}

@keyframes orbit168 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-221deg) rotateY(304deg) translateX(60px) rotateZ(221deg);
  }
  80% {
    transform: rotateZ(-221deg) rotateY(304deg) translateX(60px) rotateZ(221deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-221deg) rotateY(304deg) translateX(180px) rotateZ(221deg);
  }
}

.dot:nth-child(169) {
  animation: orbit169 10s infinite;
  animation-delay: 1.69s;
  background-color: #00f4ff;
}

@keyframes orbit169 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-92deg) rotateY(194deg) translateX(60px) rotateZ(92deg);
  }
  80% {
    transform: rotateZ(-92deg) rotateY(194deg) translateX(60px) rotateZ(92deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-92deg) rotateY(194deg) translateX(180px) rotateZ(92deg);
  }
}

.dot:nth-child(170) {
  animation: orbit170 10s infinite;
  animation-delay: 1.7s;
  background-color: #00f4ff;
}

@keyframes orbit170 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-51deg) rotateY(318deg) translateX(60px) rotateZ(51deg);
  }
  80% {
    transform: rotateZ(-51deg) rotateY(318deg) translateX(60px) rotateZ(51deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-51deg) rotateY(318deg) translateX(180px) rotateZ(51deg);
  }
}

.dot:nth-child(171) {
  animation: orbit171 10s infinite;
  animation-delay: 1.71s;
  background-color: #00f3ff;
}

@keyframes orbit171 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-2deg) rotateY(155deg) translateX(60px) rotateZ(2deg);
  }
  80% {
    transform: rotateZ(-2deg) rotateY(155deg) translateX(60px) rotateZ(2deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-2deg) rotateY(155deg) translateX(180px) rotateZ(2deg);
  }
}

.dot:nth-child(172) {
  animation: orbit172 10s infinite;
  animation-delay: 1.72s;
  background-color: #00f3ff;
}

@keyframes orbit172 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-234deg) rotateY(22deg) translateX(60px) rotateZ(234deg);
  }
  80% {
    transform: rotateZ(-234deg) rotateY(22deg) translateX(60px) rotateZ(234deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-234deg) rotateY(22deg) translateX(180px) rotateZ(234deg);
  }
}

.dot:nth-child(173) {
  animation: orbit173 10s infinite;
  animation-delay: 1.73s;
  background-color: #00f2ff;
}

@keyframes orbit173 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-193deg) rotateY(214deg) translateX(60px) rotateZ(193deg);
  }
  80% {
    transform: rotateZ(-193deg) rotateY(214deg) translateX(60px) rotateZ(193deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-193deg) rotateY(214deg) translateX(180px) rotateZ(193deg);
  }
}

.dot:nth-child(174) {
  animation: orbit174 10s infinite;
  animation-delay: 1.74s;
  background-color: #00f1ff;
}

@keyframes orbit174 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-330deg) rotateY(39deg) translateX(60px) rotateZ(330deg);
  }
  80% {
    transform: rotateZ(-330deg) rotateY(39deg) translateX(60px) rotateZ(330deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-330deg) rotateY(39deg) translateX(180px) rotateZ(330deg);
  }
}

.dot:nth-child(175) {
  animation: orbit175 10s infinite;
  animation-delay: 1.75s;
  background-color: #00f1ff;
}

@keyframes orbit175 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-54deg) rotateY(356deg) translateX(60px) rotateZ(54deg);
  }
  80% {
    transform: rotateZ(-54deg) rotateY(356deg) translateX(60px) rotateZ(54deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-54deg) rotateY(356deg) translateX(180px) rotateZ(54deg);
  }
}

.dot:nth-child(176) {
  animation: orbit176 10s infinite;
  animation-delay: 1.76s;
  background-color: #00f0ff;
}

@keyframes orbit176 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-122deg) rotateY(43deg) translateX(60px) rotateZ(122deg);
  }
  80% {
    transform: rotateZ(-122deg) rotateY(43deg) translateX(60px) rotateZ(122deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-122deg) rotateY(43deg) translateX(180px) rotateZ(122deg);
  }
}

.dot:nth-child(177) {
  animation: orbit177 10s infinite;
  animation-delay: 1.77s;
  background-color: #00f0ff;
}

@keyframes orbit177 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-317deg) rotateY(248deg) translateX(60px) rotateZ(317deg);
  }
  80% {
    transform: rotateZ(-317deg) rotateY(248deg) translateX(60px) rotateZ(317deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-317deg) rotateY(248deg) translateX(180px) rotateZ(317deg);
  }
}

.dot:nth-child(178) {
  animation: orbit178 10s infinite;
  animation-delay: 1.78s;
  background-color: #00efff;
}

@keyframes orbit178 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-105deg) rotateY(179deg) translateX(60px) rotateZ(105deg);
  }
  80% {
    transform: rotateZ(-105deg) rotateY(179deg) translateX(60px) rotateZ(105deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-105deg) rotateY(179deg) translateX(180px) rotateZ(105deg);
  }
}

.dot:nth-child(179) {
  animation: orbit179 10s infinite;
  animation-delay: 1.79s;
  background-color: #00efff;
}

@keyframes orbit179 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-262deg) rotateY(149deg) translateX(60px) rotateZ(262deg);
  }
  80% {
    transform: rotateZ(-262deg) rotateY(149deg) translateX(60px) rotateZ(262deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-262deg) rotateY(149deg) translateX(180px) rotateZ(262deg);
  }
}

.dot:nth-child(180) {
  animation: orbit180 10s infinite;
  animation-delay: 1.8s;
  background-color: #00eeff;
}

@keyframes orbit180 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-161deg) rotateY(206deg) translateX(60px) rotateZ(161deg);
  }
  80% {
    transform: rotateZ(-161deg) rotateY(206deg) translateX(60px) rotateZ(161deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-161deg) rotateY(206deg) translateX(180px) rotateZ(161deg);
  }
}

.dot:nth-child(181) {
  animation: orbit181 10s infinite;
  animation-delay: 1.81s;
  background-color: #00edff;
}

@keyframes orbit181 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-271deg) rotateY(42deg) translateX(60px) rotateZ(271deg);
  }
  80% {
    transform: rotateZ(-271deg) rotateY(42deg) translateX(60px) rotateZ(271deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-271deg) rotateY(42deg) translateX(180px) rotateZ(271deg);
  }
}

.dot:nth-child(182) {
  animation: orbit182 10s infinite;
  animation-delay: 1.82s;
  background-color: #00edff;
}

@keyframes orbit182 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-268deg) rotateY(210deg) translateX(60px) rotateZ(268deg);
  }
  80% {
    transform: rotateZ(-268deg) rotateY(210deg) translateX(60px) rotateZ(268deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-268deg) rotateY(210deg) translateX(180px) rotateZ(268deg);
  }
}

.dot:nth-child(183) {
  animation: orbit183 10s infinite;
  animation-delay: 1.83s;
  background-color: #00ecff;
}

@keyframes orbit183 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-70deg) rotateY(180deg) translateX(60px) rotateZ(70deg);
  }
  80% {
    transform: rotateZ(-70deg) rotateY(180deg) translateX(60px) rotateZ(70deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-70deg) rotateY(180deg) translateX(180px) rotateZ(70deg);
  }
}

.dot:nth-child(184) {
  animation: orbit184 10s infinite;
  animation-delay: 1.84s;
  background-color: #00ecff;
}

@keyframes orbit184 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-200deg) rotateY(201deg) translateX(60px) rotateZ(200deg);
  }
  80% {
    transform: rotateZ(-200deg) rotateY(201deg) translateX(60px) rotateZ(200deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-200deg) rotateY(201deg) translateX(180px) rotateZ(200deg);
  }
}

.dot:nth-child(185) {
  animation: orbit185 10s infinite;
  animation-delay: 1.85s;
  background-color: #00ebff;
}

@keyframes orbit185 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-333deg) rotateY(71deg) translateX(60px) rotateZ(333deg);
  }
  80% {
    transform: rotateZ(-333deg) rotateY(71deg) translateX(60px) rotateZ(333deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-333deg) rotateY(71deg) translateX(180px) rotateZ(333deg);
  }
}

.dot:nth-child(186) {
  animation: orbit186 10s infinite;
  animation-delay: 1.86s;
  background-color: #00ebff;
}

@keyframes orbit186 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-39deg) rotateY(189deg) translateX(60px) rotateZ(39deg);
  }
  80% {
    transform: rotateZ(-39deg) rotateY(189deg) translateX(60px) rotateZ(39deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-39deg) rotateY(189deg) translateX(180px) rotateZ(39deg);
  }
}

.dot:nth-child(187) {
  animation: orbit187 10s infinite;
  animation-delay: 1.87s;
  background-color: #00eaff;
}

@keyframes orbit187 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-88deg) rotateY(286deg) translateX(60px) rotateZ(88deg);
  }
  80% {
    transform: rotateZ(-88deg) rotateY(286deg) translateX(60px) rotateZ(88deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-88deg) rotateY(286deg) translateX(180px) rotateZ(88deg);
  }
}

.dot:nth-child(188) {
  animation: orbit188 10s infinite;
  animation-delay: 1.88s;
  background-color: #00e9ff;
}

@keyframes orbit188 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-148deg) rotateY(258deg) translateX(60px) rotateZ(148deg);
  }
  80% {
    transform: rotateZ(-148deg) rotateY(258deg) translateX(60px) rotateZ(148deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-148deg) rotateY(258deg) translateX(180px) rotateZ(148deg);
  }
}

.dot:nth-child(189) {
  animation: orbit189 10s infinite;
  animation-delay: 1.89s;
  background-color: #00e9ff;
}

@keyframes orbit189 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-69deg) rotateY(246deg) translateX(60px) rotateZ(69deg);
  }
  80% {
    transform: rotateZ(-69deg) rotateY(246deg) translateX(60px) rotateZ(69deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-69deg) rotateY(246deg) translateX(180px) rotateZ(69deg);
  }
}

.dot:nth-child(190) {
  animation: orbit190 10s infinite;
  animation-delay: 1.9s;
  background-color: #00e8ff;
}

@keyframes orbit190 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-244deg) rotateY(60deg) translateX(60px) rotateZ(244deg);
  }
  80% {
    transform: rotateZ(-244deg) rotateY(60deg) translateX(60px) rotateZ(244deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-244deg) rotateY(60deg) translateX(180px) rotateZ(244deg);
  }
}

.dot:nth-child(191) {
  animation: orbit191 10s infinite;
  animation-delay: 1.91s;
  background-color: #00e8ff;
}

@keyframes orbit191 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-13deg) rotateY(240deg) translateX(60px) rotateZ(13deg);
  }
  80% {
    transform: rotateZ(-13deg) rotateY(240deg) translateX(60px) rotateZ(13deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-13deg) rotateY(240deg) translateX(180px) rotateZ(13deg);
  }
}

.dot:nth-child(192) {
  animation: orbit192 10s infinite;
  animation-delay: 1.92s;
  background-color: #00e7ff;
}

@keyframes orbit192 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-148deg) rotateY(75deg) translateX(60px) rotateZ(148deg);
  }
  80% {
    transform: rotateZ(-148deg) rotateY(75deg) translateX(60px) rotateZ(148deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-148deg) rotateY(75deg) translateX(180px) rotateZ(148deg);
  }
}

.dot:nth-child(193) {
  animation: orbit193 10s infinite;
  animation-delay: 1.93s;
  background-color: #00e7ff;
}

@keyframes orbit193 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-11deg) rotateY(67deg) translateX(60px) rotateZ(11deg);
  }
  80% {
    transform: rotateZ(-11deg) rotateY(67deg) translateX(60px) rotateZ(11deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-11deg) rotateY(67deg) translateX(180px) rotateZ(11deg);
  }
}

.dot:nth-child(194) {
  animation: orbit194 10s infinite;
  animation-delay: 1.94s;
  background-color: #00e6ff;
}

@keyframes orbit194 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-351deg) rotateY(135deg) translateX(60px) rotateZ(351deg);
  }
  80% {
    transform: rotateZ(-351deg) rotateY(135deg) translateX(60px) rotateZ(351deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-351deg) rotateY(135deg) translateX(180px) rotateZ(351deg);
  }
}

.dot:nth-child(195) {
  animation: orbit195 10s infinite;
  animation-delay: 1.95s;
  background-color: #00e6ff;
}

@keyframes orbit195 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-133deg) rotateY(8deg) translateX(60px) rotateZ(133deg);
  }
  80% {
    transform: rotateZ(-133deg) rotateY(8deg) translateX(60px) rotateZ(133deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-133deg) rotateY(8deg) translateX(180px) rotateZ(133deg);
  }
}

.dot:nth-child(196) {
  animation: orbit196 10s infinite;
  animation-delay: 1.96s;
  background-color: #00e5ff;
}

@keyframes orbit196 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-194deg) rotateY(9deg) translateX(60px) rotateZ(194deg);
  }
  80% {
    transform: rotateZ(-194deg) rotateY(9deg) translateX(60px) rotateZ(194deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-194deg) rotateY(9deg) translateX(180px) rotateZ(194deg);
  }
}

.dot:nth-child(197) {
  animation: orbit197 10s infinite;
  animation-delay: 1.97s;
  background-color: #00e4ff;
}

@keyframes orbit197 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-172deg) rotateY(185deg) translateX(60px) rotateZ(172deg);
  }
  80% {
    transform: rotateZ(-172deg) rotateY(185deg) translateX(60px) rotateZ(172deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-172deg) rotateY(185deg) translateX(180px) rotateZ(172deg);
  }
}

.dot:nth-child(198) {
  animation: orbit198 10s infinite;
  animation-delay: 1.98s;
  background-color: #00e4ff;
}

@keyframes orbit198 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-339deg) rotateY(29deg) translateX(60px) rotateZ(339deg);
  }
  80% {
    transform: rotateZ(-339deg) rotateY(29deg) translateX(60px) rotateZ(339deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-339deg) rotateY(29deg) translateX(180px) rotateZ(339deg);
  }
}

.dot:nth-child(199) {
  animation: orbit199 10s infinite;
  animation-delay: 1.99s;
  background-color: #00e3ff;
}

@keyframes orbit199 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-322deg) rotateY(130deg) translateX(60px) rotateZ(322deg);
  }
  80% {
    transform: rotateZ(-322deg) rotateY(130deg) translateX(60px) rotateZ(322deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-322deg) rotateY(130deg) translateX(180px) rotateZ(322deg);
  }
}

.dot:nth-child(200) {
  animation: orbit200 10s infinite;
  animation-delay: 2s;
  background-color: #00e3ff;
}

@keyframes orbit200 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-311deg) rotateY(324deg) translateX(60px) rotateZ(311deg);
  }
  80% {
    transform: rotateZ(-311deg) rotateY(324deg) translateX(60px) rotateZ(311deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-311deg) rotateY(324deg) translateX(180px) rotateZ(311deg);
  }
}

.dot:nth-child(201) {
  animation: orbit201 10s infinite;
  animation-delay: 2.01s;
  background-color: #00e2ff;
}

@keyframes orbit201 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-154deg) rotateY(130deg) translateX(60px) rotateZ(154deg);
  }
  80% {
    transform: rotateZ(-154deg) rotateY(130deg) translateX(60px) rotateZ(154deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-154deg) rotateY(130deg) translateX(180px) rotateZ(154deg);
  }
}

.dot:nth-child(202) {
  animation: orbit202 10s infinite;
  animation-delay: 2.02s;
  background-color: #00e2ff;
}

@keyframes orbit202 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-328deg) rotateY(225deg) translateX(60px) rotateZ(328deg);
  }
  80% {
    transform: rotateZ(-328deg) rotateY(225deg) translateX(60px) rotateZ(328deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-328deg) rotateY(225deg) translateX(180px) rotateZ(328deg);
  }
}

.dot:nth-child(203) {
  animation: orbit203 10s infinite;
  animation-delay: 2.03s;
  background-color: #00e1ff;
}

@keyframes orbit203 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-4deg) rotateY(102deg) translateX(60px) rotateZ(4deg);
  }
  80% {
    transform: rotateZ(-4deg) rotateY(102deg) translateX(60px) rotateZ(4deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-4deg) rotateY(102deg) translateX(180px) rotateZ(4deg);
  }
}

.dot:nth-child(204) {
  animation: orbit204 10s infinite;
  animation-delay: 2.04s;
  background-color: #00e0ff;
}

@keyframes orbit204 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-162deg) rotateY(136deg) translateX(60px) rotateZ(162deg);
  }
  80% {
    transform: rotateZ(-162deg) rotateY(136deg) translateX(60px) rotateZ(162deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-162deg) rotateY(136deg) translateX(180px) rotateZ(162deg);
  }
}

.dot:nth-child(205) {
  animation: orbit205 10s infinite;
  animation-delay: 2.05s;
  background-color: #00e0ff;
}

@keyframes orbit205 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-187deg) rotateY(50deg) translateX(60px) rotateZ(187deg);
  }
  80% {
    transform: rotateZ(-187deg) rotateY(50deg) translateX(60px) rotateZ(187deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-187deg) rotateY(50deg) translateX(180px) rotateZ(187deg);
  }
}

.dot:nth-child(206) {
  animation: orbit206 10s infinite;
  animation-delay: 2.06s;
  background-color: #00dfff;
}

@keyframes orbit206 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-339deg) rotateY(312deg) translateX(60px) rotateZ(339deg);
  }
  80% {
    transform: rotateZ(-339deg) rotateY(312deg) translateX(60px) rotateZ(339deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-339deg) rotateY(312deg) translateX(180px) rotateZ(339deg);
  }
}

.dot:nth-child(207) {
  animation: orbit207 10s infinite;
  animation-delay: 2.07s;
  background-color: #00dfff;
}

@keyframes orbit207 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-97deg) rotateY(305deg) translateX(60px) rotateZ(97deg);
  }
  80% {
    transform: rotateZ(-97deg) rotateY(305deg) translateX(60px) rotateZ(97deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-97deg) rotateY(305deg) translateX(180px) rotateZ(97deg);
  }
}

.dot:nth-child(208) {
  animation: orbit208 10s infinite;
  animation-delay: 2.08s;
  background-color: #00deff;
}

@keyframes orbit208 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-24deg) rotateY(290deg) translateX(60px) rotateZ(24deg);
  }
  80% {
    transform: rotateZ(-24deg) rotateY(290deg) translateX(60px) rotateZ(24deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-24deg) rotateY(290deg) translateX(180px) rotateZ(24deg);
  }
}

.dot:nth-child(209) {
  animation: orbit209 10s infinite;
  animation-delay: 2.09s;
  background-color: #00deff;
}

@keyframes orbit209 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-349deg) rotateY(299deg) translateX(60px) rotateZ(349deg);
  }
  80% {
    transform: rotateZ(-349deg) rotateY(299deg) translateX(60px) rotateZ(349deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-349deg) rotateY(299deg) translateX(180px) rotateZ(349deg);
  }
}

.dot:nth-child(210) {
  animation: orbit210 10s infinite;
  animation-delay: 2.1s;
  background-color: #00ddff;
}

@keyframes orbit210 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-167deg) rotateY(78deg) translateX(60px) rotateZ(167deg);
  }
  80% {
    transform: rotateZ(-167deg) rotateY(78deg) translateX(60px) rotateZ(167deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-167deg) rotateY(78deg) translateX(180px) rotateZ(167deg);
  }
}

.dot:nth-child(211) {
  animation: orbit211 10s infinite;
  animation-delay: 2.11s;
  background-color: #00dcff;
}

@keyframes orbit211 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-150deg) rotateY(19deg) translateX(60px) rotateZ(150deg);
  }
  80% {
    transform: rotateZ(-150deg) rotateY(19deg) translateX(60px) rotateZ(150deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-150deg) rotateY(19deg) translateX(180px) rotateZ(150deg);
  }
}

.dot:nth-child(212) {
  animation: orbit212 10s infinite;
  animation-delay: 2.12s;
  background-color: #00dcff;
}

@keyframes orbit212 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-51deg) rotateY(184deg) translateX(60px) rotateZ(51deg);
  }
  80% {
    transform: rotateZ(-51deg) rotateY(184deg) translateX(60px) rotateZ(51deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-51deg) rotateY(184deg) translateX(180px) rotateZ(51deg);
  }
}

.dot:nth-child(213) {
  animation: orbit213 10s infinite;
  animation-delay: 2.13s;
  background-color: #00dbff;
}

@keyframes orbit213 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-152deg) rotateY(290deg) translateX(60px) rotateZ(152deg);
  }
  80% {
    transform: rotateZ(-152deg) rotateY(290deg) translateX(60px) rotateZ(152deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-152deg) rotateY(290deg) translateX(180px) rotateZ(152deg);
  }
}

.dot:nth-child(214) {
  animation: orbit214 10s infinite;
  animation-delay: 2.14s;
  background-color: #00dbff;
}

@keyframes orbit214 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-347deg) rotateY(229deg) translateX(60px) rotateZ(347deg);
  }
  80% {
    transform: rotateZ(-347deg) rotateY(229deg) translateX(60px) rotateZ(347deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-347deg) rotateY(229deg) translateX(180px) rotateZ(347deg);
  }
}

.dot:nth-child(215) {
  animation: orbit215 10s infinite;
  animation-delay: 2.15s;
  background-color: #00daff;
}

@keyframes orbit215 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-341deg) rotateY(308deg) translateX(60px) rotateZ(341deg);
  }
  80% {
    transform: rotateZ(-341deg) rotateY(308deg) translateX(60px) rotateZ(341deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-341deg) rotateY(308deg) translateX(180px) rotateZ(341deg);
  }
}

.dot:nth-child(216) {
  animation: orbit216 10s infinite;
  animation-delay: 2.16s;
  background-color: #00daff;
}

@keyframes orbit216 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-315deg) rotateY(129deg) translateX(60px) rotateZ(315deg);
  }
  80% {
    transform: rotateZ(-315deg) rotateY(129deg) translateX(60px) rotateZ(315deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-315deg) rotateY(129deg) translateX(180px) rotateZ(315deg);
  }
}

.dot:nth-child(217) {
  animation: orbit217 10s infinite;
  animation-delay: 2.17s;
  background-color: #00d9ff;
}

@keyframes orbit217 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-260deg) rotateY(19deg) translateX(60px) rotateZ(260deg);
  }
  80% {
    transform: rotateZ(-260deg) rotateY(19deg) translateX(60px) rotateZ(260deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-260deg) rotateY(19deg) translateX(180px) rotateZ(260deg);
  }
}

.dot:nth-child(218) {
  animation: orbit218 10s infinite;
  animation-delay: 2.18s;
  background-color: #00d8ff;
}

@keyframes orbit218 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-25deg) rotateY(109deg) translateX(60px) rotateZ(25deg);
  }
  80% {
    transform: rotateZ(-25deg) rotateY(109deg) translateX(60px) rotateZ(25deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-25deg) rotateY(109deg) translateX(180px) rotateZ(25deg);
  }
}

.dot:nth-child(219) {
  animation: orbit219 10s infinite;
  animation-delay: 2.19s;
  background-color: #00d8ff;
}

@keyframes orbit219 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-95deg) rotateY(348deg) translateX(60px) rotateZ(95deg);
  }
  80% {
    transform: rotateZ(-95deg) rotateY(348deg) translateX(60px) rotateZ(95deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-95deg) rotateY(348deg) translateX(180px) rotateZ(95deg);
  }
}

.dot:nth-child(220) {
  animation: orbit220 10s infinite;
  animation-delay: 2.2s;
  background-color: #00d7ff;
}

@keyframes orbit220 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-157deg) rotateY(79deg) translateX(60px) rotateZ(157deg);
  }
  80% {
    transform: rotateZ(-157deg) rotateY(79deg) translateX(60px) rotateZ(157deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-157deg) rotateY(79deg) translateX(180px) rotateZ(157deg);
  }
}

.dot:nth-child(221) {
  animation: orbit221 10s infinite;
  animation-delay: 2.21s;
  background-color: #00d7ff;
}

@keyframes orbit221 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-203deg) rotateY(12deg) translateX(60px) rotateZ(203deg);
  }
  80% {
    transform: rotateZ(-203deg) rotateY(12deg) translateX(60px) rotateZ(203deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-203deg) rotateY(12deg) translateX(180px) rotateZ(203deg);
  }
}

.dot:nth-child(222) {
  animation: orbit222 10s infinite;
  animation-delay: 2.22s;
  background-color: #00d6ff;
}

@keyframes orbit222 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-208deg) rotateY(297deg) translateX(60px) rotateZ(208deg);
  }
  80% {
    transform: rotateZ(-208deg) rotateY(297deg) translateX(60px) rotateZ(208deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-208deg) rotateY(297deg) translateX(180px) rotateZ(208deg);
  }
}

.dot:nth-child(223) {
  animation: orbit223 10s infinite;
  animation-delay: 2.23s;
  background-color: #00d6ff;
}

@keyframes orbit223 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-71deg) rotateY(104deg) translateX(60px) rotateZ(71deg);
  }
  80% {
    transform: rotateZ(-71deg) rotateY(104deg) translateX(60px) rotateZ(71deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-71deg) rotateY(104deg) translateX(180px) rotateZ(71deg);
  }
}

.dot:nth-child(224) {
  animation: orbit224 10s infinite;
  animation-delay: 2.24s;
  background-color: #00d5ff;
}

@keyframes orbit224 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-49deg) rotateY(281deg) translateX(60px) rotateZ(49deg);
  }
  80% {
    transform: rotateZ(-49deg) rotateY(281deg) translateX(60px) rotateZ(49deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-49deg) rotateY(281deg) translateX(180px) rotateZ(49deg);
  }
}

.dot:nth-child(225) {
  animation: orbit225 10s infinite;
  animation-delay: 2.25s;
  background-color: #00d5ff;
}

@keyframes orbit225 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-204deg) rotateY(327deg) translateX(60px) rotateZ(204deg);
  }
  80% {
    transform: rotateZ(-204deg) rotateY(327deg) translateX(60px) rotateZ(204deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-204deg) rotateY(327deg) translateX(180px) rotateZ(204deg);
  }
}

.dot:nth-child(226) {
  animation: orbit226 10s infinite;
  animation-delay: 2.26s;
  background-color: #00d4ff;
}

@keyframes orbit226 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-106deg) rotateY(196deg) translateX(60px) rotateZ(106deg);
  }
  80% {
    transform: rotateZ(-106deg) rotateY(196deg) translateX(60px) rotateZ(106deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-106deg) rotateY(196deg) translateX(180px) rotateZ(106deg);
  }
}

.dot:nth-child(227) {
  animation: orbit227 10s infinite;
  animation-delay: 2.27s;
  background-color: #00d3ff;
}

@keyframes orbit227 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-308deg) rotateY(109deg) translateX(60px) rotateZ(308deg);
  }
  80% {
    transform: rotateZ(-308deg) rotateY(109deg) translateX(60px) rotateZ(308deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-308deg) rotateY(109deg) translateX(180px) rotateZ(308deg);
  }
}

.dot:nth-child(228) {
  animation: orbit228 10s infinite;
  animation-delay: 2.28s;
  background-color: #00d3ff;
}

@keyframes orbit228 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-128deg) rotateY(288deg) translateX(60px) rotateZ(128deg);
  }
  80% {
    transform: rotateZ(-128deg) rotateY(288deg) translateX(60px) rotateZ(128deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-128deg) rotateY(288deg) translateX(180px) rotateZ(128deg);
  }
}

.dot:nth-child(229) {
  animation: orbit229 10s infinite;
  animation-delay: 2.29s;
  background-color: #00d2ff;
}

@keyframes orbit229 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-51deg) rotateY(100deg) translateX(60px) rotateZ(51deg);
  }
  80% {
    transform: rotateZ(-51deg) rotateY(100deg) translateX(60px) rotateZ(51deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-51deg) rotateY(100deg) translateX(180px) rotateZ(51deg);
  }
}

.dot:nth-child(230) {
  animation: orbit230 10s infinite;
  animation-delay: 2.3s;
  background-color: #00d2ff;
}

@keyframes orbit230 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-230deg) rotateY(22deg) translateX(60px) rotateZ(230deg);
  }
  80% {
    transform: rotateZ(-230deg) rotateY(22deg) translateX(60px) rotateZ(230deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-230deg) rotateY(22deg) translateX(180px) rotateZ(230deg);
  }
}

.dot:nth-child(231) {
  animation: orbit231 10s infinite;
  animation-delay: 2.31s;
  background-color: #00d1ff;
}

@keyframes orbit231 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-280deg) rotateY(70deg) translateX(60px) rotateZ(280deg);
  }
  80% {
    transform: rotateZ(-280deg) rotateY(70deg) translateX(60px) rotateZ(280deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-280deg) rotateY(70deg) translateX(180px) rotateZ(280deg);
  }
}

.dot:nth-child(232) {
  animation: orbit232 10s infinite;
  animation-delay: 2.32s;
  background-color: #00d1ff;
}

@keyframes orbit232 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-80deg) rotateY(71deg) translateX(60px) rotateZ(80deg);
  }
  80% {
    transform: rotateZ(-80deg) rotateY(71deg) translateX(60px) rotateZ(80deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-80deg) rotateY(71deg) translateX(180px) rotateZ(80deg);
  }
}

.dot:nth-child(233) {
  animation: orbit233 10s infinite;
  animation-delay: 2.33s;
  background-color: #00d0ff;
}

@keyframes orbit233 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-85deg) rotateY(148deg) translateX(60px) rotateZ(85deg);
  }
  80% {
    transform: rotateZ(-85deg) rotateY(148deg) translateX(60px) rotateZ(85deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-85deg) rotateY(148deg) translateX(180px) rotateZ(85deg);
  }
}

.dot:nth-child(234) {
  animation: orbit234 10s infinite;
  animation-delay: 2.34s;
  background-color: #00cfff;
}

@keyframes orbit234 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-261deg) rotateY(300deg) translateX(60px) rotateZ(261deg);
  }
  80% {
    transform: rotateZ(-261deg) rotateY(300deg) translateX(60px) rotateZ(261deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-261deg) rotateY(300deg) translateX(180px) rotateZ(261deg);
  }
}

.dot:nth-child(235) {
  animation: orbit235 10s infinite;
  animation-delay: 2.35s;
  background-color: #00cfff;
}

@keyframes orbit235 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-196deg) rotateY(192deg) translateX(60px) rotateZ(196deg);
  }
  80% {
    transform: rotateZ(-196deg) rotateY(192deg) translateX(60px) rotateZ(196deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-196deg) rotateY(192deg) translateX(180px) rotateZ(196deg);
  }
}

.dot:nth-child(236) {
  animation: orbit236 10s infinite;
  animation-delay: 2.36s;
  background-color: #00ceff;
}

@keyframes orbit236 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-138deg) rotateY(12deg) translateX(60px) rotateZ(138deg);
  }
  80% {
    transform: rotateZ(-138deg) rotateY(12deg) translateX(60px) rotateZ(138deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-138deg) rotateY(12deg) translateX(180px) rotateZ(138deg);
  }
}

.dot:nth-child(237) {
  animation: orbit237 10s infinite;
  animation-delay: 2.37s;
  background-color: #00ceff;
}

@keyframes orbit237 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-192deg) rotateY(36deg) translateX(60px) rotateZ(192deg);
  }
  80% {
    transform: rotateZ(-192deg) rotateY(36deg) translateX(60px) rotateZ(192deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-192deg) rotateY(36deg) translateX(180px) rotateZ(192deg);
  }
}

.dot:nth-child(238) {
  animation: orbit238 10s infinite;
  animation-delay: 2.38s;
  background-color: #00cdff;
}

@keyframes orbit238 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-105deg) rotateY(11deg) translateX(60px) rotateZ(105deg);
  }
  80% {
    transform: rotateZ(-105deg) rotateY(11deg) translateX(60px) rotateZ(105deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-105deg) rotateY(11deg) translateX(180px) rotateZ(105deg);
  }
}

.dot:nth-child(239) {
  animation: orbit239 10s infinite;
  animation-delay: 2.39s;
  background-color: #00cdff;
}

@keyframes orbit239 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-66deg) rotateY(265deg) translateX(60px) rotateZ(66deg);
  }
  80% {
    transform: rotateZ(-66deg) rotateY(265deg) translateX(60px) rotateZ(66deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-66deg) rotateY(265deg) translateX(180px) rotateZ(66deg);
  }
}

.dot:nth-child(240) {
  animation: orbit240 10s infinite;
  animation-delay: 2.4s;
  background-color: #00ccff;
}

@keyframes orbit240 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-276deg) rotateY(56deg) translateX(60px) rotateZ(276deg);
  }
  80% {
    transform: rotateZ(-276deg) rotateY(56deg) translateX(60px) rotateZ(276deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-276deg) rotateY(56deg) translateX(180px) rotateZ(276deg);
  }
}

.dot:nth-child(241) {
  animation: orbit241 10s infinite;
  animation-delay: 2.41s;
  background-color: #00cbff;
}

@keyframes orbit241 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-231deg) rotateY(47deg) translateX(60px) rotateZ(231deg);
  }
  80% {
    transform: rotateZ(-231deg) rotateY(47deg) translateX(60px) rotateZ(231deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-231deg) rotateY(47deg) translateX(180px) rotateZ(231deg);
  }
}

.dot:nth-child(242) {
  animation: orbit242 10s infinite;
  animation-delay: 2.42s;
  background-color: #00cbff;
}

@keyframes orbit242 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-285deg) rotateY(97deg) translateX(60px) rotateZ(285deg);
  }
  80% {
    transform: rotateZ(-285deg) rotateY(97deg) translateX(60px) rotateZ(285deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-285deg) rotateY(97deg) translateX(180px) rotateZ(285deg);
  }
}

.dot:nth-child(243) {
  animation: orbit243 10s infinite;
  animation-delay: 2.43s;
  background-color: #00caff;
}

@keyframes orbit243 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-170deg) rotateY(358deg) translateX(60px) rotateZ(170deg);
  }
  80% {
    transform: rotateZ(-170deg) rotateY(358deg) translateX(60px) rotateZ(170deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-170deg) rotateY(358deg) translateX(180px) rotateZ(170deg);
  }
}

.dot:nth-child(244) {
  animation: orbit244 10s infinite;
  animation-delay: 2.44s;
  background-color: #00caff;
}

@keyframes orbit244 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-213deg) rotateY(121deg) translateX(60px) rotateZ(213deg);
  }
  80% {
    transform: rotateZ(-213deg) rotateY(121deg) translateX(60px) rotateZ(213deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-213deg) rotateY(121deg) translateX(180px) rotateZ(213deg);
  }
}

.dot:nth-child(245) {
  animation: orbit245 10s infinite;
  animation-delay: 2.45s;
  background-color: #00c9ff;
}

@keyframes orbit245 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-240deg) rotateY(265deg) translateX(60px) rotateZ(240deg);
  }
  80% {
    transform: rotateZ(-240deg) rotateY(265deg) translateX(60px) rotateZ(240deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-240deg) rotateY(265deg) translateX(180px) rotateZ(240deg);
  }
}

.dot:nth-child(246) {
  animation: orbit246 10s infinite;
  animation-delay: 2.46s;
  background-color: #00c9ff;
}

@keyframes orbit246 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-180deg) rotateY(19deg) translateX(60px) rotateZ(180deg);
  }
  80% {
    transform: rotateZ(-180deg) rotateY(19deg) translateX(60px) rotateZ(180deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-180deg) rotateY(19deg) translateX(180px) rotateZ(180deg);
  }
}

.dot:nth-child(247) {
  animation: orbit247 10s infinite;
  animation-delay: 2.47s;
  background-color: #00c8ff;
}

@keyframes orbit247 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-72deg) rotateY(326deg) translateX(60px) rotateZ(72deg);
  }
  80% {
    transform: rotateZ(-72deg) rotateY(326deg) translateX(60px) rotateZ(72deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-72deg) rotateY(326deg) translateX(180px) rotateZ(72deg);
  }
}

.dot:nth-child(248) {
  animation: orbit248 10s infinite;
  animation-delay: 2.48s;
  background-color: #00c7ff;
}

@keyframes orbit248 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-319deg) rotateY(261deg) translateX(60px) rotateZ(319deg);
  }
  80% {
    transform: rotateZ(-319deg) rotateY(261deg) translateX(60px) rotateZ(319deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-319deg) rotateY(261deg) translateX(180px) rotateZ(319deg);
  }
}

.dot:nth-child(249) {
  animation: orbit249 10s infinite;
  animation-delay: 2.49s;
  background-color: #00c7ff;
}

@keyframes orbit249 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-169deg) rotateY(254deg) translateX(60px) rotateZ(169deg);
  }
  80% {
    transform: rotateZ(-169deg) rotateY(254deg) translateX(60px) rotateZ(169deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-169deg) rotateY(254deg) translateX(180px) rotateZ(169deg);
  }
}

.dot:nth-child(250) {
  animation: orbit250 10s infinite;
  animation-delay: 2.5s;
  background-color: #00c6ff;
}

@keyframes orbit250 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-149deg) rotateY(4deg) translateX(60px) rotateZ(149deg);
  }
  80% {
    transform: rotateZ(-149deg) rotateY(4deg) translateX(60px) rotateZ(149deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-149deg) rotateY(4deg) translateX(180px) rotateZ(149deg);
  }
}

.dot:nth-child(251) {
  animation: orbit251 10s infinite;
  animation-delay: 2.51s;
  background-color: #00c6ff;
}

@keyframes orbit251 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-359deg) rotateY(44deg) translateX(60px) rotateZ(359deg);
  }
  80% {
    transform: rotateZ(-359deg) rotateY(44deg) translateX(60px) rotateZ(359deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-359deg) rotateY(44deg) translateX(180px) rotateZ(359deg);
  }
}

.dot:nth-child(252) {
  animation: orbit252 10s infinite;
  animation-delay: 2.52s;
  background-color: #00c5ff;
}

@keyframes orbit252 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-256deg) rotateY(225deg) translateX(60px) rotateZ(256deg);
  }
  80% {
    transform: rotateZ(-256deg) rotateY(225deg) translateX(60px) rotateZ(256deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-256deg) rotateY(225deg) translateX(180px) rotateZ(256deg);
  }
}

.dot:nth-child(253) {
  animation: orbit253 10s infinite;
  animation-delay: 2.53s;
  background-color: #00c5ff;
}

@keyframes orbit253 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-48deg) rotateY(6deg) translateX(60px) rotateZ(48deg);
  }
  80% {
    transform: rotateZ(-48deg) rotateY(6deg) translateX(60px) rotateZ(48deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-48deg) rotateY(6deg) translateX(180px) rotateZ(48deg);
  }
}

.dot:nth-child(254) {
  animation: orbit254 10s infinite;
  animation-delay: 2.54s;
  background-color: #00c4ff;
}

@keyframes orbit254 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-71deg) rotateY(128deg) translateX(60px) rotateZ(71deg);
  }
  80% {
    transform: rotateZ(-71deg) rotateY(128deg) translateX(60px) rotateZ(71deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-71deg) rotateY(128deg) translateX(180px) rotateZ(71deg);
  }
}

.dot:nth-child(255) {
  animation: orbit255 10s infinite;
  animation-delay: 2.55s;
  background-color: #00c4ff;
}

@keyframes orbit255 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-178deg) rotateY(314deg) translateX(60px) rotateZ(178deg);
  }
  80% {
    transform: rotateZ(-178deg) rotateY(314deg) translateX(60px) rotateZ(178deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-178deg) rotateY(314deg) translateX(180px) rotateZ(178deg);
  }
}

.dot:nth-child(256) {
  animation: orbit256 10s infinite;
  animation-delay: 2.56s;
  background-color: #00c3ff;
}

@keyframes orbit256 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-213deg) rotateY(354deg) translateX(60px) rotateZ(213deg);
  }
  80% {
    transform: rotateZ(-213deg) rotateY(354deg) translateX(60px) rotateZ(213deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-213deg) rotateY(354deg) translateX(180px) rotateZ(213deg);
  }
}

.dot:nth-child(257) {
  animation: orbit257 10s infinite;
  animation-delay: 2.57s;
  background-color: #00c2ff;
}

@keyframes orbit257 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-194deg) rotateY(226deg) translateX(60px) rotateZ(194deg);
  }
  80% {
    transform: rotateZ(-194deg) rotateY(226deg) translateX(60px) rotateZ(194deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-194deg) rotateY(226deg) translateX(180px) rotateZ(194deg);
  }
}

.dot:nth-child(258) {
  animation: orbit258 10s infinite;
  animation-delay: 2.58s;
  background-color: #00c2ff;
}

@keyframes orbit258 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-225deg) rotateY(26deg) translateX(60px) rotateZ(225deg);
  }
  80% {
    transform: rotateZ(-225deg) rotateY(26deg) translateX(60px) rotateZ(225deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-225deg) rotateY(26deg) translateX(180px) rotateZ(225deg);
  }
}

.dot:nth-child(259) {
  animation: orbit259 10s infinite;
  animation-delay: 2.59s;
  background-color: #00c1ff;
}

@keyframes orbit259 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-330deg) rotateY(115deg) translateX(60px) rotateZ(330deg);
  }
  80% {
    transform: rotateZ(-330deg) rotateY(115deg) translateX(60px) rotateZ(330deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-330deg) rotateY(115deg) translateX(180px) rotateZ(330deg);
  }
}

.dot:nth-child(260) {
  animation: orbit260 10s infinite;
  animation-delay: 2.6s;
  background-color: #00c1ff;
}

@keyframes orbit260 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-64deg) rotateY(236deg) translateX(60px) rotateZ(64deg);
  }
  80% {
    transform: rotateZ(-64deg) rotateY(236deg) translateX(60px) rotateZ(64deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-64deg) rotateY(236deg) translateX(180px) rotateZ(64deg);
  }
}

.dot:nth-child(261) {
  animation: orbit261 10s infinite;
  animation-delay: 2.61s;
  background-color: #00c0ff;
}

@keyframes orbit261 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-288deg) rotateY(341deg) translateX(60px) rotateZ(288deg);
  }
  80% {
    transform: rotateZ(-288deg) rotateY(341deg) translateX(60px) rotateZ(288deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-288deg) rotateY(341deg) translateX(180px) rotateZ(288deg);
  }
}

.dot:nth-child(262) {
  animation: orbit262 10s infinite;
  animation-delay: 2.62s;
  background-color: #00c0ff;
}

@keyframes orbit262 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-209deg) rotateY(340deg) translateX(60px) rotateZ(209deg);
  }
  80% {
    transform: rotateZ(-209deg) rotateY(340deg) translateX(60px) rotateZ(209deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-209deg) rotateY(340deg) translateX(180px) rotateZ(209deg);
  }
}

.dot:nth-child(263) {
  animation: orbit263 10s infinite;
  animation-delay: 2.63s;
  background-color: deepskyblue;
}

@keyframes orbit263 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-117deg) rotateY(266deg) translateX(60px) rotateZ(117deg);
  }
  80% {
    transform: rotateZ(-117deg) rotateY(266deg) translateX(60px) rotateZ(117deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-117deg) rotateY(266deg) translateX(180px) rotateZ(117deg);
  }
}

.dot:nth-child(264) {
  animation: orbit264 10s infinite;
  animation-delay: 2.64s;
  background-color: #00beff;
}

@keyframes orbit264 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-347deg) rotateY(272deg) translateX(60px) rotateZ(347deg);
  }
  80% {
    transform: rotateZ(-347deg) rotateY(272deg) translateX(60px) rotateZ(347deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-347deg) rotateY(272deg) translateX(180px) rotateZ(347deg);
  }
}

.dot:nth-child(265) {
  animation: orbit265 10s infinite;
  animation-delay: 2.65s;
  background-color: #00beff;
}

@keyframes orbit265 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-45deg) rotateY(185deg) translateX(60px) rotateZ(45deg);
  }
  80% {
    transform: rotateZ(-45deg) rotateY(185deg) translateX(60px) rotateZ(45deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-45deg) rotateY(185deg) translateX(180px) rotateZ(45deg);
  }
}

.dot:nth-child(266) {
  animation: orbit266 10s infinite;
  animation-delay: 2.66s;
  background-color: #00bdff;
}

@keyframes orbit266 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-254deg) rotateY(218deg) translateX(60px) rotateZ(254deg);
  }
  80% {
    transform: rotateZ(-254deg) rotateY(218deg) translateX(60px) rotateZ(254deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-254deg) rotateY(218deg) translateX(180px) rotateZ(254deg);
  }
}

.dot:nth-child(267) {
  animation: orbit267 10s infinite;
  animation-delay: 2.67s;
  background-color: #00bdff;
}

@keyframes orbit267 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-296deg) rotateY(24deg) translateX(60px) rotateZ(296deg);
  }
  80% {
    transform: rotateZ(-296deg) rotateY(24deg) translateX(60px) rotateZ(296deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-296deg) rotateY(24deg) translateX(180px) rotateZ(296deg);
  }
}

.dot:nth-child(268) {
  animation: orbit268 10s infinite;
  animation-delay: 2.68s;
  background-color: #00bcff;
}

@keyframes orbit268 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-276deg) rotateY(265deg) translateX(60px) rotateZ(276deg);
  }
  80% {
    transform: rotateZ(-276deg) rotateY(265deg) translateX(60px) rotateZ(276deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-276deg) rotateY(265deg) translateX(180px) rotateZ(276deg);
  }
}

.dot:nth-child(269) {
  animation: orbit269 10s infinite;
  animation-delay: 2.69s;
  background-color: #00bcff;
}

@keyframes orbit269 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-31deg) rotateY(217deg) translateX(60px) rotateZ(31deg);
  }
  80% {
    transform: rotateZ(-31deg) rotateY(217deg) translateX(60px) rotateZ(31deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-31deg) rotateY(217deg) translateX(180px) rotateZ(31deg);
  }
}

.dot:nth-child(270) {
  animation: orbit270 10s infinite;
  animation-delay: 2.7s;
  background-color: #00bbff;
}

@keyframes orbit270 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-288deg) rotateY(142deg) translateX(60px) rotateZ(288deg);
  }
  80% {
    transform: rotateZ(-288deg) rotateY(142deg) translateX(60px) rotateZ(288deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-288deg) rotateY(142deg) translateX(180px) rotateZ(288deg);
  }
}

.dot:nth-child(271) {
  animation: orbit271 10s infinite;
  animation-delay: 2.71s;
  background-color: #00baff;
}

@keyframes orbit271 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-20deg) rotateY(143deg) translateX(60px) rotateZ(20deg);
  }
  80% {
    transform: rotateZ(-20deg) rotateY(143deg) translateX(60px) rotateZ(20deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-20deg) rotateY(143deg) translateX(180px) rotateZ(20deg);
  }
}

.dot:nth-child(272) {
  animation: orbit272 10s infinite;
  animation-delay: 2.72s;
  background-color: #00baff;
}

@keyframes orbit272 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-241deg) rotateY(267deg) translateX(60px) rotateZ(241deg);
  }
  80% {
    transform: rotateZ(-241deg) rotateY(267deg) translateX(60px) rotateZ(241deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-241deg) rotateY(267deg) translateX(180px) rotateZ(241deg);
  }
}

.dot:nth-child(273) {
  animation: orbit273 10s infinite;
  animation-delay: 2.73s;
  background-color: #00b9ff;
}

@keyframes orbit273 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-149deg) rotateY(342deg) translateX(60px) rotateZ(149deg);
  }
  80% {
    transform: rotateZ(-149deg) rotateY(342deg) translateX(60px) rotateZ(149deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-149deg) rotateY(342deg) translateX(180px) rotateZ(149deg);
  }
}

.dot:nth-child(274) {
  animation: orbit274 10s infinite;
  animation-delay: 2.74s;
  background-color: #00b9ff;
}

@keyframes orbit274 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-34deg) rotateY(356deg) translateX(60px) rotateZ(34deg);
  }
  80% {
    transform: rotateZ(-34deg) rotateY(356deg) translateX(60px) rotateZ(34deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-34deg) rotateY(356deg) translateX(180px) rotateZ(34deg);
  }
}

.dot:nth-child(275) {
  animation: orbit275 10s infinite;
  animation-delay: 2.75s;
  background-color: #00b8ff;
}

@keyframes orbit275 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-272deg) rotateY(139deg) translateX(60px) rotateZ(272deg);
  }
  80% {
    transform: rotateZ(-272deg) rotateY(139deg) translateX(60px) rotateZ(272deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-272deg) rotateY(139deg) translateX(180px) rotateZ(272deg);
  }
}

.dot:nth-child(276) {
  animation: orbit276 10s infinite;
  animation-delay: 2.76s;
  background-color: #00b8ff;
}

@keyframes orbit276 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-151deg) rotateY(256deg) translateX(60px) rotateZ(151deg);
  }
  80% {
    transform: rotateZ(-151deg) rotateY(256deg) translateX(60px) rotateZ(151deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-151deg) rotateY(256deg) translateX(180px) rotateZ(151deg);
  }
}

.dot:nth-child(277) {
  animation: orbit277 10s infinite;
  animation-delay: 2.77s;
  background-color: #00b7ff;
}

@keyframes orbit277 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-155deg) rotateY(116deg) translateX(60px) rotateZ(155deg);
  }
  80% {
    transform: rotateZ(-155deg) rotateY(116deg) translateX(60px) rotateZ(155deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-155deg) rotateY(116deg) translateX(180px) rotateZ(155deg);
  }
}

.dot:nth-child(278) {
  animation: orbit278 10s infinite;
  animation-delay: 2.78s;
  background-color: #00b6ff;
}

@keyframes orbit278 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-161deg) rotateY(75deg) translateX(60px) rotateZ(161deg);
  }
  80% {
    transform: rotateZ(-161deg) rotateY(75deg) translateX(60px) rotateZ(161deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-161deg) rotateY(75deg) translateX(180px) rotateZ(161deg);
  }
}

.dot:nth-child(279) {
  animation: orbit279 10s infinite;
  animation-delay: 2.79s;
  background-color: #00b6ff;
}

@keyframes orbit279 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-246deg) rotateY(196deg) translateX(60px) rotateZ(246deg);
  }
  80% {
    transform: rotateZ(-246deg) rotateY(196deg) translateX(60px) rotateZ(246deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-246deg) rotateY(196deg) translateX(180px) rotateZ(246deg);
  }
}

.dot:nth-child(280) {
  animation: orbit280 10s infinite;
  animation-delay: 2.8s;
  background-color: #00b5ff;
}

@keyframes orbit280 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-322deg) rotateY(273deg) translateX(60px) rotateZ(322deg);
  }
  80% {
    transform: rotateZ(-322deg) rotateY(273deg) translateX(60px) rotateZ(322deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-322deg) rotateY(273deg) translateX(180px) rotateZ(322deg);
  }
}

.dot:nth-child(281) {
  animation: orbit281 10s infinite;
  animation-delay: 2.81s;
  background-color: #00b5ff;
}

@keyframes orbit281 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-103deg) rotateY(273deg) translateX(60px) rotateZ(103deg);
  }
  80% {
    transform: rotateZ(-103deg) rotateY(273deg) translateX(60px) rotateZ(103deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-103deg) rotateY(273deg) translateX(180px) rotateZ(103deg);
  }
}

.dot:nth-child(282) {
  animation: orbit282 10s infinite;
  animation-delay: 2.82s;
  background-color: #00b4ff;
}

@keyframes orbit282 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-297deg) rotateY(277deg) translateX(60px) rotateZ(297deg);
  }
  80% {
    transform: rotateZ(-297deg) rotateY(277deg) translateX(60px) rotateZ(297deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-297deg) rotateY(277deg) translateX(180px) rotateZ(297deg);
  }
}

.dot:nth-child(283) {
  animation: orbit283 10s infinite;
  animation-delay: 2.83s;
  background-color: #00b4ff;
}

@keyframes orbit283 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-136deg) rotateY(39deg) translateX(60px) rotateZ(136deg);
  }
  80% {
    transform: rotateZ(-136deg) rotateY(39deg) translateX(60px) rotateZ(136deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-136deg) rotateY(39deg) translateX(180px) rotateZ(136deg);
  }
}

.dot:nth-child(284) {
  animation: orbit284 10s infinite;
  animation-delay: 2.84s;
  background-color: #00b3ff;
}

@keyframes orbit284 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-295deg) rotateY(73deg) translateX(60px) rotateZ(295deg);
  }
  80% {
    transform: rotateZ(-295deg) rotateY(73deg) translateX(60px) rotateZ(295deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-295deg) rotateY(73deg) translateX(180px) rotateZ(295deg);
  }
}

.dot:nth-child(285) {
  animation: orbit285 10s infinite;
  animation-delay: 2.85s;
  background-color: #00b3ff;
}

@keyframes orbit285 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-123deg) rotateY(41deg) translateX(60px) rotateZ(123deg);
  }
  80% {
    transform: rotateZ(-123deg) rotateY(41deg) translateX(60px) rotateZ(123deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-123deg) rotateY(41deg) translateX(180px) rotateZ(123deg);
  }
}

.dot:nth-child(286) {
  animation: orbit286 10s infinite;
  animation-delay: 2.86s;
  background-color: #00b2ff;
}

@keyframes orbit286 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-189deg) rotateY(240deg) translateX(60px) rotateZ(189deg);
  }
  80% {
    transform: rotateZ(-189deg) rotateY(240deg) translateX(60px) rotateZ(189deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-189deg) rotateY(240deg) translateX(180px) rotateZ(189deg);
  }
}

.dot:nth-child(287) {
  animation: orbit287 10s infinite;
  animation-delay: 2.87s;
  background-color: #00b1ff;
}

@keyframes orbit287 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-44deg) rotateY(161deg) translateX(60px) rotateZ(44deg);
  }
  80% {
    transform: rotateZ(-44deg) rotateY(161deg) translateX(60px) rotateZ(44deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-44deg) rotateY(161deg) translateX(180px) rotateZ(44deg);
  }
}

.dot:nth-child(288) {
  animation: orbit288 10s infinite;
  animation-delay: 2.88s;
  background-color: #00b1ff;
}

@keyframes orbit288 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-184deg) rotateY(309deg) translateX(60px) rotateZ(184deg);
  }
  80% {
    transform: rotateZ(-184deg) rotateY(309deg) translateX(60px) rotateZ(184deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-184deg) rotateY(309deg) translateX(180px) rotateZ(184deg);
  }
}

.dot:nth-child(289) {
  animation: orbit289 10s infinite;
  animation-delay: 2.89s;
  background-color: #00b0ff;
}

@keyframes orbit289 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-338deg) rotateY(171deg) translateX(60px) rotateZ(338deg);
  }
  80% {
    transform: rotateZ(-338deg) rotateY(171deg) translateX(60px) rotateZ(338deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-338deg) rotateY(171deg) translateX(180px) rotateZ(338deg);
  }
}

.dot:nth-child(290) {
  animation: orbit290 10s infinite;
  animation-delay: 2.9s;
  background-color: #00b0ff;
}

@keyframes orbit290 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-337deg) rotateY(283deg) translateX(60px) rotateZ(337deg);
  }
  80% {
    transform: rotateZ(-337deg) rotateY(283deg) translateX(60px) rotateZ(337deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-337deg) rotateY(283deg) translateX(180px) rotateZ(337deg);
  }
}

.dot:nth-child(291) {
  animation: orbit291 10s infinite;
  animation-delay: 2.91s;
  background-color: #00afff;
}

@keyframes orbit291 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-341deg) rotateY(41deg) translateX(60px) rotateZ(341deg);
  }
  80% {
    transform: rotateZ(-341deg) rotateY(41deg) translateX(60px) rotateZ(341deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-341deg) rotateY(41deg) translateX(180px) rotateZ(341deg);
  }
}

.dot:nth-child(292) {
  animation: orbit292 10s infinite;
  animation-delay: 2.92s;
  background-color: #00afff;
}

@keyframes orbit292 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-143deg) rotateY(255deg) translateX(60px) rotateZ(143deg);
  }
  80% {
    transform: rotateZ(-143deg) rotateY(255deg) translateX(60px) rotateZ(143deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-143deg) rotateY(255deg) translateX(180px) rotateZ(143deg);
  }
}

.dot:nth-child(293) {
  animation: orbit293 10s infinite;
  animation-delay: 2.93s;
  background-color: #00aeff;
}

@keyframes orbit293 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-86deg) rotateY(249deg) translateX(60px) rotateZ(86deg);
  }
  80% {
    transform: rotateZ(-86deg) rotateY(249deg) translateX(60px) rotateZ(86deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-86deg) rotateY(249deg) translateX(180px) rotateZ(86deg);
  }
}

.dot:nth-child(294) {
  animation: orbit294 10s infinite;
  animation-delay: 2.94s;
  background-color: #00adff;
}

@keyframes orbit294 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-309deg) rotateY(309deg) translateX(60px) rotateZ(309deg);
  }
  80% {
    transform: rotateZ(-309deg) rotateY(309deg) translateX(60px) rotateZ(309deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-309deg) rotateY(309deg) translateX(180px) rotateZ(309deg);
  }
}

.dot:nth-child(295) {
  animation: orbit295 10s infinite;
  animation-delay: 2.95s;
  background-color: #00adff;
}

@keyframes orbit295 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-2deg) rotateY(190deg) translateX(60px) rotateZ(2deg);
  }
  80% {
    transform: rotateZ(-2deg) rotateY(190deg) translateX(60px) rotateZ(2deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-2deg) rotateY(190deg) translateX(180px) rotateZ(2deg);
  }
}

.dot:nth-child(296) {
  animation: orbit296 10s infinite;
  animation-delay: 2.96s;
  background-color: #00acff;
}

@keyframes orbit296 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-146deg) rotateY(58deg) translateX(60px) rotateZ(146deg);
  }
  80% {
    transform: rotateZ(-146deg) rotateY(58deg) translateX(60px) rotateZ(146deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-146deg) rotateY(58deg) translateX(180px) rotateZ(146deg);
  }
}

.dot:nth-child(297) {
  animation: orbit297 10s infinite;
  animation-delay: 2.97s;
  background-color: #00acff;
}

@keyframes orbit297 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-305deg) rotateY(24deg) translateX(60px) rotateZ(305deg);
  }
  80% {
    transform: rotateZ(-305deg) rotateY(24deg) translateX(60px) rotateZ(305deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-305deg) rotateY(24deg) translateX(180px) rotateZ(305deg);
  }
}

.dot:nth-child(298) {
  animation: orbit298 10s infinite;
  animation-delay: 2.98s;
  background-color: #00abff;
}

@keyframes orbit298 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-329deg) rotateY(254deg) translateX(60px) rotateZ(329deg);
  }
  80% {
    transform: rotateZ(-329deg) rotateY(254deg) translateX(60px) rotateZ(329deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-329deg) rotateY(254deg) translateX(180px) rotateZ(329deg);
  }
}

.dot:nth-child(299) {
  animation: orbit299 10s infinite;
  animation-delay: 2.99s;
  background-color: #00abff;
}

@keyframes orbit299 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-88deg) rotateY(15deg) translateX(60px) rotateZ(88deg);
  }
  80% {
    transform: rotateZ(-88deg) rotateY(15deg) translateX(60px) rotateZ(88deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-88deg) rotateY(15deg) translateX(180px) rotateZ(88deg);
  }
}

.dot:nth-child(300) {
  animation: orbit300 10s infinite;
  animation-delay: 3s;
  background-color: #00aaff;
}

@keyframes orbit300 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-44deg) rotateY(347deg) translateX(60px) rotateZ(44deg);
  }
  80% {
    transform: rotateZ(-44deg) rotateY(347deg) translateX(60px) rotateZ(44deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-44deg) rotateY(347deg) translateX(180px) rotateZ(44deg);
  }
}

/* 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 iconMoveLeft {
  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: 1850px;
    max-width: 2000px;
  }
}

@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;
    margin-left: 1rem;
  }
  .text-right .vison-list-cover .vison-item .vison-icon {
    flex: 0 0 100px;
    max-width: 100px;
    margin-right: 1rem;
    margin-left: 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;
  cursor: pointer;
  }
  .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;
  }
}



 ul.contentUl {
  margin-bottom: 2rem;
}

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


.innerH {
  color: var(--color-blue-inner) !important;
  font-weight: 600 !important;
  margin: 0 !important;
}

.olURL{
    list-style: upper-roman;
    margin: 3%;
    padding:3;
    font-family: 'ArabFont','Rajdhani','traLight','DINLight', Roboto,'Century Gothic','FontOPAL','FontOPAL2',Candara,'Cairo', sans-serif !important;
}
.olURL li{
    padding:0% 6%;
    font-family: 'ArabFont','Rajdhani','traLight','DINLight', Roboto,'Century Gothic','FontOPAL','FontOPAL2',Candara,'Cairo', sans-serif !important;
}
.olLevel1{
    list-style:circle;
    margin: 3%;
    padding:3%;
    font-family: 'ArabFont','Rajdhani','traLight','DINLight', Roboto,'Century Gothic','FontOPAL','FontOPAL2',Candara,'Cairo', sans-serif !important;
}
.olLevel1 li{
    padding:0% 6%;
    font-family: 'ArabFont','Rajdhani','traLight','DINLight', Roboto,'Century Gothic','FontOPAL','FontOPAL2',Candara,'Cairo', sans-serif !important;
}
.olLevel2{
    list-style:disc;
    margin: 3%;
    padding:3%;
    font-family: 'ArabFont','Rajdhani','traLight','DINLight', Roboto,'Century Gothic','FontOPAL','FontOPAL2',Candara,'Cairo', sans-serif !important;
}
.olLevel2 li{
    padding:0% 6%;
    font-family: 'ArabFont','Rajdhani','traLight','DINLight', Roboto,'Century Gothic','FontOPAL','FontOPAL2',Candara,'Cairo', sans-serif !important;
}
.olLevel3{
    list-style:square;
    margin: 3%;
    padding:3%;
    font-family: 'ArabFont','Rajdhani','traLight','DINLight', Roboto,'Century Gothic','FontOPAL','FontOPAL2',Candara,'Cairo', sans-serif !important;
}
.olLevel3 li{
    padding:0% 6%;
    font-family: 'ArabFont','Rajdhani','traLight','DINLight', Roboto,'Century Gothic','FontOPAL','FontOPAL2',Candara,'Cairo', sans-serif !important;
}

.olLevel4{
    list-style:symbols;
    margin: 3%;
    padding:3%;
    font-family: 'ArabFont','Rajdhani','traLight','DINLight', Roboto,'Century Gothic','FontOPAL','FontOPAL2',Candara,'Cairo', sans-serif !important;
}
.olLevel4 li{
    padding:0% 6%;
    font-family: 'ArabFont','Rajdhani','traLight','DINLight', Roboto,'Century Gothic','FontOPAL','FontOPAL2',Candara,'Cairo', sans-serif !important;
}
.pointerCursor{
    cursor: pointer;
}
.paddAble{
    width:100%!important;
}
.table-unprodered{
    border: 1px solid transparent!important;
}

.autocomplete {
  position: relative;
  display: inline-block;
}

.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}

.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff; 
  border-bottom: 1px solid #d4d4d4; 
}

/*when hovering an item:*/
.autocomplete-items div:hover {
  background-color: #e9e9e9; 
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
  background-color: DodgerBlue !important; 
  color: #ffffff; 
}

.img-responsive-inner{
    position: relative !important;
    margin:1% !important;
}
.img-responsive-inner-left{
    display: inline-block;
    position: relative !important;
    margin:1% !important;
    text-align: left;
}
.img-responsive-inner-center{
    display: inline-block;
    position: relative !important;
    margin:1% !important;
    text-align: center;
}
.img-responsive-inner-right{
    display: inline-block;
    position: relative !important;
    margin:1% !important;
    text-align: right;
}
.img-box-left{
    display: inline-block;
    position:relative !important;
    padding:0;
    text-align: left;
    margin:auto;
}


.calendar-cover {
  margin-bottom: 2.5rem;
}

.events-cover {
  height: 550px;
  margin-bottom: 2rem;
  overflow: hidden;
  border-left:0 !important; 
  border-right: 1px solid #ff7c1b !important;
}
.events-cover.text-right{
  height: 550px;
  margin-bottom: 2rem;
  overflow: hidden;
  border-left: 1px solid #ff7c1b !important;
  border-right: 0!important; 
}

.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);
}

.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;
}

.complianImportantLink{
      font-size: 24px!important;
      border:1px solid;
      border-radius: 15px;
      padding-left: 2%;
      padding-right: 2%;
      margin-top:2%;
      margin-bottom:2%;
}