@media (min-width: 992px){
    .header-fixed.toolbar-fixed .wrapper {
        padding-top: 65px;
    }
}

.zn-label-act{
    
    margin: 6px 15px;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 10px;
    color: #919191;

}

.zn-bg-login{
    padding: 50px;
    border-radius: 20px;
    background-repeat: no-repeat;
    width: 400px;
}

.zn-text-rp{
    font-size: 14px;
    margin-right: 5px;
    color: #7a7a7a;
}

.zn-ic-dashboard{
    font-size: 45px;
    vertical-align: middle;
    margin-right: 7px;
    color: #700000;
}

.table.gy-5 th, .table.gy-5 td {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

@media (min-width: 992px){
    .content {
        padding: 65px 0;
    }
}

.has-error .form-control {
    background: #FFF5F8;
    border: 1px solid #FFF5F8 !important;
}
/* .has-error .form-control::placeholder {
    color: #fff;
} */


.has-error .help-block {
    margin-bottom: 0;
    /* color: #700000; */
    color: #c3395c;
}

.has-error .form-select {
    background-color: #FFF5F8;
    border: 1px solid #FFF5F8 !important;
}

.has-error .form-select::placeholder {
    color: #fff;
}

.dropdown-menu {
    position: fixed !important;
}

.select2-container--bootstrap5 .select2-selection--single .select2-selection__rendered {
    color: #2c2c2c !important;
}

.menu-state-title-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-title, .menu-state-title-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
    color: #009341;
}

.zn-modal-button{
    color: white !important;
    background: #ffffff17;
}

.select2-container--disabled .select2-selection--single{
    border-color: #e4e6ef;
    background: #eff2f5;
    cursor: auto;
}


.zn-notif-icon{
    font-size: 40px;
    margin-right: 10px;
}

.zn-btn.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: inherit;
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}
.zn-profile-title{
    color: #ffffff;
    margin-right: 15px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 2px;
}
/* /////////////////// */
.zn-close{
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 15px;
}
.zn-bg-klt {
    background: #50cd89 !important;
    border-color: #50cd89 !important;
}
.zn-list-menu {
    list-style: none;
}

.accordion-button:not(.collapsed) {
    color: #f1416c;
    background-color: #F5F8FA;
    box-shadow: inset 0 -1px 0 #eff2f5;
}

.page-item.active .page-link {
    z-index: 3;
    color: #FFFFFF;
    background-color: #009944;
    border-color: transparent;
}

tbody tr {
    vertical-align: middle;
}


.wave {
    background-color: #f3f6f9;
    overflow: hidden;
    position: relative
}

.wave>div {
    z-index: 1
}

.wave:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: -1
}

.wave:after {
    content: ' ';
    width: 1000px;
    height: 1025px;
    position: absolute;
    bottom: 65%;
    left: -250px;
    border-radius: 35%;
    background: #fff;
    z-index: 0
}

.wave:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.wave-animate:after {
    -webkit-animation: animate-wave 15s infinite linear;
    animation: animate-wave 15s infinite linear
}

.wave-animate-slower:after {
    -webkit-animation: animate-wave 30s infinite linear;
    animation: animate-wave 30s infinite linear
}

.wave-animate-slow:after {
    -webkit-animation: animate-wave 25s infinite linear;
    animation: animate-wave 25s infinite linear
}

.wave-animate-fast:after {
    -webkit-animation: animate-wave 10s infinite linear;
    animation: animate-wave 10s infinite linear
}

.wave-animate-faster:after {
    -webkit-animation: animate-wave 5s infinite linear;
    animation: animate-wave 5s infinite linear
}

.wave.wave-primary {
    background-color: rgba(246, 78, 96, .1) !important
}

.wave.wave-primary .svg-icon svg g [fill] {
    fill: #039be5
}

.wave.wave-secondary {
    background-color: rgba(228, 230, 239, .1) !important
}

.wave.wave-secondary .svg-icon svg g [fill] {
    fill: #e4e6ef
}

.wave.wave-success {
    background-color: rgba(27, 197, 189, .1) !important
}

.wave.wave-success .svg-icon svg g [fill] {
    fill: #43a047
}

.wave.wave-info {
    background-color: rgba(137, 80, 252, .1) !important
}

.wave.wave-info .svg-icon svg g [fill] {
    fill: #8950fc
}

