@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");

@font-face {
  font-family: "sanvi-icons";
  src: url("../fonts/sanvi-icons.eot?59357330");
  src: url("../fonts/sanvi-icons.eot?76221622#iefix")
      format("embedded-opentype"),
    url("../fonts/sanvi-icons.woff2?59357330") format("woff2"),
    url("../fonts/sanvi-icons.woff?59357330") format("woff"),
    url("../fonts/sanvi-icons.ttf?59357330") format("truetype"),
    url("../fonts/sanvi-icons.svg?59357330#sanvi-icons") format("svg");
  font-weight: normal;
  font-style: normal;
}

.inter {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
  @media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
      font-family: 'sanvi-icons';
      src: url('../fonts/sanvi-icons.svg?49968480#sanvi-icons') format('svg');
    }
  }
  */
.icon[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "sanvi-icons";
  font-style: normal;
  font-weight: normal;
  speak: never;

  display: inline-block;
  text-decoration: inherit;
  width: auto;
  margin-right: 0;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-visa-application:before {
  content: "\e800";
}
.icon-visa-granted:before {
  content: "\e801";
}
.icon-error:before {
  content: "\e802";
}
.icon-send:before {
  content: "\e803";
}
.icon-apps:before {
  content: "\e804";
}
.icon-check:before {
  content: "\e805";
}
.icon-download:before {
  content: "\e806";
}
.icon-down2:before {
  content: "\e807";
}
.icon-check-circle:before {
  content: "\e808";
}
.icon-tickmark:before {
  content: "\e809";
}
.icon-up:before {
  content: "\e80a";
}
.icon-cancel:before {
  content: "\e80b";
}
.icon-pdf-1:before {
  content: "\e80c";
}
.icon-pdf-files:before {
  content: "\e80d";
}
.icon-finicial-document:before {
  content: "\e80e";
}
.icon-education:before {
  content: "\e80f";
}
.icon-money:before {
  content: "\e810";
}
.icon-mrg-certification:before {
  content: "\e811";
}
.icon-passport:before {
  content: "\e812";
}
.icon-pdf:before {
  content: "\e813";
}
.icon-add-circle:before {
  content: "\e814";
}
.icon-close:before {
  content: "\e815";
}
.icon-newspaper:before {
  content: "\e816";
}
.icon-hamburg:before {
  content: "\e817";
}
.icon-notifications-unread:before {
  content: "\e818";
}
.icon-visa:before {
  content: "\e819";
}
.icon-chat:before {
  content: "\e81a";
}
.icon-down:before {
  content: "\e81b";
}
.icon-arrow-left:before {
  content: "\e81c";
}
.icon-arrow-right:before {
  content: "\e81d";
}
.icon-share:before {
  content: "\e81e";
}
.icon-visa-pending:before {
  content: "\e81f";
}
.icon-delete:before {
  content: "\e820";
}
.icon-edit:before {
  content: "\e821";
}
.icon-arrow-r:before {
  content: "\e822";
}
.icon-person-add:before {
  content: "\e823";
}
.icon-logout:before { content: '\e824'; }
.icon-eye:before { content: '\e825'; } 
.icon-eye-off:before { content: '\e826'; } 
.icon-login:before { content: '\e827'; }
.icon-search:before { content: '\e828'; }
.icon-plus:before { content: '\e829'; } 
.icon-attachment:before { content: '\e84a'; } 
.icon-attachment2:before { content: '\e84b'; } 
.icon-notification:before { content: '\e82a'; } 

.icon-doc:before { content: '\e82b'; } 
.icon-doc-text:before { content: '\f0f6'; }
.icon-doc-inv:before { content: '\f15b'; } 
.icon-doc-text-inv:before { content: '\f15c'; }


:root {
  --bg: #f9f9fa;
  --body: #667085;
  --heading: #101828;
  --blue: #252161;
  --orange: #f05b29;
  --purple: #6e67cb;
  --dark: #344054;
  --dark2: #181d27;
  --black: #000000;
  --light: #dbd9f2;
  --gray: #d0d5dd;
  --white: #ffffff;
  --button: #344054;
  --green: #36b37e;
  --red: #da0e32;
  --yellow: #ffab00;
  --primary: "Inter";
}

body {
  background-color: var(--bg);
  font-size: 16px;
  position: relative;
}

body,
p {
  padding: 0;
  margin: 0;
  font-size: 16px;
  font-family: var(--primary);
  color: var(--body);
  line-height: 1.25;
  font-weight: 400;
}
a {
  transition: all 0.3s ease-out;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--primary);
  font-weight: 600;
  color: var(--heading);
}
h1,
.h1 {
  font-size: 36px;
}
h2,
.h2 {
  font-size: 24px;
}
h2.f22 {
  font-size: 22px;
}
h3,
.h3 {
  font-size: 20px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 14px;
}

button {
  outline: none;
  border: none;
}
.btn-theme {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  padding: 0 20px;
  border-radius: 8px;
  color: var(--white);
  font-size: 16px;
  font-weight: 500;
  background-color: var(--blue);
  border: none;
  outline: none;
  transition: all 0.3s ease-out;
  text-decoration: none;
}
.btn-theme-light {
  height: 40px;
  font-size: 14px;
  font-weight: 500;
  padding: 0 23px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--blue);
  background-color: #edecf9;
  border: solid 1px #b6b3e5;
  border-radius: 6px;
  text-decoration: none;
}
.btn-theme-pending {
  height: 30px;
  font-size: 14px;
  font-weight: 500;
  padding: 0 5px 0 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #8E2E0B;
  background-color: #FDEDE7;
  border: solid 1px #F8B8A0;
  border-radius: 6px;
  text-decoration: none;
  line-height: 1;
}
.btn-theme-pending .icon {
  color: #F06A3A;
  font-size: 8px;
  margin-left: 13px;
}

.btn-theme-pending .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 30px;
}

.btn-theme:hover {
  background-color: var(--heading);
  color: var(--white);
}
.btn-theme-light:hover {
  background-color: var(--purple);
  color: var(--white);
}

.btn-theme.disable:hover {
  background-color: var(--blue);
}

.btn-white {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  padding: 0 20px;
  border-radius: 8px;
  color: #414651;
  font-size: 16px;
  font-weight: 500;
  background-color: var(--white);
  border: solid 1px #d5d7da;
  outline: none;
  transition: all 0.3s ease-out;
  text-decoration: none;
}

/* Header */

.header {
  background-color: var(--white);
  padding: 15px 0;
  height: 60px;
  box-shadow: 0px 7px 9px -3px rgba(10, 13, 18, 0.03);
  -webkit-box-shadow: 0px 7px 9px -3px rgba(10, 13, 18, 0.03);
  -moz-box-shadow: 0px 7px 9px -3px rgba(10, 13, 18, 0.03);
  position: fixed;
  width: 100%;
  z-index: 2;
}
.container-inner {
  margin: 0 auto;
  width: 100%;
  max-width: 1274px;
  padding: 0 20px;
}
.header .logo img {
  width: auto;
  height: 31px;
}
.welcome-message {
  text-align: center;
  color: var(--blue);
}
.welcome-message span {
  font-weight: 700;
}
.navbar {
  padding-top: 0;
  padding-bottom: 0;
}
.navbar-nav {
  align-items: center;
  flex-direction: row;
  justify-content: flex-end;
}
.navbar-nav .nav-item .nav-link {
  padding: 0 9px;
}
.navbar-nav .nav-item .nav-link,
.navbar-nav .nav-item .nav-link .icon {
  color: var(--purple);
  transition: all 0.3s ease-out;
}
.navbar-nav .nav-item .nav-link:hover,
.navbar-nav .nav-item .nav-link:hover .icon {
  color: var(--blue);
}
.navbar-nav .nav-item .nav-link.personal-detail {
  width: 66px;
  height: 33px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: solid 1px #f1f1f1;
  border-radius: 33px;
  padding-right: 2px;
}
.navbar-nav .nav-item .nav-link.personal-detail .hamburg {
  margin-left: 3px;
}
.navbar-nav .nav-item .nav-link.personal-detail .user-photo {
  width: 28px;
  height: 28px;
  border-radius: 100%;
  overflow: hidden;
}
.navbar-nav .logout {
  border: none;
  outline: none;
  background-color: transparent;
  color: var(--purple);
}

.outer-con {
  padding: 16px;
  display: block;
}
.homeSlider,
.docSlider {
  background-color: var(--white);
  border-radius: 18px;
  margin-bottom: 8px;
}

.homeSlider .swiper-slide .slider-img {
  position: relative;
}
.homeSlider .swiper-slide img {
  width: 100%;
  border-radius: 18px;
  overflow: hidden;
  height: 26vw;
  object-fit: cover;
  object-position: center top;
}
.homeSlider .swiper-slide .slider-copy {
  padding: 35px 42px;
}
.share {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: solid 1px var(--light);
  background-color: var(--white);
  position: absolute;
  right: 34px;
  bottom: -24px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 8px rgba(10, 13, 18, 0.08);
}

.share .icon {
  color: var(--blue);
}
.share:hover,
.share.active {
  background-color: var(--blue);
}
.share:hover .icon,
.share.active .icon {
  color: var(--white);
}
.homeSlider .slider-nav,
.docSlider .slider-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding: 26px 32px;
}
.homeSlider .slider-nav .swiper-button-next,
.homeSlider .slider-nav .swiper-button-prev,
.docSlider .slider-nav .swiper-button-next,
.docSlider .slider-nav .swiper-button-prev {
  position: relative;
  width: auto;
}
.homeSlider .slider-nav .swiper-button-next:after,
.homeSlider .slider-nav .swiper-button-prev:after,
.docSlider .slider-nav .swiper-button-next:after,
.docSlider .slider-nav .swiper-button-prev:after {
  display: none;
}
.homeSlider .slider-nav .swiper-button-next .icon {
  margin-left: 8px;
}
.homeSlider .slider-nav .swiper-button-prev .icon {
  margin-right: 8px;
}
.slider-nav .swiper-pagination {
  bottom: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.swiper-pagination .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  margin: 0 2px;
  transition: all 0.3s ease-out;
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 10px;
  height: 10px;
  background-color: var(--blue);
}

.slider-nav .btn,
.tab-pagination .btn {
  border: solid 1px #d0d5dd;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 14px;
  border-radius: 8px;
  color: var(--button);
  font-size: 14px;
  background-color: var(--white);
}
.slider-nav .btn span,
.tab-pagination .btn span {
  display: inline-block;
}
.tab-pagination .btn {
  color: #344054;
}
.tab-pagination .btn.prev .icon {
  margin-right: 12px;
}
.tab-pagination .btn.next .icon {
  margin-left: 12px;
}

.tab-pagination .page-numbers {
  display: flex;
  align-items: center;
  margin: 0;
  list-style: none;
}

.tab-pagination .page-numbers li {
 min-width: 40px;
height: 40px;
}
.tab-pagination .page-numbers li .pagelink {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #667085;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  background-color: transparent;
  border-radius: 8px;

}
.tab-pagination .page-numbers li.active .pagelink {
  background-color: #F9F5FF;
  color: var(--purple);
}

.numbering-box {
  background-color: #edecf9;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 48px;
  min-height: 127px;
}
.numbering-box .box {
  text-align: center;
}
.numbering-box .box h2 {
  font-weight: 800;
  color: var(--blue);
  margin-bottom: 0;
}
.numbering-box .box p {
  color: var(--blue);
}

