/*__ Global Styling __*/
.vc-toast-messages-enable {
  position: relative;
}

@media screen and (max-width: 500px) {
  .vc-toast-messages-enable {
    display: none;
  }

  .vc-toast-messages-enable.vc-toast-messages-enable-mobile-support {
    display: block;
  }
}

.vc-toast-messages-enable .vc-toast-messages {
  position: fixed;
  bottom: 77px;
  right: 35px;
  max-width: 370px;
  width: 100%;
  z-index: 1099;
}

@media screen and (min-width: 501px) {
  .vc-onscreen-notification-enable .vc-toast-messages-enable .vc-toast-messages {
    position: static;
  }
}

body.activity-modal-open .vc-toast-messages-enable .vc-toast-messages {
  z-index: 999999;
}

.vc-toast-messages-enable .vc-toast-messages .toast-messages-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.vc-toast-messages-enable .vc-toast-messages .toast-messages-list .read-item {
  background: #fff;
  box-shadow: 0 2px 7px 1px rgba(0, 0, 0, 0.05), 0 6px 32px 0 rgba(18, 43, 70, 0.1);
  margin: 12px 0;
  border: solid 1px #ebe9e6;
  border-radius: 4px;
  transition: all linear 0.2s;
  padding: 15px 20px;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.vc-toast-messages-enable .vc-toast-messages .toast-messages-list .read-item:before {
  content: " ";
  left: -1px;
  top: 0;
  height: 100%;
  width: 5px;
  background: #00a6de;
  position: absolute;
  border-radius: 4px 0 0 4px;
}

.vc-toast-messages-enable .vc-toast-messages .toast-messages-list .read-item.bp-message-success .toast-messages-icon .vc-icon {
  color: #12B88D;
}

.vc-toast-messages-enable .vc-toast-messages .toast-messages-list .read-item.bp-message-success:before {
  background: #12B88D;
}

.vc-toast-messages-enable .vc-toast-messages .toast-messages-list .read-item.bp-message-error .toast-messages-icon .vc-icon {
  color: #ff0018;
}

.vc-toast-messages-enable .vc-toast-messages .toast-messages-list .read-item.bp-message-error:before {
  background: #ff0018;
}

.vc-toast-messages-enable .vc-toast-messages .toast-messages-list .read-item.has-url:hover {
  background: #f7fafe;
}

.vc-toast-messages-enable .vc-toast-messages .toast-messages-list .read-item .toast-messages-icon {
  margin-right: 12px;
  width: 18px;
  position: relative;
}

.vc-toast-messages-enable .vc-toast-messages .toast-messages-list .read-item .toast-messages-icon .vc-icon {
  font-family: vc-icons;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-weight: 200;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #00a6de;
  font-size: 18px;
}

.vc-toast-messages-enable .vc-toast-messages .toast-messages-list .read-item .toast-messages-icon .vc-icon.vc-icon-exclamation-triangle {
  font-weight: 300;
}

.vc-toast-messages-enable .vc-toast-messages .toast-messages-list .read-item .toast-messages-icon .vc-icon::before {
  margin-left: 0;
}

.vc-toast-messages-enable .vc-toast-messages .toast-messages-list .read-item .toast-messages-content {
  align-self: center;
  width: calc(100% - 54px);
}

.vc-toast-messages-enable .vc-toast-messages .toast-messages-list .read-item .toast-messages-content span {
  display: flex;
  flex-direction: column;
}

.vc-toast-messages-enable .vc-toast-messages .toast-messages-list .read-item .toast-messages-content span.toast-messages-title {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.24px;
  color: #1e2132;
}

.vc-toast-messages-enable .vc-toast-messages .toast-messages-list .read-item .toast-messages-content span.toast-messages-content {
  color: #9b9c9f;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  width: 100%;
}

.vc-toast-messages-enable .vc-toast-messages .toast-messages-list .read-item .toast-messages-content .toast-messages-action_link {
  display: inline-block;
}

.vc-toast-messages-enable .vc-toast-messages .toast-messages-list .read-item .actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  align-self: center;
  height: 24px;
  width: 24px;
  position: relative;
  z-index: 1;
}

.vc-toast-messages-enable .vc-toast-messages .toast-messages-list .read-item .actions a {
  transition: all linear 0.2s;
}

.vc-toast-messages-enable .vc-toast-messages .toast-messages-list .read-item .actions a .vc-icon {
  font-size: 24px;
  color: #000;
  transition: all linear 0.2s;
}

.vc-toast-messages-enable .vc-toast-messages .toast-messages-list .read-item .toast-messages-url {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}

.vc-toast-messages-enable .vc-toast-messages .toast-messages-list .toast-messages-action_link {
  color: #05A7DD;
  cursor: pointer;
}

.vc-toast-messages-enable .vc-toast-messages.vc-position-right {
  right: 35px;
  left: inherit;
}

.vc-toast-messages-enable .vc-toast-messages.vc-position-right .vc-remove-all-toast-messages {
  justify-content: flex-end;
}

@media screen and (max-width: 500px) {
  .vc-toast-messages-enable .vc-toast-messages {
    max-width: calc(100% - 30px);
    display: flex;
    justify-content: space-between;
    right: 15px;
    bottom: inherit;
    top: 85px;
  }

  .vc-toast-messages-enable .vc-toast-messages.vc-position-right {
    right: 15px;
  }

  .vc-toast-messages-enable .vc-toast-messages .toast-messages-list {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0 0 0 0;
    flex: 100%;
    position: relative;
  }

  .vc-toast-messages-enable .vc-toast-messages .toast-messages-list .read-item {
    margin: 0;
    padding: 12px;
    min-height: 67px;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    display: none;
  }

  .vc-toast-messages-enable .vc-toast-messages .toast-messages-list .read-item:last-child {
    display: flex;
  }

  .vc-toast-messages-enable .vc-toast-messages .toast-messages-list .read-item .toast-messages-icon {
    margin-right: 10px;
  }

  .vc-toast-messages-enable .vc-toast-messages .vc-remove-all-toast-messages .action-close {
    border-radius: 5px;
    padding: 12px 10px;
    text-align: center;
    width: 70px;
  }

  .vc-toast-messages-enable .vc-toast-messages .vc-remove-all-toast-messages .action-close .dashicons {
    display: none;
  }

  .vc-toast-messages-enable .vc-toast-messages.single-notification .toast-messages-list {
    width: 100%;
    margin: 0;
    flex: 0 0 100%;
  }

  .vc-toast-messages-enable .vc-toast-messages.single-notification .vc-remove-all-toast-messages {
    display: none;
  }

  .vc-toast-messages-enable .vc-toast-messages.active-button .toast-messages-list {
    margin-bottom: 14px;
  }

  .vc-toast-messages-enable .vc-toast-messages.active-button .toast-messages-list:before {
    content: " ";
    height: 20px;
    width: calc(100% - 80px);
    border-radius: 0 0 5px 5px;
    box-shadow: 0 2px 7px 1px rgba(0, 0, 0, 0.05), 0 6px 32px 0 rgba(18, 43, 70, 0.1);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    background: #fff;
  }

  .vc-toast-messages-enable .vc-toast-messages.active-button .vc-remove-all-toast-messages .action-close {
    display: flex !important;
  }
}

