@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,300;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap');

:root{
    --theme-blue: #4A93EE;
    --blue-light: #cfe1fa;
    --theme-white:#fff;
    --theme-dark:#333333;
    --black-theme:#000;
    --theme-blue-hover:#1375ef;
    --gray:#ccc;
}
.bg-blue{
  background-color: var(--theme-blue);
}
ul.dropdown-menu.user-profile-dropd.notifications-list .noti-list {
  padding-bottom: 0;
  margin-top: 0;
}
.content-notification {
  margin-bottom: 10px;
}
.dt-buttons button {
  background: #ffffff;
  border: 2px solid var(--theme-blue);
  color: var(--theme-blue);
  border-radius: 4px;
  padding: 6px 20px;
}
ul.dropdown-menu.user-profile-dropd.notifications-list {
  max-height: 400px;
  overflow-x: hidden;
  overflow-y: auto;
}
html,
body {
  overflow-x: hidden;
  background-color: #f3f6f9;
  height: auto;
}
li.nav-item.active a {
  border-bottom: 2px solid #4993ee;
  color: var(--theme-blue) !important;
}
nav li.nav-item.active a {
  background-color: #fff;
  border-bottom: none;
}
.btn:hover {
  color: #fff !important;
}
ul.dropdown-menu.user-profile-dropd i {
  color: #ccc !important;
}
.site-logo img {
  width: 120px;
}

.site-logo {
  margin: 0 0 40px 0;
}

a.havn-account {
  text-decoration: none;
  color: #000;
  background-color: transparent;
  text-align: center;
  font-family: 'Montserrat';
  margin-top: 4px;
  border-bottom: 1px solid #000;
  display: inline-block;
}
.dt-layout-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  margin-top: 10px;
}

button.dt-paging-button.disabled.first {
  background-color: #4993ee;
  color: #fff;
  border: 1px solid;
}
.dt-paging button {
  border: 1px solid transparent;
  margin: 10px;
}
.dt-layout-row.dt-layout-table {
  display: block;
}
.txt-area h1 {
  font-size: 18px;
  margin-bottom: 23px;
  font-weight: 600;
  font-family: 'Montserrat';
  margin-top: 30px;
}

iframe#\:1\.container {
  display: none;
}
li.nav-item.sidebar-brand span img {
  width: 90px;
}

li.nav-item.sidebar-brand {
  text-align: center;
}

li.nav-item.sidebar-brand span {
  margin: 0;
}
ul.top-social {
  padding: 0;
  position: relative;
  top: 7px;
  list-style: none;
}

ul.top-social li {
  display: inline-block;
  margin: 0px 10px;
  list-style: none;
}

ul.top-bar-contact li {
  display: inline-block;
  margin-bottom: 8px;
  margin-right: 14px;
}

input#form1::placeholder {
  font-size: 11px !important;
}

select.goog-te-combo {
  height: 27px;
  line-height: 28px;
  background-color: white;
  width: 100%;
}

.wickedpicker {
  z-index: 99;
  left: 1112.82px !important;
}

ul.top-bar-contact li a {
  color: white;
  text-decoration: none;
  font-size: 12px;
  font-family: 'Montserrat', sans-serif;
}

.wickedpicker__controls__control-up:before {
  content: "<" !important;
  transform: rotate(90deg);
  font-weight: 700 !important;
}

.wickedpicker__controls__control-down:after {
  content: ">" !important;
  transform: rotate(90deg);
  font-weight: 700 !important;
}

.topbar {
  background-color: #000;
}

.topbar ul {
  margin: 0px;
  padding: 0;
}

ul.top-bar-contact.top-links {
  text-align: right;
}

ul.top-bar-contact.top-links li:nth-child(1):after {
  content: "";
  border: 1px solid #ffffff5e;
  margin-left: 20px;
  position: relative;
  top: 4px;
}

.iti.iti--allow-dropdown.iti--separate-dial-code.iti--show-flags {
  width: 100%;
}

ul.top-bar-contact.top-links li:nth-child(2) {
  margin-right: 0;
}

.translate-g {
  position: absolute;
  z-index: 99999999999;
  left: 0;
  top: 50%;
}

body {
  position: static !important;
}

.translate-g i {
  font-size: 48px;
  color: #5b564f;
  cursor: pointer;
}

.skiptranslate.goog-te-gadget {
  color: transparent;
}

.translate-inner {
  z-index: 99999999;
  padding: 20px;
  background-color: white;
  position: absolute;
  left: -500px;
  transition: .20s linear;
}

.slide-in {
  left: 0;
}

span[style="white-space:nowrap"] {
  display: none;
}

.left-slideinn i {
  color: #ecbf1e;
}

.left-slideinn {
  position: absolute;
  left: 248px;
  top: -5px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Montserrat', sans-serif;
}

.card.login-cont {
  height: 100vh;
  background: #4993ee0f;
}

.card.login-cont .card-body {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.card-title.text-center.border-bottom h2 {
  margin-top: 20px;
}

.bg-img-sso {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
 background-color: #eaf1f945;
 background-blend-mode: overlay;
 background-size: cover;
 background-position: center;
}

.img-cont-lf .bg-img-sso {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background-size: cover;
  background-position: bottom;
  background-color: #fffbfb87;
  background-blend-mode: overlay;
  /* filter: blur(10px); */
}

form.change_pass_form input {
  height: 40px;
  border: 1px solid #ccc;
  padding-left: 10px;
}

li.nav-item.sidebar-brand {
  background-color: #fff !important;
}

.bg-img-sso img {
  width: 24px;
}
.bg-img-sso a {
  color: #000000;
  text-decoration: none;
  border: 2px solid #fff;
  padding: 13px;
  border-radius: 4px;
  background: #ffffff8a;
  backdrop-filter: blur(4px);
  font-family: 'Montserrat';
}

.logo img {
  width:50%;
}

.logo {
  display: flex;
  justify-content: center;
  padding: 20px 0px;
}

.btn-login-custom {
  background-color: #000;
  color: #fff;
  font-size: 16px;
  text-transform: capitalize;
  font-weight: 600;
  float: none !important;
  text-align: center;
  width: 100%;
}
form#login_form, #dsdt_signup {
  width: 60%;
}

form#login_form .input-group input {
  border-radius: 0 60px 60px 0 !important;
  height: 40px;
}

form#login_form button.btn.btn-login-custom {
  border-radius: 60px !important;
  background-color: var(--theme-blue);
  transition: .20s linear;
}
form#login_form button.btn.btn-login-custom:hover {
  background-color: var(--theme-blue-hover);
  transform: translateY(1px);
}
.dont-have-account p {
  margin-bottom: 0;
  text-align: center;
  margin-top: 10px;
}

.dont-have-account {
  text-align: center;
}
.forget_pass a {
  display: block;
  margin-top: 0;
  color: #212529 !important;
  text-align: left;
  font-size: 16px;
  text-decoration: none;
  font-family: 'Montserrat';
}
.forget_pass {
  margin-top: 0;
}
.card.login-cont form .input-group-text {
  background-color: var(--theme-blue);
  color: #fff;
  border-radius: 60px;
  padding: 10px 15px !important;
  border-color: var(--theme-blue);
}

form#login_form .input-group {
  padding: 0;
}


span.user_sms {
  color: #3ec178;
  font-weight: 600;
  text-align: center;
  display: block;
  line-height: 2;
  background-color: #3ec17826;
  border-radius: 10px;
}

span.user_sms_dashboard {
  color: #ffffff;
  font-weight: 600;
  text-align: center;
  display: block;
  background-color: #198754;
  border-radius: 4px;
  height: 66px;
  line-height: 66px;
  position: absolute;
  left: unset;
  right: 0;
  width: 20%;
  top: 11%;
  font-size: 16px;
}

span.user_sms_dashboard i {
  margin-right: 11px;
}

span.user_sms_error {
  border-radius: 10px;
  background-color: #f5abab57;
  color: #e14c4c;
  font-weight: 600;
  text-align: center;
  display: block;
  line-height: 2;
}

span.user_sms_error_inner {
  background-color: #f5abab57;
  color: #e14c4c;
  text-align: center;
  display: block;
  font-weight: 600;
  border-radius: 4px;
  height: 66px;
  line-height: 66px;
  position: absolute;
  left: unset;
  right: 0;
  width: 20%;
  top: 11%;
  font-size: 16px;
}

