@font-face {
    font-family: "IBM Plex Sans";
    font-display: swap;
    font-weight: 700;
    font-style: bold;
    src: url("/assets/fonts/ibm-plex/IBMPlexSans-Bold.ttf");
}

@font-face {
    font-family: "IBM Plex Sans";
    font-display: swap;
    font-weight: 500;
    font-style: medium;
    src: url("/assets/fonts/ibm-plex/IBMPlexSans-Medium.ttf");
}

@font-face {
    font-family: "Satoshi";
    font-display: swap;
    font-weight: 400;
    src: url("/assets/fonts/satoshi/Satoshi-Light.otf");
}

@font-face {
    font-family: "Satoshi";
    font-weight: 500;
    font-display: swap;
    src: url("/assets/fonts/satoshi/Satoshi-Medium.otf");
}

@font-face {
    font-family: "Satoshi";
    font-display: swap;
    font-weight: 600;
    src: url("/assets/fonts/satoshi/Satoshi-Bold.otf");
}

@font-face {
    font-family: "Satoshi";
    font-display: swap;
    font-weight: 700;
    src: url("/assets/fonts/satoshi/Satoshi-Bold.otf");
}

@font-face {
    font-family: "Inter";
    font-display: swap;
    src: url("/assets/fonts/inter/Inter-Bold.ttf");
}

@font-face {
    font-family: "Inter";
    font-display: swap;
    src: url("/assets/fonts/inter/Inter-Medium.ttf");
}

@font-face {
    font-family: "Inter";
    font-display: swap;
    src: url("/assets/fonts/inter/Inter-Regular.ttf");
}

@media (min-width: 1190px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 100%;
        width: 1170px;
    }
}

body {
    font-family: 'Satoshi';
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
    line-height: normal;
}

header.navigation {
    display: none !important;
}

footer.wow-footer {
    display: none !important;
}


/* Upper Bar Start*/
.content-bar {
    display: flex;
    gap: 32px;
    height: 54px;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    justify-content: center;
}

.upper-bar {
    background-color: rgba(67, 168, 184, 1);
}

.main-content-banner {
    width: 97%;
    margin: 0 auto;
}

.main-content-banner .para-baner {
    font-size: 20px;
    line-height: 30px;
}

.bar-heading {
    color: rgba(255, 255, 255, 1);
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 0px;
    font-family: 'IBM Plex Sans';
}

.images-upper-bar {
    gap: 22px;
}

/* Upper Bar End*/

/* NavBar Start*/

.unify-nav {
    background-color: rgba(24, 24, 26, 1);
    padding: 15px 50px;
}

.unify-content {
    display: flex;
    justify-content: space-between !important;
    width: 100%;
    margin-top: 42px;
}

.unify-a {
    text-decoration: none !important;
    border: none !important;
}

.phone-img {
    gap: 10px;
    align-items: center;
}

.main-btns {
    gap: 20px;
}

span.number {
    font-size: 14px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
}

/* NavBar End*/

/* Banner Section Started  */
section.banner {
    background-color: rgba(24, 24, 26, 1);
    padding: 55px 0px 84px;
}

img.img-fluid.responcive-img {
    display: none;
}

.heading-banner {
    color: rgba(255, 255, 255, 1);
    font-size: 52px;
    font-weight: 700;
    font-family: 'IBM Plex Sans'
}

.para-baner {
    color: rgba(255, 255, 255, 1);
    text-align: center;
    font-weight: 400;
    margin-top: 35px;
    margin-bottom: 37px;
}

.Extra {
    color: rgba(67, 168, 184, 1);
}

.saving-btn {
    padding: 15px 20px;
    background-color: rgba(67, 168, 184, 1);
    border-radius: 10px;
    color: rgba(255, 255, 255, 1);
    font-size: 18px;
    font-weight: 700;
    text-decoration: none !important;

}

