:root {
    --primary:#fdde37 !important;
    --primary-disabled:#f6ebac;
    --primary-hover: #f8df51;
    --primary-text:#fdde37;
    --text-secondary:#19cadb;
    --text-color:blacK;
    --secondary:#19cadb;
    --text-black-neutral: #141533; 
    --color-gray-neutral: #d0d5dd;
    --color-green-neutral: #d6f5f3;
    --color-pastel-pink-l200: #fd82c3; 
    --bg-green: #1fada8;
    --color-pastel-green: #105b5c;
    --avatar-bg: #f3f5f8;
    --border-color-light: #ebecf0;
    --vs-controls-size: .7 !important;
    --color-grey: #d6f5f3;
    --bg-green: #1fada8;
    --bg-light-blue: #7ac4fd;
    --bg-light-green: #56d1a1;
    --bg-alice-blue: #eef4ff;
    --bg-disabled: #969696;
    --bg-header-table: #f7fafc;
    --bg-gray: #f6f6f6;
    --bg-light: #f6f6f6;
    --bg-footer: #fff;
    --bg-dark-gray: #e0e0e0;
    --bg-second-light: #f4f4f4;
    --bg-pastel-blue: #e9f4ff;
    --bg-pastel-pink: #fff0fb;
    --bg-pastel-green: #ecf9f8;
    --bg-grey-l1: #f7f8f9;
    --bg-pastel-green-l100: #f0fbfb;
    --text-primary: #000;
    --text-default: #1f2933;
    --text-light-primary: #3e4c59;
    --text-secondary: #5c595a;
    --text-tab-title: #7f817c;
    --text-disabled: #969696;
    --text-form-label: #1f2933;
    --text-header-table: #0f100d;
    --text-note: #00000034;
    --text-description: #777;
    --text-form-icon: #41433f;
    --text-footer: #000;
    --text-placeholder: grey;
    --text-error: #d10000;
    --text-sub-header: #454545;
    --text-white: #fff;
    --text-green: #2bada7;
    --text-green-white: #f0fbfb;
    --text-grey-l1: #758098;
    --text-black-l8: #141533;
    --text-gray-white: #38465c;
    --text-black-neutral: #141533;
    --text-gray-neutral-l400: #98a2b3;
    --text-information-default: #3570db;
    --text-pastel-pink-200: #fd82c3;
    --text-green-teal-900: #095b5c;
    --text-graph-yellow: #ffb912;
    --color-grey: #2d1f21;
    --shadow: 0px 2px 16px rgba(39,40,51,0.12);
   
}  


.pointer{
  cursor: pointer;
}

.error{
  color:red !important;
}
@media (max-width: 576px) {
.mhometab{
  white-space: normal;
  width:33.333333%;
}
}
.text-highlight {
  color: var(--secondary);   
}

.ntags span{
  font-size: 10px !important;
}

a{
  color: var(--text-color) !important; 
}

.lh-24 {
  line-height: 24px;
}

.size-16 {
  font-size: 16px;
}


.fw-bold {
  font-weight: bold;
}



  
.slide-btn svg{
  display: none;
}

.slide-btn {
  font-size: 23px;
  background: white !important;
  border: 1px solid;
  opacity: 1 !important;
  box-shadow: rgba(255, 138, 209, 0.32) 0px 4px 32px;
}

.splide__arrow--prev {
   left: -0.5em !important; 
}


.splide__arrow--next {
  right: -0.5em !important; 
}

.slide-btn:focus {
  outline: none !important;
}

  
.lh-40 {
  line-height: 40px;
}

.size-32 {
  font-size: 32px;
}
.fw-700 {
  font-weight: 700 !important;
}

.text-secondary {
  color: var(--text-secondary);
}

.mb-20 {
  margin-bottom: 20px;
}


.lh-32 {
  line-height: 32px;
}


.size-16 {
  font-size: 16px;
}

.fw-400 {
  font-weight: 400;
}

.site-btn-lg{
  height: 50px;
  padding: 11.4px 15px !important;
  font-size: 16px !important;
  border-radius: 12px !important;
}


.ant-input-affix-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
  min-width: 0;
  padding: 8px 11px;
  color: var(--text-primary);
  font-size: 14px;
  line-height: 1.5715;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 12px;
  transition: all 0.3s;
  /* stylelint-disable-next-line selector-no-vendor-prefix */
  display: inline-flex;
}


