.ph-rotate-45 {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mt-14 {
    margin-top: 14px;
}

.mb-70 {
    margin-bottom: 70px;
}

.text-justify {
    text-align: justify;
}

.mt-50{
    margin-top: 50px;
}

.b-radius-10{
    border-radius: 10px;
}

.ngtivetop{
    margin-top: -22px;
}

.blue-box-shadow{
    box-shadow: 0px 10px 25px 0px rgb(45 79 225 / 70%);
}

.letter-spacing-1 {
    letter-spacing: 1px;
}

.letter-spacing-1-2 {
    letter-spacing: 1.2px;
}

.letter-spacing-0-8 {
    letter-spacing: -0.8px;
}

.letter-spacing-0-9 {
    letter-spacing: 0.9px;
}

.dsktpftricon {
    margin-top: 25px !important;
}

.dsktprodmt {
    margin-top: 20px !important;
}

.ftrglelink {
    margin-top: 22px !important;
}

.fs-22 {
    font-size: 22px;
}

.mt-72 {
    margin-top: 72px;
}

.mt-25 {
    margin-top: 25px;
}

.gap-13 {
    gap: 13px;
}

.gap-15 {
    gap: 15px;
}

.mt-90 {
    margin-top: 90px;
}

/* Custom Media Query Start */

@media only screen and (min-width: 220px) and (max-width: 767px) {
    .mblprdct {
        margin-top: 15px;
    }

    .mblpaddingbtm {
        padding-bottom: 0px;
    }

    .mblmt-20 {
        margin-top: 25px;
    }

    .mblftrtop {
        padding-top: 50px;
    }

    .res-letter-spacing-0-6 {
        letter-spacing: -0.6px;
    }

    .res-letter-spacing-0-5 {
        letter-spacing: 0.5px;
    }

    .res-letter-spacing-0-4 {
        letter-spacing: 0.4px !important;
    }

    .res-letter-spacing-0-3 {
        letter-spacing: -0.3px;
    }

    .res-letter-spacing--0-5 {
        letter-spacing: -0.5px;
    }

    .res-letter-spacing-0-7 {
        letter-spacing: -0.7px !important;
    }

    .res-letter-spacing--0-7 {
        letter-spacing: 0.7px;
    }

    .res-letter-spacing-0-9 {
        letter-spacing: 0.9px !important;
    }

    .mblepl-10 {
        padding-left: 10px;
    }

    .mblemb45 {
        margin-bottom: 45px;
    }

    .mblftrtxt {
        font-size: 20px;
    }

    .mblftrtoptext {
        margin-top: 10px;
        display: flex;
        justify-content: left;
    }

    .mblftrleft {
        display: flex;
        justify-content: left !important;
        margin-top: 25px !important;
    }

    .mblerescaption {
        display: flex;
        justify-content: left;
        margin-top: 22px !important;
    }

    .mblftrprotxt {
        font-size: 20px !important;
    }

    .mbleftrnavitem {
        margin-top: 10px;
    }

    .mblftrul {
        margin-top: 18px;
    }

    .ngtivetop{
        margin-top: 0px;
    }

    .mblmtzero{
        margin-top: 0px;
    }
}

ibody {
    background: #fff;
    font: 400 1em/1.4 "Open Sans", "Helvetica Neue", sans-serif;
    color: #333;
    text-align: center;
    padding: 4em 2em;
}

h1 {
    font-weight: 300;
    font-size: 5em;
    line-height: 1.35;
    margin: 0 0 0.125em;
}

h1+p {
    font-size: 1.5em;
    color: #999;
    max-width: 30em;
    margin: 0 auto 3em;
}

table {
    width: 100%;
    text-align: left;
    border-spacing: 0;
    border-collapse: collapse;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

th,
td {
    font-family: inherit;
    font-size: 0.875em;
    line-height: 1.45;
    color: #444;
    vertical-align: middle;
    padding: 0.7em;
}

th {
    font-weight: 600;
}

colgroup:nth-child(1) {
    width: 28%;
    border: 0 none;
}

colgroup:nth-child(2) {
    width: 18%;
    border: 1px solid #ccc;
}

colgroup:nth-child(3) {
    width: 18%;
    border: 1px solid #ccc;
}

colgroup:nth-child(4) {
    width: 18%;
    /* border: 3px solid #59c7fb; */
}

colgroup:nth-child(5) {
    width: 18%;
    border: 1px solid #ccc;
}

/* Tablehead */

thead th {
    /* background: -webkit-gradient(
      linear,
      100% 55%,
      0% 25%,
      from(#533147),
      to(#fcc9aa)
    ); */
    text-align: center;
    position: relative;
    border-bottom: 1px solid #ccc;
    padding: 3em 0 2em;
    font-weight: 400;
    color: #999;
}

/* thead th:nth-child(1) {
    background: transparent;
  } */
thead th:nth-child(3) {
    /*padding: 2em 0 5em;*/
}

thead th h2 {
    font-weight: bold;
    line-height: 1.2;
    font-size: 24px;
    color: #0c1228;
}

thead th h2+p {
    font-size: 1.5em;
    line-height: 1.4;
    color: #e5e6e2;
}

/* thead th:nth-child(3) h2 {
    font-size: 3.6em;
  } */
thead th:nth-child(3) h2+p {
    font-size: 1.5em;
}

thead th p.promo {
    font-size: 1.3em;
    color: #fff;
    position: absolute;
    top: 1em;
    left: 0px;
    z-index: 1000;
    width: 100%;
    margin: 0;
    padding: 0.625em 17px 0.75em;
    background: #c00;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
    border-bottom: 1px solid #900;
}

thead th p.promo:before {
    content: "";
    position: absolute;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 7px 7px 0;
    border-color: transparent #900 transparent transparent;
    bottom: -7px;
    left: 0;
}

thead th p.promo:after {
    content: "";
    position: absolute;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 7px 7px 0 0;
    border-color: #900 transparent transparent transparent;
    bottom: -7px;
    right: 0;
}

/* Tablebody */

tbody th {
    background: rgba(255, 255, 255, 0.42);
    border-left: 1px solid #ccc;
    font-size: 16px;
}

tbody th span {
    font-weight: normal;
    font-size: 87.5%;
    color: #999;
    display: block;
}

tbody td {
    background: rgba(255, 255, 255, 0.42);
    text-align: center;
    border-right: 1px solid #ccc;
}

tbody tr:nth-child(even) th,
tbody tr:nth-child(even) td {
    background: rgba(245, 245, 245, 0.68);
    border: 1px solid #ccc;
    border-width: 1px 1px 1px 1px;
}

tbody tr:last-child td {
    border: 1px solid #ccc;
}

/* Tablefooter */

tfoot th {
    padding: 2em 1em;
    border-top: 1px solid #ccc;
}

tfoot td {
    text-align: center;
    padding: 2em 1em;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

tfoot a {
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    padding: 1.125em 2em;
    background: #92c500;
    border-radius: 0.5em;
    font-size: 13px;
}

.fa-check {
    color: green;
}

.fa-times {
    color: #dc2b2b;
}

a:focus,
a:hover {
    color: #23527c;
    text-decoration: none;
}

.tabpad {
    padding: 15px !important;
}


.user-login {
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    border: none;
    /* color: #fff; */
    display: inline-flex;
    padding: 10px 10px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 50px;
    transition: all ease 0.4s;
}

/* Custom Media Query End */

.pagination-style{
    padding: 15px;
}

.fs-40{
    font-size: 40px;
}

/* Product showcase */
.product-showcase {
    background: radial-gradient(160% 140% at 50% -40%, #e6f0ff 0%, #ffffff 55%);
}

.product-showcase__grid .col-xl-3,
.product-showcase__grid .col-lg-4,
.product-showcase__grid .col-md-6,
.product-showcase__grid .col-sm-10 {
    display: flex;
}

.product-card {
    --product-border: rgba(32, 90, 255, 0.15);
    --product-bg: linear-gradient(180deg, rgba(235, 243, 255, 0.65) 0%, #ffffff 90%);
    --product-icon-bg: linear-gradient(135deg, rgba(32, 90, 255, 0.16) 0%, rgba(32, 90, 255, 0.05) 100%);
    --product-icon-shadow: rgba(32, 90, 255, 0.18);
    border-radius: 24px;
    border: 1px solid var(--product-border);
    background: var(--product-bg);
    padding: 32px 28px;
    width: 100%;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 25px 45px -30px rgba(12, 26, 66, 0.35);
    color: inherit;
}

.product-card__icon {
    width: 74px;
    height: 74px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--product-icon-bg);
    box-shadow: 0 18px 40px -20px var(--product-icon-shadow);
    transition: transform 0.3s ease;
}

.product-card__icon img {
    max-width: 44px;
    height: auto;
}

.product-card__title {
    color: var(--blue);
}

.product-card__text {
    line-height: 1.6;
}

.product-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 32px 55px -28px rgba(12, 26, 66, 0.38);
}

.product-card:hover .product-card__icon {
    transform: scale(1.05);
}

.product-card--hr {
    --product-border: #0465CF;
    --product-bg: linear-gradient(180deg, #0465CF 0%, #0463CC 92%);
    --product-icon-bg: linear-gradient(140deg, rgba(255, 138, 138, 0.85) 0%, rgba(255, 206, 206, 0.85) 100%);
    --product-icon-shadow: rgba(255, 138, 138, 0.45);
}

.product-card--payroll {
    --product-icon-bg: linear-gradient(140deg, rgba(36, 169, 109, 0.85) 0%, rgba(152, 236, 190, 0.85) 100%);
    --product-icon-shadow: rgba(36, 169, 109, 0.4);
}

.product-card--erp {
    --product-border: rgba(71, 138, 255, 0.28);
    --product-bg: linear-gradient(180deg, rgba(233, 241, 255, 0.95) 0%, #ffffff 92%);
    --product-icon-bg: linear-gradient(140deg, rgba(71, 138, 255, 0.85) 0%, rgba(164, 198, 255, 0.85) 100%);
    --product-icon-shadow: rgba(71, 138, 255, 0.42);
}

.product-card--health {
    --product-icon-bg: linear-gradient(140deg, rgba(126, 109, 246, 0.85) 0%, rgba(203, 196, 255, 0.85) 100%);
    --product-icon-shadow: rgba(126, 109, 246, 0.4);
}

.product-card--hr .product-card__title {
    color: white;
}

.product-card--hr .product-card__text {
    color: white;
    line-height: 1.6;
}

@media (max-width: 767.98px) {
    .product-card {
        padding: 28px 24px;
    }

    .product-card__icon {
        width: 72px;
        height: 72px;
    }

    .product-card__icon img {
        max-width: 38px;
    }
}