.saving-btn,
.book-free {
    max-height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.saving-btn:hover,
.saving-btn:active,
.saving-btn:focus {
    color: rgba(255, 255, 255, 1);
}

.book-free:hover,
.book-free:active,
.book-free:focus {
    color: rgba(255, 255, 255, 1);
}

.book-now:hover,
.book-now:active,
.book-now:focus {
    color: rgba(255, 255, 255, 1);
}

.book-free {
    padding: 15px 20px;
    border: 1.5px solid rgba(255, 255, 255, 1);
    border-radius: 10px;
    color: rgba(255, 255, 255, 1);
    font-size: 18px;
    font-weight: 700;
    text-decoration: none !important;
}

.banner-btn {
    gap: 20px;
}

.trusted {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 14px;
    margin-top: 26px;
}

.heading-trust {
    font-family: Satoshi;
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    color: rgba(255, 255, 255, 1);
    margin-bottom: 0px;

}

.employe {
    font-size: 16px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 100%;
}

.content-trust {
    gap: 7px;
    align-items: center;
}

.baner-girl {
    margin-top: 60px;
}

/* Banner Section End  */
/* img slide section  */


.marque-inner-images {
    display: flex;
    gap: 34px;
}

.marquee {
    background: #f9f9f9;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    padding: 41px 0px;
}

.marquee-content {
    display: inline-flex;
    animation: scroll 10s linear infinite;
}

.marquee-content img {
    width: 100%;
    height: 42px;
    object-fit: cover;
    margin-right: 20px;
    border-radius: 10px;
}

/* Duplicate images to make a seamless loop */
.marquee-content::after {
    content: "";
    display: inline-flex;
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

/* Trick: make the content long enough to cover 2 full sets */
.marquee-inner {
    display: flex;
    width: max-content;
}

/* Insurance Section Started */
section.insurance {
    padding: 75px 0px;
}

.insurance-heading {
    font-size: 42px;
    font-weight: 700;
    text-align: center;
    color: rgba(25, 25, 25, 1);
    margin-bottom: 0px;
    font-family: 'IBM Plex Sans';
    line-height: 100%;

}

.para-insurance {
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    color: rgba(73, 73, 73, 1);
    margin-bottom: 30px;
    margin-top: 25px;
}

.leave-gap {
    color: rgba(67, 168, 184, 1);
}

section.insurance .content-card {
    padding: 36px 23px !important;
}

.insurance-col {
    padding: 10px !important;
}

.content-card {
    background-color: rgba(248, 248, 248, 1);
    padding: 36px 30px;
    border-radius: 12px;
    padding-top: 36px;
    padding-bottom: 30px !important;
}

img.img-fluid.employe {
    margin-bottom: 50px;
}

.em-loye-heading {
    font-size: 24px;
    font-weight: bold;
    color: rgba(25, 25, 25, 1);
    margin-bottom: 10px;
    font-family: 'IBM Plex Sans';
    line-height: 100%;
}

.employe-para {
    font-size: 16px;
    font-weight: 400;
    color: rgba(25, 25, 25, 1);
    margin-bottom: 0px;
}

.hr-team {
    color: rgba(67, 168, 184, 1);
}

.content-card.card-2 {
    background-color: rgba(242, 249, 250, 1);
}

.content-card.card-3 {
    background-color: rgba(248, 248, 248, 1);
}

/* Insurance Section End */

/* Shift Section Started  */
section.shift {
    padding: 75px 0px;
    background-color: rgba(248, 248, 248, 1);
}

section.shift .insurance-heading {
    font-size: 42px;
    font-weight: 700;
    color: rgba(25, 25, 25, 1);
    margin-bottom: 0px;
    text-align: left;
    margin-bottom: 20px;
    font-family: 'IBM Plex Sans'
}

section.shift .leave-gap {
    color: rgba(67, 168, 184, 1);
}

.shift-para {
    font-size: 16px;
    font-weight: 400;
    color: rgba(25, 25, 25, 1);
    margin-bottom: 20px;
}

section.shift .btn-book {
    margin-top: 74px !important;
}

.book-now {
    padding: 15px 20px;
    border-radius: 10px;
    background-color: rgba(67, 168, 184, 1);
    color: rgba(255, 255, 255, 1);
    font-size: 18px;
    font-weight: 700;
    text-decoration: none !important;
}

/* Shift Section End */

/* Work Section End */

section.work {
    padding: 75px 0px;
}

p.para-phase-1 {
    font-size: 18px;
    color: rgba(25, 25, 25, 1);
    font-weight: 700;
    margin-bottom: 0px;
    width: 172px;
    white-space: nowrap;
    font-family: 'IBM Plex Sans';

}

.under {
    color: rgba(73, 73, 73, 1) !important;
}

.phse-col {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid black;
    width: 75px;
    height: 215px;
    background-color: rgba(242, 249, 250, 1);
    border: none;
    border-radius: 12px;
}

.phase-col-2 {
    height: 220px;
}

.maincardd {
    display: flex;
    gap: 15px;
    margin-bottom: 18px;
}

.maincardd .work {
    width: 100%;
}

.para-phase-1 {
    transform: rotate(-90deg);
    transform-origin: center;
    margin: 0;
    font-weight: bold;
}

.phas-1 {
    align-items: center;
    display: flex;
    border-radius: 12px;
}

span.proposal {
    color: rgba(67, 168, 184, 1);
}

.upper-content-work h4 {
    color: rgba(167, 155, 155, 1);
    font-size: 16px;
    font-weight: 700;
}

.upper-content-work h3 {
    color: rgba(25, 25, 25, 1);
    font-size: 20;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 50px;
    font-family: 'IBM Plex Sans';
    margin-top: 0px;
}

section.work .content-card {
    margin-bottom: 0px;
    margin-top: 0px;
    padding: 36px 28px;
    padding-bottom: 30px !important;
    background-color: rgba(248, 248, 248, 1);
}

.left-work {
    display: flex;
    align-items: center;
    gap: 15px;
}

.left-work p.shift-para {
    font-size: 16px;
    font-weight: 400;
    color: rgba(25, 25, 25, 1);
    margin-bottom: 0px;
}

.lower-content-word {
    height: 94px;
    background-color: rgba(248, 248, 248, 1);
    align-items: center;
    display: flex;
    padding: 20px;
    border-radius: 8px;
}

/* Work Section End */


/* Benefits Section End */

section.benefits {
    padding: 75px 0px;
    background-color: rgba(248, 248, 248, 1);
}

.shift-content {
    display: flex;
    justify-content: end;
}

section.benefits a.book-now {
    padding: 15px 20px;
    border-radius: 10px;
    background-color: rgba(67, 168, 184, 1);
    color: rgba(255, 255, 255, 1);
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
}

section.benefits .insurance-heading {
    font-size: 42px;
    font-weight: 700;
    color: rgba(25, 25, 25, 1);
    margin-bottom: 0px;
    text-align: left;
    margin-bottom: 20px;
    font-family: 'IBM Plex Sans'
}

section.benefits p.shift-para {
    font-size: 16px;
    font-weight: 400;
    color: rgba(25, 25, 25, 1);
    margin-bottom: 20px;
}

span.benefits-span {
    gap: 10px;
    margin-bottom: 20px;
}

.inner-span {
    font-size: 16px;
    font-weight: 400;
    color: rgba(25, 25, 25, 1);
    margin-bottom: 0px;
}

/* Benefits Section End */


/* Buisness Section End */

section.buisness {
    padding-bottom: 25px;
}

.main-buisness {
    background-color: rgba(24, 24, 26, 1);
    padding: 50px 60px;
}

.content-text-buisness {
    max-width: 99%;
}

.para-buisness {
    color: rgba(255, 255, 255, 1);
    margin-top: 16px;
    margin-bottom: 0px;
    text-align: center;
}

.heimg-buisness {
    font-size: 42px;
    font-weight: 700;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    font-family: 'IBM Plex Sans'
}

.mainlower {
    background-color: rgba(31, 31, 31, 1);
    padding-top: 70px;
    padding-bottom: 60px;
}

.heading-employe {
    color: rgba(255, 255, 255, 1);
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
    font-family: 'IBM Plex Sans'
}

.mainlower p.employe-para {
    font-size: 16px;
    color: rgba(255, 255, 255, 1);
    font-weight: 400;

    margin-bottom: 25px;
}

.inner-content-buiness {
    background-color: rgba(255, 255, 255, 1);
    height: 54px;
    border-left: 3px solid rgba(67, 168, 184, 1);
    border-radius: 8px;
    z-index: -3;
    display: flex;
    align-items: center;
    padding: 12px;
    gap: 16px;
    margin-bottom: 15px;
}

.inner-para-buisness {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0px;
    color: rgba(25, 25, 25, 1);
}

.content-employer.right-employe-content .inner-content-buiness {
    border-left: 3px solid rgba(59, 130, 246, 1);
}

/* Buisness Section End */


/* Choose Section End */

section.choose {
    padding: 75px 0px;
}

.para-choose {
    margin-top: 14px;
    text-align: center;
    margin-bottom: 46px;
}

section.choose .content-card {
    background-color: rgba(248, 248, 248, 1);
    padding: 32px 18px !important;
    border-radius: 12px;
    padding-top: 32px !important;
    padding-bottom: 22px !important;
}

img.employe {
    width: 36px;
    height: 36px;
}


.choose-col {
    padding: 10px !important;
}

section.choose img.img-fluid.employe {
    margin-bottom: 38px;
}

section.choose h3.em-loye-heading {
    font-size: 20px;
    font-weight: bold;
    color: rgba(25, 25, 25, 1);
    margin-bottom: 10px;
}

section.choose p.employe-para {
    font-size: 16px;
    font-weight: 400;
    color: rgba(25, 25, 25, 1);
}

.content-card.card-2-choose {
    background-color: rgba(242, 249, 250, 1) !important;
}

/* Choose Section End */


/* Saving Section End */

section.saving {
    padding: 75px 0px;
}

img.bar-code {
    padding: 20px;
}

.sections-heading {
    font-family: 'IBM Plex Sans' !important;
    font-weight: 700;
    font-size: 32px;
}

.heading-saving {
    color: rgba(255, 255, 255, 1);
    font-size: 34px;
    font-weight: 700;
    font-family: 'IBM Plex Sans';
    margin-bottom: 0px;
}

.savings-des p {
    color: rgba(25, 25, 25, 1) !important;
}

.field-section h5 {
    color: rgba(25, 25, 25, 1) !important;
    font-family: 'IBM Plex Sans' !important;
    font-weight: 700 !important;
    font-size: 22px;
    margin-bottom: 10px !important;
}

.heading-number {
    color: rgba(25, 25, 25, 1);
    font-size: 14px;
    font-weight: 700;
    font-family: 'Satoshi';
    margin-bottom: 6px;
    margin-top: 0px;
}

#employees::placeholder {
    color: rgba(149, 146, 146, 1);
    font-size: 14px;
    font-weight: 400;
}

.savings-display label {
    font-weight: 700;
    font-size: 16px;
    line-height: 32px;
    color: rgba(25, 25, 25, 1);
    margin-bottom: 0;

}

input {

    width: 100%;
    height: 40px;
    outline: none;
    background: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    padding: 10px 15px;
    box-shadow: none;
    border-radius: 0;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #ddd;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.para-saving {
    color: rgba(255, 255, 255, 1);
    font-size: 20px;
    font-weight: 400;
    margin: unset;
    padding-top: 20px;
}

.left.content-saving {
    background-color: rgba(24, 24, 26, 1);
    padding: 50px 48px;
    border-radius: 12px;
}

.saving-span {
    color: rgba(255, 255, 255, 1);
    font-size: 20px;
    font-weight: 400;
    display: flex;
}

.iner-chose-span {
    align-items: center;
    gap: 10px;
    display: flex;
}

.saving-content-img {
    background-color: rgba(47, 47, 47, 1);
    padding: 46px 16px;
    border-radius: 12px;
}


.scan {
    color: rgba(255, 255, 255, 0.9);
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    margin: unset;
    font-family: 'Satoshi';
}

section.saving .banner-btn {
    margin-top: 40px;
}

.left-saving-imges {
    color: white;
}

.right-saving-img {
    color: white;
}

.main-saving-content {
    display: flex;
    flex-wrap: wrap;
    padding-top: 20px;

}

span.lenght {
    margin-left: 10px;
    margin-right: 10px;
}

.left-saving-imges {
    display: flex;
    color: rgba(255, 255, 255, 1) !important;
    gap: 4px;
    align-items: center;
}

span.left-inner-saving-img {
    align-items: center;
    gap: 10px;
    display: flex;
    font-size: 20px;
    font-weight: 700;

}

span.right-inner-saving-img {
    align-items: center;
    gap: 10px;
    display: flex;
    font-size: 20px;
    font-weight: 700;
}

span.left-iner-saving {
    font-size: 20px;
    font-weight: 400;
}

span.right-iner-saving {
    font-size: 20px;
    font-weight: 400;
}

.right-saving-img {
    display: flex;
    flex-wrap: wrap;
    color: rgba(255, 255, 255, 1) !important;
    gap: 4px;
}

/* Saving Section End */


/* Slider Section Start */

.DM__main-section {
    padding: 120px 0;
}

.testimonials-detail-res {
    display: none;
}

.section__wow-helping-members h2 {
    font-weight: 800 !important;
    font-family: 'IBM Plex Sans' !important;
    font-size: 42px;
}

.DM__main-section .testimonials-detail-content {
    display: flex;
    padding-top: 16px;
}

.DM__main-section .carousal-arrows {
    display: flex;
    position: relative;
    left: 235px;

}

.section__wow-helping-members .testimonials-detail {
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    margin: 0;
    text-align: center;
    margin-left: 78px;
}

.wow-testimonials-carousel-section {
    padding-top: 48px;
}

.wow-testimonials-carousel {
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding-right: 64px;
    margin-bottom: 24px;
}

.wow-testimonials-carousel-item {
    padding-right: 24px !important;
}

.testimonial-card {
    min-height: fit-content;
    padding: 32px;
    border-radius: 12px;
    border: 1px solid rgba(221, 221, 221, .3);
}

.testimonial-card .align-items-center {
    align-items: flex-start !important;
    gap: 12px;
}

.testimonial-card .align-items-center img {
    width: 38px !important;
    height: 38px !important;
}

.testimonial-card .title {
    font-family: 'IBM Plex Sans' !important;
    font-size: 14px;
    line-height: normal;
    font-weight: 700;
    color: #191919;
}

.testimonial-card .role {
    color: rgba(25, 25, 25, .7);
    font-size: 12px;
    font-weight: 500;
    line-height: 27px;
    display: flex;
    flex-direction: column;
}

.testimonial-card .testimonial-heading {
    font-family: 'IBM Plex Sans' !important;
    font-weight: 700 !important;
    font-size: 18px;
    line-height: 140%;
    color: #191919;
    margin-top: 24px !important;
}

.testimonial-card .testimonial-text {
    font-size: 16px;
    margin-top: 36px !important;
    color: #494949;
}

.testimonial-card .testimonial-detail {
    font-size: 16px;
    margin-top: 33px !important;
}

.carousel-progress-bar {
    width: 100%;
    height: 4px;
    border-radius: 24px;
    background: #fff;
    position: relative;
}

.carousel-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3px;
    margin-top: 24px;
}

