@import url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;

1,9..40,100..1000&display=swap);.pdf::before {
  content: "PDF";
  color: white;
  padding: 5px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  background: red;
  font-size: 10px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.content-inner {
  padding: 48px 53px;
}

@media only screen and (max-width: 991px) {
  .content-inner {
    padding: 50px 48px !important;
  }
}

@media only screen and (max-width: 490px) {
  .content-inner {
    padding: 32px 16px !important;
  }
}

.product-image {
  width: 120px;
  height: 120px;
  border-radius: 4px;
  overflow: hidden;
}

.product-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.content-inner-edit,
.content-home {
  padding: 100px 53px;
}

@media only screen and (max-width: 992px) {
  .content-inner-edit,
  .content-home {
    padding: 95px 48px !important;
    padding-bottom: 50px !important;
  }
}

@media only screen and (max-width: 490px) {
  .content-inner-edit,
  .content-home {
    padding: 90px 20px !important;
    padding-bottom: 50px !important;
  }
}

.border-right {
  border-right: 1px solid #929BBA !important;
}

.share-model .modal-dialog {
  overflow-y: initial !important;
}

.share-model .modal-body {
  height: 50vh;
  overflow-y: auto;
  padding: 1.5rem 1.75rem;
}

.share-model .status-section {
  border: 1px solid #929BBA;
  border-radius: 8px;
  padding: 10px;
}

.share-model .vcf_card {
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
  min-height: 200px;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.share-model .vcf_card__wrapper {
  background-color: #33333D;
  padding: 1.5em 1em;
  flex-grow: 1;
}

.share-model .vcf_card__wrapper.generateImageSection .jsQrPreviewName.jsCardTextColor {
  font-size: 16.25px;
}

.share-model .vcf_card__wrapper.generateImageSection .jsCardTextColor {
  font-size: 12.8px;
}

.share-model .vcf_card .jsCardTextColor {
  color: #fff;
}

.share-model .vcf_card .qr-image canvas {
  float: right;
}

.share-model .jsCardColorPickerWrap .pcr-button,
.share-model .jsCardTextColorPickerWrap .pcr-button,
.share-model .jsQrColorPickerWrap .pcr-button {
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
}

.share-model .jsCardColorPickerWrap .pcr-app.visible,
.share-model .jsCardTextColorPickerWrap .pcr-app.visible,
.share-model .jsQrColorPickerWrap .pcr-app.visible {
  width: 100% !important;
  position: initial !important;
}

.share-model .jsCardTextColor {
  white-space: normal;
}

.share-model .jsQrPreviewEmail {
  letter-spacing: 0.1px;
  word-break: break-word;
  white-space: normal;
}

.share-model .social-share .image-wrapper {
  margin-right: 2.5em;
}

@media only screen and (max-width: 767px) {
  .share-model .social-share .image-wrapper {
    margin-right: 1em;
  }
}

.share-model .social-share .image-wrapper .social-image {
  width: 52px;
  height: 52px;
  margin: auto;
}

@media only screen and (max-width: 767px) {
  .share-model .social-share .image-wrapper .social-image {
    width: 28px;
    height: 28px;
  }
}

.share-model .social-share .image-wrapper .social-image img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.error {
  color: red !important;
}

.switch.switch-primary:not(.switch-outline) input:checked ~ span.fill-blue:before {
  background-color: #2F80ED;
}

.switch.switch-primary:not(.switch-outline) input:empty ~ span:before {
  background-color: #dadada;
}

.dots {
  background-color: #222222;
  border-radius: 50%;
  width: 1%;
  height: 6px;
}

.notes {
  color: gray;
  font-size: 0.9em;
  text-align: right !important;
}

.pe-none {
  pointer-events: none;
}

.card-custom {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px !important;
}

.card-custom .card-title .card-label {
  font-weight: 500;
  font-size: 1.275rem;
  color: #181c32;
}

.radio > input:checked ~ span {
  background-color: #20A8D8;
}

.wrapper {
  padding-left: 0;
}

.btn:hover {
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.4);
}

.dark-hover-bg:hover,
.dark-hover-bg {
  background-color: rgba(0, 0, 0, 0.4) !important;
}

.text-black {
  color: black;
}

.text-note {
  font-size: 0.9em;
}

.image-input-wrapper {
  background-size: contain !important;
  background-position: center !important;
  background-color: #eaeaea;
}

.error {
  font-size: 0.88em;
}

.modal-public-url-share .social-share .image-wrapper {
  margin-right: 2.5em;
}

@media only screen and (max-width: 767px) {
  .modal-public-url-share .social-share .image-wrapper {
    margin-right: 1em;
  }
}

.modal-public-url-share .social-share .image-wrapper .social-image {
  width: 52px;
  height: 52px;
  margin: auto;
}

@media only screen and (max-width: 767px) {
  .modal-public-url-share .social-share .image-wrapper .social-image {
    width: 28px;
    height: 28px;
  }
}

.modal-public-url-share .social-share .image-wrapper .social-image img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

#toast-container .toast {
  background-color: #1bc5bd !important;
  opacity: 1 !important;
}

.image-smooth-zoom {
  transition: transform 0.2s ease-in-out;
}

.cke_notification_warning {
  display: none !important;
}