/*-------------------------------*/
/*          SIDEBAR NAV          */
/*-------------------------------*/
/*
OPTIONAL
Body overlay and overflow hidden effect when sidebar is open
commented in sidebar_nav.js for disabled it
*/
ul.nav.sidebar-nav .card.card-body a:hover {
  color: #000;
}

.rt-balance_n_profile.align-items-center i {
  color: var(--gray);
}

.sidebar-nav>li:before ul.nav.sidebar-nav .card.card-body a {
  padding: 0;
  color: #000;
  font-size: 13px;
}

body.overflow-hidden {
  overflow: hidden;
  position: fixed;
}
.btn-create-account {
  margin-top: 10px;
  margin-bottom: 15px;
}

.btn-create-account button {
  background-color: var(--theme-blue);
  border-radius: 60px;
  font-family: 'Montserrat';
}
/* #wrapper .overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
} */

#wrapper {
  padding-left: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#wrapper .principal-nav,
#wrapper .footer {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  padding-left: 50px;
}

#wrapper .tooltip {
  position: fixed;
  pointer-events: none;
}

nav#sidebar-wrapper {
  z-index: 1030;
  left: 0;
  width: 50px;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  padding: 0;
}

nav#sidebar-wrapper::-webkit-scrollbar {
  display: none;
}

.no_caret.dropdown-toggle:after {
  display: none;
}

#wrapper.toggled {
  padding-left: 170px;
}

#wrapper.toggled .sidebar-nav {
  width: 220px;
  text-align: left;
}

#wrapper.toggled #sidebar-wrapper {
  width: 220px;
}

#wrapper.toggled .sidebar-nav>li span {
  display: inline-block;
}

#wrapper.toggled #page-content-wrapper {
  padding-left: 0;
}

#wrapper.toggled #page-content-wrapper .container {
  width: 100%;
  min-width: 300px;
  max-width: 1154px;
}

#wrapper.toggled #page-content-wrapper .navbar-fixed-top,
#wrapper.toggled #page-content-wrapper .footer {
  padding-left: 220px;
}

#wrapper.toggled .tooltip {
  display: none;
  opacity: 0;
}

#page-content-wrapper {
  width: 100%;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  padding-left: 50px;
}

.sidebar-nav {
  position: absolute;
  top: 0;
  width: 50px;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}

.sidebar-nav>li {
  position: relative;
  line-height: 20px;
  width: 100%;
  font-size: 14px;
  display: inline-block;
}

.sidebar-nav>li:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  height: 100%;
  width: 3px;
  background-color: #202020;
  -webkit-transition: width 0.2s ease-in;
  -moz-transition: width 0.2s ease-in;
  -ms-transition: width 0.2s ease-in;
  transition: width 0.2s ease-in;
}

.sidebar-nav>li:first-child a {
  color: #fff;
  background-color: #1E2B51;
}

.sidebar-nav>li:before {
  background-color: #f5f9ff;
}

/* .sidebar-nav > li:nth-child(3):before {
    background-color: #79aefe;
  } */

.sidebar-nav>li:hover:before,
.sidebar-nav>li:active:before,
.sidebar-nav>li:focus:before {
  width: 100%;
  -webkit-transition: width 0.2s ease-in;
  -moz-transition: width 0.2s ease-in;
  -ms-transition: width 0.2s ease-in;
  transition: width 0.2s ease-in;
}

input.form-control, select.form-select {
  border: 1px solid var(--blue-light) !important;
}
.sidebar-nav>li a {
  display: block;
  color: #fff;
  text-decoration: none;
  padding: 10px 15px 10px 10px;
}

.sidebar-nav>li a i {
  margin: 0 5px 0 3px;
  font-size: 14px;
}
nav p {
  opacity: 1;
}
.sidebar-nav>li a span {
  margin-left: 5px;
}

.sidebar-nav>li span {
  display: none;
}

li.nav-item.sidebar-brand:hover {
  color: #000 !important;
}

nav#sidebar-wrapper .card.card-body a {
  color: #000 !important;
  padding: 0;
}

.sidebar-nav>li:hover a {
  color: #000;
  text-decoration: none;
  background-color: transparent;
}

.sidebar-nav>li a:active {
  color: #fff;
  text-decoration: none;
  background-color: transparent;
}

.sidebar-nav>.sidebar-brand {
  height: 50px;
  font-size: 16px;
  line-height: 44px;
  color: #ddd;
  font-weight: bold;
  padding: 2px 0;
}

li.nav-item.sidebar-brand span {
  margin-left: 18px;
  color: #000;
}

.sidebar-nav .dropdown .dropdown-menu {
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0;
  border-radius: 0;
  border: none;
  background-color: #11182d;
  box-shadow: none;
  height: auto;
}

.sidebar-nav .dropdown .dropdown-menu a {
  color: #ddd;
  font-size: 0.8rem;
}

.sidebar-nav .dropdown .dropdown-menu .dropdown-header {
  padding: 5px 15px 5px 10px;
}

.sidebar-nav .dropdown a.dropdown-toggle .caret {
  transition: all 0.2s ease-in;
  border-top: 6px dashed;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  float: right;
  margin-top: 8px;
  transform: rotate(90deg);
}

.sidebar-nav .dropdown.show a.dropdown-toggle {
  color: #fff;
}

.sidebar-nav .dropdown.show a.dropdown-toggle .caret {
  transform: rotate(0deg);
}

.sidebar-nav .dropdown.show .dropdown-menu li a:hover,
.sidebar-nav .dropdown.show .dropdown-menu li a:focus,
.sidebar-nav .dropdown.show .dropdown-menu li a:active {
  background-color: rgba(0, 0, 0, 0.5);
}

.sidebar-nav .dropdown.show>a,
.sidebar-nav .dropdown.show>a:hover,
.sidebar-nav .dropdown.show>a:focus {
  border: 0;
  background-color: transparent;
}

.sidebar-nav .dropdown.show:before {
  width: 100%;
  -webkit-transition: width 0.2s ease-in;
  -moz-transition: width 0.2s ease-in;
  -ms-transition: width 0.2s ease-in;
  transition: width 0.2s ease-in;
}

.hamburger {
  position: relative;
  top: 14px;
  z-index: 1031;
  display: block;
  width: 15px;
  height: 23px;
  background: transparent;
  border: none;
  display: block;
}

.hamburger:hover,
.hamburger:active {
  outline: none;
}

.hamburger.is-closed {
  margin: 0 auto;
  float: none;
  right: 2px;
}

.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom {
  position: absolute;
  left: 0;
  height: 4px;
  width: 100%;
  background-color: var(--gray);
}

.hamburger.is-closed .hamb-top {
  top: 2px;
  -webkit-transition: all 0.2s ease-in-out;
}

.hamburger.is-closed .hamb-middle {
  top: 50%;
  margin-top: -2px;
}

.hamburger.is-closed .hamb-bottom {
  bottom: 2px;
  -webkit-transition: all 0.2s ease-in-out;
}

.hamburger.is-closed:hover .hamb-top,
.hamburger.is-closed:focus .hamb-top,
.hamburger.is-closed:active .hamb-top {
  top: 0;
  -webkit-transition: all 0.2s ease-in-out;
}

.hamburger.is-closed:hover .hamb-bottom,
.hamburger.is-closed:focus .hamb-bottom,
.hamburger.is-closed:active .hamb-bottom {
  bottom: 0;
  -webkit-transition: all 0.2s ease-in-out;
}

.hamburger.is-open {
  right: 14px;
  float: right;
}

.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
  position: absolute;
  left: 0;
  height: 4px;
  width: 100%;
  background-color: #ddd;
}

.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-bottom {
  top: 50%;
  margin-top: -2px;
}

.hamburger.is-open .hamb-top {
  -webkit-transform: rotate(45deg);
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
}

.hamburger.is-open .hamb-middle {
  display: none;
}

.hamburger.is-open .hamb-bottom {
  -webkit-transform: rotate(-45deg);
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
}


@media (max-width: 720px) {
  form#login_form{
    width: 92%;
  }
  .bg-img-sso {
    height: 34vh;
    background-position: 100% 41% !important;
  }
  #wrapper .principal-nav img.navbar-brand {
    display: inline-block;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #wrapper.toggled .principal-nav img.navbar-brand {
    left: 220px;
  }
}

div.toggled .nav-img-logo {
  display: none;
}

.toggled main {
  padding: 2rem;
  padding-top: 0;
  padding-right: 0;
  width: 96%;
  padding-left: 3.1rem !important;
  background-color: #f3f6f9;
  margin-left: auto !important;
}