.wave.wave-warning {
    background-color: rgba(255, 168, 0, .1) !important
}

.wave.wave-warning .svg-icon svg g [fill] {
    fill: #ffa800
}

.wave.wave-danger {
    background-color: rgba(246, 78, 96, .1) !important
}

.wave.wave-danger .svg-icon svg g [fill] {
    fill: #039be5
}

.wave.wave-light {
    background-color: rgba(243, 246, 249, .1) !important
}

.wave.wave-light .svg-icon svg g [fill] {
    fill: #f3f6f9
}

.wave.wave-dark {
    background-color: rgba(24, 28, 50, .1) !important
}

.wave.wave-dark .svg-icon svg g [fill] {
    fill: #181c32
}

.wave.wave-white {
    background-color: rgba(255, 255, 255, .1) !important
}

.wave.wave-white .svg-icon svg g [fill] {
    fill: #fff
}

@-webkit-keyframes animate-wave {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes animate-wave {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}


/* LOADING */

#container-loading {
    /* left: 0; */
    /* right: 0; */
    bottom: 0;
    top: 0;
    position: fixed;
    background: #ffffff;
    z-index: 11;
    /* transition: 2s; */
    width: 100vw;
    /* display: none; */
    height: auto;
  }
  
  
  
  .loading {
    width: 73px;
    display: block;
    height: 3px;
    margin: 4px auto;
    border-radius: 20px;
    background-color: #ffffff4d;
    position: relative;
    overflow: hidden;
    z-index: 1;
  }
  
  .loading:before {
    content: '';
    height: 3px;
    width: 68px;
    position: absolute;
    -webkit-transform: translate(-34px, 0);
    -ms-transform: translate(-34px, 0);
    transform: translate(-34px, 0);
    background-color: #700000;
    border-radius: 2px;
    -webkit-animation: initial-loading 1.5s infinite ease;
    animation: animation 1.4s infinite ease;
  }
  
  
  .caption {
    margin-top: 20px;
    text-align: center;
    border-radius: 40px;
  }
  
  .caption h2 {
    font-family: Trebuchet MS;
    color: #cfcfcf;
    margin: 0 0 8px;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 3px;
  }
  
  .caption ul {
    margin: 0;
    padding: 0;
    margin-left: 10px;
  }
  
  .caption li {
    list-style: none;
    display: inline-block;
    letter-spacing: 5px;
    font-size: 17px;
    color: #ffffff;
    margin-right: 7px;
    font-weight: 500;
    font-family: 'Poppins';
    animation: on-run 2.6s ease infinite;
    -webkit-animation: on-run 2.6s ease infinite;
    -moz-animation: on-run 2.6s ease infinite;
    -ms-animation: on-run 2.6s ease infinite;
    -o-animation: on-run 2.6s ease infinite;
  }
  
  .caption li:nth-child(1) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
  }
  
  .caption li:nth-child(2) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
    margin-right: 10px;
  }
  
  .caption li:nth-child(3) {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
  }
  
  .caption li:nth-child(4) {
    -webkit-animation-delay: .8s;
    animation-delay: .8s
  }
  
  .caption li:nth-child(5) {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    margin-right: 10px;
  }
  
  .caption li:nth-child(6) {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s
  }
  
  .caption li:nth-child(7) {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s
  }
  
  .caption li:nth-child(8) {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s
  }
  
  
  @-webkit-keyframes animation {
    0% {
        left: 0
    }
  
    50% {
        left: 100%
    }
  
    100% {
        left: 0
    }
  }
  
  @keyframes animation {
    0% {
        left: 0
    }
  
    50% {
        left: 100%
    }
  
    100% {
        left: 0
    }
  }
  
  
  @-webkit-keyframes bounce {
  
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-filter: blur(0);
        filter: blur(0);
    }
  
    50% {
        -webkit-transform: scale(.9);
        transform: scale(.9);
        -webkit-filter: blur(1.4);
        filter: blur(1.4);
        -webkit-box-shadow: 0px 0.3px 5px .5px rgb(167, 167, 167);
        box-shadow: 0px 0.3px 5px .5px rgb(167, 167, 167);
    }
  
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
  }
  
  @keyframes bounce {
  
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-filter: blur(0);
        filter: blur(0);
    }
  
    50% {
        -webkit-transform: scale(.9);
        transform: scale(.9);
        -webkit-filter: blur(1.4);
        filter: blur(1.4);
        /* -webkit-box-shadow: 0px 0.3px 5px .5px rgb(167, 167, 167);
        box-shadow: 0px 0.3px 5px .5px rgb(167, 167, 167); */
    }
  
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
  }
  
  
  
  @-webkit-keyframes on-run {
    0% {
        color: #f3f3f3;
    }
  
    25% {
        color: #700000;
    }
  
    50% {
        color: #700000;
    }
  
    75% {
        color: #f3f3f3;
    }
  
    100% {
        color: #f3f3f3;
    }
  }
  
  @keyframes on-run {
    0% {
        color: #dbf2e6;
    }
  
    25% {
        color: #00a350;
    }
  
    50% {
        color: #00a250;
    }
  
    75% {
        color: #dbf2e6;
    }
  
    100% {
        color: #dbf2e6;
    }
  }
  
  .loading_custom_icon{
    width: 80px;
  }
  
  .face {
    /* position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0; */
    text-align: center;
    z-index: 999;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -80px;
    margin-left: 0px;
    /* display: none; */
    /* background: #ffffffba; */
    padding: 45px;
    border-radius: 10px;
  }
  
  
  .face .container>img {
    /* border: 1px solid #1ad073; */
    /* background: #5d6b61; */
    box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 2px;
    animation: bounce 1.4s ease infinite;
    -webkit-animation: bounce 1.4s ease infinite;
    -moz-animation: bounce 1.4s ease infinite;
    -ms-animation: bounce 1.4s ease infinite;
    -o-animation: bounce 1.4s ease infinite;
    padding: 12px;
    /* border-bottom-right-radius: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px; */
    border-radius: 10px;
  }
  
  /* LOADING */


  div.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    margin-top: -26px;
    text-align: center;
    padding: 2px;
  }
  
  div.dataTables_processing > div:last-child {
    position: relative;
    width: 80px;
    height: 15px;
    margin: 1em auto;
  }
  
  div.dataTables_processing > div:last-child > div {
    position: absolute;
    top: 0;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #700000;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
  }
  
  div.dataTables_processing > div:last-child > div:nth-child(1) {
    left: 8px;
    animation: datatables-loader-1 0.6s infinite;
  }
  
  div.dataTables_processing > div:last-child > div:nth-child(2) {
    left: 8px;
    animation: datatables-loader-2 0.6s infinite;
  }
  
  div.dataTables_processing > div:last-child > div:nth-child(3) {
    left: 32px;
    animation: datatables-loader-2 0.6s infinite;
  }
  
  div.dataTables_processing > div:last-child > div:nth-child(4) {
    left: 56px;
    animation: datatables-loader-3 0.6s infinite;
  }
  
  @keyframes datatables-loader-1 {
    0% {
      transform: scale(0);
    }
    100% {
      transform: scale(1);
    }
  }
  @keyframes datatables-loader-3 {
    0% {
      transform: scale(1);
    }
    100% {
      transform: scale(0);
    }
  }
  @keyframes datatables-loader-2 {
    0% {
      transform: translate(0, 0);
    }
    100% {
      transform: translate(24px, 0);
    }
  }

  div.dataTables_wrapper div.dataTables_processing {
    border-radius: 0.475rem;
    box-shadow: 0px 0px 50px 0px rgb(82 63 105 / 15%);
    background-color: #ffffff;
    color: #7E8299;
    font-weight: 500;
    margin: 0 !important;
    width: auto;
    padding: 0.5rem 2rem !important;
    transform: translateX(-50%) translateY(-50%);
}