.login-col {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
}
.login-wrap {
  width: 100%;
  max-width: 550px;
  margin: 0 auto 0;
  padding: 0 40px;
}
.login-wrap .logo {
  margin-bottom: 35px;
}
.login-wrap h1 {
  margin-bottom: 10px;
}
.login-wrap p {
  width: 100%;
  max-width: 415px;
  font-size: 20px;
  line-height: 1.5;
}
.login-form {
  margin-top: 30px;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: space-between;
}
.login-form form {
  width: 100%;
}
.login-form .btn-theme,
.login-form .btn {
  width: 100%;
}


.login-form .forgot {
  text-align: center;
  width: 100%;
  margin-top: 20px;
   font-size: 14px;
}
.login-form .forgot .forgot-link {
  color: var(--blue);
  text-decoration: none;
}

.login-form .login-register-btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.login-form .login-register-btn .comn-btn {
  width: 48%;
}
#forgot_password_form .login-register-btn .btn-theme {
  width: 100%;
}

.field {
  margin-bottom: 24px;
  width: 100%;
  position: relative;
}
.field .icon-eye,
.field .icon-eye-off {
  position: absolute;
  right: 12px;
  top: 40px;
  cursor: pointer;
}
.icon-eye-off.icon-eye:before {
  content: "\e825";
}
.field.down-arrow:after {
  content: "\e807";
  font-family: "sanvi-icons";
  position: absolute;
  right: 18px;
  bottom: 18px;
  font-size: 6px;
  transition: all 0.3s ease-out;
  z-index: 10;
}
.field.down-arrow .gj-icon {
  display: none;
}
.field.half {
  width: 47%;
}
.field label {
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  color: var(--dark);
  line-height: 1.42;
  margin-bottom: 6px;
}
.field .input-field,
.field .select2 .select2-selection {
  width: 100%;
  height: 48px;
  border: solid 1px var(--gray);
  padding: 0 16px;
  color: var(--body);
  border-radius: 8px !important;
  box-shadow: 0 3px 7px rgba(16, 24, 40, 0.06);
}
.field textarea.input-field {
  resize: none;
}
.field .input-field.news-title {
  height: 72px;
}
.field .input-field.news-desc {
  height: 110px;
}
/* .add-news .field .input-field {
  padding-top: 12px;
} */

.field .input-field.is-invalid, .field .select2 .select2-selection.is-invalid,
.discount-code .codeinput.is-invalid {
  border-color: #dc3545;
}


.field .input-field:focus-visible {
  border-color: var(--light);
  outline: none;
}
.field .iti {
  width: 100%;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  line-height: 48px;
  padding: 0;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow:after {
  content: "\e807";
  font-family: "sanvi-icons";
  position: absolute;
  right: 18px;
  top: 18px;
  font-size: 6px;
  transition: all 0.3s ease-out;
}
.select2.select2-container.select2-container--open
  .select2-selection__arrow:after {
  transform: rotate(180deg);
  transform-origin: center center;
}

.select2-dropdown {
  border-radius: 8px;
  overflow: hidden;
}

.select2-results__options .select2-results__option {
  padding: 10px 16px;
}
.select2-container--default
  .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: var(--body);
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  display: none;
}

.field .input-field::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: var(--body);
}
.field .input-field::-moz-placeholder {
  /* Firefox 19+ */
  color: var(--body);
}
.field .input-field:-ms-input-placeholder {
  /* IE 10+ */
  color: var(--body);
}
.field .input-field:-moz-placeholder {
  /* Firefox 18- */
  color: var(--body);
}
.field .agree {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.field .check {
  width: 20px;
  height: 20px;
  border-radius: 6px;
  border: solid 1px #d0d5dd;
}
.field .agree label {
  color: var(--body);
  margin-left: 12px;
  margin-bottom: 0;
  width: 90%;
}
.field .agree label a {
  color: var(--body);
}
.field.phone .input-field {
  padding-left: 75px;
}
.field.phone .select {
  width: 65px;
  position: absolute;
  left: 0;
  top: 0;
}
.field.phone .select2-container {
  position: absolute;
  left: 0;
  top: 25px;
  width: 70px !important;
}
.field.phone .select2 .select2-selection {
  width: auto;
  background-color: transparent;
  border: none;
  box-shadow: none;
}
.field .inputgroup {
  display: flex;
  align-items: center;
}

.field.phone
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  right: auto;
  left: 65px;
  top: 4px;
}

.register .login-wrap p {
  max-width: inherit;

}

.modal-body .select2-container {
  width: 100% !important;
}

.copyright,
.footer {
  width: 100%;
  text-align: center;
  font-size: 14px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.footer {
  padding: 0 0 25px;
}

.content-sec {
  padding: 60px 0 22px;
  min-height: 820px;
}
.content-sec.btm-space {
  padding-bottom: 90px;
}
.content-sec.dashboard {
  padding-top: 93px;
}
.news-sec {
  background-color: var(--white);
  border-radius: 12px;
  overflow: hidden;
}

.chat-sec {
   box-shadow: 0px 20px 24px -4px rgba(10,13,18,0.08);
-webkit-box-shadow: 0px 20px 24px -4px rgba(10,13,18,0.08);
-moz-box-shadow: 0px 20px 24px -4px rgba(10,13,18,0.08);
}
.news-sec .news-title {
  width: 100%;
  height: 78px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 25px;
  background: rgb(237, 236, 249);
  background: linear-gradient(
    90deg,
    rgba(237, 236, 249, 1) 0%,
    rgba(237, 236, 249, 1) 50%,
    rgba(110, 103, 203, 1) 100%
  );
}
.news-sec .news-title .icon-chat {
  font-size: 22px;
  color: var(--white);
}
.news-sec .news-title .title-left {
  display: flex;
  align-items: center;
}
.news-sec .news-title .title-left .icon {
  color: var(--blue);
  margin-right: 18px;
}
.news-sec .news-title .f22 {
  font-weight: 500;
  margin-bottom: 0;
}
.news-sec .news-title .icon-newspaper {
  font-size: 27px;
  color: var(--white);
}
.news-sec .homeSlider {
  border-radius: 0;
}
.news-sec .homeSlider .swiper-slide img {
  border-radius: 0 0 12px 12px;
  height: 30.578vh;
}

.news-sec .chat-con {
  padding: 30px 30px 42px 30px;
  max-height: 480px;
  overflow: auto;
}
/* .news-sec.step-chat .chat-con {
  max-height: 250px;
} */
.chat-con .chats {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.chat-con .chats.self {
  justify-content: flex-end;
}
.chat-con .chats.self .chat {
  background-color: #252161;
}
.chat-con .chat {
  max-width: 73.44%;
  border-radius: 12px;
  background-color: #EDECF9;
  padding: 15px 11px;
  margin-top: 10px;
}


.chat-con .chat:first-child{
  margin-top 0;
}
.chat-con .chats.appuser .chat {
  border-radius: 12px 12px 12px 0;
}
.chat-con .chats.self .chat {
  border-radius: 12px 12px 0 12px;
}
.chat-con .chat p {
font-size: 14px;
  font-weight: 400;
  line-height: 1.71;
  color: #0F1828;
  word-break: break-word;
}
.chat-con .chat .time {
  font-size: 10px;
  color: #5E6D84;
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: 5px;
}
.chat-con .chat .time .read {
  position: relative;
  padding-left: 8px;
}
.chat-con .chat .time .read:before {
  content: "";
  width: 2px;
  height: 2px;
  background-color: var(--white);
  border-radius: 2px;
  position: absolute;
  left: 3px;
  top: 50%;
  transform: translateY(-50%);
}
.chat-con .chats.self .chat p,
.chat-con .chats.self .chat .time {
  color: var(--white);
}
.chat-con .chats.self .chat .time {
  justify-content: flex-end;
}
.chat-con .chat-date {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 25px 0 15px;
  width: 100%;
}
.chat-con .chat-date:before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #EDEDED;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.chat-con .chat-date .date {
font-size: 12px;
color: #253858;
line-height: 1;
background-color: var(--white);
padding: 0 15px;
position: relative;
z-index: 1;
font-weight: 400;
}

.chat-message {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 28px 30px;
  border-top: solid 1px #DBD9F2;
}
.chat-message input.chat-input,
.chat-message textarea.chat-input {
  border: none;
  border-radius: 0;
  box-shadow: none;
  outline: none;
  color: #5E6D84;
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  width: 100%;
}
.chat-message .message-send {
  background-color: transparent;
  margin: 0;
}
.chat-message .message-send .icon {
  font-size: 20px;
  color: var(--blue);
}
.chat-message .file-attached {
  margin-left: 10px;
  position: relative;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
}
.chat-message .file-attached .icon {
  font-size: 20px;
  color: var(--purple);
  transition: all 0.3s ease-out;
}

.chat-message .file-attached input[type=file] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  border: solid 1px red;
}
.chat-message .file-attached:hover .icon {
  color: var(--blue);
}

.chat-con .chat.attach {
  padding-bottom: 5px;
}
.chat-con .chat img {
max-width: 100%;
}
.chat-con .chat .chatinfo{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  padding: 5px 0 0 0;
}

.chat-con .chat .chatinfo .time {
  width: auto;
}


.homeSlider .copy-message {
  position: absolute;
  right: 24px;
  bottom: 35px;
  background-color: var(--blue);
  font-size: 14px;
  color: var(--white);
  padding: 5px 10px;
  border-radius: 10px;
}

.app-step {
  padding: 0 20px;
}
.page-title {
  margin-bottom: 52px;
}
.page-title h1 {
  font-weight: 400;
  margin-bottom: 0;
}
.lets-start {
  background: rgb(237, 236, 249);
  background: linear-gradient(
    150deg,
    rgba(237, 236, 249, 1) 0%,
    rgba(237, 236, 249, 1) 50%,
    rgba(110, 103, 203, 1) 180%
  );
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 43px 28px 43px 36px;
  border-radius: 3px 3px 12px 12px;
}
.lets-start .ls-left {
  display: flex;
  align-items: center;
}
.lets-start .ls-left .icon {
  font-size: 58px;
  color: var(--blue);
  margin-right: 25px;
}
.lets-start .ls-left h2 {
  font-weight: 800;
  margin-bottom: 8px;
}
.lets-start .ls-left p {
  color: #0f0d26;
}

.process-trip {
  background-color: var(--white);
  height: 77px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.process-trip .trip-desc {
  color: var(--blue);
  font-size: 14px;
  font-weight: 500;
}
.process-trip.dash {
  height: 65px;
  padding-top: 0;
}
.process-trip.dash.multipal {
  height: 51px;
  border-radius: 3px;
  border-bottom: solid 1px #B6B3E5;
}

.process-trip.dash.multipal .nav-tabs .nav-item .nav-link {
  max-width: 10em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
 }


.process-trip .container-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow-x: auto;
  overflow-y: hidden;
}
.close {
  display: flex;
  align-items: center;
  color: var(--blue);
  cursor: pointer;
}
.close .icon {
  font-size: 13px;
}
.process-trip .new-add .icon,
.process-trip .staff-add .icon,
.process-trip .country-visa-add .icon {
  margin-right: 6px;
}
.close span {
  font-size: 16px;
  font-weight: 500;
  color: var(--blue);
  margin-left: 15px;
}
.process {
  width: 100%;
  max-width: 1204px;
  margin: 0 auto;
  text-align: center;
}

.steps {
  width: 100%;
  max-width: 730px;
  margin: -27px auto 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
  z-index: 1;
}

.progress-container {
  display: flex;
  justify-content: space-between;
  position: relative;
  margin-bottom: 35px;
  max-width: 100%;
  width: 100%;
}

.progress-container::before {
  content: "";
  background-color: #dcdcdc;
  position: absolute;
  top: 27px;
  left: 65px;
  transform: translateY(-50%);
  height: 4px;
  width: 85%;
  z-index: -1;
}