main {
  padding: 2rem;
  padding-top: 0;
  padding-right: 0;
  width: 100vw;
  padding-left: 3.1rem !important;
  background-color: #f3f6f9;
  /* margin-left: auto !important; */
}

.nav-img-logo img {
  width: 31px;
  border-radius: 2px;
}

.header {
  background-color: #fff;
}

.eployer-analytis {
  background-color: #fff;
  padding: 20px;
  margin-top: 10px;
  border-radius: 20px;
  box-shadow: 0 0 10px #cccccc2e;
}

.agent section.section-info-dashboard {
  height: fit-content;
  background-blend-mode: overlay;
  background-color: #fff;
  padding: 22px 0 !important;
  align-items: center;
  margin-top: 0;
  text-align: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 10% 50%;
  justify-content: center;
}

/* dashboard top bar */
div.toggled main {
  padding-left: 0 !important;
}

ul.user-profile-dropd {
  width: 312px;
  transform: translate(-276px, 37px) !important;
}

.user-profile-in-popup i {
  color: #000 !important;
  font-size: 40px !important;
}

li.after-divider {
  padding: 4px;
  margin-top: 0;
}
.btn-group.profile-btn-resp-hidde li.after-divider {
  margin-top: 0 !important;
}
li.after-divider i {
  margin-right: 10px;
}

ul li {
  font-family: 'Montserrat' !important;
}

.user-profile-in-popup {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4px 18px;
}

.user-profile-in-popup .user-info span {
  display: block;
}

.user-avator {
  width: 20%;
}

.user-info {
  width: 78%;
  margin-left: 19px;
}

.top-bar-dashboard {
  background-color: var(--theme-white);
  width: 100%;
  padding: 12px 0;
  z-index: 99999 !important;
  position: relative;
  margin-left: 50px;
}

/* topbar agent dahboard */
.top_menu {
  background-color: #efbf27;
  margin: 0;
  align-items: center;
  color: white;
  display: flex;
  justify-content: space-between;
}

.top_menu .flex_content:last-child {
  text-align: right;
}

.top_menu a {
  color: var(--lite);
  font-size: 14px;
  white-space: nowrap;
}

.top_menu a:not(:last-child) {
  margin-right: 20px;
}

.top_menu a .fa {
  margin-right: 5px;
}

.row.head-white {
  background-color: white;
}

/* topbar agent dahboard */

.rt-balance_n_profile {
  display: flex;
  justify-content: end;
  margin-right: 20px;
}

.rt-balance_n_profile button.dropdown-toggle {
  background-color: transparent;
  border: 0;
}

.rt-balance_n_profile button.dropdown-toggle:after {
  opacity: 0;
}

button.hamburger.is-closed {
  margin: 0 !important;
  top: 0;
  left: 20px;
}

.nav-opner button.hamburger.is-open {
  float: none;
  left: 8px;
  top: 0;
}

span.hamb-middle {
  width: 27px !important;
}

/* dashboard top bar */
.inner-info-agent .col-6 .content-of-info:last-child {
  padding-left: 0 !important;
}

select.goog-te-combo {
  background-color: #efbf27;
  border: 1px solid #fff;
  color: white;
}
.shepherd-has-cancel-icon.shepherd-has-title.shepherd-element.shepherd-enabled {
  z-index: 990000;
}
.inner-info-agent .cont-txt-area a {
  font-weight: 600;
  text-align: center;
  display: flex !important;
  font-size: 20px;
  width: auto;
  text-transform: uppercase !important;
  padding-right: 32px;
  padding-top: 14px;
}

div#google_translate_element {
  width: 200px;
}

section.section-info-dashboard {
  /* padding: 40px 20px; */
}



h2.welcome-head.text-center span {
  font-weight: 700;
  color: #000;
  text-transform: capitalize;
}

.content-of-info {
  /* background-color: #f3f6f9; */
  /* padding: 30px 30px 20px 30px;
  border-radius: 20px;
  display: flex;
  height: 140px; */
}

.content-of-info .cont-ico {
  margin-right: 19px;
  text-align: center;
}

.content-of-info .cont-ico i {
  color: var(--theme-blue);
  font-size: 26px;
}

.content-of-info h3 {
  font-size: 21px;
  font-weight: 600;
  color: var(--theme-dark);
}

/* password change page */

form.change_pass_form button#submitButton {
  margin-top: 30px;
  font-weight: 600;
  text-transform: capitalize;
}

form.change_pass_form label {
  font-weight: 600;
  color: #000;
  font-size: 15px;
}

.img-cont-lf img {
  width: 100%;
}

.cardStyle {
  border-color: #fff;
  background: #ffffff61;
  padding: 21px;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 50%;
  margin: 0 auto;
  height: 100vh;
}

#signupLogo {
  max-height: 100px;
  margin: auto;
  display: flex;
  flex-direction: column;
}

.formTitle {
  font-weight: 600;
  margin-top: 0;
  color: #2F2D3B;
  text-align: center;
}

.inputLabel {
  font-size: 12px;
  color: #555;
  margin-bottom: 6px;
  margin-top: 24px;
}

.inputDiv {
  width: 70%;
  display: flex;
  flex-direction: column;
  margin: auto;
}

.update_passDiv input {
  height: 40px;
  font-size: 16px;
  border-radius: 4px;
  border: none;
  border: solid 1px #ccc;
  padding: 0 11px;
}

.update_passDiv input:disabled {
  cursor: not-allowed;
  border: solid 1px #eee;
}

.update_passDiv .buttonWrapper {
  margin-top: 40px;
}

.submitButton {
  width: 70%;
  height: 40px;
  margin: auto;
  display: block;
  color: #fff;
  background-color: #000;
  border-color: #000;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.035);
  border-radius: 4px;
  font-size: 14px;
  cursor: pointer;
}

.submitButton:disabled,
button[disabled] {
  border: 1px solid #cccccc;
  background-color: #cccccc;
  color: #666666;
}

.mainDiv.update_passDiv {
  background-color: #cccccc3d;
  padding: 30px;
  height: 100%;
}

/*################ link expired or token expire###################### */
/*################ link expired or token expire###################### */


svg {
  width: 30%;
  /* margin: 0 5% 3vh !important; */
}

.st0 {
  fill: #EFCBB4;
}

.st1 {
  fill: #FFE1CA;
}

.st2 {
  fill: #473427;
}

.st3 {
  fill: none;
  stroke: #473427;
  stroke-width: 7;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}

.st4 {
  fill: #D37D42;
  stroke: #D37D42;
  stroke-miterlimit: 10;
}

.smile {
  display: none;
}

.uhoh {
  display: none;
}

path.smile {
  fill-opacity: 0;
  stroke: #000;
  stroke-width: 6;
  stroke-dasharray: 870;
  stroke-dashoffset: 870;
  animation: draw 7s infinite linear;
}

@keyframes draw {
  to {
    stroke-dashoffset: 0;
  }
}

#path {
  stroke-dasharray: 628.3185307179587;
  animation: dash 5s linear forwards;
}

@keyframes dash {
  from {
    stroke-dashoffset: 628.3185307179587;
  }

  to {
    stroke-dashoffset: 0;
  }
}

.message {
  float: right;
  margin: 10em 10em 0 0;
  padding: 0 2em;
}

.message h1 {
  color: #000;
  font-size: 3vw !important;
  font-weight: 400;
}

.message p {
  color: #262C34;
  font-size: 1.3em;
  font-weight: lighter;
  line-height: 1.1em;
}

.light {
  position: relative;
  top: -36em;
}

.light_btm {
  position: relative;
}

.light span:first-child {
  display: block;
  height: 6px;
  width: 150px;
  position: absolute;
  top: 5em;
  left: 20em;
  background: #fff;
  border-radius: 3px;
  /*   transform: rotate(40deg); */
}

.light span:nth-child(2) {
  display: block;
  height: 6px;
  width: 200px;
  position: absolute;
  top: 6em;
  left: 19em;
  background: #fff;
  border-radius: 3px;
  /*   transform: rotate(40deg); */
}

.light span:nth-child(3) {
  display: block;
  height: 6px;
  width: 100px;
  position: absolute;
  top: 7em;
  left: 24em;
  background: #fff;
  border-radius: 3px;
  /*   transform: rotate(40deg); */
}

.light_btm span:first-child {
  display: block;
  height: 6px;
  width: 150px;
  position: absolute;
  bottom: 6em;
  right: 20em;
  background: #fff;
  border-radius: 3px;
  /*   transform: rotate(40deg); */
}