.table:not(.table-bordered) thead td, 
.table:not(.table-bordered) thead th {
    padding: 17px 0;
}

.zn-wive-head{
    
    position: absolute;
    height: 98px;
    width: 1030px;
    transform: rotate(90deg);
    z-index: 1;
    bottom: 452px;
    left: -517px;
    opacity: 0.1;
}

.nav-line-tabs .nav-item .nav-link.active, .nav-line-tabs .nav-item.show .nav-link, .nav-line-tabs .nav-item .nav-link:hover:not(.disabled) {
    color: #e93f69;
    border-bottom: 1px solid #e93f69;
}

.bv-form .help-block {
    margin-bottom: 0;
    color: #c3395c;
}

.input-group.input-group-solid .input-group-text {
    margin-top: 4px;
}

table.dataTable.table-sm>thead>tr>th:not(.sorting_disabled) {
    padding: 17px 0px;
}

.page-link:hover {
    z-index: 2;
    color: #000000;
    text-decoration: none;
    border-color: transparent;
}

.menu-state-title-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), .menu-state-title-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
    transition: color 0.2s ease, background-color 0.2s ease;
    color: #009341 !important;
}
.menu-state-title-primary .menu-item.show > .menu-link {
    transition: color 0.2s ease, background-color 0.2s ease;
    color: #009341 !important;
}