@font-face {
  font-family: "vc-icons";
  src: url("../fonts/vc-icons.eot");
  src: local("Nunito Regular"), local("vc-icons"), url("../fonts/vc-icons.eot") format("embedded-opentype"), url("../fonts/vc-icons.woff2") format("woff2"), url("../fonts/vc-icons.woff") format("woff"), url("../fonts/vc-icons.ttf") format("truetype"), url("../fonts/vc-icons.svg#vc-icons") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

[class*=" vc-icon-"].virtual_coach:before {
  font-family: "vc-icons-legacy";
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: scale(0.8);
}

.virtual_coach.vc-icon-alert-question:before {
  content: "\e800";
}

.virtual_coach.vc-icon-ball-soccer:before {
  content: "\e801";
}

.virtual_coach.vc-icon-bell-small:before {
  content: "\e802";
}

.virtual_coach.vc-icon-bulb:before {
  content: "\e803";
}

.virtual_coach.vc-icon-calendar:before {
  content: "\e804";
}

.virtual_coach.vc-icon-camera-small:before {
  content: "\e805";
}

.virtual_coach.vc-icon-car-small:before {
  content: "\e806";
}

.virtual_coach.vc-icon-bar-chart-square:before {
  content: "\e807";
}

.virtual_coach.vc-icon-check-square-small:before {
  content: "\e808";
}

.virtual_coach.vc-icon-check-small:before {
  content: "\e809";
}

.virtual_coach.vc-icon-close-circle:before {
  content: "\e80a";
}

.virtual_coach.vc-icon-comment:before {
  content: "\e80b";
}

.virtual_coach.vc-icon-edit-square-small:before {
  content: "\e80c";
}

.virtual_coach.vc-icon-heart-small:before {
  content: "\e80d";
}

.virtual_coach.vc-icon-flag-small:before {
  content: "\e80e";
}

.virtual_coach.vc-icon-forest:before {
  content: "\e80f";
}

.virtual_coach.vc-icon-gear:before {
  content: "\e810";
}

.virtual_coach.vc-icon-gif:before {
  content: "\e811";
}

.virtual_coach.vc-icon-home-small:before {
  content: "\e812";
}

.virtual_coach.vc-icon-inbox-small:before {
  content: "\e813";
}

.virtual_coach.vc-icon-laugh:before {
  content: "\e814";
}

.virtual_coach.vc-icon-like:before {
  content: "\e815";
}

.virtual_coach.vc-icon-link-2:before {
  content: "\e816";
}

.virtual_coach.vc-icon-map-pin-small:before {
  content: "\e817";
}

.virtual_coach.vc-icon-lock-small:before {
  content: "\e818";
}

.virtual_coach.vc-icon-globe:before {
  content: "\e819";
}

.virtual_coach.vc-icon-menu-dots-h:before {
  content: "\e81a";
}

.virtual_coach.vc-icon-menu-dots-v:before {
  content: "\e81b";
}

.virtual_coach.vc-icon-menu-left:before {
  content: "\e81c";
}

.virtual_coach.vc-icon-pizza-slice:before {
  content: "\e81d";
}

.virtual_coach.vc-icon-play-square:before {
  content: "\e81e";
}

.virtual_coach.vc-icon-search:before {
  content: "\e81f";
}

.virtual_coach.vc-icon-settings-small:before {
  content: "\e820";
}

.virtual_coach.vc-icon-smile:before {
  content: "\e821";
}

.virtual_coach.vc-icon-swap:before {
  content: "\e822";
}

.virtual_coach.vc-icon-clock-small:before {
  content: "\e823";
}

.virtual_coach.vc-icon-user-circle:before {
  content: "\e824";
}

.virtual_coach.vc-icon-user:before {
  content: "\e825";
}

.virtual_coach.vc-icon-angle-down:before {
  content: "\e826";
}

.virtual_coach.vc-icon-angle-right:before {
  content: "\e827";
}

.virtual_coach.vc-icon-close:before {
  content: "\e828";
}

.virtual_coach.vc-icon-key:before {
  content: "\e829";
}

.virtual_coach.vc-icon-list-view-small:before {
  content: "\e82a";
}

.virtual_coach.vc-icon-grid-view-small:before {
  content: "\e82b";
}

.virtual_coach.vc-icon-sort-desc:before {
  content: "\e82c";
}

.virtual_coach.vc-icon-bookmark-small:before {
  content: "\e82d";
}

.virtual_coach.vc-icon-user-small-minus:before {
  content: "\e82e";
}

.virtual_coach.vc-icon-user-small-plus:before {
  content: "\e82f";
}

.virtual_coach.vc-icon-share-small:before {
  content: "\e830";
}

.virtual_coach.vc-icon-mail-open:before {
  content: "\e831";
}

.virtual_coach.vc-icon-quote:before {
  content: "\e832";
}

.virtual_coach.vc-icon-bookmark-small-fill:before {
  content: "\e833";
}

.virtual_coach.vc-icon-headphones-small:before {
  content: "\e834";
}

.virtual_coach.vc-icon-info:before {
  content: "\e835";
}

.virtual_coach.vc-icon-link-1:before {
  content: "\e836";
}

.virtual_coach.vc-icon-rounded-twitter:before {
  content: "\e837";
}

.virtual_coach.vc-icon-loader:before {
  content: "\e838";
}

.virtual_coach.vc-icon-mail-small:before {
  content: "\e839";
}

.virtual_coach.vc-icon-rounded-google-plus:before {
  content: "\e83a";
}

.virtual_coach.vc-icon-rounded-email:before {
  content: "\e83b";
}

.virtual_coach.vc-icon-rounded-youtube:before {
  content: "\e83c";
}

.virtual_coach.vc-icon-rounded-github:before {
  content: "\e83d";
}

.virtual_coach.vc-icon-twitter-small:before {
  content: "\e83e";
}

.virtual_coach.vc-icon-facebook-small:before {
  content: "\e83f";
}

.virtual_coach.vc-icon-plane:before {
  content: "\e840";
}

.virtual_coach.vc-icon-star-small:before {
  content: "\e841";
}

.virtual_coach.vc-icon-star-small-fill:before {
  content: "\e842";
}

.virtual_coach.vc-icon-eye-small:before {
  content: "\e843";
}

.virtual_coach.vc-icon-visibility:before {
  content: "\e844";
}

.virtual_coach.vc-icon-profile-info:before {
  content: "\e845";
}

.virtual_coach.vc-icon-user-small:before {
  content: "\e846";
}

.virtual_coach.vc-icon-arrow-up-square:before {
  content: "\e847";
}

.virtual_coach.vc-icon-image:before {
  content: "\e848";
}

.virtual_coach.vc-icon-spin:before {
  content: "\e849";
}

.virtual_coach.vc-icon-profile:before {
  content: "\e84a";
}

.virtual_coach.vc-icon-menu:before {
  content: "\e84b";
}

.virtual_coach.vc-icon-reply:before {
  content: "\e84c";
}

.virtual_coach.vc-icon-spin-small:before {
  content: "\e84d";
}

.virtual_coach.vc-icon-select:before {
  content: "\e84e";
}

.virtual_coach.vc-icon-inbox-o:before {
  content: "\e84f";
}

.virtual_coach.vc-icon-visibility-hidden:before {
  content: "\e850";
}

.virtual_coach.vc-icon-print-fill:before {
  content: "\e851";
}

.virtual_coach.vc-icon-alert-octagon:before {
  content: "\e852";
}

.virtual_coach.vc-icon-alert-exclamation:before {
  content: "\e853";
}

.virtual_coach.vc-icon-activity:before {
  content: "\e854";
}

.virtual_coach.vc-icon-alert-triangle:before {
  content: "\e855";
}

.virtual_coach.vc-icon-align-center:before {
  content: "\e856";
}

.virtual_coach.vc-icon-airplay:before {
  content: "\e857";
}

.virtual_coach.vc-icon-align-justify:before {
  content: "\e858";
}

.virtual_coach.vc-icon-align-left:before {
  content: "\e859";
}

.virtual_coach.vc-icon-align-right:before {
  content: "\e85a";
}

.virtual_coach.vc-icon-arrow-down-left:before {
  content: "\e85b";
}

.virtual_coach.vc-icon-arrow-down-right:before {
  content: "\e85c";
}

.virtual_coach.vc-icon-anchor:before {
  content: "\e85d";
}

.virtual_coach.vc-icon-aperture:before {
  content: "\e85e";
}

.virtual_coach.vc-icon-arrow-left:before {
  content: "\e85f";
}

.virtual_coach.vc-icon-arrow-right:before {
  content: "\e860";
}

.virtual_coach.vc-icon-arrow-down:before {
  content: "\e861";
}

.virtual_coach.vc-icon-arrow-up-left:before {
  content: "\e862";
}

.virtual_coach.vc-icon-arrow-up-right:before {
  content: "\e863";
}

.virtual_coach.vc-icon-arrow-up:before {
  content: "\e864";
}

.virtual_coach.vc-icon-award:before {
  content: "\e865";
}

.virtual_coach.vc-icon-bar-chart-up:before {
  content: "\e866";
}

.virtual_coach.vc-icon-at-sign:before {
  content: "\e867";
}

.virtual_coach.vc-icon-bar-chart:before {
  content: "\e868";
}

.virtual_coach.vc-icon-battery-charging:before {
  content: "\e869";
}

.virtual_coach.vc-icon-bell-off:before {
  content: "\e86a";
}

.virtual_coach.vc-icon-battery:before {
  content: "\e86b";
}

.virtual_coach.vc-icon-bluetooth:before {
  content: "\e86c";
}

.virtual_coach.vc-icon-bell:before {
  content: "\e86d";
}

.virtual_coach.vc-icon-book:before {
  content: "\e86e";
}

.virtual_coach.vc-icon-briefcase:before {
  content: "\e86f";
}

.virtual_coach.vc-icon-camera-off:before {
  content: "\e870";
}

.virtual_coach.vc-icon-calendar-small:before {
  content: "\e871";
}

.virtual_coach.vc-icon-bookmark:before {
  content: "\e872";
}

.virtual_coach.vc-icon-box:before {
  content: "\e873";
}

.virtual_coach.vc-icon-camera:before {
  content: "\e874";
}

.virtual_coach.vc-icon-check-circle:before {
  content: "\e875";
}

.virtual_coach.vc-icon-check:before {
  content: "\e876";
}

.virtual_coach.vc-icon-check-square:before {
  content: "\e877";
}

.virtual_coach.vc-icon-cast:before {
  content: "\e878";
}

.virtual_coach.vc-icon-chevron-down:before {
  content: "\e879";
}

.virtual_coach.vc-icon-chevron-left:before {
  content: "\e87a";
}

.virtual_coach.vc-icon-chevron-right:before {
  content: "\e87b";
}

.virtual_coach.vc-icon-chevron-up:before {
  content: "\e87c";
}

.virtual_coach.vc-icon-chevrons-down:before {
  content: "\e87d";
}

.virtual_coach.vc-icon-chevrons-right:before {
  content: "\e87e";
}

.virtual_coach.vc-icon-chevrons-up:before {
  content: "\e87f";
}

.virtual_coach.vc-icon-chevrons-left:before {
  content: "\e880";
}

.virtual_coach.vc-icon-circle:before {
  content: "\e881";
}

.virtual_coach.vc-icon-clipboard:before {
  content: "\e882";
}

.virtual_coach.vc-icon-chrome:before {
  content: "\e883";
}

.virtual_coach.vc-icon-clock:before {
  content: "\e884";
}

.virtual_coach.vc-icon-cloud-lightning:before {
  content: "\e885";
}

.virtual_coach.vc-icon-cloud-drizzle:before {
  content: "\e886";
}

.virtual_coach.vc-icon-cloud-rain:before {
  content: "\e887";
}

.virtual_coach.vc-icon-cloud-off:before {
  content: "\e888";
}

.virtual_coach.vc-icon-cloud-download:before {
  content: "\e889";
}

.virtual_coach.vc-icon-connect-user:before {
  content: "\e88a";
}

.virtual_coach.vc-icon-maximize:before {
  content: "\e88b";
}

.virtual_coach.vc-icon-octagon:before {
  content: "\e88c";
}

.virtual_coach.vc-icon-package:before {
  content: "\e88d";
}

.virtual_coach.vc-icon-map:before {
  content: "\e88e";
}

.virtual_coach.vc-icon-grid-view:before {
  content: "\e88f";
}

.virtual_coach.vc-icon-download:before {
  content: "\e890";
}

.virtual_coach.vc-icon-droplet:before {
  content: "\e891";
}

.virtual_coach.vc-icon-heart:before {
  content: "\e892";
}

.virtual_coach.vc-icon-map-pin:before {
  content: "\e893";
}

.virtual_coach.vc-icon-pause-circle:before {
  content: "\e894";
}

.virtual_coach.vc-icon-codepen:before {
  content: "\e895";
}

.virtual_coach.vc-icon-pencil:before {
  content: "\e896";
}

.virtual_coach.vc-icon-home:before {
  content: "\e897";
}

.virtual_coach.vc-icon-connected:before {
  content: "\e898";
}

.virtual_coach.vc-icon-pause:before {
  content: "\e899";
}

.virtual_coach.vc-icon-cloud-snow:before {
  content: "\e89a";
}

.virtual_coach.vc-icon-edit-square:before {
  content: "\e89b";
}

.virtual_coach.vc-icon-github:before {
  content: "\e89c";
}

.virtual_coach.vc-icon-comment-circle:before {
  content: "\e89d";
}

.virtual_coach.vc-icon-rss-square:before {
  content: "\e89e";
}

.virtual_coach.vc-icon-list-doc:before {
  content: "\e89f";
}

.virtual_coach.vc-icon-board:before {
  content: "\e8a0";
}

.virtual_coach.vc-icon-arrow-circle:before {
  content: "\e8a1";
}

.virtual_coach.vc-icon-user-doc:before {
  content: "\e8a2";
}

.virtual_coach.vc-icon-id-card:before {
  content: "\e8a3";
}

.virtual_coach.vc-icon-power:before {
  content: "\e8a4";
}

.virtual_coach.vc-icon-bell-plus:before {
  content: "\e8a5";
}

.virtual_coach.vc-icon-percent:before {
  content: "\e8a6";
}

.virtual_coach.vc-icon-minimize-square:before {
  content: "\e8a7";
}

.virtual_coach.vc-icon-image-square:before {
  content: "\e8a8";
}

.virtual_coach.vc-icon-edit:before {
  content: "\e8a9";
}

.virtual_coach.vc-icon-compass:before {
  content: "\e8aa";
}

.virtual_coach.vc-icon-angle-left:before {
  content: "\e8ab";
}

.virtual_coach.vc-icon-copy:before {
  content: "\e8ac";
}

.virtual_coach.vc-icon-external-link:before {
  content: "\e8ad";
}

.virtual_coach.vc-icon-inbox:before {
  content: "\e8ae";
}

.virtual_coach.vc-icon-minimize:before {
  content: "\e8af";
}

.virtual_coach.vc-icon-comment-square:before {
  content: "\e8b0";
}

.virtual_coach.vc-icon-phone-call:before {
  content: "\e8b1";
}

.virtual_coach.vc-icon-phone-forwarded:before {
  content: "\e8b2";
}

.virtual_coach.vc-icon-phone-missed:before {
  content: "\e8b3";
}

.virtual_coach.vc-icon-power-small:before {
  content: "\e8b4";
}

.virtual_coach.vc-icon-radio:before {
  content: "\e8b5";
}

.virtual_coach.vc-icon-repeat:before {
  content: "\e8b6";
}

.virtual_coach.vc-icon-refresh-ccw:before {
  content: "\e8b7";
}

.virtual_coach.vc-icon-rewind:before {
  content: "\e8b8";
}

.virtual_coach.vc-icon-rotate-ccw:before {
  content: "\e8b9";
}

.virtual_coach.vc-icon-refresh-cw:before {
  content: "\e8ba";
}

.virtual_coach.vc-icon-rotate-cw:before {
  content: "\e8bb";
}

.virtual_coach.vc-icon-mic-off:before {
  content: "\e8bc";
}

.virtual_coach.vc-icon-layers:before {
  content: "\e8bd";
}

.virtual_coach.vc-icon-eye:before {
  content: "\e8be";
}

.virtual_coach.vc-icon-corner-down-right:before {
  content: "\e8bf";
}

.virtual_coach.vc-icon-corner-down-left:before {
  content: "\e8c0";
}

.virtual_coach.vc-icon-feather:before {
  content: "\e8c1";
}

.virtual_coach.vc-icon-info-circle:before {
  content: "\e8c2";
}

.virtual_coach.vc-icon-minus-circle:before {
  content: "\e8c3";
}

.virtual_coach.vc-icon-phone-off:before {
  content: "\e8c4";
}

.virtual_coach.vc-icon-save:before {
  content: "\e8c5";
}

.virtual_coach.vc-icon-search-small:before {
  content: "\e8c6";
}

.virtual_coach.vc-icon-phone-incoming:before {
  content: "\e8c7";
}

.virtual_coach.vc-icon-slack:before {
  content: "\e8c8";
}

.virtual_coach.vc-icon-slash:before {
  content: "\e8c9";
}

.virtual_coach.vc-icon-smartphone:before {
  content: "\e8ca";
}

.virtual_coach.vc-icon-square:before {
  content: "\e8cb";
}

.virtual_coach.vc-icon-speaker:before {
  content: "\e8cc";
}

.virtual_coach.vc-icon-star:before {
  content: "\e8cd";
}

.virtual_coach.vc-icon-stop-circle:before {
  content: "\e8ce";
}

.virtual_coach.vc-icon-sun:before {
  content: "\e8cf";
}

.virtual_coach.vc-icon-sunrise:before {
  content: "\e8d0";
}

.virtual_coach.vc-icon-tablet:before {
  content: "\e8d1";
}

.virtual_coach.vc-icon-mic:before {
  content: "\e8d2";
}

.virtual_coach.vc-icon-instagram:before {
  content: "\e8d3";
}

.virtual_coach.vc-icon-facebook:before {
  content: "\e8d4";
}

.virtual_coach.vc-icon-corner-left-down:before {
  content: "\e8d5";
}

.virtual_coach.vc-icon-corner-left-up:before {
  content: "\e8d6";
}

.virtual_coach.vc-icon-corner-up-left:before {
  content: "\e8d7";
}

.virtual_coach.vc-icon-corner-up-right:before {
  content: "\e8d8";
}

.virtual_coach.vc-icon-corner-right-down:before {
  content: "\e8d9";
}

.virtual_coach.vc-icon-corner-right-up:before {
  content: "\e8da";
}

.virtual_coach.vc-icon-cpu:before {
  content: "\e8db";
}

.virtual_coach.vc-icon-trending-up:before {
  content: "\e8dc";
}

.virtual_coach.vc-icon-trending-down:before {
  content: "\e8dd";
}

.virtual_coach.vc-icon-triangle:before {
  content: "\e8de";
}

.virtual_coach.vc-icon-type:before {
  content: "\e8df";
}

.vc-popup-close-btn::before {
  content: "\2715";
  font-size: 18px; /* adjust as needed */
  display: inline-block;
}


.virtual_coach.vc-icon-twitter:before {
  content: "\e8e0";
}

.virtual_coach.vc-icon-upload:before {
  content: "\e8e1";
}

.virtual_coach.vc-icon-umbrella:before {
  content: "\e8e2";
}

.virtual_coach.vc-icon-cloud-upload:before {
  content: "\e8e3";
}

.virtual_coach.vc-icon-unlock:before {
  content: "\e8e4";
}

.virtual_coach.vc-icon-user-check:before {
  content: "\e8e5";
}

.virtual_coach.vc-icon-credit-card:before {
  content: "\e8e6";
}

.virtual_coach.vc-icon-crosshair:before {
  content: "\e8e7";
}

.virtual_coach.vc-icon-disc:before {
  content: "\e8e8";
}

.virtual_coach.vc-icon-delete:before {
  content: "\e8e9";
}

.virtual_coach.vc-icon-flag:before {
  content: "\e8ea";
}

.virtual_coach.vc-icon-filter:before {
  content: "\e8eb";
}

.virtual_coach.vc-icon-folder:before {
  content: "\e8ec";
}

.virtual_coach.vc-icon-file-plus:before {
  content: "\e8ed";
}

.virtual_coach.vc-icon-file-default:before {
  content: "\e8ee";
}

.virtual_coach.vc-icon-film:before {
  content: "\e8ef";
}

.virtual_coach.vc-icon-volume-up:before {
  content: "\e8f0";
}

.virtual_coach.vc-icon-volume-off:before {
  content: "\e8f1";
}

.virtual_coach.vc-icon-watch:before {
  content: "\e8f2";
}

.virtual_coach.vc-icon-wifi:before {
  content: "\e8f3";
}

.virtual_coach.vc-icon-x-square:before {
  content: "\e8f4";
}

.virtual_coach.vc-icon-wind:before {
  content: "\e8f5";
}

.virtual_coach.vc-icon-x:before {
  content: "\e8f6";
}

.virtual_coach.vc-icon-x-circle:before {
  content: "\e8f7";
}

.virtual_coach.vc-icon-zap:before {
  content: "\e8f8";
}

.virtual_coach.vc-icon-zoom-in:before {
  content: "\e8f9";
}

.virtual_coach.vc-icon-fast-forward:before {
  content: "\e8fb";
}

.virtual_coach.vc-icon-eye-off:before {
  content: "\e8fc";
}

.virtual_coach.vc-icon-file-minus:before {
  content: "\e8fd";
}

.virtual_coach.vc-icon-layout:before {
  content: "\e8fe";
}

.virtual_coach.vc-icon-link:before {
  content: "\e8ff";
}

.virtual_coach.vc-icon-life-buoy:before {
  content: "\e900";
}

.virtual_coach.vc-icon-link-3:before {
  content: "\e901";
}

.virtual_coach.vc-icon-log-in:before {
  content: "\e902";
}

.virtual_coach.vc-icon-list-view:before {
  content: "\e903";
}

.virtual_coach.vc-icon-paperclip:before {
  content: "\e904";
}

.virtual_coach.vc-icon-shopping-cart:before {
  content: "\e905";
}

.virtual_coach.vc-icon-tv:before {
  content: "\e906";
}

.virtual_coach.vc-icon-wifi-off:before {
  content: "\e907";
}

.virtual_coach.vc-icon-maximize-square:before {
  content: "\e908";
}

.virtual_coach.vc-icon-gitlab:before {
  content: "\e909";
}

.virtual_coach.vc-icon-sliders:before {
  content: "\e90a";
}

.virtual_coach.vc-icon-star-fill:before {
  content: "\e90b";
}

.virtual_coach.vc-icon-heart-fill:before {
  content: "\e90c";
}

.virtual_coach.vc-icon-lock:before {
  content: "\e90d";
}

.virtual_coach.vc-icon-log-out:before {
  content: "\e90e";
}

.virtual_coach.vc-icon-loader-small:before {
  content: "\e90f";
}

.virtual_coach.vc-icon-mail:before {
  content: "\e910";
}

.virtual_coach.vc-icon-navigation:before {
  content: "\e911";
}

.virtual_coach.vc-icon-navigation-up:before {
  content: "\e912";
}

.virtual_coach.vc-icon-music:before {
  content: "\e913";
}

.virtual_coach.vc-icon-move:before {
  content: "\e914";
}

.virtual_coach.vc-icon-more-h:before {
  content: "\e915";
}

.virtual_coach.vc-icon-more-v:before {
  content: "\e916";
}

.virtual_coach.vc-icon-monitor:before {
  content: "\e917";
}

.virtual_coach.vc-icon-moon:before {
  content: "\e918";
}

.virtual_coach.vc-icon-minus:before {
  content: "\e919";
}

.virtual_coach.vc-icon-minus-square:before {
  content: "\e91a";
}

.virtual_coach.vc-icon-phone:before {
  content: "\e91b";
}

.virtual_coach.vc-icon-phone-outgoing:before {
  content: "\e91c";
}

.virtual_coach.vc-icon-pie-chart:before {
  content: "\e91d";
}

.virtual_coach.vc-icon-play-circle:before {
  content: "\e91e";
}

.virtual_coach.vc-icon-play:before {
  content: "\e91f";
}

.virtual_coach.vc-icon-plus-square:before {
  content: "\e920";
}

.virtual_coach.vc-icon-plus-circle:before {
  content: "\e921";
}

.virtual_coach.vc-icon-plus:before {
  content: "\e922";
}

.virtual_coach.vc-icon-pocket:before {
  content: "\e923";
}

.virtual_coach.vc-icon-print:before {
  content: "\e924";
}

.virtual_coach.vc-icon-server:before {
  content: "\e925";
}

.virtual_coach.vc-icon-scissors:before {
  content: "\e926";
}

.virtual_coach.vc-icon-share:before {
  content: "\e927";
}

.virtual_coach.vc-icon-connection-minus:before {
  content: "\e928";
}

.virtual_coach.vc-icon-shield:before {
  content: "\e929";
}

.virtual_coach.vc-icon-settings:before {
  content: "\e92a";
}

.virtual_coach.vc-icon-skip-back:before {
  content: "\e92b";
}

.virtual_coach.vc-icon-shuffle:before {
  content: "\e92c";
}

.virtual_coach.vc-icon-sidebar:before {
  content: "\e92d";
}

.virtual_coach.vc-icon-skip-forward:before {
  content: "\e92e";
}

.virtual_coach.vc-icon-tag:before {
  content: "\e92f";
}

.virtual_coach.vc-icon-connection-remove:before {
  content: "\e930";
}

.virtual_coach.vc-icon-target:before {
  content: "\e931";
}

.virtual_coach.vc-icon-thermometer:before {
  content: "\e932";
}

.virtual_coach.vc-icon-thumbs-up:before {
  content: "\e933";
}

.virtual_coach.vc-icon-thumbs-down:before {
  content: "\e934";
}

.virtual_coach.vc-icon-toggle-left:before {
  content: "\e935";
}

.virtual_coach.vc-icon-toggle-right:before {
  content: "\e936";
}

.virtual_coach.vc-icon-trash:before {
  content: "\e937";
}

.virtual_coach.vc-icon-trash-empty:before {
  content: "\e938";
}

.virtual_coach.vc-icon-user-minus:before {
  content: "\e939";
}

.virtual_coach.vc-icon-user-plus:before {
  content: "\e93a";
}

.virtual_coach.vc-icon-user-x:before {
  content: "\e93b";
}

.virtual_coach.vc-icon-user-alt:before {
  content: "\e93c";
}

.virtual_coach.vc-icon-users:before {
  content: "\e93d";
}

.virtual_coach.vc-icon-video-off:before {
  content: "\e93e";
}

.virtual_coach.vc-icon-video:before {
  content: "\e93f";
}

.virtual_coach.vc-icon-voicemail:before {
  content: "\e940";
}

.virtual_coach.vc-icon-volume-mute:before {
  content: "\e941";
}

.virtual_coach.vc-icon-volume-down:before {
  content: "\e942";
}

.virtual_coach.vc-icon-zoom-out:before {
  content: "\e943";
}

.virtual_coach.vc-icon-command:before {
  content: "\e944";
}

.virtual_coach.vc-icon-cloud:before {
  content: "\e945";
}

.virtual_coach.vc-icon-hash:before {
  content: "\e946";
}

.virtual_coach.vc-icon-headphones:before {
  content: "\e947";
}

.virtual_coach.vc-icon-underline:before {
  content: "\e948";
}

.virtual_coach.vc-icon-italic:before {
  content: "\e949";
}

.virtual_coach.vc-icon-bold:before {
  content: "\e94a";
}

.virtual_coach.vc-icon-crop:before {
  content: "\e94b";
}

.virtual_coach.vc-icon-help-circle:before {
  content: "\e94c";
}

.virtual_coach.vc-icon-connection-request:before {
  content: "\e94d";
}

.virtual_coach.vc-icon-connection-waiting:before {
  content: "\e94e";
}

.virtual_coach.vc-icon-connections:before {
  content: "\e94f";
}

.virtual_coach.vc-icon-rounded-rss:before {
  content: "\e950";
}

.virtual_coach.vc-icon-rounded-skype:before {
  content: "\e951";
}

.virtual_coach.vc-icon-rounded-vimeo:before {
  content: "\e952";
}

.virtual_coach.vc-icon-rounded-vk:before {
  content: "\e953";
}

.virtual_coach.vc-icon-rounded-xing:before {
  content: "\e954";
}

.virtual_coach.vc-icon-youtube-logo:before {
  content: "\e955";
}

.virtual_coach.vc-icon-question-thin:before {
  content: "\e956";
}

.virtual_coach.vc-icon-graduation-cap:before {
  content: "\e957";
}

.virtual_coach.vc-icon-doc:before {
  content: "\e958";
}

.virtual_coach.vc-icon-folder-stacked:before {
  content: "\e959";
}

.virtual_coach.vc-icon-file-code:before {
  content: "\e95a";
}

.virtual_coach.vc-icon-file-mp3:before {
  content: "\e95b";
}

.virtual_coach.vc-icon-sort:before {
  content: "\e95c";
}

.virtual_coach.vc-icon-all-members:before {
  content: "\e95d";
}

.virtual_coach.vc-icon-my-connections:before {
  content: "\e95e";
}

.virtual_coach.vc-icon-only-me:before {
  content: "\e95f";
}

.virtual_coach.vc-icon-public:before {
  content: "\e960";
}

.virtual_coach.vc-icon-text-format:before {
  content: "\e9c8";
}

.virtual_coach.vc-icon-code-format:before {
  content: "\e9c7";
}

.virtual_coach.vc-icon-edit-thin:before {
  content: "\e965";
}

.virtual_coach.vc-icon-all-results:before {
  content: "\e966";
}

.virtual_coach.vc-icon-activity-comment:before {
  content: "\e967";
}

.virtual_coach.vc-icon-book-round:before {
  content: "\e968";
}

.virtual_coach.vc-icon-forum-replies:before {
  content: "\e969";
}

.virtual_coach.vc-icon-generic:before {
  content: "\e96a";
}

.virtual_coach.vc-icon-groups:before {
  content: "\e96b";
}

.virtual_coach.vc-icon-list-bookmark:before {
  content: "\e96c";
}

.virtual_coach.vc-icon-members:before {
  content: "\e96d";
}

.virtual_coach.vc-icon-membership:before {
  content: "\e96e";
}

.virtual_coach.vc-icon-book-open:before {
  content: "\e96f";
}

.virtual_coach.vc-icon-cube:before {
  content: "\e970";
}

.virtual_coach.vc-icon-profile-types:before {
  content: "\e971";
}

.virtual_coach.vc-icon-report:before {
  content: "\e972";
}

.virtual_coach.vc-icon-badge-tall:before {
  content: "\e973";
}

.virtual_coach.vc-icon-alert-thin:before {
  content: "\e974";
}

.virtual_coach.vc-icon-badge:before {
  content: "\e975";
}

.virtual_coach.vc-icon-board-box:before {
  content: "\e976";
}

.virtual_coach.vc-icon-board-code:before {
  content: "\e977";
}

.virtual_coach.vc-icon-board-list:before {
  content: "\e978";
}

.virtual_coach.vc-icon-chat:before {
  content: "\e979";
}

.virtual_coach.vc-icon-discussion:before {
  content: "\e97a";
}

.virtual_coach.vc-icon-grid-round:before {
  content: "\e97b";
}

.virtual_coach.vc-icon-lock-fill:before {
  content: "\e97c";
}

.virtual_coach.vc-icon-moon-circle:before {
  content: "\e97d";
}

.virtual_coach.vc-icon-play-circle-fill:before {
  content: "\e97e";
}

.virtual_coach.vc-icon-play-thin:before {
  content: "\e97f";
}

.virtual_coach.vc-icon-rocket:before {
  content: "\e981";
}

.virtual_coach.vc-icon-text:before {
  content: "\e982";
}

.virtual_coach.vc-icon-tools:before {
  content: "\e983";
}

.virtual_coach.vc-icon-triangle-fill:before {
  content: "\e984";
}

.virtual_coach.vc-icon-watch-alarm:before {
  content: "\e985";
}

.virtual_coach.vc-icon-file-pdf:before {
  content: "\e986";
}

.virtual_coach.vc-icon-zip:before {
  content: "\e987";
}

.virtual_coach.vc-icon-file:before {
  content: "\e98e";
}

.virtual_coach.vc-icon-file-csv:before {
  content: "\e98f";
}

.virtual_coach.vc-icon-file-ico:before {
  content: "\e990";
}

.virtual_coach.vc-icon-file-ics:before {
  content: "\e991";
}

.virtual_coach.vc-icon-file-jar:before {
  content: "\e992";
}

.virtual_coach.vc-icon-file-ods:before {
  content: "\e993";
}

.virtual_coach.vc-icon-file-odt:before {
  content: "\e994";
}

.virtual_coach.vc-icon-file-potm:before {
  content: "\e995";
}

.virtual_coach.vc-icon-file-potx:before {
  content: "\e996";
}

.virtual_coach.vc-icon-file-pps:before {
  content: "\e997";
}

.virtual_coach.vc-icon-file-ppsx:before {
  content: "\e998";
}

.virtual_coach.vc-icon-file-ppt:before {
  content: "\e999";
}

.virtual_coach.vc-icon-file-pptm:before {
  content: "\e99a";
}

.virtual_coach.vc-icon-file-pptx:before {
  content: "\e99b";
}

.virtual_coach.vc-icon-file-psd:before {
  content: "\e99c";
}

.virtual_coach.vc-icon-file-rar:before {
  content: "\e99d";
}

.virtual_coach.vc-icon-file-rtf:before {
  content: "\e99e";
}

.virtual_coach.vc-icon-file-tar:before {
  content: "\e99f";
}

.virtual_coach.vc-icon-file-txt:before {
  content: "\e9a0";
}

.virtual_coach.vc-icon-file-xls:before {
  content: "\e9a1";
}

.virtual_coach.vc-icon-link-tilt:before {
  content: "\e9a2";
}

.virtual_coach.vc-icon-paragraph-bullet:before {
  content: "\e9c9";
}

.virtual_coach.vc-icon-paragraph-numbers:before {
  content: "\e9ca";
}

.virtual_coach.vc-icon-video-album:before {
  content: "\e9cb";
}

.virtual_coach.vc-icon-video-albums:before {
  content: "\e9cc";
}

.virtual_coach.vc-icon-video-alt:before {
  content: "\e9cd";
}

.virtual_coach.vc-icon-video-next:before {
  content: "\e9ce";
}

.virtual_coach.vc-icon-rounded-clubhouse:before {
  content: "\e9cf";
}

.virtual_coach.vc-icon-rounded-telegram:before {
  content: "\e9d0";
}

.virtual_coach.vc-icon-rounded-tiktok:before {
  content: "\e9d1";
}

.virtual_coach.vc-icon-attach-fill:before {
  content: "\e9d2";
}

.virtual_coach.vc-icon-camera-fill:before {
  content: "\e9d3";
}

.virtual_coach.vc-icon-video-fill:before {
  content: "\e9d4";
}

.virtual_coach.vc-icon-quotes:before {
  content: "\e961";
}

.virtual_coach.vc-icon-file-7z:before {
  content: "\e9a6";
}

.virtual_coach.vc-icon-file-hlsm:before {
  content: "\e9a7";
}

.virtual_coach.vc-icon-file-htm:before {
  content: "\e9a8";
}

.virtual_coach.vc-icon-file-html:before {
  content: "\e9a9";
}

.virtual_coach.vc-icon-file-ipa:before {
  content: "\e9aa";
}

.virtual_coach.vc-icon-file-jpg:before {
  content: "\e9ab";
}

.virtual_coach.vc-icon-file-js:before {
  content: "\e9ac";
}

.virtual_coach.vc-icon-file-rss:before {
  content: "\e9ad";
}

.virtual_coach.vc-icon-file-sketch:before {
  content: "\e9ae";
}

.virtual_coach.vc-icon-file-svg:before {
  content: "\e9af";
}

.virtual_coach.vc-icon-file-vcf:before {
  content: "\e9b0";
}

.virtual_coach.vc-icon-file-wav:before {
  content: "\e9b1";
}

.virtual_coach.vc-icon-file-xlsx:before {
  content: "\e9b2";
}

.virtual_coach.vc-icon-file-xltm:before {
  content: "\e9b3";
}

.virtual_coach.vc-icon-file-xltx:before {
  content: "\e9b4";
}

.virtual_coach.vc-icon-file-yaml:before {
  content: "\e9b5";
}

.virtual_coach.vc-icon-file-zip:before {
  content: "\e9b6";
}

.virtual_coach.vc-icon-file-abw:before {
  content: "\e9b7";
}

.virtual_coach.vc-icon-file-ace:before {
  content: "\e9b8";
}

.virtual_coach.vc-icon-file-ai:before {
  content: "\e9b9";
}

.virtual_coach.vc-icon-file-apk:before {
  content: "\e9ba";
}

.virtual_coach.vc-icon-file-css:before {
  content: "\e9bb";
}

.virtual_coach.vc-icon-file-doc:before {
  content: "\e9bc";
}

.virtual_coach.vc-icon-file-docm:before {
  content: "\e9bd";
}

.virtual_coach.vc-icon-file-docx:before {
  content: "\e9be";
}

.virtual_coach.vc-icon-file-dotm:before {
  content: "\e9bf";
}

.virtual_coach.vc-icon-file-dotx:before {
  content: "\e9c0";
}

.virtual_coach.vc-icon-file-gif:before {
  content: "\e9c1";
}

.virtual_coach.vc-icon-file-gzip:before {
  content: "\e9c2";
}

.virtual_coach.vc-icon-file-hlam:before {
  content: "\e9c3";
}

.virtual_coach.vc-icon-file-hlsb:before {
  content: "\e9c4";
}

.virtual_coach.vc-icon-file-xml:before {
  content: "\e9c5";
}

.virtual_coach.vc-icon-file-png:before {
  content: "\e9c6";
}

.virtual_coach.vc-icon-file-video:before {
  content: "\e962";
}

.virtual_coach.vc-icon-trash-small:before {
  content: "\eaea";
}

.virtual_coach.vc-icon-rounded-instagram:before {
  content: "\eaec";
}

.virtual_coach.vc-icon-rounded-facebook:before {
  content: "\eaed";
}

.virtual_coach.vc-icon-rounded-medium:before {
  content: "\eafa";
}

.virtual_coach.vc-icon-rounded-meetup:before {
  content: "\eafb";
}

.virtual_coach.vc-icon-rounded-quora:before {
  content: "\eafc";
}

.virtual_coach.vc-icon-rounded-reddit:before {
  content: "\eafd";
}

.virtual_coach.vc-icon-rounded-tumblr:before {
  content: "\eafe";
}

.virtual_coach.vc-icon-rounded-linkedin:before {
  content: "\ec66";
}

.virtual_coach.vc-icon-rounded-flickr:before {
  content: "\ede1";
}

.virtual_coach.vc-icon-rounded-dribbble:before {
  content: "\ede2";
}

.virtual_coach.vc-icon-rounded-pinterest:before {
  content: "\ede3";
}

.virtual_coach.vc-icon-attach:before {
  content: "\e980";
}

.virtual_coach.vc-icon-media:before {
  content: "\e963";
}

.virtual_coach.vc-icon-sync:before {
  content: "\e964";
}

.virtual_coach.vc-icon-bullhorn:before {
  content: "\ebba";
}

.virtual_coach.vc-icon-bullhorn-filled:before {
  content: "\ebbb";
}

.virtual_coach.vc-icon-connection-waiting-filled:before {
  content: "\ebbc";
}

.virtual_coach.vc-icon-connected-filled:before {
  content: "\ebbd";
}

/* stylelint-enable */
.vc-chat-icon {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #05A7DD;
  color: white;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  z-index: 9999;
}

.vc-chat-icon i::before {
  font-size: 35px;
}

#stop-speaker {
  position: fixed;
  bottom: 20px;
  bottom: 50%;
  right: 20px;
  background-color: #FFFFFF;
  color: white;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  z-index: 9999;
}