.progress {
  background-color: var(--blue);
  position: absolute;
  top: 27px;
  left: 65px;
  transform: translateY(-50%);
  height: 4px;
  max-width: 85%;
  width: 0%;
  z-index: -1;
  transition: 400ms ease;
}

.progress-mob {
  background-color: var(--blue);
  position: absolute;
  top: 27px;
  left: 12px;
  height: 100%;
  width: 5px;
  z-index: -1;
  transition: 400ms ease;
  display: none;
}

.progress.step-progress-1 {
  width: 0%;
}
.progress.step-progress-2 {
  width: 16.66%;
}
.progress.step-progress-3 {
  width: 33.33%;
}
.progress.step-progress-4 {
  width: 49.98%;
}
.progress.step-progress-5 {
  width: 66.64%;
}
.progress.step-progress-6 {
  width: 90%;
}
.progress.step-progress-7 {
  width: 100%;
}

.text-wrap {
  display: inline-block;
  text-align: center;
  width: 98px;
  position: relative;
}

.text-wrap p {
  font-weight: 400;
  font-size: 16px;
  color: var(--blue);
  margin-top: 4px;
  line-height: 1.18;
}

.text-wrap p .steptitle {
  font-weight: bold;
  color: #101828;
  display: block;
}

.text-wrap.active p {
  transition: 400ms ease;
}

.circle {
  background-color: var(--white);
  border: 4px solid var(--white);
  color: var(--blue);
  font-weight: 700;
  border-radius: 50%;
  height: 50px;
  width: 50px;
  position: relative; /* Position the child element */
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 400ms ease;
  font-size: 18px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.circle .icon {
  display: none;
}

.text-wrap.active div.circle {
  border-color: var(--blue);
  color: var(--blue);
}

.text-wrap.done div.circle {
  background-color: var(--blue);
  border-color: var(--blue);
  color: var(--white);
}

.user-process .text-wrap.done div.circle.granted {
  border-color: var(--green);
  background-color: var(--green);
}
.user-process .text-wrap.done div.circle.rejected {
  border-color: var(--red);
  background-color: var(--red);
}

.user-process .user-document-list {
  padding-bottom: 26px;
}
.user-process .doclist {
  border-radius: 0;
}



.text-wrap.done div.circle span {
  display: none;
}
.text-wrap.done div.circle .icon {
  font-size: 13px;
  display: inline-block;
}

.process .page-title h1 {
  font-weight: 600;
  color: var(--blue);
  margin-bottom: 10px;
}
.process .page-title p {
  font-size: 20px;
}

.country-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-bottom: 50px;
}
.country {
  width: 100%;
  max-width: 220px;
  background-color: var(--white);
  border-radius: 12px;
  border: solid 1px #b6b3e5;
  margin: 0 10px;
  min-height: 240px;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease-out;
  overflow: hidden;
}
.country-img {
  text-align: center;
  width: 100%;
}
.country-img > img {
  height: 138px;
  object-fit: cover;
}
.country-img .flag {
  width: 49px;
  height: 35px;
  background-color: var(--white);
  box-shadow: 0 2px 4px rgba(10, 13, 18, 0.2);
  padding: 6px;
  border-radius: 2px;
  margin: -15px auto 0;
  position: relative;
}
.country img {
  width: 100%;
}
.country h4 {
  color: var(--dark2);
  font-weight: 500;
}

.country:hover,
.country.active {
  background-color: #edecf9;
}

.btn-wrap {
  align-items: center;
}
.btn-wrap.center {
  text-align: center;
}
.form-btn {
  display: flex;
  justify-content: space-between;
}
.form-btn .btn {
  width: 100%;
  max-width: 210px;
}
.process .btn-theme {
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
}
.disable {
  opacity: 0.2;
}

.modal-backdrop {
  background-color: rgba(37, 33, 97, 1);
}
.modal-backdrop.show {
  opacity: 0.2;
}
.modal-dialog {
  max-width: 480px;
  width: 98%;
  margin: 0 auto;
}
#news-form-html,
#newsModal .modal-dialog {
  max-width: 950px;
  padding: 0 20px;
}
#news-form-html .modal-content {
  margin-top: 35px;
}
.modal-header {
  padding: 0;
  border: none;
  justify-content: center;
}
.modal-content {
  border: none;
  border-radius: 12px;
  padding: 24px;
}
.modal-content .modal-title h4 {
  color: var(--dark2);
  text-align: center;
}
.modal-body {
  padding: 0;
}
.register .modal-body p {
  text-align: center;
  font-size: 14px;
}
.login-form.register-form {
  margin-top: 20px;
}
.login-form .btn-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.login-form .btn-wrap .btn {
  width: 48%;
}
.gj-datepicker .right-icon {
  display: none;
}
.date .gj-datepicker .btn {
  display: none;
}
.gj-icon.chevron-right {
  content: ">";
}

.mid-con {
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
}

.document {
  background-color: var(--white);
  border-radius: 12px;
  padding: 12px 15px;
  border: solid 1px #b6b3e5;
  margin-bottom: 12px;
}
.document .info-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: left;
}
.document .info-top .info-left .doc-name {
  font-size: 16px;
  color: var(--black);
  display: block;
}
.document .info-left {
  display: flex;
  align-items: flex-start;
}
.document .info-top .info-left .icon {
  font-size: 22px;
  color: var(--blue);
  margin-right: 12px;
}
.document .info-left .icon-img {
  width: 33px;
}
.document .info-left .icon-img img {
  width: 20px;
}
.document .info-top .info-left .doc-title p {
  font-size: 12px;
  margin-bottom: 0;
  color: var(--black);
  opacity: 0.67;
  padding-right: 10px;
}
.document .info-right .upload {
  width: 100px;
  height: 40px;
  border-radius: 6px;
  background-color: #edecf9;
  border: solid 1px #b6b3e5;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #252161;
  font-size: 14px;
  cursor: pointer;
}

.add-news .upload-image,
.more-document .upload-image {
  width: 100%;
  height: 80px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: dashed 1px #D0D5DD;
  background-color: #F9F9FA;
  font-size: 14px;
  color: var(--blue);
  position: relative;
  cursor: pointer;
}
.more-document {
  margin-bottom: 15px;
}
.more-document .upload-image {
  background-color: var(--white);
  border: dashed 1px #b6b3e5;
  flex-wrap: wrap;
  height: auto;
  padding: 10px 10px;
}
.doclist {
  border-radius: 12px;
  overflow: hidden;
}
.doclist thead tr th {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  border-bottom: none;
  padding: 5px 8px;
  vertical-align: middle;
}
.user-document-list .table {
  margin-bottom: 0;
}
.user-document-list .table tr {
  background-color: var(--white);
}
.user-document-list .table tr:nth-child(even) {
  background-color: #f8f8fd;
}
.user-document-list .table tr td {
  font-size: 14px;
  padding: 10px 5px;
  vertical-align: middle;
}
.user-document-list .table tr td:last-child .group {
  margin-left: auto;
}
.user-document-list .table tr td:nth-child(4) {
  width: 88px;
}
.user-document-list .table tr td:nth-child(5) {
  width: 130px;
  text-align: right;
}
.doclist thead tr th {
  background-color: #ebecf0;
}
.doclist thead tr th:nth-child(4),
.doclist thead tr th:nth-child(5),
.doclist tbody tr td:nth-child(5){
text-align: center !important;
}
.doclist thead tr th:nth-child(6) {
  text-align: right;
}

.user-document-list .table tr td.check {
  width: 30px;
  padding: 0 10px 0 20px;
}
.user-document-list .group,
.tab-visaType .group {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 85px;
}
.user-document-list .group a .icon,
.tab-visaType .group a .icon {
  color: var(--blue);
  transition: all 0.3s ease-out;
}
.user-document-list .group a:hover .icon,
.tab-visaType .group a:hover .icon {
  color: var(--purple);
}
.user-document-list .group .doc-edit {
  margin: 0 10px;
}

.user-document-list .table-action {
  margin-top: 15px;
}
.user-document-list .table tr td .group a .icon,
.doc-reject {
  color: #667085;
}
.document-add .doc-reject .icon-close {
  font-size: 12px;
}
.user-document-list .table tr td .group a:hover .icon {
  color: var(--blue);
}
#document-tab-pane .group .icon-check,
#document-tab-pane .group .icon-close {
  font-size: 11px;
}



.add-news .upload-image input[type=file],
.more-document .upload-image input[type=file] {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.add-news .upload-image .icon {
  width: 16px;
  margin-right: 12px;
}
.more-document .upload-image span {
  width: 100%;
  text-align: center;
}

.more-document .upload-image .icon-con {
  width: 40px;
  height: 40px;
  background-color: #edecf9;
  border: solid 1px #b6b3e5;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: 10px;
}

.document .info-right .icon-down {
  font-size: 7px;
}
.document .info-right a {
  color: #667085;
}
.document .info-right a.down-arrow {
  padding: 0 5px;
  display: block;
  transition: all 0.3s ease-out;
}
.document .info-right .doc-send {
  align-items: center;
}
.document .info-right .doc-send .action-btn{
  margin-right: 9px;
  margin-left: 0;
}
.document.open .info-right a.down-arrow .icon {
  transform: rotate(180deg);
  display: inline-block;
  transform-origin: center 2px;
}
.document .info-top .info-right .upload img,
.document .info-top .info-right .upload .icon-send,
.document .info-btm .info-right .upload img {
  margin-right: 7px;
}
.document .info-top .info-right .doc-send .upload {
  width: auto;
  padding: 0 10px;
}
.document .info-btm,
.document .info-btm-preview {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: solid 1px #b6b3e5;
  padding-top: 12px;
  margin-top: 12px;
  font-size: 16px;
  color: var(--black);
  font-weight: 400;
  flex-wrap: wrap;
  height: 0;
  opacity: 0;
  visibility: hidden;
}
.document .info-btm-preview {
  border-top: none;
  border-bottom: solid 1px #b6b3e5;
}
.document .info-btm .doc-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
  margin-bottom: 10px;
  margin-top: 10px;
}
.document .info-btm .doc-item:first-child {
  margin-top: 0;
}
.document .info-btm .doc-item:last-child {
  margin-bottom: 0;
}
.document .info-btm input {
  display: none;
}