.nav-item .active {
  color: #20A8D8 !important;
}

.nav-item .nav-link:hover {
  color: #20A8D8 !important;
}

.cursor-pointer-none {
  pointer-events: none;
}

.bg-default-color {
  background-color: #1b264f !important;
}

.bg-soften-blue {
  background: #E9F7FF !important;
}

@media only screen and (max-width: 767px) {
  .sharing_configuration__button {
    margin-bottom: 1em;
  }
}

@media only screen and (max-width: 767px) {
  .sharing_configuration__label {
    margin-bottom: 1em !important;
  }
}

@media only screen and (max-width: 767px) {
  .sharing_configuration__input {
    margin-bottom: 1em;
  }
}

.modal-open {
  overflow: hidden !important;
}

@font-face {
  font-family: "icomoon";
  src: url("/fonts/iconmoon.eot");
  src: url("/fonts/iconmoon.eot") format("embedded-opentype"), url("/fonts/icomoon.ttf") format("truetype"), url("/fonts/icomoon.woff") format("woff"), url("/fonts/icomoon.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^=iconn-],
[class*=" iconn-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: rgb(27, 38, 80);
  font-size: 1.65em;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^=iconn-] span,
[class*=" iconn-"] span {
  font-size: unset;
}

.iconn-phone::before {
  content: "\E900";
  color: inherit;
}

.iconn-phone .phone::before {
  content: "\E901";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.iconn-call::before {
  content: "\E902";
  color: inherit;
}

.iconn-call .call::before {
  content: "\E903";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.iconn-location::before {
  content: "\E904";
  color: inherit;
}

.iconn-location .location::before {
  content: "\E905";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.iconn-mail::before {
  content: "\E906";
  color: inherit;
}

.iconn-mail .mail::before {
  content: "\E907";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.iconn-website {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.iconn-website::before {
  content: "\E904";
  color: inherit;
}

.iconn-website .website::before {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 1rem;
  color: rgb(255, 255, 255);
  transform: translate(-50%, -50%);
  color: rgb(255, 255, 255);
}

@media (max-width: 767px) {
  body {
    font-size: 11px !important;
  }
}

@media (min-width: 1024px) {
  body {
    font-size: 14px !important;
  }
}

@media only screen and (min-width: 1920px) {
  body {
    font-size: 16px !important;
  }
}

p,
span {
  font-size: 0.8em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #222222;
}

table.table,
table {
  font-size: 13px;
  line-height: 1 !important;
}

@media only screen and (max-width: 768px) {
  table.table,
  table {
    display: block;
    width: 100%;
    overflow-x: auto;
  }
}

table.table thead th,
table thead th {
  color: #929BBA;
  font-weight: normal;
  padding: 20px 20px 20px 0;
}

table.table thead tr,
table thead tr {
  background: radial-gradient(circle at bottom, #ddd 1px, transparent 1.5px) repeat-x bottom !important;
  background-size: 5px 4px !important;
}

table.table tbody td,
table tbody td {
  color: #1B2650;
  font-weight: 500;
  padding: 20px;
  padding: 20px 20px 20px 0;
}

table.table tbody tr,
table tbody tr {
  background: radial-gradient(circle at bottom, #ddd 1px, transparent 1.5px) repeat-x bottom !important;
  background-size: 5px 4px !important;
}

.border-dashed {
  border-bottom: 1px dashed #ddd !important;
  background: none;
  background-size: 0 !important;
}

label,
.form-group label {
  color: #1B2650;
}

hr {
  border-color: #eeeff3;
}

.signup-promotion {
  clear: both;
}

.signup-promo {
  color: #fff;
  padding: 14px 19px;
  background-color: #1b2650;
  font-size: 16px;
  gap: 13rem;
  border-radius: 7px;
  position: fixed;
  bottom: 10px;
}

@media only screen and (max-width: 691px) {
  .signup-promo {
    gap: 2rem;
  }
}

@media only screen and (max-width: 559px) {
  .signup-promo {
    padding: 10px 12px;
    font-size: 12px;
  }
}

@media only screen and (max-width: 475px) {
  .signup-promo {
    padding: 8px 10px;
    font-size: 10px;
  }
}

@media only screen and (max-width: 320px) {
  .signup-promo {
    font-size: 8px;
  }
}

.signup-promo a {
  display: inline-block;
  text-align: center;
  color: #fff;
  list-style: none;
  background-color: #f58223;
  border-radius: 4px;
  padding: 6px 28px;
}

.lead-contact-us {
  font-weight: 800;
  color: #ECF1FF;
  padding: 14px 19px;
  background-color: #F58223;
  font-size: 16px;
  gap: 6rem;
  border-radius: 7px;
  position: fixed;
  bottom: 10px;
}

@media only screen and (max-width: 691px) {
  .lead-contact-us {
    gap: 2rem;
  }
}

@media only screen and (max-width: 559px) {
  .lead-contact-us {
    padding: 10px 12px;
    font-size: 12px;
  }
}

@media only screen and (max-width: 475px) {
  .lead-contact-us {
    padding: 8px 10px;
    font-size: 10px;
  }
}

@media only screen and (max-width: 320px) {
  .lead-contact-us {
    font-size: 8px;
  }
}

.lead-contact-us button {
  font-family: Avenir;
  font-size: 16px;
  font-weight: 800;
  text-align: center;
  border: none;
  display: inline-block;
  text-align: center;
  color: #1B264F;
  list-style: none;
  background-color: #fff;
  border-radius: 4px;
  padding: 6px 28px;
}

.filepond--credits {
  display: none;
}

.cursor-pointer {
  cursor: pointer;
}

.btn-blue-1 {
  background-color: #2F80ED;
  color: #fff;
}

.razorpay-payment-button {
  background-color: #1B2650;
  color: #fff;
  padding: 0.825rem 1.42rem;
  font-size: 1.08rem;
  line-height: 1.5;
  border-radius: 0.42rem;
}

.wide {
  padding: 0.65rem 2.7rem;
}

.btn-dark-blue {
  background-color: #1B2650;
  color: #fff;
}

.btn-dark-blue:hover {
  color: #fff;
}

.btn i {
  font-size: inherit;
  color: inherit;
}

.btn-share {
  border-radius: 4px;
  padding: 4px 8px;
}

.btn-share.off {
  background-color: #929BBA;
  color: #fff;
}

.btn-share.live {
  background-color: #2F80ED;
  color: #fff;
}

.btn-confirm {
  position: absolute;
  left: 0%;
  right: 0%;
  top: 0%;
  bottom: 0%;
  background-color: #ff0058;
}

.btn.btn-outline-blue-1 {
  border: 1px solid;
  background-color: transparent;
  border-color: #2F80ED;
  color: #2F80ED;
  padding: 0.72rem 1.8rem;
}

.btn.btn-outline-blue-1:hover {
  background-color: #2F80ED;
  border-color: white;
  color: #fff;
}

.guest-user-dropdown-btn {
  background: #ECF1FF;
  color: #1B2650;
  border-radius: 5px;
  font-size: 1.2em;
}

.guest-user-dropdown-btn::after {
  content: none !important;
}

.btn-alice-blue {
  background: #F5F8FA;
  color: #5E6278;
}

#kt_quick_user_toggle {
  background-color: unset;
  box-shadow: none;
}

#kt_quick_user_toggle:hover .symbol {
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.4);
}

.btn-light-blue {
  background-color: #F1FAFF;
  color: #20A8D8;
}

.btn-light-blue:hover {
  color: #fff;
  background-color: #3699ff;
  border-color: transparent;
}

.purple-ish-blue {
  color: #222222;
}

.light-med-grey {
  color: #929BBA;
}

.dark-grey {
  color: #5E6278;
}

.dark-blue {
  color: #1B2650;
}

.blue-1 {
  color: #2F80ED;
}

.blue-2 {
  color: #20A8D8;
}

.text-orange {
  color: #F58223;
}

.text-green {
  color: #4BB543 !important;
}

.gray-1 {
  color: #4F4F59;
}

.gray-2 {
  color: #82828C;
}

.gray-3 {
  color: #33333D;
}

.custom-seetAlert .swal2-header .swal2-title {
  font-size: 1.7em;
}

.custom-seetAlert .swal2-content .swal2-html-container {
  font-size: 1em;
}

.custom-seetAlert .swal2-actions .swal2-cancel {
  color: black;
  border-radius: 4px;
}

.custom-seetAlert .swal2-actions .swal2-confirm {
  border-radius: 4px;
}

.after-subscription h2 {
  color: #000000;
}

.after-subscription h6 {
  color: #1B2650;
  line-height: 28px;
}

.swiper-container {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  background: #fff;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.swiper-button-prev::after,
.swiper-button-next::after {
  font-size: 1.3em !important;
}

.fs-1 {
  font-size: 1.222rem !important;
}

.fs-2 {
  font-size: 1.111rem !important;
}

.fs-3 {
  font-size: 1rem !important;
}

.fs-4 {
  font-size: 0.888rem !important;
}

.fs-5 {
  font-size: 0.777rem !important;
}

.fs-1em {
  font-size: 1em;
}

.fs-2em {
  font-size: 2em;
}

.fs-3em {
  font-size: 3em;
}

.fs-4em {
  font-size: 4em;
}

.fs-5em {
  font-size: 5em;
}

.fs-6em {
  font-size: 6em;
}

.fs-7em {
  font-size: 7em;
}

.fs-8em {
  font-size: 8em;
}

.fs-9em {
  font-size: 9em;
}

.fs-10em {
  font-size: 10em;
}

.object-fit-contain {
  -o-object-fit: contain !important;
     object-fit: contain !important;
}

@media only screen and (min-width: 1500px) {
  .col-xxl-3 {
    max-width: 25%;
    flex: 0 0 25%;
  }
}

.text-gray-3 {
  color: #33333D;
}

.word-wrap {
  word-wrap: break-word;
}

.word-wrap-all {
  word-break: break-all;
}

.disable-div {
  opacity: 0.3;
  pointer-events: none;
}

.btn-not-active {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
}

.badge-light-orange {
  background-color: #FFF2E8;
  color: #F58223;
}

.badge-orange {
  background-color: #F58223;
  color: #fff;
}

@media (max-width: 768px) {
  .swiper-container {
    position: static !important;
  }

  .swiper-container-wrapper {
    position: relative !important;
  }
}

.mobile-stick-footer .dropdown-toggle::after {
  display: none !important;
}

.custom-checkbox {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  height: 1rem;
  width: 1rem;
  border-radius: 0.1rem;
  outline: 2px solid #20A8D8;
  accent-color: #20A8D8;
  margin-right: 0.6rem;
  flex-shrink: 0;
  margin-top: 5px;
}

.custom-checkbox:checked {
  -moz-appearance: auto;
       appearance: auto;
  -webkit-appearance: auto;
  outline: 0;
  color: fff !important;
}

.view-dp-btn .fa-eye:before {
  position: static !important;
}

.dataTables_wrapper .dataTables_filter label {
  width: 33% !important;
}

.dataTables_wrapper .dataTables_filter label input {
  width: 70% !important;
}

.select2-selection__rendered {
  font-size: 1.5em;
}

.select2-container--default .select2-results__option {
  font-size: 1.5em;
}

.select2-search__field {
  font-size: 1.4em;
}

/*
Components
*/

.jsloader {
  position: fixed;
  z-index: 10001;
  background-color: rgba(0, 0, 0, 0.86);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.jsloader .lds-ripple {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}

.jsloader .lds-ripple div {
  position: absolute;
  border: 4px solid #fff;
  opacity: 1;
  border-radius: 50%;
  -webkit-animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
          animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.jsloader .lds-ripple div:nth-child(2) {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s;
}

@-webkit-keyframes lds-ripple {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }

  100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}

@keyframes lds-ripple {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }

  100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}

.offcanvas-right .badge-notification {
  top: -13px;
  margin-left: 3px;
}

.stiky-expire-bar {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}

.kt-header-top-54 {
  top: 54px !important;
}

.kt-header-top-65 {
  top: 100px !important;
}

.page-heading-top-130 {
  top: 128px !important;
}

.content-inner-pt-102 {
  padding-top: 150px !important;
}

.content-inner-pt-170 {
  padding-top: 170px !important;
}

/*
Layouts
*/

.side-navigation {
  background: linear-gradient(180deg, #1E2751 0%, #424A72 100%);
}

.header-mobile {
  background-color: #1B264F;
}

.header-mobile .brand-image-mobile {
  width: 130px;
  height: 60px;
}

.header-mobile .brand-image-mobile img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.header-mobile-fixed .header-mobile {
  height: 55px;
}

.header .brand-image {
  height: 70px;
  width: 121px;
  margin-right: 3em;
  transform: scale(1.3);
}

.header .brand-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: left;
     object-position: left;
}

.header-breadcrumbs {
  padding: 0 3em;
}

@media only screen and (max-width: 992px) {
  .header-breadcrumbs {
    padding: 0 1em;
    position: fixed;
    right: 0;
    left: 0;
    background: white;
    z-index: 1000;
  }

  .header-breadcrumbs .page-name {
    font-size: 13.3px;
  }
}

.header .main-nav {
  padding: 0 3em;
  background-color: #1B264F;
}

.header .main-nav .header-menu {
  align-items: center;
}

.header .main-nav .header-menu .menu-nav .menu-item.menu-item-active .menu-link {
  background-color: rgba(255, 255, 255, 0.15) !important;
}

.header .main-nav .header-menu .menu-nav .menu-item.menu-item-active .menu-link .menu-text {
  color: #fff !important;
}

.header .main-nav .header-menu .menu-nav .menu-item:hover .menu-link {
  background-color: rgba(255, 255, 255, 0.15) !important;
}

.header .main-nav .header-menu .menu-nav .menu-item:hover .menu-link .menu-text {
  color: #fff !important;
}

.header .main-nav .header-menu .menu-nav .menu-item .menu-text,
.header .main-nav .header-menu .menu-nav .menu-item.menu-item-active .menu-text {
  color: #fff !important;
}

.header-with-breadcrums .main-nav {
  padding: 1em 3em;
}

@media only screen and (max-width: 992px) {
  .header-with-breadcrums .main-nav {
    padding: 0em 3em;
  }
}

.header.header-fixed {
  left: 0;
}

.header.header-fixed.edit-profile-header {
  display: block;
  height: 160px;
}

@media only screen and (max-width: 992px) {
  .header.header-fixed.edit-profile-header {
    height: auto;
  }
}

@media only screen and (max-width: 992px) {
  .header.header-fixed.edit-profile-header .menu-big {
    display: none !important;
  }

  .header.header-fixed.edit-profile-header .page-heading {
    padding-left: 4rem !important;
  }
}

@media only screen and (max-width: 992px) and (max-width: 425px) {
  .header.header-fixed.edit-profile-header .page-heading {
    padding-left: 1rem !important;
  }
}

.header .symbol.symbol-light-primary .symbol-label {
  background-color: rgba(255, 255, 255, 0.15);
}

.header ul.menu-nav .menu-item .menu-text,
.header ul.menu-nav-mobile .menu-item .menu-text {
  color: #fff !important;
}

.header ul.menu-nav .menu-item.menu-item-active .menu-link,
.header ul.menu-nav .menu-item:hover .menu-link,
.header ul.menu-nav-mobile .menu-item.menu-item-active .menu-link,
.header ul.menu-nav-mobile .menu-item:hover .menu-link {
  background-color: rgba(255, 255, 255, 0.2) !important;
}

.header ul.menu-nav .menu-item.menu-item-active .menu-link .menu-text,
.header ul.menu-nav .menu-item:hover .menu-link .menu-text,
.header ul.menu-nav-mobile .menu-item.menu-item-active .menu-link .menu-text,
.header ul.menu-nav-mobile .menu-item:hover .menu-link .menu-text {
  color: #fff !important;
}

.fixed {
  position: fixed !important;
  z-index: 999;
  box-shadow: 0 0.5px 12px #7e8299;
}

.logo-center {
  display: block;
  margin: 0 auto;
}

.sharing-setting {
  cursor: pointer;
}

.header-links {
  padding: 1rem 0 1rem 3rem !important;
  gap: 1.5rem;
  list-style: none;
}

@media only screen and (max-width: 590px) {
  .header-links {
    padding: 1.5rem 0 1.5rem 3rem !important;
    gap: 1.2rem;
  }

  .header-links .header-text {
    font-size: 1rem;
    font-weight: 500 !important;
  }
}

@media only screen and (max-width: 490px) {
  .header-links {
    padding: 1rem 0 1rem 3rem !important;
    gap: 1rem;
  }

  .header-links .header-text {
    font-size: 0.9rem;
    font-weight: 500 !important;
  }
}

@media only screen and (max-width: 425px) {
  .header-links {
    padding: 1rem 0 1rem 0rem !important;
  }
}

@media only screen and (max-width: 375px) {
  .header-links {
    padding: 0.5rem 0 0.5rem 0rem !important;
  }

  .header-links .header-text {
    font-size: 0.7rem;
    font-weight: 500 !important;
  }
}

@media only screen and (max-width: 320px) {
  .header-links {
    padding: 0.8rem 0 0.8rem 0rem !important;
  }

  .header-links .header-text {
    font-size: 0.6rem;
    font-weight: 500 !important;
  }
}

.header-link:link,
.header-link:visited {
  color: #5e6278;
  font-weight: 500;
  font-size: 1.2rem;
  transition: all 0.3s;
}

.header-link:link.header-link-active,
.header-link:visited.header-link-active {
  background-color: #ecf0fd;
  padding: 0.9rem;
  border-radius: 6px !important;
}

.header-link:link.header-link-active .header-text,
.header-link:visited.header-link-active .header-text {
  color: #1B2650;
}

.menu-small {
  display: none;
}

@media only screen and (max-width: 991px) {
  .menu-small {
    display: flex;
  }
}

@media (min-width: 992px) {
  .public-header {
    height: 105px !important;
  }
}

.mobile-stick-footer {
  position: fixed;
  bottom: 0;
  z-index: 1000;
  background-color: #1B264F;
  left: 0;
  right: 0;
  padding: 0em 0.5em !important;
}

.mobile-stick-footer.mobile-edit-stick-footer {
  padding: 0em 0.1em !important;
}

.mobile-stick-footer-public-profile .header-link-mobile a {
  font-size: 0.9em;
}

.mobile-stick-footer .link {
  color: white;
}

.mobile-stick-footer .col {
  padding: 1em;
}

.mobile-stick-footer .header-links {
  padding: 0 0.8rem !important;
}

@media only screen and (max-width: 600px) {
  .mobile-stick-footer .header-links {
    gap: 0rem;
  }
}

/*
Pages
*/

.user_profile .contact-details a {
  color: #222222;
}

.user_profile .contact-details a i {
  font-size: 17px;
  color: #1B2650;
}

.user_profile .why_us .points i {
  color: #2F80ED;
}

.user_profile .socialshare_icon {
  width: 21%;
  margin-right: 6px;
}

.subscribe {
  padding: 20px;
}

.subscribe .status-section {
  display: flex;
}

.subscribe .show-cross-btn::-webkit-search-cancel-button {
  display: block;
  cursor: pointer;
  opacity: 1 !important;
}

@media only screen and (max-width: 576px) {
  .subscribe {
    padding: 0 !important;
  }
}

@media only screen and (max-width: 450px) {
  .subscribe .fee-section {
    flex-direction: column !important;
    gap: 2rem;
  }
}

.subscribe .payment-wrapper {
  padding: 32px;
}

.update-subscribe {
  padding: 20px 200px;
}

.update-subscribe .payment-wrapper {
  padding: 32px;
}

.gallery-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 150px));
  -moz-column-gap: 20px;
       column-gap: 20px;
}

@media only screen and (max-width: 663px) {
  .gallery-grid {
    grid-template-columns: repeat(auto-fit, minmax(120px, 120px)) !important;
    justify-content: start !important;
  }

  .gallery-grid .image-input .image-input-wrapper {
    width: 120px !important;
    height: 120px !important;
  }
}

.video-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 250px));
  -moz-column-gap: 20px;
       column-gap: 20px;
}

@media only screen and (max-width: 663px) {
  .video-grid {
    grid-template-columns: repeat(auto-fit, minmax(120px, 250px)) !important;
    justify-content: center !important;
  }

  .video-grid .image-input .image-input-wrapper {
    width: 120px !important;
    height: 120px !important;
  }
}

.image-input .image-input-wrapper {
  width: 150px;
  height: 150px;
}

#galleryImg {
  height: 0;
  width: 0;
  overflow: hidden;
}