#stop-speaker i {
  border-radius: 50%;
  font-weight: 200;
  color: #485470;
  cursor: pointer;
  transition: all 0.3s;
}

#stop-speaker i::before {
  font-size: 50px;
}

/* Global Popup */
.virtual-coach-popup {
  background: #fff;
  padding: 20px;
  margin: 60px;
  border-radius: 10px;
  position: relative;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  text-align: center;
  animation: fadeIn 0.3s;
  padding: 60px 30px;
}

.vc-my-new-me-activities .virtual-coach-popup {
  margin: 0px;
}

#create-new-goal {
  width: auto;
  padding: 60px 30px;
}

.vc-popup {
  position: fixed;
  bottom: 100px;
  right: 20px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  border-radius: 16px;
  z-index: 101;
  overflow: hidden;
  width: 500px;
  height: 700px;
  /* #selected-avatar{
      background: white;
      border-radius: 20px;
      border: 1px solid #05A7DD;
      padding: 20px;
  } */
}

.vc-popup .vc-popup-background {
  position: absolute;
  background: white;
}

.vc-popup .vc-popup-outer-content-container {
  width: 100%;
  height: 100%;
  position: relative;
}

.vc-popup .vc-popup-close-btn {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 30px;
  height: 30px;
  background: rgba(255, 255, 255, 0.8);
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  transition: background 0.3s ease;
}