.light_btm span:nth-child(2) {
  display: block;
  height: 6px;
  width: 200px;
  position: absolute;
  bottom: 7em;
  right: 21em;
  background: #fff;
  border-radius: 3px;
  /*   transform: rotate(40deg); */
}

.light_btm span:nth-child(3) {
  display: block;
  height: 6px;
  width: 100px;
  position: absolute;
  bottom: 8em;
  right: 24em;
  background: #fff;
  border-radius: 3px;
  /*   transform: rotate(40deg); */
}

.use-desktop {
  font-weight: 400;
  color: #3698DC;
  border: 1px solid white;
  height: 3.4em;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 25px;
  line-height: 1.1em;
  font-size: 5vw;
}

/* link expired or token expire */
/* password change page */

/* ################# dashboard footer links ################ */

.botton-dashboard {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99999;
  background-color: white;
}

.botton-dashboard ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
}

.botton-dashboard {
  padding: 10px 0;
}

.botton-dashboard ul a {
  text-decoration: none;
  font-size: 16px;
  color: #000;
}

.botton-dashboard ul a i {
  margin-right: 5px;
}

/* ################# dashboard footer links ################ */
.cont-txt-area span {
  font-weight: 700;
  font-size: 22px;
  font-family: 'Montserrat';
  color: var(--theme-blue);
}

li.nav-item p {
  margin: 0;
}

li.nav-item p a span i {
  font-size: 13px;
}

main.agent {
  padding-left: 0 !important;
}

.cont-txt-area a {
  text-decoration: none;
  background-color: #000;
  display: block;
  color: #696969;
  padding: 10px 29px;
  border-radius: 8px;
  width: fit-content;
  margin: 0 auto;

}

.inner-info-agent .cont-txt-area a i {
  margin-right: 10px;
  margin-top: 5px;
  font-size: 22px !important;
}

.top-bar-dashboard.agent {
  padding-top: 0;
  padding-bottom: 0;
}

.search-agent-inner {
  background-color: white;
  border-radius: 50px;
  width: 100%;
  padding: 5px 10px;
}

.form-search {
  width: 67%;
  margin-right: 20px;
}

.search-agent-inner input {
  outline: 0 !important;
  border: 0;
  width: 82%;
}

.form-search i {
  opacity: 0.5;
}

/*########### agent registration page ############# */
/*########### agent registration page ############# */
textarea,
select {
  outline: none;
}

form#user_register input,
.form_basic_styles input,
.form_basic_styles select,
form#user_register select,
form#update_user_register input,
form#update_user_register select {
  width: 100%;
  height: 43px;
  border: 1px solid #ccccccdb;
  padding: 10px;
  margin-bottom: 12px;
  border-radius: 4px;
}

.richText {
  z-index: 0 !important;
}

.form_basic_styles textarea {
  padding: 10px;
  width: 100%;
  border: none;
  margin-top: 6px;
  margin-bottom: 10px;
}

input {
  outline: none !important;
}

form#user_register h4,
form#update_user_register h4 {
  font-size: 16px;
}

form#user_register input#create_user,
.form_basic_styles input#add_job,
form#update_user_register input#update_user {
  background-color: var(--theme-blue);
  font-weight: 600;
  color: #fff;
  /* width: 50%; */
  /* margin: 0 auto; */
  display: block;
  margin-top: 20px;
  margin-bottom: 52px !important;
  line-height: 1;
}

form#update_user_register input#update_agent {
  margin-bottom: 0 !important;
}
.received-via {
  margin-right: 10px;
}

/*########### user registration page ############# */
/*########### user registration page ############# */

/* Agent list Page */
/* Agent list Page */
.agent-table-main,
#package-list-table {
  background-color: white;
  padding: 25px;
  border-radius: 14px;
  margin-top: 20px;
}

.add-agent-top {
  display: flex;
  justify-content: flex-end;
}

.add-agent-top a {
  background-color: var(--theme-blue);
  color: #fff;
  padding: 10px 30px;
  text-decoration: none;
  margin-bottom: 20px;
  font-weight: 600;
  margin-left: 13px;
  border-radius: 8px;
}
.select_all_checkbox span {
  text-indent: -99999999px;
  visibility: hidden;
}

th.select_all_checkbox span:before {
  content: "";
  visibility: visible;
  width: 20px;
  height: 20px;
  background: transparent;
  position: absolute;
  left: 9px;
  top: 46px;
  right: 0;
  /* margin: 0 auto; */
  border: 1px solid #ccc;
  border-radius: 4px;
}

th.select_all_checkbox i {
  display: inline-block;
  position: relative;
  left: 0;
  top: -3px;
}


.agent-table-main table td,
#package-list-table table td {
  background-color: white !important;
  box-shadow: none !important;
}



.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: linear-gradient(to bottom, var(--theme-blue) 0%, var(--theme-blue) 100%) !important;
  border-radius: 50px;
  border-color: var(--theme-blue) !important;
}
.agent-table-main input[type="search"] {
  border-radius: 30px !important;
  margin-left: 12px !important;
}

th:before,
th:after {
  opacity: 0 !important;
  display: none;
}

.btn.btn-yellow {
  background-color: var(--theme-blue);
  color: #fff !important;
}

span.single_select_checbox {
  visibility: visible;
  width: 20px;
  height: 20px;
  background: transparent;
  position: absolute;
  left: 9px;
  right: 0;
  top: 15px;
  /* margin: 0 auto; */
  border: 1px solid #ccc;
  border-radius: 4px;

}

.single_check i {
  position: relative;
  bottom: 3px;
}

tbody tr {
  position: relative;
  background-color: transparent !important;
}

tr.odd {
  /* background-color: #40a9ff17 !important; */
  border: 0 !important;
  box-shadow: none !important;
}

td, th {
  box-shadow: none !important;
  font-size: 13.5px;
  text-transform: capitalize;
  border-color: var(--blue-light) !important;
}

th,
td {
  font-family: sans-serif;
}

.form_edit_agent {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: white;
  width: 60%;
  margin: 0 auto;
  transform: translate(0%, 9%);
  box-shadow: 0 0 10px #ccc;
  border-radius: 10px;
  padding: 33px;
}

form#update_user_register input,
form#update_user_register select {
  border: 1px solid #0000001c;
}

.close-update-agent-form {
  text-align: right;
  font-size: 19px;
  cursor: pointer;
}

/* Agent list Page End */
/* Agent list Page End */
.attr_main_page .txt-area-attr-agent.text-center {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  min-height: 200px;
}

/* ############# Add attraction ######### */
.upload_qr .custom-file-upload {
  display: inline-block;
  padding: 6px 12px;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  background-color: #000;
  border-radius: 4px;
  border: none;
  transition: all 0.2s ease-in-out;
}

.upload_qr .custom-file-upload:hover {
  background-color: #000;
}

.upload_qr input[type="file"] {
  display: none;
}

.preview_qr img,
.preview_qr_child img {
  width: 96px;
}

.preview_qr span,
.preview_qr_child span {
  position: absolute;
  color: red;
  font-size: 18px;
  font-weight: 700;
  left: 81px;
  top: -6px;
  cursor: pointer;
}

.preview_qr .image,
.preview_qr_child .image {
  position: relative;
}

.preview_qr,
.preview_qr_child {
  display: flex;
  margin-top: 10px;
}

button.add-ticket-number {
  border: 0;
  text-align: right;
  float: right;
  margin-bottom: 10px;
  color: #000;
  font-weight: 700;
  background-color: white;
}

.flex-tick_with_trash {
  display: flex;
  align-items: center;
  width: 100%;
}

.flex-tick_with_trash button {
  border-radius: 0;
}

.gallery_preview {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 15px;
  position: relative;
  border-radius: 5px;
}

.gallery_preview .image {
  height: 150px;
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  position: relative;
}

.gallery_preview .image img {
  height: 100%;
  width: 100%;
}

.gallery_preview .image span:hover {
  opacity: 1;
  color: #000;
  font-weight: 600 !important;
}

.gallery_preview .image span {
  position: absolute;
  top: -4px;
  right: 4px;
  cursor: pointer;
  font-size: 31px;
  color: white;
  color: #000;
  font-weight: 600 !important;
}

.gallery_preview .span--hidden {
  visibility: hidden;
}