@media (min-width: 992px) {
  .public-profile-page .header.header-fixed {
    left: 0;
  }

  .public-profile-page .wrapper {
    padding-left: 0;
  }
}

.public-profile {
  /* magnifying glass icon */
}

.public-profile .zoom {
  display: inline-block;
  position: relative;
}

.public-profile .zoom .zoomImg {
  background: white;
  cursor: zoom-in;
}

.public-profile .zoom img {
  display: block;
}

.public-profile .zoom img::-moz-selection {
  background-color: transparent;
}

.public-profile .zoom img::selection {
  background-color: transparent;
}

.public-profile .zoom:after {
  content: "";
  display: block;
  width: 33px;
  height: 33px;
  position: absolute;
  top: 0;
  right: 0;
}

.public-profile .zoom .zoom-custom-width {
  width: 500px !important;
  height: auto !important;
}

@media (max-width: 700px) {
  .public-profile .social-icons {
    margin-left: 0 !important;
  }
}

.public-profile .testimonials .swiper-container-wrapper .mySwiper {
  padding: 0 1.5em;
}

@media (min-width: 800px) {
  .public-profile .testimonials .swiper-container-wrapper .mySwiper {
    padding: 0 2.5em;
  }
}

.public-profile .testimonials .swiper-container-wrapper .mySwiper .swiper-slide {
  padding: 2em;
  border: 1px solid #E0E0E5;
  border-radius: 12px;
}