.vc-popup .vc-popup-close-btn:hover {
  background: rgba(255, 255, 255, 1);
}

.vc-popup .vc-popup-close-btn i {
  font-size: 16px;
  color: #333;
}

.vc-popup .vc-popup-content-container {
  padding-top: 50px;
  position: absolute;
}

.vc-popup-header {
  padding: 30px;
  text-align: center;
  font-weight: bold;
  font-size: 1.2em;
}

.vc-popup-header span {
  margin-right: 10px;
}

.vc-popup .vc-emoji-container,
.vc-popup .vc-avatar-container {
  display: flex;
  justify-content: space-around;
  height: 300px;
  align-items: center;
  gap: 90px;
  margin: 20px;
}

.vc-popup .vc-emoji,
.vc-popup .vc-avatar {
  cursor: pointer;
  transition: transform 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 20px;
}

.vc-popup .vc-emoji:hover,
.vc-popup .vc-avatar:hover {
  transform: scale(1.2);
}

.vc-popup .vc-emoji .avatar-text,
.vc-popup .vc-avatar .avatar-text {
  font-size: 20px;
}

/* Hide avatar text when selected */
.vc-popup .vc-avatar.selected .avatar-text,
.vc-popup .vc-avatar-img.selected + .avatar-text {
  display: none !important;
}