/* loader  */
/* Absolute Center Spinner */
.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(rgba(20, 20, 20, .8), rgba(0, 0, 0, .8));

  background: -webkit-radial-gradient(rgba(20, 20, 20, .8), rgba(0, 0, 0, .8));
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 150ms infinite linear;
  -moz-animation: spinner 150ms infinite linear;
  -ms-animation: spinner 150ms infinite linear;
  -o-animation: spinner 150ms infinite linear;
  animation: spinner 150ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0, rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) 0 1.5em 0 0, rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) -1.5em 0 0 0, rgba(255, 255, 255, 0.75) -1.1em -1.1em 0 0, rgba(255, 255, 255, 0.75) 0 -1.5em 0 0, rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0, rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) 0 1.5em 0 0, rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) -1.5em 0 0 0, rgba(255, 255, 255, 0.75) -1.1em -1.1em 0 0, rgba(255, 255, 255, 0.75) 0 -1.5em 0 0, rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* loader  */

/* Manage Attractions */
.featured_img_dis {
  width: 100px !important;
}

th.custom-width-attr-img {
  width: 100px !important;
}

th.sno_ {
  width: 55px !important
}

/* tabs */
/********** TABS **********/
.tab-list {
  margin: 0;
  padding: 0;
}

.tab-list li {
  display: inline-block;
  list-style-type: none;
  background-color: #303030;
  border-top-left-radius: 0em;
  border-top-right-radius: 0em;
}

.tab-list li a {
  color: #f2f2f2;
  display: block;
  padding: 8px;
}

.tab-list li.active,
.tab-list li.hover {
  background-color: #000;
  border-top-left-radius: 0em;
  border-top-right-radius: 0em;
}

.tab-list li.active a,
.tab-list li a:hover {
  color: #fff;
}

.tab-panel {
  display: none;
  overflow: auto;
}

.tab-panel.active {
  display: block;
}

.tab-panel p {
  margin: 20px;
}

ul.tab-list li h3,
ul.tab-list a {
  font-size: 14px !important;
  text-decoration: none !important;
  border: 0 !important;
  padding-bottom: 0;
}

div#AllAttractions_wrapper {
  margin-top: 26px;
}

div#DeletedAttractions_wrapper {
  margin-top: 22px;
}

/* tabs */
/* Manage Attractions End */

/* update attractions */
.previous_img label {
  position: absolute;
  width: 207px;
  left: 0;
  background-color: #000;
  padding-left: 10px;
  color: white;
}

/* update attractions */

/* view attractions agent */

.attr-inner {
  box-shadow: 0px 3px 6px #00000016;
  background: white;
  border-radius: 10px;
  padding: 20px;
  height: 220px;
}

section.all-attractions-agnets-side {
  background-color: white;
  padding: 22px;
  border-radius: 12px;
}

.attr-inner p {
  height: 76px;
  overflow: hidden;
  width: 100%;
  display: block;
  margin: 0 auto;
  text-align: center;
}

.txt-area-attr-agent h3 {
  font-size: 20px;
  font-weight: 600;
}

.attr-inner a.btn.btn-yellow {
  width: 56%;
  margin-top: 10px;
  margin-bottom: 20px;
}

.attractions-outer img {
  height: 200px;
  width: 100%;
  object-fit: cover;
}

/* view attractions agent */

/* Attraction single page */

/* tabs  */
/**
 * Tabs Block
 */
.nav-slides-for-slider-book.slick-initialized.slick-slider {
  margin-top: 12px;
}

.tabs-block {
  display: flex;
  align-items: center;
  justify-content: center;
}

/**
 * Tabs
 */
.left-side-details-attr .tabs {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.left-side-details-attr .tabs label {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 10px;
  margin-right: 0.0625rem;
  cursor: pointer;
  color: #000;
  font-family: 'Montserrat';
  font-size: 15px;
  font-weight: 500;
  transition: background-color ease 0.3s;
}

.left-side-details-attr .tabs label .material-icons {
  margin-right: 0.3rem;
}

.left-side-details-attr .tabs .tab {
  flex-grow: 1;
  width: 100%;
  height: 100%;
  display: none;
  padding: 1rem 2rem;
  color: #000;
  /* background-color: #fff; */
  border: 1px solid #cccccc7d;
}

.left-side-details-attr .tabs .tab>*:not(:last-child) {
  margin-bottom: 0.8rem;
}

.left-side-details-attr .tabs [type=radio] {
  display: none;
}

.left-side-details-attr .tabs [type=radio]:checked+label {
  color: #000;
  border-bottom: 2px solid #000 !important;
  font-weight: 600;
}

.left-side-details-attr .tabs [type=radio]:checked+label+.tab {
  display: block;
}

@media (min-width: 768px) {

  .left-side-details-attr .tabs label {
    order: 1;
    width: auto;
  }

  .left-side-details-attr .tabs .tab {
    order: 9;
  }

  .left-side-details-attr .tabs [type=radio]:checked+label {
    border-bottom: none;
  }
}

@media (min-width: 992px) {

  .left-side-details-attr .tabs {
    width: 800px;
  }
}

.left-side-details-attr .tabs label {
  padding-bottom: 0 !important;
}

/* tabs  */
.left-side-details-attr {
  background-color: white;
  padding: 20px;
  border-radius: 10px;
}

.left-side-details-attr .tabs label {
  margin-right: 38px;
}

.rt-details-attr-booking {
  background-color: white;
  padding: 20px;
  border-radius: 10px;
}

.head-attr h4 {
  padding: 9px;
  background: #000;
  text-align: center;
  color: #fff;
  font-size: 19px;
}

/* adult inc & dec */

.value-button {
  display: inline-block;
  border: 1px solid #000;
  margin: 0px;
  width: 40px;
  color: #fff;
  height: 20px;
  text-align: center;
  vertical-align: middle;
  padding: 11px 0;
  background: #000;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.value-button:hover {
  cursor: pointer;
}

form #decrease_adults,
#decrease_children,
.value_child_seats_style,
#decrease_hours {
  margin-right: -4px;
  border-radius: 8px 0 0 8px;
}

form #increase_adults,
#increase_children,
#increase_hours {
  margin-left: -4px;
  border-radius: 0 8px 8px 0;
}

form #input-wrap {
  margin: 0px;
  padding: 0px;
}

input#adults,
input#children,
#select_hours,
.inp_inc_dec {
  text-align: center;
  border: 1px solid #cccccc57;
  width: 40px;
  height: 38px;
  position: relative;
  top: 2.5px;
}

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

div#increase_adults,
#increase_hours,
div#decrease_adults,
div#decrease_hours,
div#increase_children,
div#decrease_children,
.value_child_seats_style {
  height: 38px;
  line-height: 0.5;
}

.adults-inner,
.children-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

span.txt_adults,
span.txt_children {
  font-weight: 600;
}

.booking-form-attr .form-outline {
  width: 87%;
}

/* adult inc & dec */
button.btn.btn-yellow.submit_form_booking {
  width: 100%;
}

a.back_to_attr {
  background-color: #ddd;
  color: #000;
  display: block;
  padding: 10px 0;
  text-align: center;
  text-decoration: none;
}

.left-side-details-attr button.slick-prev.slick-arrow {
  /* text-indent: -9999999px; */
  position: absolute;
  top: 47%;
  z-index: 99;
  width: 46px;
  border: 0;
  visibility: hidden;
  height: 37px;

}

.left-side-details-attr button.slick-prev.slick-arrow:before {
  content: "\f104";
  position: absolute;
  background: #000f0;
  width: 37px;
  color: white;
  height: 30px;
  font-family: fontawesome;
  z-index: 99999999999;
  visibility: visible;
  padding-top: 3px;
}

.left-side-details-attr button.slick-next.slick-arrow:before {
  content: "\f105";
  position: absolute;
  background: #000f0;
  width: 37px;
  color: white;
  height: 30px;
  font-family: fontawesome;
  z-index: 99999999999;
  visibility: visible;
  padding-top: 3px;
}

.left-side-details-attr button.slick-next.slick-arrow {
  position: absolute;
  top: 47%;
  z-index: 99;
  width: 46px;
  border: 0;
  visibility: hidden;
  height: 37px;
  right: 0;
}

/* Attraction single page */

/* ############### Ticket booking page css ################## */
.nav-slides-for-slider-book.slick-initialized.slick-slider .slick-list.draggable .slides-inner.slick-slide {
  margin-right: 10px !important;
}

.nav-slides-for-slider-book.slick-initialized.slick-slider .slick-list.draggable .slides-inner.slick-slide img {
  height: 100px;
  width: 100%;
}

.custom-modal.error-popup.tick_booking {
  z-index: 999;
}