.document .info-btm .info-left {
  align-items: center;
  width: 95%;
}
.document .info-btm .info-left .file-item {
  text-align: left;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.document .info-btm .icon-cancel {
  border: none;
  outline: none;
  padding: 0;
  background-color: transparent;
  color: #aaaaaa;
}
.document .info-btm .icon-pdf {
  font-size: 28px;
  color: #e5252a;
  margin-right: 11px;
}
.document.open .info-btm {
  height: 100%;
  opacity: 1;
  visibility: visible;
}

.document.open .info-btm .document-preview {
  width: 100%;
  border-bottom: solid 1px #b6b3e5;
  margin-bottom: 0;
}
.document-upload-input {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.document-upload-input .upload-image {
  height: 48px;
  width: 60%;
}
.document-upload-input .field-upload {
  max-width:300px;
  position: relative;
  display: flex;
  align-items: center;
}
.document-upload-input .field-upload label {
  width: auto;
}

#dashboardTabContent{
  margin-bottom: 20px;
}

.info-btm.info-btm-toggle {
  display: flex !important;
  margin-bottom: 10px;
  opacity: 1;
  visibility: visible;
  height: auto;
}

.nameadd {
  margin-bottom: 35px;
  border-bottom: solid 1px #b6b3e5;
  padding: 20px 0 0;
  position: relative;
}
.nameadd .swiper-wrapper {
  align-items: flex-end;
}
.nameadd .swiper-slide {
  width: auto;
  padding: 12px 0;
  line-height: 1;
  font-size: 14px;
  font-weight: 500;
  position: relative;
  margin-right: 30px;
}
.nameadd .swiper-slide .item-name {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.nameadd .swiper-slide .item-name .edit-delete {
  margin-left: 10px;
}
.nameadd .swiper-slide .item-name .edit-delete .icon {
  margin: 0 5px;
}
.nameadd .slider-nav .btn {
  border: none;
}
.nameadd .slider-nav .btn:after {
  display: none;
}

.nameadd .swiper-slide.swiper-slide-active {
  color: var(--blue);
}

.nameadd .swiper-slide.swiper-slide-active:after {
  content: "";
  width: 100%;
  height: 3px;
  background-color: var(--purple);
  border-radius: 4px 4px 0 0;
  position: absolute;
  left: 0;
  bottom: 0;
  overflow: hidden;
}
.nameadd .swiper-slide .add-member {
  cursor: pointer;
  position: relative;
}
.nameadd .swiper-slide .add-member .icon {
  font-size: 21px;
  color: var(--purple);
  position: absolute;
  left: 0;
  bottom: -7px;
}

.nameadd .swiper-scrollbar {
  position: absolute;
  bottom: -10px;
}

.namelist,
.name-item,
.name-item .info-hide,
.name-item .info-hide .edit-delete {
  display: flex;
  align-items: center;
}
.namelist {
  overflow: hidden;
  width: 100%;
}
.name-item {
  font-size: 14px;
  font-weight: 500;
  margin-right: 20px;
  padding: 12px 0;
  width: auto;
  cursor: pointer;
  position: relative;
  transition: all 0.3s ease-out;
}
.name-item:after {
  content: "";
  width: 100%;
  height: 3px;
  background-color: var(--purple);
  border-radius: 4px 4px 0 0;
  position: absolute;
  left: 0;
  bottom: 0;
  overflow: hidden;
  opacity: 0;
}

.name-item .firstname {
  white-space: nowrap;
}

.name-item .info-hide {
  opacity: 0;
  visibility: hidden;
  display: none;
  margin-left: 5px;
}

.name-item.active {
  width: auto;
}
.name-item.active:after {
  opacity: 1;
}
.name-item.active .info-hide {
  display: flex;
  opacity: 1;
  visibility: visible;
}

.contentX .mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-bottom: 0;
}
.contentX .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  height: 9px;
  bottom: 0;
  opacity: 0;
}
.nameadd .contentX {
  padding-right: 30px;
}

.info-hide .edit-delete,
.info-hide .edit-delete .icon {
  margin-left: 5px;
}

.nameadd .add-member {
  position: absolute;
  right: 0;
  top: auto;
  bottom: 10px;
  z-index: 1;
  cursor: pointer;
}

.digital-conf .field {
  text-align: left;
}
.digital-conf .field label {
  font-size: 16px;
  color: #253858;
}
.digital-conf .field .check {
  width: 32px;
  height: 32px;
}
.payment {
  text-align: left;
}
.payment h2 {
  color: var(--blue);
}
.dash .nav-tabs {
  border: none;
  height: 65px;
  align-items: center;
  flex-wrap: nowrap;
  min-width: 480px;
}
.dash.multipal .nav-tabs {
  height: 51px;
}
.dash .nav-tabs .nav-item {
  height: 100%;
  display: flex;
  align-items: center;
  border: none;
  margin-right: 22px;
}
.dash .nav-tabs .nav-item .nav-link {
  border: none;
  font-size: 14px;
  color: var(--blue);
  position: relative;
  height: 100%;
  padding: 0;
  transition: all 0.3s ease-out;
}

.dash.multipal .nav-tabs .nav-item .nav-link {
  background-color: transparent;
}

.dash .nav-tabs .nav-item .nav-link .icon {
  font-size: 18px;
  margin-right: 7px;
  color: var(--purple);
}
.dash .nav-tabs .nav-item .nav-link:after {
  content: "";
  position: absolute;
  left: 50%;
  right: 50%;
  bottom: 0;
  height: 3px;
  background-color: var(--purple);
  border-radius: 4px 4px 0 0;
  opacity: 0;
  transition: all 0.3s ease-out;
  width: 0px;
}
.dash .nav-tabs .nav-item .nav-link.active:after {
  opacity: 1;
  left: 9px;
  right: 9px;
  width: auto;
}
.dash-info .tab-dashboard {
  padding-top: 30px;
}

.dash-info .tab-dash {
  padding: 28px 0 0;
}
.dash-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}
.dash-box {
  background-color: var(--white);
  border-radius: 5px;
  min-height: 134px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: calc(20% - 14px);
  box-shadow: 0px 2px 8px rgba(138, 153, 179, 0.5);
  padding: 18px 22px;
  margin-bottom: 14px;
  text-decoration: none;
}
.dash-box .dash-count {
  width: 100%;
}
.dash-box .dash-count span {
  font-size: 36px;
  font-weight: 700;
  color: #253858;
}
.dash-box .dash-count span.f24 {
  font-size: 24px;
}
.dash-box .dash-count p {
  font-size: 12px;
  color: #8a99b3;
  font-style: italic;
  line-height: 1.16;
  margin-bottom: 0;
}

.tab-visa .table {
  color: #253858;
  font-size: 14px;
}
.tab-visa .table thead {
  background-color: #ebecf0;
}
.tab-visa .table thead th {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  border-bottom: none;
  padding: 5px 8px;
  vertical-align: middle;
  position: relative;
}
.tab-visa.tab-news .table thead th {
  padding: 11px 10px;
}
.tab-visa .table thead th .sorter {
 position: relative;
 cursor: pointer;
}

.tab-visa .table thead th .sorter .icon {
  font-size: 6px;
  position: absolute;
  right: -15px;
  top: 2px;
}

.tab-visa .table tbody tr td:first-child {
  padding-left: 20px;
}
.tab-visa .table tbody tr td {
  padding: 16px 8px;
}
.tab-visa .table tbody tr {
  border-color: transparent;
  border-bottom: dashed 1px #ebebeb;
}
.tab-visa .table tbody tr td {
  box-shadow: none;
  border-style: none;
  font-weight: 500;
  position: relative;
  word-break: break-word;
}
.tab-visa .table tbody tr td strong {
  font-weight: 700;
}
.tab-visa .table tbody tr td .icon-person-add {
  width: 26px;
  height: 26px;
  background-color: var(--white);
  border: dashed 1px #b6b3e5;
  border-radius: 26px;
  font-size: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tab-visa .table tbody tr td button {
  background-color: transparent;
  border: none;
  outline: none;
}
.tab-visa .table tbody tr td .more-app {
  border: none;
  outline: none;
  background-color: transparent;
  position: absolute;
  left: 0px;
  top: 20px;
}
.tab-visa .table tbody tr td .more-app.open  {
transform: rotate(180deg);
}
.tab-visa .table tbody tr td .group {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.tab-visa .table tbody tr td .action-btn,
.actionlink {
  width: 26px;
  height: 26px;
  border-radius: 26px;
  background-color: #edecf9;
  border: solid 1px #b6b3e5;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
}

.tab-visa .table tbody tr td .action-btn{
  width: 24px;
  height: 24px;
  background-color: var(--white);
  font-size: 8px;
  margin-right: 8px;
  transition: all 0.3s ease-out;
}
.tab-visa .table tbody tr td .action-btn.tick.approved,
.doc-action .action-btn.approved {
  background-color: #36b37e;
  color: #edecf9;
}
.tab-visa .table tbody tr td .action-btn.arrow:hover {
  background-color: var(--blue);
}

.tab-visa .table tbody tr td .action-btn.arrow:hover i {
  color: var(--white);
}
.tab-visa .table tbody tr td .icon-pdf {
  font-size: 20px;
  color: #e5252a;
  transition: all 0.3s ease-out;
}
.tab-visa .table tbody tr td .icon-pdf:hover {
  color: var(--blue);
}
.tab-visa .table tbody tr td .group .pdf {
  margin-right: 15px;
}
.tab-visa .table tbody tr > td:nth-child(1) { width: 12%; }
.tab-visa .table tbody tr > td:nth-child(2) { width: 11%; }
.tab-visa .table tbody tr > td:nth-child(3) { width: 10%; }
.tab-visa .table tbody tr > td:nth-child(4) { width: 10%; }
.tab-visa .table tbody tr > td:nth-child(5) { width: 9%;}
.tab-visa .table tbody tr > td:nth-child(6) { width: 8%; }
.tab-visa .table tbody tr > td:nth-child(7) {  width: 9%;}
.tab-visa .table tbody tr > td:nth-child(8) {  width: 9%; }
.tab-visa .table tbody tr > td:nth-child(9) {  width: 10%; min-width: 120px;}
.tab-visa .table tbody tr > td:nth-child(10) {  width: 10%;}
.table.table-nested { margin-bottom: 0;}
.table.table-nested tbody tr td { width: auto;}

.tab-staff .table tbody tr > td:nth-child(1) { width: 20%;}
.tab-staff .table tbody tr > td:nth-child(2) { width: 15%;}
.tab-staff .table tbody tr > td:nth-child(3)  { width: 22%;}
.tab-staff .table tbody tr > td:nth-child(4)  { width: 10%;}
.tab-staff .table tbody tr > td:nth-child(5)  { width: 13%;}
.tab-staff .table tbody tr > td:nth-child(6)  { width: 12%;}
.tab-staff .table tbody tr > td:nth-child(7)  { width: 8%;}

.tab-discount .table tbody tr > td:nth-child(1) { width: 15%;}
.tab-discount .table tbody tr > td:nth-child(2) { width: 15%;}
.tab-discount .table tbody tr > td:nth-child(3)  { width: 12%;}
.tab-discount .table tbody tr > td:nth-child(4)  { width: 12%;}
.tab-discount .table tbody tr > td:nth-child(5)  { width: 10%;}
.tab-discount .table tbody tr > td:nth-child(6)  { width: 14%;}
.tab-discount .table tbody tr > td:nth-child(7)  { width: 13%;}
.tab-discount .table tbody tr > td:nth-child(8)  { width: 10%;}

.tab-visa.tab-news .table tbody tr > td:nth-child(1) { width: 12%; min-width: 120px;}
.tab-visa.tab-news .table tbody tr > td:nth-child(2) { width: 15%;}
.tab-visa.tab-news .table tbody tr > td:nth-child(3) { width: 30%;}
.tab-visa.tab-news .table tbody tr > td:nth-child(4) { width: 10%; min-width: 120px;}
.tab-visa.tab-news .table tbody tr > td:nth-child(5) { width: 12%;}
.tab-visa.tab-news .table tbody tr > td:nth-child(6) { width: 10%; min-width: 120px;}
.tab-visa.tab-news .table tbody tr > td:nth-child(7) { width: 8%;}

.table tbody tr > td:nth-child(8) {
  width: 140px;
}

.table tbody tr > td:nth-child(9) {
  width: 123px;
}

.table tbody tr > td:nth-child(10) {
  width: 126px;
}

.tab-visa .table tbody tr td.hiddenRow {
  padding: 16px 0;
}
.tab-visa.tab-discount .table tbody tr td:last-child {
  width: 90px;
}

.team-change {
  width: 250px;
  background-color: var(--white);
  position: absolute;
  left: 0;
  top: 44px;
  z-index: 1;
  border-radius: 8px;
}
.team-change .select2,
.team-change .select2-container {
  width: 100% !important;
}

.team-change .select2-container .select2-selection--single {
  height: 44px;
  border: none;
  padding-left: 15px;
}
.team-change .select2-container--open .select2-dropdown--below {
  border: none;
}
.team-change .select2-results__options:hover,
.team-change .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #F9FAFB;
  color: #101828;
}
.team-change .select2-results__options .select2-results__option {
  padding: 13.5px 15px;
}


.tab-visa.tab-news .table tbody tr td .group,
.tab-visa.tab-staff .table tbody tr td .group,
.tab-visa.tab-discount .table tbody tr td .group  {
  width: auto;
}
.tab-visa.tab-news .table tbody tr td .group a,
.tab-visa.tab-staff .table tbody tr td .group a,
.tab-visa.tab-discount .table tbody tr td .group a,
.table tbody tr td .group a{
  margin: 0 5px;
}
.tab-visa.tab-news .table tbody tr td .group .icon-delete,
.tab-visa.tab-news .table tbody tr td .group .icon-edit,
.tab-visa.tab-staff .table tbody tr td .group .icon-delete,
.tab-visa.tab-staff .table tbody tr td .group .icon-edit,
.tab-discount .table tbody tr td .group .icon-delete,
.tab-discount .table tbody tr td .group .icon-edit,
.table tbody tr td .group .icon-edit,
.table tbody tr td .group .icon-delete,
.table tbody tr td .group .icon-eye {
  color: #667085;
  transition: all 0.3s ease-out;
}
.tab-visa.tab-news .table tbody tr td .group .icon-delete:hover,
.tab-visa.tab-news .table tbody tr td .group .icon-edit:hover,
.tab-visa.tab-staff .table tbody tr td .group .icon-delete:hover,
.tab-visa.tab-staff .table tbody tr td .group .icon-edit:hover,
.tab-visa.tab-discount .table tbody tr td .group .icon-delete:hover,
.tab-visa.tab-discount .table tbody tr td .group .icon-edit:hover,
.table tbody tr td .group .icon-edit:hover,
.table tbody tr td .group .icon-delete:hover,
.table tbody tr td .group .icon-eye:hover   {
  color: var(--blue);
}

.tab-news {
  line-height: 1;
}
.tab-visa.tab-news .table tbody tr td:first-child {
  padding-left: 0;
}

.tab-news .news-thumb {
  width: 117px;
  border-radius: 4px;
}
.tab-news .news-desc p{
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;  
  overflow: hidden;
  line-height: 1;
  font-size: 14px;
}


.hiddenRow {
    padding: 0 !important;
}
.collapse.in {
  display: block;
}
.tab-content .tab-pane.tab-visa {
  min-width: 1024px;
  overflow: hidden;
  width: 100%;
}
.tab-content {
  overflow-x: auto;
}
.tab-content.no-scroll { overflow-x: inherit;}

.tab-pane .parent-row.open {
  background-color: #fff;
}


.tab-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.status {
  height: 24px;
  padding: 0 10px 0 20px;
  display: inline-flex;
  align-items: center;
  background-color: #ecfdf3;
  position: relative;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  border-radius: 24px;
}
.status:before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 6px;
  position: absolute;
  left: 7px;
  top: 50%;
  transform: translateY(-50%);
}
.status.approved,
.status.green {
  background-color: #ecfdf3;
  color: #027a48;
}
.status.approved:before,
.status.green:before {
  background-color: #12b76a;
}