.vc-popup .choose-avatar {
  font-size: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 30px;
  color: #1B1B1B;
}

.vc-popup .choose-avatar-label {
  font-weight: 500;
  opacity: 0.7;
}

.vc-popup .choose-avatar-text {
  font-weight: 600;
}

.vc-popup .selected-avatar .vc-avatar-img {
  /* border: 5px solid #f0f6d8; */
  padding: 10px;
}

.vc-popup #selected-avatar {
  background: white;
  border-radius: 20px;
  border: 1px solid #05A7DD;
  padding: 20px;
  margin: 10px auto;
  max-width: 150px;
  font-weight: 600;
  font-size: 22px;
}

.vc-popup .vc-next-button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
  cursor: pointer;
  background: black;
  color: white;
  text-decoration: none;
  margin: 10px;
  border-radius: 30px;
  transition: background 0.3s ease;
  width: 70px;
  float: right;
  /* &:hover {
      background: $hover-dark;
  } */
}

/* .vc-popup #confirm-avatar {
  background-color: #1B1B1B;
  color: #e9e9e9;
  font-size: 18px;
  padding: 10px 0;
  font-family: cursive;
  border-radius: 50px;
  padding: 10px 20px;
  margin: 20px auto;
  cursor: pointer;
  width: fit-content;
  margin-top: 40px;
} */