span.select2-selection.select2-selection--single {
  height: 40px;
  padding-top: 5px;
  border: 1px solid #ced4da;
}

span.select2-selection__arrow {
  margin-top: 6px;
}

i.days_count_valid {
  font-size: 14px;
  font-weight: 600;
  color: red;
}

span.user_sms.with_err {
  background-color: #ff000057;
}

span.erro_sms_sep {
  display: block;
  color: red;
  text-align: center;
}

span.erro_sms_sep {
  display: block !important;
  color: red;
  text-align: center;
  font-weight: 600;
  margin-top: 4px;
}

/* ############### Ticket booking page css ################## */

/* Booking success page css */
.back-wt {
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
}

.back-wt h3 {
  font-size: 22px;
}

.back-wt.mt-3.traveller-det p {
  text-transform: capitalize;
}

.booking-details-summary b {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
}

/* Booking success page css */

/* popup success css and error css*/

.succes {
  background-color: #000;
}

.succes-animation {
  animation: succes-pulse 2s infinite;
}

.danger {
  background-color: #CA0B00;
}

.danger-animation {
  animation: danger-pulse 2s infinite;
}

.custom-modal {
  width: 350px;
  min-height: 250px;
  background-color: #fff;
  border-radius: 30px;
  margin: 40px 10px;
  position: fixed;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 9999;
}

.custom-modal .content {
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 0;
}

.custom-modal .content .type {
  font-size: 18px;
  color: #999;
  font-family: sans-serif;
}

.custom-modal .content .message-type {
  color: #000;
  font-family: sans-serif;
  font-size: 18px;
  padding: 20px;
}

.custom-modal .border-bottom {
  position: absolute;
  width: 300px;
  height: 20px;
  border-radius: 0 0 30px 30px;
  bottom: -20px;
  margin: 0 25px;
}

.custom-modal .icon-top {
  position: absolute;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  top: -30px;
  margin: 0 125px;
  font-size: 30px;
  color: #fff;
  line-height: 100px;
  text-align: center;
}

@keyframes succes-pulse {
  0% {
    box-shadow: 0px 0px 30px 20px rgba(75, 181, 67, .2);
  }

  50% {
    box-shadow: 0px 0px 30px 20px rgba(75, 181, 67, .4);
  }

  100% {
    box-shadow: 0px 0px 30px 20px rgba(75, 181, 67, .2);
  }
}

@keyframes danger-pulse {
  0% {
    box-shadow: 0px 0px 30px 20px rgba(202, 11, 0, .2);
  }

  50% {
    box-shadow: 0px 0px 30px 20px rgba(202, 11, 0, .4);
  }

  100% {
    box-shadow: 0px 0px 30px 20px rgba(202, 11, 0, .2);
  }
}


.page-wrapper {
  height: 100vh;
  background-color: #eee;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 80px 0;
}

body {
  margin: 0;
}

@media only screen and (max-width: 800px) {
  .page-wrapper {
    flex-direction: column;
  }
}

::placeholder,
label {
  font-family: 'Montserrat';
}

/* popup success css and error css*/

/* package type page */
.list-packages {
  background-color: white;
  border-radius: 20px;
}

div#package-list-table_length {
  margin-left: 20px;
  margin-top: 15px;
}

div#package-list-table_filter {
  margin-top: 14px;
}

div#package-list-table_filter input[type="search"] {
  border-radius: 22px;
  margin-right: 20px;
}

div#package-list-table_info {
  margin-left: 20px;
  margin-bottom: 13px;
  font-family: sans-serif;
}

a {
  font-family: sans-serif;
}

a.edit_pack_type,
a.edit_transfer_type {
  color: #000;
}

a.dele_transfer_type i.fa-solid.fa-trash {

  color: #ff0000a8;
}

a.dele_pack_type i.fa-solid.fa-trash {
  color: #ff0000a8;
  margin-left: 17px;
}

.attr-inner.attr-inner-horiontal {
  box-shadow: none;
}

.attr-inner.attr-inner-horiontal p {
  text-align: left;
}

.attr-inner.attr-inner-horiontal h3 {
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
}

ul.attr-foot {
  padding-left: 0;
  list-style: none;
  display: flex;
  align-items: center;
}

.row.mb-3.horizon-attr-list {
  border: 1px solid #cccccc5e;
  padding: 10px;
  padding-bottom: 0;
}

.row.mb-3.horizon-attr-list .col-4 {
  padding: 0;
}

ul.attr-foot li:hover {
  text-decoration: underline;
}

ul.attr-foot li {
  font-size: 13px;
  font-weight: 600;
  margin-right: 10px;
  -webkit-background-clip: text;
  -webkit-text-fill-color: #000;
  cursor: pointer;
}

p,
.flex-attr-book-det strong {
  font-family: 'Montserrat';
  font-weight: 500;
  display: block;
}

.flex-attr-book-det h5 {
  font-size: 17px;
  font-weight: 600;
}

.inner-book-det p,
.inner-book-det a {
  text-align: center;
  display: block;
}

.inner-book-det p {
  font-size: 13px;
  margin-top: 13px;
}

.inner-book-det {
  margin-top: 18px;
}

.left-side-details-attr .tab {
  margin-top: 10px;
}

label.form-label[for="attr_logo"] span {
  color: #aca7a7;
  font-style: italic;
  font-size: 15px;
}

/* package type page */

/* update package type page */

.update-attr-cat-prev-featured img {
  width: 100%;
}

.rempve-cat-featured {
  position: absolute;
  top: 0;
  right: -32px;
  background-color: #ff00008f;
  padding: 5px 10px;
  color: white;
}

.update-attr-cat-prev-featured {
  position: relative;
  width: 50%;
}

label[for="attr_cat_featured_image"] {
  width: 100%;
}

/* update package type page */

/* overview and inclusion exlusion popup */
.tab-details-in-popup {
  position: fixed;
  top: 10px;
  z-index: 999999;
  background-color: white;
  left: 0;
  width: 50%;
  padding: 20px;
  right: 0;
  margin: 0 auto;
  height: 100%;
  overflow: scroll;
  box-shadow: 0 0 10px #ebbe63;
}

a.close-tab-details-in-popup {
  color: #000;
  font-size: 24px;
  text-align: right;
  display: block;
  text-decoration: none;
}

/* overview and inclusion exlusion popup */

/* Reports agent  */
div#agent-purchased-histroy_wrapper button.dt-button,
#agent-purchased-histroy-attr_wrapper button.dt-button {
  background-color: #000;
  border: 1px solid #000;
  color: #fff;
  padding: 3px 12px;
}

/* Reports agent  */
/* add balance  */

.btn-group.custom-add-bal {
  align-items: center;
  margin-right: 12px;
}

.top-destinations .attr-inner {
  height: auto;
}

/* add balance  */

h2.welcome-head.text-center {
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.4;
}

.slideshow {
  list-style-type: none;
}

/** SLIDESHOW **/
.slideshow,
.slideshow:after {
  top: 82px;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  z-index: 0;
}

.section-info-dashboard .container-fluid {
  z-index: 999;
}

.slideshow li span {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  color: transparent;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  opacity: 0;
  z-index: 0;
  animation: imageAnimation 30s linear infinite 0s;
}

@keyframes imageAnimation {
  0% {
    opacity: 0;
    animation-timing-function: ease-in;
  }

  8% {
    opacity: 1;
    animation-timing-function: ease-out;
  }

  17% {
    opacity: 1
  }

  25% {
    opacity: 0
  }

  100% {
    opacity: 0
  }
}


@keyframes titleAnimation {
  0% {
    opacity: 0
  }

  8% {
    opacity: 1
  }

  17% {
    opacity: 1
  }

  19% {
    opacity: 0
  }

  100% {
    opacity: 0
  }
}



.no-cssanimations .cb-slideshow li span {
  opacity: 1;
}

ul.car_info_short {
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: space-between;
  margin: 10px auto;
}

ul.dropdown-menu.user-profile-dropd.balance-drop.show {
  padding-left: 12px;
}

ul.dropdown-menu.user-profile-dropd.balance-drop.show a.dropdown-item.btn.btn-yellow {
  width: fit-content;
  padding: 8px 20px !important;
}

button.balance_bt {
  margin-right: -18px;
}

textarea#special_req {
  width: 100%;
  height: 88px;
}

input[type="radio"] {
  accent-color: #000;
}

.attractions-outer.transfer_type img {
  width: 250px !important;
  height: 150px;
  display: block;
  margin: auto;
  object-fit: contain;
}