.status.partially {
  background-color: #ffdd99;
  color: #332200;
}
.status.partially:before {
  background-color: #996600;
}

.status.denied,
.status.red {
  background-color: #fee6e9;
  color: #940516;
}
.status.denied:before,
.status.red:before {
  background-color: #ef0823;
}
.status.pending {
  background-color: #fdede7;
  color: #8e2e0b;
}
.status.pending:before {
  background-color: #f06a3a;
}
.status.error,
.status.yellow {
  background-color: #fff7e5;
  color: #996600;
}
.status.error:before,
.status.yellow:before {
  background-color: #ffaa00;
}
.status.normal {
  height: auto;
  background-color: transparent;
  padding: 0;
  color: #253858;
}

.more-app {
  margin: 0;
  font-size: 6px;
  position: absolute;
  left: -8px;
  top: 19px;
}

.user-items {
  position: relative;
  background-color: var(--white);
  border-radius: 12px;
  box-shadow: 0 20px 24px rgba(10, 13, 18, 0.08);
  margin-bottom: 30px;
}
.user-items:before,
.appdetail .app-info-con:before {
  content: "";
  width: 100%;
  height: 6px;
  border-radius: 3px;
  background: #6e67cb;
  background: linear-gradient(
    90deg,
    rgba(110, 103, 203, 1) 0%,
    rgba(237, 236, 249, 1) 65%,
    rgba(237, 236, 249, 1) 100%
  );
  position: absolute;
  left: 0;
  top: 0;
}
.user-items.visa-granted:before {
  background: var(--green);
  background: linear-gradient(
    90deg,
    rgba(54, 179, 126, 1) 0%,
    rgba(237, 236, 249, 1) 65%,
    rgba(237, 236, 249, 1) 100%
  );
}

.user-items.visa-rejected:before {
  background: var(--red);
  background: linear-gradient(
    90deg,
    rgba(229, 37, 42, 1) 0%,
    rgba(237, 236, 249, 1) 65%,
    rgba(237, 236, 249, 1) 100%
  );
}
.user-items.visa-pending:before {
  background: var(--yellow);
  background: linear-gradient(
    90deg,
    rgba(255, 171, 0, 1) 0%,
    rgba(237, 236, 249, 1) 65%,
    rgba(237, 236, 249, 1) 100%
  );
}

.user-items .useritem {
  position: relative;
}
.user-items .useritem:after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #6e67cb;
  background: linear-gradient(
    90deg,
    rgba(110, 103, 203, 1) 0%,
    rgba(237, 236, 249, 1) 65%,
    rgba(237, 236, 249, 1) 100%
  );
}
.user-items .useritem:last-child:after {
  display: none;
}
.user-items .useritem .item-con {
  padding: 36px 27px;
  display: flex;
  align-items: center;
  position: relative;
}

.icon-visa-granted {
  color: var(--green);
}

.user-items .useritem .item-con .icon-visa-granted,
.user-items .useritem .granted-img,
.user-items .useritem .rejected-img {
  font-size: 56px;
  position: absolute;
  right: 40px;
  top: 21px;
}
.user-items .useritem .rejected-img {
  top: 12px;
}

.useritem .down-arrow {
  width: 26px;
  height: 26px;
  border-radius: 26px;
  border: solid 1px #b6b3e5;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #edecf9;
  cursor: pointer;
  margin-right: 15px;
}
.useritem .down-arrow.notification {
  background-color: #F06A3A;
  border-color: var(--orange);
}
.useritem .down-arrow.notification .icon {
  color: var(--white);
}
.useritem .down-arrow .icon {
  font-size: 6px;
  color: var(--blue);
  transition: all 0.3s ease-out;
}
.useritem .down-arrow.up .icon {
  transform: rotate(180deg);
}

.user-items.open .user-process {
  display: flex;
}

.useritem h2,
.user-add h2 {
  margin-bottom: 0;
  font-weight: 400;
  color: var(--blue);
  display: flex;
  align-items: center;
}
.useritem h2 {
  width: 75%;
}
.relation {
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  background-color: #fbdbd0;
  border-radius: 8px;
  min-width: 80px;
  padding: 0 10px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 20px;
}

.useradd-wrap {
  margin-top: 20px;
}

.user-add {
  border-radius: 12px;
  border: dashed 1px #928dd8;
  width: 100%;
  height: 114px;
  display: flex;
  align-items: center;
  padding: 0 27px;
  background-color: transparent;
}
.useradd-wrap .user-add {
  height: 58px;
}
.user-add .icon {
  font-size: 18px;
  color: var(--purple);
  margin-right: 15px;
}
.user-process {
  padding: 10px 40px 0 68px;
}
.user-process .steps {
  max-width: none;
}
.user-process .progress-inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}
.user-process .progress-inner .text-wrap:first-child .circle {
  left: 12px;
}
.user-process .progress-inner .text-wrap:last-child .circle {
  left: 75%;
  transform:inherit;
}

.user-process .steps .text-wrap .circle {
  width: 27px;
  height: 27px;
  border: solid 1px #dbd9f2;
}
.user-process .text-wrap.done div.circle {
  border: solid 1px var(--blue);
}
.user-process .text-wrap.done div.circle .icon {
  font-size: 9px;
}
.user-process .progress-container::before,
.user-process .progress {
  top: 15px;
  max-width: 100%;
}


/* .user-process .text-wrap {
  width: auto;
} */
.user-process .text-wrap p {
  font-size: 14px;
  margin-top: 10px;
}
.user-process .text-wrap p.left {
  text-align: left;
}
.user-process .text-wrap p.right {
  text-align: right;
}
.user-process .text-wrap.active div.circle {
  background-color: #edecf9;
}
.user-process .progress-container::before{
  left: 0;
  width: 100%;
}
.user-process .progress {
  left: 0;
}
.user-process .text-wrap p {
  color: #181d27;
}

.progress.progress_application_created { width: 0;}
.progress.progress_application_incomplete { width: 5%;}
.progress.progress_application_filled { width: 10%;}
.progress.progress_application_received { width: 21%;}
.progress.progress_application_in_review { width: 36%;}
.progress.progress_application_has_query { width: 50%;}
.progress.progress_application_resent { width: 57%;}
.progress.progress_application_verification { width: 64%;}
.progress.progress_application_verified { width: 70%;}
.progress.progress_application_issued { width: 74%;}
.progress.progress_application_submitted_for_visa { width: 80%;}
.progress.progress_application_rejected { width: 100%;}
.progress.progress_visa_granted { width: 100%;}

.progress-mob.progress_mob_application_created { height: 0;}
.progress-mob.progress_mob_application_incomplete { height: 5%;}
.progress-mob.progress_mob_application_filled { height: 10%;}
.progress-mob.progress_mob_application_received { height: 21%;}
.progress-mob.progress_mob_application_in_review { height: 36%;}
.progress-mob.progress_mob_application_has_query { height: 50%;}
.progress-mob.progress_mob_application_resent { height: 57%;}
.progress-mob.progress_mob_application_verification { height: 64%;}
.progress-mob.progress_mob_application_verified { height: 70%;}
.progress-mob.progress_mob_application_issued { height: 74%;}
.progress-mob.progress_mob_application_submitted_for_visa { height: 80%;}
.progress-mob.progress_mob_application_rejected { height: 100%;}
.progress-mob.progress_mob_visa_granted { height: 100%;}

.user-process .text-wrap .update-info,
.last-update .update-info {
  width: 100%;
  height: 36px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #edecf9;
  border: none;
  outline: none;
  font-size: 14px;
  font-weight: 600;
  color: var(--blue);
  margin-top: 15px;
}
.user-process .text-wrap .update-info.rejected {
  background-color: var(--blue);
  color: var(--white);
}
.user-process .spacer {
  min-height: 38px;
  width: 100%;
}

.user-process .progress-container {
  margin-bottom: 0;
}
.user-process .last-update {
  display: flex;
  justify-content: flex-end;
  padding-bottom: 26px;
}
.appdetail .col-lg-8 {
  width: 62.66%;
}
.appdetail .col-lg-4 {
  width: 37.30%;
}

