/* Font Family */
.zoho-puvi-thin {
  font-family: 'zoho-puvi-thin';
}
.zoho-puvi-regular {
  font-family: 'zoho-puvi-regular';
}
.zoho-puvi-medium {
  font-family: 'zoho-puvi-medium';
}
.zoho-puvi-semibold {
  font-family: 'zoho-puvi-semibold';
}
.zoho-puvi-bold {
  font-family: 'zoho-puvi-bold';
}
.roboto-regular {
  font-family: 'roboto-regular';
}
.roboto-italic {
  font-family: 'roboto-italic';
}
.inconsolata-regular {
  font-family: 'inconsolata-regular';
}
.inconsolata-bold {
  font-family: 'inconsolata-bold';
}

/* Width */
.w5p {
  width: 5%;
}
.w10p {
  width: 10%;
}
.w12p {
  width: 12%;
}
.w15p {
  width: 15%;
}
.w20p {
  width: 20%;
}
.w25p {
  width: 25%;
}
.w30p {
  width: 30%;
}
.w35p {
  width: 35%;
}
.w40p {
  width: 40%;
}
.w45p {
  width: 45%;
}
.w50p {
  width: 50%;
}
.w55p {
  width: 55%;
}
.w60p {
  width: 60%;
}
.w65p {
  width: 65%;
}
.w70p {
  width: 70%;
}
.w75p {
  width: 75%;
}
.w80p {
  width: 80%;
}
.w85p {
  width: 85%;
}
.w88p {
  width: 88%;
}
.w90p {
  width: 90%;
}
.w95p {
  width: 95%;
}
.w100p {
  width: 100%;
}

/* Height */

/* Position */
.pR {
  position: relative;
}
.pA {
  position: absolute;
}
/* Position Properties */
.top-14 {
  top: 14px;
}
.top-24 {
  top: 24px;
}
.left-15 {
  left: 15px;
}
.left-25 {
  left: 25px;
}
/* Display */
.dF {
  display: flex;
}
.dN {
  display: none;
}
.dNimp {
  display: none !important;
}

/* Flex Properties */
.flex-wrap {
  flex-wrap: wrap;
}
.gap-10 {
  gap: 10px;
}
.gap-15 {
  gap: 15px;
}
.gap-20 {
  gap: 20px;
}

/* Grid Properties */

/* Text Align */

/* Align Items */
.align-center {
  align-items: center;
}

/* Justify Content */
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-right {
  justify-content: right;
}

/* Text Align */
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}

/* Color */
.color-font-lite-body {
  color: var(--font-lite-body-color);
}
.color-body-header {
  color: var(--body-header-color);
}
.color-font-body {
  color: var(--font-body-color);
}
.color-font-blue {
  color: var(--font-blue-color);
}
.color-error {
  color: #c70000;
}

/* Text */
.text-12 {
  font-size: 12px;
}
.text-13 {
  font-size: 13px;
}
.text-14 {
  font-size: 14px;
}
.text-15 {
  font-size: 15px;
}
.text-16 {
  font-size: 16px;
}
.text-20 {
  font-size: 20px;
}
.text-24 {
  font-size: 24px;
}
.text-26 {
  font-size: 26px;
}
.text-40 {
  font-size: 40px;
}

/* Padding */
.p-20 {
  padding: 20px !important;
}
.pt-10 {
  padding-top: 10px;
}
.pt-15 {
  padding-top: 15px;
}
.pt-20 {
  padding-top: 20px;
}
.pt-30 {
  padding-top: 30px;
}
.pt-40 {
  padding-top: 40px;
}
.pr-15 {
  padding-right: 15px;
}
.pr-20 {
  padding-right: 20px;
}
.pb-10 {
  padding-bottom: 10px;
}
.pb-15 {
  padding-bottom: 15px;
}
.pb-20 {
  padding-bottom: 20px;
}
.pl-5 {
  padding-left: 5px;
}
.pl-20 {
  padding-left: 20px;
}

/* Margin */
.m-0{
  margin: 0;
}
.ml-auto {
  margin-left: auto;
}
.mr-auto {
  margin-right: auto;
}
.mt-1 {
  margin-top: 1px;
}
.mt-5 {
  margin-top: 5px;
}
.mt-15 {
  margin-top: 15px;
}
.mt-30 {
  margin-top: 30px;
}
.mt-100 {
  margin-top: 100px;
}
.mr-5 {
  margin-right: 5px;
}
.mr-25 {
  margin-right: 25px;
}
.ml-12 {
  margin-left: 12px;
}
.mb-8 {
  margin-bottom: 8px;
}
.mb-12 {
  margin-bottom: 12px;
}
.mb-15 {
  margin-bottom: 15px;
}
.mb-20 {
  margin-bottom: 20px;
}
.mb-30 {
  margin-bottom: 30px;
}
.mb-34 {
  margin-bottom: 34px;
}

/* Cursor */
.cP {
  cursor: pointer;
}

/* Visibility */

/* Border */
.border {
  border: 1px solid var(--hr-color);
}

/* Line Spacing */
.ls-12 {
  letter-spacing: 1.2px;
}
.ls-24 {
  letter-spacing: 2.4px;
}
.ls-26 {
  letter-spacing: 2.6px;
}

/* Background */
.bg-menu-color {
  background-color: var(--menu-color);
}
.bg-body-color {
  background-color: var(--body-color);
}

/* Overflow */

/* Border Radius */

/* Float */

/* White space */
.ws-nowrap {
  white-space: nowrap;
}

/* Line Height */
.lh-20 {
  line-height: 20px;
}
.lh-26 {
  line-height: 26px;
}
.lh-48 {
  line-height: 48px;
}

/* Box Shadow */

/* Text Decoration */
.text-decoration-none {
  text-decoration: none;
}

/* Opacity */
.opacity-07 {
  opacity: 0.7;
}