.public-profile .testimonials .swiper-container-wrapper .mySwiper .swiper-slide .description-text {
  min-height: 230px;
  max-height: 230px;
  overflow-y: auto;
}

.public-profile .testimonials .swiper-container-wrapper .mySwiper .swiper-slide .description-text .description {
  white-space: pre-line;
}

.public-profile .testimonials .swiper-container-wrapper .mySwiper .swiper-slide .company_logo {
  width: 120px;
  height: 60px;
}

.public-profile .testimonials .swiper-container-wrapper .mySwiper .swiper-slide .company_logo img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: left;
     object-position: left;
}

.public-profile .testimonials .swiper-container-wrapper .mySwiper .swiper-slide .quote-img {
  position: absolute;
  right: -13px;
  top: -30px;
  width: 120px;
  height: 90px;
}

@media (min-width: 1000px) {
  .public-profile .testimonials .swiper-container-wrapper .mySwiper .swiper-slide .quote-img {
    width: 90px;
    top: -41px;
  }
}

@media (max-width: 600px) {
  .public-profile .testimonials .swiper-container-wrapper .mySwiper .swiper-slide .quote-img {
    width: 70px;
    top: -46px;
  }
}

.public-profile .testimonials .swiper-container-wrapper .mySwiper .swiper-slide .quote-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.public-profile .testimonials .swiper-container-wrapper .mySwiper .swiper-slide .profile-info .image {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  overflow: hidden;
}