.carousel-dots .dot {
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(67, 168, 184, 0.3);
    transition: all 0.3s ease;
    cursor: pointer;
}

.carousel-dots .dot.active {
    width: 24px;
    height: 6px;
    border-radius: 8px;
    background: #43A8B8;
    box-shadow: 0 2px 6px rgba(67, 168, 184, 0.4);
}

.carousal-arrows {
    gap: 8px;
}

.carousel-arrow {
    background: #fff;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    cursor: pointer;
    transition: background .2s;
    border: unset;
}

/* default state */
.carousel-arrow svg rect {
    stroke: rgba(171, 171, 171, 0.3);
}

.carousel-arrow svg path {
    fill: #CCCCCC;
}

/* when active (via class or pseudo-state) */
.carousel-arrow.active svg rect,
.carousel-arrow:active svg rect {
    stroke: rgba(242, 249, 250, 1);
}

.carousel-arrow.active svg path,
.carousel-arrow:active svg path {
    fill: rgba(67, 168, 184, 1);
}

.carousel-arrow.active {
    background: rgba(242, 249, 250, 1);
    border: unset;
}

.carousel-arrow.disabled {
    opacity: 0.5;
    pointer-events: none;
    cursor: not-allowed;
    transition: opacity 0.3s ease;
}

.carousel-dots .dot.active {
    background-color: rgba(67, 168, 184, 1);
}