.appdetail .last-update {
  width: 100%;
}
.user-process .last-update.with-error,
.user-process .last-update.with-review {
  justify-content: space-between;
  align-items: center;
}
.user-process .last-update p,
.appdetail .last-update p {
  color: #aaaaaa;
  font-size: 12px;
  font-weight: 500;
  font-style: italic;
  margin-bottom: 0;
  width: 33%;
  text-align: right;
}
.appdetail .last-update p {
  display: flex;
  width: 100%;
  justify-content: flex-end;
}
.user-process .last-update p span,
.appdetail .last-update p span {
  color: #181d27;
}
.appdetail .last-update p span {
  margin-left: 5px;
}

.last-update .error {
  display: flex;
  align-items: center;
}
.last-update .error .update-info {
  width: auto;
  margin-top: 0;
  height: 24px;
  padding: 0 12px;
}

.last-update .error .error-message {
  font-style: italic;
  font-weight: 500;
  color: var(--blue);
  margin: 0 10px;
}

.with-review .review-info {
  font-size: 14px;
  font-weight: 500;
  width: 65%;
  color: var(--blue);
}
.rev-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
.rev-btn a {
  width: 40px;
  height: 40px;
  border-radius: 40px;
  background-color: var(--white);
  border: solid 1px #b6b3e5;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 5px;
  transition: all 0.3s ease-out;
}
.rev-btn a:hover {
  background-color: #edecf9;
}
.rev-btn a .icon {
  color: var(--blue);
  font-size: 14px;
}

.swiper-nav {
  position: absolute;
  left: 0;
  top: 10px;
  width: 100%;
}

.swiper-nav .swiper-button-next .icon,
.swiper-nav .swiper-button-prev .icon {
  color: var(--dark2);
}

.swiper-nav .swiper-button-next:after,
.swiper-nav .swiper-button-prev:after {
  display: none;
}
.swiper-nav .swiper-button-next {
  right: -5px;
}
.swiper-nav .swiper-button-prev {
  left: -5px;
}

.confirmation .useritem .down-arrow {
  cursor: default;
}
.confirmation .useritem .item-con .item-img {
  top: 50%;
  transform: translateY(-50%);
}

.confirmation .btn-wrap {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.confirmation .btn-wrap a,
.confirmation .btn-wrap button {
  display: inline-flex;
  margin: 0 5px;
  width: 100%;
  max-width: 210px;
}

.confirmation .btn-wrap a.btn-back {
  background-color: var(--white);
}

.confirmation .user-items {
  margin-bottom: 10px;
}
.confirmation .user-items:before {
  display: none;
}
.confirmation .user-items .useritem .item-con {
  padding: 15px 27px;
}
.confirmation .user-items .useritem .item-con .icon-cancel {
  border: none;
  outline: none;
  background-color: transparent;
  color: #aaaaaa;
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
}

.payment-section {
  margin-top: 30px;
}

.payment-method {
  border-radius: 12px 12px;
  box-shadow: 0 20px 24px rgba(10, 13, 18, 0.08);
  background-color: var(--white);
  overflow: hidden;
}
.payment-method .page-title {
  border-bottom: solid 1px #dbd9f2;
  padding: 0 34px;
  min-height: 85px;
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
.payment-method .page-title h1,
.payment-method .page-title .h1 {
  font-size: 18px;
  color: var(--blue);
  font-weight: 500;
  line-height: 1;
}
.payment-method .page-title .h1 span {
  font-size: 13px;
  font-weight: 400;
  display: block;
  width: 100%;
  margin-top: 5px;
}
.select-payment,
.application-info {
  padding: 0 0 0 34px;
}
.application-info {
  padding: 15px 0;
}
.radio-field {
  padding: 30px 0;
  border-bottom: dashed 1px #dbd9f2;
}
.radio-field .field-row {
  display: flex;
  align-items: center;
}
.field-name {
  display: flex;
}

.radio-field .radiolabel {
  padding-left: 40px;
  position: relative;
}
.radio-field .radiolabel .info-left,
.radio-field .radiolabel .info-right {
  display: flex;
  align-items: center;
}
.radio-field .radiolabel .info-right .btn-theme {
  height: 44px;
}
.radio-field .radiolabel .info-right .paid {
  height: 44px;
  background-color: #ecfdf3;
  font-size: 12px;
  color: #027a48;
  width: 53px;
}
.radio-field .radiolabel .info-right .paid .dot {
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background-color: #12b76a;
  margin-right: 6px;
}

.radio-field .radiolabel .info-right .paid {
  height: 24px;
  padding: 0 7px;
  display: flex;
  align-items: center;
  width: 53px;
}

.radio-field:last-child {
  border-bottom: none;
}
.radio-field .radio-input {
  width: 40px;
  position: relative;
}
.radio-field .radiolabel:before,
.radio-field .radiolabel:after {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 20px;
  position: absolute;
  left: 0;
  top: 10px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.radio-field .radiolabel:before {
  border: solid 2px var(--blue);
}
.radio-field .radiolabel:after {
  width: 10px;
  height: 10px;
  background-color: var(--blue);
  left: 5px;
  top: 15px;
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.radio-field .radiobtn {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}

.radio-field .radiobtn[type="radio"]:checked + label:after {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.radio-field .radiolabel {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: calc(100% - 50px);
  line-height: 1;
  justify-content: space-between;
}
.radio-field .radiolabel .icon-img {
  margin-right: 12px;
}
.radio-field .radiolabel h3 {
  font-size: 18px;
  color: var(--blue);
  width: calc(100% - 50px);
  font-weight: 600;
  margin-bottom: 0;
  text-align: left;
}
.radio-field .radiolabel h3 span {
  font-size: 13px;
  font-weight: 400;
  display: block;
}

.application-info {
  padding: 15px 34px;
}
.application-info .inforow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 7px 0;
}
.application-info .inforow span {
  font-size: 13px;
  font-weight: 400;
  color: var(--blue);
}
.application-info .inforow span.info-value {
  font-weight: 500;
}

.discount-code {
  position: relative;
  width: 100%;
  padding: 0 34px;
}
.discount-code:before {
  content: "";
  border-top: solid 1px #dbd9f2;
  position: absolute;
  left: 0;
  top: 22px;
  width: 100%;
  z-index: 0;
}
.discount-code .codeinput {
  background-color: var(--white);
  border: solid 1px #dbd9f2;
  width: 100%;
  height: 47px;
  border-radius: 7px;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 6px 0 13px;
}
.applied-code {
   background-color: var(--white);
  border: solid 1px #dbd9f2;
  position: relative;
  border-radius: 7px;
  height: 47px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
}
.applied-code div {
  top: 0 !important;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.applied-code .bg-success {
  padding: 10px 15px;
  background-color: #ED6426 !important;
}
.applied-code .btn-danger {
  width: 24px;
  height: 24px;
  border-radius: 24px;
  background-color: #aaaaaa;
  border-color: #aaaaaa;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  padding: 0 0 2px;
  box-shadow: none;
}
.applied-code .btn-danger:hover,
.applied-code .btn-danger:focus {
  box-shadow: none;
}

.codeinput .input-field {
  background-color: transparent;
  border: none;
  outline: none;
  font-size: 13px;
  color: var(--blue);
  width: 70%;
}
.codeinput .codeapply {
  height: 34px;
  padding: 0 10px;
}
.total {
  background-color: var(--purple);
  font-size: 18px;
  font-weight: bold;
  color: var(--white);
  padding: 0 34px;
  min-height: 75px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.app-summary .submit-application {
  width: 100%;
  margin-top: 25px;
}
.field-detail {
  width: calc(100% - 50px);
  padding: 28px 0 0 44px;
  display: flex;
  align-items: flex-start;
}
.scanner-img {
  width: 26%;
}
.scanner-img .scantext {
  width: 100%;
  font-size: 13px;
  color: var(--blue);
  padding-top: 11px;
  display: block;
  text-align: center;
}
.qr-form {
  width: 68%;
  padding-left: 27px;
  text-align: left;
}
.qr-form .form-label {
  text-align: left;
}
.datepicker .chevron-left,
.datepicker .chevron-right {
  position: relative;
}
.datepicker .chevron-right:before,
.datepicker .chevron-left:before {
  content: "\e822";
  font-family: "sanvi-icons";
  font-size: 14px;
  color: var(--blue);
}
.datepicker .chevron-left:before {
  transform: rotate(180deg);
  position: absolute;
  top: 8px;
}
#code-error {
  font-size: 13px;
  text-align: left;
}
.datepicker-input .is-invalid {
  display: block;
  position: absolute;
}

.preloader {
  background-color: rgba(255, 255, 255, 0.8);
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.preloader-inside {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.preloader .loaderLogo,
.preloader-inside .loaderLogo {
  width: 52px;
  transform: rotateY(0deg);
  animation: rotateAnimation 3s linear infinite;
}
.preloader .loaderLogo img,
.preloader-inside .loaderLogo img {
  width: 100%;
}

.appdetail .topspace {
margin-top: 28px;  
}

.appdetail .app-info-con {
  background-color: var(--white);
  margin-top: 10px;
  border-radius: 3px 3px 12px 12px;
  position: relative;
   box-shadow: 0px 20px 24px -4px rgba(10,13,18,0.08);
-webkit-box-shadow: 0px 20px 24px -4px rgba(10,13,18,0.08);
-moz-box-shadow: 0px 20px 24px -4px rgba(10,13,18,0.08);
margin-bottom: 25px;
}
.app-info-con .app-name-info {
padding: 35px 22px 30px 52px;
  border-bottom: solid 1px #EBEBEB;
}

.app-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
   margin-bottom: 35px;
}
.appdetail .app-name-info h2 {
  position: relative;
  color: var(--blue);
  margin-bottom: 0;
}
.appdetail .app-name-info h2 .back {
  position: absolute;
  left: -32px;
  top: 0;
  background-color: transparent;
  border: none;
  outline: none;
}
.appdetail .app-name-info h2 .back .icon {
  transform: rotate(180deg);
  position: absolute;
  font-size: 18px;
  top: 2px;
  color: var(--blue);
}
.appdetail .detail-item {
  font-size: 14px;
  color: #253858;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 22px;
}


.appdetail .detail-item .detail-name {
  font-size: 13px;
  color: #667085;
  font-weight: 400;
  width: 100%;
  display: block;
  margin-bottom: 4px;
}

.appdetail .detail-item .detail-info.approved,
.appdetail .detail-item .detail-info.green {
  color: #027a48;
}
.appdetail .detail-item .detail-info.pending,
.appdetail .detail-item .detail-info.yellow {
  color: #ffaa00;
}
.appdetail .detail-item .detail-info.denied,
.appdetail .detail-item .detail-info.red {
  color: #ef0823;
}

.appdetail .document-info {
  padding: 20px 0 20px 52px;
}
.appdetail .document-info .title {
  margin-bottom: 20px;
  display: inline-block;
  width: 100%;
}
.appdetail .document-info .title h3 {
  margin-bottom: 0;
}
.document-wrap .doc-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  border-bottom: dashed 1px #EBEBEB;
  padding: 10px 25px 10px 0;
}
.document-wrap .doc-row:last-child {
  border-bottom: none;
}
.document-wrap .doc-row .doc-name {
  font-size: 16px;
  color: var(--black);
  display: flex;
  align-items: center;
  width: 38%;
}
.document-wrap .doc-row .doc-name .icon-img {
  margin-right: 10px;
}
.document-wrap .doc-row .doc-pdf {
  font-size: 14px;
  color: var(--black);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.document-wrap .doc-row .doc-pdf .relation {
height: 17px;
font-size: 12px;
min-width: 39px;
margin-left: 10px;
padding: 0 8px;
font-weight: 600;
color: var(--blue);
border-radius: 4px;
}
.document-wrap .doc-row .doc-pdf-wrap {
  width: 63%;
}
.document-wrap .doc-row .doc-pdf-wrap .doc-pdf-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.document-wrap .doc-row .doc-pdf-wrap .doc-pdf-row:last-child {
  margin-bottom: 0;
}
.document-wrap .doc-row .doc-pdf .icon {
  font-size: 20px;
  color: #e5252a;
  margin-right: 7px;
}

.doc-action {
  display: flex;
}

.doc-action .action-btn {
  outline: none;
   width: 24px;
  height: 24px;
  background-color: var(--white);
  font-size: 7px;
  margin: 0 3px;
  border-radius: 24px;
  border: solid 1px #B6B3E5;
  color: var(--blue);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-out;
}
.doc-action .action-btn:hover {
  background-color: var(--blue);
}
.doc-action .action-btn:hover .icon {
  color: var(--white);
}
.doc-action .action-btn.more {
  border: none;
  background-color: transparent;
}
.doc-action .action-btn.cancel {
  background-color: #E5252A;
  color: #EDECF9;
}
.doc-action .action-btn .icon {
  margin-top: 2px;
}

.tab-right {
  display: flex;
  align-items: center;
}
.tab-right .tab-search {
  width: 181px;
  height: 40px;
  border-radius: 6px;
  background-color: var(--white);
  border: solid 1px #DBD9F2;
  position: relative;
  margin-right: 32px;
}
.tab-right .tab-search input {
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  padding: 0 15px 0 33px;
  background-color: transparent;
  position: relative;
  font-size: 14px;
}
.search-icon {
  width: 14px;
  position: absolute;
  left: 15px;
  top: 12px;
  cursor: pointer;
  z-index: 1;
}

.tab-right .tab-search input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--blue);
}
.tab-right .tab-search input::-moz-placeholder { /* Firefox 19+ */
  color: var(--blue);
}
.tab-right .tab-search input:-ms-input-placeholder { /* IE 10+ */
  color: var(--blue);
}
.tab-right .tab-search input:-moz-placeholder { /* Firefox 18- */
  color: var(--blue);
}

.add-news p {
  text-align: center;
  font-size: 14px;
}
.add-news .btn-wrap {
  margin-bottom: 0;
}

.uploded-image .imgcon {
 width: 18px;
 position: absolute;
 right: -25px;
 top: 50%;
 transform: translateY(-50%);
}

.uploded-image .imgcon img {
  border-radius: 4px;
  width: 100%;
  overflow: hidden;
}

.uploded-image .delete-img {
  width: 17px;
  height: 17px;
  border: none;
  outline: none;
  background-color: #D9D9D9;
  border-radius: 17px;
  display: flex;
  align-items: center;
  justify-content: center;
  
}
.uploded-image .delete-img .icon {
  font-size: 8px;
  color: #253858;
}
.upload-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.upload-row .upload-wrap {
  width: 85%;
}
.upload-row .upload-wrap .field-upload .uploded-image .imgcon {
  position: relative;
  width: 100px;
  transform: translateY(0);
  right: auto;
  left: 0;
}
.upload-row .upload-wrap .field-upload .uploded-image .imgcon .delete-img {
  position: absolute;
  right: -5px;
  top: -5px;
}

.modal-content.shadow {
    box-shadow: 0px 20px 24px -4px rgba(10, 13, 18, 0.08);
    -webkit-box-shadow: 0px 20px 24px -4px rgba(10, 13, 18, 0.08);
    -moz-box-shadow: 0px 20px 24px -4px rgba(10,13,18,0.08);
}
.staff-sec .btn-row {
  padding-top: 50px;
}
.staff .modal-body p {
  font-size: 14px;
}


.toggle-button {
  position: relative;
  height: 100px;
  margin: 20px;
  background-color: #fff;
  box-shadow: 0 10px 20px -8px #c5d6d6;
  border-radius: 4px;
}

.toggle-button:before {
  counter-increment: button-counter;
  content: counter(button-counter);
  position: absolute;
  right: 0;
  bottom: 0;
  color: #d7e3e3;
  font-size: 12px;
  line-height: 1;
  padding: 5px;
}

.knob,
.btn-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 95%;
  height: 40px;
}


.btn.btn-pill,
.btn.btn-pill > .btn-bg {
  border-radius: 100px;
}

.btn.btn-rect {
  border-radius: 8px;
  width: 100px;
  background-color: var(--white);
  border: solid 1px #d0d5dd;
  border-radius: 8px;
  position: relative;
  box-shadow: 0 3px 7px rgba(16, 24, 40, 0.06);
}

.checkbox {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 3;
}

.knob {
  z-index: 2;
}

/* activeSwitch */
#activeSwitch .knob:before,
#activeSwitch .knob:after,
#activeSwitch .knob span {
  position: absolute;
  top: 2px;
  width: 40px;
  height: 32px;
  bottom: 2px;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  padding: 10px 4px;
  border-radius: 2px;
  transition: 0.3s ease all;
  border-radius: 8px;
}

#activeSwitch .knob:before,
#activeSwitch .knob:after {
  color: #4e4e4e;
  z-index: 1;
}

#activeSwitch .knob:before {
  content: "Active";
  left: 4px;
  color: var(--blue);
}