.public-profile .testimonials .swiper-container-wrapper .mySwiper .swiper-slide .profile-info .name {
  color: #4F4F59;
}

.public-profile .testimonials .swiper-container-wrapper .mySwiper .swiper-slide .profile-info .company_name {
  color: #82828C;
}

.public-profile .testimonials .swiper-container-wrapper .mySwiper .swiper-button-prev {
  font-size: 1.8em;
  left: 0px !important;
}

.public-profile .testimonials .swiper-container-wrapper .mySwiper .swiper-button-prev::after {
  content: "" !important;
}

@media (max-width: 1000px) {
  .public-profile .testimonials .swiper-container-wrapper .mySwiper .swiper-button-prev {
    font-size: 1.3em;
    left: -5px !important;
  }
}

@media (max-width: 768px) {
  .public-profile .testimonials .swiper-container-wrapper .mySwiper .swiper-button-prev {
    font-size: 1.7em;
    left: -15px !important;
  }
}

.public-profile .testimonials .swiper-container-wrapper .mySwiper .swiper-button-next {
  font-size: 1.8em;
  right: 0px !important;
}

.public-profile .testimonials .swiper-container-wrapper .mySwiper .swiper-button-next::after {
  content: "" !important;
}

@media (max-width: 1000px) {
  .public-profile .testimonials .swiper-container-wrapper .mySwiper .swiper-button-next {
    font-size: 1.3em;
    right: -5px !important;
  }
}