.attractions-outer.transfer_type h3 {
  font-size: 17px;
}

.attractions-outer.transfer_type .attr-inner {
  height: auto;
}

.child_seats_mark .txt_children span {
  font-size: 12px;
  color: #8c7e7ec9;
  display: block;
}

input[name="add_child_seats"] {
  accent-color: #000;
}

ul.car_info_short.type_trans {
  width: auto;
  justify-content: flex-start;
}

ul.car_info_short.type_trans li {
  padding-right: 20px;
}

.type_transMain {
  padding-bottom: 20px !important;
}

li.suitcase-roll:before {
  content: "";
  width: 2px;
  height: 24px;
  background: #000;
  position: absolute;
  transform: rotate(47deg);
  left: 5px;
}

li.suitcase-roll {
  position: relative;
}

input[name="add_flight_det"] {
  accent-color: #000;
}

.tems-content-data {
  margin-bottom: 40px !important;
}

.tems-content-data h3 {
  font-size: 20px;
  font-weight: 600;
}

.transport_submit_on_right {
  display: flex;
  justify-content: end;
  margin-top: 25px;
}

.submit-vehicle.mb-4.text-right button#submit-vehicle,
#submit-transport {
  width: 36%;
}

input#baby_seats {
  background-color: #000;
  border-color: #000;
}

.transport_submit_on_right {
  display: flex;
  justify-content: end;
}

.transfer_vehicles .attractions-outer img {
  object-fit: contain !important;
}

.head-back {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

img.img-icon-baby {
  width: 28%;
  height: fit-content;
}

.cont-txt-area.topbar-items {
  position: relative;
  top: 12px;
}

.cont-txt-area.topbar-items span {
  font-weight: 400;
  font-size: 16px;
}

.cont-txt-area.topbar-items a {
  padding: 10px 17px;
}

menu.top_menu.flex a {
  text-decoration: none;
}

.welcome-sms {
  transform: translate(0%, -29%);
}

ul.car_info_short li div {
  font-size: 12px;
}

.btn-group.inner-pg-data {
  margin-right: 32px;
}

.btn-group.inner-pg-data button {
  background-color: transparent;
  border: 0;
}

.btn-group.inner-pg-data .dropdown-toggle::after {
  display: none;
}

.btn-group.inner-pg-data a i {
  font-size: 23px;
  color: #696969;
  padding: 10px 0;
}

.inner-pg-data ul.dropdown-menu.user-profile-dropd a,
.inner-pg-data ul.dropdown-menu.user-profile-dropd i {
  font-size: 14px;
  text-decoration: none;
  color: #000;
}

.btn-group.inner-pg-data ul.dropdown-menu.user-profile-dropd {
  WIDTH: 200PX;
}

ul.dropdown-menu.user-profile-dropd.balance-drop.show {
  padding-left: 12px;
  transform: translate(-172px, 35px) !important;
}

ul.balance_dropd_menu {
  padding-left: 0;
}

.btn-group.inner-pg-data .card.card-body {
  border: 0;
  padding-top: 0;
}

.btn-group.inner-pg-data p {
  margin-bottom: 0;
}

div#collapseBalanceInner li {
  font-size: 14px;
}

button#pills-attr-tab.active,
#pills-statement-tab.active,
button#pills-transport-tab.active {
  background-color: #000;
}

ul#pills-tab li button:not(.active) {
  color: #000;
  background-color: #f1f1f1;
  margin-right: 6px;
}

div#agent-purchased-histroy-attr_wrapper {
  overflow-x: scroll;
}

select#destination {
  text-transform: capitalize;
}

form#updateTransfer .previous_img {
  position: relative;
}

.previous_img img {
  width: 100%;
}

.previous_img {
  margin-top: 12px;
  width: 346px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  border-radius: 12px;
}

div#agent-purchased-histroy_wrapper {
  overflow-x: scroll;
}

/* update ticket price  */
form#update-tick-price-form {
  width: 100%;
  overflow: hidden;
}

form#update-tick-price-form input.btn.btn-yellow {
  width: 100%;
}

label.input-group-text {
  background-color: #000;
  color: #696969;
}

/* update ticket price  */
form#add_settings button#submit-settings {
  width: 20% !important;
}

span.user_sms_danger {
  background-color: #d64c4c;
  color: #fff;
  padding: 10px;
  display: block;
  border-radius: 5px;
  margin-bottom: 10px;
}

label#pencilIcon a {
  position: absolute;
  left: 58px;
  background-color: #f3f6f9;
  /* box-shadow: 0 0 10px #ccc; */
  border-radius: 50px;
  color: #000;
  height: 40px;
  width: 40px;
  line-height: 40px;
  top: 120px;
  left: -19px;
}

label#pencilIcon {
  position: relative;
}

label#pencilIcon a i {
  color: #121212;
}

.avator img {
  margin-bottom: 30px !important;
}

.curve-border-div {
  background-color: #fff;
  padding: 20px;
  border-radius: 15px;
}

/* 404 page */
#notfound {
  position: relative;
  height: 100vh;
}

#notfound .notfound {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.notfound {
  max-width: 410px;
  width: 100%;
  text-align: center;
}

.notfound .notfound-404 {
  height: 280px;
  position: relative;
  z-index: -1;
}

.notfound .notfound-404 h1 {
  font-family: 'Montserrat', sans-serif;
  font-size: 194px;
  margin: 0px;
  font-weight: 800;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  /* transform: translateX(-50%); */
  /* background: url(../img/bg.jpg) no-repeat; */
  /* -webkit-background-clip: text; */
  /* -webkit-text-fill-color: transparent; */
  background-size: cover;
  background-position: center;
}



.notfound h2 {
  font-family: 'Montserrat', sans-serif;
  color: #000;
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 0;
}

.notfound p {
  font-family: 'Montserrat', sans-serif;
  color: #000;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 20px;
  margin-top: 0px;
}

.notfound a {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  text-decoration: none;
  text-transform: uppercase;
  background: #0046d5;
  display: inline-block;
  padding: 15px 30px;
  border-radius: 40px;
  color: #fff;
  font-weight: 700;
  -webkit-box-shadow: 0px 4px 15px -5px #0046d5;
  box-shadow: 0px 4px 15px -5px #0046d5;
}

.dataTables_wrapper table {
  border: 1px solid var(--blue-light) !important;
  border-radius: 10px;
  width: 100vw;
}

.dataTables_filter {
  margin-bottom: 14px;
}
.dataTables_wrapper {
  overflow-x: scroll;
  scrollbar-color: var(--theme-blue) var(--blue-light);
}
.developed-by {
  position: absolute;
  bottom: 0;
  color: #fff;
  left: 0;
  font-size: 13px;
  text-align: center;
  right: 0;
}

.developed-by a, .developed-by p {
  color: #ffffff;
}
.login_as_top_bar {
  position: relative;
  z-index: 99999;
  width: 85%;
  background: var(--theme-blue);
  margin-left: 15%;
  text-align: center;
  padding: 10px 0;
}

.login_as_top_bar p {
  color: #fff;
  opacity: 1;
}
.bg-dark-blue{
  background-color:#40556d !important;
}
.login_as_top_bar.student {
  width: 100%;
  margin-left: 0;
}
ul.dropdown-menu.user-profile-dropd.notifications-list li {
  /* display: flex; */
  /* flex-direction: column; */
  /* justify-content: space-between; */
  height: inherit;
  /* padding-bottom: 10px; */
}
span.noti-count {
  position: absolute;
  top: -6px;
  left: 19px;
  font-size: 12px;
  background-color: #dc3545 !important;
  font-weight: 800;
  padding: 8px;
  width: 20px;
  height: 20px;
  line-height: 3px;
  border-radius: 100px;
  color: #ffff !important;
  display: flex;
  justify-content: center;
}
.flex-div {
  display: flex;
  align-items: center;
  /* justify-content: space-between; */
  padding: 10px;
  border-bottom: 1px solid var(--theme-white);
  background-color: var(--blue-light);
}

.body-notification {
  font-size: 14px;
  margin-left: 10px;
}

.content-notification h6 {
  font-weight: 600;
}

.content-notification p {
  font-weight: 300;
  text-transform: capitalize;
  margin: 0 !important;
}

.header-notification span {
  background-color: var(--theme-blue);
  padding: 5px;
  border-radius: 50%;
  color: #fff;
  width: 30px;
  height: 30px;
  display: inline-block;
  text-align: center;
  line-height: 21px;
}
ul.dropdown-menu.user-profile-dropd.show {
  padding: 0;
}

