@font-face {
  font-family: "Primary-Regular";
  src: url("../fonts/OpenSans-Regular.woff2") format("woff2"), url("../fonts/OpenSans-Regular.woff") format("woff"), url("../fonts/OpenSans-Regular.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Primary-Semibold";
  src: url("../fonts/OpenSans-SemiBold.woff2") format("woff2"), url("../fonts/OpenSans-SemiBold.woff") format("woff"), url("../fonts/OpenSans-SemiBold.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Primary-Bold";
  src: url("../fonts/OpenSans-Bold.woff2") format("woff2"), url("../fonts/OpenSans-Bold.woff") format("woff"), url("../fonts/OpenSans-Bold.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
/* used for the primary Bold fonts */
/* used for the primary Medium fonts */
/* used for the primary Regular fonts */
/* used for the primary color texts Ex: bordered active tabs  */
/* used for the secondary color texts*/
/* used for the black texts */
/* used for the white color */
/* used for the anchor tags */
/* used for the from label texts and breadcrumb active color */
/* used for the table head text colors */
/* used for the table body text colors */
/* used for the mandatory text colors and validation texts */
/* used for the primary background color  Ex: primary btns  */
/* used for the secondary background color  Ex: secondary btns  */
/* used for the form border color Ex: text box border  */
/* used for the primary border btns color Ex: loadmore border btn  */
/* used for the secondary border btns color Ex: advanced filter border btn  */
/*used for table outer border */
.primary-header {
  font-size: 20px;
  font-family: "Primary-Semibold";
  color: #0C0C0C;
}

.secondary-header {
  font-size: 20px;
  font-family: "Primary-Bold";
  color: #3A3A3D;
}

.tertiary-header {
  font-size: 18px;
  font-family: "Primary-Bold";
  color: #3A3A3D;
}

.acc-heading {
  font-size: 16px;
  font-family: "Primary-Bold";
  color: #616161;
}

.primary-data {
  font-size: 16px;
  font-family: "Primary-Regular";
  color: #404040;
}

@media (max-width: 767px) {
  .primary-header {
    font-size: 16px;
  }
  .secondary-header {
    font-size: 16px;
  }
  .tertiary-header {
    font-size: 14px;
  }
  .acc-heading {
    font-size: 14px;
  }
  .primary-data {
    font-size: 14px;
  }
}
.label-color {
  color: #3D3D3D;
}

.text-gray {
  color: #808080;
}

.custom-header-color {
  color: #0C0C0C;
}

/*Tarun Colors*/
.custom-parah-color {
  color: #1E1E1E;
}

.cust-name-color {
  color: #242424;
}

.cust-role-color {
  color: #616161;
}

.sub-head-black {
  color: #272626;
}

/*Tarun Colors*/
.primary-color {
  color: #464775;
}

.color-black {
  color: #000000;
}

.color-grey-v1 {
  color: #575757;
}

.color-grey-v2 {
  color: #909090;
}

.mandatory-color {
  color: #EC0000;
}

.color-grey-v3 {
  color: #484848;
}

.color-gray-v4 {
  color: #636363;
}

.color-gray-v5 {
  color: #3D3D3D;
}

.cust-gray-color {
  color: #979798;
}

.disabled-btn {
  background-color: #c8c8d6;
}

.info-div-bg {
  background-color: #F4F4F7;
}

.tab-grey-color {
  color: #616161;
}

.tab-grey-color-bg {
  background-color: #616161;
}

.color-white-v1 {
  background-color: #FBFBFB;
}

.contactus-card-bg {
  background-color: #F4F4F9;
}

.secondary-font-color {
  color: #3A3A3D;
}

.dark-violet {
  background-color: #2E1644;
}

.color-white-v2 {
  color: #ffffff;
}

.bg-red-light {
  background-color: #FFDFDF !important;
}

.color-gray-v5 {
  color: #5b5b5b;
}

.draggable-bg {
  background-color: #E3E3E3;
}

.draggable-option {
  border: 1px solid #E4E4E4;
  border-radius: 5px;
}
.draggable-option:hover {
  box-shadow: 0 0.3rem 0.5rem rgba(0, 0, 0, 0.1);
}

.color-dark {
  color: #313131;
}

.pricing-label {
  color: #949CB2;
}

.pricing-para {
  color: #262B40;
}

.custom-carousel-cards.active .pricing-label {
  color: #ffffff;
}

.custom-carousel-cards.active .pricing-para {
  color: #ffffff;
}

.custom-carousel-cards.active .custom-header-color {
  color: #ffffff;
}

.text-violet {
  color: #5D3FA5;
}

.violet-bg {
  width: 56px;
  height: 56px;
  background-color: #FAF6FF;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
}
.violet-bg img {
  width: 28px;
  height: 28px;
}/*# sourceMappingURL=colors.css.map */