.vc-popup .vc-avatar-img {
  border-radius: 50%;
  max-width: 180px;
  height: 180px;
  object-fit: cover;
}

.vc-modal-body {
  text-align: center;
  color: #1b1b1b;
}

::selection {
  background: #05A7DD;
  color: #FFFFFF;
}

::-moz-selection {
  background: #05A7DD;
  color: #FFFFFF;
}

.highlight-effect {
  background-color: #ffcb06;
  /* Change the color as needed */
  transition: background-color 0.5s ease;
}

.disabled {
  position: relative !important;
  opacity: 0.5 !important;
  color: #b2b2ac !important;
  border-color: #bdd2cb !important;
  background-color: #f5f5f5 !important;
  pointer-events: none !important;
}

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

  .ha-navbar-nav-default .ha-dropdown-has>a,
  .ha-navbar-nav-default .ha-navbar-nav>li {
    height: max-content;
  }
}

#vc-refresh {
  position: fixed;
  bottom: 30px;
  right: 20px;
  background-color: #05A7DD;
  border: 1px solid #0486b1;
  padding: 0 9px;
  line-height: 37px;
  height: 38px;
  font-size: 18px;
  z-index: 10000;
  color: #ffffff;
}

#vc-refresh:hover,
#vc-refresh:focus {
  background-color: #0486b1;
  border: 1px solid #0486b1;
}

.vc-refresh-popup.bb-modal {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.vc-refresh-popup.bb-modal>h1:first-of-type {
  color: #ffffff;
  font-family: cursive;
  background-color: #0486b1;
  text-decoration: none;
}

.vc-refresh-popup.bb-modal>h1.vc_troubleshooting {
  font-family: cursive;
  padding: 20px;
  text-align: center;
  border-radius: 20px;
}

.vc-refresh-popup .mfp-close {
  color: #ffffff;
}

.vc-refresh-popup .header-container {
  font-family: cursive;
  padding: 20px;
  text-align: center;
  border-radius: 20px;
  color: #fff;
  background-color: #019e7c;
  font-size: 25px;
  font-weight: 500;
  position: relative;
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-bottom: 30px;
  align-items: center;
}

.vc-refresh-popup .header-container span.bb-icon {
  position: absolute;
  left: 30px;
}

.vc-refresh-popup .header-container h1 {
  font-family: cursive;
  margin-bottom: 0 !important;
  color: #fff;
}

.vc-refresh-popup-content .popup-scroll {
  resize: both;
  overflow-y: scroll;
  max-height: 600px;
  padding: 0 1em 0 0;
}

.vc-refresh-popup-content .popup-scroll::after {
  content: "";
  position: absolute;
  bottom: 36px;
  left: 0;
  right: 0;
  height: 90px;
  background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0) 100%);
  pointer-events: none;
  z-index: 1;
}