/* Slider Section End */


/* Annual Saving Section End */

#tax-calculator {
    background: #F2F9FA;
    padding: 60px 0 !important;
}

.calculator-card {
    padding: 32px 24px !important;
    width: 516px !important;
}

#tax-calculator .book-now {
    max-width: 235px;
}

.savings-des {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    height: 281px;
    margin-top: 30px;
}

.field-section {
    padding: unset !important;
    margin-bottom: 32px;
}

.field-section .sections-p {
    color: rgba(73, 73, 73, 1) !important;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 32px !important;
}

.change-color {
    color: #43A8B8 !important;
}

.field-section input,
.field-section input:focus {
    padding: 10px 15px !important;
}

.savings-display {
    padding: 13px 14px !important;
    background-color: rgba(242, 249, 250, 1);
}

.footer-line {
    margin: 0px;
    border: 1px solid #76BDC8;
}

.content-bar.footer-content-bar {
    border-bottom: 1px solid #76BDC8;
    padding-bottom: 24px;
}

.upper-bar.footer-bar {
    padding-top: 35px;
}

footer .upper-bar {
    background-color: rgba(67, 168, 184, 1);
    padding-top: 32px;
}

.footer-partners {
    display: flex;
    justify-content: end;
    gap: 37px;
}

.footer-social {
    display: flex;
    gap: 18px;
}