#activeSwitch .knob:after {
  content: "Inactive";
  right: 7px;
}

#activeSwitch .knob span {
  width: 40px;
  left: 2px;
  background-color: var(--body);
  z-index: 2;
}

#activeSwitch .checkbox:checked + .knob span {
  left: 46px;
  background-color: var(--blue);
  width: 50px;
}

#activeSwitch .checkbox:checked ~ .btn-bg {
  background-color: #fcebeb;
}


#discount-form-html .modal-body p { text-align: center;}
.chatfloating {
  width: 50px;
  height: 50px;
  background-color: var(--blue);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: var(--white);
  position: fixed;
  right: 10px;
  bottom: 20px;
  transform: scale(1);
  transition: all 0.3s ease-out;
  cursor: pointer;
  z-index: 1;
}
.chatfloating .icon { font-size: 20px;}
.chatfloating:hover {
  transform: scale(1.1);
}
.chatfloating .icon-chat.icon-close:before {
  content: "\e815";
}
.chat-sec .title-left .close { display: none;}
.chat-sec .chat-wrap { position: relative;}
.chat-wrap .uploadimage {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--white);
  z-index: 1;
}
.chat-wrap .uploadimage .imgcon {
  padding: 50px 50px;
  height: 85%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.chat-wrap .uploadimage .imgcon img {
  max-width: 100%;
  max-height: 80%;
}
.chat-wrap .uploadimage .uploadfield-wrap {
  position: absolute;
  left: 0;
  bottom: 0;
  border-top: solid 1px #EBEBEB;
  padding: 30px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--bg);
}
.uploadimage .uploadfield-wrap .add-caption {
  font-size: 14px;
  color: var(--body);
  border: none;
  outline: none;
  font-style: italic;
  background-color: transparent;
  width: 90%;
  padding: 10px 0;
}
.chat-wrap .uploadimage .imgcon .uploaddoc-close {
  position: absolute;
  left: 15px;
  top: 15px;
  background-color: transparent;
}
.chat-wrap .uploadimage .imgcon .uploaddoc-close .icon-close {
  color: var(--blue);
}
.chat-wrap .uploadimage .upload-send {
  background-color: transparent;
  font-size: 20px;
  color: var(--blue);
}
#uploadimage {
  display: none;
}
.chat-wrap .uploadimage.withdoc .docview {
  background-color: var(--gray);
  width: 100%;
  padding: 30px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
}
.chat-wrap .uploadimage.withdoc .docview .docview-con {
  width: 100%;
  text-align: center;
}
.chat-wrap .uploadimage.withdoc .docview .icon {
  font-size: 54px;
  color: var(--dark);
}
.chat-wrap .uploadimage.withdoc .docview .docname {
  font-size: 20px;
  color: var(--heading);
  margin-top: 20px;
}


.pending-dropdown .select2-container--default .select2-selection--single { border: none;}
.pending-dropdown .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 26px;
  padding: 0 25px 0 7px;
  font-size: 14px;
  height: 30px;
    font-size: 14px;
    font-weight: 500;
    color: #8E2E0B;
    background-color: #FDEDE7;
    border: solid 1px #F8B8A0;
    border-radius: 6px;
    text-decoration: none;
}
.pending-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow:after {
  right: 5px;
  top: 11px;
  color: #F06A3A;
}

.nosearch .select2-search--dropdown {
  display: none !important;
}
.name-wrap {
  position: relative;
  display: flex;
  align-items: center;
}
.app-name span,
.teamname strong {
  max-width: 110px;
   overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}
.doclist .docname span{
  position: relative;
   overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}
.doclist .docname span {
  max-width: 120px;
}

.application-active span {
  position: relative;
  padding-left: 10px;
}
.application-active span:after {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 6px;
  position: absolute;
  left: 0;
  top: 6px;
  position: absolute;
}
.application-active.done span:after {
background-color: var(--purple);
}
.application-active.denied span:after {
background-color: #EF0823;
}
.application-active.pending span:after {
background-color: #F06A3A;
}

.notification .name-wrap:after {
  content: "\e818";
   font-family: "sanvi-icons";
   color: var(--purple);
   font-size: 11px;
   display: inline-block;
    margin: -5px 0 0 5px;
}

.document-slider {
  margin-top: 50px;
}
.docSlider .swiper-slide .slider-img {
  position: relative;
}
.docSlider .swiper-slide img {
  width: 100%;
  border-radius: 12px;
}
.docSlider .slider-nav {
  margin-top: 15px;
}
.docSlider .slider-img {
  margin-bottom: 10px;
  cursor: pointer;
}
.docSlider .swiper-slide .slider-img .zoom {
  position: absolute;
  right: 5px;
  bottom: 5px;
  width: 30px;
  height: 30px;
  background-color: var(--blue);
  padding: 10px;
  color: var(--white);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transform: scale(1);
  transition: all 0.3s ease-out;
}
.docSlider .swiper-slide .slider-img .zoom:hover {
  transform: scale(1.2);
  background-color: var(--orange);
}
.docpopup {
  max-width: 860px;
  width: 90%;
}
.docpopup .modal-header .modal-title {
  text-align: center;
  width: 100%;
  margin-bottom: 20px;
}
.docpopup .btn-close {
  position: absolute;
  right: 10px;
  top: 10px;
  background-image: none;
  opacity: 1;
}
.docpopup .btn-close .icon {
   color: var(--blue);
}
.docpopup .modal-body .docImage {
  width: 100%;
  border-radius: 12px;
}

.tab-visaType .table tr th:last-child{
  text-align: center;
}
.tab-visaType .table tr td .group {
  margin: 0 auto;
}

.document-thumb {
    width: 100px;
    border-radius: 4px;
}
.dashboard-tab {
  border: none;
  margin-bottom: 20px;
}
.dashboard-tab li .nav-link {
  font-size: 18px;
  font-weight: 500;
  color: var(--heading);
  position: relative;
  border: none;
  padding: 0 0 10px;
  margin-right: 20px;
}
.dashboard-tab li .nav-link:after {
  content: "";
  width: 0%;
  height: 2px;
  background-color: var(--purple);
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  border-radius: 4px 4px 0 0;
  transition: all 0.3s ease-out;
}
.dashboard-tab li .nav-link.active {
  background-color: transparent;
  color: var(--purple);
}
.dashboard-tab li .nav-link.notification {
  margin-right: 30px;
}
.dashboard-tab li .nav-link.notification .icon {
  position: absolute;
  right: -15px;
  top: 0;
  color: #F06A3A;
  font-size: 14px;
}
.dashboard-tab li .nav-link.active:after {
  width: 100%;
}