section.notification-section .flex-div {
  justify-content: flex-start;
  border-radius: 10px;
  margin-bottom: 4px;
}

section.notification-section .header-notification {
  margin-right: 40px;
}
.notification-list-all h3 {
  font-size: 18px;
  font-family: 'Montserrat';
}
.notification-list-all , .preview-of-notiftion{
  background-color: #c7daf542;
  padding: 20px 10px;
  border-radius: 7px;
  height: auto;
}
p.initial-text-of-notif {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
.notification-list-all .body-notification {
  width: 100%;
}
.toast-body h4 {
  font-size: 16px;
  font-weight: 600;
  font-family: 'Montserrat';
}
a.btn.custom-btn {
  background-color: var(--theme-blue);
  margin: 15px;
  color: #fff;
}
.view-all-noti a {
  font-size: 14px;
  font-weight: 300;
  font-style: italic;
}

/* profile view */
.profile-sidebar {
  overflow-y: scroll;
  position: fixed;
  height: 100vh;
  top: 0;
  background: white;
  z-index: 999999;
  box-shadow: 0 0 20px #00000047;
  border-radius: 10px 0 0 10px;
  transition: opacity 0.52s linear, transform 0.52s linear;
  scrollbar-color: #4993ee #4993ee2e;
  scrollbar-width: thin;
}
.from-notification-of-applicant {
  transform: none !important;
  right: 0;
  width: 70%;
}
.resume-view a {
  color: #fff;
  text-decoration: none;
  border: 1px solid #117aff;
  padding: 10px;
  border-radius: 8px;
  width: 100%;
  display: block;
  text-align: center;
  background-color: var(--theme-blue);
}

.menu-open {
  right: 0% !important;
  opacity: 1;
  transform: translateX(0);
  transition: opacity 0.52s linear, transform 0.52s linear;
}

.side-bar-profile-viewer-container {
  padding: 20px 25px;
}

a.w3-bar-item.w3-button.w3-large {
  color: var(--theme-blue);
  font-size: 22px;
}
.profile-std {
  border: 2px solid #00000012;
  padding: 20px;
  border-radius: 10px;
  margin-top: 20px;
}


.border-work {
  border: 2px solid #00000012;
  /* padding: 20px; */
  border-radius: 10px;
  margin-top: 20px;
}

.border-work h3 {
  margin-left: 0;
  font-weight: 700;
}

.candi_info {
  padding-right: 5px;
  border-right: 2px solid #00000012;
  height: 100%;
}
.border-work .col-12.col-md-8 {
  padding-left: 0;
}

.candi_info div strong {
  font-weight: 600;
  display: inline-block;
  line-height: 2;
  margin-right: 4px;
}

.candi_info div span {
  font-family: 'Montserrat';
  font-weight: 300;
}

.skills_list {
  margin-top: 10px;
}

.user-personal-info {
  padding: 20px 10px 10px 20px;
  border-bottom: 2px solid #00000012;
  margin-bottom: 10px;
}

.skill-set {
  padding: 10px 10px 10px 20px;
}

.border-work .col-12.col-md-4 {
  padding-right: 0;
}

.bio-user {
  padding: 20px 20px 0 20px;
  border-bottom: 2px solid #00000012;
}

.border-work .exp-tabs {
  box-shadow: none;
  border-bottom: 2px solid #00000012;
  border-radius: 0;
}

.flex-exp-level .icon {
  border: 1px solid var(--theme-blue) !important;
  color: #000;
}
.details-exp-level a {
  color: #000;
}

.contact-candidate-small-wind a {
  padding: 10px;
  display: inline-block;
  color: #000;
  text-decoration: none;
  text-align: center;
  border: 2px solid #000;
  border-radius: 10px;
  width: 50%;
  margin-top: 10px;
  margin-bottom: 10px;
}

.profile-meta p {
  text-transform: capitalize;
}

select#selectedValues {
  background-color: transparent;
  border: 0;
}

.list-skill {
  margin-top: 10px;
}
ul.dropdown-menu.user-profile-dropd .body-notification {
  width: 100% !important;
}
.checkboxes_dsdt input {
  margin-right: 10px;
}
form#notif_setting_form {
  width: 80%;
}
.theme-btn-blue{
  background-color: var(--theme-blue);
  color: #fff;
}
/* profile view */
/* ############## Responsive ################# */
/* ############## Responsive ################# */
@media only screen and (max-width: 767px) {
  .notfound .notfound-404 {
    height: 142px;
  }

  .notfound .notfound-404 h1 {
    font-size: 112px;
  }
}

/* 404 page */

@media only screen and (max-width:767px) {
  .head-booking.d-flex.align-items-center.justify-content-between {
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;
  }

  .botton-dashboard ul li a {
    font-size: 12px;
  }

  .content-of-info.justify-content-end {
    justify-content: center !important;
    padding-bottom: 0 !important;
  }

  .content-of-info {
    justify-content: center !important;
  }

  section.section-info-dashboard h2 {
    font-size: 20px;
  }

  .content-of-info.resp {
    padding-top: 0 !important;
  }

  .cont-txt-area a i {
    display: none;
  }

  .form-search {
    position: fixed;
    bottom: 35px;
    border-radius: 0 !important;
    padding: 10px;
    margin: 0 auto !important;
    width: 100%;
    right: 0;
    background-color: white;
    left: 0;
    z-index: 999;
  }

  .search-agent-inner {
    width: 100%;
    border-radius: 0;
  }

  .row.mb-3.horizon-attr-list .flex-attr-book-det.d-flex.justify-content-between {
    justify-content: center !important;
  }

  .row.mb-3.horizon-attr-list .flex-attr-book-det.d-flex.justify-content-between .adult-area {
    margin-right: 20px;
  }

  div#popup-81 {
    width: 88%;
  }

  section.all-attractions-agnets-side.mt-3 {
    margin-bottom: 100px;
  }

  div#agent-purchased-histroy_wrapper .dt-buttons {
    text-align: center;
    margin-bottom: 18px;
  }

  table#agent-purchased-histroy th {
    font-size: 11px;
  }

  table#agent-purchased-histroy tr td {
    font-size: 11px;
  }

  table#package-list-table td {
    font-size: 12px;
  }

  ul.tab-list li h3,
  ul.tab-list a {
    font-size: 10px !important;
  }

  table#AllAttractions td {
    font-size: 12px;
  }

  td.take_action_attraction a {
    margin-bottom: 10px;
  }

  table#AllAgentList td,
  table#AllAgentList th {
    font-size: 12px;
  }

  .agent-table-main {
    overflow-x: scroll;
  }

  .row.resp_login {
    text-align: center;
  }

  .row.resp_login .col-12.col-md-5 {
    text-align: center !important;
  }

  ul.top-bar-contact.top-links {
    text-align: center;
  }

  .cont-txt-area a {
    /* font-size: 14px !important; */
  }

  .site-logo img {
    width: 126px;
  }

  .content-of-info {
    height: 90px;
  }

  menu.top_menu.flex {
    padding-left: 0;
  }

  .top_menu a:not(:last-child) {
    margin: 0;
  }

  body,
  html {
    overflow-y: scroll !important;
  }

  .attr-area a {
    margin-bottom: 40px;
  }

  .rt-balance_n_profile.align-items-center {
    margin: 0;
  }

  .header .cont-txt-area a {
    padding-left: 5px;
    padding-right: 5px;
  }

  .header .cont-txt-area span {
    font-size: 15px !important;
  }

  .attractions-outer.transfer_type a.btn.btn-yellow {
    margin-bottom: 25px;
  }

  .adult-area {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  input#form1 {
    width: 100% !important;
  }

  .search-attractions-agent .form-outline {
    width: 88%;
  }

  .search-attractions-agent {
    margin-bottom: 12px;
  }

  form.booking-form-transportation .form-outline {
    width: 88%;
  }

  .cardStyle {   
    width: 100% !important;
    border-radius: 0px;
}

.logo img {
  width: 30%;
  margin: 0 auto;
  padding: 20px 0px;
  margin-top: 80px;
}

.logo {
  display: flex;
  justify-content: center;
}

}

@media only screen and (max-width:480px) {
  .form-search {
    bottom: 44px;
  }

  .botton-dashboard ul li a {
    font-size: 9px;
  }

  .header .cont-txt-area a,
  .header .cont-txt-area a span {
    font-size: 11px !important;
  }
}