footer img {
    max-width: 100%;
    height: auto;

}

span.savings-amount.section-p .total-saving {
    font-size: 32px;
    font-weight: 700;
}

.savings-amount {
    font-size: 20px;
    font-weight: 400;
}

.sections-footer {
    font-family: 'Satoshi';
    font-weight: 400;
    font-size: 16px;
    margin-top: 7px !important;
}

.sections-footer span {
    font-weight: 700;
}

/* Annual Saving Section End */


/*Footer Style*/
.footer-section {
    background-color: #43A8B8 !important;
}

.footer-section .container {
    border-bottom: 1px solid rgba(238, 238, 238, 0.3);
    padding: 32px 0 18px;
}

.footer-section .content-bar {
    height: unset !important;
}

.employer-footer {
    background-color: #43A8B8 !important;
    padding: 32px 0px !important;
}

.unify-well-footer .row {
    display: none !important;
}

.wow-footer {
    display: none;
}

.social-and-terms-section {
    height: 109px;
    padding-top: 16px;
}

.partner-logo-and-allrights {
    row-gap: 16px;
}

.terms-privacy-link a {
    color: #fff;
}

.rights-txt {
    color: #fff;
    padding-top: 18px !important;
}

.tele-faqs .panel-body {
    padding: 15px 0;
}

.panel-default>.panel-heading {
    border-radius: 0;
    color: #707070;
    border-color: #707070;
    border-bottom: 1px solid #d3d3d3;
    background: 0 0;
}

.tele-faqs .panel-default {
    width: 100% !important;
}

.tele-faqs .panel-default {
    margin: 15px 0;
}

.panel-title {
    font-size: 14px;
}

.tele-faqs .panel-title>a {
    text-align: left;
    font: normal normal bold 18px / 24px Open Sans;
    letter-spacing: 0px;
    color: #191919;
    text-transform: capitalize;
}

.tele-faqs .panel-title>a {
    word-break: break-word !important;
}

#faqs-new-section .tele-faqs {
    background-color: rgba(248, 248, 248, 1) !important
}