#document-tab-pane .process-trip {
  margin-bottom: 10px;
}
.countrypage {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  background-color: #fff;
  padding: 30px;
  border-radius: 12px;
}
.countrypage .page-title h1 {
  text-align: center;
}
.countrypage .add-btn {
  margin-top: 26px;
}
.multiple .select2 {
  width: 100% !important;
}

.multiple .select2-selection--multiple {
  padding-top: 7px !important;
  padding-bottom: 13px !important;
  height: auto !important;
  min-height: 48px !important;
}
.document-add .table thead tr th:first-child,
.document-add .table tbody tr td:first-child {
  padding-left: 20px;
}
.document-add .table tbody tr td:nth-child(1),
.document-add .table tbody tr td:nth-child(2) {
  width: 40%;
}
.document-add .table thead tr th:last-child,
.document-add .table tbody tr td:nth-child(3) {
  text-align: center;
}
.countrypage .table .field {
  margin-bottom: 0;
}
.countrypage .document-add {
  width: 100%;
  min-width: 320px;
  overflow-x: auto;
}
.document-add .field .select2 {
  width: 150px !important;
}
.user-document-list.document-add .table tr td:last-child .group {
  justify-content: center;
}

.search-wrapp {
  position: relative;
}
.search-wrapp .icon-close {
  position: absolute;
  right: 36px;
  top: 12px;
  font-size: 12px;
  color: var(--blue);
  cursor: pointer;
}
.search-wrapp .search-input {
  background-color: #f9f9f9;
  border: solid 1px rgba(37, 33, 97, 0.3);
  padding: 10px 20px;
  border-radius: 8px;
  width: 250px;
  padding-right: 60px;
  font-size: 14px;
}
.search-wrapp .search-input:focus {
  outline: none;
}

.search-wrapp .appsearch {
  position: absolute;
  right: 8px;
  top: 8px;
  background-color: transparent;
}
.search-wrapp .appsearch .icon {
  font-size: 18px;
  color: var(--blue);
}
.tab-country_visa .table thead tr th:last-child {
  text-align: right;
}

#detailModal h3,
#detailModal .modal-section {
  margin-bottom: 15px;
}

#detailModal .modal-section ul:last-child {
  margin-bottom: 0;
}


.contactpage {
  background-color: #094162;
}
.contact-header {
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: solid 1px rgba(255, 255, 255, 0.15);
  padding: 15px 0;
}
.contact-header img {
  width: 150px;
}

.contact-sec {
  width: 100%;
  max-width: 1170px;
  margin: 0 auto;
  padding: 50px 20px;
}
.title-row {
  margin-bottom: 30px;
}
.title-row p {
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 500;
  color: #9ea9b3;
  letter-spacing: 3px;
  margin-bottom: 10px;
}
.title-row h1 {
  color: var(--white);
  font-weight: 700;
}
.visitor-img img {
  width: 100%;
  border-radius: 6px;
  overflow: hidden;
}

.contact-form {
  width: 100%;
  background-color: var(--white);
  padding: 20px;
  border-radius: 6px;
}
.contact-form .formwrap {
  display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
}
.contact-form .formwrap .field .subname { font-size: 13px;}
.contact-form .formwrap .field .require {
  color: var(--red);
}
.contact-form .formwrap .field textarea.input-field {
  height: 120px;
  resize: none;
}
.contact-form .formwrap .field.btn-wrap .btn {
  width: 100%;
  max-width: 200px;
}


@keyframes rotateAnimation {
  0% {
    transform: rotateY(0deg) rotateZ(0deg);
  }
  50% {
    transform: rotateY(180deg) rotateZ(5deg);
  }
  100% {
    transform: rotateY(360deg) rotateZ(0deg);
  }
}
@media only screen and (max-width: 1366px) {
.homeSlider .swiper-slide img {
  height: 22vw;
}
.numbering-box {
  min-height: 110px;
}
}


@media only screen and (max-width: 1024px) {
.dash-wrap {
  justify-content: flex-start;
}
.dash-box {
  width: calc(25% - 14px);
  margin: 7px;
}
.user-process .text-wrap p {
  font-size: 12px;
}
}

@media only screen and (max-width: 992px) {
  .country-wrap {
    flex-wrap: wrap;
    margin-bottom: 0;
  }
  .country {
    max-width: 25%;
    margin-bottom: 20px;
  }
  .footer {
    position: relative;
  }
  .appdetail .col-lg-8,
  .appdetail .col-lg-4 {
    width: 100%;
  }
  .user-add,
  .user-items {
    margin-bottom: 20px;
  }
  .process-trip {
    height: 105px;
  }
  .lets-start {
    margin-bottom: 20px;
  }
.dash-box {
  width: calc(33% - 14px);
  margin: 7px;
}
.step-chat {
  margin-top: 50px;
}
}

@media only screen and (max-width: 767px) {
  h1,
  .h1 {
    font-size: 30px;
  }
  h2, .h2 {
    font-size: 18px;
  }
  body,
  p {
    font-size: 14px;
  }
  .header {
    padding: 18px 20px;
    height: 70px;
    border-bottom: solid 1px #D9D9D9;
  }
  .header .logo img {
    height: 34px;
  }
  .header .logo-left {
    padding-left: 0;
  }
  .header .nav-right {
    padding-right: 0;
  }
.outer-con {
  padding: 10px;
}
.content-sec {
  padding-top: 70px;
}
.login {
  padding-top: 90px;
}
  .login-wrap {
    margin-top: 40px;
    padding: 0 30px;
  }
  .login-wrap .logo {
    display: none;
  }
  .login-form .login-register-btn .comn-btn {
    padding: 0;
  }
  .homeSlider .slider-copy h2 {
    margin-bottom: 10px;
  }
  .homeSlider .swiper-slide .slider-copy {
    padding: 20px 25px;
  }
  .homeSlider .slider-nav {
    padding: 20px 15px;
  }
  .homeSlider .swiper-slide img {
    height: auto;
  }
.slider-nav .btn span, 
.tab-pagination .btn span {
    display: none;
  }

  .homeSlider .slider-nav .swiper-button-next .icon {
    margin-left: 0;
  }
  .homeSlider .slider-nav .swiper-button-prev .icon {
    margin-right: 0;
  }
  .numbering-box {
    padding: 0 15px;
    min-height: 111px;
  }
  .numbering-box p {
    font-size: 13px;
  }
  .copyright {
    padding: 55px 0 20px;
    position: relative;
  }
  .copyright, .footer {
    font-size: 11px;
  }
  .steps {
    margin-top: -17px;
    padding: 0 20px;
  }
  .process-trip {
    height: 80px;
    align-items: flex-start;
    padding-top: 13px;
    border-radius: 0 0 12px 12px;
  }
 
  .useritem .user-process .progress-container::before {
    width: 5px;
    height: 88%;
    left: 12px;
    transform: translateY(0);
  }
  .user-process .progress {
    transform: rotate(90deg);
    left: -37px;
    top: 50px;
  }
    .user-process .text-wrap {
      width: 100%;
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      height: 60px;
    }
  .user-process .text-wrap .icon-name {
    display: flex;
    align-items: flex-start;
    width: 50%;
    flex-wrap: wrap;
  }
  .user-process .text-wrap p {
    width: 100%;
    padding-left: 45px;
    text-align: left;
    position: absolute;
    margin-top: 0;
  }
  .user-process .text-wrap p.right {
    text-align: left;
  }
  .user-process .text-wrap .update-info, .last-update .update-info {
    width: auto;
    padding: 0 15px;
    margin-top: 0;
    height: 24px;
  }
  .user-process .last-update p, .appdetail .last-update p {
    width: 100%;
  }
  .user-process .progress-inner .text-wrap:last-child .circle {
    left: 0;
  }
  .user-process .progress-inner .text-wrap:first-child .circle {
    left: 15px;
  }

  
  .btn-theme-light {
    font-size: 12px;
    height: 30px;
    padding: 0 15px;
  }
  .close span {
    display: none;
  }
  .circle {
    height: 34px;
    width: 34px;
    font-size: 14px;
    border-width: 2px;
    left: 15px;
  }
  .text-wrap {
    width: auto;
  }
  .text-wrap p {
    font-size: 12px;
    margin-top: 12px;
  }
  .country {
    max-width: 46%;
    margin: 0 5px 10px;
  }
  .page-title {
    margin-bottom: 25px;
  }
  .process-trip {
    height: 96px;
  }
  .field.half {
    width: 100%;
  }
  .user-items .useritem .item-con {
    padding: 35px 20px;
  }
  .user-process {
    padding: 10px 25px;
  }
  .progress-container {
    flex-wrap: wrap;
  }
  #progress {
    display: none;
  }
  .progress-mob {
    display: block;
  }
  .user-items .useritem .steps {
    padding: 0;
  }
  .progress {
    left: 15px;
    top: 17px;
  }
  .progress-container::before {
    left: 15px;
    width: 94%;
    top: 17px;
  }
  .useritem .text-wrap p {
    display: block;
    width: 65%;
  }
  .text-wrap p {
    display: none;
  }
  .process-trip {
   box-shadow: 0px 8px 8px -4px rgba(0,0,0,0.03);
-webkit-box-shadow: 0px 8px 8px -4px rgba(0,0,0,0.03);
-moz-box-shadow: 0px 8px 8px -4px rgba(0,0,0,0.03);
  }
  .text-wrap.application-step-class.active p {
    display: block;
    position: absolute;
    left: -50%;
  }
  .progress-container {
    margin-bottom: 100px;
  }
  .confirmation .useritem .item-con .item-img {
    width: auto;
    height: 35px;
  }
  .useritem h2 {
    width: 100%;
    word-break: break-word;
    text-align: left;
  }
  .relation {
    margin-left: 15px;
  }
  .confirmation .useritem .item-con .item-img {
    right: 30px;
  }
  .useritem .down-arrow {
    margin-right: 10px;
    width: 28px;
  }
  .dash-box {
  width: calc(50% - 14px);
  margin: 7px;
}
.dash .nav-tabs .nav-item {
  margin-right: 10px;
}
.dash .nav-tabs .nav-item .nav-link .icon {
  font-size: 10px;
  margin-right: 8px;
}
.upload-row .upload-wrap {
  width: 50%;
}
.user-process .progress-inner { flex-wrap: wrap;}
.progress-mob.v-progress-1 {  height: 0%;}
.progress-mob.v-progress-2 {  height: 16%;}
.progress-mob.v-progress-3 {  height: 37%;}
.progress-mob.v-progress-4 {  height: 57%;}
.progress-mob.v-progress-5 {  height: 78%;}

.chat-wrap .uploadimage.withdoc .docview .docname {
  font-size: 16px;
}
.search-wrapp .search-input {
  width: 170px;
  padding: 8px 12px;
  font-size: 12px;
}
.search-wrapp .appsearch {
  right: 5px;
  top: 5px;
}
.search-wrapp .appsearch .icon {
  font-size: 14px;
}
#countryVisaForm .select2 {
  width: 100% !important;
}

}

@media only screen and (max-width: 480px) {
.dash-box {
  width: 100%;
  margin: 7px 0;
}
.dash .nav-tabs .nav-item .nav-link {
  font-size: 12px;
}
.chatfloating {
  width: 40px;
  height: 40px;
}
.chatfloating .icon {
  font-size: 16px;
}
#document-tab-pane .user-document-list {
  min-width: 760px;
  overflow-x: auto;
}
.dashboard-tab li .nav-link {
  font-size: 18px;
  padding-bottom: 5px;
}
.countrypage .document-add { 
  min-width: 100%;
}
}