.ant-input-affix-wrapper::-moz-placeholder {
  opacity: 1;
}
.ant-input-affix-wrapper:-ms-input-placeholder {
  color: var(--text-placeholder);
  -ms-user-select: none;
      user-select: none;
}
.ant-input-affix-wrapper::placeholder {
  color: var(--text-placeholder);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-input-affix-wrapper:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input-affix-wrapper:hover {
  border-color: #e83a91;
  border-right-width: 1px !important;
}
.ant-input-rtl .ant-input-affix-wrapper:hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input-affix-wrapper:focus,
.ant-input-affix-wrapper-focused {
  border-color: #e83a91;
  box-shadow: 0 0 0 2px rgba(219, 20, 127, 0.2);
  border-right-width: 1px !important;
  outline: 0;
}
.ant-input-rtl .ant-input-affix-wrapper:focus,
.ant-input-rtl .ant-input-affix-wrapper-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input-affix-wrapper-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-affix-wrapper-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-input-affix-wrapper[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-affix-wrapper[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-input-affix-wrapper-borderless,
.ant-input-affix-wrapper-borderless:hover,
.ant-input-affix-wrapper-borderless:focus,
.ant-input-affix-wrapper-borderless-focused,
.ant-input-affix-wrapper-borderless-disabled,
.ant-input-affix-wrapper-borderless[disabled] {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
textarea.ant-input-affix-wrapper {
  max-width: 100%;
  height: auto;
  min-height: 40px;
  line-height: 1.5715;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-input-affix-wrapper-lg {
  padding: 6.5px 11px;
  font-size: 16px;
}
.ant-input-affix-wrapper-sm {
  padding: 3px 7px;
}
.ant-input-affix-wrapper-rtl {
  direction: rtl;
}
.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
  border-color: var(--primary);
  border-right-width: 1px !important;
  z-index: 1;
}
.ant-input-rtl .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input-search-with-button .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
  z-index: 0;
}
.ant-input-affix-wrapper-focused,
.ant-input-affix-wrapper:focus {
  z-index: 1;
}
.ant-input-affix-wrapper-disabled .ant-input[disabled] {
  background: transparent;
}
.ant-input-affix-wrapper > input.ant-input {
  padding: 0;
  border: none;
  outline: none;
}
.ant-input-affix-wrapper > input.ant-input:focus {
  box-shadow: none !important;
}
.ant-input-affix-wrapper::before {
  width: 0;
  visibility: hidden;
  content: '\a0';
}
.ant-input-prefix,
.ant-input-suffix {
  display: flex;
  flex: none;
  align-items: center;
}
.ant-input-show-count-suffix {
  color: rgba(0, 0, 0, 0.45);
}
.ant-input-show-count-has-suffix {
  margin-right: 2px;
}
.ant-input-prefix {
  margin-right: 4px;
}
.ant-input-suffix {
  margin-left: 4px;
}
.anticon.ant-input-clear-icon {
  margin: 0;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  vertical-align: -1px;
  cursor: pointer;
  transition: color 0.3s;
}
.anticon.ant-input-clear-icon:hover {
  color: rgba(0, 0, 0, 0.45);
}
.anticon.ant-input-clear-icon:active {
  color: var(--text-primary);
}
.anticon.ant-input-clear-icon-hidden {
  visibility: hidden;
}
.anticon.ant-input-clear-icon-has-suffix {
  margin: 0 4px;
}
.ant-input-affix-wrapper-textarea-with-clear-btn {
  padding: 0 !important;
  border: 0 !important;
}
.ant-input-affix-wrapper-textarea-with-clear-btn .ant-input-clear-icon {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 1;
}
.ant-input {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  position: relative;
  display: inline-block;
  width: 100%;
  min-width: 0;
  padding: 8px 11px;
  color: var(--text-primary);
  font-size: 14px;
  line-height: 1.5715;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 12px;
  transition: all 0.3s;
  /* stylelint-disable-next-line selector-no-vendor-prefix */
}
.ant-input::-moz-placeholder {
  opacity: 1;
}
.ant-input:-ms-input-placeholder {
  color: var(--text-placeholder);
  -ms-user-select: none;
      user-select: none;
}
.ant-input::placeholder {
  color: var(--text-placeholder);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input:hover {
  border-color: #e83a91;
  border-right-width: 1px !important;
}
.ant-input-rtl .ant-input:hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input:focus,
.ant-input-focused {
  border-color: #e83a91;
  box-shadow: 0 0 0 2px rgba(219, 20, 127, 0.2);
  border-right-width: 1px !important;
  outline: 0;
}
.ant-input-rtl .ant-input:focus,
.ant-input-rtl .ant-input-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-input-borderless,
.ant-input-borderless:hover,
.ant-input-borderless:focus,
.ant-input-borderless-focused,
.ant-input-borderless-disabled,
.ant-input-borderless[disabled] {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
textarea.ant-input {
  max-width: 100%;
  height: auto;
  min-height: 40px;
  line-height: 1.5715;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-input-lg {
  padding: 6.5px 11px;
  font-size: 16px;
}
.ant-input-sm {
  padding: 3px 7px;
}
.ant-input-rtl {
  direction: rtl;
}
.ant-input-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--text-primary);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  position: relative;
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.ant-input-group[class*='col-'] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.ant-input-group > [class*='col-'] {
  padding-right: 8px;
}
.ant-input-group > [class*='col-']:last-child {
  padding-right: 0;
}
.ant-input-group-addon,
.ant-input-group-wrap,
.ant-input-group > .ant-input {
  display: table-cell;
}
.ant-input-group-addon:not(:first-child):not(:last-child),
.ant-input-group-wrap:not(:first-child):not(:last-child),
.ant-input-group > .ant-input:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.ant-input-group-addon,
.ant-input-group-wrap {
  width: 1px;
  white-space: nowrap;
  vertical-align: middle;
}
.ant-input-group-wrap > * {
  display: block !important;
}
.ant-input-group .ant-input {
  float: left;
  width: 100%;
  margin-bottom: 0;
  text-align: inherit;
}
.ant-input-group .ant-input:focus {
  z-index: 1;
  border-right-width: 1px;
}
.ant-input-group .ant-input:hover {
  z-index: 1;
  border-right-width: 1px;
}
.ant-input-search-with-button .ant-input-group .ant-input:hover {
  z-index: 0;
}
.ant-input-group-addon {
  position: relative;
  padding: 0 11px;
  color: var(--text-primary);
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  background-color: #fafafa;
  border: 1px solid #d9d9d9;
  border-radius: 12px;
  transition: all 0.3s;
}
.ant-input-group-addon .ant-select {
  margin: -9px -11px;
}
.ant-input-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  background-color: inherit;
  border: 1px solid transparent;
  box-shadow: none;
}
.ant-input-group-addon .ant-select-open .ant-select-selector,
.ant-input-group-addon .ant-select-focused .ant-select-selector {
  color: #db147f;
}
.ant-input-group-addon .ant-cascader-picker {
  margin: -9px -12px;
  background-color: transparent;
}
.ant-input-group-addon .ant-cascader-picker .ant-cascader-input {
  text-align: left;
  border: 0;
  box-shadow: none;
}
.ant-input-group > .ant-input:first-child,
.ant-input-group-addon:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-group > .ant-input:first-child .ant-select .ant-select-selector,
.ant-input-group-addon:first-child .ant-select .ant-select-selector {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-group > .ant-input-affix-wrapper:not(:first-child) .ant-input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group > .ant-input-affix-wrapper:not(:last-child) .ant-input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-group-addon:first-child {
  border-right: 0;
}
.ant-input-group-addon:last-child {
  border-left: 0;
}
.ant-input-group > .ant-input:last-child,
.ant-input-group-addon:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group > .ant-input:last-child .ant-select .ant-select-selector,
.ant-input-group-addon:last-child .ant-select .ant-select-selector {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group-lg .ant-input,
.ant-input-group-lg > .ant-input-group-addon {
  padding: 6.5px 11px;
  font-size: 16px;
}
.ant-input-group-sm .ant-input,
.ant-input-group-sm > .ant-input-group-addon {
  padding: 3px 7px;
}
.ant-input-group-lg .ant-select-single .ant-select-selector {
  height: 40px;
}
.ant-input-group-sm .ant-select-single .ant-select-selector {
  height: 30px;
}
.ant-input-group .ant-input-affix-wrapper:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:last-child) {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}
.ant-input-group .ant-input-affix-wrapper:not(:first-child),
.ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group.ant-input-group-compact {
  display: block;
}
.ant-input-group.ant-input-group-compact::before {
  display: table;
  content: '';
}
.ant-input-group.ant-input-group-compact::after {
  display: table;
  clear: both;
  content: '';
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child),
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child),
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child) {
  border-right-width: 1px;
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):hover,
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):hover,
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):hover {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):focus,
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):focus,
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):focus {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > * {
  display: inline-block;
  float: none;
  vertical-align: top;
  border-radius: 0;
}
.ant-input-group.ant-input-group-compact > .ant-input-affix-wrapper {
  display: inline-flex;
}
.ant-input-group.ant-input-group-compact > .ant-picker-range {
  display: inline-flex;
}
.ant-input-group.ant-input-group-compact > *:not(:last-child) {
  margin-right: -1px;
  border-right-width: 1px;
}
.ant-input-group.ant-input-group-compact .ant-input {
  float: none;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input,
.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input {
  border-right-width: 1px;
  border-radius: 0;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector:hover,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:hover,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:hover,
.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:hover {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector:focus,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:focus,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:focus,
.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:focus {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > .ant-select-focused {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-arrow {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > *:first-child,
.ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}
.ant-input-group.ant-input-group-compact > *:last-child,
.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
  border-right-width: 1px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input {
  vertical-align: top;
}
.ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper {
  margin-left: -1px;
}
.ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper .ant-input-affix-wrapper {
  border-radius: 0;
}
.ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input-group-addon > .ant-input-search-button {
  border-radius: 0;
}
.ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
  border-radius: 12px 0 0 12px;
}
.ant-input-group > .ant-input-rtl:first-child,
.ant-input-group-rtl .ant-input-group-addon:first-child {
  border-radius: 0 12px 12px 0;
}
.ant-input-group-rtl .ant-input-group-addon:first-child {
  border-right: 1px solid #d9d9d9;
  border-left: 0;
}
.ant-input-group-rtl .ant-input-group-addon:last-child {
  border-right: 0;
  border-left: 1px solid #d9d9d9;
}
.ant-input-group-rtl.ant-input-group > .ant-input:last-child,
.ant-input-group-rtl.ant-input-group-addon:last-child {
  border-radius: 12px 0 0 12px;
}
.ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:first-child) {
  border-radius: 12px 0 0 12px;
}
.ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:last-child) {
  border-radius: 0 12px 12px 0;
}
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:not(:last-child) {
  margin-right: 0;
  margin-left: -1px;
  border-left-width: 1px;
}
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:first-child,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input {
  border-radius: 0 12px 12px 0;
}
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:last-child,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
  border-left-width: 1px;
  border-radius: 12px 0 0 12px;
}
.ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl + .ant-input-group-wrapper-rtl {
  margin-right: -1px;
  margin-left: 0;
}
.ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
  border-radius: 0 12px 12px 0;
}
.ant-input-group-wrapper {
  display: inline-block;
  width: 100%;
  text-align: start;
  vertical-align: top;
}
.ant-input-password-icon {
  color: rgba(0, 0, 0, 0.45);
  cursor: pointer;
  transition: all 0.3s;
}
.ant-input-password-icon:hover {
  color: rgba(0, 0, 0, 0.85);
}
.ant-input[type='color'] {
  height: 40px;
}
.ant-input[type='color'].ant-input-lg {
  height: 40px;
}
.ant-input[type='color'].ant-input-sm {
  height: 30px;
  padding-top: 3px;
  padding-bottom: 3px;
}
.ant-input-textarea-show-count > .ant-input {
  height: 100%;
}
.ant-input-textarea-show-count::after {
  float: right;
  color: rgba(0, 0, 0, 0.45);
  white-space: nowrap;
  content: attr(data-count);
  pointer-events: none;
}
.ant-input-search .ant-input:hover,
.ant-input-search .ant-input:focus {
  border-color: #e83a91;
}
.ant-input-search .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary),
.ant-input-search .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) {
  border-left-color: #e83a91;
}
.ant-input-search .ant-input-affix-wrapper {
  border-radius: 0;
}
.ant-input-search .ant-input-lg {
  line-height: 1.5713;
}
.ant-input-search > .ant-input-group > .ant-input-group-addon:last-child {
  left: -1px;
  padding: 0;
  border: 0;
}
.ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button {
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 0 12px 12px 0;
}
.ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary) {
  color: rgba(0, 0, 0, 0.45);
}
.ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary).ant-btn-loading::before {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.ant-input-search-button {
  height: 40px;
}
.ant-input-search-button:hover,
.ant-input-search-button:focus {
  z-index: 1;
}
.ant-input-search-large .ant-input-search-button {
  height: 40px;
}
.ant-input-search-small .ant-input-search-button {
  height: 30px;
}
.ant-input-group-wrapper-rtl {
  direction: rtl;
}
.ant-input-group-rtl {
  direction: rtl;
}
.ant-input-affix-wrapper.ant-input-affix-wrapper-rtl > input.ant-input {
  border: none;
  outline: none;
}
.ant-input-affix-wrapper-rtl .ant-input-prefix {
  margin: 0 0 0 4px;
}
.ant-input-affix-wrapper-rtl .ant-input-suffix {
  margin: 0 4px 0 0;
}
.ant-input-textarea-rtl {
  direction: rtl;
}
.ant-input-textarea-rtl.ant-input-textarea-show-count::after {
  text-align: left;
}
.ant-input-affix-wrapper-rtl .ant-input-clear-icon-has-suffix {
  margin-right: 0;
  margin-left: 4px;
}
.ant-input-affix-wrapper-rtl .ant-input-clear-icon {
  right: auto;
  left: 8px;
}
.ant-input-search-rtl {
  direction: rtl;
}
.ant-input-search-rtl .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary),
.ant-input-search-rtl .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) {
  border-right-color: #e83a91;
  border-left-color: #d9d9d9;
}
.ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper:hover,
.ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper-focused {
  border-right-color: #e83a91;
}
.ant-input-search-rtl > .ant-input-group > .ant-input-group-addon {
  right: -1px;
  left: auto;
}
.ant-input-search-rtl > .ant-input-group > .ant-input-group-addon .ant-input-search-button {
  border-radius: 12px 0 0 12px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ant-input {
    height: 40px;
  }
  .ant-input-lg {
    height: 40px;
  }
  .ant-input-sm {
    height: 30px;
  }
  .ant-input-affix-wrapper > input.ant-input {
    height: auto;
  }
}