@media (min-width: 992px){
.aside .aside-logo {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 80px;
    padding: 30px 25px;
}
}


/* BG VIDEO */

.example-box {
  background-image: url(images/bg-login.jpg);
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  background-size: cover;
  color: white;
  z-index: 1;
}

.example-box * {
  z-index: 2;
}

.hive-shape {
  position: absolute;
  bottom: 0;
  left: -18%;
  width: 135%;
  opacity: .2;
}

.red-btn {
  position: relative;
  border-radius: 16px;
  background: linear-gradient(to bottom, #f18082 0%, #f11d21 104.42%);
  transition: .3s ease-in;
}
.red-btn::after {
	content: '';
	position: absolute;
  top: -2px;
  left: -2px;
  width: calc(100% + 4px);
	height: calc(100% + 4px);
	border: 1px solid #f18082;
  border-radius: 16px;
	background: transparent;
	opacity: 0;
	transition: .3s ease-in;
}
.red-btn:hover,
.red-btn:focus {
  background: linear-gradient(to bottom, #f18082 0%, #f11d21 104.42%);
	color: #fff;
  transition: .3s ease-in;
}
.red-btn:hover::after {
  opacity: 1;
  transition: .3s ease-in;
}

.zn-pengajuan-nik{
  
  font-weight: 100;
  font-size: 14px;
  color: #000000 !important;
}

.zn-pengajuan-nama{
  
  font-size: 14px;
  font-weight: 600;
  color: #000000 !important;
}

.zn-pengajuan-branch{
  
  font-size: 12px;
  font-weight: 500;
  margin: 20px 0 10px;
  color: #000000 !important;

}

.zn-pengajuan-status {
  
  margin: 20px 0 0px;
  text-transform: capitalize;
  font-size: 14px;
  font-weight: 100;

}

.zn-head-approval{
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  border-bottom: 2px solid #60d294;
  margin-bottom: 18px;
  padding-bottom: 6px;
  display: inline-block;
}

.zn-pengajuan-durasi{
  
  text-transform: capitalize;
  font-size: 12px;
  font-weight: 600;

}
.form-select:disabled {
  background-color: #ffffff;
  border: 0px;
  background-image: none;
  padding: 0;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control {
  position: relative;
  padding-left: 0px;
  cursor: pointer;
}

.widget14_bullet {
  width: 1.5rem;
  height: 0.45rem;
  border-radius: 1.1rem; 
}

.chart-visitors {
	min-height: 18rem;
	overflow:hidden;
}
.chart-tasks {
	height: 15rem;
	overflow:hidden;
}
.chart-donut {
	height: 21rem;
	overflow:hidden;
}
.chart-pie {
	height: 22rem;
	overflow:hidden;
}
.chartsh {
	height: 16rem;
	overflow:hidden;
}
.chartwidget {
	height: 17rem;
	overflow:hidden;
}
.map, .chart {
	position: relative;
	padding-top: 56.25%;
}
.map-square, .chart-square {
	padding-top: 100%;
}
.map-content, .chart-content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.card-chart-bg {
	height: 4rem;
	margin-top: -1rem;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.chart-circle {
	display: initial;
	height: 7rem;
	width: 7rem;
	position: relative;
}
.chart-circle-1 {
	display: initial;
	height: 12rem;
	width: 12rem;
	position: relative;
}
.widget-line-list {
	margin:6px;
}
.chart-circle canvas {
	margin: 0 auto;
	display: block;
	max-width: 100%;
	max-height: 100%;
}
.chart-circle-xs {
	height: 2.5rem;
	width: 2.5rem;
	font-size: .8rem;
}
.chart-circle-sm {
	height: 3rem !important;
    width: 3rem !important;
    font-size: .5rem;
}
.chart-circle-lg {
	height: 10rem;
	width: 10rem;
	font-size: .8rem;
}
.chart-circle-value {
	position: absolute;
	top: 0px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	bottom: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-direction: column;
	flex-direction: column;
	line-height: 1;
}
.chart-circle-value small {
	display: block;
	color: #9aa0ac;
	font-size: 0.9375rem;
}
.chart-circle-1-value {
	position: absolute;
	top: -184px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	bottom: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-direction: column;
	flex-direction: column;
	line-height: 1;
	font-size: 40px;
}
.chart-circle-1-value small {
	display: block;
	color: #9aa0ac;
	font-size: 0.9375rem;
}
.fe-bar-chart:before {
	content: "\e919";
}
.fe-bar-chart-2:before {
	content: "\e91a";
}
.fe-pie-chart:before {
	content: "\e9ac";
}
.amcharts-chart-div a {display:none !important;}
.canvasjs-chart-container a{
	display:none !important;
}
.amChartsLegend.amcharts-legend-div{
	display:none;
}
.chart-dropshadow{
  -webkit-filter: drop-shadow(-6px 12px 4px rgba(0, 0, 0, .1));
      filter: drop-shadow(-6px 12px 4px rgba(0, 0, 0, .1));
  }
  .chart-dropshadow2{
  -webkit-filter: drop-shadow(-6px 12px 4px rgba(0, 0, 0, .2));
      filter: drop-shadow(-6px 12px 4px rgba(0, 0, 0, .2));
  }
  .chart-dropshadow-primary{
  -webkit-filter: drop-shadow(-6px 12px 4px rgba(105, 231, 128 .5));
      filter: drop-shadow(-6px 12px 4px rgba(105, 231, 128, .5));
  }
  .chart-dropshadow-primary-1{
  -webkit-filter: drop-shadow(-6px 12px 4px rgba(105, 231, 128 .2));
      filter: drop-shadow(-6px 12px 4px rgba(105, 231, 128, .2));
  }
  .chart-dropshadow-danger{
  -webkit-filter: drop-shadow(-6px 12px 4px rgba(244, 88, 91 .5));
      filter: drop-shadow(-6px 12px 4px rgba(244, 88, 91, .5));
  }
  .chart-dropshadow-success{
  -webkit-filter: drop-shadow(-6px 12px 4px rgba(69, 213, 85 .5));
      filter: drop-shadow(-6px 12px 4px rgba(69, 213, 85, .5));
  }
  .chart-dropshadow-warning{
  -webkit-filter: drop-shadow(-6px 12px 4px rgba(251, 141, 52 .5));
      filter: drop-shadow(-6px 12px 4px rgba(251, 141, 52, .5));
  }
  .chart-dropshadow-blue{
  -webkit-filter: drop-shadow(-6px 12px 4px rgba(91, 91, 233 .5));
      filter: drop-shadow(-6px 12px 4px rgba(91, 91, 233, .5));
  }
  .GradientlineShadow {
      -webkit-filter: drop-shadow(0 -8px 4px rgba(0, 0, 0, .2));
      filter: drop-shadow(0 -8px 4px rgba(0, 0, 0, .2));
  }
  .BarChartShadow {
      -webkit-filter: drop-shadow(-4px 9px 4px rgba(0, 0, 0, .3));
      filter: drop-shadow(-6px 9px 4px rgba(0, 0, 0, .3));
  }
  .highcharts-credits, .highcharts-button, .highcharts-data-label , .highcharts-label{
    display:none;
  }
  .highcharts-data-label-connector{
    display:none !important;
  }
#areaChart1{
    height: 7rem !important;
}
#areaChart2{
	height: 7rem !important;
}
#areaChart3{
	height: 7rem !important;
}
#areaChart4{
	height: 7rem !important;
}
#widgetChart1 {
  width: 115% !important;
  height: 178px !important;
  bottom: -15px;
  position: relative;
  left: -30px;
}

@-webkit-keyframes infiniteScroll {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(0, -1692px, 0);
    transform: translate3d(0, -1692px, 0);
  }
}

@keyframes infiniteScroll {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(0, -1692px, 0);
    transform: translate3d(0, -1692px, 0);
  }
}

.captcha {
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 1rem;
}

.captcha img {
  width: 180px !important;
  border-radius: 4px !important;
}