@media (min-width: 1200px) {
    .desktop-embed {
        display: block; /* Show the embed only on desktop screens */
        width: 100%;
        height: 208px; /* Set specific height for desktop */
    }
}
  
  
  
  .video-container {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
}

  
  
footer {
    display: none;
}
.site-gradient {
    display: flex;
    gap: 15px;
    border-radius: calc(var(--fsk-site-border)* 2);
    background: var(--fsk-site-gradient);
    transition: .14s ease;
    color: white;
}
   * {
    --fsk-site-color: #db0000;
    --fsk-site-gradient: linear-gradient(90deg,rgb(219, 0, 0) 0,rgb(37, 34, 255) 100%);
    --fsk-site-border: 5px;
} 
  @media (max-width: 991px) {
    .paddingbody {
        padding-top: 21px !important;
    }
}
.col {
     flex: 1 0 0 
}
 .col-auto {
     flex: 0 0 auto;
     width: auto 
}
 .col-1 {
     flex: 0 0 auto;
     width: 8.33333333% 
}
 .col-2 {
     flex: 0 0 auto;
     width: 16.66666667% 
}
 .col-3 {
     flex: 0 0 auto;
     width: 25% 
}
 .col-4 {
     flex: 0 0 auto;
     width: 33.33333333% 
}
 .col-5 {
     flex: 0 0 auto;
     width: 41.66666667% 
}
 .col-6 {
     flex: 0 0 auto;
     width: 50% 
}
 .col-7 {
     flex: 0 0 auto;
     width: 58.33333333% 
}
 .col-8 {
     flex: 0 0 auto;
     width: 66.66666667% 
}
 .col-9 {
     flex: 0 0 auto;
     width: 75% 
}
 .col-10 {
     flex: 0 0 auto;
     width: 83.33333333% 
}
 .col-11 {
     flex: 0 0 auto;
     width: 91.66666667% 
}
 .col-12 {
     flex: 0 0 auto;
     width: 100% 
}
 @media(min-width:768px) {
     .col-md-auto {
         flex: 0 0 auto;
         width: auto 
    }
     .col-md-1 {
         flex: 0 0 auto;
         width: 8.33333333% 
    }
     .col-md-2 {
         flex: 0 0 auto;
         width: 16.66666667% 
    }
     .col-md-3 {
         flex: 0 0 auto;
         width: 25% 
    }
     .col-md-4 {
         flex: 0 0 auto;
         width: 33.33333333% 
    }
     .col-md-5 {
         flex: 0 0 auto;
         width: 41.66666667% 
    }
     .col-md-6 {
         flex: 0 0 auto;
         width: 50% 
    }
     .col-md-7 {
         flex: 0 0 auto;
         width: 58.33333333% 
    }
     .col-md-8 {
         flex: 0 0 auto;
         width: 66.66666667% 
    }
     .col-md-9 {
         flex: 0 0 auto;
         width: 75% 
    }
     .col-md-10 {
         flex: 0 0 auto;
         width: 83.33333333% 
    }
     .col-md-11 {
         flex: 0 0 auto;
         width: 91.66666667% 
    }
     .col-md-12 {
         flex: 0 0 auto;
         width: 100% 
    }
}

   .login.unauthorized input[type="checkbox"]:checked::before {
    content:"\f00c";
 display:flex;
 align-items:center;
 justify-content:center;
text-align: center;
 font-family:'Font Awesome 5 Pro';
 font-weight:700;
 width:50px;
  height:50px;
 font-size:25px;
    color: #fff !important;
    background-color: #46b649 !important;
    border-radius: 15px !important;
    padding: 2px !important;
  margin-left: -15.8px !important;
  margin-top: -11px !important;
  }
  .btn-blue, .btn-blue:hover {
     background: #46B635;
}
  
  

  .login.unauthorized input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 50px !important;
    height: 50px !important;
    background-color: #46b64950 !important;
    background: #46b64950 !important;
    box-shadow: 0 0 5px #46b64999 !important;
    border: 1px solid #46b649 !important;
    border-radius: 15px !important;
    outline: none !important;
    cursor: pointer !important;
    margin-bottom: -5px !important;
}
.login-box-item input {
    height: 40px;
    border: 0;
    background: var(--tp-300);
    color: var(--tp-800);
    padding: 10px 15px;
    border-radius: calc(var(--tp-site-border)* 2);
}
 .btn-blue {
  
     color: #fff;
     border: 0;
     border-radius: calc(var(--tp-site-border) * 2);
     font-size: 16px;
     font-weight: 600;
     transition: .3s 
}
 .btn-blue:hover {
     opacity: .85 
}
 .btn-border {
     transition: .3s;
     border-radius: calc(var(--tp-site-border) * 2);
     font-weight: 500;
     font-size: 16px;
     background: 0;
     border: 1px solid var(--tp-300);
     color: var(--tp-800) 
}
.user-home-title {
     text-align: center 
}
  .form-group{
  .margin: 0px !important;
  }
  .home-section-box span {
background: var(--tp-blue-gradient) !important;
     -webkit-background-clip: text !important;
  color: transparent;
}
 .accordion {
     margin-bottom: 70px 
}
 .accordion .accordion-item {
     padding: 30px;
     margin-bottom: 20px;
     background: var(--tp-200);
     border: 1px solid var(--tp-300);
     border-radius: calc(var(--tp-site-border) * 3);
     color: var(--tp-800);
  max-height: 100%;
  min-height:0;
}
  .accordion .accordion-item:hover {
  max-height: auto !important;
  }
 .accordion button {
     position: relative;
     display: block;
     text-align: left;
     padding: 0;
     width: 100%;
     color: var(--tp-800);
     font-size: 1.15rem;
     font-weight: 400;
     border: none;
     background: 0 0;
     outline: 0;
  cursor: pointer;
}
 .accordion button:focus, .accordion button:hover {
     cursor: pointer;
     color: #03b5d2;
     padding: 0 
}
 .accordion button:focus::after, .accordion button:hover::after {
     cursor: pointer;
     color: #03b5d2;
     border: 1px solid #03b5d2 
}
 .accordion button .accordion-title {
     font-size: 16px;
     line-height: 25px;
     text-align: center;
     letter-spacing: -.03em;
     font-family: GILROY;
     color: var(--tp-800) 
}
 .accordion button .icon {
     display: inline-block;
     position: absolute;
     top: 4px;
     right: 0;
     border-radius: calc(var(--tp-site-border) * 4);
     font-style: normal;
     font-weight: 600;
     font-size: 16px;
     line-height: 25px;
     text-align: center;
     letter-spacing: -.03em;
     color: var(--tp-800) 
}
 .accordion button .icon::before {
     display: block;
     position: absolute;
     content: "";
     top: 9px;
     left: 5px;
     width: 10px;
     height: 2px;
     background: currentColor 
}
 .accordion button .icon::after {
     display: block;
     position: absolute;
     content: "";
     top: 5px;
     left: 9px;
     width: 2px;
     height: 10px;
     background: currentColor 
}
 .accordion button[aria-expanded=true] {
     font-size: 16px;
     line-height: 25px;
     padding: 0;
     letter-spacing: -.03em;
     color: #000 
}
 .accordion button[aria-expanded=true] .icon::after {
     width: 0;
}
 .accordion button[aria-expanded=true]+.accordion-content {
     opacity: 1;
     max-height: 9em !important;
     transition: .3s;
     margin-top: 30px 
}
 .accordion .accordion-content {
     opacity: 0;
     max-height:0;
  min-height: 0;
     overflow: hidden;
     transition: .3s;
}
 .accordion .accordion-content p {
     font-weight: 600;
     font-size: 14px;
     line-height: 25px;
     color: var(--tp-700) !important;
}
  @charset "UTF-8";
 @font-face {
     font-family: GILROY;
     src: url(https://cdn.fsksoft.com/fonts/gilroy/GILROY-300.TTF) format("truetype");
     font-weight: 300;
     font-style: normal;
     font-display: swap 
}
 @font-face {
     font-family: GILROY;
     src: url(https://cdn.fsksoft.com/fonts/gilroy/GILROY-400.TTF) format("truetype");
     font-weight: 400;
     font-style: normal;
     font-display: swap 
}
 @font-face {
     font-family: GILROY;
     src: url(https://cdn.fsksoft.com/fonts/gilroy/GILROY-500.TTF) format("truetype");
     font-weight: 500;
     font-style: normal;
     font-display: swap 
}
 @font-face {
     font-family: GILROY;
     src: url(https://cdn.fsksoft.com/fonts/gilroy/GILROY-600.TTF) format("truetype");
     font-weight: 600;
     font-style: normal;
     font-display: swap 
}
 @font-face {
     font-family: GILROY;
     src: url(https://cdn.fsksoft.com/fonts/gilroy/GILROY-700.TTF) format("truetype");
     font-weight: 700;
     font-style: normal;
     font-display: swap 
}
 @font-face {
     font-family: GILROY;
     src: url(https://cdn.fsksoft.com/fonts/gilroy/GILROY-800.TTF) format("truetype");
     font-weight: 800;
     font-style: normal;
     font-display: swap 
}
  .user-home-title {
     font-size: 32px;
     margin: 50px;
     font-weight: 600;
     white-space: break-spaces;
     justify-content: center;
     color: var(--tp-800) !important;
}
  @media(min-width:599.98px) {
     .payment-list {
         display: grid;
         grid-template-columns: 1fr 1fr;
    }
     .blog-list {
         grid-template-columns: 1fr 1fr;
         gap: 20px 
    }
}
 @media(min-width:1199.98px) {
     .payment-list {
         display: grid;
         grid-template-columns: 1fr 1fr;
    }
     .blog-list {
         grid-template-columns: 1fr 1fr 1fr;
         gap: 20px 
    }
}
 @media(min-width:1200px) {
     .container {
         max-width: 1140px 
    }
     .payment-list {
         display: grid;
         grid-template-columns: 1fr 1fr;
    }
     .blog-list {
         grid-template-columns: 1fr 1fr 1fr;
         gap: 30px 
    }
}
 @media(min-width:1400px) {
     .container {
         max-width: 1320px 
    }
     .payment-list {
         display: grid;
         grid-template-columns: 1fr 1fr 1fr;
    }
}
 @media(min-width:1680px) {
     .payment-list {
         display: grid;
         grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}
  .accordion, .accordion .accordion-item button[aria-expanded=true] {
     font-family: GILROY 
}
  .color-red {
     animation: 1s ease-in-out infinite red-animate 
}
 .color-green {
     background: var(--tp-green) !important 
}
  .footer-link a, .login-label-span a, .term-and-faq {
     color: var(--tp-800) 
}
 .footer-logo img {
     height: 50px;
     width: fit-content;
}
  .container {
     width: 100%;
     margin-right: auto;
     margin-left: auto 
}
 @media(min-width:576px) {
     .container-sm, .container {
         max-width: 540px 
    }
}
 .container-fluid {
     padding-right: var(--bs-gutter-x, .65rem);
     padding-left: var(--bs-gutter-x, .65rem);
     margin-right: auto;
     margin-left: auto;
     padding-bottom: 60px;
}
 @media(min-width:768px) {
     .container {
         max-width: 720px 
    }
}
 @media(min-width:992px) {
     .container {
         max-width: 960px 
    }
}
 @media(min-width:1200px) {
     .container {
         max-width: 1140px 
    }
}
 @media(min-width:1400px) {
     .container {
         max-width: 1320px 
    }
}
  html.dark .payment-icon img {
     filter: invert(92%) sepia(21%) saturate(59%) hue-rotate(177deg) brightness(90%) contrast(93%) 
}
  .row>* {
     box-sizing: border-box;
     flex-shrink: 0;
     width: 100%;
     max-width: 100%;
     padding-right: calc(var(--bs-gutter-x) * .5);
     padding-left: calc(var(--bs-gutter-x) * .5);
     margin-top: var(--bs-gutter-y);
}
 .fields .row>* {
     box-sizing: border-box;
     flex-shrink: 0;
     max-width: 100%;
     padding-right: calc(var(--bs-gutter-x) * .5);
     padding-left: calc(var(--bs-gutter-x) * .5);
     margin-top: var(--bs-gutter-y);
     width: -webkit-fill-available;
}
 .fields .col-md-6 {
     gap: 5px;
     padding: 0px;
     display: flex;
     flex-direction: column;
     position: relative;
}
  .row {
     --bs-gutter-x: 1.5rem;
     --bs-gutter-y: 0;
}
 .fields .row {
     --bs-gutter-x: 1.5rem;
     --bs-gutter-y: 0;
     display: flex;
     margin-bottom: 5px;
     box-sizing: border-box;
     width: -webkit-fill-available;
}
  .badge {
     padding: 3px 12px;
     border-radius: calc(var(--tp-site-border));
     background: var(--tp-site-color) !important;
     color: white;
}
 .a-box {
     padding: 15px;
     background: var(--tp-200);
     border: 1px solid var(--tp-300);
     border-radius: calc(var(--tp-site-border) * 3);
     display: flex;
     flex-direction: column;
     gap: 5px;
}
 .a-box i {
     color: var(--tp-800);
     font-size: 28px;
}
 .a-box-title {
     font-size: 18px;
     color: var(--tp-800);
}
 .a-box form {
     display: flex;
     flex-direction: column;
}
 .tfa-span {
     display: flex;
     margin-top: 5px;
     margin-bottom: 5px;
}
 .account-bottom .col-md-12 {
     display: flex;
     gap: 20px;
     flex-direction: column;
}
 .a-box .btn {
     width: fit-content;
}
  .panel-body{
     background:var(--tp-200);
     padding: 10px;
     border: 1px solid var(--tp-300);
     border-radius: calc(var(--tp-site-border)*2);
     width: -webkit-fill-available;
}
  body {
     font-family: 'GILROY', sans-serif;
     font-size: 14px;
     line-height: 1.42857143;
     color: var(--tp-500);
     FONT-WEIGHT: 500;
     background-color: var(--tp-100);
     margin: 0;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
}
  .verify-screen {
     display: flex;
     align-items: center;
     justify-content: center;
     height: 100vh;
     flex-direction: column 
}
 .verify-icon {
     font-size: 46px;
     color: var(--tp-800) 
}
  .btn-primary {
  border: 0px !important;
  box-shadow: none !important;
  border-radius: 15px !important;
  }
  .form-control, .form-control:focus {
  box-shadow: none !important;
 display: flex !important;
     min-height: 19px !important;
     padding: 10px 12px !important;
     line-height: 1.42857143 !important;
     background-color: var(--tp-300) !important;
     border: 0 !important;
     border-radius: calc(var(--tp-site-border) * 2) !important;
     background-image: none !important;
     width: -webkit-fill-available !important;
     align-items: center !important;
     justify-content: space-between !important;
  }
  .well {
     padding: 15px;
     background: var(--tp-200) !important;
     border-radius: calc(var(--tp-site-border) * 2) !important;
     margin-bottom: 20px !important;
     border: 1px solid var(--tp-300) !important;
     flex-direction: column !important;
  }
  .accordion, .accordion .accordion-item button[aria-expanded=true] {
     font-family: GILROY 
}
 .view-ticket-image {
     display: block;
     justify-content: space-between;
     gap: 10px;
     height: 0;
     position: relative 
}
 .view-ticket-image.active {
     display: flex;
     justify-content: space-between;
     gap: 10px;
     opacity: 1;
     height: 45px;
     visibility: visible;
     position: relative 
}
 .img-viewer, .img-viewer.active {
     transform: translate(-50%, -50%);
     left: 50%;
     width: 100%;
     top: -163px;
     transition: .14s;
     padding: 10px;
     height: fit-content;
     border: 1px solid var(--tp-300);
     background: var(--tp-100);
     object-fit: cover 
}
 .img-viewer {
     bottom: 0;
     position: absolute 
}
 .img-viewer.active {
     bottom: 28px;
     position: absolute;
     opacity: 1;
     visibility: visible;
     z-index: 1 
}
 .img-viewer img {
     border-radius: calc(var(--tp-site-border));
     object-fit: cover;
     transition: .3s;
     height: 280px 
}
  #voiceclose.show {
     visibility: visible;
     -webkit-animation: .5s fadein, .5s 6.5s fadeout;
     animation: .5s fadein, .5s 6.5s fadeout;
     display: flex;
     gap: 10px;
     justify-content: center;
     align-items: center 
}
 #voiceclose.show i {
     color: var(--tp-red);
     flex-direction: column 
}
 @-webkit-keyframes fadein {
     from {
         bottom: 0;
         opacity: 0 
    }
     to {
         bottom: 30px;
         opacity: 1 
    }
}
 @keyframes fadein {
     from {
         bottom: 0;
         opacity: 0 
    }
     to {
         bottom: 30px;
         opacity: 1 
    }
}
 @-webkit-keyframes fadeout {
     from {
         bottom: 30px;
         opacity: 1 
    }
     to {
         bottom: 0;
         opacity: 0 
    }
}
 @keyframes fadeout {
     from {
         bottom: 30px;
         opacity: 1 
    }
     to {
         bottom: 0;
         opacity: 0 
    }
}
   .color-btn {
     position: relative;
     font-size: 14px 
}
 .color-btn i, .hidden {
     display: none !important 
}
 .color-btn.active i {
     display: block !important;
     position: absolute;
     z-index: 2;
     bottom: 0;
     right: 0;
     margin-bottom: 4px;
     margin-right: 4px;
     color: var(--tp-site-color) 
}
 .account-detail-box.active img {
     display: block 
}
 .color-btn.active img {
     border: 2px solid var(--tp-site-color);
     border-radius: calc(var(--tp-site-border) * 2) 
}
 .confirm-email .row, .prodile-box, .update-list {
     gap: 10px 
}
 .profile-button {
     padding: 10px 15px;
     display: flex;
     background: var(--tp-100);
     color: var(--tp-800);
     border-radius: calc(var(--tp-site-border) * 2);
     align-items: center;
     margin-top: 13px;
     line-height: 1;
     gap: 10px;
     border: 1px solid var(--tp-400) 
}
 .prodile-box img {
     height: 50px;
     width: 50px 
}
 .user-name {
     display: flex;
     flex-direction: column;
     color: var(--tp-800) 
}
 .profiler-btn .btn {
     display: flex;
     margin-top: 20px;
     border-radius: calc(var(--tp-site-border * .5));
     justify-content: center;
     font-weight: 500 
}
 .color-change-box {
     display: grid;
     grid-template-columns: 1fr 1fr 1fr;
     gap: 10px;
     margin-top: 15px;
     color: var(--tp-800) 
}
 .color-change-box img {
     width: 73px;
     opacity: .8;
     border: 2px solid #ffffff24;
     border-radius: calc(var(--tp-site-border) * 2) 
}
 @keyframes red-animate {
     0, 100% {
         background: 0 
    }
     50% {
         background: var(--tp-red) 
    }
}
  footer {
         background: var(--tp-200);
         border: 1px solid var(--tp-300) 
    }
  dot {
     border-radius: 50px 
}
 .color-red {
     animation: 1s ease-in-out infinite red-animate 
}
 .color-green {
     background: var(--tp-green) !important 
}
 .fa-vimeo {
     color: #80c5ec;
     -webkit-background-clip: text;
     background-clip: text 
}
 .fa-comment-music, .fa-dailymotion, .fa-discord, .fa-pinterest, .fa-reddit, .fa-soundcloud, .fa-spotify, .fa-tumblr, .fa-twitch, .fa-youtube {
     -webkit-background-clip: text 
}
 .fa-twitch {
     color: #6842ac;
     background-clip: text 
}
 .fa-reddit {
     color: #f44707;
     background-clip: text 
}
 .fa-telegram, .fa-telegram-plane {
     color: #1b95cf;
     -webkit-background-clip: text;
     background-clip: text 
}
 .fa-linkedin, .fa-twitter {
     -webkit-background-clip: text 
}
 .fa-linkedin {
     color: #0475b4;
     background-clip: text 
}
 .fa-soundcloud {
     color: #ef7509;
     background-clip: text 
}
 .fa-spotify {
     color: #1fc158;
     background-clip: text 
}
 .fa-twitter {
     color: #1b9ff1;
     background-clip: text 
}
 .fa-facebook, .fa-facebook-f {
     color: #12a1f4;
     -webkit-background-clip: text;
     background-clip: text 
}
 .fa-youtube {
     color: #e60606;
     background-clip: text 
}
 .fa-pinterest {
     color: #ee0226;
     background-clip: text 
}
 .fa-signal-stream {
     color: #17b3e6;
     -webkit-background-clip: text;
     background-clip: text 
}
 .fa-snapchat-ghost {
     color: #f9f606;
     -webkit-background-clip: text;
     background-clip: text 
}
 .fa-comment-music, .fa-dailymotion, .fa-discord, .fa-tumblr {
     background-clip: text 
}
 .fa-tumblr {
     color: #33435a 
}
 .fa-tiktok {
     color: var(--tp-500);
     text-shadow: 1px 1px #f72e4dfc, -1px -1px #09f3f3 
}
 .fa-comment-music {
     color: #f9de48 
}
 .fa-discord {
     color: #5865f6 
}
 .fa-dailymotion {
     color: #03a8fb 
}
 .fa-eye {
     color: #01ffee;
     -webkit-background-clip: text;
     background-clip: text 
}
 .fab.fa-instagram {
     background: linear-gradient(180deg, #8000ff 0, #ffb800 100%);
     background-clip: text;
     -webkit-background-clip: text 
}
  .footer-link a, .login-label-span a, .term-and-faq {
     color: var(--tp-800) 
}
 .footer-logo img {
     height: 50px;
     width: fit-content;
}
  * {
     --tp-site-color: #46b649;
     --tp-blue-gradient: linear-gradient(90deg, rgb(82 71 221) 0, rgb(148 141 240) 100%);
}
  footer {
         background: var(--tp-200);
         border: 1px solid var(--tp-300) 
    }

 .tab-select span {
     padding: 5px 10px;
     color: var(--tp-800);
     display: flex;
     border-radius: calc(var(--tp-site-border));
     gap: 5px;
     align-items: center;
     background: var(--tp-300);
}
 .tab-select .active span {
     background: var(--tp-site-color);
     color: #fff !important;
     display: flex;
     align-items: center 
}
  *{
  --tp-site-color1: #000;
--tp-site-color:#46b649;
--tp-blue-gradient: linear-gradient(90deg, rgb(104, 139, 39) 0, rgb(39, 13, 79) 100%);
--tp-site-border: 10px;
}
.error-license{
display:none;
}
  html {
     --tp-100: #f7f8f9;
     --tp-200: #edeff2;
     --tp-300: #e5e7eb;
     --tp-400: #d1d5db;
     --tp-500: #727272;
     --tp-600: #565656;
     --tp-700: #434343;
     --tp-800: #333;
     --tp-red: #de3f3f;
     --tp-blue: #326cec;
     --tp-purple: #781adc;
     --tp-green: #46b649;
     --tp-green2: #46b649;
     --tp-green3: #46b649;
     --tp-yellow: #e1b04a;
     --tp-cyan: #3a80f3;
     --tp-indigo: #6610f2;
     --tp-purple: #6f42c1;
     --tp-pink: #d63384;
     --tp-orange: #fd7e14;
     --tp-teal: #20c997;
     --tp-site-color: #46b649;
     --tp-soft-color: #ffffff4f;
     --tp-soft-color2: #0000004f;
     --tp-blue-gradient: linear-gradient(90deg, rgba(0, 119, 254, 1) 0, rgba(1, 177, 255, 1) 100%);
}
 html.dark{
     --tp-100: #101010;
     --tp-200: #171717;
     --tp-300: #222;
     --tp-400: #2e2e2e;
     --tp-500: #656565;
     --tp-600: #7d7d7d;
     --tp-700: #a9a9a9;
     --tp-800: #fff;
     --tp-red: #de3f3f;
     --tp-blue: #326cec;
     --tp-purple: #781adc;
     --tp-green: #46b649;
     --tp-green2: #46b649;
     --tp-green3: #46b649;
     --tp-yellow: #e1b04a;
     --tp-cyan: #3a80f3;
     --tp-indigo: #6610f2;
     --tp-purple: #6f42c1;
     --tp-pink: #d63384;
     --tp-orange: #fd7e14;
     --tp-teal: #20c997;
     --tp-site-color: #46b649;
     --tp-soft-color: #0000005c;
     --tp-soft-color2: #0000005c;
     --tp-blue-gradient: linear-gradient(90deg, rgba(0, 119, 254, 1) 0, rgba(1, 177, 255, 1) 100%);
}
     .stats-box-content {
         display: grid;
         grid-template-columns: 1fr 1fr 1fr 1fr;
         justify-items: center;
         gap: 22px;
         margin-bottom: 20px 
    }
     .stats-btn, .ticket-id {
         justify-content: center 
    }
     .stats-btn {
         display: flex;
         height: 100%;
         border-left: 1px solid var(--tp-400);
         align-items: center;
         gap: 5px;
         line-height: 1 
    }
     .account-detail-box.active {
         position: absolute;
         background: var(--tp-soft-color);
         padding: 15px;
         display: flex;
         margin-top: 51px;
         border: 1px solid var(--tp-300);
         border-radius: calc(var(--tp-site-border) * 3);
         width: 250px;
         max-height: 269px;
         margin-right: 0;
         flex-direction: column;
         opacity: 1;
         justify-content: space-between;
         z-index: 4;
         -webkit-backdrop-filter: blur(10px) !important;
         backdrop-filter: blur(10px) 
    }
     .tab-select, footer {
         background: var(--tp-200);
         border: 1px solid var(--tp-300) 
    }
     .payment-page-right {
         padding: 20px;
         display: flex;
         flex-direction: column 
    }
     .update-top {
         padding: 10px;
         display: flex;
         border-bottom: 1px solid var(--tp-300);
         color: var(--tp-800) 
    }
     .update-bottom {
         padding: 10px;
         display: flex;
         justify-content: space-between;
         color: var(--tp-700) 
    }
     .api-top {
         display: grid;
         gap: 10px 
    }
  .feature-list, .login-box form {
         grid-template-columns: 1fr 1fr 1fr 
    }
     .captcha-box form, .order-step-list {
         grid-template-columns: 1fr 1fr 1fr 1fr 
    }
     .login-box form, .order-step-list {
         width: -webkit-fill-available;
         gap: 20px 
    }
     .user-header-menu {
         display: flex;
         gap: 20px 
    }
     .login-box form {
         display: grid 
    }
     .feature-list {
         display: grid;
         margin: 50px 0;
         gap: 20px 
    }
     .order-step-list {
         position: relative;
         bottom: 0;
         display: grid 
    }
     .order-step-bg {
         position: relative;
         display: flex;
         flex-direction: column;
         margin-top: 50px;
         margin-bottom: 50px;
         justify-content: center 
    }
     footer {
         height: 100px;
         display: flex;
         align-items: center;
         box-shadow: 0 -70px 100px -20px var(--tp-site-color) !important;
    }
     .footer-list {
         display: flex;
         gap: 20px;
         justify-content: space-between;
         align-items: center;
         color: var(--tp-800) 
    }
     .tab-select {
         display: flex;
         margin-bottom: 15px;
         border-radius: calc(var(--tp-site-border) * 2) 
    }
     .favslct {
         padding: 10px;
         border-right: 1px solid var(--tp-400);
         min-width: fit-content 
    }
     .captcha-box .g-recaptcha {
         height: 0 !important;
         margin-top: -8px 
    }
     .currency-list.active {
         position: absolute;
         display: flex;
         flex-direction: column;
         background: var(--tp-200);
         border: 1px solid var(--tp-300);
         margin-top: 51px;
         border-radius: calc(var(--tp-site-border) * 2);
         width: 155px;
         z-index: 2;
         right: 0;
         overflow: hidden;
         box-shadow: 0px 10px 91px 1px var(--tp-soft-color2);
    }
     .currency-btn-mobile {
         display: none;
    }
     .bottom-navigaiton{
         display:none;
    }
}
 .currencies-content{
     position: relative;
     display: flex;
}
 .home-section-banner, .login-box, .login-box-item input, .login-btn, .login-section, .search-new-service, .search-neworder-input, .user-home-title {
     width: -webkit-fill-available 
}
 @media only screen and (max-width:962px) {
     .tab-select, footer {
         background: var(--tp-200);
         border: 1px solid var(--tp-300) 
    }
     .login-box form, .order-step-list {
         width: -webkit-fill-available 
    }
     .user-header-menu {
         display: none 
    }
     .feature-list, .login-box form, .order-step-list {
         display: grid;
         grid-template-columns: 1fr;
         gap: 20px 
    }
     .feature-list {
         margin: 50px 0 
    }
     .order-step-list {
         position: relative;
         bottom: 0 
    }
     .home-section-bottom .btn {
         width: 120px !important 
    }
     .order-step-bg {
         position: relative;
         display: flex;
         flex-direction: column;
         margin-top: 50px;
         margin-bottom: 50px 
    }
     footer {
         height: fit-content;
         display: flex;
         align-items: center;
         padding: 20px;
         box-shadow: 0 0 60px 30px var(--tp-site-color) 
    }
     .footer-list {
         display: flex;
         gap: 20px;
         justify-content: space-between;
         align-items: center;
         color: var(--tp-800);
         flex-direction: column 
    }
     .tab-select {
         margin-bottom: 15px;
         border-radius: calc(var(--tp-site-border) * 2);
         display: grid;
         grid-template-columns: repeat(2, 1fr);
         grid-template-rows: repeat(2, 1fr);
    }
     .favslct {
         padding: 7px;
         border-bottom: 1px solid var(--tp-400);
         min-width: fit-content 
    }
     .search-neworder-input{
         height:16px;
    }
     .stats-box-title{
         font-size:14px;
    }
     .tab-select span {
         font-size:12px;
    }
     .currency-list.active {
         position: absolute;
         display: flex;
         flex-direction: column;
         background: var(--tp-200);
         border: 1px solid var(--tp-300);
         margin-top: 51px;
         border-radius: calc(var(--tp-site-border) * 2);
         right: 0;
         width: 176px;
         box-shadow: 0px 10px 91px 1px var(--tp-soft-color2);
         z-index: 4;
    }
     .bottom-navigaiton{
         display: grid;
         position: fixed;
         bottom: 0;
         padding: 10px;
         left: 0;
         grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
         z-index: 3;
         height: 61px;
         background: var(--tp-200);
         border-top: 1px solid var(--tp-300);
         right: 0;
    }
     .bottom-item{
         padding: 10px;
         display: flex;
         font-size: 24px;
         text-align: center;
        /* border-top: 1px solid var(--tp-300);
         */
        /* border-right: 1px solid var(--tp-300);
         */
         align-items: center;
         justify-content: center;
         line-height: 1;
    }
     .bottom-item a{
    }
     .bottom-item.active{
         background: var(--tp-site-color);
         color: white;
         border-radius: 10px;
    }
}
 .login-box, .social-item {
     padding: 20px;
     display: flex 
}
 .user-header {
     display: flex;
     height: 80px;
     position: fixed;
     top: 0;
     align-items: center;
     z-index: 10;
     background: var(--tp-soft-color);
     backdrop-filter: blur(15px);
     -webkit-backdrop-filter: blur(15px);
     border-bottom: 1px solid var(--tp-200) 
}
 .user-header-logo{
     font-size: 18px;
     font-weight: 600;
     color: var(--tp-800);
}
 .footer-logo{
     font-size: 18px;
     font-weight: 600;
     color: var(--tp-800);
}
 .login-section-bg, .social-item {
     z-index: -1;
     width: -webkit-fill-available 
}
 .user-header .col-md-12 {
     display: flex;
     justify-content: space-between;
     align-items: center;
     color: var(--tp-800) 
}
 .color-mode-btn {
     display: flex;
     align-items: center 
}
 .footer-link, .user-header-button {
     display: flex;
     gap: 20px 
}
 .social-slider {
     display: flex;
     margin-top: 20px;
     gap: 20px;
     overflow: hidden;
     color: var(--tp-800);
     justify-content: center;
     background: linear-gradient(90deg, var(--tp-100) 0, rgba(254, 0, 0, 0) 20%, rgba(255, 1, 1, 0) 80%, var(--tp-100) 100%);
}
 .social-item {
     justify-content: space-between;
     background: var(--tp-200);
     border: 1px solid var(--tp-300);
     border-radius: calc(var(--tp-site-border) * 2);
     min-width: 150px;
     align-items: center;
     font-size: 16px;
     line-height: 1px;
     position: relative 
}
 .absolute-icon {
     position: absolute;
     right: 20px;
     filter: blur(20px) 
}
 .social-item i {
     font-size: 26px 
}
 .login-section {
     display: flex;
     justify-content: center;
     flex-direction: column;
     align-items: center 
}
 .login-section-bg {
     background: var(--tp-blue-gradient);
     height: 25px;
     position: absolute 
}
 .login-box {
     background: var(--tp-200);
     border-radius: calc(var(--tp-site-border) * 4);
     border: 1px solid var(--tp-300) 
}
 .login-box-item {
     display: flex;
     position: relative;
     z-index: 2;
     gap: ;
     align-items: center 
}
 .login-box-item input:checked~.login-remember-box {
     background: var(--tp-700);
     color: var(--tp-200);
     transition: .14s 
}
 .login-remember-box {
     background: var(--tp-300);
     border: 1px solida var(--tp-300);
     border-radius: calc(var(--tp-site-border) * 2);
     min-height: 60px;
     min-width: 60px;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 22px;
     transition: .14s 
}
 .login-btn {
     height: 60px 
}
 .fa-bell {
     font-size: 20px;
     display: flex !important;
     color: var(--tp-800);
     align-items: center;
     margin-right: 5px;
}
 .login-label-span {
     position: absolute;
     right: 4px;
     display: flex;
     align-items: center;
     background: var(--tp-300);
     color: var(--tp-800);
     height: 52px;
     border-radius: calc(var(--tp-site-border));
}
 .login-label-span a {
     padding: 16px 
}
 .login-box-item input {
     height: 40px;
     border: 0;
     background: var(--tp-300);
     color: var(--tp-800);
     padding: 10px 15px;
     border-radius: calc(var(--tp-site-border) * 2) 
}
 input:-webkit-autofill, input:focus:-webkit-autofill {
     -webkit-box-shadow: 0 0 0 100px var(--tp-400) inset;
     -webkit-text-fill-color: var(--tp-800) !important 
}
 .home-section-box {
     display: flex;
     flex-direction: column;
     gap: 40px;
     margin-bottom: 50px;
     align-items: center 
}
 .home-section-bottom, .user-home-title {
     display: flex;
     gap: 10px 
}
 .home-section {
     margin-top: 100px 
}
 .home-section-banner {
     background: linear-gradient(180deg, rgba(0, 119, 254, 0) 0, var(--tp-site-color) 100%);
     height: 220px;
     position: absolute;
     margin-top: -168px;
     z-index: -1;
     opacity: .21 
}
 .home-section-top h1 {
     margin: 0;
     padding: 0;
     font-size: 34px;
     background: var(--tp-blue-gradient);
     -webkit-background-clip: text 
}
 .home-section-top {
     display: flex;
     flex-direction: column;
     align-items: center;
     font-size: 32px;
     font-weight: 600;
     line-height: 1;
     color: var(--tp-800) 
}
 .home-badge {
     display: flex;
     border: 1px solid var(--tp-300);
     padding: 10px 20px;
     border-radius: calc(var(--tp-site-border) * 2);
     font-size: 16px;
     margin-bottom: 35px;
     font-weight: 400 
}
 .home-section-cener {
     font-size: 16px;
     color: var(--tp-700) 
}
 .home-section-bottom .btn {
     display: flex;
     width: 150px;
     padding: 14px;
     align-items: center;
     justify-content: center;
     border-radius: calc(var(--tp-site-border) * 2);
     border-color: var(--tp-site-color) 
}
 .home-section-banner img {
     position: fixed;
     width: 100%;
     height: 100vh;
     object-fit: cover;
     mix-blend-mode: soft-light;
     opacity: .5 
}
 .user-home-title {
     font-size: 32px;
     margin: 50px;
     font-weight: 600;
     white-space: break-spaces;
     justify-content: center;
     color: var(--tp-800);
}
 .feature-box span, .order-step-box {
     font-weight: 700;
     text-align: center 
}
 .feature-box, .feature-box.white {
     flex-direction: column;
     padding: 20px;
     display: flex 
}
 .user-home-title b {
     background: var(--tp-blue-gradient) !important;
     -webkit-background-clip: text !important;
  color: transparent;
}
 .feature-box {
     gap: 20px;
     border-radius: calc(var(--tp-site-border) * 4);
     color: var(--tp-800);
     border: 1px solid var(--tp-300);
     align-items: center;
     background: linear-gradient(20deg, var(--tp-300), transparent) 
}
 .feature-box.white {
     gap: 20px;
     border-radius: calc(var(--tp-site-border) * 4);
     color: var(--tp-100);
     border: 1px solid var(--tp-300);
     align-items: center;
     background: linear-gradient(20deg, var(--tp-500), var(--tp-800)) 
}
 .feature-box.white:hover path {
     animation: .3s cubic-bezier(.42, 0, .38, 1.53) hoveranimate 
}
 .feature-box text {
     fill: var(--tp-800) 
}
 .feature-box i {
     font-size: 46px 
}
 .feature-box span {
     font-size: 42px;
     line-height: 1;
     padding: 20px;
     background: linear-gradient(90deg, var(--tp-600) 0, var(--tp-800) 50%, var(--tp-600) 100%);
     -webkit-background-clip: text;
     width: fit-content;
  color: transparent;
}
 .feature-box.white span {
     background: linear-gradient(90deg, var(--tp-500) 0, var(--tp-100) 50%, var(--tp-500) 100%);
     -webkit-background-clip: text;
     width: fit-content 
}
 .feature-box small {
     font-size: 18px;
     font-weight: 500;
     text-align: center 
}
 .order-step-bg svg {
     position: absolute;
     filter: drop-shadow(0px 0px 30px var(--tp-site-color));
     display: flex;
     opacity: .5;
     z-index: -1 
}
 .order-step-bg svg path {
     filter: brightness(1);
     animation: 5s infinite filterbrightnes 
}
 .order-step-box {
     padding: 20px;
     border-radius: calc(var(--tp-site-border) * 3);
     color: var(--tp-100);
     font-size: 18px;
     background: linear-gradient(193deg, var(--tp-700), var(--tp-800)) 
}
 @keyframes hoveranimate {
     0%, 100% {
         transform: translateX(0) 
    }
     25%, 75% {
         transform: translateX(15px) 
    }
     50% {
         transform: translateX(-15px) 
    }
}
 @keyframes filterbrightnes {
     0% {
         filter: brightness(1) 
    }
     25% {
         filter: brightness(1.4) 
    }
     50% {
         filter: brightness(1.3) 
    }
     75% {
         filter: brightness(1.5) 
    }
     100% {
         filter: brightness(1.2) 
    }
}
  html, body, .body,.unauthorized {
  padding-bottom: 0px !important;
  
  }

 .tab-select span {
     padding: 5px 10px;
     color: var(--tp-800);
     display: flex;
     border-radius: calc(var(--tp-site-border));
     gap: 5px;
     align-items: center;
     background: var(--tp-300);
}
 .tab-select .active span {
     background: var(--tp-site-color);
     color: #fff !important;
     display: flex;
     align-items: center 
}
 .search-new-service {
     display: flex;
     padding: 7px;
     grid-area: 2 / 1 / 3 / 3;
}
 .search-neworder-input {
     display: flex;
     background: var(--tp-300);
     border: 1px solid var(--tp-400);
     padding: 5px 10px;
     border-radius: calc(var(--tp-site-border));
     width: 100%;
}
 .favalert.active {
     display: block;
     padding: 10px 20px;
     background: var(--tp-soft-color);
     border: 1px solid var(--tp-300);
     margin-bottom: 15px;
     border-radius: calc(var(--tp-site-border) * 2);
     color: var(--tp-800) 
}
 .favalert a {
     font-weight: 600;
     color: var(--tp-cyan) 
}
 .tfa-box input {
     text-align: center;
     width: 100% 
}
 .signup-screen {
     margin-top: 100px;
     min-height: calc(100vh - 80px) !important;
}
 .order-alert-content {
     background: #13151a69;
     display: flex;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     position: fixed;
     z-index: 9;
     -webkit-backdrop-filter: blur(8px) !important;
     backdrop-filter: blur(8px);
     transition: .3s ease;
}
 .order-alert-content.close {
     visibility: hidden;
     transition: .3s ease;
     -webkit-backdrop-filter: blur(0px) !important;
     backdrop-filter: blur(0px);
     background: #13151a00;
}
 .order-alert-box.error {
     height: 230px;
}

    .main-1st-title {
      font-size: 90px;
  }
      .time-hus {
      font-size: 30px;
      margin: 10px;
  }
       body {
            background-color: #fff;
       }
  
       .unauthorized .section_0585 div.bannerSec h3 {
            font-size: 35px;
            font-weight: 500;
            margin: 0 0 0px;
            color: #323232;
            font-family: 'Source Sans Pro', sans-serif;
       }
  
       .unauthorized .section_0585 h1.slogan {
            font-size: 42px;
            font-weight: 800;
            color: #323232;
            margin: 0;
            font-family: 'Source Sans Pro', sans-serif;
       }
  
       .unauthorized .section_0585 div.bannerSec p {
            font-size: 14px;
            font-weight: 500;
            width: 80%;
            margin: 0 0 30px;
            color: #28313b;
       }
  
       .unauthorized .section_0585 div.bannerSec form {
            margin: 0;
            z-index: 9;
            position: relative;
       }
  
       .unauthorized .section_0585 div.form-icons {
            position: relative;
            width: 75%;
       }
  
       .unauthorized .section_0585 div.form-icons .icon {
            position: absolute;
            top: 0;
            left: 0;
            width: 55px;
            text-align: center;
            height: 50px;
            line-height: 46px;
            z-index: 1;
       }
  
       .unauthorized .section_0585 div.form-icons .icon img {
            max-width: 30px;
            max-height: 30px;
       }
  
       .unauthorized .section_0585 div.form-icons input {
            border-radius: 40px;
            border-color: #dcdde6 !important;
            padding-left: 55px;
            background-color: #dfece0;
            height: 50px;
            box-shadow: none !important;
            border: 0;
            font-size: 12px;
       }
  
       .unauthorized .section_0585 div.form-group__password,
       div.inlineBlock {
            display: inline-block;
       }
  
       .unauthorized .section_0585 div.form-icons .icon {
            position: absolute;
            top: 0;
            left: 0;
            width: 55px;
            text-align: center;
            height: 50px;
            line-height: 46px;
            z-index: 1;
       }
  
       .unauthorized .section_0585 div.form-icons .icon img {
            max-width: 30px;
            max-height: 30px;
       }
  
       .unauthorized .section_0585 div.form-icons input {
            border-radius: 40px;
            border-color: #dcdde6 !important;
            padding-left: 55px;
            background-color: #dfece0;
            height: 50px;
            box-shadow: none !important;
            border: 0;
            font-size: 12px;
       }
  
       .unauthorized .section_0585 .forgot-password {
            position: absolute;
            right: 15px;
            top: 15px;
            font-size: 14px;
            color: #f55454;
       }
  
       .unauthorized .section_0585 .submitBtn {
            padding: 13px 15px;
            width: 107px;
            border-radius: 40px;
            border: 1px solid #f55454;
            background-color: #f55454;
            box-shadow: 3px 4px 0 0px #c24a4a;
            color: #ffffff;
            font-size: 15px;
            cursor: pointer;
            max-width: 100% !important;
       }
  
       @media (min-width: 576px) {
            .unauthorized .section_0585 .d-sm-inline-block {
                 display: inline-block !important;
            }
       }
  
       .unauthorized .section_0585 .d-none {
            display: none;
       }
  
       .unauthorized .section_0585 .social.google {
            background: #E05131;
       }
  
       .unauthorized .section_0585 .btn:not(:disabled):not(.disabled) {
            cursor: pointer;
            border-radius: 20px;
       }
  
       .unauthorized .section_0585 .social {
            /* border-radius: 20px; */
            border: none;
            padding-right: 25px;
            margin-top: 10px;
       }
  
       .unauthorized .section_0585 .social.google {
            background: #E05131;
       }
  
       .unauthorized .section_0585 .social.facebook {
            background: #275B97;
       }
  
       .unauthorized .section_0585 .social.twitter {
            background: #1781c2;
       }
  
       .unauthorized .section_0585 .clearfix::after {
            display: block;
            clear: both;
            content: "";
       }
  
       @media (min-width: 576px) {
            .unauthorized .section_0585 .d-sm-none {
                 display: none !important;
            }
       }
  
       .unauthorized .section_0585 .submitBtn {
            padding: 13px 15px;
            width: 107px;
            border-radius: 40px;
            border: 1px solid #f55454;
            background-color: #f55454;
            box-shadow: 3px 4px 0 0px #c24a4a;
            color: #ffffff;
            font-size: 15px;
            cursor: pointer;
       }
  
       .unauthorized .section_0585 div.bannerSec ul.remember_me {
            padding-left: 10px;
            margin: 0;
       }
  
       .unauthorized .section_0585 div.bannerSec ul.remember_me li {
            display: inline-block;
            margin-right: 40px;
            font-size: 14px;
       }
  
       .unauthorized .section_0585 div.bannerSec ul.btn-custom {
            padding: 0;
            margin: 15px0 0;
            position: relative;
            z-index: 9;
       }
  
       .unauthorized .section_0585 div.bannerSec ul.btn-custom li {
            list-style: none;
            display: inline-block;
            margin-right: 10px;
       }
  
       .unauthorized .section_0585 div.bannerSec ul.btn-custom li:first-child a {
            background-color: #f55454;
            box-shadow: 3px 4px 0 0px #c24a4a;
       }
  
       .unauthorized .section_0585 div.bannerSec ul.btn-custom li a {
            padding: 15px 10px;
            display: block;
            width: 170px;
            text-align: center;
            border-radius: 40px;
            font-size: 15px;
            text-transform: capitalize;
            font-weight: 500;
            color: #fff;
            background-color: #f55454;
            box-shadow: 3px 4px 0 0px #c24a4a;
            cursor: pointer;
       }
  
       .unauthorized .section_0585 .position-relative {
            position: relative !important;
       }
  
       .unauthorized .section_0585 .img-banner {
            max-width: 90%;
            position: absolute;
            right: -100px;
            top: -20px;
       }
  
       .unauthorized .section_0585 .icon-box {
            top: 0;
            left: 0;
       }
  
       .unauthorized .section_0585 .position-absolute {
            position: absolute !important;
       }
  
       .unauthorized .section_0585 .icon-5 {
            width: 40px;
            top: 40px;
            left: -50px;
            width: 90px;
            animation: float 4s infinite ease-in-out .25s;
            position: relative;
       }
  
       .unauthorized .section_0585 img {
            max-width: 100%;
       }
  
       .unauthorized .section_0585 .icon-6 {
            width: 40px;
            top: 218px;
            left: 66px;
            width: 90px;
            animation: float 4s infinite ease-in-out .5s;
            position: absolute;
       }
  
       .unauthorized .section_0585 .icon-7 {
            width: 40px;
            top: 166px;
            left: -57px;
            width: 90px;
            animation: float 4s infinite ease-in-out .75s;
            position: absolute;
       }
  
       .unauthorized .section_0585 .icon10 {
            width: 40px;
            top: -8px;
            left: 60px;
            width: 90px;
            animation: float 4s infinite ease-in-out 1s;
            position: absolute;
       }
  
       .unauthorized .section_0585 .icon-12 {
            top: 105px;
            left: 50px;
            width: 90px;
            animation: float 4s infinite ease-in-out 1s;
            position: absolute;
       }
  
       .unauthorized .section_0585 .icon-14 {
            top: 46px;
            left: 167px;
            width: 90px;
            animation: float 4s infinite ease-in-out 1s;
            position: absolute;
       }
  
       .unauthorized .section_0585 .icon-16 {
            top: 155px;
            left: 169px;
            width: 90px;
            animation: float 4s infinite ease-in-out 1s;
            position: absolute;
       }
  
       .unauthorized .section_0585 div.bannerSec {
            background-image: url("https://res.cloudinary.com/sol-0123456789/image/upload/v1674736702/tscth/green-bg_jjrfbv.png");
            background-repeat: no-repeat;
            position: relative;
            /* top: -62
     px
     ; */
            padding-top: 110px;
            height: 650px;
            background-size: 1250px 650px;
            background-position: top right;
            background-color: #fff;
       }
  
       @media screen and (min-device-width:320px) and (max-device-width:480px) {
            .img-banner {
                 display: none;
            }
  
            .icon-box {
                 display: none;
            }
  
            .unauthorized .section_0585 div.form-icons {
                 width: 100% !important;
            }
  
            .unauthorized .section_0585 div.form-group__password,
            div.inlineBlock {
                 display: block !important;
            }
  
            .unauthorized .section_0585 .submitBtn {
                 width: 320px;
                 margin-top: 5px;
            }
  
            .unauthorized .section_0585 div.bannerSec ul.btn-custom li a {
                 display: inline;
            }
  
            .remember_me {
                 margin: 22px 0px !important;
            }
  
            .unauthorized .section_0585 .custom-white {
                 color: #fff !important;
            }
       }
  
       @media screen and (min-device-width:481px) and (max-device-width:576px) {
            .img-banner {
                 display: none;
            }
  
            .icon-box {
                 display: none;
            }
  
            .unauthorized .section_0585 div.form-icons {
                 width: 100% !important;
            }
  
            .unauthorized .section_0585 div.form-group__password,
            div.inlineBlock {
                 display: block !important;
            }
  
            .unauthorized .section_0585 .submitBtn {
                 width: 320px;
                 margin-top: 5px;
            }
  
            .unauthorized .section_0585 div.bannerSec ul.btn-custom li a {
                 display: inline;
            }
  
            .unauthorized .section_0585 .remember_me {
                 margin: 22px 0px !important;
            }
  
            .unauthorized .section_0585 .custom-white {
                 color: #fff !important;
            }
       }
  
       @media screen and (min-device-width:577px) and (max-device-width:767px) {
            .img-banner {
                 display: none;
            }
  
            .icon-box {
                 display: none;
            }
  
            .unauthorized .section_0585 div.form-icons {
                 width: 100% !important;
            }
  
            .unauthorized .section_0585 div.form-group__password,
            div.inlineBlock {
                 display: block !important;
            }
  
            .unauthorized .section_0585 .submitBtn {
                 width: 320px;
                 margin-top: 5px;
            }
  
            .unauthorized .section_0585 div.bannerSec ul.btn-custom li a {
                 display: inline;
            }
  
            .unauthorized .section_0585 .remember_me {
                 margin: 22px 0px !important;
            }
  
            .unauthorized .section_0585 .custom-white {
                 color: #053b3e !important;
            }
       }
  
       @media screen and (min-device-width:768px) and (max-device-width:991px) {
            .unauthorized .section_0585 .img-banner {
                 right: -61px !important;
            }
  
            .unauthorized .section_0585 .position-relative {
                 top: 25px !important;
            }
       }

       @media (max-width:992px) {
      .unauthorized    .main-1st-title {
              font-size: 60px !important;
          }
          .unauthorized  #login_form{
              margin-top: 50px;
              margin-bottom: 20px ;
          }
       
          .unauthorized .time-hus {
              font-size: 20px;
              margin: 10px;
          }
          .unauthorized .section_49581 .nav-tabs.nav-justified {
               border-bottom: 1px solid transparent !important; 
          }
          .unauthorized .section_93858 div.wizardSec .howToUse h4 {
             
              margin: 20px !important;
          }
       }
       @media (max-width:576px) {
         .unauthorized .section_4696 .mirror-img {
              margin-top: 420px !important;
          }
       }