@media (max-width: 768px) {
  .public-profile .testimonials .swiper-container-wrapper .mySwiper .swiper-button-next {
    font-size: 1.7em;
    right: -15px !important;
  }
}

.public-profile .symbol-image {
  width: 140px;
  max-height: 140px;
}

@media only screen and (max-width: 500px) {
  .public-profile .symbol-image {
    margin: auto;
  }
}

@media only screen and (max-width: 768px) {
  .public-profile .symbol-image {
    width: 80px;
  }
}

.public-profile .symbol-image .profile-image {
  height: 140px;
  width: 100%;
  border-radius: 50%;
  -o-object-fit: cover !important;
     object-fit: cover !important;
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.75);
}

@media only screen and (max-width: 768px) {
  .public-profile .symbol-image .profile-image {
    height: 80px;
  }
}

@media only screen and (max-width: 768px) {
  .public-profile .profile-view {
    justify-content: center;
  }
}

@media only screen and (max-width: 823px) {
  .public-profile .share-btns {
    display: none !important;
  }
}

.public-profile .share-btns-center {
  display: none !important;
}

@media only screen and (max-width: 823px) {
  .public-profile .share-btns-center {
    display: flex !important;
  }
}

@media only screen and (max-width: 768px) {
  .public-profile .sharebtn {
    padding-left: 2.1rem !important;
    padding-right: 2.1rem !important;
  }
}

