@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 */
.theme-tab {
  font-family: "Primary-Semibold";
  background-color: #f4f5f7 !important;
  position: relative;
}
.theme-tab.active {
  background-color: #464775 !important;
  font-family: "Primary-Semibold";
  position: relative;
}
.theme-tab.active:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 10px solid #464775;
  position: absolute;
  bottom: -8px;
  left: 46%;
}

.custom-bg {
  background-color: #F4F5F7;
}

.pricing-theme-tab {
  font-family: "Primary-Semibold";
  background-color: #ffffff !important;
  padding: 0.5rem 2rem;
  color: #343434;
  border-radius: 8px;
}
.pricing-theme-tab.active {
  background-image: linear-gradient(180deg, #5560A5 0%, #464775 100%);
  font-family: "Primary-Semibold";
  position: relative;
  border-radius: 8px;
}
.pricing-theme-tab.active:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 10px solid #464775;
  position: absolute;
  bottom: -8px;
  left: 46%;
}

.brd-rad-8 {
  border-radius: 16px;
}/*# sourceMappingURL=tabbed-form.css.map */