#faqs-new-section .tele-faqs .social-icons-mobile {
    display: none;
}

.have-account {
    display: none !important;
}

.navbar.campaign-navbar:before,
.navbar.campaign-navbar:after {
    display: none !important;
}

.telephone-nav {
    display: flex;
    gap: 10px;
    align-items: center;

}

/*Footer Style*/


/* Media Query Section Started */


@media(max-width:786px) {

    #main {
        padding-top: unset !important;
    }

    /* upper bar  */
    .content-bar {
        height: auto;
        padding-top: 20px;
        padding-bottom: 20px;
        flex-wrap: wrap;
        width: 100%;
    }


    .images-upper-bar {
        margin: 0 auto;
    }

    .bar-heading {
        margin: 0 auto;
        font-size: 12px;
    }

    /* navbar  */
    .unify-nav {
        background-color: rgba(24, 24, 26, 1);
        padding: 15px 0px;
    }

    /* banner section media  */
    img.img-fluid.girl-baner {
        display: none;

    }

    img.img-fluid.responcive-img {
        display: block;
        width: 100%;
    }

    /* shift section /////////// */
    .shift-row {
        flex-direction: column-reverse !important;
    }

    .main-buisness {
        background-color: rgba(24, 24, 26, 1);
        padding: 40px 15px;
    }

    /* buisness section / */
    .content-employer {
        margin-bottom: 40px;
    }

    .mainlower {
        padding-bottom: 21px;
        padding-top: 36px;
    }

    /* saving section ////// */
    .saving-col {
        padding-left: 15px !important;
    }

    .lenght {
        display: none;
    }

    /* work section  */
    .maincardd {
        flex-wrap: wrap;
    }

    .phse-col {
        padding: 31px 25px;
        height: 63px;
        width: 100%;
    }

    .para-phase-1 {
        transform: rotate(0deg);
    }

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

    #faqs-new-section {
        background: rgba(248, 248, 248, 1) !important;
    }

    /* Annual Saving Section Start */

    #tax-calculator {
        padding-top: 50px;
    }

    .savings-des {
        height: unset !important;
        margin-top: unset !important;
    }

    .tax-estimation {
        display: flex;
        flex-direction: column;
        gap: 32px;
    }

    .tax-estimation .calculator-card {
        width: 100% !important;
    }

    #tax-calculator .book-now {
        display: none;
    }

    #tax-calculator .book-now-res {
        display: block !important;
        width: 100% !important;
        max-width: unset;
    }

    .sections-footer {
        font-size: 13px !important;
    }

    .sections-footer span {
        font-size: 13px !important;
    }

    .saving-col {
        padding-left: 15px !important;
    }

    /* Annual Saving Section End */
}