/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-card {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--text-primary);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  position: relative;
  background: #fff;
  border-radius: 12px;
}
.ant-card-rtl {
  direction: rtl;
}
.ant-card-hoverable {
  cursor: pointer;
  transition: box-shadow 0.3s, border-color 0.3s;
}
.ant-card-hoverable:hover {
  border-color: transparent;
  box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
}
.ant-card-bordered {
  border: 1px solid #f0f0f0;
}
.ant-card-head {
  min-height: 48px;
  margin-bottom: -1px;
  padding: 0 15px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  background: transparent;
  border-bottom: 1px solid #f0f0f0;
  border-radius: 12px 12px 0 0;
}
.ant-card-head::before {
  display: table;
  content: '';
}
.ant-card-head::after {
  display: table;
  clear: both;
  content: '';
}
.ant-card-head-wrapper {
  display: flex;
  align-items: center;
}
.ant-card-head-title {
  display: inline-block;
  flex: 1 1;
  padding: 16px 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-card-head-title > .ant-typography,
.ant-card-head-title > .ant-typography-edit-content {
  left: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.ant-card-head .ant-tabs-top {
  clear: both;
  margin-bottom: -17px;
  color: var(--text-primary);
  font-weight: normal;
  font-size: 14px;
}
.ant-card-head .ant-tabs-top-bar {
  border-bottom: 1px solid #f0f0f0;
}
.ant-card-extra {
  float: right;
  margin-left: auto;
  padding: 16px 0;
  color: var(--text-primary);
  font-weight: normal;
  font-size: 14px;
}
.ant-card-rtl .ant-card-extra {
  margin-right: auto;
  margin-left: 0;
}
.ant-card-body {
  padding: 15px;
}
.ant-card-body::before {
  display: table;
  content: '';
}
.ant-card-body::after {
  display: table;
  clear: both;
  content: '';
}
.ant-card-contain-grid:not(.ant-card-loading) .ant-card-body {
  margin: -1px 0 0 -1px;
  padding: 0;
}
.ant-card-grid {
  float: left;
  width: 33.33%;
  padding: 15px;
  border: 0;
  border-radius: 0;
  box-shadow: 1px 0 0 0 #f0f0f0, 0 1px 0 0 #f0f0f0, 1px 1px 0 0 #f0f0f0, 1px 0 0 0 #f0f0f0 inset, 0 1px 0 0 #f0f0f0 inset;
  transition: all 0.3s;
}
.ant-card-rtl .ant-card-grid {
  float: right;
}
.ant-card-grid-hoverable:hover {
  position: relative;
  z-index: 1;
  box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
}
.ant-card-contain-tabs > .ant-card-head .ant-card-head-title {
  min-height: 32px;
  padding-bottom: 0;
}
.ant-card-contain-tabs > .ant-card-head .ant-card-extra {
  padding-bottom: 0;
}
.ant-card-bordered .ant-card-cover {
  margin-top: -1px;
  margin-right: -1px;
  margin-left: -1px;
}
.ant-card-cover > * {
  display: block;
  width: 100%;
}
.ant-card-cover img {
  border-radius: 12px 12px 0 0;
}
.ant-card-actions {
  margin: 0;
  padding: 0;
  list-style: none;
  background: #fff;
  border-top: 1px solid #f0f0f0;
}
.ant-card-actions::before {
  display: table;
  content: '';
}
.ant-card-actions::after {
  display: table;
  clear: both;
  content: '';
}
.ant-card-actions > li {
  float: left;
  margin: 12px 0;
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
}
.ant-card-rtl .ant-card-actions > li {
  float: right;
}
.ant-card-actions > li > span {
  position: relative;
  display: block;
  min-width: 32px;
  font-size: 14px;
  line-height: 1.5715;
  cursor: pointer;
}
.ant-card-actions > li > span:hover {
  color: #db147f;
  transition: color 0.3s;
}
.ant-card-actions > li > span a:not(.ant-btn),
.ant-card-actions > li > span > .anticon {
  display: inline-block;
  width: 100%;
  color: rgba(0, 0, 0, 0.45);
  line-height: 22px;
  transition: color 0.3s;
}
.ant-card-actions > li > span a:not(.ant-btn):hover,
.ant-card-actions > li > span > .anticon:hover {
  color: #db147f;
}
.ant-card-actions > li > span > .anticon {
  font-size: 16px;
  line-height: 22px;
}
.ant-card-actions > li:not(:last-child) {
  border-right: 1px solid #f0f0f0;
}
.ant-card-rtl .ant-card-actions > li:not(:last-child) {
  border-right: none;
  border-left: 1px solid #f0f0f0;
}
.ant-card-type-inner .ant-card-head {
  padding: 0 15px;
  background: #fafafa;
}
.ant-card-type-inner .ant-card-head-title {
  padding: 12px 0;
  font-size: 14px;
}
.ant-card-type-inner .ant-card-body {
  padding: 16px 15px;
}
.ant-card-type-inner .ant-card-extra {
  padding: 13.5px 0;
}
.ant-card-meta {
  margin: -4px 0;
}
.ant-card-meta::before {
  display: table;
  content: '';
}
.ant-card-meta::after {
  display: table;
  clear: both;
  content: '';
}
.ant-card-meta-avatar {
  float: left;
  padding-right: 16px;
}
.ant-card-rtl .ant-card-meta-avatar {
  float: right;
  padding-right: 0;
  padding-left: 16px;
}
.ant-card-meta-detail {
  overflow: hidden;
}
.ant-card-meta-detail > div:not(:last-child) {
  margin-bottom: 8px;
}
.ant-card-meta-title {
  overflow: hidden;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-card-meta-description {
  color: rgba(0, 0, 0, 0.45);
}
.ant-card-loading {
  overflow: hidden;
}
.ant-card-loading .ant-card-body {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-card-loading-content p {
  margin: 0;
}
.ant-card-loading-block {
  height: 14px;
  margin: 4px 0;
  background: linear-gradient(90deg, rgba(207, 216, 220, 0.2), rgba(207, 216, 220, 0.4), rgba(207, 216, 220, 0.2));
  background-size: 600% 600%;
  border-radius: 12px;
  -webkit-animation: card-loading 1.4s ease infinite;
          animation: card-loading 1.4s ease infinite;
}
@-webkit-keyframes card-loading {
  0%,
  100% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}
@keyframes card-loading {
  0%,
  100% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}
.ant-card-small > .ant-card-head {
  min-height: 36px;
  padding: 0 7.5px;
  font-size: 14px;
}
.ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-head-title {
  padding: 8px 0;
}
.ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-extra {
  padding: 8px 0;
  font-size: 14px;
}
.ant-card-small > .ant-card-body {
  padding: 7.5px;
}



/* --------------------------- childacre cards --------------------------- */


.bi-star-fill {
  color: var(--primary-text);
}





.bpxLQQ {
  --corner-space: 12px;
  --bottom-left-tag-space: 8px;
  --tag-custom-font-size: 12px;
  --button-top-size: 32px;
  --rating-font-size: 12px;
  --tag-height: 32px;
  --NQSR-width: 58px;
}



.gDFehk {
  --tag-size: 56px;
  --corner-space: 20px;
  --bottom-left-tag-space: 16px;
  --tag-height: 48px;
  --NQSR-width: 96px;
  --popular-font-size: 14px;
  --rating-font-size: 20px;
  --tag-custom-font-size: 18px;
  --button-top-size: 48px;
}




.gDFehk .centre-item__rating-btn {
  background: var(--primary);
  font-size: var(--rating-font-size) !important;
  width: var(--button-top-size) !important;
  height: var(--button-top-size) !important;
}





@media only screen and (max-width: 576px) {
  .gDFehk .centre-item__rating-btn {
    font-size: 12px !important;
  }
}




@media only screen and (max-width: 576px) {
  .gDFehk {
    --button-top-size: 32px;
    --rating-font-size: 12px;
    --tag-custom-font-size: 12px;
    --tag-height: 32px;
    --NQSR-width: 58px;
  }
}




@media only screen and (max-width: 576px) {
  .gDFehk {
    --NQSR-width: 58px;
    --tag-size: 40px;
    --corner-space: 12px;
    --bottom-left-tag-space: 8px;
    --tag-height: 32px;
    --popular-font-size: 12px;
    --rating-font-size: 12px;
    --tag-custom-font-size: 12px;
  }
}




.width-99 {
  width: 99% !important;
}

.h-full {
  height: 100%;
}

.juiuak {
  width: 100%;
  max-width: 100%;
  padding: 20px 7px;
  height: 100%;
}

.cIOSht {
  height: 100%;
}

.juiuak .ant-card {
  height: 100%;
}

.shadow {
  box-shadow: var(--shadow);
}


.ant-card-hoverable {
  cursor: pointer;
  transition: box-shadow .3s, border-color .3s;
}


.ant-card {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--text-primary);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum", "tnum";
  position: relative;
  background: #fff;
  border-radius: 12px;
}


.ant-card-cover>* {
  display: block;
  width: 100%;
}

.centre-item__cover-wrapper {
  position: relative;
}

.ratio-2-1 {
  padding-top: 50%;
  position: relative;
  width: 100%;
  overflow: hidden;
}


.fQswpA.cover-image__ratio>.cover-image__image {
  position: absolute;
  inset: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.ant-card-cover img {
  border-radius: 12px 12px 0 0;
}


.centre-item__group-tag {
  position: absolute;
  top: var(--corner-space);
  left: var(--corner-space);
}

.ant-space-align-center {
  align-items: center;
}




.gDFehk .block-btn {
  color: rgb(255, 255, 255);
  border-radius: 8px;
  width: 36px;
  height: 36px;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}


.gDFehk .centre-item__NQSRType-img {
  object-fit: contain;
  background: rgb(255, 255, 255);
  border-radius: 6px;
  position: absolute;
  bottom: var(--corner-space);
  right: var(--corner-space);
  width: var(--NQSR-width);
  height: var(--tag-height);
}


.gDFehk .centre-item__favorite {
  position: absolute;
  top: var(--corner-space);
  right: var(--corner-space);
  border: none;
  background-color: rgba(45, 31, 33, 0.125);
  width: var(--button-top-size) !important;
  height: var(--button-top-size) !important;
}


.gDFehk .centre-item__logo {
  margin-right: 16px;
  width: var(--tag-size) !important;
  height: var(--tag-size) !important;
}


.gDFehk .centre-item__logo {
  background: rgb(255, 255, 255);
  border: 1px solid var(--border-color-light);
  margin-right: 8px;
}


.gDFehk .centre-item__favorite {
  position: absolute;
  top: var(--corner-space);
  right: var(--corner-space);
  border: none;
  background-color: rgba(45, 31, 33, 0.125);
  width: var(--button-top-size) !important;
  height: var(--button-top-size) !important;
}



.bpxLQQ .block-btn {
  color: rgb(255, 255, 255);
  border-radius: 8px;
  width: 36px;
  height: 36px;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}

.bpxLQQ .centre-item__rating-btn {
  background: var(--primary);
  font-size: var(--rating-font-size) !important;
  width: var(--button-top-size) !important;
  height: var(--button-top-size) !important;
}

.gxlSA-d {
  font-size: 20px;
  color: rgb(255, 255, 255);
  padding: 4px;
  background: var(--primary);
  border-radius: 8px;
  display: inline-flex;
}




.bpxLQQ .centre-item__favorite {
  position: absolute;
  top: var(--corner-space);
  right: var(--corner-space);
  border: none;
  background-color: rgb(255 223 2 / 30%);
  width: var(--button-top-size) !important;
  height: var(--button-top-size) !important;
}


.bpxLQQ .centre-item__NQSRType-img {
  object-fit: cover;
  background: rgb(255, 255, 255);
  border-radius: 6px;
  position: absolute;
  bottom: var(--corner-space);
  right: var(--corner-space);
  width: var(--NQSR-width);
  height: var(--tag-height);
}


.fjOxis {
  position: absolute;
  bottom: var(--corner-space);
  left: var(--corner-space);
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}



.fjOxis {
  position: absolute;
  bottom: var(--corner-space);
  left: var(--corner-space);
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}

.bpxLQQ .styles__PopularTag-sc-180oa5u-1 {
  height: var(--tag-height);
}


.gzLxlj {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  height: 32px;
  text-align: center;
  padding: 7px 6px 7px 4px;
  background: rgb(255, 244, 236);
  border: 1px solid rgb(255, 255, 255);
  border-radius: 8px;
  font-weight: 700;
  font-size: 12px;
  color: rgb(249, 132, 55);
}


.gzLxlj .anticon {
  color: currentcolor;
  font-size: 11px;
  margin-right: 3.7px;
}


.gzLxlj {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  height: 32px;
  text-align: center;
  padding: 7px 6px 7px 4px;
  background: rgb(255, 244, 236);
  border: 1px solid rgb(255, 255, 255);
  border-radius: 8px;
  font-weight: 700;
  font-size: 12px;
  color: rgb(249, 132, 55);
}


.gYafpT {
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  color: var(--text-black-neutral);
  margin-right: 8px;
  margin-bottom: 8px;
}


.fromsearch .gYafpT {
  --margin-centre-name: 16px;
  font-weight: 700;
  color: var(--text-black-neutral);
  margin-right: var(--margin-centre-name);
  margin-bottom: var(--margin-centre-name);
  font-size: 20px;
  line-height: 30px;
}


.fromsearch .cost-per-day {
  font-size: 20px;
  line-height: 30px;
}

.fromsearch .centre-item__content span {
  font-size: 16px !important;
}


.fromsearch .centre-item__info-item {
  display: flex;
  align-items: center;
  line-height: 22px !important;
}


@media only screen and (max-width: 576px) {
  .fromsearch .cost-per-day {
    font-size: 16px;
    line-height: 24px;
  }



  .fromsearch .gYafpT {
    --margin-centre-name: 16px;
    font-weight: 700;
    color: var(--text-black-neutral);
    margin-right: var(--margin-centre-name);
    margin-bottom: var(--margin-centre-name);
    font-size: 16px;
    line-height: 20px;
  }



}


@media only screen and (max-width: 576px) {
  .fromsearch .cost-per-day {
    font-size: 16px;
    line-height: 24px;
  }
}




.ellipsis-2-t {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-word;
}

.cIOSht .centre-item__content {
  font-size: 14px;
}


.cIOSht .centre-item__info-item {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  line-height: 16px;
}



.eyhuYu.centre-address-distance__ellipsis {
  overflow: hidden;
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}


.anticon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.eyhuYu {
  max-width: 100%;
}


.eyhuYu.centre-address-distance__ellipsis .centre-address-distance__value {
  white-space: nowrap;
}

.eyhuYu.centre-address-distance__ellipsis .centre-address-distance__address {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cIOSht .centre-item__content>div:not(:first-child) {
  margin-top: 8px;
}

.gap-8 {
  gap: 8px;
}

.cIOSht .centre-item__info-item {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  line-height: 16px;
}

.cIOSht .centre-item__info-item .anticon {
  margin-right: 6px;
  color: var(--primary);
}

.cIOSht .centre-item__info-item-value {
  color: var(--text-primary);
}

.gSERqf .anticon {
  font-size: 15px;
}

.gSERqf strong {
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  color: rgb(219, 20, 127);
  margin-left: 6px;
}

.gSERqf .review-count {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: rgb(117, 128, 152);
  text-transform: lowercase;
  margin-left: 4px;
}

.items-start {
  align-items: flex-start;
}

.flex-center-between {
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
}


.flex-center {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}


.cIOSht .centre-item__info-item .anticon {
  margin-right: 6px;
  color: var(--primary);
}


.ant-checkbox-input {
  width: 1.5rem; 
  height: 1.2rem;
}


.ant-checkbox-input:checked::before {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
}


.ant-checkbox-input {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
 
  margin-right: 5px;
  border: 2px solid var(--primary);
  background-color: #fff;
  border-radius: 4px;
  outline: none;
  cursor: pointer;
}

.ant-checkbox-input:checked {
  background-color: var(--primary);
  border-color: var(--primary);
}
.ant-checkbox-input:checked::before {
  content: "\2713";
  display: block;
  text-align: center;
  color: white;
  font-size: 10px;
}






/* ----------------------------------end of childcare card -------------------*/

/* avater  her */

.ant-avatar {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--text-primary);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum","tnum";
  position: relative;
  display: inline-block;
  overflow: hidden;
  color: #fff;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  background: #ccc;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 50%;
}


 /* end of avater */




/* adding job profile styling  */     



.jobprofile .card {
  width: 98%;
  margin: 30px auto;
  border: 1px solid #eee;
  border-radius: 12px;
}

.card:hover {
  box-shadow: rgba(207, 207, 211, 0.46) 0px 8px 16px;
}
.card .banner {
  height: 160px;
  width: 100%;
  object-fit: cover;
  object-position: center;
  background-color: #eee;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  background-position: center;
  background-size: cover;
}
.card .banner img {
  height: 160px;
  width: 100%;
  object-fit: cover;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
}
.card .profile {
  display: flex;
  flex-direction: column;
}
.card .profile .icon {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.card .profile .icon label {
  margin-top: 6px;
}
.card .profile .icon .user {
  width: 148px;
  height: 148px;
  border-radius: 50%;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 30px;
  margin-top: -60px;
  background-position: center;
  background-size: cover;
  object-fit: cover;
  background-color: rgba(0, 0, 0, 0.3);
  position: relative;
  cursor: pointer;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: rgba(189, 186, 186, 0.1);
}

.card .profile .icon .user i {
  font-size: 70px;
  color: #898c8c3d;
}
.card .profile .icon .picture {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  margin-right: 30px;
  margin-top: -330px;
}
.card .profile .icon .picture i {
  font-size: 20px;
  color: #898c8c3d;
}
.card .profile .info {
  width: 96%;
  margin: 10px auto;
  display: flex;
  flex-direction: column;
}
.card .profile .info .title {
  width: 100%;
  margin: 5px auto;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.card .profile .info .title .name {
  font-size: 24px;
  font-weight: 600;
}
.card .profile .info .title .edit {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: var(--secondary);
  display: flex;
  align-items: center;
  justify-content: center;
}
.card .profile .info .subtitle {
  width: 100%;
  margin: 5px auto;
  margin-top: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.card .profile .info .subtitle .items {
  width: 50%;
  display: flex;
  flex-direction: column;
}
.card .profile .info .subtitle .items .item {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 10px;
}
.card .profile .info .subtitle .items .item i {
  color: var(--secondary);
  font-size: 15px;
}
.card .profile .info .subtitle .items .item p {
  margin: 0;
  margin-left: 10px;
}
.popup-form {
  position: fixed;
  overflow-y: scroll;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  /* height: 100%; */
  background-color: rgba(0, 0, 0, 0.3);
  padding: 20px;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
}
.popup-form-content {
  width: 75%;
  margin: auto;
  background-color: #fff;
  border-radius: 8px;
  padding: 0px 16px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.popup-form-content .close-button {
  display: block;
  position: absolute;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: none;
  background: rgb(255, 255, 255);
  box-shadow: rgba(39, 40, 51, 0.16) 0px 8px 16px;
  top: -16px;
  right: -16px;
  outline: var(--primary);
}

.modal-body {
  display: flex;
  flex-direction: column;
}
.modal-body .title {
  font-size: 24px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgba(0, 0, 0, 0.85);
  border-bottom: 1px solid #eee;
  margin-bottom: 40px;
}

.modal-body .profile-form {
  margin-top: 25px;
  display: flex;
  flex-direction: column;
  width: 95%;
  margin: 0 auto;
  min-height: 0;
  text-align: left;
  padding: 0;
  color: #000;
  font-size: 14px;
  line-height: 1.5715;
  list-style: none;
  box-shadow: none;
}
.modal-body .profile-form .form-items {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.modal-body .profile-form .form-items .form-group {
  width: 48%;
  display: flex;
  flex-direction: column;
}
.form-group3 {
  margin-top: 20px;
}
.form-group2 {
  display: flex;
  align-items: center;
  justify-content: space-around;
  border-radius: 14px;
  display: flex;
  margin: 0 0 20px;
  vertical-align: top;
  border-radius: 14px;
  border: 1px solid #ccc;
  line-height: 1;
  padding: 8px;
}
.form-group2:hover {
  border-color: var(--primary-hover);
}
.form-group2:focus {
  border-color: var(--primary-hover);
  box-shadow: 0 0 0 2px rgba(249, 255, 61, 0.849);
  outline: 0;
}
.form-group2 input {
  width: 95%;
  background-color: transparent;
  outline: none;
  border: 0;
}
.form-group2 i {
  width: 5%;
  padding: 3px;
  border-radius: 4px;
  color: #857e7f;
}
.input-label {
  padding-bottom: 5px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  margin-bottom: 5px;
}
.input-label::after {
  display: inline-block;
  margin-right: 4px;
  margin-left: 2px;
  color: #ff4d4f;
  font-size: 14px;
  line-height: 1;
  content: "*";
}

.jobprofile .email {
  line-height: 1;
  padding: 8px;
  border-radius: 14px;
  border: 1px solid #ccc;
}
.email:hover {
  border-color: var(--primary-hover);
  border-right-width: 1px !important;
}
textarea:hover {
  border-color: var(--primary-hover) !important;
}

.email:focus {
  border-color: var(--primary-hover);
  box-shadow: 0 0 0 2px rgba(249, 255, 61, 0.849);
  border-right-width: 1px !important;
  outline: 0;
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  margin-top: 75px;
  width: 43%;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 9999;
  text-align: left;
}
.jobprofile .show {
  display: flex;
  flex-direction: column;
  padding-bottom: 0px;
  border-radius: 15px;
}
.show .sub-text {
  width: 100%;
  padding-top: 3px;
  padding-left: 10px;
}
.show .sub-text1 {
  width: 100%;
  padding-top: 3px;
  padding-left: 10px;
}
.show .sub-text2 {
  width: 100%;
  padding-top: 3px;
  padding-left: 10px;
}
.show .sub-text:hover {
  background-color: #eee;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
.show .sub-text1:hover {
  background-color: #eee;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}
.show .sub-text2:hover {
  background-color: #eee;
}
.modal-body .profile-form .form-items2 {
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
}
.modal-body .profile-form .form-items2 input {
  width: 100%;
}
.modal-body .profile-form .form-items3 {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
.modal-body .profile-form .form-items3 .checkbox-work {
  margin-right: 10px;
  background-color: var(--secondary) !important;
  border-color: var(--secondary) !important;
}
.modal-body .profile-form .form-items3 .checkbox-work:checked {
  margin-right: 10px;
  background-color: var(--secondary) !important;
  border-color: var(--secondary) !important;
}
.modal-body .profile-form .form-items3 label {
  margin: 0;
  font-size: 14px;
}
.modal-body .profile-form .form-items4 {
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
}
.modal-body .profile-form .form-items4 label {
  margin-bottom: 5px;
}
.modal-body .profile-form .form-items4 select {
  line-height: 1;
  padding: 8px;
  border-radius: 14px !important;
  border: 1px solid #ccc;
}
.modal-body .profile-form .form-items4 select:hover {
  border-color: var(--primary-hover) !important;
  border-right-width: 1px !important;
}
.modal-body .profile-form .form-items4 select:focus {
  border-color: var(--primary-hover) !important;
  box-shadow: 0 0 0 2px rgba(249, 255, 61, 0.849) !important;
  border-right-width: 1px !important;
  outline: 0;
}
.footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.cancel {
  line-height: 1.5715;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  height: 40px;
  padding: 8px 15px;
  font-size: 14px;
  border-radius: 12px;
  background: #fff;
  min-width: 100px;
  border: 1px solid var(--primary);
  color: var(--primary);
  margin-right: 15px;
  outline: 0;
}
.submit {
  line-height: 1.5715;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  height: 40px;
  padding: 8px 15px;
  font-size: 14px;
  border-radius: 12px;
  background: var(--primary);
  min-width: 100px;
  border: 1px solid var(--primary);
  color: #fff;
  outline: 0;
}
.cancel:focus {
  outline: 0;
}
.submit:focus {
  outline: 0;
}

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

.career {
  display: flex;
  flex-direction: column;
}
.career .career-title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 20px 10px;
}
.career .career-title i {
  margin-left: 10px;
  font-size: 22px;
  color: var(--secondary);
}
.career .career-title h2 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 0;
  margin-left: 10px;
}
.career .career-body {
  padding: 10px 10px;
}
.career .career-body .career-text {
  margin-left: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.career .career-body .career-text .switchbox {
  margin-right: 50px;
}
.switch-label {
  display: inline-block;
  width: 50px;
  height: 22px;
  background-color: #ccc;
  border-radius: 15px;
  position: relative;
  cursor: pointer;
  transition: background-color 0.3s;
}

.switch-label:before {
  content: "";
  position: absolute;
  width: 18px;
  height: 20px;
  border-radius: 50%;
  background-color: white;
  top: 1px;
  left: 2px;
  transition: left 0.3s;
}
.checkswitch {
  display: none;
}

.checkswitch:checked + .switch-label {
  background-color: var(--primary);
}
.checkswitch:checked + .switch-label:before {
  left: 30px;
}
.search-bar {
  display: flex;
  width: 100%;
  height: 50px;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 12px;
  padding: 0 10px;
}

.search-bar i {
  line-height: 50px;
  font-size: 15px;
  color: var(--secondary);
  margin-right: 5px;
}

.search-bar input {
  background-color: transparent;
  outline: none;
  border: 0;
  font-size: 12px;
  width: 100%;
}
.form-items5 {
  display: flex;
  flex-direction: column;
  padding: 15px;
  border: 1px solid #eee;
  border-radius: 12px;
  margin: 10px 0;
}
.form-items5 h2 {
  margin: 5px auto;
}
.form-items5 i {
  color: var(--secondary);
}
.form-items5 .skills {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  margin: 10px 0;
  border-radius: 12px;
  padding: 15px;
}
.form-items5 .skillsOn {
  display: flex;
  flex-direction: column;
  background-color: #ccfbff;
  /* background-color: #ccfbff; */
  margin: 10px 0;
  border-radius: 12px;
  padding: 15px;
}
.form-items5 .skill {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
  border-radius: 12px;
}
.form-items5 .skill .skill-top {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
}
.form-items5 .skill i {
  margin-right: 10px;
  font-size: 22px;
}
.form-items5 .skill p {
  margin: 0;
}
.form-items6 {
  display: flex;
  margin: 20px 0;
}
.form-items6 .vaccination {
  width: 100%;
  display: flex;
  align-items: center;
}
.form-items6 .vaccination .vacc-nameOn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #ccfbff;
  border-radius: 12px;
  border: 1px solid #ccfbff;
  padding: 10px;
}
.form-items6 .vaccination .vacc-name {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  border-radius: 12px;
  border: 1px solid #eee;
  padding: 10px;
}
.form-items6 .vaccination p {
  margin: 0;
}
.form-items6 .vaccination input {
  line-height: 1;
  padding: 8px;
  border-radius: 14px;
  border: 1px solid #eee;
  margin-right: 15px;
}
.form-items6 .vaccination input:hover {
  border-color: var(--primary-hover);
  border-right-width: 1px !important;
}
.form-items7 {
  display: flex;
  flex-direction: column;
  margin: 10px 0;
}
.form-items7 h3 {
  margin: 5px 0;
}
.form-items7 .upload {
  border-radius: 14px;
  border: 2px dashed #eee;
  padding: 28px 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.form-items7 .upload:hover {
  border-color: var(--primary-hover);
  border-right-width: 1px !important;
}
.form-items7 .upload p {
  color: #758098;
  font-weight: 400;
}
.form-items7 .video-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
}
.form-items7 .video-link input {
  width: 78%;
  padding: 10px;
  border-radius: 12px;
  border: 1px solid #eee;
}
.form-items7 .video-link input:hover {
  border-color: var(--primary-hover);
  border-right-width: 1px !important;
}
.form-items7 .video-link button {
  width: 20%;
}

.ant-tag {
    box-sizing: border-box;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum","tnum";
    display: inline-block;
    height: auto;
    margin: 0 8px 0 0;
    padding: 0 7px;
    font-size: 12px;
    line-height: 20px;
    white-space: nowrap;
    background: #fafafa;
    border: 1px solid #d9d9d9;
    border-radius: 12px;
    opacity: 1;
    transition: all .3s;
}

/* .vs__selected-options {
  height: 20px;
} */


.vs__dropdown-toggle {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: flex;
  padding: 0 0 0px;
  background: white !important;
  /* height: 35px;   */

}

.vs__dropdown-menu .dropdown_option{
  background: var(--primary) !important;
}
.vs__actions {
  min-height: 28px !important;
  
}

.vs__dropdown-option--highlight {
  background: var(--primary) !important;
} 
/* pagination styling here */

.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80%;
}

.pagination li {
  display: inline-block;
  margin: 0 5px;
  padding: 5px 10px;
  /*  background-color: #ddd; */
  font-weight: 900;
  border-radius: 5px;
  text-decoration: none;
}

.pagination li.active {
  background-color: var(--secondary);
  border-radius: 50%;
}

.pagination a {
  color: var(--text-secondary) !important;
}

.pagination li.active a {
  color: white !important;
} 


/* adding styling of custom select */



.select-menu {
  width: min(45%, 320px);
  height: 66px;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum", "tnum";
  margin: 0 0 20px;
  vertical-align: top;
  transition: margin-bottom 0.3s linear 17ms;
  line-height: 2;
  white-space: normal;
  text-align: left;
}
.select-menu .select-btn {
  box-sizing: border-box;
  margin: 0;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: "tnum", "tnum";
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-width: 0;
  padding: 8px 11px;
  font-size: 14px;
  line-height: 1.5715;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 12px;
  outline: none;
  transition: border-color 0.3s ease-in-out;
  color: gray;
}

.select-btn:hover {
  border: 1px solid var(--secondary) !important;
  border-right-width: 1px !important;
}

.select-btn:focus {
  border-color: var(--secondary);
  box-shadow: 0 0 1px 0 var(--secondary);
  background: #fff;
  outline: none;
}

select:hover {
  border: 1px solid var(--secondary) !important;
  border-right-width: 1px !important;
  outline: none;
}

select:focus {
  border-color: var(--secondary);
  box-shadow: 0 0 1px 0 var(--secondary);
  background: #fff;
}
.select-btn i {
  font-size: 12px;
  transition: 0.3s;
}
.select-menu.active .select-btn i {
  transform: rotate(-180deg);
}
.select-menu .options {
  position: relative;
  padding: 10px;
  margin-top: 10px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  display: none;
  z-index: 1000;
  cursor: pointer;
}
.select-menu.active .options {
  display: flex;
  flex-direction: column;
  
}
.options .option {
  display: flex;
  min-height: 30px;
  cursor: pointer;
  padding: 0 8px;
  border-radius: 8px;
  align-items: center;
  background: #fff;
}
.options .option:hover {
  background: #f2f2f2;
}
.option i {
  font-size: 20px;
  margin-right: 12px;
}
.option .option-text {
  font-size: 13px;
  color: #333;
}

select {
  border: 2px solid #01071f;
  background: white;
  outline: none;
  padding: 0px 9px;
  border-radius: 12px !important;
}


.simple-range-slider{
  padding-top: 2px;
  width: 100% !important;
  padding-bottom: 1px;
} 


.simple-range-slider .simple-range-slider-bg-bar {
  direction: ltr;
  background: #bebebe;
  min-width: 50px;
  height: 10px;
  position: relative;
  margin: 40px 10px 20px;
  border-radius: 1.5px;
} 


.simple-range-slider .simple-range-slider-bg-bar .simple-range-slider-bar{
  background: var(--primary) !important;
}


/* adding more styling to the wizard form */

.child-application .vue-form-wizard .wizard-tab-content {
  height: calc(100vh - 310px) !important;
  padding: 24px 5px 10px;
}



.child-application .vue-form-wizard .wizard-card-footer {
  padding: 0 20px;
  position: absolute !important;
 
  padding: 0 20px;
    position: absolute !important;
    background: white;
     margin-top: 40px; 
    padding-top: 15px;
    width: calc(100% - 100px);
}


@media (max-width: 968px) {
    
  .child-application .vue-form-wizard .wizard-card-footer {
    padding: 0 20px;
    position: absolute !important;
   
    padding: 0 20px;
      position: absolute !important;
      background: white;
      /* margin-top: 10px; */
      padding-top: -1rem;
      width: 97%;
  }

}

@media(max-width: 767px) {
  .modal-body .profile-form .form-items {
   flex-wrap: wrap !important;
  }
}



@media (max-width: 567px) {
    
  .child-application .vue-form-wizard .wizard-card-footer {
    padding: 0 0px;
    position: absolute !important;
   
    padding: 0 20px;
      position: absolute !important;
      background: white;
       margin-top: 1.2rem;
      padding-top: -1rem;
      width: 97%;
  }

  .options .option {
    line-height: 2rem !important;
    padding: 2px 4px !important;
    z-index: 10 !important;
     /* background-color: red !important; */
  }

  .popup-form-content {
    width: 90% !important;
 
  }

}

.wizard-btn{
  color: #000 !important;
}



.stepper-item.current .stepper-item-counter{
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;

}  

.stepper-item-counter{
   
  background-color: var(--primary-disabled) !important;
  border-color: var(--primary-disabled) !important;
}

.text-primary{
  color: var(--primary) !important;
}  

.stepper-progress-bar{
  background: var(--primary) !important;
}



.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
  color: #000;
  background-color: var(--primary);
  border-color: var(--primary);
  opacity: .8;
}
/* vue picker(time) */
.vue__time-picker{display:inline-block;position:relative;font-size:1em;width:10em;font-family:sans-serif;vertical-align:middle}.vue__time-picker *{box-sizing:border-box}.vue__time-picker input.vue__time-picker-input{border:1px solid #d2d2d2;width:10em;height:2.2em;padding:.3em .5em;font-size:1em}.vue__time-picker input.has-custom-icon{padding-left:1.8em}.vue__time-picker input.vue__time-picker-input.invalid:not(.skip-error-style){border-color:#c03;outline-color:#c03}.vue__time-picker input.vue__time-picker-input.disabled,.vue__time-picker input.vue__time-picker-input:disabled{color:#d2d2d2}.vue__time-picker .controls{position:absolute;top:0;bottom:0;right:0;z-index:3;display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:stretch;pointer-events:none}.vue__time-picker .controls>*{cursor:pointer;width:auto;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;padding:0 .35em;color:#d2d2d2;line-height:100%;font-style:normal;pointer-events:auto;transition:color .2s,opacity .2s}.vue__time-picker .controls>:hover{color:#797979}.vue__time-picker .controls>:active,.vue__time-picker .controls>:focus{outline:0}.vue__time-picker .controls .char{font-size:1.1em;line-height:100%;-webkit-margin-before:-.15em}.vue__time-picker .custom-icon{z-index:2;position:absolute;left:0;top:0;bottom:0;width:1.8em;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;pointer-events:none}.vue__time-picker .controls img,.vue__time-picker .controls svg,.vue__time-picker .custom-icon img,.vue__time-picker .custom-icon svg{display:inline-block;vertical-align:middle;margin:0;border:0;outline:0;max-width:1em;height:auto}.vue__time-picker .time-picker-overlay{z-index:4;position:fixed;top:0;left:0;right:0;bottom:0}.vue__time-picker .dropdown{position:absolute;z-index:5;top:calc(2.2em + 2px);left:0;background:#fff;box-shadow:0 1px 6px rgba(0,0,0,.15);width:10em;height:10em;font-weight:400}.vue__time-picker .dropdown.drop-up{top:auto;bottom:calc(2.2em + 1px)}.vue__time-picker .dropdown .select-list{width:10em;height:10em;overflow:hidden;display:flex;flex-flow:row nowrap;align-items:stretch;justify-content:space-between}.vue__time-picker .dropdown .select-list:active,.vue__time-picker .dropdown .select-list:focus{outline:0}.vue__time-picker .dropdown ul{padding:0;margin:0;list-style:none;outline:0;flex:1 1 0.00001px;overflow-x:hidden;overflow-y:auto}.vue__time-picker .dropdown ul.apms,.vue__time-picker .dropdown ul.minutes,.vue__time-picker .dropdown ul.seconds{border-left:1px solid #fff}.vue__time-picker .dropdown ul li{list-style:none;text-align:center;padding:.3em 0;color:#161616}.vue__time-picker .dropdown ul li:not(.hint):not([disabled]):focus,.vue__time-picker .dropdown ul li:not(.hint):not([disabled]):hover{background:rgba(0,0,0,.08);color:#161616;cursor:pointer}.vue__time-picker .dropdown ul li:not([disabled]).active,.vue__time-picker .dropdown ul li:not([disabled]).active:focus,.vue__time-picker .dropdown ul li:not([disabled]).active:hover{background:#41b883;color:#fff}.vue__time-picker .dropdown ul li[disabled],.vue__time-picker .dropdown ul li[disabled]:hover{background:transparent;opacity:.3;cursor:not-allowed}.vue__time-picker .dropdown .hint{color:#a5a5a5;cursor:default;font-size:.8em}

.vs__search, .vs__search:focus {
  padding: 3px 11px;
  font-size: 1.3rem;
} 


.vs__dropdown-toggle {
 
  border-radius: 4px !important;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.vs__selected{
  font-size: 1 !important;
}

.create-label {
  font-size: 1.2rem;
  font-weight: 600;
}


@media screen  and (min-width: 1024px){ 
    .w-lg-75{
      width: 75% !important;
    }
}

@media screen  and (max-width: 512px){ 

.size-sm-20{
  font-size: 20px;
  } 

  .lh-sm-30{
  line-height: 30px;
  } 

}

body{
  font-family: Mulish,sans-serif;
}


.z-9999{
  z-index: 9999;
}

@media(max-width: 768px){
  .juiuak {
    width: 100%;
    max-width: 90%;
    padding: 20px 7px;
    height: 100%;
  }
}

@media(max-width:600px){
  .popup-form-content .close-button {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 28px !important;
    height: 28px !important;
    border-radius: 50%;
    background: rgb(255, 255, 255);
    box-shadow: rgba(39, 40, 51, 0.16) 0px 8px 16px;
    top: 2px !important;
    right: 1px !important;
    outline: var(--primary);
    border:1px solid lightblue !important;
}

.footer {
  gap: 6px !important;
  margin-bottom: 4px !important;
  margin-top: 8px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}


.popup-form {
  padding: 0px !important;
}
}

@media (max-width: 400px){
  .form1{
    width: 95% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .child-application .vue-form-wizard .wizard-card-footer{
    width: 90% !important;
    /* display: flex; */
    /* flex-direction: row; */
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 5px !important;
  }
 }

 .v3ti .v3ti-tag{
  background: var(--primary) !important;
}
.v3ti input:focus{
  outline: var(--primary) !important;
}
.v3ti .v3ti-content:focus{
  outline: var(--primary) !important;
  
}
.v3ti .v3ti-tag{
  background: var(--primary) !important;
  background-color:var(--primary) !important;
}