.vc-refresh-popup-content .button-container {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}

.vc-refresh-popup-content .button-container button.button {
  background-color: #05A7DD;
  border-color: #05A7DD;
  color: #ffffff;
  width: fit-content;
  margin: 20px 0 0;
  font-size: 14px;
  box-shadow: none;
  text-shadow: none;
  height: auto;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  -ms-border-radius: 18px;
  border-radius: 18px;
  background-clip: padding-box;
}

.vc-refresh-popup-content .button-container button.button#continue-btn {
  box-shadow: none;
  text-shadow: none;
  position: relative;
}

.vc-refresh-popup-content .button-container button.button#continue-btn:hover,
.vc-refresh-popup-content .button-container button.button#continue-btn:active,
.vc-refresh-popup-content .button-container button.button#continue-btn:focus {
  background-color: #B5D334;
  border-color: #B5D334;
}

.vc-button {
  display: inline-block;
  color: #FFFFFF;
  background-color: #05A7DD;
  padding: 10px 20px;
  border: 1px solid #D3DAEA;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.3s;
  padding: 10px 12px !important;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  height: fit-content;
}

.vc-button.info-btn {
  color: #FFFFFF;
  background-color: #B1BACD;
}

.vc-button.info-btn:is(:hover, :active, :focus) {
  color: #FFFFFF;
  background-color: #818CA3;
}

.vc-button:is(:hover, :active, :focus) {
  color: #FFFFFF;
  background-color: #0486b1;
}

input,
textarea,
select {
  outline: none;
  border-color: #99A7C7;
}

.vc-overlay-blur {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: visible;
  position: relative;
  background: #0b0b0b;
  opacity: 0.4;
}

/* button, .button, input[type="button"], input[type="submit"], .buddypress .buddypress-wrap .comment-reply-link, .buddypress .buddypress-wrap .generic-button a, .buddypress .buddypress-wrap a.bp-title-button, .buddypress .buddypress-wrap a.button, .buddypress .buddypress-wrap button, .buddypress .buddypress-wrap input[type="button"], .buddypress .buddypress-wrap input[type="reset"], .buddypress .buddypress-wrap input[type="submit"], .buddypress .buddypress-wrap ul.button-nav:not(.button-tabs) li a, .activity-list .comment-item .activity-meta .buddyboss_edit_activity_cancel, .activity-list .comment-item .activity-meta .buddyboss_edit_activity_comment, .activity-list .comment-item .activity-meta .buddyboss_edit_activity_comment.action-save{
  background-color: $vc-hard-grey-bg-color;
  color: $vc-text-color;
  border: 1px solid $vc-hard-grey-bg-color;
  &:is(:hover, :active, :focus) {
    background-color: $vc-hard-grey-bg-color-hover;
    border-color: $vc-hard-grey-bg-color-hover;
    color: $vc-text-color;
  }
} */
.site-content,
#page {
  background: #ffffff;
}

.vc-loading {
  position: relative;
  vertical-align: middle;
  display: contents;
}

.vc-loading:before {
  animation: ldrotating 1.2s linear infinite;
  border: 3px solid rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  border-top-color: #05A7DD;
  content: "";
  display: block;
  height: 40px;
  left: 50%;
  margin: -20px 0 0 -20px;
  position: absolute;
  top: 50%;
  width: 40px;
  z-index: 100;
}

h1.entry-title {
  display: var(--page-title-display);
}

.kodingschools-theme e-page-transition {
  background-color: #ffbc7d;
}

@media only screen and (min-width: 801px) {
  .is_vc_mobile {
    display: none !important;
  }
}

@media only screen and (max-width: 800px) {
  .is_vc_desktop {
    display: none !important;
  }
}

/* toggle */
.inactiveMixin {
  content: "";
  position: absolute;
  display: block;
}

.beforeAnimation {
  -moz-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
  -o-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
  -webkit-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
  transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
}

.afterAnimation {
  box-shadow: 0 0 0 1px hsla(0, 0%, 0%, 0.1), 0 4px 0 0 hsla(0, 0%, 0%, 0.04), 0 4px 9px hsla(0, 0%, 0%, 0.13), 0 3px 3px hsla(0, 0%, 0%, 0.05);
  -moz-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
  -o-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
  -webkit-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
  transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
}

.toggle-btn {
  width: 60px;
  height: 30px;
  margin: 10px;
  border-radius: 50px;
  display: inline-block;
  position: relative;
  border: 1px solid #e4e4e4;
  cursor: pointer;
  transition: background-color 0.4s ease-in-out;
}

.toggle-btn.active {
  background: #12B88D;
}

.toggle-btn.active .round-btn {
  left: 35px;
}

.toggle-btn .round-btn {
  display: inline-block;
  position: absolute;
  background: #f5f5f5;
  height: 28px;
  width: 28px;
  top: 50%;
  left: 5px;
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0 0 rgba(0, 0, 0, 0.04), 0 4px 9px rgba(0, 0, 0, 0.13), 0 3px 3px rgba(0, 0, 0, 0.05);
  transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
}

.toggle-btn .cb-value {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 9;
  cursor: pointer;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

/* checkbox */
.vc-checkbox {
  /* position: absolute;
    top: 6px;
    right: 10px;
    width: 24px;
    height: 20px; */
}

.vc-checkbox .round {
  position: relative;
  padding: 0 !important;
}

.vc-checkbox .round label {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  cursor: pointer;
  height: 28px;
  width: 28px;
  display: block;
}

.vc-checkbox .round label:after {
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  content: "";
  height: 6px;
  left: 8px;
  opacity: 0;
  position: absolute;
  top: 9px;
  transform: rotate(-45deg);
  width: 12px;
}

.vc-checkbox .round input[type=checkbox] {
  visibility: hidden;
  display: none;
  opacity: 0;
}

.vc-checkbox .round input[type=checkbox]:checked+label {
  background-color: #66bb6a;
  border-color: #66bb6a;
}

.vc-checkbox .round input[type=checkbox]:checked+label:after {
  opacity: 1;
}

.goal-image-split {
  display: flex;
  gap: 20px;
  width: 90%;
  margin-top: 20px;
}

.goal-library-section {
  flex: 0 0 66%;
  background-color: #ffffff;
  border: 1px solid #D3DAEA;
  border-radius: 15px;
  padding: 20px;
}

.goal-library-section h4 {
  font-size: 18px;
  font-weight: 700;
  color: #485470;
  margin-bottom: 15px;
  text-align: center;
  margin-top: 0;
}

.goal-library-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
  gap: 15px;
  max-height: 350px;
  overflow-y: auto;
  padding: 10px;
}

.goal-library-item {
  position: relative;
  text-align: center;
  cursor: pointer;
  border: 2px solid transparent;
  border-radius: 8px;
  padding: 8px;
  transition: all 0.3s ease;
  background-color: #f9f9f9;
}

.goal-library-item:hover {
  border-color: #05A7DD;
  background-color: #F1FCFF;
  transform: scale(1.02);
}

.goal-library-item.selected {
  border-color: #1b8730 !important;
  background-color: #e6f9ec !important;
}

.goal-library-item.selected::before {
  position: absolute;
  content: "\2713";
  color: #FFFFFF;
  font-family: Arial, sans-serif;
  font-size: 16px;
  background-color: #1b8730;
  padding: 4px;
  border-radius: 50%;
  border: 2px solid #FFFFFF;
  display: inline-block;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
  font-weight: bold;
  transform: translate(60%, -75%);
  z-index: 10;
}

.goal-library-item img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  border-radius: 8px;
  margin-bottom: 5px;
}

.goal-library-label {
  font-size: 11px;
  color: #485470;
  text-align: center;
  word-wrap: break-word;
  text-transform: capitalize;
}