@media(max-width:500px) {

    /* uper bar  */
    .content-bar {
        height: auto;
        padding-top: 14px;
        padding-bottom: 14px;
        flex-wrap: wrap;
        width: 100%;
        gap: 12px;
    }

    .unify-content {
        display: flex;
        justify-content: space-between !important;
        width: 100%;
        margin-top: 0px;
        padding: 24px 15px;
    }

    .images-upper-bar {
        margin: 0 auto;
    }

    .DM__main-section-inner {
        width: 90%;
    }

    .DM__main-section-inner {
        width: 90% !important;
        margin: 0 auto;
    }

    .section__wow-helping-members h2 {

        font-size: 32px;
    }

    .section__wow-helping-members .testimonials-detail {
        font-size: 14px;
        margin-left: 0px;
    }

    img.bar-code {
        width: 220px;
        padding-bottom: 13px;
    }

    .bar-heading {
        margin: 0 auto;
        font-size: 12px;
    }

    /* navbar  */
    .unify-nav {
        box-shadow: 0px 15px 30px 0px rgba(74, 74, 74, 0.1);
    }

    .phone-img {
        gap: 4px;

    }

    .main-btns {
        gap: 20px;
        margin-top: 30px;
    }

    /* navbar end  */
    /* baner section //////// */
    section.banner {
        padding-bottom: 38px;
    }

    .baner-girl {
        display: flex;
        justify-content: center;
    }

    .heading-banner {
        font-size: 36px;
        text-align: center;
    }

    .saving-col.col-lg-3.col-md-3.col-sm-12.pl-0 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .tele-faqs {
        background-color: rgba(248, 248, 248, 1) !important;
    }

    p.para-baner {
        margin-top: 25px;
    }

    .saving-btn {
        width: 100%;
        text-align: center;
        font-size: 14px;
        padding: 11px 14px;
    }

    .banner-btn {
        gap: 20px;
        flex-wrap: wrap;
    }
    span.savings-amount.section-p .total-saving {
        font-size: 20px;
    }

    .book-free {
        width: 100%;
        text-align: center;
        font-size: 14px;
        padding: 11px 14px;

    }

    /* img section  */
    section.images {

        height: 103px;
        display: flex;
        align-items: center;
    }

    .trusted {
        flex-wrap: wrap;
        gap: 15px;
        margin-top: 25px;
        flex-direction: column;

    }

    .heading-trust {
        font-size: 14px;
    }

    .employe {
        font-size: 14px;
    }

    /* baner end  */
    marquee.imge-baner-marque
    {
        background: #f9f9f9;
        display: block;
        align-items: normal;
        height: auto;
        padding-top: 22px;
        padding-bottom: 22px;
    }


    marquee.imge-baner-marque {
        background: #f9f9f9;
        /* display: flex
    ; */
        /* align-items: center; */
        /* height: 60px; */
        padding-top: 22px;
        padding-bottom: 22px;
    }
    .marque-inner-images img

    {
        width: 100%;
        height: 42px;
        padding-left: 15px;
    }


    /* insurance section started  */
    .insurance-heading {
        font-size: 32px;
        text-align: center;
    }

    .para-insurance {
        font-size: 14px;
        margin-top: 15px;
    }

    section.insurance .content-card {
        padding: 26px 20px !important;
    }

    section.insurance img.employe {
        width: 36px;
    }

    .em-loye-heading {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .employe-para {
        margin-bottom: 0px;
        font-size: 14px;
    }

    .insurance-col {
        padding: 10px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    /* insurance section end  */
    /* shift section started //////////// */
    section.shift h1.insurance-heading {
        font-size: 32px;
        text-align: center;
    }

    .text-content {
        padding: 20px;
    }

    .shift-para {
        font-size: 14px;
        text-align: center;
    }

    .book-now {
        padding: 11px 14px;
        font-size: 14px;
        width: 100%;
        display: flex;
        text-align: center;
        justify-content: center;
    }

    section.shift .btn-book {
        margin-top: 22px !important;
        margin-bottom: 45px;
    }

    /* work section started ////// */
    .para-choose {
        font-size: 14px;
    }

    section.work .content-card {
        margin-bottom: 18px;
        padding: 26px 20px;
    }

    .upper-content-work h4 {
        font-size: 14px;
        color: rgba(167, 155, 155, 1);
        margin-bottom: 0px;
    }

    .lower-content-word.justify-content-between {
        display: flex;
        flex-direction: column;
        height: 207px;
        align-items: center;
        padding: 26px 28px;
        border-radius: 8px;
        justify-content: center !important;
        gap: 15px;
    }

    .left-work {
        flex-direction: column;
    }

    .btn-book {
        width: 100%;
    }

    .left-work p.shift-para {
        font-size: 14px;
    }

    /* binifite sedtion started /////// */
    .insurance-heading {
        font-size: 32px !important;
        text-align: center !important;
    }

    .shift-para {
        font-size: 14px !important;
    }

    section.benefits p.shift-para {
        text-align: left;
    }

    section.benefits .text-content {
        padding-left: 8px;
    }

    .inner-span {
        font-size: 14px;
    }

    .benefits-span {
        margin-bottom: 15px;
    }

    section.benefits img.girl-pic {
        margin-top: 32px;
    }

    /* buisness section is started  */
    .heimg-buisness {
        font-size: 32px;
        text-align: center;
    }

    .para-buisness {
        font-size: 14px;
    }

    .heading-employe {
        font-size: 20px;
    }

    .mainlower p.employe-para {
        font-size: 14px;
    }

    .inner-content-buiness {
        height: auto;
        margin-bottom: 8px;
    }

    .calculator-card {
        padding: 24px 14px;
    }

    .field-section h5 {
        font-size: 18px;
    }

    .inner-para-buisness {
        font-size: 14px;
    }

    /* choose section is started /////// */
    section.choose .content-card {
        padding: 26px 20px !important;
    }

    section.choose img.img-fluid.employe {
        width: 36px;
    }

    /* Slider Section Start*/
    .DM__main-section {
        padding: 80px 0 !important;
    }

    .carousel-dots {
        margin-top: unset;
    }

    .wow-testimonials-carousel-section {
        padding-top: 32px;
    }

    .testimonials-detail-content {
        display: none !important;
    }

    .testimonials-detail-res {
        display: block;
        text-align: center;
        margin-top: 14px;
    }

    .testimonial-card.h-100 {
        height: auto !important;
    }

    .wow-testimonials-carousel {
        padding: unset !important;
    }

    .wow-testimonials-carousel-item {
        min-width: 100% !important;
        padding: unset;
    }

    .testimonial-card {
        padding: 34px 14px;
    }

    /* Slider Section End*/

    /* saving section is started ///////////////////// */
    .heading-saving {
        font-size: 32px;
        text-align: center;
    }

    .para-saving {
        font-size: 14px;
        text-align: center;
    }

    .left.content-saving {
        padding: 32px 15px;
    }

    span.left-inner-saving-img {
        font-size: 14px;
    }

    span.left-iner-saving {
        font-size: 14px;
    }

    span.right-inner-saving-img {
        font-size: 14px;
    }

    span.right-iner-saving {
        font-size: 14px;
    }


    .scan {
        font-size: 20px;
        margin-top: 15px;

    }

    img.bar-code {
        margin: 0 auto;
        display: flex;
        padding-bottom: 5px;
    }

    .saving-content-img {
        margin-top: 30px;
    }

    .left-saving-imges {
        margin: 0 auto;
        font-size: 14px;
        font-weight: 400;
    }

    .right-saving-img {
        flex-direction: column;
        margin: 0 auto;
        font-size: 14px;
        font-weight: 400;
    }

    .right-inner-saving-img {
        display: flex;
        justify-content: center;
        margin-bottom: 5px;
        margin-top: 5px;
    }

    .right-iner-saving {
        text-align: center;
    }

    .main-saving-content {
        gap: 0px;
        flex-direction: column;
    }

    /* saving section is end ///////////////////// */

    /*Footer Style*/
    .employer-footer-main-wrapper {
        flex-direction: column-reverse;
    }

    .hippa-logo {
        margin-bottom: 8px;
        padding-bottom: 20px;
        border-bottom: 1px solid #5e86cb;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .partner-logo-and-allrights {
        align-items: start;
        width: 100%;
    }

    .social-and-terms-section {
        width: 100%;
        flex-direction: column-reverse;
        height: fit-content;
    }

    .social-icons-mobile {
        display: flex;
        column-gap: 10px;
    }

    .payment-logos img {
        max-height: 45px;
        width: auto;
    }

    .hippa-logo>img {
        width: 95px;
    }

    .buttons-div .wow-secondary-btn {
        padding: 12px 14px;
    }

    /*Footer Style*/
}

/*Footer Style*/
.employer-footer {
    background-color: var(--emp-main-color);
    padding: 32px 0px;
}

.wow-footer {
    display: none;
}

.social-and-terms-section {
    gap: 29px;
}

.partner-logo-and-allrights {
    row-gap: 16px;
    justify-content: flex-end;
    align-items: flex-end;
    justify-content: space-between;
}

.rights-txt,
.terms-privacy-link a {
    color: #fff;
    font-family: Satoshi;

}

.social-icons-mobile {
    display: none;
}

.employer-footer .footer-disclaimer {
    margin-bottom: 32px !important;
    padding: 0px 0px 24px 0px !important;
    border-top: unset !important;
}

.employer-footer-main-wrapper {
    align-items: end;
    flex-flow: wrap;
}

.copy-right-text {
    text-align: center;
    margin-top: 21px;
}

footer p {
    color: #FFF !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: normal !important;
}

@media (max-width: 768px) {
    .upper-bar.footer-bar {
        padding-top: 0px;
    }

    .upper-bar.footer-bar .content-bar {
        padding-top: 32px;
    }

    .rights-txt {
        padding-top: unset !important;
        width: 100%;
        display: block;
        text-align: left;
        font-size: 13px;
        font-weight: 400;
    }

    .terms-privacy-link a {
        font-size: 13px;
        font-weight: 400;
    }

    .copy-right-text {
        text-align: left;
    }

    /*Footer Style*/

    .hippa-logo {
        margin-bottom: 8px;
        padding-bottom: 20px;
        border-bottom: 1px solid lightgrey;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .partner-logo-and-allrights {
        align-items: center;
        width: 100%;
    }

    .social-and-terms-section {
        width: 100%;
        flex-direction: column-reverse;
        height: fit-content;
    }

    .social-icons-mobile {
        display: flex;
        column-gap: 20px;
    }

    .payment-logos img {
        max-height: 32px;
        width: auto;
    }

    .hippa-logo>img {
        width: 95px;
    }

    .buttons-div .wow-secondary-btn {
        padding: 12px 14px;
    }

    .employer-footer-main-wrapper {
        align-items: flex-start;
    }

    .footer-social {
        margin-top: 0px;
    }

    .footer-partners.footer-partners-employer {
        gap: 16px !important;
        justify-content: end !important;
    }

    .employer-footer .footer-disclaimer {
        border-bottom: 0.5px solid rgba(238, 238, 238, 0.30) !important;
    }

    /*Footer Style*/
    .employer-footer-main-wrapper {
        align-items: flex-start;
    }

    .social-and-terms-section {
        width: 100%;
        height: fit-content;
    }

    .copy-right-text {
        text-align: left;
    }

    .footer-social {
        margin-top: 0px;
        justify-content: flex-start;
    }

    .terms-privacy-link a {
        font-size: 13px;
        font-weight: 400;
    }

    footer p {
        font-size: 12px !important;
    }

    .footer-partners.footer-partners-employer {
        gap: 16px !important;
        justify-content: end !important;
    }

    .footer-partners img {
        width: auto;
        max-height: 32px;
    }
}