/* Theme Colors (1 to 10) */
:root {
  --themeprimaryclr:#e2058f;
  --themesecondaryclr:#5d5d5d;
  --themethirdclr:#1bb174;
  --themefourthclr:#1c1c1c;
  --themefifthclr:#ff42b3;
  --themesixthclr:#554b4e;
  --themeseventhclr:#f09;
  --themeeighthclr:#6e6c6c;
  --themeninthclr:#212529 BF;
  --themetenthclr:#f7cd73;
  --plainclr:#fff;
  --darkclr:#000;
  --lightbg:#fafafa;
  --bodyclr:#696969;
  --body-bgclr:#afb3ab;
  --headerclr:#fff;
  --headerbgclr:#defffc;
  --footerclr:#ffdada;
  --footerbgclr:#ebb;
  --headingclr:#000;
  --li-clr:#dfd8d8;
  --lihover-clr:#474747;
  --anchorclr:#cdcdcd;
  --btnhover:#ff42b3;
  --anchor-hover-clr:#ffa1a1;
  --linkclr:#0059ce;
  --link-hover-clr:#3288f8;
  /* newly added colors */
  --link-hover-bg-clr:#f5f5f5;
  --link-bg-clr:#f0f0f0;
  --hoverclr:#000;
  --iconclr:#f00;
  --icon-hover-clr:#fff000;
  --tablehover:#cdcdcd;
  /* dark mode clrs */
  --dark-text-color:#c0aaaa;
  --dark-section-color:#2a2a2a;
  --dark-menu-bg-color:#3f404e;
  --dark-menu-icon-color:#404654;
  /* borderclrs */
  --main-border:#e0e0e0;
  --light-border:#51535f;
  --borderone:#cdcdcd;
  --bordertwo:#dcdc45;
  --border-three:#f00;
  /* section colors */
  --section-color:#fafafa;
  --section-color-two:#000;
  --section-color-three:#9b9b9b;
  --section-color-four:#313131;
  --section-color-five:#f8bfbf;
  /* Named Colors */
  --greenclr:#1bb174;
  --orangecolor:#f90;
  --redclr:#ff2b2b;
  --yellowclr:#f7cd73;
  /* badges color */
  --badge-danger:#f00;
  --badge-warning:#f90;
  --badge-success:#1bb174;
  --badge-light:#eff0f6;
  --badge-dark:#343a40;
  --badge-semi-dark:#495057;
  --badge-semi-light:#f8f9fa;
  --badge-info:#17a2b8;
  --fbclr:#1877f2;
  --ytclr:#f00;
  --twclr:#1da1f2;
  --igclr:#c13584;
  --lnclr:#0a66c2;
  --ghclr:#333;
  --waclr:#25d366;
  --scclr:#fffc00;
  --rdclr:#ff4500;
  --tiktokclr:#dcf8c6;
  --pinterestclr:#e60023;
  /* Overlay Colors */
  --overlayone:rgba(0, 0, 0, 0.3);
  --overlaytwo:rgba(0, 0, 0, 0.5);
  --overlaythree:rgba(0, 0, 0, 0.7);
  --overlayfour:rgba(255, 255, 255, 0.2);
  --overlayfive:rgba(226, 5, 143, 0.4);
  /* Gradient Backgrounds */
  --gradientone:linear-gradient(135deg, #e2058f, #ff42b3);
  --gradienttwo:linear-gradient(135deg, #1bb174, #43a700);
  --gradientthree:linear-gradient(135deg, #f60, #f90);
  --gradientfour:linear-gradient(135deg, #000, #434343);
  --gradientfive:linear-gradient(135deg, #f7cd73, #fc0);
  --gradientsix:linear-gradient(135deg, #5d5d5d, #1c1c1c);
  /* Box Shadows */
  --shadowone:0 1px 3px rgba(0, 0, 0, 0.1);
  --shadowtwo:0 4px 6px rgba(0, 0, 0, 0.1);
  --shadowthree:0 10px 15px rgba(0, 0, 0, 0.15);
  --shadowfour:0 12px 24px rgba(0, 0, 0, 0.2);
  --shadowfive:0 20px 40px rgba(0, 0, 0, 0.25);
  /* Font Families (1 to 6) */
  --primaryfont:"Lato", sans-serif;
  --secondaryfont:"Inter", sans-serif;
  --thirdfont:"Roboto", sans-serif;
  --fourthfont:"Montserrat", sans-serif;
  --fifthfont:"Open Sans", sans-serif;
  --sixthfont:"Poppins", sans-serif;
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.user-profile {
  border: 1px solid var(--li-clr);
  width: 104px;
  height: 104px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}

.user-name {
  color: var(--darkclr);
  font-size: 16px;
  text-decoration: none;
  margin-bottom: 5px;
  transition: 0.3s all;
}
.user-name:hover {
  text-decoration: underline;
}

.desginastion {
  font-size: 14px;
  line-height: 20px;
  margin-top: 4px;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  z-index: 1;
  color: var(--darkclr);
}

.user-email, .user-phone {
  font-size: 14px;
  line-height: 20px;
  margin-top: 4px;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  color: var(--linkclr);
  text-decoration: none;
  transition: 0.3s all;
}
.user-email:hover, .user-phone:hover {
  text-decoration: underline;
}

.user-info {
  font-size: 12px;
  line-height: 20px;
  color: var(--darkclr);
  padding-right: 6px;
  cursor: pointer;
  margin-top: 20px;
  opacity: 0.4;
  transition: opacity 0.3s;
  border: none;
}
.user-info:hover {
  opacity: 1;
}

.custom-width {
  max-width: 960px;
  width: 100%;
}
.custom-width .btn-close {
  position: absolute;
  top: 12px;
  right: 12px;
  display: block;
  width: 32px;
  height: 32px;
  padding: 0px;
  border: 1px solid var(--borderone);
  border-radius: 50%;
  cursor: pointer;
  background-color: var(--badge-semi-light);
  color: var(--darkclr);
  font-size: 12px;
  z-index: 999;
}
.custom-width .btn-close:hover {
  background-color: var(--badge-semi-light);
}

@media (max-width: 575px) {
  .user-image-pop.w-50 {
    width: 100% !important;
  }
}
@media (max-width: 575px) {
  .user-info-pop.w-50 {
    width: 100% !important;
  }
}/*# sourceMappingURL=showcaseDesgin1.css.map */