@media only screen and (max-width: 425px) {
  .public-profile .sharebtn {
    height: auto;
    width: 160px;
  }
}

@media only screen and (max-width: 425px) {
  .public-profile .save-btn {
    height: auto;
    width: 160px;
  }
}

@media only screen and (max-width: 600px) {
  .public-profile .name-card__wrapper {
    margin: 0;
  }

  .public-profile .name-card__wrapper .name-card__div {
    padding: 0;
    margin-bottom: 10px;
  }
}

.public-profile .name-card__image {
  height: 204px;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
  background-color: white;
  display: flex;
}

.public-profile .name-card__image-landscape img {
  width: 100%;
  height: 100%;
}

.public-profile .name-card__image-portrait img {
  height: 100%;
  width: auto;
  margin: auto;
  max-width: 100%;
}

.public-profile .profile-description {
  line-height: 1.8rem;
  white-space: pre-wrap;
}

@media only screen and (max-width: 768px) {
  .public-profile .profile-description {
    margin-right: 0 !important;
  }
}

.public-profile .contact-details .contact-links .website-wrap a,
.public-profile .contact-details .contact-links .location-wrap a,
.public-profile .contact-details .contact-links .email-wrap a {
  word-break: break-word;
}

@media only screen and (max-width: 823px) {
  .public-profile .contact-details {
    flex-direction: column;
    gap: 2rem;
  }
}

.public-profile .contact-links {
  gap: 2rem;
}

@media only screen and (max-width: 1125px) {
  .public-profile .contact-links {
    flex-direction: column;
    gap: 1.5rem;
  }
}

@media only screen and (max-width: 823px) {
  .public-profile .social-icons {
    justify-content: start !important;
    margin-bottom: 3rem;
  }
}

