@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

* {
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
    font-family: "Inter", sans-serif;
}

body {
    overflow-x: hidden;
    background: #F7F9FD;
}

ul {
    padding-left: 0px;
}

a {
    text-decoration: none !important;
}

li {
    list-style: none !important;
}

.banner {
    padding: 150px 0px 100px;
    background-image: url('../img/banner.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.form {
    border-radius: 20px;
    background: var(--White, #FFF);
    backdrop-filter: blur(12px);
    display: flex;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}

.ctm-fields,
textarea {
    border-radius: 12px;
    border: 1px solid #DADADA;
    background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
    box-shadow: 0px 156px 44px 0px rgba(176, 176, 176, 0.00), 0px 100px 40px 0px rgba(176, 176, 176, 0.01), 0px 56px 34px 0px rgba(176, 176, 176, 0.05), 0px 25px 25px 0px rgba(176, 176, 176, 0.09), 0px 6px 14px 0px rgba(176, 176, 176, 0.10);
    padding: 12px 20px;
    width: 100%;
    outline: none;
    box-shadow: none;
}

.ctm-fields:focus,
textarea:focus {
    border-radius: 12px;
    border: 1px solid var(--Main-Radial, #587EDB) !important;
    background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%), radial-gradient(46.19% 50.94% at 50% 100%, rgba(88, 126, 219, 0.10) 0%, rgba(20, 69, 194, 0.10) 100%) !important;
    box-shadow: 0px 156px 44px 0px rgba(176, 176, 176, 0.00), 0px 100px 40px 0px rgba(176, 176, 176, 0.01), 0px 56px 34px 0px rgba(176, 176, 176, 0.05), 0px 25px 25px 0px rgba(176, 176, 176, 0.09), 0px 6px 14px 0px rgba(176, 176, 176, 0.10) !important;
}

.form-half {
    display: flex;
    gap: 10px;
    width: 100%;
}

.form-group {
    margin-bottom: 20px;
    width: 100%;
}

form {
    width: 100%;
}

.form-title h3 {
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: #000;
}

.form-wrap {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.b-btn {
    border-radius: 10px;
    background: var(--Main-Radial, radial-gradient(46.19% 50.94% at 50% 100%, #587EDB 0%, #1445C2 100%));
    display: flex;
    padding: 15px 25px;
    align-items: center;
    gap: 10px;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: #fff;
    outline: none;
    border: none;
    box-shadow: none;
}

.title h1 {
    font-size: 56px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: #fff;
}

.title p {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #fff;
}

.w-btn {
    border-radius: 10px;
    background: var(--White, #FFF);
    color: #000;
    display: flex;
    padding: 15px 25px;
    align-items: center;
    gap: 10px;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    width: max-content;
}

.btn-w {
    margin-top: 40px;
}

section.services {
    padding: 100px 0px;
}

.sub-head {
    text-align: center;
    padding: 0px 0px 50px;
    max-width: 900px;
    margin: 0 auto;
}

h2.sub-heading {
    font-size: 64px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.tags {
    background: var(--Main-Radial, radial-gradient(46.19% 50.94% at 50% 100%, #587EDB 0%, #1445C2 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.box {
    border-radius: 15px;
    border: 1px solid #DADADA;
    background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
    box-shadow: 0px 156px 44px 0px rgba(176, 176, 176, 0.00), 0px 100px 40px 0px rgba(176, 176, 176, 0.01), 0px 56px 34px 0px rgba(176, 176, 176, 0.05), 0px 25px 25px 0px rgba(176, 176, 176, 0.09), 0px 6px 14px 0px rgba(176, 176, 176, 0.10);
    display: flex;
    padding: 25px;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    flex: 1 0 0;
    align-self: stretch;
    height: 100%;
}

.services .col-md-3 {
    margin-bottom: 20px;
}

.box-desc h5 {
    color: var(--Black, #000);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.box-desc p {
    color: #000;
    opacity: 0.7;
}

.btn-full-b {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
}

.trust-img img {
    width: 100%;
}

section.trust {
    padding: 50px 0px 100px;
    text-align: center;
}

.box {
    transition: 1s;

}

ul.navbar-nav.me-auto.mx-auto.mb-2.mb-lg-0 {
    gap: 30px;
}

ul.navbar-nav.me-auto.mx-auto.mb-2.mb-lg-0 li a {
    color: #000 !important;
}

.nav-inner {
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.20);
    padding: 10px;
}

nav.navbar.navbar-expand-lg.bg-body-tertiary {
    background: transparent !important;
    position: absolute;
    width: 100%;
    z-index: 999;
}

.box:hover {
    border-radius: 15px;
    background: var(--Main-Radial, radial-gradient(46.19% 50.94% at 50% 100%, #587EDB 0%, #1445C2 100%));
    box-shadow: 0px 4px 15.9px 0px rgba(255, 255, 255, 0.25) inset;
    backdrop-filter: blur(4.5px);
    color: #fff;
    transition: 1s;
}

.box:hover h5,
.box:hover p {
    color: #fff
}

.t-title h4 {
    background: var(--Main-Radial, radial-gradient(46.19% 50.94% at 50% 100%, #587EDB 0%, #1445C2 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.t-title {
    padding-bottom: 40px;
}

.testi-inner {
    border-radius: 20px;
    background: var(--Main-Radial, radial-gradient(46.19% 50.94% at 50% 100%, #587EDB 0%, #1445C2 100%));
    padding: 0px 60px;
    color: #fff;
}

section.contact {
    padding: 100px 0px;
}

.titles h2 {
    font-size: 64px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

footer {
    padding: 50px 0px 20px;
    border-top: 1px solid #DADADA;
    background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
    box-shadow: 0px 156px 44px 0px rgba(176, 176, 176, 0.00), 0px 100px 40px 0px rgba(176, 176, 176, 0.01), 0px 56px 34px 0px rgba(176, 176, 176, 0.05), 0px 25px 25px 0px rgba(176, 176, 176, 0.09), 0px 6px 14px 0px rgba(176, 176, 176, 0.10);
}

footer .ctm-fields,
footer textarea {
    border-radius: 11px;
    background: #E8E8E8;
}

.f-head h5 {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

footer .logo {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

footer .logo img {
    width: 200px;
}

.f-link a img {
    width: 30px;
}

.f-nav li a {
    color: var(--Black, #000);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

footer .form-group {
    margin-bottom: 10px;
}

span.divider {
    background: #dadada57;
    height: 1px;
    width: 100%;
    display: block;
    margin: 50px 0px 20px;
}

.footer-copy p {
    margin: 0px;
    opacity: 0.5;
    font-size: 10px;
}



.marquee-container {
    height: 400px;
    overflow: hidden;
    position: relative;
}

.marquee-content {
    display: flex;
    flex-direction: column;
    animation: scrollUp 100s linear infinite;
}

.testimonial {
    border-radius: 15px;
    padding: 20px;
    margin: 10px 0px;
    border: 1px solid #DADADA;
    background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.60) 100%);
    box-shadow: 0px 156px 44px 0px rgba(176, 176, 176, 0.00), 0px 100px 40px 0px rgba(176, 176, 176, 0.01), 0px 56px 34px 0px rgba(176, 176, 176, 0.05), 0px 25px 25px 0px rgba(176, 176, 176, 0.09), 0px 6px 14px 0px rgba(176, 176, 176, 0.10);
}

.testimonial strong {
    display: block;
    font-size: 16px;
    margin-bottom: 5px;
    color: #333;
}

.heading h2 {
    font-size: 60px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

@keyframes scrollUp {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-100%);
    }
}

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

span.mans {
    color: #000;
}

.mans span {
    opacity: 0.7;
    font-size: 13px;
}

span.mans strong {
    margin: 0px;
}

span.mans {
    color: #000;
    text-align: left;
}

.t-p p {
    opacity: 0.6;
    font-size: 14px;
}

.t-p {
    color: #000;
    text-align: left;
    margin-bottom: 20px;
}

















.tax-form-fields .form-check {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.tax-form-fields .form-label {
    color: var(--Black, #000);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.54px;
}
.form-group.other-wrap-extract label {
    font-size: 16px;
    font-weight: 400;
}

.tax-box {
    border-radius: 15px;
    border: 1px solid #DADADA;
    background: #FDFDFD;
    padding: 20px;

}

.tax-box-inner {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 32px;
}

.form-checkbox,
.form-radio {
    color: var(--Black, #000);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.48px;
}


.tax-form-fields {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
}

.tax-body nav.navbar.navbar-expand-lg.bg-body-tertiary {
    position: relative !important;
}

.tax-body nav.navbar.navbar-expand-lg.bg-body-tertiary .nav-inner {
    border-radius: 15px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: var(--White, #FFF);
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.05);
}

section.tax-wrap {
    padding: 50px 0px;
}


span.avatar.avatar-md.rounded {
    border-radius: 15px !important;
    border: 1px solid #DADADA;
    background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
    box-shadow: 0px 6px 14px 0px rgba(176, 176, 176, 0.10);
    display: flex;
    width: 36px;
    height: 36px;
    padding: 15px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: #00000061;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.48px;
}

h6.fs-16.fw-medium {
    margin: 0px;
    display: none;
}

ul#providerwizard li.active h6.fs-16.fw-medium {
    display: flex !important;

}

ul#providerwizard li.active span.avatar.avatar-md.rounded {
    background: var(--Main-Radial, radial-gradient(46.19% 50.94% at 50% 100%, #587EDB 0%, #1445C2 100%));
    color: #FFF;
}

ul#providerwizard {
    gap: 10px;
}

.tax-footer a {
    width: fit-content;
}

.tax-box-heading p {
    opacity: 0.5;
}

.ctm-none{
    display: none;
}
.form-checkbox{
        align-items: center;
        display: inline-flex;
}

.ctm-hidden {
    display: none;
}

.form-group.field-wrapper {
    display: flex
;
    align-items: center;
}
.other-amount {
    padding-left: 25px;
}

label.light {
    font-weight: 400 !important;
    font-size: 14px !important;
    opacity: 0.4;
}

fieldset {
    display: none;
}
fieldset#first-field {
    display: block;
}

.tax-body .w-btn{
    border-radius: 10px;
border: 1px solid #DADADA;
background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
box-shadow: 0px 156px 44px 0px rgba(176, 176, 176, 0.00), 0px 100px 40px 0px rgba(176, 176, 176, 0.01), 0px 56px 34px 0px rgba(176, 176, 176, 0.05), 0px 25px 25px 0px rgba(176, 176, 176, 0.09), 0px 6px 14px 0px rgba(176, 176, 176, 0.10);
}

.quantity {
    border-radius: 15px;
    border: 1px solid #DADADA;
    background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
    box-shadow: 0px 6px 14px 0px rgba(176, 176, 176, 0.10);
    width: fit-content;
    display: flex
;
    padding: 12px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin: 10px 0px;
}

.quantity input {
    text-align: center;
    border: none;
    width: 55px;
    line-height: normal;
    margin: 0px;
    padding: 0px;
    outline: none !important;
}

.form.ctm-bg {
    border-radius: 15px;
    border: 1px solid #DADADA;
    background: var(--Main-Radial, radial-gradient(46.19% 50.94% at 50% 100%, #587EDB 0%, #1445C2 100%));
}
html body .form.ctm-bg .ctm-fields{
    border-radius: 15px;
    border: 1px solid #DADADA;
    background: rgba(245, 245, 245, 0.10);
    box-shadow: 0px 6px 14px 0px rgba(176, 176, 176, 0.10);
}
html body .form.ctm-bg .ctm-fields::placeholder{
    color: #fff;
}

html body .form.ctm-bg button.w-btn{
    border-radius: 10px;
background: var(--White, #FFF);
}
html body .form.ctm-bg .form-title h3 {
    color: #fff;
    font-size: 22px;
}

.form-flex p {
    margin: 0px;
}

.form-flex {
    display: flex
;
    align-items: center;
}
.price-start {
    display: flex
;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0px;
    border-bottom: 1px solid #d6d5d5;
}

.price-start h6{
    margin: 0px;
}

.p-desc p, .p-desc-btm p {
    margin: 0px;
    padding: 20px 0px;
}
span.ctm-divider {
    border: 1px solid #D7D7D7;
    width: 100%;
    display: block;
}
fieldset input.ctm-fields {
    border-radius: 15px;
    border: 1px solid #DADADA;
    background: #F5F5F5;
    box-shadow: 0px 6px 14px 0px rgba(176, 176, 176, 0.10);
}


span.append-field img {
    width: 16px;
}
.add-field span {
    display: flex
;
    align-items: center;
    font-size: 14px;
    gap: 5px;
    margin: 0px 0px 10px;
    line-height: normal;
}

span.delete-field {
    border-radius: 7px;
    border: 1px solid #d6d6d6ee;
    box-shadow: 0px 6px 14px 0px rgba(176, 176, 176, 0.10);
    padding: 12px 20px;
    margin-left: 10px;
    background: #fff;
}
.form-group p {
    margin: 0px;
}

span.append-field {
    cursor: pointer;
}

button.accordion-button {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
label.form-check-label.ms-2 {
    font-size: 16px;
    color: #111111ad;
}
html body .tax-form-fields .form-check.ctm-hides {
    margin-top: 20px;
    display: none;
}
div#item-hide {
    margin-top: 30px;
}
.other-amount .form-checkbox {
    align-items: center;
    display: inline-flex
;
    width: 100%;
    padding: 10px 0px;
}












































@media(max-width:600px) {
    h2 {
        font-size: 25px !important;
    }
    ul#providerwizard {
        width: 100%;
        flex-wrap: nowrap !important;
        flex-direction: column;
        justify-content: flex-start !important;
        align-items: flex-start !important;
    }
    h6.fs-16.fw-medium {
        margin: 0px;
        display: block;
        opacity: 0.4;
    }
    h6.fs-16.fw-medium {
        margin: 0px;
        display: block;
        opacity: 0.4;
    }
    li.active h6.fs-16.fw-medium {
        margin: 0px;
        display: block;
        opacity: 1;
    }
    span.line {
        display: none;
    }
    li.active span.line {
        display: block!important;
    }
    .tax-multi {
        white-space: nowrap;
        width: 100%;
    }

    .title h1 {
        font-size: 30px;
    }

    .form {
        margin-top: 50px;
    }

    .f-head {
        margin-top: 20px;
    }

    section.trust {
        padding-top: 0px !important;
    }

    .testi-inner {
        padding: 50px 20px 0px !important;
    }

    .marquee-container {
        margin-top: 50px;
    }

    .nav-inner {
        background: #fff;
        margin: 0px 10px;

    }

    .nav {
        z-index: 9999;
    }

    .mb-btn {
        display: flex !important;
        width: fit-content;

    }

    .d-btn {
        display: none;
    }
}

.mb-btn {
    display: none;
}