.goal-upload-section {
  flex: 0 0 33%;
  background-color: #ffffff;
  border: 1px solid #D3DAEA;
  border-radius: 15px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.goal-upload-section h4 {
  font-size: 18px;
  font-weight: 700;
  color: #485470;
  margin-bottom: 15px;
  text-align: center;
  margin-top: 0;
}

.goal-upload-section .upload-images-drag {
  min-height: 200px;
  border: 2px dashed #D3DAEA;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #F9F9F9;
  transition: all 0.3s ease;
  cursor: pointer;
  position: relative;
}

.goal-upload-section .upload-images-drag:hover {
  border-color: #05A7DD;
  background-color: #F1FCFF;
}

.goal-upload-section .upload-images-drag.dragover {
  border-color: #05A7DD;
  background-color: #F1FCFF;
}

.goal-upload-section .upload-images-drag i {
  font-size: 48px;
  color: #05A7DD;
  margin-bottom: 10px;
}

.goal-upload-section .upload-images-drag-text {
  font-size: 16px;
  color: #485470;
  text-align: center;
}

.goal-upload-section .upload-images-drag-text span {
  color: #05A7DD;
  font-weight: 600;
}

.goal-upload-section .upload-images-drag input[type="file"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.goal-image-preview {
  max-width: 100%;
  max-height: 150px;
  border-radius: 8px;
  margin-top: 10px;
  border: 1px solid #D3DAEA;
}

/* Hidden fields */
#selected-library-image,
#e-selected-library-image {
  display: none;
}

.upload-images-bloc-goal {
  text-align: start;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .goal-image-split {
    flex-direction: column;
  }

  .goal-library-section,
  .goal-upload-section {
    flex: none;
    width: 100%;
  }

  .goal-library-grid {
    grid-template-columns: repeat(auto-fill, minmax(60px, 1fr));
    gap: 10px;
  }

  .goal-library-item img {
    width: 60px;
    height: 60px;
  }
}

.action-image-split {
  display: flex;
  gap: 20px;
  width: 90%;
  margin-top: 20px;
}

.action-library-section {
  flex: 0 0 66%;
  background-color: #ffffff;
  border: 1px solid #D3DAEA;
  border-radius: 15px;
  padding: 20px;
}

.action-library-section h4 {
  font-size: 18px;
  font-weight: 700;
  color: #485470;
  margin-bottom: 15px;
  text-align: center;
  margin-top: 0;
}

.action-library-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
  gap: 15px;
  max-height: 350px;
  overflow-y: auto;
  padding: 10px;
}

.action-library-item {
  position: relative;
  text-align: center;
  cursor: pointer;
  border: 2px solid transparent;
  border-radius: 8px;
  padding: 8px;
  transition: all 0.3s ease;
  background-color: #f9f9f9;
}

.action-library-item:hover {
  border-color: #05A7DD;
  background-color: #F1FCFF;
  transform: scale(1.02);
}

.action-library-item.selected {
  border-color: #1b8730 !important;
  background-color: #e6f9ec !important;
}

.action-library-item.selected::before {
  position: absolute;
  content: "\2713";
  color: #FFFFFF;
  font-family: Arial, sans-serif;
  font-size: 16px;
  background-color: #1b8730;
  padding: 4px;
  border-radius: 50%;
  border: 2px solid #FFFFFF;
  display: inline-block;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
  font-weight: bold;
  transform: translate(60%, -75%);
  z-index: 10;
}

.action-library-item img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  border-radius: 8px;
  margin-bottom: 5px;
}

.action-library-label {
  font-size: 11px;
  color: #485470;
  text-align: center;
  word-wrap: break-word;
  text-transform: capitalize;
}

.action-upload-section {
  flex: 0 0 33%;
  background-color: #ffffff;
  border: 1px solid #D3DAEA;
  border-radius: 15px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.action-upload-section h4 {
  font-size: 18px;
  font-weight: 700;
  color: #485470;
  margin-bottom: 15px;
  text-align: center;
  margin-top: 0;
}

.action-upload-section .upload-images-drag {
  min-height: 200px;
  border: 2px dashed #D3DAEA;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #F9F9F9;
  transition: all 0.3s ease;
  cursor: pointer;
  position: relative;
}

.action-upload-section .upload-images-drag:hover {
  border-color: #05A7DD;
  background-color: #F1FCFF;
}

.action-upload-section .upload-images-drag.dragover {
  border-color: #05A7DD;
  background-color: #F1FCFF;
}

.action-upload-section .upload-images-drag i {
  font-size: 48px;
  color: #05A7DD;
  margin-bottom: 10px;
}

.action-upload-section .upload-images-drag-text {
  font-size: 16px;
  color: #485470;
  text-align: center;
}

.action-upload-section .upload-images-drag-text span {
  color: #05A7DD;
  font-weight: 600;
}

.action-upload-section .upload-images-drag input[type="file"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.action-image-preview {
  max-width: 100%;
  max-height: 150px;
  border-radius: 8px;
  margin-top: 10px;
  border: 1px solid #D3DAEA;
}

/* Selected Images Display */
.action-selected-images {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 15px;
  padding: 15px;
  background-color: #f8f9fa;
  border-radius: 8px;
  border: 1px solid #e9ecef;
}

.action-selected-image {
  position: relative;
  display: inline-block;
}

.action-selected-image img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  border-radius: 6px;
  border: 2px solid #1b8730;
}

.action-selected-image .remove-image {
  position: absolute;
  top: -5px;
  right: -5px;
  background: #dc3545;
  color: white;
  border: none;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  font-size: 12px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Hidden fields */
#selected-library-images,
#e-selected-library-images {
  display: none;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .action-image-split {
    flex-direction: column;
  }

  .action-library-section,
  .action-upload-section {
    flex: none;
    width: 100%;
  }

  .action-library-grid {
    grid-template-columns: repeat(auto-fill, minmax(60px, 1fr));
    gap: 10px;
  }

  .action-library-item img {
    width: 60px;
    height: 60px;
  }
}

#upload-images-sp,#upload-image-action {
  text-align: left !important;
}

.sp-image-split {
    display: flex;
    gap: 20px;
    width: 90%;
    margin-top: 20px;
}

.sp-library-section {
    flex: 0 0 66%;
    background-color: #ffffff;
    border: 1px solid #D3DAEA;
    border-radius: 15px;
    padding: 20px;
}

.sp-library-section h4 {
    font-size: 18px;
    font-weight: 700;
    color: #485470;
    margin-bottom: 15px;
    text-align: center;
    margin-top: 0;
}

.sp-library-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
    gap: 15px;
    max-height: 350px;
    overflow-y: auto;
    padding: 10px;
}

.sp-library-item {
    position: relative;
    text-align: center;
    cursor: pointer;
    border: 2px solid transparent;
    border-radius: 8px;
    padding: 8px;
    transition: all 0.3s ease;
    background-color: #f9f9f9;
}

.sp-library-item:hover {
    border-color: #05A7DD;
    background-color: #F1FCFF;
    transform: scale(1.02);
}

.sp-library-item.selected {
    border-color: #1b8730 !important;
    background-color: #e6f9ec !important;
}

.vc-icon-::before {
.sp-library-item.selected::before {
    position: absolute;
    content: "\2713";
    color: #FFFFFF;
    font-family: Arial, sans-serif;
    font-size: 16px;
    background-color: #1b8730;
    padding: 4px;
    border-radius: 50%;
    border: 2px solid #FFFFFF;
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    font-weight: bold;
    transform: translate(60%,-75%);
    z-index: 10;
}

.sp-library-item img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 6px;
    margin-bottom: 8px;
}

.sp-library-label {
    font-size: 12px;
    color: #485470;
    text-align: center;
    line-height: 1.2;
    max-height: 30px;
    overflow: hidden;
}

.sp-upload-section {
    flex: 0 0 34%;
    background-color: #ffffff;
    border: 1px solid #D3DAEA;
    border-radius: 15px;
    padding: 20px;
}

.sp-upload-section h4 {
    font-size: 18px;
    font-weight: 700;
    color: #485470;
    margin-bottom: 15px;
    text-align: center;
    margin-top: 0;
}

.sp-upload-section .upload-images-drag {
    border: 2px dashed #D3DAEA;
    border-radius: 8px;
    padding: 30px 20px;
    text-align: center;
    background-color: #f9f9f9;
    transition: all 0.3s ease;
    cursor: pointer;
    position: relative;
    min-height: 120px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.sp-upload-section .upload-images-drag:hover {
    border-color: #05A7DD;
    background-color: #F1FCFF;
}

.sp-upload-section .upload-images-drag.dragover {
    border-color: #05A7DD;
    background-color: #F1FCFF;
}

.sp-upload-section .upload-images-drag i {
    font-size: 48px;
    color: #05A7DD;
    margin-bottom: 10px;
}

.sp-upload-section .upload-images-drag-text {
    font-size: 16px;
    color: #485470;
    text-align: center;
}

.sp-upload-section .upload-images-drag-text span {
    color: #05A7DD;
    font-weight: 600;
}

.sp-upload-section .upload-images-drag input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.sp-image-preview {
    max-width: 100%;
    max-height: 150px;
    border-radius: 8px;
    margin-top: 10px;
    border: 1px solid #D3DAEA;
}

/* Selected Images Display */
.sp-selected-images {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 15px;
    padding: 15px;
    background-color: #f8f9fa;
    border-radius: 8px;
    border: 1px solid #e9ecef;
}

.sp-selected-image {
    position: relative;
    display: inline-block;
}

.sp-selected-image img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 6px;
    border: 2px solid #1b8730;
}

.sp-selected-image .remove-image {
    position: absolute;
    top: -5px;
    right: -5px;
    background: #dc3545;
    color: white;
    border: none;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    font-size: 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Hidden fields */
#selected-library-images-sp,
#e-selected-library-images-sp,
#selected-library-images-nma,
#e-selected-library-images-nma {
    display: none;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .sp-image-split {
        flex-direction: column;
    }
    
    .sp-library-section,
    .sp-upload-section {
        flex: none;
        width: 100%;
    }
}