.public-profile .flex {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.public-profile .location-image {
  padding-bottom: 0.4rem;
  height: 1.4rem;
  width: 1rem;
}

@media only screen and (max-width: 1280px) {
  .public-profile .whyus-flex {
    flex-direction: column;
  }
}

@media only screen and (max-width: 767px) {
  .public-profile .about_us {
    flex-direction: column;
    gap: 2rem !important;
  }

  .public-profile .about_us .col-md-7 {
    padding-left: 0 !important;
  }
}

@media only screen and (max-width: 767px) {
  .public-profile .about {
    padding: 0 !important;
    margin: 0 !important;
    border-bottom: 1px dashed #eeeff3;
  }
}

@media only screen and (max-width: 768px) {
  .public-profile .aboutus-flex .col-md-5 {
    margin-bottom: 0.3rem !important;
  }

  .public-profile .aboutus-flex .col-md-7 {
    padding: 0;
    margin-bottom: 2rem !important;
  }
}

.public-profile .footer-icon::before {
  z-index: 1;
  position: relative;
}

.public-profile .footer-icon::after {
  position: absolute;
  content: " ";
  top: -11;
  left: 5;
  background-color: #c2ccef;
  height: 3rem;
  width: 3rem;
  border-radius: 100px;
}

.public-profile .footer1 {
  background-image: url(/images/footer-img.png?abe1450692948743ebe6627b12588dc6) !important;
  background-size: contain !important;
  background-repeat: no-repeat;
  background-position: right bottom;
  max-width: 100vw;
  max-height: 100vh;
  position: relative;
}

@media only screen and (max-width: 635px) {
  .public-profile .footer1 {
    background-size: 240px !important;
  }
}

@media only screen and (max-width: 524px) {
  .public-profile .footer1 {
    background-size: 200px !important;
  }
}

@media only screen and (max-width: 456px) {
  .public-profile .footer1 {
    background-size: 180px !important;
  }
}

@media only screen and (max-width: 380px) {
  .public-profile .footer1 {
    background-size: 160px !important;
  }
}

.public-profile .footer-img {
  height: 100%;
  width: 250px;
  position: absolute;
  right: 0;
  bottom: 0;
  -o-object-position: center;
     object-position: center;
}

@media only screen and (max-width: 775px) {
  .public-profile .footer-img {
    width: 200px;
  }
}

@media only screen and (max-width: 456px) {
  .public-profile .footer-summary .footer-heading {
    font-size: 1rem;
  }

  .public-profile .footer-summary .footer-text {
    font-size: 0.8rem;
  }
}

.public-profile .footer-logo {
  height: auto;
  width: 2.5rem;
}

.public-profile .vector-background {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 0;
}

.public-profile .vector-overlay {
  position: absolute;
  bottom: 0;
  right: 5;
  z-index: 9999;
}

.public-profile .image-input-wrapper {
  width: 100% !important;
}

@media only screen and (max-width: 820px) {
  .public-profile .bold-text {
    margin-bottom: 1.5rem;
  }
}

@media only screen and (max-width: 820px) {
  .public-profile .normal-text {
    margin-bottom: 0.5rem;
  }
}

.public-profile .payment-flex {
  display: flex;
  gap: 21px;
}

@media only screen and (max-width: 820px) {
  .public-profile .payment-flex {
    gap: 1rem;
  }
}

@media only screen and (max-width: 768px) {
  .public-profile .payment-flex {
    gap: 0.8rem;
    flex-direction: column;
  }
}

@media only screen and (max-width: 768px) {
  .public-profile .account-row {
    flex-direction: column;
  }
}

@media only screen and (max-width: 768px) {
  .public-profile .payment-row {
    max-width: 100%;
    flex-direction: column;
    justify-content: center;
  }
}

.public-profile .payment-border {
  border-right: 1px dashed #929bba !important;
}

@media only screen and (max-width: 768px) {
  .public-profile .payment-border {
    border-right: 1px solid transparent !important;
    border-bottom: 1px dashed #929bba !important;
    margin-bottom: 2rem;
    max-width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  .public-profile .form-submit {
    width: 100%;
    margin-right: 0 !important;
    text-align: center;
  }
}

.public-profile .card-footer,
.public-profile .card-header {
  padding: 1.2rem 2.25rem !important;
}

.icon-medium {
  height: 24px;
  width: 24px;
}

.icon-small {
  height: 16px;
  width: 16px;
}

::-webkit-scrollbar {
  height: 8px;
  width: 8px;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #d5e0fd;
}

.card,
.card-custom {
  position: relative !important;
}

.edit-icon-fixed {
  position: absolute;
  top: 1rem;
  right: 2.25rem;
  z-index: 1;
}

.edit-icon-fixed--hidden {
  display: none;
}

@media only screen and (max-width: 823px) {
  .edit-icon-fixed--hidden {
    display: block;
  }
}

@media only screen and (max-width: 823px) {
  .edit-icon {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .modal-body {
    height: 50vh;
    overflow-y: scroll;
  }
}

.card-body {
  padding: 2.2rem;
}

.product-edit .product-image {
  width: 120px;
  height: 120px;
  border-radius: 4px;
  overflow: hidden;
}

.product-edit .product-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

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

.setting-page .brand-identify .jsColorPickerDefaultWrap .color {
  background-color: #1B264F;
  width: 42px;
  height: 42px;
  border-radius: 4px;
}

.setting-page .brand-identify .jsColorPickerDefaultWrap .color-code {
  color: #BDBDC7;
}

.setting-page .brand-identify .partition {
  border-right: 1px solid #EFF2F5;
}

.setting-page .brand-identify .jsColorPickerWrap .pcr-app.visible {
  position: initial !important;
}

@media only screen and (max-width: 1300px) {
  .setting-page .brand-identify .jsColorPickerWrap .pcr-app.visible {
    width: 100% !important;
  }
}

@media only screen and (max-width: 1000px) {
  .setting-page .brand-identify .jsColorPickerWrap .pcr-app.visible {
    width: 100% !important;
  }
}

.setting-page .show-hide-section-wrapper .single {
  margin: 5px 0;
  align-items: center;
}

.testimonial-edit .testimonial-create .client-image {
  height: 107px !important;
  width: 107px !important;
}

.page-enquiry .dataTables_wrapper .table .jsContactUsMsg {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.page-enquiry .dataTables_wrapper .table .badge-light-orange {
  border-radius: 20px;
  margin-left: 8px;
}

#showContactUsModal .user-message-field {
  border: 0;
  padding: 0;
  resize: none;
}

#showContactUsModal .user-message-field:focus {
  outline: none;
}

/* Circle Avatar Styles */

.circle-avatar {
  line-height: 0;
  /* remove line-height */
  display: inline-block;
  /* circle wraps image */
  border-radius: 50%;
  /* relative value */
  /*box-shadow: 0px 0px 5px rgba(0,0,0,0.4);*/
  transition: linear 0.25s;
  height: 160px;
  width: 160px;
}

.circle-avatar img {
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}

.simple-container {
  font-family: Poppins, Helvetica, sans-serif;
}

@media (min-width: 320px) {
  .simple-container {
    border-radius: 20px;
    padding: 0px;
    box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.1607843137);
    background: #F4F7F9;
  }
}

@media (min-width: 481px) {
  .simple-container {
    border-radius: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.1607843137);
    background: #F4F7F9;
  }
}

@media (min-width: 641px) {
  .simple-container {
    border-radius: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
    box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.1607843137);
    background: #F4F7F9;
  }
}

@media (min-width: 961px) {
  .simple-container {
    border-radius: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.1607843137);
    background: #F4F7F9;
  }
}

@media (min-width: 1025px) {
  .simple-container {
    border-radius: 20px;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 25px;
    box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.1607843137);
    background: #F4F7F9;
  }
}

@media (min-width: 1281px) {
  .simple-container {
    border-radius: 20px;
    padding-left: 100px;
    padding-right: 100px;
    padding-bottom: 50px;
    box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.1607843137);
    background: #F4F7F9;
  }
}

.simple-inner-container {
  padding: 30px;
  border-radius: 20px 20px 0px 0px;
}

.business_description,
.business_description p {
  font-weight: 400;
  font-size: 12px;
}