:root {
    --primary-clr: #0096FF;
    --black-clr: #222;
    --clr-444: #444;
    --clr-999: #999;
    --clr-666: #666;
    --font-mont: "Montserrat", sans-serif;
    --font-inter: "Inter", sans-serif;

}

* {
    font-family: "Poppins", sans-serif;
}

html,
body {
    position: relative;
    background: #fff;
    color: var(--black-clr);
}

h1,
h2,
h3,
h4,
h5,
p {
    margin-bottom: 0;
}

ul {
    margin-bottom: 0px;
    padding: 0px;
}

li {
    list-style-type: none;
}

a {
    text-decoration: none;
    color: white;
}

button {
    padding-inline: 20px;
}

button,
textarea,
input {
    border: 0;
    resize: none;
    outline: none;
    background: transparent;
}

.light-blue {
    background: #E8F4FF;
}

.dull-blue {
    background: #F2F9FF;
}

.flex-box {
    display: flex;
    justify-content: center;
    align-items: center;
}

.rounded-full {
    border-radius: 100px;
}

img {
    width: auto;
}

.section-blue {
    background: #E8F4FF !important;
}

.paddingT-110 {
    padding-top: 100px;
}

.paddingB-110 {
    padding-bottom: 100px;
}

.img-fill {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blue-text-btn {
    color: var(--primary-clr);
    transition: all .2s ease;
}

.blue-text-btn i {
    transition: all .2s ease;
}

.blue-text-btn:hover {
    color: var(--black-clr);
}

.blue-text-btn:hover i {
    transform: translateX(3px);
}

.navBar {
    position: fixed;
    top: 0;
    z-index: 10;
    left: 0;
    width: 100%;
}

.navBar .inner-sec {
    padding-block: 20px;
}

.menu-bar {
    margin-left: auto;
}

.menu-bar .navLink {
    color: var(--black-clr);
    font-weight: 500;
    font-size: 15px;
    line-height: 23px;
    transition: color .2s ease;
    padding: 8px 4px;
}

.menu-bar .navLink.active,
.menu-bar .navLink:hover {
    color: var(--primary-clr);
}

.nav-menu {
    gap: 26px;
}

.theme-btn-filled {
    color: #fff;
    background: var(--primary-clr);
    transition: .2s ease;
    gap: 12px;
    font-weight: 600;
}

.theme-btn-filled i {
    transition: .2s ease;
}

.theme-btn-filled:hover i {
    transform: translateX(3px);
}

.theme-btn-filled:hover {
    background: var(--black-clr);
    color: #fff;
}

.theme-btn-outline {
    color: var(--primary-clr);
    border: 2px solid var(--primary-clr);
    transition: .2s ease;
    font-weight: 600;
}

.theme-btn-outline:hover {
    background: var(--primary-clr);
    color: #fff;
}

.menu-bar .cta-btn-grp a {
    height: 42px;
    width: 142px;
    font-size: 15px;
}

.cta-btn-grp {
    gap: 12px;
}


/* ==== HERO ====== */
.hero {
    background: #fff;
}

.hero .inner-area {
    padding-block: 167px 81px;
}

.hero .content-box {
    text-align: start;
    max-width: 555px;
}

.page-badger {
    height: 36px;
    width: fit-content;
    padding-inline: 20px;
    background: #0096FF1A;
    font-size: 15px;
    border-radius: 100px;
    gap: 5px;
    margin-bottom: 16px;
}

.page-heading {
    font-weight: 700;
    font-size: 52px;
    line-height: 62px;
    margin-bottom: 14px;
}

.page-heading span {
    color: var(--primary-clr);
}

.page-subhead {
    font-weight: 400;
    font-size: 18px;
    line-height: 29px;
    margin-bottom: 28px;
}

.hero .action {
    height: 51px;
    min-width: 244px;
    font-weight: 600;
    font-size: 18px;
    gap: 12px;
}

.hero .cta-btn-grp {
    gap: 20px;
}

.hero .banner-img-box {
    top: 131px;
    right: -5%;
    max-width: 634px;
    max-height: 490px;
}

.hero .home-hr-img {
    right: -9%;
    max-width: 554px;
}

.banner-img-box img {
    width: 100%;
    height: 100%;
}

.section-heading {
    font-weight: 600;
    font-size: 48px;
    line-height: 62px;
    margin-bottom: 16px;
}

.section-heading span {
    color: var(--primary-clr);
}

.sec-subHeading {
    font-weight: 400;
    font-size: 18px;
    line-height: 29px;
    margin-bottom: 16px;
    max-width: 990px;
    margin-inline: auto;
}

.mission-vision-section .img-box {
    max-width: 627px;
    max-height: 580px;
}

.mission-vision-section .img-box img {
    transform: translateX(-70px);
}

.mission li {
    background: #FFFFFFE5;
    border-radius: 16px;
    padding: 20px;
}

.mission li:not(:last-of-type) {
    margin-bottom: 16px;
}

.mission .title {
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 6px;
    display: flex;
    align-items: baseline;
}
.mission .title .incx img{
    max-width: 29px;
    margin-right: 10px;
}
.mission .info {
    font-size: 16px;
    color: var(--clr-444);
    line-height: 24px;
}

.mission-vision-section button {
    margin-top: 28px;
    height: 51px;
    width: 244px;
    font-size: 18px;
}

.mission-vision-section .inner-area {
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 100%;
}

.service-card .card-inner {
    padding: 20px;
    box-shadow: 0px 4px 12px 0px #0000001A;
    border-radius: 20px;
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    outline: 2px solid transparent;
    transition: .2s ease;
    background: #fff;
    cursor: pointer;
}

.service-card .card-inner:hover {
    outline-color: var(--primary-clr);
}

.service-card .price-badge {
    position: absolute;
    top: 0;
    right: 0;
    background: #EEF8FF;
    font-weight: 600;
    font-size: 18px;
    line-height: 29px;
    padding: 9px 12px 11px 14px;
    border-radius: 0 20px;
    color: var(--black-clr);
}

.service-card .icon {
    --sz: 52px;
    height: var(--sz);
    width: var(--sz);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
    background: #EEF8FF;
}

.srv-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 8px;
    color: var(--black-clr);
}

.srv-para {
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 12px;
    color: var(--clr-444);
}

.line-trim1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.line-trim2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.service-card .navigator {
    width: fit-content;
    gap: 7px;
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    margin-top: auto;
}

.service-card .navigator:hover {
    color: var(--primary-clr);
}

.our-services-section .section-header {
    margin-bottom: 30px;
}

.slider-nagivator {
    gap: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slider-nagivator button {
    --sz: 52px;
    width: var(--sz);
    height: var(--sz);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0096FF1A;
    color: #0B7AC9;
    font-size: 20px;
    transition: .2s ease;
}

.slider-nagivator button:hover {
    background: var(--primary-clr);
    color: #fff;
}

.slider-nagivator button:disabled:hover,
.slider-nagivator button:disabled {
    opacity: 50%;
    background: #0096FF1A;
    filter: grayscale(100);
    color: #0B7AC9;
}

.serviceSwiper {
    overflow: hidden;
    margin: -15px;
}

.card-box {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    padding: 15px;
}

.regisrer-inc-section .listing-section {
    margin-top: 36px;
}

.regisrer-inc-section .srv-title {
    font-size: 20px;
    line-height: 27px;
}

.regisrer-inc-section .srv-para {
    line-height: 22px;
    font-size: 16px;
}

.regisrer-inc-section .feature-card {
    background: #fff;
    box-shadow: 0px 4px 12px 0px #0000001A;
    border-radius: 20px;
    padding: 4px;
    border: 2px solid white;
    height: 100%;
    transition: .2s ease;
}

.regisrer-inc-section .feature-card:hover {
    border-color: var(--primary-clr);
}

.regisrer-inc-section .feature-icon img {
    max-width: 123px;
}
.regisrer-inc-section:not(.hm-regisrer-inc-section) .feature-icon img {
    max-width: 159px;
}

.regisrer-inc-section .feature-icon {
    border-radius: 16px;
    background: #EEF6FF;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 155px;
}

.simpl-img {
    max-width: 167px;
}

.guidance-img {
    max-width: 179px;
}

.document-img {
    max-width: 244px;
}

.regisrer-inc-section .content-box {
    padding: 14px;
}

.regisrer-inc-section .content-box .srv-para {
    margin-bottom: 0;
}

.cta-section .inner-area {
    border-radius: 40px;
    padding: 63px;
    background-color: #003961;
    background-image: url(../assets/images/cta-bg1.webp);
    background-repeat: no-repeat;
    background-size: cover;
}

.cta-section .inner-area .box {
    color: #fff;
    max-width: 750px;
    margin-inline: auto;
}

.cta-section .section-heading {
    font-size: 46px;
    line-height: 55px;
    margin-bottom: 19px;
}

.cta-section .sec-subHeading {
    max-width: 750px;
    margin-bottom: 28px;
    font-size: 20px;
}

.cta-section button {
    height: 50px;
    width: 244px;
}

.dark .theme-btn-filled:hover {
    background: #fff;
    color: var(--primary-clr);
}

.dark .theme-btn-filled:hover .dot {
    background: var(--primary-clr);
}

footer {
    background: #00243E;
    padding-block: 80px 130px;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    overflow: hidden;
    position: relative;
    border-radius: 50px 50px 0 0;
}

.ft-top {
    display: flex;
    gap: 25px 42px;
}

.ft-start-col {
    max-width: 222px;
}

.ft-info {
    margin-top: 9px;
}

.ft-label {
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 12px;
}

.ft-mid-col .footer-links-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

ul.ft-links {
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.ft-last-col {
    display: flex;
    gap: 18px 36px;
    max-width: 325px;
    flex-wrap: wrap;
    height: fit-content;
}

.ft-mid-col {
    flex-grow: 1;
}

.ft-last-col .footer-links-wrapper:first-of-type {
    max-width: 117px;
}

.ft-last-col .footer-links-wrapper:last-of-type {
    max-width: 206px;
}

.ft-divider {
    width: 100%;
    display: inline-block;
    height: 1px;
    background: #fff;
    opacity: 40%;
    margin-block: 48px 20px;
}

.ft-bottom * {
    color: #FFFFFFB2;
}

.cms-pages {
    margin-left: auto;
}

.cms-pages ul {
    gap: 5px 30px;
}

.ft-overlay {
    font-family: var(--font-mont);
    font-weight: 800;
    font-size: 190px;
    opacity: 5%;
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: -98px;
    white-space: nowrap;
    pointer-events: none;
}

.contact-listing .icnx {
    min-width: 16px;
    text-align: center;
}

.ft-last-col .ft-links a {
    display: flex;
    align-items: center;
    gap: 11px;
    word-break: break-all;
}

.footer a {
    transition: .2s ease;
    width: fit-content;
}

.footer a:hover {
    color: #0096FF;
}

.footer .icnx img {
    -webkit-transition: -webkit-filter 0.2s ease;
    transition: filter 0.2s ease, -webkit-filter 0.2s ease;

    -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(52%) saturate(1294%) hue-rotate(176deg) brightness(100%) contrast(103%);
    filter: brightness(0) saturate(100%) invert(100%) sepia(52%) saturate(1294%) hue-rotate(176deg) brightness(100%) contrast(103%);
}

.footer a:hover .icnx img {
    -webkit-filter: brightness(0) saturate(100%) invert(42%) sepia(67%) saturate(3538%) hue-rotate(185deg) brightness(104%) contrast(107%);
    filter: brightness(0) saturate(100%) invert(42%) sepia(67%) saturate(3538%) hue-rotate(185deg) brightness(104%) contrast(107%);
}

.navBar {
    transition: 0.3s ease;
}

.nav-hidden {
    transform: translateY(-100%);
}

.nav-visible {
    transform: translateY(0);
}

.navBar.active,
.nav-scrolled {
    background-color: #fff;
    box-shadow: 0px 2px 10px 0px #0000001A;
}

.cards-box {
    position: relative;
    width: calc(100% - 40px);
    height: 435px;
    margin: 0 auto;
    perspective: 1000px;
    display: flex;
    justify-content: center;
    margin-top: 50px;
}

.cardSlider-item {
    position: absolute;
    width: 100%;
    background: #fff;
    padding: 20px;
    box-sizing: border-box;
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    transition: all 0.5s ease;
    cursor: pointer;
    height: 100%;
    border-radius: 36px;
    display: flex;
    align-items: center;
    color: #fff;
    justify-content: center;
    gap: 65px;
    background: var(--primary-clr);
    background: linear-gradient(0deg,rgba(0, 150, 255, 1) 0%, rgba(128, 202, 255, 1) 100%);
    /* background: linear-gradient(180deg,rgba(0, 150, 255, 1) 0%, rgba(128, 202, 255, 1) 100%);  */
}

.cardSlider-item:first-child {
    background: #3DAFFF;
    background: #b3dfff;
    top: -20px;
    max-width: calc(100% - 60px)
}

.cardSlider-item:last-child {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.card-forward {
    -webkit-animation: scaleDown .6s;
    animation: scaleDown .6s;
}


@keyframes scaleDown {
    0% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0);
    }

    20% {
        opacity: 0.85;
        -webkit-transform: scale(1.008) translateY(4px);
        transform: scale(1.008) translateY(4px);
    }

    40% {
        opacity: 0.6;
        -webkit-transform: scale(1.012) translateY(8px);
        transform: scale(1.012) translateY(8px);
    }

    60% {
        opacity: 0.4;
        -webkit-transform: scale(1.015) translateY(10px);
        transform: scale(1.015) translateY(10px);
    }

    80% {
        opacity: 0.2;
        -webkit-transform: scale(1.017) translateY(12px);
        transform: scale(1.017) translateY(12px);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1.018) translateY(12px);
        transform: scale(1.018) translateY(12px);
    }
}


.card-backward {
    -webkit-animation: scaleUp 0.6s;
    animation: scaleUp 0.6s;
}

.stack-slider-prev.disabled,
.stack-slider-next.disabled {
    pointer-events: none;
}

.stacking-slider {
    position: relative;
}

.stacking-slider .slider-nagivator {
    position: absolute;
    width: calc(100% + 100px);
    justify-content: space-between;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
}

@keyframes scaleUp {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.018) translateY(12px);
        transform: scale(1.018) translateY(12px);
    }

    20% {
        opacity: 0.2;
        -webkit-transform: scale(1.017) translateY(12px);
        transform: scale(1.017) translateY(12px);
    }

    40% {
        opacity: 0.4;
        -webkit-transform: scale(1.015) translateY(10px);
        transform: scale(1.015) translateY(10px);
    }

    60% {
        opacity: 0.6;
        -webkit-transform: scale(1.012) translateY(8px);
        transform: scale(1.012) translateY(8px);
    }

    80% {
        opacity: 0.85;
        -webkit-transform: scale(1.008) translateY(4px);
        transform: scale(1.008) translateY(4px);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0);
    }
}

.customer-pf {
    border: 4px solid #FFFFFF;
    border-radius: 50%;
    background: #fff;
    --sz: 329px;
    width: var(--sz);
    height: var(--sz);
    min-width: var(--sz);
}

.customer-pf img {
    border-radius: 50%;
    border: 6px solid var(--primary-clr);
    background: var(--primary-clr);
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cardSlider-item p {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 20px;
}

.cardSlider-item .customer-name {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
}

.cardSlider-item .customer-desig {
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 0;
}


.cardSlider-item .story-box {
    max-width: 605px;
}

.story-box .incx {
    margin-bottom: 22px;
}
.story-box .incx img{
    max-width: 40px;    opacity: 85%;
}

.cardSlider-item.fade-out {
    opacity: 0;
    transform: translate3d(0, -60px, 0) scale(0.95);
    pointer-events: none;
}

.ham-menu {
    display: none;
    cursor: pointer;
}

.regisrer-inc-section .listing-section {
    row-gap: 24px;
}

.page-badger img {
    max-width: 15px;
}

.nav-overlay {
    position: fixed;
    background: #000;
    z-index: 4;
    opacity: 00%;
    pointer-events: none;
    transition: .2s ease;
    top: 76px;
    height: calc(100vh - 76px);
    width: 100%;
}

.nav-overlay.active {
    opacity: 40%;
    pointer-events: auto;
}
.srv-note{
    display: flex;    align-items: flex-start;
    width: fit-content;
    font-size: 12px;
    line-height: 18px;
    padding: 7px 8px;
    color: #666;
    border-left: 1px solid #F0B800;
    background: #F0B8001A;
    border-radius: 6px;
    margin-top: 22px;
    text-align: left;
}
.srv-note img{transform: translateY(1px);}
.hero .inner-area.hero-type1 {
    padding-block: 157px 75px;
}
.hero .inner-area.servicePg-services-hero{
    /* padding-block: 157px 125px; */
    padding-block: 157px 75px;
}

.hero-type1 .content-box {
    max-width: 685px;
}

.servicePg-services-section .row {
    row-gap: 30px;
}

.servicePg-services-section .row:not(:last-of-type) {
    margin-bottom: 50px;
}

.service-gradient-card {
    padding: 2px;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    box-shadow: 0px 4px 15px 0px #0000001A;
    height: 100%;
}

.service-gradient-card .inner-area {
    padding: 24px;
    position: relative;
    z-index: 1;
    border-radius: 20px;
    height: 100%;
    flex-direction: column;
    display: flex;
}

.service-gradient-card .cd-content {
    flex-direction: column;
    display: flex;
    flex-grow: 1;
}

.service-gradient-card .key-listing {
    margin-bottom: 20px;
}

.servicePg-services-section .service-gradient-card .blue-theme-sqrBtn {
    margin-top: auto;
}

.service-gradient-card::after {
    content: '';
    height: 200%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 200%;
    transform-origin: center;
    -webkit-animation: rotate 4s linear infinite;
    animation: rotate 4s linear infinite;
}

.service-gradient-card.yellow::after {
    /* background: linear-gradient(180deg, #dfd07a 0%, #fff 39.71%); */
    background: conic-gradient(from 174deg at center, #FFFFFF 25%, #dfd07a 39.71%, #FFFFFF 100%);
}

.service-gradient-card.yellow .inner-area {
    background: linear-gradient(180deg, #FCF7D9 0%, #FFFFFF 41.18%);
}


.service-gradient-card.blue::after {
    /* background: linear-gradient(180deg, #7abedf 0%, #fff 39.71%); */
    background: conic-gradient(from 174deg at center, #FFFFFF 25%, #7abedf 39.71%, #fff 100%);
}

.service-gradient-card.blue .inner-area {
    background: linear-gradient(180deg, #e1f5ff 0%, #FFFFFF 41.18%);
}

.service-gradient-card.purple::after {
    /* background: linear-gradient(180deg, #b07adf 0%, #fff 39.71%); */
    background: conic-gradient(from 174deg at center, #FFFFFF 25%, #b07adf 39.71%, #fff 100%);

}

.service-gradient-card.purple .inner-area {
    background: linear-gradient(180deg, #f1e1ff 0%, #ffffff 41.18%);
}


.service-gradient-card.green::after {
    /* background: linear-gradient(180deg, #9edf7a 0%, #ffffff 39.71%); */
    background: conic-gradient(from 174deg at center, #FFFFFF 25%, #9edf7a 39.71%, #fff 100%);

}
.service-gradient-card .inner-area{background: #fff !important;}
.service-gradient-card.yellow .icon{background: #DFD07B33;}
.service-gradient-card.blue .icon{background: #7BBEDF26;}
.service-gradient-card.purple .icon{background: #B07BDF1A;}
.service-gradient-card.green .icon{background: #9EDF7B33;}
.service-gradient-card .srvg-price-badge{position: absolute;top: 8px;right: 0px;padding:8px 20px ;border-radius: 0 20px;}
.service-gradient-card.yellow .srvg-price-badge{background: #F9F6E5;}
.service-gradient-card.blue .srvg-price-badge{background: #EBF5FA;}
.service-gradient-card.purple .srvg-price-badge{background: #F7F2FC;}
.service-gradient-card.green .srvg-price-badge{background: #ECF9E5;}
/* .service-gradient-card.yellow .icon img{filter: brightness(0) saturate(100%) invert(78%) sepia(62%) saturate(421%) hue-rotate(2deg) brightness(79%) contrast(88%);} */

@keyframes rotate {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0);
        transform: translate(-50%, -50%) rotate(0);
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

.service-gradient-card.green .inner-area {
    background: linear-gradient(180deg, #EBFFE1 0%, #ffffff 41.18%);
}

.service-gradient-card .titleBx {
    display: flex;
    gap: 17px;
    align-items: center;
}
.service-gradient-card  .card-price-box{    flex-grow: 1;}
.service-gradient-card .srv-title{font-size: 20px;margin-bottom: 0;max-width: calc(100% -  139px);line-height: 25px;}

.service-gradient-card .icon {
    --sz: 62px;
    height: var(--sz);
    width: var(--sz);
    min-width: var(--sz);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
}

.ovh-991 {
    overflow: hidden;
}

.srv-bgPrice {
    font-weight: 600;
    font-size: 26px;
    line-height: normal;
    margin-top: -8px;
}

.service-gradient-card.yellow .srv-bgPrice {
    color: #BCAA46;
}

.service-gradient-card.blue .srv-bgPrice {
    color: #4694BC;
}

.service-gradient-card.purple .srv-bgPrice {
    color: #8546BC;
}

.service-gradient-card.green .srv-bgPrice {
    color: #6FBC46;
}

.service-gradient-card .listing-label {
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 12px;
    line-height: 24px;
    display: block;
}

.service-gradient-card .srv-para {
    margin-block: 11px 16px;
}

.key-listing li {
    color: var(--clr-666);
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    position: relative;
    display: flex;
    gap: 8px;
}

.key-listing li::before {
    display: inline-block;
    content: '';
    background: url(../assets/images/listing-icon.svg) no-repeat center / contain;
    width: 24px;
    height: 20px;
    min-width: 24px;
}

.key-listing li:not(:last-of-type) {
    margin-bottom: 19px;
}
.servicePg-services-hero .content-box{
    max-width: 54.5%;
}

.blue-theme-sqrBtn {
    background: var(--primary-clr);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    border-radius: 12px;
    font-weight: 500;
    font-size: 15px;
    transition: .2s ease;
}

.blue-theme-sqrBtn i {
    transition: .2s ease;
}

.blue-theme-sqrBtn:hover {
    background: var(--black-clr);
}

.blue-theme-sqrBtn:hover i {
    transform: translateX(3px);
}

.service-gradient-card .blue-theme-sqrBtn {
    min-height: 48px;
    margin-top: 20px;
}

.cta-type2 .inner-area {
    background-image: url(../assets/images/cta-bg2.webp)
}

.srv-xtra .card-inner {
    background: url(../assets/images/service-card-xtra-bg.jpg) no-repeat center / cover;
    color: #fff;
    padding-bottom: 26px;
}

.srv-xtra .card-inner .srv-para {
    color: #fff;
}

.srv-xtra .card-inner:hover {
    outline: none;
}

.srv-xtra .navigator {
    min-height: 40px;
    width: 160px;
}

.srv-dt-hero .page-subhead {
       margin-block: 12px 20px;
}

.srv-dt-hero .key-listing {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 25px;
}

.dot {
    --sz: 6px;
    width: var(--sz);
    height: var(--sz);
    border-radius: 50%;
    background: #fff;
    transition: .2s ease;
}

.cta-price {
    display: flex;
    line-height: 1;
}

.srv-dt-hero .action {
    max-width: 328px;
    width: 100%;
}

.page-heading2 {
    font-size: 42px;
    line-height: 52px;
    margin-bottom: 10px;
    font-weight: 600;
}

.srv-dt-hero .banner-img-box {
    max-width: 583px;
    top: 76px;
    right: -6%;
}

.srv-dt-hero {
    overflow: hidden;
}

.srv-dt-hero .key-listing li {
    color: var(--black-clr);
}

.sdt-why-services-section .row .col-md-6:first-of-type .feature-icon img {
    max-width: 189px;
}

.sdt-why-services-section .row .col-md-6:nth-of-type(2) .feature-icon img {
    max-width: 223px;
}

.sdt-why-services-section .row .col-md-6:last-of-type .feature-icon img {
    max-width: 178px;
}

.accordion-item:not(:last-of-type) {
    margin-bottom: 18px;
}

.accordion-item:last-of-type,
.accordion-item:first-of-type {
    border-radius: 16px;
}

.accordion-item {
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid #DDDDDD;
    padding-block: 20px;
    box-shadow: 0px 2px 15px 0px transparent;
    transition: .2s ease;
}


.accordion-item:not(:first-of-type) {
    border: 1px solid #DDDDDD;
}

.accordion-button:not(.collapsed) {
    background: #fff;
    box-shadow: none;
}

.accordion-button:not(.collapsed) h4 {
    color: var(--black-clr);
    font-weight: 500;
}

.accordion-button h4 {
    font-weight: 400;
    font-size: 18px;
    line-height: 29px;
    color: var(--black-clr);
    max-width: calc(100% - 25px);
}

.accordion-button {
    padding: 0 20px;
}

.accordion-button:focus {
    box-shadow: none;
}

.accordion-button::after {
    display: none;
}

.accordion-button .cls-icnx {
    --sz: 20px;
    width: var(--sz);
    height: var(--sz);
    position: relative;
    margin-left: auto;
}

.accordion-button .cls-icnx::after,
.accordion-button .cls-icnx::before {
    transition: .2s ease;
    border-radius: 5px;
    background: #ddd;
    content: '';
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}

.accordion-button .cls-icnx::after {
    height: 2px;
    width: 100%;
}

.accordion-button:not(.collapsed) .cls-icnx::before {
    opacity: 0;
}

.accordion-button:not(.collapsed) .cls-icnx::after {
    background: var(--primary-clr);
}

.accordion-button .cls-icnx::before {
    height: 100%;
    width: 2px;
}

.accordion-body {
    padding-bottom: 0;
    padding-top: 10px;
    font-size: 16px;
    line-height: 27px;
    color: var(--clr-444);
}

.faq-box {
    margin-top: 36px;
}

.accordion-item.active {
    box-shadow: 0px 2px 15px 0px #0000001A;
    border-color: var(--primary-clr);
}

.hiw-section .srv-title {
    margin-block: 22px 7px;
    font-size: 20px;
    line-height: 29px;
}

.dark .srv-title {
    color: #fff;
}

.hiw-section .feature-icon {
    height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 110px;
    margin-inline: auto;
}

.svdt-cta .action {
    height: 51px;
    width: fit-content;
    padding-inline: 30px;
    font-size: 18px;
}

.svdt-cta .inner-area {
    padding-block: 40px;
    /* padding-block: 32px; */
}

.hr-contact-actions a {
    color: var(--black-clr);
    font-size: 16px;
    line-height: 25px;
    transition: .2s ease;
}

.hr-contact-actions a:hover {
    color: var(--primary-clr);
}

.hr-contact-actions ul li {
    display: flex;
    align-items: center;
    gap: 12px;
}

.hr-contact-actions ul li:not(:last-of-type) {
    margin-bottom: 16px;
}

.hr-contact-actions ul li .icnx {
    --sz: 29px;
    width: var(--sz);
    height: var(--sz);
    border-radius: 50%;
    background: #E8F4FF;
    min-width: var(--sz);
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-hero .page-subhead {
    max-width: 536px;
    margin-bottom: 20px;
}

.contact-hero .inner-area.hero-type1 {
    padding-block: 123px 40px;
}

.contact-hero .banner-img-box {
    /* max-width: 501px; */
    max-width: 539px;
    top: 47px;
}
.contact-hero .inner-sec{
    overflow: hidden;

}

.contact-hero .inner-area.hr-contact{
   padding-block: 123px 60px;
}
.contact-hero .listing-label {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 13px;
    display: block;
}

.contact-hero .action {
    width: fit-content;
    padding-inline: 30px;
}

.contact-hero .action img {
    -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(4085%) hue-rotate(182deg) brightness(123%) contrast(100%);
    filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(4085%) hue-rotate(182deg) brightness(123%) contrast(100%);
}

.contact-form-section .inner-area {
    background: #fff;
    box-shadow: 0px 4px 12px 0px #0000001A;
    border-radius: 24px;
    padding: 16px;
    display: flex;
    gap: 40px 70px;
    padding-right: 70px;
}

.address-box .icnx {
    align-self: baseline;
}

.contact-form-section .frm-title {
    font-weight: 600;
    font-size: 30px;
    line-height: 45px;
    margin-top: 10px;
}

.map-fixer {
    margin-top: 16px;
}

.contx {
    margin-bottom: 15px;
}

.map-fixer .action {
    left: 8px;
    top: 8px;
    font-size: 10px;
    min-height: 31px;
    max-width: 126px;
}

.contact-form-section .map-col {
    max-width: 384px;
}

.contact-form-section .map-col .contxt-dt {
    overflow: hidden;
    border-radius: 18px;
    border: 1px solid #EEEEEE;
    height: 100%;
    width: 384px;
    background-color: #003961;
    padding: 26px 28px;
    color: #fff;
    display: flex;
    flex-direction: column;
}

.contact-form-section .map-col h3 {
    font-weight: 600;
    font-size: 30px;
    line-height: 45px;
    margin-bottom: 8px;
}

.contact-form-section .map-col p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 20px;
}

.contact-form-section .map-col ul .icnx {
    --sz: 38px;
    width: var(--sz);
    height: var(--sz);
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: var(--sz);
}

.contact-form-section .map-col li {
    display: flex;
    gap: 14px;
    align-items: center;
}

.contact-form-section .map-col li:not(:last-of-type) {
    margin-bottom: 22px;
}

.contact-form-section .map-col li a {
    transition: color .2s ease;
}

.contact-form-section .map-col li a:hover {
    color: var(--primary-clr);
}

.dark-blue-btn {
    max-width: 195px;
    width: 100%;
    min-height: 50px;
    background: #003961;
    font-weight: 500;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    transition: background .2s ease;
}


.dark-blue-btn:hover {
    background: var(--primary-clr);
}

.contact-form-section form {
    width: 100%;
    margin-top: 20px;
}

.input-block {
    display: flex;
    flex-direction: column;
}

.input-block label {
    font-weight: 400;
    font-size: 15px;
    line-height: 23px;
    display: block;
    margin-bottom: 8px;
}

.input-fld {
    min-height: 48px;
    border-radius: 14px;
    border: 1px solid #DDDDDD;
    padding-inline: 18px;
    font-size: 15px;
    transition: .2s ease;
}

.input-fld::placeholder {
    color: var(--clr-999);
}

.input-fld:hover,
.input-fld:focus {
    border-color: var(--primary-clr);
}

.contact-form-section form .row {
    row-gap: 20px;
}

.field-area {
    min-height: 80px;
    padding-block: 13px;
    resize: none;
}

.contact-form-section form button[type="submit"] {
    max-width: 200px;
    width: 100%;
    min-height: 48px;
    font-size: 16px;
    margin-top: 20px;
    margin-left: auto;
}

.help-block {
    color: red;
    font-size: 13px;
    margin-top: 2px;
}

.ft-cta-btn-grp .theme-btn-filled {
    margin-top: 22px;
    min-height: 42px;
    width: 100%;
    font-size: 15px;
}

.client-box {
    text-align: center;
    padding: 13px 17px;
    background: #fff;
    border: 1px solid #DDDDDD;
    border-radius: 18px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: .2s ease;
    outline: 1px solid transparent;
}

.client-box:hover {
    outline: 1px solid #0096FF;
    border: 1px solid #0096FF;
}

.client-box .client-name {
    margin-top: 7px;
    font-size: 15px;
    font-weight: 500;
    line-height: 23px;
    color: var(--black-clr);
}

.partner-listings {
    margin-top: 40px;
    margin-bottom: -10px;
}

.partner-listings .splide__track {
    padding-block: 10px;
}

.partner-listings .splide__list img {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: contain;
    max-height: 40px;
}

.floating-whatspp-btn {
    position: fixed;
    right: 30px;
    border-radius: 50%;
    bottom: 30px;
    box-shadow: 0px 2px 10px 0px #0000000D;
    transition: .2s ease;
    z-index: 3;
}

.floating-whatspp-btn:hover {
    box-shadow: 0px 2px 10px 0px #00000038;
    bottom: 34px;
}

.hr-key-feat {
    margin-top: 18px;
    gap: 5px 26px;
    line-height: 26px;
}

.hr-key-feat .incx img {
    aspect-ratio: 1 / 1;
    max-width: 21px;
    transform: translateY(-1px);
}

.hr-key-feat .label {
    margin-left: 5px;
    font-size: 16px;
}

.servicePg-services-section .blue-theme-sqrBtn {
    border-radius: 100px;
}

.customer-stories-section {
    overflow: hidden;
}

.cmn-select+.select2-container--default .select2-selection--single {
    border: 1px solid #DDDDDD;
    border-radius: 14px;
    height: 48px;
    transition: border .2s ease;
}

.cmn-select+.select2-container--default .select2-selection--single:hover {
    border-color: var(--primary-clr);
}

.cmn-select+.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 47px;
    font-size: 14px;
    padding-inline: 8px;
}

.cmn-select+.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 48px;
    right: 18px;
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cmn-select+.select2-container--default .select2-selection--single .select2-selection__arrow::after {
    content: '';
    width: 13px;
    height: 20px;
    background: url(../assets/images/chevron.svg) no-repeat center / contain;
    display: inline-block;
}

.cmn-select+.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.cmn-select-block .select2-dropdown {
    border-color: #ddd;
}

.cmn-select-block .select2-results__option {
    font-size: 15px;
}

.cmn-select-block .select2-container--default .select2-results__option[aria-selected=true] {
    background: var(--primary-clr);
    color: #fff;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #013b60;
}

.map-section .action {
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
}

.map-wrapper {
    border-radius: 18px;
    overflow: hidden;
    border: 1px solid #ddd;
    min-height: 182px;
}

.map-wrapper img {
    width: 100%;
}

.breakCrumb-box {
    margin-bottom: 10px;
    color: var(--clr-999);
    font-size: 16px;
    font-weight: 600;
}

.breakCrumb-box a {
    color: var(--clr-999);
    transition: color .2s ease;
}

.breakCrumb-box a:hover {
    color: var(--primary-clr);
}

.breakCrumb-box .current-page-item {
    color: var(--primary-clr);
}

.whats-incd-section .inner-area {
    display: flex;
    gap: 114px;
    align-items: center;
    justify-content: space-around;
}

.whats-incd-section .img-box {
    max-width: 374px;
}

.whats-incd-section .feature-list li:not(:last-of-type) {
    margin-bottom: 22px;
}

.whats-incd-section .feature-list li {
    font-size: 18px;
    color: var(--clr-444);
    line-height: 27px;
    display: flex;
    gap: 12px;
}

.whats-incd-section .feature-list li::before {
    content: '';
    display: inline-block;
    width: 19px;
    height: 20px;
    background: url(../assets/images/arrow.svg) no-repeat center / contain;
    transform: translateY(3px);
    min-width: 19px
}

.reason-listings {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    margin-bottom: 40px;
}

.reason-listings .card-row {
    border-radius: 20px;
    border: 1px solid #DDDDDD;
    background: #fff;
    padding: 20px;
    box-shadow: 0px 4px 12px 0px transparent;
    outline: 1px solid transparent;
    transition: .2s ease;
}

.reason-listings .card-row:hover {
    box-shadow: 0px 4px 12px 0px #0000001A;
    outline-color: var(--primary-clr);
    border-color: var(--primary-clr);
}

.reason-listings .card-row:nth-of-type(even) {
    transform: translateY(40px);
}

.reason-listings .titleRow {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 6px;
}

.reason-listings .titleRow .srv-title {
    font-size: 20px;
    margin-bottom: 0px;
}

.reason-listings .titleRow img {
    max-width: 19px;
    height: auto;
}

.reason-listings .srv-para {
    font-size: 18px;
    line-height: 22px;
}

.cta-extra {
    font-size: 18px;
    line-height: 27px;
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid #FFFFFF33;
}

.cta-extra img {
    max-width: 18px;
}

.cta-extra a {
    color: var(--primary-clr);
    transition: .2s ease;
}

.cta-extra a:hover {
    color: #fff;
}

.hiw-section .inner-sec {
    position: relative;
    overflow: hidden;
}

.hiw-section .inner-sec::after {
    content: '';
    background-image: url(../assets/images/steps-liners.svg);
    background-position: center;
    background-size: contain;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    width: 1370px;
    height: 281px;
}

.process-steps {
    position: relative;
    z-index: 1;
    margin-top: 40px;
}

.about-hero .inner-area {
    padding-block: 183px 101px;
}

.about-hero .page-subhead {
    max-width: 580px;
}

.about-hero .banner-img-box {
    /* max-width: 438px; */
    max-width: 500px;
    /* top: 99px; */
}
.servicePg-services-hero .banner-img-box {
    top: 101px;
}

.about-hero .banner-img-box img {
    border-radius: 20px;
}

.hr-badge {
    position: absolute;
    
    background: #FFFFFF;
    backdrop-filter: blur(100px);
    box-shadow: 1.01px 4.03px 16.12px 2.01px #0000001C;
    border-radius: 12px;
    transform: rotate(-2.39deg);
    padding: 6px 14px;display: flex;
    max-width: 169px;
    align-items: center;
}
 .banner-img-box .hr-badge img{
    border-radius: unset;
}
.hr-badge h6{
font-weight: 600;
font-size: 14px;
line-height: 18px;
}

.badgetl img{
max-width: 39px;
}


.cta-contact .inner-area {
    background-image: url(../assets/images/cta-bg3.webp);
}

.work-stats {
    background-image: url(../assets/images/cta-bg2.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: #fff;
}

.work-stats .inner-area {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: calc(60px * 2);
    padding-block: 25px;
}

.work-stats .val {
    font-size: 40px;
    font-weight: 600;
    line-height: 60px;
}

.work-stats .label {
    color: #EEEEEE;
    font-size: 16px;
    font-weight: 300;
    line-height: 27px;
}

.work-stats .inner-area .box {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.work-stats .inner-area .box:not(:last-of-type)::after {
    content: '';
    position: absolute;
    height: calc(100% - 10px);
    top: 50%;
    transform: translateY(-50%);
    border-radius: 10px;
    width: 2px;
    background: #E8F4FF66;
    right: -60px;
}

.wrw-section .inner-area {
    gap: 113px;
    display: flex;
    align-items: center;
}

.wrw-section .img-box {
    max-width: 390px;
}

.wrw-section .action {
    height: 51px;
    padding-inline: 30px;
}


.mission-vision .inner-area {
    display: flex;
    gap: 57px;
}


.mission-vision .section-titlecol {
    width: 333px;
    min-width: 333px;
}

.mission-vision .reason-listings {
    margin-bottom: 0;
}

.mission-vision .reason-listings .card-row:nth-of-type(even) {
    transform: none;
}


.mission-vision .titleRow {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 8px;
    gap: 20px;
}

.mission-vision .reason-listings .titleRow img {
    max-width: 85px;
    height: auto;
}


.mission-vision .reason-listings .srv-para {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 0;
}

.mission-vision .reason-listings .card-row {
    padding: 22px;
}

.cta-blog .inner-area {
    background-image: url(../assets/images/cta-bg4.webp);
    padding-block: 97px;
}

.blog-hero .content-box {
    max-width: 100%;
}

.blog-hero .page-subhead {
    color: var(--clr-666);
    font-size: 24px;
    line-height: 35px;
}

.cardcc {
    height: 100%;
    background: #fff;
    border-radius: 20px;
    padding: 15px 20px 20px;
    display: flex;
    flex-direction: column;
}

.cardcc .img-box {
    text-align: center;
}

.cardcc .srv-title {
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    margin-block: 20px 16px;
}

.blogings1 {
    margin-top: 40px;
}

.cardcc .srv-para {
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 20px;
}

.cardcc .blue-theme-sqrBtn {
    height: 51px;
    border-radius: 100px;
    font-size: 18px;
    margin-top: auto;
}

.cardcc .info-box {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.recent-blog-section .listing-box {
    margin-top: 40px;
}

.recent-blog-section .cardcc {
    min-height: 336px;
    min-height: fit-content;
    padding: 24px 24px 30px;
    position: relative;
    box-shadow: 0px 2px 10px 0px #0000000D, 0px 4px 0px 0px transparent inset;
    overflow: hidden;
}

.blg-srch-box {
    margin-block: 40px;
}

.blg-srch-box input {
    border: 1px solid #DDDDDD;
    min-height: 60px;
    padding-inline: 80px 30px;
    font-size: 20px;
    background: #fff;
}

.blg-srch-box input::placeholder {
    color: var(--clr-999);
    font-weight: 400;
}

.blg-srch-box .input-block {
    position: relative;
}

.blg-srch-box .input-block::after {
    position: absolute;
    content: '';
    background: url(../assets/images/search-icon.svg) no-repeat center / contain;
    --sz: 30px;
    width: var(--sz);
    height: var(--sz);
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
}

.cardcc.cd-pink {
    box-shadow: 0px 2px 10px 0px #0000000D, 0px 4px 0px 0px #FF99D6 inset;
}

.cardcc.cd-purple {
    box-shadow: 0px 2px 10px 0px #0000000D, 0px 4px 0px 0px #AC99FF inset;
}

.cardcc.cd-yellow {
    box-shadow: 0px 2px 10px 0px #0000000D, 0px 4px 0px 0px #FFDB99 inset;
}

.cardcc.cd-salmon {
    box-shadow: 0px 2px 10px 0px #0000000D, 0px 4px 0px 0px #3fbbb4 inset;
}

.cardcc.cd-green {
    box-shadow: 0px 2px 10px 0px #0000000D, 0px 4px 0px 0px #99FFAF inset;
}

.cardcc.cd-pink2 {
    box-shadow: 0px 2px 10px 0px #0000000D, 0px 4px 0px 0px #EE99FF inset;
}

.cardcc.cd-skyBlue {
    box-shadow: 0px 2px 10px 0px #0000000D, 0px 4px 0px 0px #99D5FF inset;
}

.cardcc.cd-yellow-light {
    box-shadow: 0px 2px 10px 0px #0000000D, 0px 4px 0px 0px #ECFF99 inset;
}

.cardcc.cd-cyan {
    box-shadow: 0px 2px 10px 0px #0000000D, 0px 4px 0px 0px #99F5FF inset;
}

.recent-blog-section .navigator {
    margin-top: auto;
    font-size: 18px;
}

.recent-blog-section .cardcc .srv-title {
    font-size: 26px;
    margin-top: 0;
    line-height: 35px;
    margin-bottom: 46px;
}

.border-hvr-card {
    border: 2px solid transparent;
    transition: .2s ease;
}

.border-hvr-card:hover {
    border: 2px solid var(--primary-clr);
}

.view-more-btn {
    height: 51px;
    margin-top: 40px;
    padding-inline: 30px;
    font-size: 18px;
}

.blog-hero {
    overflow: hidden;
    position: relative;
}

.vector-art {
    position: absolute;
    pointer-events: none;
    user-select: none;
}

.blog-hero .top-left {
    top: calc(76px + 26px);
    left: 115px;
}

.blog-hero .mid-left {
    top: 50%;
    right: 0;
}

.blog-hero .bottom-left {
    bottom: -117px;
    transform: rotate(-21deg);
    left: 105px;
}

.bottom-right1 {
    bottom: -40px;
    transform: rotate(-21deg);
    right: 135px;
}


.bottom-right2 {
    bottom: 40px;
    transform: rotate(345deg);
    right: -16px;
}

.blog-hero .inner-area.hero-type1 {
    padding-block: 162px 100px;
}

.recent-blog-section .row,
.blogings1 .row {
    row-gap: 24px;
}


.blog-sub-hero .listing-box {
    margin-top: 40px;
    row-gap: 24px;
}

.cta-blog-sub .inner-area {
    background-image: url(../assets/images/cta-bg5.webp);
    padding-block: 96px;
}

.cta-blog-sub .inner-area .box {
    max-width: 800px;
}

.blog-sub-hero .top-left {
    left: -138px;
    transform: rotate(332deg);
    top: 40px;
}

.blog-sub-hero .top-right {
    right: -78px;
    transform: rotate(0);
    top: 150px;
}

.vect3 {
    top: 756px;
    left: -3px;
}

.vect4 {
    top: 1148px;
    left: -108px;
    transform: rotate(20deg);
}

.vect5 {
    top: 498px;
    right: -188px;
}

.vect6 {
    top: 1370px;
    right: 70px;
    transform: rotate(-25deg);
}

.recent-blog-section .srv-para {
    font-size: 20px;
    line-height: 25px;
}

.blog-dt-section {
    padding-block: 142px 90px;
}

.blog-dt-area {
    display: flex;
    gap: 40px;
    margin-top: 30px;
}

.details-box {
    background-color: #fff;
    /* background-image: url(../assets/images/page-torn.jpg); */
    border-radius: 20px;
    /* margin-top: 30px; */
    padding: 24px;
    box-shadow: 0px 2px 10px 0px #0000000D;
    position: relative;
}

.details-box::after {
    background-image: url(../assets/images/page-torn.jpg);
    inset: 0;
    content: '';
    position: absolute;
    opacity: 50%;
}

.dt-conten-wrapper,
.dt-copyright {
    position: relative;
    z-index: 1;
}

.blog-dt-area .left-col {
    max-width: 66%;
    width: 100%;
}

.blog-dt-title {
    font-weight: 500;
    font-size: 22px;
    line-height: 33px;
    margin-bottom: 6px;
    display: block;
}

.details-box .blow-row:not(:last-of-type) {
    margin-bottom: 20px;
}

.blog-dt-para {
    color: var(--clr-666);
    font-size: 17px;
    line-height: 28px;
}

.listing-label {
    display: block;
    font-weight: 600;
    font-size: 17px;
}

.dt-listings li {
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    width: fit-content;
    padding-left: 20px;
}

.dt-listings li.dos::after {
    content: '';
    --sz: 18px;
    width: var(--sz);
    height: var(--sz);
    display: inline-block;
    background: url(../assets/images/check-mark.png) no-repeat center / contain;
    transform: translateY(4.5px);
    margin-right: 5px;
    min-width: var(--sz);
}

.dt-listings li.dont::after {
    content: '';
    --sz: 18px;
    width: var(--sz);
    height: var(--sz);
    display: inline-block;
    background: url(../assets/images/cross-mark.png) no-repeat center / contain;
    transform: translateY(4.5px);
    margin-right: 5px;
    min-width: var(--sz);
}

.dt-listings li::before {
    content: "";
    position: absolute;
    left: 5px;
    top: 12px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--clr-666);
}

.dt-listings .listing-row:not(:last-of-type) {
    margin-bottom: 10px;
}

.dt-copyright {
    margin-top: 20px;
    padding-top: 17px;
    border-top: 1px solid #ddd;
    display: flex;
    align-items: center;
    gap: 10px;
}

.dt-copyright span {
    font-size: 16px;
    line-height: 24px;
    display: block;
}

.dt-copyright img {
    max-width: 128px;
}

.blog-dt-area .right-col {
    height: fit-content;
    box-shadow: 0px 4px 12px 0px #00000014;
    border-radius: 20px;
    flex-grow: 1;
    position: static;
    /* right: 0;
    top: 0; */
    overflow: hidden;
    max-width: calc(34% - 40px);
    min-width: calc(34% - 40px);
    width: 100%;
    transition: border-radius .2s ease;
}

.glancelisting ul {
    padding: 15px 20px 30px;
}

.glancelisting li:not(:last-of-type) {
    margin-bottom: 10px;
}

.glancelisting li {
    display: flex;
    gap: 8px;
}

.glancelisting li::before {
    --sz: 14px;
    content: '';
    background: url(../assets/images/long-arrow.png) no-repeat center / contain;
    width: var(--sz);
    height: 18px;
    min-width: var(--sz);
    transform: translateY(5px);
    filter: brightness(0) saturate(100%) invert(11%) sepia(0%) saturate(5%) hue-rotate(221deg) brightness(99%) contrast(94%);
}

.cta-blog-dt .inner-area {
    background-image: url(../assets/images/cta-bg6.webp);
    padding-block: 70px;
}

.hero .cta-btn-grp .blue-text-btn {
    padding-inline: 0;
    min-width: auto;
}

.blog-hero .cardcc .img-box {
    height: 148px;
}

.dt-fixer {
    position: relative;
    margin-top: 80px;
}

.dt-fixer .page-heading {
    font-size: 58px;
    line-height: 76px;
    /* padding-right: 4%; */
}

.auth-pg {
    background: #E8F4FF;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px 0;
}

.auth-card {
    max-width: 460px;
    background: #fff;
    margin-inline: auto;
    box-shadow: 0px 4px 12px 0px #0000001A;
    border-radius: 20px;
    padding: 30px 30px 23px;
    text-align: center;
}

.auth-card .logo img {
    width: 215px;
}

.auth-card .logo {
    margin-bottom: 28px;
}

.auth-card .authTitle {
    font-weight: 600;
    font-size: 28px;
    line-height: 42px;
}

.via-login-btn {
    border: 1px solid #DDDDDD;
    min-height: 48px;
    gap: 10px;
    transition: .2s ease;
}

.via-login-btn:hover {
    background: var(--black-clr);
    border-color: var(--black-clr);
    color: #fff;
}

.auth-pg .content-area {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.frm-divider {
    height: 1px;
    width: 100%;
    background: #dddd;
    border-radius: 20px;
    position: relative;
    margin: 8px 0;
}

.frm-divider::after {
    content: 'OR';
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    color: var(--clr-666);
    font-style: italic;
    background: #fff;
    font-size: 15px;
    padding-inline: 10px;
}

.auth-form .col-12 {
    margin-bottom: 20px;
}

.auth-form .action {
    min-height: 48px;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 16px;
}

.extra-light-text {
    font-size: 15px;
    color: var(--clr-666);
    line-height: 23px;
    display: block;
    margin-bottom: 12px;
}

.auth-changer-action {
    color: var(--primary-clr);
    transition: .2s ease;
    font-weight: 500;
}

.forgot-pass-action:hover,
.auth-changer-action:hover {
    color: var(--black-clr);
}

.forgot-pass-action {
    transition: .2s ease;
}

.forgot-pass-pg .content-area {
    gap: 0;
}

.forgot-pass-pg .auth-changer-action {
    font-size: 15px;
}

.view-pass-fld {
    position: relative;
}

.view-pass-fld input {
    padding-right: 48px;
    width: 100%;
}

.view-pass-fld .show-pass {
    position: absolute;
    width: calc(25px + 18px);
    height: 18px;
    top: 50%;
    transform: translateY(-50%);
    background: url(../assets/images/eye-icon.svg) no-repeat center / contain;
    right: 0;
    cursor: pointer;
    transition: .2s ease;
    padding-inline: 5px;
    height: 100%;
    background-size: 25px;
}

.view-pass-fld .show-pass::after {
    content: '';
    width: 0;
    height: 2px;
    background: #999;
    position: absolute;
    transform: translate(-50%, -50%) rotate(45deg);
    top: 50%;
    left: 50%;
    border-radius: 20px;
    transition: width .2s ease;
}

.view-pass-fld .show-pass.active::after {
    width: 24px;
}


.get-started-pg .inner-area {
    height: 100vh;
    display: flex;
}

.get-started-pg .inner-area .left-frm-area {
    flex-grow: 1;
}

.get-started-pg .img-area {
    min-width: 505px;
    background-color: var(--primary-clr);
    background-image: url(../assets/images/get-started-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.get-started-pg .img-area::after {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    content: '';
    background: url(../assets/images/form-center-map.webp) no-repeat center / contain;
    width: 471px;
    height: 325px;
}

.get-started-pg .tab-content {
    height: 100%;
    width: 100%;
    padding: 0 70px 30px;
}

.get-started-pg .logo img {
    max-width: 161px;

}

.frm-progress {
    margin-block: 40px;
}

.frm-progress .indicator {
    gap: 10px;
}

.frm-progress .indicator span {
    width: 45px;
    height: 7px;
    background: #E8F4FF;
    border-radius: 7px;
    display: block;
    position: relative;
    overflow: hidden;
}

.frm-progress .indicator span::after {
    position: absolute;
    content: '';
    height: 100%;
    left: 0;
    width: 0;
    transition: .2s ease;
    border-radius: 7px;
    background: var(--primary-clr);
}

.frm-progress .indicator span.active::after {
    width: 100%;
}

.step-counter {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
}

.frm-title {
    font-size: 36px;
    font-weight: 600;
    line-height: 47px;
    margin-bottom: 5px;
}

.frm-area .sub-heaidng {
    font-size: 16px;
    color: var(--clr-666);
    line-height: 24px;
}

.get-start-form-main {
    margin-top: 30px;
}

.info-btn {
    padding-inline: 0;
    --sz: 20px;
    width: var(--sz);
    height: var(--sz);
    border-radius: 50%;
    padding: 4.5px;
    background: #E8F4FF;
}

.info-btn img {
    width: 100%;
    height: 100%;
}

.bussines-block {
    gap: 14px;
    align-items: center;
    margin-bottom: 20px;
}

.sm-sec-label {
    font-size: 15px;
    line-height: 23px;
    margin-bottom: 8px;
    display: block;
}

.cmn-grey-table table {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    font-size: 15px;
}

.cmn-grey-table table tbody td {
    padding: 10px 14px;
}

.cmn-grey-table .fa-check {
    color: #00D849;
}

.cmn-grey-table .fa-xmark {
    color: #FF3032;
}

.plan-includes-table i {
    font-size: 23px;
}

.cmn-grey-table {
    border: 1px solid #F2F4F7;
    border-radius: 15px;
    overflow: hidden;
    padding: 0 14px;
}

.cmn-grey-table td:not(:last-of-type),
.cmn-grey-table th:not(:last-of-type) {
    border-right: 1px solid #EFF1F4;
}

.cmn-grey-table table tbody tr:not(:last-of-type) {
    border-bottom: 1px solid #EFF1F4;
}

.cmn-grey-table table thead th {
    padding: 0;
}

.cmn-grey-table table thead th span {
    display: block;
    font-weight: 500;
    padding: 10px 14px;
    background: #F4F6F9;
    white-space: nowrap;
}

.cmn-grey-table table thead th:first-of-type span {
    margin-left: -14px;
}

.cmn-grey-table table thead th:last-of-type span {
    margin-right: -14px;
}

.cmn-grey-table td:first-of-type {
    padding-left: 0;
}

.cmn-grey-table td:last-of-type {
    padding-right: 0;
}

.left-frm-area .tab-content {
    max-height: calc(100vh - 230px);
    overflow: auto;
}

.left-frm-area .tab-content::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
}

.tab-navigator {
    position: fixed;
    bottom: 0;
    left: 0;
    background: #fff;
    width: calc(100% - 505px);
    padding: 16px 70px;
    box-shadow: 0px -2px 20px 0px #0000001A;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 3;
}

.tab-navigator button {
    border: 2px solid transparent;
    height: 48px;
    width: 135px;
    gap: 7px;
}

.left-frm-area .top-area {
    padding-top: 30px;
    padding-inline: 70px;
}

.tab-navigator .get-started-back {
    border-color: #ddd;
    background: #fff;
    color: var(--black-clr);
}

.tab-navigator .get-started-back:hover i {
    transform: translateX(-3px);
}

.onb-main .get-started-back.active {
    opacity: 1;
    pointer-events: auto;
}

.tab-navigator .get-started-back:hover {
    background: var(--primary-clr);
    color: #fff;
    border-color: var(--primary-clr);
}

.custom-radio-box {
    display: flex;
    align-items: center;
    gap: 8px;
}

.radio-grp {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    max-width: 505px;
    width: 100%;
    gap: 10px;
}

.custom-radio-box input[type="radio"] {
    appearance: none;
    outline: none;
    --sz: 20px;
    width: var(--sz);
    height: var(--sz);
    aspect-ratio: 1;
    padding: 0.25rem;
    background: transparent;
    border: 1px solid var(--primary-clr);
    border-radius: 50%;
    display: grid;
    place-content: center;
    cursor: pointer;
    position: relative;
}

.custom-radio-box label {
    margin-bottom: 0;
}

.custom-radio-box input[type="radio"]::after {
    content: "";
    position: absolute;
    inset: 0.25rem;
    opacity: 0;
    scale: 0;
    transition:
        opacity 150ms ease-in-out,
        scale 150ms ease-in-out;
    background-color: var(--primary-clr);
    border-radius: inherit;
}

.custom-radio-box label:hover,
.custom-radio-box input[type="radio"]:focus-visible,
.custom-radio-box input[type="radio"]:focus-visible+label,
.custom-radio-box input[type="radio"]:hover,
.custom-radio-box input[type="radio"]:hover+label {
    --_clr-current: var(--primary-clr);
}

.custom-radio-box input[type="radio"]:focus-visible::after,
.custom-radio-box input[type="radio"]:hover::after {
    opacity: 0.5;
    scale: 1;
    background-color: var(--primary-clr);
}

.custom-radio-box input[type="radio"]:checked+label:not(:hover),
.custom-radio-box input[type="radio"]:checked:not(:hover) {
    --_clr-current: var(--primary-clr);
}

.custom-radio-box input[type="radio"]:checked::after {
    opacity: 1;
    scale: 1;
}

.bussiness-name-block {
    display: flex;
    gap: 15px;
}

.bussiness-name-block .input-fld {
    max-width: 300px;
    width: 100%;
}

.bussiness-name-block .corpoaration-tag-block {
    min-width: 138px;

}

.frm-main-step2 .row {
    row-gap: 20px;
}

.frm-step3 .extra-light-text {
    margin-block: 20px;
}

.frm-step3 .frm-divider {
    margin-block: 30px;
}

.frm-step3 .via-login-btn {
    max-width: 400px;
    margin-inline: auto;
}

.frm-step3 .extra-light-text a {
    color: var(--primary-clr);
    transition: .2s ease;
}

.frm-step3 .extra-light-text a:hover {
    color: var(--black-clr);
}

.frm-step3 .auth-changer-action {
    font-weight: 600;
}

.frm-main-step1 .cmn-select+.select2-container {
    max-width: 350px;
}

.feature-selection-row button {
    margin-inline: auto;
    height: 30px;
    border: 1px solid var(--primary-clr);
    color: var(--primary-clr);
    font-size: 15px;
    line-height: 1;
    transition: .2s ease;
}

.feature-selection-row button.active,
.feature-selection-row button:hover {
    background: var(--primary-clr);
    color: #fff;
}

.mob-tbl2,
.plan-includes-table.mob,
.tab-pane {
    display: none;
}

.tab-pane.show.active {
    display: block;
}

/* ====  MY ACCOUNT ==== */


.nav-user-select-dd .dropdown-toggle {
    height: 42px;
    border: 1px solid #ddd;
    font-size: 15px;
    width: 223px;
    gap: 20px;
    margin-left: 20px;
}

.dropdown-menu,
.dropdown-toggle {
    font-size: 15px;
}

.dropdown-toggle::after {
    display: none;
}

.dropdown-item {
    padding-block: 8px;
    cursor: pointer;
    color: var(--black-clr);
}

.dropdown-item.active {
    background: var(--primary-clr);
}

.dropdown-item:not(.active):hover {
    color: #fff;
    background-color: #003961;
}

.nav-user-select-dd .dropdown-toggle i {
    color: var(--clr-666);
}

.dash-menu-bar .inner-box {
    gap: 30px;
    display: flex;
    align-items: center;
}

.nav-pf-dd .dropdown-toggle {
    gap: 14px;
    display: flex;
    padding-inline: 0;
    align-items: center;
}

.nav-pf-dd .user-info {
    gap: 14px;
}

.pf-img {
    --sz: 36px;
    background-color: var(--primary-clr);
    color: #fff;
    line-height: 1;
    width: var(--sz);
    height: var(--sz);
    border-radius: 50%;
    min-width: var(--sz);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 18px;
}

.dash-pg-box {
    padding-top: 82px;
}


.dash-pg-box .inner-area {
    padding: 30px 0 58px;
    max-width: 1140px;
    margin-inline: auto;
}

.my-order-pg-box .inner-area {
    max-width: 100%;
}

.my-order-pg-box .container {
    background: #fff;
    border-radius: 20px;
    padding: 22px 24px 24px;
}


.dash-content-box .inner-sec {
    border-radius: 20px;
    padding: 28px 30px 22px;
    background: #fff;
    margin-top: 12px;
    box-shadow: 0px 4px 12px 0px #0000001A;
}

.info-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}


.section-action-btn {
    color: var(--primary-clr);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    padding: 0;
    gap: 6px;
}

.info-grid {
    display: flex;
    gap: 52px;
}

.info-grid label {
    color: var(--clr-666);
    line-height: 23px;
    margin-bottom: 2px;
    font-size: 15px;
}

.dash-pg-heading h1 {
    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
}

.info-value {
    font-size: 16px;
}

.info-section {
    padding-bottom: 24px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 24px;
}

.my-order-pg-box .inner-sec {
    box-shadow: none;
    padding: 0;
}

.info-item:first-of-type {
    --sz: 200px;
    min-width: var(--sz);
    width: var(--sz);
}

.action-row button {
    border-radius: 10px;
    height: 44px;
    min-width: 187px;
    color: var(--primary-clr);
    border: 1px solid #DDDDDD;
    font-size: 16px;
    transition: .2s ease;
}

.action-row button:hover {
    background: var(--primary-clr);
    border-color: var(--primary-clr);
    color: #fff;
}

.mdl-frm .row {
    row-gap: 20px;
}

.modal-dialog {
    max-width: fit-content;
}

.modal-content {
    border: 0;
    max-width: 644px;
    border-radius: 16px;
}

.changeChnage_mdl .modal-content,
.editContactMdl .modal-content {
    max-width: 402px;
}

.modal-header {
    padding: 24px 00px 18px;
    margin-inline: 30px;
}

.modal-header .modal-title {
    font-size: 20px;
    font-weight: 600;
}

.modal-header .btn-close {
    font-size: 15px;
    box-shadow: none;
}

.modal-body {
    padding: 24px 30px 30px;
}

.frm-submitter button {
    height: 48px;
    border-radius: 100px;
    font-size: 16px;
    font-weight: 600;
    width: 202px;
    border: 2px solid transparent
}

.frm-submitter .btn-cancel {
    border-color: #ddd;
    transition: .2s ease;
}

.frm-submitter .btn-cancel:hover {
    background: #ddd;
}

.editContactMdl .frm-submitter button {
    width: 162px;
}

.cc-prefix-num-input {
    position: relative;
    z-index: 1;
}

.cc-prefix-num-input input {
    padding-left: 81px;
    width: 100%;
}

.cc-prefix-num-input .dropdown-toggle {
    padding-inline: 0;
    width: 100%;
    gap: 7px;
    height: 100%;
}

.cc-prefix-num-input .dropdown-toggle i {
    color: var(--clr-666);
}

.cc-prefix-num-input .dropdown {
    position: absolute;
    height: calc(100% - 20px);
    top: 50%;
    transform: translateY(-50%);
    left: 2px;
    border-right: 1px solid var(--clr-999);
    padding-inline: 6px;
    width: 68px;
}

.cmn-select+.select2-container--default .select2-selection--single,
.mdl-frm .input-fld {
    border-radius: 12px;
}

.cc-prefix-num-input .dropdown-menu.show {
    display: block;
    min-width: max-content;
    padding-block: 3px;
}

.cc-prefix-num-input .dropdown-item {
    cursor: pointer;
}

.dropdown-menu.show {
    padding-block: 4px;
}

.section-label {
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
}

.dash-table.cmn-grey-table td:not(:last-of-type),
.dash-table.cmn-grey-table th:not(:last-of-type) {
    border-right: 0;
}

.dash-table.cmn-grey-table table thead th span {
    background: #E2F1FF;
    color: var(--clr-444);
    font-weight: 400;

}

.clr-yellow {
    color: #F4A300
}

.clr-green {
    color: #2DBE60;
}

.clr-grey {
    color: #9E9E9E;
}

.clr-cyan {
    color: #00A7C7
}

.clr-blue {
    color: #2B74D8;
}

.clr-red {
    color: #E53935
}

.clr-orange {
    color: #FFA726
}


td[data-column="Status"] span {
    font-weight: 500;
}

td[data-column="Invoice/Receipt"] .td-cell-wrapper {
    text-align: center;
}

.dash-table.cmn-grey-table table {
    font-size: 14px;
}

.dash-table.cmn-grey-table table thead span,
.dash-table.cmn-grey-table table tbody td {
    padding-block: 14px;
}


.table-pagination {
    padding: 17px 40px;
    border-top: 1px solid #F2F4F7;
}

.table-pagination .inner {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 16px;
}

.table-pagination .result-text {
    font-size: 14px;
    line-height: 24px;
}

.table-pagination .pagi-buttons {
    display: flex;
    gap: 5px;
}

.pagi-buttons button {
    --sz: 34px;
    height: var(--sz);
    width: var(--sz);
    border-radius: 8px;
    display: flex;
    justify-content: center;
    border: 1px solid #D0D2DD;
    font-weight: 400;
    font-size: 14px;
    align-items: center;
    transition: .15s linear;
    padding: 0;
}

.pagi-buttons button.active {
    background: var(--primary-clr);
    color: #fff;
    border-color: var(--primary-clr);
}

.pagi-buttons button.page-seperator {
    border: 0;
    position: relative;
}

.pagi-buttons button.page-seperator i {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: .15s linear;
}

.pagi-buttons button.page-seperator:hover i {
    color: var(--primary-clr);
    opacity: 1;
}

.pagi-buttons button.page-seperator span {
    transition: .15s linear;
}

.pagi-buttons button.page-seperator:hover span {
    opacity: 0;
}


.table-pagination .prog-btn {
    position: relative;
}

.table-pagination .prog-btn::after {
    content: '';
    position: absolute;
    inset: 0;
    background: url(../assets/images/chevron.svg) no-repeat;
    background-position: center;
    background-size: 10px;
    filter: brightness(0);
    -webkit-filter: brightness(0);
}

.table-pagination .prog-btn.prev-page::after {
    transform: rotate(90deg);
}

.table-pagination .prog-btn.next-page::after {
    transform: rotate(90deg);
}

.table-pagination .prog-btn.next-page {
    transform: scaleX(-1);
}

.pagi-buttons button:not(:disabled):not(.page-seperator):hover {
    background: var(--primary-clr);
    border-color: var(--primary-clr);
    color: #fff;
}

.pagi-buttons button:not(:disabled).prog-btn:hover::after {
    filter: brightness(100);
    -webkit-filter: brightness(100);
}

.table-pagination .prog-btn:disabled::after {
    filter: none;
    -webkit-filter: none;
}

td[data-column="Attachments"] a {
    text-decoration: underline;
    font-size: 12px;
}

.onb-navBar .inner-sec {
    padding-inline: 40px;
    height: 82px;
}

.onb-main {
    padding-top: 82px;
}

.onb-main .inner-area {
    display: flex;
}

.onb-main .right-form-area {
    flex-grow: 1;
}

.onb-main .tab-content {
    max-height: calc(100vh - 162px);
    overflow: auto;
    width: 100%;
    padding: 55px 58px 35px;
}

.onb-main .left-side-progress {
    height: calc(100vh - 82px);
    background: #003961;
    min-width: 315px;
    max-width: 315px;
    padding-bottom: 35px;
}

.stepInfo {
    color: #FFFFFF80;
    font-weight: 400;
    font-size: 16px;
    /* display: flex;
    align-items: center;
    gap: 20px; */
    position: relative;
    width: 100%;
}

.step-wrapper {
    height: 100%;
    overflow: auto;
    padding: 35px 40px 0;
    display: flex;
    gap: 20px;
}

.step-label-box {
    display: flex;
    flex-direction: column;
    gap: 33px;
}

.steps-item {
    display: flex;
    align-items: center;
    gap: 20px;
}

.steps-item.completed .step-count-label {
    border-color: var(--primary-clr);
    background: var(--primary-clr);
}

.steps-item.completed .step-count-label .ticker {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: var(--primary-clr);
}

.ticker {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ticker::after {
    content: '';
    background: url(../assets/images/ticker-icon.svg) no-repeat center / contain;
    position: absolute;
    /* t50$ */
    width: 17px;
    height: 12px;
    opacity: 0;
}

.steps-item.completed .step-count-label .ticker::after {
    opacity: 1;
}

.step-count-label {
    --sz: 30px;
    width: var(--sz);
    height: var(--sz);
    min-height: var(--sz);
    min-width: var(--sz);
    border-radius: 50%;
    border: 1px solid #FFFFFF80;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 14px;
    position: relative;
    color: #FFFFFF80;
}

.steps-item.active .step-count-label {
    border-color: #fff;
    color: #fff;
    font-weight: 600;
}

.step-name {
    margin-bottom: 0;
    font-weight: 400;
    line-height: 24px;
    transition: .2s ease;
}

.steps-item.active .step-count-label {
    font-weight: 600;
    color: #fff;
    border-color: #fff;
    position: relative;
}

.steps-item.active .step-name {
    font-weight: 600;
    color: #fff;
}

.step-name:hover {
    color: #fff;
    cursor: pointer;
}

.steps-item.completed .step-name {
    color: var(--primary-clr);
    font-weight: 600;
}

.steps-item:not(:last-of-type) .step-count-label::before {
    content: '';
    position: absolute;
    display: block;
    bottom: -5px;
    height: 47%;
    left: 14px;
    width: 1px;
    transform: scale(1, 2);
    transform-origin: 50% -100%;
    background: #FFFFFF80;
}

.onb-main .get-started-back {
    opacity: 0;
    pointer-events: none;
}

.onb-main .form-area {
    height: 100%;
    display: flex;
    justify-content: center;
}

.onb-frm-heading {
    height: fit-content;
    font-weight: 600;
    font-size: 30px;
    line-height: 45px;
    margin-bottom: 0;
}

.onb-main .frm-area {
    margin-inline: auto;
}

.onb-main .onbStep1 {
    max-width: 88%;
}

.flow-hidden {
    overflow: hidden !important;
}

.left-side-progress .step-wrapper::-webkit-scrollbar,
.onb-main .tab-content::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
}

.onb-main .onbStep2 {
    max-width: 88%;
}


.onboard-form .input-fld {
    background: #fff;
    border-radius: 12px;
}

.onboard-form .custom-radio-box input[type="radio"] {
    border-color: #ddd;
    background: #fff;
}

.onboard-form .custom-radio-box input[type="radio"]:checked,
.onboard-form .custom-radio-box input[type="radio"]:checked+label:not(:hover),
.onboard-form .custom-radio-box input[type="radio"]:checked:not(:hover) {
    border-color: var(--primary-clr);
}

.onboard-form .cmn-select+.select2-container {
    max-width: 100%;
}

.onboard-form .row {
    row-gap: 20px;
    width: 100%;
}

.cmn-dt-picker .inp-inner-box::after {
    content: '';
    position: absolute;
    background: url(../assets/images/calendar-icon.svg) no-repeat center / contain;
    width: 17px;
    height: 19px;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
}


.datepicker th {
    font-weight: 500;
}

.datepicker td,
.datepicker th {
    width: 25px;
    height: 25px;
    font-size: 14px;
}

.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today:hover,
.datepicker table tr td.today,
.datepicker table tr td.active.active,
.datepicker table tr td span.focused,
.datepicker table tr td span:hover {
    background: var(--primary-clr);
    background-color: var(--primary-clr);
    color: #fff;
}

.onboard-form .bussiness-name-block .input-fld {
    max-width: 100%;
}

.onboard-form .info-btn {
    border-radius: 50%;
    background: #fff;
    display: inline-flex;
    margin-left: 5px;
}

.onboard-form .bussiness-name-block .input-block:not(.cmn-select-block) {
    flex-grow: 1;
}

.cmn-checkBx-block {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ui-checkbox,
.ui-checkbox *,
.ui-checkbox *::before,
.ui-checkbox *::after {
    box-sizing: border-box;
}

.frm-region-title {
    font-weight: 600;
    font-size: 20px;
    display: block;
    margin-bottom: 18px;
    width: fit-content;
}

.ui-checkbox {
    appearance: none;
    --sz: 32px;
    width: var(--sz);
    height: var(--sz);
    min-width: var(--sz);
    border-radius: 8px;
    background: #fff;
    transition: all 0.3s;
    border: 0.72px solid #DDDDDD;
    cursor: pointer;
    position: relative;
}

.ui-checkbox::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 8px;
    opacity: 0;
    transition: all 0.5s cubic-bezier(0.12, 0.4, 0.29, 1.46);
}

.ui-checkbox::before {
    content: "";
    position: absolute;
    top: 40%;
    left: 50%;
    width: 7px;
    height: 15px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: translate(-50%, -50%) rotate(45deg) scale(0);
    opacity: 0;
    transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
}

.ui-checkbox:hover {
    border-color: var(--primary-clr);
}

.ui-checkbox:checked {
    background: var(--primary-clr);
    border-color: transparent;
}

.ui-checkbox:checked::before {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(45deg) scale(1.2);
    transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
}

.ui-checkbox:active:not(:checked)::after {
    transition: none;
    box-shadow: none;
    opacity: 1;
}

.cmn-checkBx-block label {
    font-weight: 400;
    font-size: 18px;
}

.navg-frm-reg-title {
    margin-bottom: -4px;
}

.onboard-form textarea {
    padding-block: 12px;
    min-height: 90px;
}

.ci-address-block .input-fld {
    min-height: 100px;
}

.office-addres-row {
    display: none;
}

.onbStep4,
.onbStep3 {
    width: 820px;
}

.outline-blue-btn {
    min-height: 48px;
    color: var(--primary-clr);
    border: 1px solid var(--primary-clr);
    border-radius: 12px;
    font-weight: 500;
    gap: 5px;
    transition: .2s ease;
    line-height: 1;
}

.outline-blue-btn span {
    display: inline-block;
    line-height: 1;
}

.outline-blue-btn:hover {
    background: var(--primary-clr);
    color: #fff;
}

.onb-dt-table-row {
    margin-top: 20px;
    padding-bottom: 20px;
}

.onb-table-wrapper {
    background: #fff;
}

.onb-table-wrapper table thead th span {
    background: #E2F1FF;
    font-weight: 400;
    color: #444;
}

.onb-table-wrapper table tbody td {
    border-right: 0 !important;
}

.onb-table-wrapper table * {
    font-size: 14px;
}

.onb-table-wrapper table thead th.onb-action-th span {
    text-align: end;
    padding-right: 36px;
}

.onb-table-wrapper .action-grp {
    padding-right: 17px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
}

.onb-title-header .onb-frm-heading {
    margin-bottom: 0;
}

.onb-table-wrapper .action-grp button {
    padding: 0;
    width: 16px;
}

.cmn-checkBx-block {
    margin-bottom: 20px;
}

.no-dt-frm-area {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.no-dt-frm-area .onb-no-data-row {
    margin-block: auto;
}

.onb-no-data-row>div {
    min-height: 210px;
}

.onb-no-data-row strong {
    font-weight: 500;
    font-size: 17px;
    margin-bottom: 10px;
}

.onb-no-data-row button {
    min-height: 48px;
    gap: 5px;
    max-width: 200px;
    width: 100%;
}

.onbStep5 {
    max-width: 940px;
    width: 100%;
}

.onb-sub-heading {
    color: var(--clr-666);
    line-height: 21px;
    font-size: 14px;
}

.onbStep7 {
    max-width: 820px;
}

.frm-main-step7 {
    margin-top: 24px;
    padding-bottom: 35px;
}

.card-checkBx-block {
    height: 51px;
    background: #fff;
    padding: 0 18px;
    border-radius: 12px;
    border: 1px solid transparent;
    transition: border .2s ease;
    margin-bottom: 0;
}

.card-checkBx-block:hover,
.card-checkBx-block.active {
    border-color: var(--primary-clr);
}

.card-checkBx-block .checkbox__body * {
    font-size: 15px;
    font-weight: 400;
}

.card-checkBx-block .ui-checkbox {
    --sz: 20px;
    border-radius: 6px;
    min-width: var(--sz);
}

.card-checkBx-block .ui-checkbox::after {
    border-radius: 6px;
}

.card-checkBx-block .ui-checkbox::before {
    top: 43%;
    width: 5px;
    height: 9px;
}

.style-h {
    flex-grow: 1;
}

.checkbox__body {
    justify-content: space-between;
    gap: 5px;
}


.checkbox__body .price {
    color: var(--primary-clr);
    font-weight: 500;
    text-align: end;
}

.onb-prev-scrn .tab-navigator {
    width: 100%;
    left: 0;
    padding-inline: 0;
}

.onb-prev-scrn {
    min-height: calc(100vh - 80px);
    display: flex;
    justify-content: center;
}

.onb-prev-scrn .inner-sec {
    margin: 50px 0 110px;
    width: 100%;
}

.prev-cardd {
    width: 100%;
    background: #fff;
    border-radius: 20px;
    padding: 24px 30px 30px;
}

.crd-heading {
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    padding-bottom: 18px;
    border-bottom: 1px solid #DDDDDD;
    margin-bottom: 24px;
}

.my-order-dt-box .cmn-grey-table {
    border: 0;
}

.prev-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 13px;
}

.prev-header h3 {
    font-weight: 600;
    font-size: 18px;
}

.prev-header .incx {
    display: flex;
    height: fit-content;
}

.prev-cardd .label {
    font-size: 15px;
    color: var(--clr-666);
    margin-bottom: 2px;
    line-height: 23px;
    font-weight: 400;
}

.prev-cardd .text-val {
    font-size: 16px;
    line-height: 24px;
}

.prev-row .row {
    row-gap: 16px;
}

.prev-row:not(:last-of-type) {
    padding-bottom: 28px;
    margin-bottom: 28px;
    border-bottom: 1px solid #DDDDDD;
}

.inner-row-title {
    margin-bottom: -8px;
    font-weight: 500;
}

.onb-prev-scrn .cmn-grey-table {
    border: 0;
}

.prev-cardd .ui-checkbox {
    --sz: 20px;
    border-radius: 6px;
    min-width: var(--sz);
}

.prev-cardd .ui-checkbox::before {
    top: 42%;
    width: 5px;
    height: 10px;
}

.prev-cardd .cmn-checkBx-block {
    align-items: unset;
    margin-bottom: 0;
    gap: 0;
}

.prev-cardd .cmn-checkBx-block label {
    font-size: 13px;
}

.prev-cardd label a {
    color: var(--primary-clr);
    transition: .2s ease;
}

.prev-cardd label a:hover {
    color: var(--black-clr);
}

.onb-prev-scrn .get-started-next {
    max-width: 284px;
    width: 100%;
}

.py-status .inner-area {
    min-height: calc(100vh - 50px);
    padding-top: 82px;
    padding-bottom: 40px;
    margin-top: 50px;
}


.py-card {
    max-width: 430px;
    margin-inline: auto;
    background: #fff;
    border-radius: 20px;
    padding: 32px 44px 30px;
    text-align: center;
}

.py-card .main-heading {
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    margin-block: 24px 6px;
}

.py-card .sm-para {
    color: var(--clr-666);
    line-height: 23px;
    font-size: 15px;
    margin-bottom: 18px;
}

.py-card .action {
    min-height: 48px;
}

.sm-para strong {
    font-weight: 500;
}

.fd-py-st .main-heading {
    padding-block: 9px 10px;
}

.action2 {
    border-radius: 100px;
    margin-top: 14px;
}

.payment-form-area .frm-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 16px;
}

.payment-form-area {
    gap: 30px;
}

.left-frm-col {
    max-width: 48%;
    width: 100%;
}

.order-summary,
.left-frm-col .fmr-inner {
    padding: 15px 18px 18px;
    background: #E8F4FF;
    border: 1px solid #DDDDDD;
    border-radius: 12px;
}

.py-dt-col {
    flex-grow: 1;
}

.pym-card {
    padding: 12px 18px;
    border-radius: 12px;
    margin-bottom: 14px;
}

.cd-type-info .text-val {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 1px;
}

.cd-type-info .label {
    color: var(--clr-999);
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 0;
}

.pym-card-main {
    padding-block: 18px;
}

.pym-card-main .row {
    row-gap: 20px;
}

.order-summary {
    padding-inline: 0;
    padding-bottom: 0;
}

.order-summary .total,
.order-summary ul,
.order-summary .frm-title {
    padding-inline: 18px;
}

.order-summary ul {
    background: #fff;
}

.order-summary ul li {
    display: flex;
    justify-content: space-between;
    line-height: 23px;
    align-items: center;
}

.order-summary .total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-block: 10px;
}

.order-summary>ul {
    border-top: 1px solid #DDDDDD;
    padding-block: 2px 0;
}

.order-summary>ul li {
    padding-block: 16px;
}


.order-summary>ul li:not(:last-of-type) {
    border-bottom: 1px solid #DDDDDD;

}


.sr-text,
.order-summary ul li {
    font-size: 15px;
}

.sr-text {
    font-weight: 400;
    margin-right: auto;
}

.sr-val {
    font-weight: 500;
}

.nested-sr {
    flex-direction: column;
}

.nested-sr ul {
    padding-right: 0;
    width: 100%;
}

.nested-sr ul li {
    padding-block: 8px 0;
    line-height: 21px;
    border: 0 !important;
    position: relative;
}

.nested-sr ul li * {
    font-size: 14px;
}

.nested-sr ul li::before {
    content: '';
    position: absolute;
    --sz: 3px;
    border-radius: 50%;
    background: var(--black-clr);
    width: var(--sz);
    height: var(--sz);
    left: -9px;
    top: 17px;
}

.steps-item[data-step="2"] .step-count-label::before,
.steps-item[data-step="3"] .step-count-label::before,
.steps-item[data-step="4"] .step-count-label::before,
.steps-item[data-step="6"] .step-count-label::before {
    height: 62%;
}

.steps-item[data-step="5"] .step-count-label::before {
    height: 77%;
}

.onb-main .tab-navigator {
    width: calc(100% - 315px);
    left: 315px;
}

.onb-prev-scrn .tab-navigator {
    left: 0;
    width: 100%;
}

.hint-block {
    margin-top: 30px;
}


.tooltip.show {
    opacity: 1;
}

.cr-2 {
    display: none;
}

.readmore_btn {
    color: var(--primary-clr);
    padding: 0;
    transition: color .2s ease;
}

.readmore_btn:hover {
    color: #222;
}

.tooltip-inner {
    max-width: 250px;
    background: var(--primary-clr);
    color: #fff;
    font-size: 13px;
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
    border-top-color: var(--primary-clr) !important;
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
    border-left-color: var(--primary-clr) !important;
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
    border-bottom-color: var(--primary-clr) !important;
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
    border-right-color: var(--primary-clr) !important;
}

.cr-2 textarea {
    padding-top: 10px;
    min-height: 75px;
}

.hint-block .innr-area {
    display: flex;
    flex-direction: column;
    background: #3de0ff2b;
    border-radius: 8px;
    padding: 10px;
    font-size: 12px;
}

.hint-block .innr-area h6 {
    font-size: 14px;
    margin-bottom: 5px;
}

.hint-block .innr-area p {
    font-size: 13px;
}

.why-registerInc .reason-listings .card-row:nth-of-type(even) {
    transform: none;
}

.why-registerInc .reason-listings {
    margin-top: 40px;
}

.why-registerInc .reason-listings .card-row {
    display: flex;
    align-items: center;
    padding: 5px;
    border-color: transparent;
    box-shadow: 0px 4px 12px 0px #0000001A;
    outline-width: 2px;
    gap: 24px;
}

.why-registerInc .reason-listings .incx {
    background: #EEF6FF;
    border-radius: 16px;
    height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 166px;
    position: relative;
    height: 166px;
}

.why-registerInc .reason-listings .incx img {
    max-width: 122px;
    transform: translate(-5px , -12px);
}

.why-registerInc .reason-listings .srv-title {
    font-size: 20px;
    margin-bottom: 7px;
}

.why-registerInc .reason-listings .srv-para {
    font-size: 16px;
}

.blogings1 .cardcc .img-box {
    height: auto;
}

.blogings1 .cardcc .img-box img {
    max-width: 200px;
}

.blogings1 .cardcc .srv-title {
    font-size: 26px;
    line-height: 35px;
    margin-bottom: 12px;
}

.blogings1 .srv-para {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 16px;
}

.blogings1 .cardcc {
    overflow: hidden;
    position: relative;
}

.blogings1 .cardcc::after,
.blogings1 .cardcc::before {
    content: '';
    background: url(../assets/images/double-triangle.svg) no-repeat center / contain;
    position: absolute;
    --sz: 146px;
    height: var(--sz);
    width: var(--sz);
    opacity: 0;
    transition: opacity .2s ease;
}


.blogings1 .cardcc::before {
    transform: rotate(8deg) scale(-1, -1);
    left: -64px;
}

.blogings1 .cardcc::after {
    transform: rotate(8deg);
    right: -72px;
    top: 50px;
}

.blogings1 .cardcc:hover::after,
.blogings1 .cardcc:hover::before {
    opacity: 1;
}

.blogings1 .cardcc,
.blogings1 .cardcc * {
    transition: .2s ease;
}

.blogings1 .cardcc:hover {
    background: #41b0f7;
}

.blogings1 .cardcc:hover * {
    color: #fff;
}

.blogings1 .cardcc:hover .blue-theme-sqrBtn {
    background: #fff;
    color: var(--primary-clr);
}

.blogings1 .cardcc:hover .blue-theme-sqrBtn i {
    color: var(--primary-clr);
}

.blogings1 .cardcc:hover img {
    transform: scale(1.1);
}

.bgd-salmon .details-box {
    box-shadow: 0px 2px 10px 0px #0000000D, 0px 4px 0px 0px #3fbbb4 inset;
}

.blog-dt-area .right-col .blog-dt-title {
    text-align: center;
    color: #003961;
    font-size: 20px;
    margin-bottom: 0;
    padding-block: 9.5px;
    font-weight: 600;
    background: #f8d58f;
}

.bgd-salmon .glancelisting {
    background: #fceccc;
}

.bgd-salmon .glancelisting li {
    color: #222;
}

.disclaimer-box .dis-opener {
    display: flex;
    align-items: center;
    margin-top: 8px;
    gap: 5px;
}

.dis-opener img {
    max-width: 27px;
}

.dssc {
    padding-left: 32px;
    font-size: 15px;
    color: var(--clr-666);
}

.recent-blog-section .cardcc,
.recent-blog-section .cardcc * {
    transition: .4s ease;
}

.recent-blog-section .cardcc:hover * {
    color: #fff;
}

.recent-blog-section .cardcc:hover {
    background: var(--primary-clr);
    box-shadow: none;
}

.recent-blog-section .cardcc::before {
    content: '';
    position: absolute;
    bottom: -70px;
    right: -50px;
    display: inline-block;
    border-bottom-left-radius: 2px;
    background-repeat: no-repeat;
    height: 3.2em;
    width: 1.35em;
    transform: translate(-0.8em, -0.73em) rotate(68deg) scale(2);
    /* background: linear-gradient(to left bottom, transparent 50%, #9bc1d9 0, #bee5fe 27px, #bee5fe); */
    background-image: url(../assets/images/page-corner2.svg);
    transition: .4s ease;
    /* z-index: 2; */
    transform: none;
    width: 101px;
    height: 89px;
    background-size: contain;
}

/* .recent-blog-section .cardcc::after {
    content: '';
    position: absolute;
    background: #fff;
    right: -41px;
    bottom: -51px;
    width: 93px;
    height: 108px;
    transform: rotate(45deg);
} */

.recent-blog-section .cardcc::after {
    /* content: ''; */
    position: absolute;
    background: #fff;
    right: -19px;
    bottom: -79px;
    width: 92px;
    height: 148px;
    transform: rotate(49.7deg);
}

.recent-blog-section .cardcc:hover:before {
    bottom: 0;
    right: 0;
}

.disclaimer-box span {
    font-weight: 500;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.disclaimer-box .dis-opener i {
    font-size: 18px;
    margin-left: 9px;
    transition: .2s ease;
}

.disclaimer-box span:hover i {
    transform: translateX(3px);
}


.addDirectorMdl .info-btn {
    display: inline-flex;
    margin-left: 5px;
}

.requirment-box {
    margin-top: 25px;
    padding-bottom: 20px;
}

.requirment-box .title {
    font-size: 15px;
    font-weight: 500;
}

.requirment-box .inner-box {
    border-radius: 15px;
    padding: 20px;
    background: #5cbeff2b;
    color: #00243E;
}

.requirment-box .inner-box ul {
    font-size: 14px;
    margin-top: 17px;
    padding-left: 30px;
    counter-reset: my-counter;
    color: #222;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.requirment-box .inner-box ul li {
    counter-increment: my-counter;
    position: relative;
}

li.line-thru {
    text-decoration: line-through;
}

.requirment-box .inner-box ul li.valid::before {
    border-color: green;
    color: green;
    font-size: 0;
}

.requirment-box .inner-box ul li::before {
    content: counter(my-counter);
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
    border: 1.5px solid #222;
    min-width: 20px;
    height: 20px;
    left: -26px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    color: #222;
}

.requirment-box .inner-box ul li::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    min-width: 20px;
    height: 20px;
    left: -26px;
    background: url(../assets/images/ticker-icon.svg) no-repeat center / contain;
    background-size: 10px;
    filter: brightness(0) saturate(100%) invert(28%) sepia(86%) saturate(1226%) hue-rotate(89deg) brightness(97%) contrast(108%);
    scale: 0;
}

.requirment-box .inner-box ul li.valid::after {
    scale: 1;
}

.site-ratings .inner-sc {
    display: flex;
    gap: 30px;
}

.rating-box {
    display: flex;
    gap: 4px;
}

.site-ratings img {
    max-width: 85px;
}

.trust-card .logo {
    display: flex;
    margin-bottom: 10px;
}

.trust-cardgg img {
    max-width: 57px;
}

.trust-cardgg .rating-box img {
    max-width: 17px;
}

.score {
    font-size: 10px;
    margin-top: 8px;
    display: block;
}

.score strong {
    font-weight: 500;
}

.my-order-pg-box .blg-srch-box {
    margin-block: 15px 25px;
}

.my-order-pg-box .blg-srch-box input {
    min-height: 48px;
    padding-inline: 50px 30px;
    font-size: 15px;
}

.my-order-pg-box .blg-srch-box .input-block::after {
    --sz: 20px;
    left: 20px;
}

td[data-column="Attachments"] .td-cell-wrapper {
    position: relative;
}

td[data-column="Attachments"] .td-cell-wrapper::after {
    /* position: absolute; */
    display: inline-block;
    content: '';
    background: url(../assets/images/chevron.svg) no-repeat center / contain;
    width: 15px;
    height: 18px;
    transition: .2s ease;
    transform: rotate(-90deg) translate(-4px, 9px);
}

td[data-column="Attachments"] .td-cell-wrapper:hover::after {

    transform: rotate(-90deg) translate(-4px, 12px);
}

.my-order-dt-box .inner-area {
    max-width: 100%;
    padding-top: 50px;
}

.my-order-dt-box .inner-sec {
    padding: 0;
}

.my-order-dt-box .prev-cardd {
    padding: 20px 30px;
}

.order-for {
    font-weight: 500;
}

.my-order-dt-box .crd-heading {
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    flex-wrap: wrap;
    gap: 10px;
}

.my-order-dt-box .crd-heading .left-col {
    /* font-weight: 500; */
    display: flex;
    gap: 12px;
    align-items: center;
}

.order-name {
    position: relative;
    font-size: 18px;
    padding: 8px 10px;
    background: #FCF7D9;
    border-radius: 10px;
    display: flex;
    align-items: center;
    line-height: 1;
}

.divider {
    background: #666666;
    width: 2px;
    height: 20px;
}

.order-name::before {
    --sz: 21px;
    width: var(--sz);
    height: var(--sz);
    content: '';
    display: inline-block;
    background: var(--primary-clr);
    border-radius: 4px;
    margin-right: 10px;
}

.status-badge {
    font-size: 16px;
    padding: 0 15px;
    min-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
}

.orange-badge {
    background: #FFA72626;
    color: #FFA726;
}

.col-light-txt {
    font-size: 15px;
    color: var(--clr-666);
    line-height: 23px;
    margin-bottom: 12px;
}

.docx-card {
    display: flex;
    align-items: center;
    box-shadow: 0px 1px 5px 1px #0000001A;
    border-radius: 10px;
    padding: 10px 12px;
    gap: 12px;
    font-size: 14px;
    background: #fff;
    transition: .2s ease;
    outline: 2px solid transparent;
    color: #222;
}

.docx-card:hover {
    outline-color: var(--primary-clr);
}

.onb-prev-scrn .onb-dt-table-row,
.my-order-dt-box .onb-dt-table-row {
    padding-bottom: 0;
}

.ft-start-col img,
.branding img {
    max-width: 193px;
}

.srv-bgPrice {
    position: relative;
    width: fit-content;
}

.srv-bgPrice.nwp {
    font-size: 20px;display: flex ; align-items: center;gap: 3px;
    /* color: #333; */
}
.price-badge.npw{
    display: flex ; align-items: center;gap: 3px;
}

.nwprc {
    font-size: 26px;
    display: inline-flex;
    margin-right: 5px;
    align-items: baseline;
}

.nwprc small {
    font-size: 15px;
    line-height: 1;
}

.nwp .prcm {
    color: #666;
    margin-right: 4px;    font-weight: 500;
}
.prcm{font-weight: 500;}

.ofrby,
.offrt {
    font-size: 16px;
}

.cc-prefix-num-input .select2 {
    width: fit;
    position: absolute;
}

.cc-prefix-num-input .select2-selection {
    width: 69px;
    background: transparent;
    position: relative;
}

.cc-prefix-num-input .select2-container--default .select2-selection--single {
    border: 0;
}

.cc-prefix-num-input .cmn-select+.select2-container {
    max-width: 81px;
}

.cc-prefix-num-input .select2-container--open .select2-dropdown {
    width: auto !important;
}

.cc-prefix-num-input .cmn-select+.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 46px;
    right: 3px;
}

.cc-prefix-num-input .cmn-select+.select2-container--default .select2-selection--single::after {
    position: absolute;
    content: '';
    width: 1px;
    height: 28px;
    background: #999;
    right: -5px;
    top: 50%;
    transform: translateY(-50%);
}

.cc-prefix-num-input .select2-results__option {
    white-space: nowrap;
    font-size: 15px;
}

.add_share_holder .modal-content {
    max-width: 850px;
}

.add_share_holder .radio-grp {
    max-width: 100%;
    grid-template-columns: repeat(3, 1fr);
}

.hm-page-heading {
   font-size: 39px;
    line-height: 49px;
}

.hm-hr-outer .inner-area {
    padding-block: 167px 125px;
}

.sm-note {
    font-size: 13px;
    color: red;
    margin-block: 10px 20px;
}

.price-badge .ofrby,
.price-badge .offrt {
    font-size: 12px;
    color: var(--black-clr);
    line-height: 1;
}

.npw .nwprc {
    color: #222;
    font-size: 20px;
}

.price-badge.npw {
    color: #666;
    font-size: 14px;
}

.add_more_dd {
    padding: 0;
    width: 100%;
    color: var(--black-clr);
    position: relative;
    padding: 8px;
    transition: .2s ease;
    font-weight: 500;
    font-size: 14px;
    color: var(--primary-clr);
    white-space: nowrap;
}

.add_more_dd:hover {
    background: #d7efff;
}

.add_more_dd i {
    font-size: 10px;
    margin-right: 5px;
}

.add_more_dd::after {
    content: '';
    position: absolute;
    top: -1px;
    width: 90%;
    left: 50%;
    transform: translateX(-50%);
    height: 1px;
    background: #ddd;
}

.plisitns {
    max-height: 190px;
    overflow: auto;
    scrollbar-width: thin;
    margin-bottom: 1px;
}

.dash-nav-user-select-dd .dropdown-toggle {
    max-width: 223px;
    width: 100%;
}

.dash-nav-user-select-dd .dropdown-menu.show {
    padding-block: 0;
    overflow: hidden;
    /* width: calc(100% - 20px); */
    max-width: 240px;
    min-width: 200px;
}

.dash-nav-user-select-dd .dropdown-menu.show .dropdown-item {
    white-space: normal;
}

.cms-banner {
    padding-top: 82px;
}

.cms-banner .inner-sec {
    background-image: url(../assets/images/cms-bg.svg);
    background-size: cover;
}

.cms-banner .inr {
    padding-block: 65px;
    flex-direction: column;
    display: flex;
    gap: 10px;
    position: relative;
}

.cms-heading {
    font-weight: 600;
    font-size: 40px;
    line-height: 60px;
    padding-bottom: 6px;
    width: fit-content;
}

.txt-line {
    position: relative;
}

.txt-line::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: var(--primary-clr);
    left: 0;
    bottom: 0;
}

.last-update {
    font-size: 17px;
    line-height: 28px;
}

.last-update span {
    font-weight: 600;
}

.cms-banner .sec-heading {
    font-size: 20px;
    line-height: 33px;
    max-width: 56%;
}

.cms-banner .vct {
    position: absolute;
    max-width: 248px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.terms-cms .inr {
    padding-block: 96px;
}

.cms-content {
    padding-block: 50px;
}

.bg-title {
    font-weight: 600;
    font-size: 28px;
    line-height: 42px;
    margin-bottom: 14px;
}

.bg-title.txt-line {
    padding-bottom: 16px;
}

.bg-title.txt-line::after {
    background: #ddd;
}

.terms-listing {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.cmn-para {
    font-size: 20px;
    line-height: 33px;
}

.policies-cms .vct {
    max-width: 198px;
}

.policies-cms .sec-heading {
    max-width: 41%;
}

.listing-type-table .sm-title {
    font-weight: 600;
    font-size: 20px;
    line-height: normal;
    min-width: 30%;
    max-width: 30%;
}

.l-item {
    display: flex;
}

.nested {
    padding-left: 26px;
    font-size: 20px;
    line-height: 33px;
}

.nested li {
    position: relative;
}

.nested li::before {
    position: absolute;
    content: '';
    --sz: 4px;
    width: var(--sz);
    height: var(--sz);
    background: var(--black-clr);
    left: -13px;
    top: 14px;
    border-radius: 50%;
}

.l-item:not(:last-of-type) {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
}

.py-card .img-box img {
    max-width: 289px;
    width: 100%;
}

.fd-py-st .img-box img {
    max-width: 259px;
}
.card-sm-box .srv-title{font-size: 16px;margin-bottom: 4px;}
.card-sm-box .srv-para{font-size: 14px; line-height: 19px; margin-bottom: 10px;}
.card-sm-box .navigator {font-size: 14px; line-height: 19px; }

.our-services-section .serv-listing-box{margin-inline: -15px}
.cta-section .section-heading{
        font-size: 38px;
    line-height: 52px;
}
.cta-section .inner-area{
    padding-block: 48px;
}

.cta-section .inner-area .box {
    max-width: 81%;
}
.svdt-cta   .inner-area .box {
    max-width: 90%;
}
.svdt-cta .action {
    font-size: 16px;
}
.cta-section .sec-subHeading {
    margin-bottom: 28px;
    font-size: 16px;
}
.cta-extra {
    font-size: 16px;
}

/* ==== Media Query ==== */
@media screen and (min-width:1600px) {
    .get-started-pg .img-area {
        min-width: 30%;
    }


    .tab-navigator {
        width: 70%;
    }

    .onb-main .onbStep2 {
        width: 88%;
        max-width: unset;
    }

    .onbStep7,
    .onbStep5 {
        max-width: 90%;
    }

    .onbStep4,
    .onbStep3 {
        width: 88%;
    }

    .onb-prev-scrn .tab-navigator {
        width: 100%;
        left: 0;
    }
    .service-gradient-card .srv-title{max-width: calc(100% -  149px);}

}

@media screen and (min-width:1200px) and (max-width:1300px) {
    .hero .home-hr-img {
        right: -5%;
    }

    .hero .home-hr-img img {
        width: 98%;
    }
}

@media screen and (max-width:1199px) {
    .ham-menu {
        display: block;
        margin-left: auto;
        width: 32px;
        height: 25px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;

    }
    .hero .inner-area.servicePg-services-hero {padding-block: 127px 105px;}
    .ham-menu span {
        height: 4px;
        background: var(--black-clr);
        border-radius: 20px;
        width: 100%;
        display: inline-block;
        transition: .2s ease;
    }

    .hiw-section .inner-sec::after {
        width: 90%;
        background-size: cover;
        height: 30%;
    }

    .ham-menu.active span:nth-of-type(1) {
        transform: translate(0px, 11px) rotate(45deg)
    }

    .ham-menu.active span:nth-of-type(2) {
        opacity: 0;
    }

    .ham-menu.active span:nth-of-type(3) {
        transform: translate(-0px, -9px) rotate(-45deg);
    }

    .menu-bar {
        position: fixed;
        top: 76px;
        max-width: 300px;
        width: 100%;
        right: 0;
        height: calc(100dvh - 76px);
        background: #fff;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
        right: -300px;
        transition: right .3s ease;
    }

    .menu-bar.active {
        right: 0;
    }

    .menu-bar .inner-box {
        height: 100%;
    }

    .nav-menu {
        padding-block: 20px;
        overflow: hidden auto;
        height: 100%;
    }

    .menu-bar .cta-btn-grp,
    .nav-menu {
        flex-direction: column;
    }

    .navBar.active {
        background-color: #fff;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
    }

    .nav-hidden {
        transform: translateY(0);
    }

    .hero .banner-img-box {
        position: static !important;
        margin-top: 50px;
        margin-inline: auto;

    }

    .hero .content-box {
        text-align: center;
        max-width: 100%;
    }

    .page-badger {
        margin-inline: auto;
    }

    .hero .cta-btn-grp {
        justify-content: center;
    }

    .ft-top {
        flex-wrap: wrap;
    }

    .ft-start-col {
        max-width: 100%;
    }

    .ft-mid-col .footer-links-wrapper {
        gap: 31px;
    }

    .ft-overlay {
        font-size: 160px;
        bottom: -88px;
    }

    .mission-vision-section .img-box img {
        transform: none;
    }
    .srv-note {margin-inline: auto;}

    .card-box {
        grid-template-columns: repeat(3, 1fr);
        gap: 22px;
    }

    .cardSlider-item p {
        font-size: 19px;
        line-height: 27px;
        margin-bottom: 20px;
    }

    .story-box .incx img {
        max-width: 37px;
    }

    .customer-pf {
        --sz: 269px;
    }

    .cards-box {
        height: 415px;
    }

    .cardSlider-item .story-box {
        max-width: 455px;
    }

    .srv-dt-hero .key-listing {
        max-width: fit-content;
        margin-inline: auto;
    }

    .srv-dt-hero .banner-img-box {
        max-width: 543px;
        overflow: hidden;
    }


    .srv-dt-hero .inner-area.hero-type1 {
        padding-bottom: 0 !important;
    }

    .hr-contact-actions ul {
        width: fit-content;
        margin-inline: auto;
    }

    .contact-hero .page-subhead {
        margin-inline: auto;
    }

    .contact-hero .inner-area.hero-type1 {
        padding-bottom: 0 !important;
    }

    .contact-form-section .inner-area {
        gap: 40px;
        padding-right: 40px;
    }

    .hr-key-feat {
        justify-content: center;
        flex-wrap: wrap;
        width: fit-content;
        margin-inline: auto;
    }

    .mission-vision .inner-area,
    .why-registerInc .inner-area {
        gap: 30px;
        flex-direction: column;
    }

    .mission-vision .section-titlecol {
        width: 100%;
        min-width: auto;
    }

    .mission-vision .section-heading br {
        display: none;
    }

    .about-hero .page-subhead {
        max-width: 100%;
    }

    .about-hero .banner-img-box {
        max-width: 610px;
    }

    .work-stats .inner-area {
        gap: calc(40px * 2);
    }

    .work-stats .inner-area .box:not(:last-of-type)::after {
        right: -40px;
    }

    .get-started-pg .img-area {
        min-width: 425px;
    }

    .get-started-pg .img-area::after {
        width: 100%;
        max-width: calc(100% - 25px);
    }

    .tab-navigator {
        width: calc(100% - 425px);
    }

    .dash-menu-bar .inner-box {
        flex-direction: column;
        height: fit-content;
        gap: 0;
    }

    .nav-pf-dd .dropdown-menu.show {
        position: static !important;
        transform: none !important;
        margin-top: 5px !important;
        border: 0;
        text-align: center;
        min-width: auto;
    }

    .onbStep4,
    .onbStep3 {
        width: 100%;
        max-width: 820px;
    }

    .onbStep5 .cmn-grey-table table tbody td {
        word-break: auto-phrase;
    }

    .res-1199-table .res-1199-table thead,
    .res-1199-table tbody,
    .res-1199-table td,
    .res-1199-table th,
    .res-1199-table tr {
        display: block;
    }

    .res-1199-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .cmn-grey-table.res-1199-table td {
        padding-left: 50%;
    }

    td[data-column="Invoice/Receipt"] .td-cell-wrapper {
        text-align: start;
    }

    .res-1199-table td {
        border: none;
        position: relative;
        text-align: left;
    }

    .cmn-grey-table.res-1199-table table tbody tr:not(:last-of-type) {
        border-bottom: 1px solid #EFF1F4;
        margin-bottom: 15px;
        padding-bottom: 15px;
    }

    .res-1199-table td:before {
        position: absolute;
        top: 9px;
        left: 0;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        content: attr(data-column);
    }

    .onbStep5 .action-grp {
        justify-content: flex-start;
    }

    .hero .home-hr-img {
        max-width: 600px;
    }
    .hr-contact .banner-img-box {
        margin-top: -50px;
        transform: translateY(12%);
    }
    .hm-hr-outer .inner-area {padding-block: 167px 100px;}
}


@media screen and (max-width:991px) {
    .mission-vision-section .img-box {
        margin-inline: auto;
        margin-bottom: 50px;
    }

    .onb-title-header {
        flex-wrap: wrap;
        gap: 10px;
    }

    .contact-form-section .map-col .contxt-dt,
    .contact-form-section .map-col {
        max-width: 100%;
        width: 100%;
    }

    .reason-listings .srv-para {
        font-size: 16px;
    }

    .mission-vision-section .inner-area {
        text-align: center;
    }

    .mission-vision-section button {
        margin-inline: auto;
    }

    .section-heading {
        font-size: 35px;
        line-height: 49px;
    }

    .sec-subHeading {
        font-size: 15px;
        line-height: 24px;
    }

    .mission .title {
        font-size: 16px;justify-content: center;
    }

    .mission .info {
        font-size: 14px;
        line-height: 22px;
    }

    .mission li {
        border-radius: 13px;
    }

    .customer-pf {
        --sz: 205px;
    }

    .cardSlider-item p {
        font-size: 15px;
        line-height: 21px;
        margin-bottom: 17px;
    }

    .cardSlider-item .customer-name {
        font-size: 15px;
        line-height: 20px;
    }

    .cardSlider-item .customer-desig {
        font-size: 12px;
        line-height: 23px;
    }

    .story-box .incx img {
        max-width: 27px;
    }

    .cards-box {
        height: 355px;
    }

    .stacking-slider .slider-nagivator {
        width: calc(100% + 80px);
    }

    .cta-section .section-heading {
        font-size: 35px;
        line-height: 43px;
    }

    .srv-dt-hero .key-listing {
        grid-template-columns: repeat(1, 1fr);
    }

    .contact-form-section .inner-area {
        flex-direction: column-reverse;
        padding: 30px;
    }

    .contact-form-section .map-col .inner-box {
        width: 100%;
    }

    .contact-form-section .frm-title {
        margin-top: 0;
    }

    .wrw-section .inner-area,
    .whats-incd-section .inner-area {
        flex-direction: column;
        gap: 40px;
    }

    .cta-blog-sub .inner-area {
        padding-block: 63px;
    }

    .cta-section .sec-subHeading br {
        display: none;
    }

    .cta-section .sec-subHeading {
        font-size: 15px;
    }

    .blog-dt-area {
        flex-direction: column-reverse;
        gap: 0;
    }

    .blog-dt-area .right-col {
        position: sticky;
        top: 76px;
        max-width: 100%;
        cursor: pointer;
        z-index: 1;

    }

    .right-col.active {
        border-radius: 0 0 20px 20px;
    }

    .dt-fixer .page-heading,
    .blog-dt-area .left-col {
        max-width: 100%;
    }

    .glancelisting {
        max-height: 0;
        overflow: hidden;
    }

    .get-started-pg .img-area {
        min-width: 355px;
    }

    .tab-navigator {
        width: 100%;
    }

    .get-started-pg .img-area {
        display: none;
    }

    .res-991-table .res-991-table thead,
    .res-991-table tbody,
    .res-991-table td,
    .res-991-table th,
    .res-991-table tr {
        display: block;
    }

    .res-991-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .cmn-grey-table.res-991-table td {
        padding-left: 50%;
    }

    td[data-column="Invoice/Receipt"] .td-cell-wrapper {
        text-align: start;
    }

    .res-991-table td {
        border: none;
        position: relative;
        text-align: left;
    }

    .ovh-991 {
        overflow: unset;
    }

    .cmn-grey-table.res-991-table table tbody tr:not(:last-of-type) {
        border-bottom: 1px solid #EFF1F4;
        margin-bottom: 15px;
        padding-bottom: 15px;
    }

    .res-991-table td:before {
        position: absolute;
        top: 9px;
        left: 0;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        content: attr(data-column);
    }

    .map-wrapper {
        min-height: 0;
        padding-bottom: 51%;
    }

    .onb-main .onbStep1 {
        max-width: 100%;
    }


    .step-wrapper {
        padding: 30px;
    }

    .onb-main .inner-area {
        flex-direction: column;
    }

    .steps-item {
        text-align: center;
        flex-direction: column;
        gap: 10px;
        min-width: 120px;
    }

    .onb-main .left-side-progress {
        max-width: 100%;
        min-width: auto;
        padding: 0;
        height: auto;
    }

    .step-label-box {
        flex-direction: row;
    }

    .steps-item:not(:last-of-type) .step-count-label::before {
        bottom: calc(50% - 2px);
        height: 1px;
        left: 116%;
        width: 414%;
        transform: translateY(-50%);
        transform-origin: unset;
    }

    /* .steps-item[data-step="2"] .step-count-label::before {
        width: 264%;
    } */

    /* .steps-item[data-step="3"] .step-count-label::before {
        width: 304%;
    }

    .steps-item[data-step="4"] .step-count-label::before {
        width: 326%;
    }

    .steps-item[data-step="5"] .step-count-label::before {
        width: 309%;
    }

    .steps-item[data-step="6"] .step-count-label::before {
        width: 249%;
    } */

    .step-name {
        line-height: 18px;
        font-size: 14px;
    }

    .onb-main .tab-navigator {
        width: 100%;
        left: 0;
    }

    .onbStep1 .onboard-form .row {
        width: auto;
    }

    .onb-main .tab-content {
        min-height: calc(100vh - 332px);
        max-height: calc(100vh - 332px);
    }

    .onb-main .onbStep2 {
        max-width: 100%;
    }

    .onb-main .tab-navigator {
        padding-inline: 40px;
    }

    .payment-form-area .left-frm-col {
        max-width: 100%;
    }

    .payment-form-area {
        flex-direction: column;
    }

    .why-registerInc .reason-listings {
        grid-template-columns: repeat(1, 1fr);
    }

    .blog-dt-area {
        gap: 30px;
    }
}

@media screen and (max-width:767px) {
    .hero .action {
        height: 42px;
        min-width: 203px;
        font-size: 13px;
    }

    .page-subhead {
        font-size: 15px;
        line-height: 26px;
    }

    .page-badger img {
        transform: translateY(-1.5px);
    }

    .cta-extra {
        font-size: 15px;
        line-height: 27px;
        margin-top: 17px;
        padding-top: 17px;
    }

    .hero-type1 .page-badger img {
        transform: none;
    }

    .hero .inner-area.hero-type1 {
        padding-block: 120px 45px;
    }

    .page-badger {
        height: 34px;
        font-size: 12px;
        margin-bottom: 11px;
    }

    .page-heading {
        font-size: 35px;
        line-height: 49px;
    }

    .ft-mid-col .footer-links-wrapper {
        gap: 6px;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .ft-last-col {
        max-width: 100%;
        width: 100%;
    }

    .ft-last-col .footer-links-wrapper {
        max-width: 100% !important;
        width: calc(50% - 16px);
    }

    .ft-mid-col .footer-links-wrapper .ft-links {
        width: calc(50% - 3px);
    }

    .ft-overlay {
        font-size: 100px;
        bottom: -50px;
    }

    .paddingB-110 {
        padding-bottom: 80px;
    }

    .customer-pf {
        display: none;
    }

    .cards-box {
        height: 285px;
    }

    .cardSlider-item {
        border-radius: 24px;
    }

    .paddingT-110 {
        padding-top: 80px;
    }

    .mission-vision-section button {
        width: 214px;
        height: 42px;
        font-size: 13px;
    }

    .card-box {
        grid-template-columns: repeat(2, 1fr);
    }

    .srv-title {
        line-height: 24px;
        font-size: 16px;
    }

    .srv-para {
        font-size: 13px;
        line-height: 18px;
    }

    .service-card .navigator {
        font-size: 13px;
        line-height: 18px;
    }

    .service-card .price-badge {
        font-size: 15px;
        padding: 6px 11px 9px 14px;
    }

    .cta-section button {
        width: 214px;
        height: 42px;
        font-size: 13px;
    }

    .our-services-section.paddingB-110 {
        padding-bottom: 95px;
    }

    .key-listing li {
        font-size: 13px;
        line-height: 17px;
        gap: 5px;
    }

    .dt-listings li::before {
        top: 11px;
        width: 3px;
        height: 3px;
    }

    .dt-listings li {
        padding-left: 17px;
    }

    .dt-listings li.dont::after,
    .dt-listings li.dos::after {
        --sz: 15px;
    }

    .key-listing li:not(:last-of-type) {
        margin-bottom: 13px;
    }

    .key-listing li::before {
        width: 21px;
        height: 17px;
        min-width: 21px;
    }

    .srv-bgPrice {
        font-size: 22px;
        line-height: 28px;
    }

    .service-gradient-card .icon {
        --sz: 52px;
    }

    .service-gradient-card .icon img {
        max-width: 25px;
    }

    .accordion-button h4 {
        font-size: 16px;
        line-height: 25px;
    }

    .accordion-body {
        font-size: 14px;
        line-height: 24px;
    }

    .ft-bottom {
        flex-direction: column;
        gap: 20px;
    }

    .cms-pages {
        margin: 0;
    }

    .cms-pages ul {
        flex-wrap: wrap;
    }

    .hiw-section .inner-sec::after {
        display: none;
    }

    .reason-listings {
        grid-template-columns: repeat(1, 1fr);
        margin-bottom: 0;
    }

    .reason-listings .card-row:nth-of-type(even) {
        transform: none;
    }

    .work-stats .val {
        font-size: 30px;
        line-height: 60px;
    }

    .work-stats .inner-area {
        gap: calc(20px * 2);
    }

    .work-stats .inner-area .box:not(:last-of-type)::after {
        right: -20px;
    }

    .work-stats .label {
        color: #EEEEEE;
        font-size: 12px;
        font-weight: 300;
        line-height: 19px;
    }

    .view-more-btn {
        margin-top: 30px;
        padding-inline: 30px;
        height: 42px;
        font-size: 13px;
    }

    .cta-blog .inner-area {
        background-image: url(../assets/images/cta-bg4.webp);
        padding-block: 60px;
    }

    .recent-blog-section .cardcc {
        min-height: 260px;
    }

    .recent-blog-section .cardcc .srv-title {
        font-size: 20px;
        line-height: 29px;
    }

    .cardcc .srv-para {
        font-size: 14px;
        line-height: 22px;
    }

    .cardcc .blue-theme-sqrBtn {
        height: 42px;
        font-size: 14px;
    }


    .blogings1 .cardcc .img-box img {
        max-width: 170px;
    }

    .blog-hero .blogings1 .cardcc .img-box {
        height: auto;
    }

    .blogings1 .cardcc .srv-para {
        font-size: 16px;
        padding-inline: 2%;
    }

    .blogings1 .cardcc .blue-theme-sqrBtn {
        min-height: 45px;
        font-size: 16px;
    }

    .cardcc .srv-title {
        font-size: 20px;
        line-height: 27px;
    }

    .wrw-section .action {
        height: 42px;
        font-size: 13px;
    }

    .wrw-section .img-box {
        max-width: 260px;
    }

    .blog-hero .page-subhead {
        font-size: 18px;
        line-height: 28px;
    }

    .blog-hero .cardcc .img-box {
        height: 125px;
    }

    .table-pagination {
        padding: 17px 0px;
    }

    .table-pagination .result-text {
        font-size: 12px;
        line-height: 22px;
    }

    .my-order-pg-box .inner-area {
        padding-inline: 10px;
    }

    .pagi-buttons button {
        --sz: 32px;
        font-size: 11px;
    }

    .table-pagination .inner {
        flex-direction: column;
    }

    .res-767-table .res-767-table thead,
    .res-767-table tbody,
    .res-767-table td,
    .res-767-table th,
    .res-767-table tr {
        display: block;
    }

    .res-767-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .cmn-grey-table.res-767-table td {
        padding-left: 50%;
    }

    td[data-column="Invoice/Receipt"] .td-cell-wrapper {
        text-align: start;
    }

    .res-767-table td {
        border: none;
        position: relative;
        text-align: left;
    }

    .cmn-grey-table.res-767-table table tbody tr:not(:last-of-type) {
        border-bottom: 1px solid #EFF1F4;
        margin-bottom: 15px;
        padding-bottom: 15px;
    }

    .res-767-table td:before {
        position: absolute;
        top: 9px;
        left: 0;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        content: attr(data-column);
    }

    .res-767-table .action-grp {
        justify-content: flex-start;
    }

    .cmn-grey-table.res-767-table {
        padding: 14px;
    }

    td[data-column="Email"] {
        word-break: break-all;
    }

    .onb-mn4 .onbStep4 {
        margin-bottom: 170px;
    }

    .onb-mn4 .tab-content {
        min-height: auto;
        max-height: calc(100vh - 236px);
        padding-bottom: 0;
    }

    .srv-xtra .navigator {
        margin-top: 15px;
    }

    .dt-fixer .page-heading {
        font-size: 42px;
        line-height: 52px;
    }

    .add_share_holder .modal-content {
        max-width: 98%;
        margin-inline: auto;
    }

    .add_share_holder .radio-grp {
        grid-template-columns: repeat(1, 1fr);
    }

    .cms-banner .sec-heading {
        max-width: 100%;
    }

    .cms-banner .inr {
        text-align: center;
        align-items: center;
    }

    .cms-banner .vct {
        display: none;
    }
}

@media screen and (max-width:575px) {
    .svdt-cta .action {
        height: 42px;
        font-size: 12px;
    }

    .cards-box {
        width: 100%;
    }

    .stacking-slider .slider-nagivator {
        position: static;
        width: fit-content;
        transform: none;
        margin-top: 20px;
    }

    .serviceSwiper {
        margin-inline: -12px;
    }

    .card-box {
        padding-inline: 12px;
    }

    .vector-art {
        display: none;
    }

    .tab-navigator,
    .get-started-pg .tab-content,
    .left-frm-area .top-area {
        padding-inline: 30px;
    }

    .plan-includes-table.web {
        display: none;
    }

    .plan-includes-table.mob {
        display: block;
    }

    .plan-includes-table.mob .cmn-grey-table {
        margin-top: 20px;
    }

    .plan-includes-table .btn-selecter {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        border: 1px solid var(--primary-clr);
        border-radius: 5px;
    }

    .btn-selecter button {
        min-height: 35px;
        border-radius: 5px;
        font-size: 12px;
        transition: .2s ease;
        padding-block: 5px;
    }

    .btn-selecter button:hover {
        color: var(--primary-clr);
    }

    .btn-selecter button:first-of-type {
        border-radius: 3px 0 0 3px;
        border-right: 1px solid var(--primary-clr);
    }

    .btn-selecter button:last-of-type {
        border-radius: 0 3px 3px 0;
    }

    .btn-selecter button.active {
        background: var(--primary-clr);
        color: #fff;
        font-weight: 600;
    }

    .changeChnage_mdl .modal-content,
    .editContactMdl .modal-content {
        max-width: 100%;
    }

    .onbStep2 .radio-grp {
        grid-template-columns: repeat(1, 1fr);
    }

    .frm-main-step2 .row {
        width: auto;
    }

    .onb-title-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }

    .outline-blue-btn {
        font-size: 13px;
        min-height: 42px;
    }

    .onb-prev-scrn .tab-navigator {
        padding-inline: 0;
        gap: 10px;
    }
    .hm-hr-outer .inner-area { padding-block: 167px 70px; }
    .our-services-section .serv-listing-box{margin-inline: -12px}
}

@media screen and (max-width:480px) {
    .nav-overlay {
        top: 68px;
        height: calc(100vh - 68px);
    }


    .frm-region-title {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .navg-frm-reg-title {
        margin-bottom: -10px;
    }

    .branding img {
        max-width: 150px;
    }

    .ham-menu {
        width: 28px;
        height: 20px;
    }

    .ham-menu span {
        height: 3px;
    }

    .ham-menu.active span:nth-of-type(1) {
        transform: translate(0px, 8px) rotate(45deg);
    }

    .menu-bar {
        top: 68px;
        height: calc(100dvh - 68px);
        max-width: 270px;
        right: -270px;
    }

    .hero .cta-btn-grp {
        flex-direction: column;
        gap: 10px;
    }

    .hero .inner-area {
        padding-block: 110px 50px;
    }

    .page-heading {
       font-size: 26px;
    line-height: 34px;
    }

    .page-subhead {
        font-size: 12px;
        line-height: 22px;
    }

    .editContactMdl .frm-submitter button {
        width: 142px;
    }

    .cc-prefix-num-input .dropdown-toggle {
        font-size: 13px;
    }

    .cc-prefix-num-input .dropdown {
        width: 56px;
    }

    .cc-prefix-num-input input {
        padding-left: 71px;
    }

    .page-badger {
        height: 32px;
        font-size: 10px;
    }

    .ft-overlay {
        font-size: 13.8vw;
        bottom: -7vw;
    }

    footer {
        padding-block: 50px 70px;
        border-radius: 30px 30px 0 0;
        font-size: 13px;
    }

    ul.ft-links {
        gap: 6px;
    }

    .ft-label {
        margin-bottom: 6px;
    }

    .our-services-section.paddingB-110 {
        padding-bottom: 80px;
    }

    .recent-blog-section .cardcc {
        min-height: 234px;
    }

    .ft-mid-col .footer-links-wrapper {
        gap: 6px;
    }

    .hero .banner-img-box {
        margin-top: 30px;
    }

    .cta-section .section-heading {
        font-size: 26px;
        line-height: 38px;
        margin-bottom: 11px;
    }

    .cta-section .inner-area {
        border-radius: 30px;
        padding: 30px;
    }

    .section-heading {
        font-size: 28px;
        line-height: 37px;
    }

    .sec-subHeading {
        font-size: 13px;
        line-height: 24px;
    }

    .mission .title {
        font-size: 15px;
    }

    .slider-nagivator button {
        --sz: 42px;
        font-size: 15px;
    }

    .mission-vision-section .img-box {
        margin-bottom: 30px;
    }

    .mission .info {
        font-size: 12px;
        line-height: 20px;
    }

    .cardSlider-item.stack {
        max-width: calc(100% - 40px);
    }

    .paddingB-110 {
        padding-bottom: 50px;
    }

    .paddingT-110 {
        padding-top: 50px;
    }

    .card-box {
        grid-template-columns: repeat(1, 1fr);
        gap: 15px;
    }

    .hiw-section .srv-title {
        margin-block: 10px 4px;
        font-size: 18px;
        line-height: 26px;
    }

    .reason-listings,
    .process-steps {
        row-gap: 20px;
    }

    .regisrer-inc-section .feature-icon img {
        max-width: 103px;
    }

    .regisrer-inc-section .content-box .srv-para {
        font-size: 13px;
        line-height: 20px;
    }

    .regisrer-inc-section .srv-title {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 6px;
    }

    .story-box .incx {
        margin-bottom: 14px;
    }

    .story-box .incx img {
        max-width: 20px;
    }

    .cardSlider-item p {
        font-size: 13px;
    }

    .hero .action {
        margin-inline: auto;
    }

    .hero .action,
    .theme-btn-filled {
        gap: 7px;
    }

    .servicePg-services-section .row {
        row-gap: 24px;
    }

    .servicePg-services-section .row:not(:last-of-type) {
        margin-bottom: 24px;
    }

    .srv-xtra .card-inner {
        padding-bottom: 20px;
    }



    .blue-theme-sqrBtn {
        font-size: 13px;
        gap: 7px;
    }

    .srv-dt-hero .key-listing li {
        font-size: 13px;
    }

    .dot {
        --sz: 4px;
    }

    .accordion-button {
        padding: 0 18px;
    }

    .accordion-button h4 {
        font-size: 14px;
        line-height: 23px;
    }

    .accordion-button .cls-icnx {
        --sz: 14px;
    }

    .accordion-body {
        font-size: 12px;
        line-height: 20px;
    }

    .accordion-item {
        padding-block: 18px;
    }

    .contact-hero .listing-label {
        font-size: 16px;
        margin-bottom: 3px;
    }

    .hr-contact-actions ul li:not(:last-of-type) {
        margin-bottom: 6px;
    }

    .hr-contact-actions ul li {
        gap: 8px;
    }

    .hr-contact-actions ul li .icnx {
        --sz: 23px;
    }

    .hr-contact-actions a {
        font-size: 12px;
    }

    .hr-contact-actions ul li .icnx img {
        max-width: 10px;
    }

    .contact-form-section .map-col h3,
    .contact-form-section .frm-title {
        font-size: 24px;
        line-height: 38px;
    }

    .input-block label {
        font-size: 13px;
        line-height: 16px;
        margin-bottom: 5px;
    }

    .input-fld {
        min-height: 45px;
        border-radius: 11px;
        padding-inline: 14px;
        font-size: 13px;
    }

    .contact-form-section form button[type="submit"] {
        max-width: 100%;
        min-height: 45px;
        font-size: 13px;
    }

    .dark-blue-btn {
        max-width: 165px;
        min-height: 42px;
        font-size: 11px;
    }

    .cards-box {
        height: 270px;
    }

    .cardSlider-item:first-child {
        top: -10px;
        max-width: calc(100% - 40px);
    }

    .partner-listings .swiper-wrapper {
        grid-template-columns: repeat(auto-fit, minmax(155px, 1fr));
        gap: 15px;
        margin-top: 21px;
    }

    .client-box .client-name {
        font-size: 12px;
    }

    .partner-listings .swiper-wrapper img {
        max-height: 8vw;
    }

    .hr-key-feat .label {
        font-size: 13px;
    }

    .contact-form-section .map-col p {
        font-size: 12px;
        line-height: 22px;
        margin-block: -5px 10px;
    }

    .ft-cta-btn-grp .theme-btn-filled {
        margin-top: 17px;
        min-height: 37px;
        font-size: 13px;
    }

    .contact-form-section .map-col li {
        gap: 10px;
        font-size: 13px;
    }

    .contact-form-section .inner-area {
        padding: 25px;
    }

    .contact-form-section .map-col ul .icnx {
        --sz: 25px;
    }

    .contact-form-section .map-col ul .icnx img {
        max-width: 14px;
    }

    .contact-form-section .map-col li:not(:last-of-type) {
        margin-bottom: 15px;
    }

    .ft-last-col .footer-links-wrapper {
        width: calc(50% + 16px);
    }

    .site-ratings .inner-sc {
        gap: 52px;
    }

    .ft-last-col {
        justify-content: space-between;
        gap: 20px;
    }

    .floating-whatspp-btn img {
        max-width: 45px;
    }

    .cmn-select+.select2-container--default .select2-selection--single {
        height: 45px;
        border-radius: 11px;
    }

    .cmn-select-block .select2-results__option {
        font-size: 13px;
    }

    .cmn-select+.select2-container--default .select2-selection--single .select2-selection__arrow::after {
        width: 11px;
        height: 18px;
    }

    .cmn-select+.select2-container--default .select2-selection--single .select2-selection__rendered {
        padding-inline: 14px;
        font-size: 13px;
        line-height: 44px;
    }

    .map-wrapper {
        border-radius: 10px;
        box-shadow: 0px 4px 12px 0px #5d5d5d1a;
    }

    .reason-listings .titleRow .srv-title {
        font-size: 16px;
    }

    .breakCrumb-box {
        font-size: 12px;
    }

    .cta-extra {
        font-size: 13px;
        line-height: 22px;
        margin-top: 15px;
        padding-top: 15px;
    }

    .reason-listings .srv-para {
        font-size: 13px;
        line-height: 18px;
    }

    .whats-incd-section .inner-area {
        gap: 20px;
    }

    .whats-incd-section .img-box {
        max-width: 60%;
    }

    .whats-incd-section .feature-list li:not(:last-of-type) {
        margin-bottom: 10px;
    }

    .whats-incd-section .feature-list li::before {
        width: 12px;
        height: 20px;
        transform: translateY(-1px);
        min-width: 12px;
    }

    .whats-incd-section .feature-list li {
        font-size: 12px;
        line-height: 19px;
        gap: 8px;
    }

    .work-stats .inner-area {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 25px;
        max-width: 475px;
        margin-inline: auto;
    }

    .work-stats .inner-area .box:not(:last-of-type)::after {
        right: -10px;
    }

    .work-stats .inner-area .box:nth-of-type(even)::after {
        display: none;
    }

    .work-stats .val {
        font-size: 28px;
        line-height: 37px;
    }

    .mission-vision .reason-listings .srv-para {
        text-align: center;
    }

    .mission-vision .titleRow {
        gap: 10px;
        align-items: center;

    }

    .mission-vision .reason-listings .titleRow img {
        max-width: 65px;
    }

    .mission-vision .inner-area {
        gap: 10px;
    }

    .recent-blog-section .sec-subHeading br {
        display: none;
    }

    .mission-vision .reason-listings .srv-para {
        font-size: 13px;
        line-height: 20px;
    }

    .blogings1 .img-box img {
        max-width: 100px;
    }

    .recent-blog-section .cardcc .srv-title {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 30px;
    }

    .recent-blog-section .cardcc .srv-para {
        font-size: 14px;
    }

    .cardcc .srv-title {
        font-size: 20px;
        line-height: 28px;
        margin-block: 17px 12px;
    }

    .cardcc .srv-para {
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 16px;
    }

    .blog-dt-section {
        padding-block: 112px 50px;
    }

    .view-more-btn,
    .cardcc .blue-theme-sqrBtn {
        height: 42px;
        font-size: 13px;
    }

    .view-more-btn {
        margin-top: 30px;
    }

    .wrw-section .img-box {
        max-width: 190px;
    }

    .dt-copyright span,
    .listing-label {
        font-size: 14px;
    }

    .dt-copyright img {
        max-width: 110px;
    }

    .blog-dt-title {
        font-size: 18px;
        line-height: 25px;
    }

    .blog-dt-para {
        font-size: 14px;
        line-height: 25px;
    }

    .cta-section .sec-subHeading {
        font-size: 13px;
    }

    .blog-hero .page-subhead {
        font-size: 14px;
        line-height: 24px;
    }

    .blog-hero .cardcc .img-box {
        height: 100px;
    }

    .blog-dt-area .right-col {
        top: 68px;
    }

    .dis-opener img {
        max-width: 23px;
    }

    .map-fixer .action {
        font-size: 9px;
        min-height: 35px;
        max-width: 130px;
    }

    .disclaimer-box span {
        font-size: 16px;
    }

    .dssc {
        padding-left: 28px;
        font-size: 12px;
    }

    .auth-pg .content-area {
        gap: 12px;
    }

    .auth-card .logo img {
        width: 165px;
    }

    .auth-card .logo {
        margin-bottom: 15px;
    }

    .auth-form .action,
    .via-login-btn {
        min-height: 45px;
        gap: 7px;
        font-size: 13px;
    }

    .via-login-btn img {
        max-width: 17px;
    }

    .frm-divider::after {
        font-size: 13px;
    }

    .extra-light-text {
        font-size: 13px;
        line-height: 21px;
        margin-bottom: 6px;
    }

    .auth-card .authTitle {
        font-size: 23px;
        line-height: 32px;
        margin-bottom: 8px;
    }

    .forgot-pass-pg .auth-changer-action {
        font-size: 13px;
    }

    .frm-title {
        font-size: 24px;
        line-height: 33px;
        margin-bottom: 10px;
    }

    .left-frm-area .sm-sec-label {
        font-size: 12px;
        line-height: 17px;
    }

    .frm-area .sub-heaidng {
        line-height: 17px;
        font-size: 13px;
    }

    .radio-grp {
        grid-template-columns: repeat(1, 1fr);
    }

    .get-start-form-main .radio-grp label {
        margin-bottom: 0;
    }

    .frm-progress {
        margin-block: 30px;
    }

    .step-counter {
        font-size: 13px;
    }

    .cmn-select+.select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 43px;
    }

    .plan-includes-table i {
        font-size: 18px;
    }

    .tab-navigator button {
        height: 45px;
        width: 125px;
        gap: 7px;
        font-size: 13px;
    }

    .cmn-grey-table table thead th:first-of-type span {
        margin-left: -10px;
    }

    .cmn-grey-table {
        padding: 0 10px;
    }

    .cmn-grey-table table tbody td,
    .cmn-grey-table table thead th span {
        padding: 8px 10px;
        font-size: 13px;
    }

    .contact-form-section .map-col .contxt-dt {
        padding: 22px;
    }

    .contact-form-section .inner-area {
        gap: 30px;
    }

    .info-item:first-of-type {
        --sz: auto;
    }

    .info-grid {
        flex-direction: column;
        gap: 10px;
    }

    .section-label {
        font-size: 16px;
        line-height: 1.4;
    }

    .info-grid label {
        line-height: 1;
        font-size: 13px;
    }

    .modal-header {
        padding: 18px 00px 18px;
        margin-inline: 20px;
    }

    .modal-header .modal-title {
        font-size: 17px;
    }

    .frm-submitter button {
        height: 44px;
        font-size: 13px;
        width: 142px;
        padding-inline: 5px;
    }

    .section-action-btn {
        font-size: 14px;
        line-height: 24px;
    }

    .section-action-btn img {
        max-width: 15px;
    }

    .action-row button {
        height: 42px;
        min-width: 177px;
        font-size: 14px;
    }

    .modal-body {
        padding: 20px;
    }

    .info-value {
        font-size: 14px;
    }

    .cmn-grey-table.res-991-table table tbody td {
        padding-block: 12px;
    }

    td[data-column="Invoice/Receipt"] img {
        max-width: 20px;
    }

    .dash-pg-heading h1 {
        font-size: 20px;
        line-height: 31px;
    }

    .nav-user-select-dd .dropdown-toggle {
        height: 40px;
        font-size: 13px;
        max-width: 115px;
        width: 100%;
        gap: 5px;
        padding-inline: 10px;
    }

    .nav-user-select-dd .dd-val {
        display: inline-block;
        max-width: 70px;
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .dropdown-item {
        font-size: 13px;
    }

    .onb-main {
        padding-top: 80px;
    }

    .steps-item:not(:last-of-type) .step-count-label::before {
        width: 368%;
    }

    .ticker::after {
        width: 15px;
        height: 8px;
    }

    .onb-title-header {
        gap: 10px;
    }

    .card-checkBx-block .ui-checkbox {
        --sz: 17px;
        border-radius: 4px;
    }

    .card-checkBx-block .ui-checkbox::after {
        border-radius: 4px;
    }

    .onb-sub-heading {
        line-height: normal;
        font-size: 13px;
    }

    .card-checkBx-block .ui-checkbox::before {
        top: 45%;
        width: 4px;
        height: 8px;
    }

    .card-checkBx-block .checkbox__body * {
        font-size: 11px;
    }

    .onb-frm-heading {
        font-size: 23px;
        line-height: 31px;
    }

    .frm-main-step3 .radio-grp {
        grid-template-columns: repeat(2, 1fr);
    }

    .frm-area .sm-sec-label {
        font-size: 13px;
    }

    .step-wrapper {
        padding: 25px 10px
    }

    .onb-navBar .inner-sec {
        padding-inline: 12px;
    }

    .onb-navBar .menu-bar {
        top: 80px;
        height: calc(100dvh - 80px);
        padding-top: 20px;
    }

    .step-count-label {
        --sz: 28px;
        font-size: 12px;
    }

    .step-name {
        line-height: 16px;
        font-size: 12px;
    }

    .step-label-box {
        flex-direction: row;
        gap: 10px;
    }

    .onb-main .tab-content {
        min-height: calc(100dvh - 318px);
        max-height: calc(100dvh - 318px);
        padding: 30px;
    }

    .onb-main .tab-navigator {
        padding-inline: 12px;
    }

    .outline-blue-btn {
        font-size: 11px;
        min-height: 40px;
        padding-inline: 10px;
        border-radius: 10px;
    }

    .modal .ui-checkbox {
        --sz: 17px;
        border-radius: 4px;
        min-width: var(--sz);
    }

    .modal .cmn-checkBx-block label {
        font-size: 13px;
    }

    .onb-prev-scrn .tab-navigator button {
        font-size: 12px;
        max-width: fit-content;
    }


    .prev-row:not(:last-of-type) {
        padding-bottom: 22px;
        margin-bottom: 22px;
    }

    .prev-header {
        gap: 9px;
    }

    .prev-cardd .label {
        font-size: 12px;
        line-height: normal;
    }

    .prev-cardd .text-val {
        font-size: 13px;
        line-height: normal;
    }

    .crd-heading {
        font-size: 16px;
        line-height: 22px;
        padding-bottom: 12px;
        margin-bottom: 20px;
    }

    .prev-header h3 {
        font-size: 14px;
    }

    .onb-prev-scrn .cmn-grey-table {
        padding-inline: 0;
    }

    .prev-header img {
        max-width: 18px;
    }

    .prev-cardd .cmn-checkBx-block label {
        font-size: 10px;
    }

    .prev-cardd .ui-checkbox {
        --sz: 15px;
        border-radius: 4px;
    }

    .prev-cardd .ui-checkbox::before {
        top: 42%;
        width: 4px;
        height: 8px;
        border-width: 1.5px;
    }

    .onbOther-navBar .menu-bar {
        top: 80px;
        height: calc(100dvh - 80px);
        padding-top: 20px;
    }

    .order-summary,
    .left-frm-col .fmr-inner {
        padding: 15px;
    }

    .sr-text,
    .order-summary ul li {
        font-size: 13px;
    }

    .order-summary>ul li {
        padding-block: 12px;
    }

    .nested-sr ul li {
        padding-block: 6px 0;
        line-height: 18px;
    }

    .nested-sr ul li * {
        font-size: 11px;
    }

    .prev-cardd {
        padding: 20px;
    }

    .payment-form-area .frm-title {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 13px;
    }

    .py-card {
        border-radius: 20px;
        padding: 20px;
    }

    .py-card .sm-para {
        line-height: 19px;
        font-size: 11px;
    }

    .py-card .action {
        min-height: 42px;
        font-size: 12px;
    }

    .order-summary {
        padding-inline: 0;
        padding-bottom: 0;
    }

    .py-card .img-box img {
        max-width: 70%;
    }

    .py-card .main-heading {
        font-size: 20px;
        line-height: 34px;
        margin-block: 10px 6px;
    }

    .process-steps,
    .why-registerInc .reason-listings {
        margin-top: 20px;
    }

    .why-registerInc .reason-listings .srv-title {
        font-size: 15px;
    }

    .why-registerInc .reason-listings .card-row {
        gap: 15px;
    }

    .why-registerInc .reason-listings .incx {
        min-width: 126px;
        height: 126px;
    }

    .why-registerInc .reason-listings .incx img {
        max-width: 95px;
    }

    .why-registerInc .reason-listings .srv-para {
        font-size: 11px;
        line-height: 1.5;
    }

    .blogings1 .cardcc .blue-theme-sqrBtn {
        min-height: 42px;
        font-size: 13px;
    }

    .blg-srch-box {
        margin-block: 20px 0;
    }

    .blg-srch-box input {
        min-height: 45px;
        padding-inline: 50px 20px;
        font-size: 13px;
    }

    .blg-srch-box .input-block::after {
        --sz: 18px;
        left: 20px;
    }

    .blogings1 .cardcc::after,
    .blogings1 .cardcc::before {
        --sz: 126px;
    }

    .blogings1 .cardcc .srv-title {
        font-size: 20px;
        line-height: 27px;
    }

    .blogings1 .cardcc .img-box img {
        max-width: 120px;
    }

    .blogings1 .cardcc .srv-para {
        font-size: 12px;
    }

    .recent-blog-section .cardcc::before {
        width: 78px;
        height: 69px;
    }

    .blog-dt-area .right-col .blog-dt-title {
        font-size: 16px;
    }

    .dt-fixer {
        margin-top: 50px;
    }

    .recent-blog-section .cardcc::after {
        right: -40px;
    }

    .dt-fixer .page-heading {
        font-size: 28px;
        line-height: 37px;
    }

    .requirment-box .title {
        font-size: 14px;
    }

    .requirment-box .inner-box ul li::before {
        min-width: 18px;
        height: 18px;
        left: -26px;
        font-size: 10px;
    }

    .requirment-box .inner-box ul {
        font-size: 11px;
        margin-top: 14px;
        padding-left: 30px;
        gap: 12px;
    }

    .my-order-pg-box .blg-srch-box .input-block::after {
        --sz: 15px;
        left: 19px;
    }

    .col-light-txt {
        font-size: 13px;
        line-height: 21px;
        margin-bottom: 9px;
    }

    .my-order-pg-box .blg-srch-box input {
        min-height: 45px;
        padding-inline: 40px 30px;
        font-size: 13px;
    }

    .docx-card {
        border-radius: 8px;
        padding: 8px 9px;
        gap: 9px;
        font-size: 12px;
        outline-width: 1px;
    }

    .docx-card img {
        max-width: 24px;
    }

    .status-badge {
        font-size: 12px;
        min-height: 27px;
    }

    .divider {
        height: 16px;
    }

    .order-name::before {
        --sz: 16px;
        border-radius: 4px;
        margin-right: 6px;
    }

    .order-name {
        font-size: 13px;
        padding: 5px 7px;
        border-radius: 8px;
    }

    .my-order-dt-box .crd-heading {
        font-size: 12px;
    }

    .my-order-dt-box .inner-area {
        padding-top: 40px;
    }

    .my-order-dt-box .cmn-grey-table {
        padding-inline: 0;
    }

    .my-order-dt-box .crd-heading .left-col {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }

    .order-name+.divider {
        display: none;
    }

    .onb-prev-scrn .onb-dt-table-row,
    .my-order-dt-box .onb-dt-table-row {
        margin-top: 0;
    }

    .srv-bgPrice.nwp {
        font-size: 17px;
    }

    .ft-start-col img {
        max-width: 150px;
    }

    .nwprc {
        font-size: 22px;
    }

    .ofrby,
    .offrt {
        font-size: 13px;
    }

    .cc-prefix-num-input .cmn-select+.select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 43px;
        right: 12px;
    }

    .hint-block .innr-area p {
        font-size: 12px;
    }

    .hint-block .innr-area h6 {
        font-size: 13px;
    }

    .cc-prefix-num-input .select2-results__option {
        font-size: 13px;
    }

    .cc-prefix-num-input .cmn-select+.select2-container {
        max-width: 71px;
    }

    .cc-prefix-num-input .cmn-select+.select2-container--default .select2-selection--single::after {
        right: 3px;
    }

    .add_more_dd {
        font-size: 12px;
    }

    .terms-cms .inr {
        padding-block: 50px;
    }

    .cms-banner {
        padding-top: 68px;
    }

    .bg-title {
        font-size: 19px;
        line-height: 21px;
    }

    .cms-heading {
        font-size: 28px;
        line-height: 1.4;
        padding-bottom: 7px;
    }

    .cms-banner .sec-heading {
        font-size: 15px;
        line-height: 25px;
    }

    .last-update {
        font-size: 14px;
    }

    .cms-content {
        padding-block: 40px;
    }

    .l-item {
        gap: 24px;
        gap: 5px;
        flex-direction: column;
    }

    .listing-type-table .sm-title {
        max-width: 100%;
        min-width: auto;
    }

    .nested,
    .listing-type-table .sm-title,
    .cmn-para {
        font-size: 13px;
        line-height: 24px;
    }

    .nested li::before {
        --sz: 3px;
        top: 10px;
        left: -11px;
    }

    .nested {
        padding-left: 18px;
    }
    .hr-contact .banner-img-box{
        margin-top: -8px;
    }
}

@media screen and (max-width:420px) {
    .bussiness-name-block {
        flex-direction: column !important;
    }

    .bussiness-name-block .input-fld {
        max-width: 100%;
    }

    .nav-user-select-dd .dropdown-menu {
        left: unset !important;
        right: 12px !important;
        top: 0 !important;
    }

    .extra-light-text br {
        display: none;
    }

    .sm-note {
        font-size: 11px;
    }
    .service-gradient-card .titleBx{flex-direction: column; align-items: flex-start; gap: 10px;}
    .service-gradient-card .srv-title{max-width: 100%;}
     .why-registerInc .reason-listings .incx img {
        max-width:82px;
    }
    .why-registerInc .reason-listings .incx{        height: 116px;}
}

@media screen and (max-width:375px) {
    .ft-last-col .footer-links-wrapper:first-of-type {
        max-width: 117px !important;
    }

    .cms-pages ul {
        gap: 5px 23px;
    }

    .footer-links-wrapper .ft-links:last-of-type {
        width: 100%;
    }
}

/* Loader Spinner */
.loader {
    border: 6px solid #f3f3f3;
    border-top: 6px solid #3498db;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 1s linear infinite;
}

/* Fullscreen Overlay */
#loaderOverlay {
    display: none;
    /* hidden initially */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    /* light background */
    z-index: 9999;
    /* make sure it's on top */
    display: flex;
    justify-content: center;
    align-items: center;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.center-cbx-obn .wbt-box {
    border-radius: 20px;
    background: #fff;
    padding: 30px 43px;
    max-width: 830px;
    width: fit-content;
    margin-inline: auto;
}

.wbt-box .ackn-para {
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 24px;
}

.wbt-box .cmn-checkBx-block {
    padding: 20px;
    background: #F3FAFF;
    border: dashed 2px #D7EEFF;
    border-radius: 16px;
    justify-content: center;
    width: fit-content;
    max-width: 830px;
    margin-inline: auto;
    margin-bottom: 0;
}

/* ==== File Upload Start ==== */

.file-drop-area {
    position: relative;
    display: flex;
    align-items: center;
    width: 450px;
    max-width: 100%;
    padding: 0px;
    border: 1px solid #ddd;
    transition: 0.2s;
    background: #fff;
    border-radius: 12px;
    width: 100%;
    min-height: 48px;
    transition: .2s ease;
}

.file-drop-area.is-active {
    background-color: rgba(255, 255, 255, 0.05);
}

.file-drop-area:hover {
    border-color: var(--primary-clr);
}

.fake-btn {
    flex-shrink: 0;
    border-radius: 6px;
    padding: 5px 15px;
    margin-right: 10px;
    font-size: 12px;
    background: #0499fb;
    color: #fff;
    font-weight: 500;
    font-size: 15px;
    margin-left: 11px;
}

.file-msg {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
    color: #999;
}

.file-input {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    opacity: 0;

}

.file-input:focus {
    outline: none;
}

.file-drop-area.has-file .file-msg {
    color: var(--black-clr);
}

.steps-item:not(.completed) .step-count-label {
    background: #013a5f;
}

/* ==== File Upload End ==== */

@media screen and (max-width:480px) {
    .wbt-box .ackn-para {
        font-size: 14px;
    }

    .center-cbx-obn .wbt-box {
        border-radius: 15px;
        padding: 20px;
    }

    .center-cbx-obn .cmn-checkBx-block label {
        font-size: 13px;
    }

    .center-cbx-obn .ui-checkbox {
        --sz: 22px;
        border-radius: 4px;
    }

    .center-cbx-obn .ui-checkbox::after {
        border-radius: 4px;
    }

    .wbt-box .cmn-checkBx-block {
        padding: 13px;
        border-radius: 14px;
    }

    .center-cbx-obn .ui-checkbox:checked::before {
        top: 46%;
        left: 50%;
        width: 5px;
        height: 10px;
    }

    .file-drop-area {
        min-height: 46px;
    }

    .fake-btn {
        padding: 5px 12px;
        font-size: 12px;
        font-size: 12px;
    }

    .file-msg {
        font-size: 13px;
    }
}

.cmn-multi-select-block .select2-container--default .select2-selection--multiple {
    border-radius: 12px;
    border-color: #ddd;
    min-height: 48px;
    padding-inline: 18px;
    transition: .2s border;
}

.cmn-multi-select-block .select2-container--default .select2-selection--multiple:hover {
    border-color: var(--primary-clr);
}

.cmn-multi-select-block .select2-container--default .select2-search--inline .select2-search__field {
    font-size: 15px;
}

.cmn-multi-select-block .select2-container--default .select2-search--inline .select2-search__field::placeholder {
    color: var(--clr-999);
}

.cmn-multi-select-block .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0;
}

.cmn-multi-select-block .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    line-height: 34px;
}

.cmn-multi-select-block .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #efefef;
    border-color: #ddd;
    border-radius: 6px;
    font-size: 14px;
}

.side-menu-heading {
    color: #fff;
    /* White text */
    font-size: 18px;
    /* Slightly smaller if needed */
    font-weight: 600;
    /* Medium-bold for clarity */
    text-transform: uppercase;
    /* Optional: make it consistent */
}

.corporation-info-block {
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
}

.corporation-info-block .cl-name {
    color: #666;
    font-size: 14px;
    margin-left: 10px;
    text-transform: capitalize;
}

.corporation-info-block .cl-name strong {
    color: #222;
    font-weight: 600;
}

.option-blocker {
    border: 1px solid #F2F4F7;
    padding: 20px 30px;
    margin-top: 16px;
    background: #FFFFFF;

    border-radius: 12px;
}

.option-blocker .sm-sec-label {
    font-size: 18px;
    margin-bottom: 16px;
}

.option-blocker .option-area {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.option-area .custom-radio-card {
    padding: 14px 20px 20px 16px;
    border: 1px solid #F2F4F7;
    position: relative;
    border-radius: 12px;
    gap: 10px;
}

.option-area .custom-radio-card:hover {
    background: transparent;
}

.option-blocker .extra-badge {
    position: absolute;
    right: 0;
    top: 0;
    background: #EEF8FF;
    border-top-right-radius: 12px;
    border-bottom-left-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    min-height: 32px;
    padding-inline: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.option-blocker .val {
    font-weight: 500;
    font-size: 16px;
}

.option-blocker .text-muted {
    font-weight: 400;
    font-size: 14px;
}

.option-blocker input[type="radio"] {
    position: absolute;
    opacity: 0;
}

.option-blocker .cc-radio {
    position: relative;
    display: inline-block;
    --sz: 24px;
    height: var(--sz);
    min-width: var(--sz);
    border-radius: 50%;
    border: 1px solid #DDDDDD;
    transform: translateZ(-25px);
    transition: all 0.3s ease-in-out;
}

.option-blocker .cc-radio:hover {
    border-color: #0096FF;
}

.option-blocker .cc-radio::before {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background-color: #fff;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.option-blocker input[type="radio"]:checked+.cc-radio::before {
    opacity: 1;
    background-color: #0096FF;
}

.option-blocker input[type="radio"]:checked+.cc-radio {
    border-color: #0096FF;
}

.wd-upload {
    flex-direction: column;
}

.radio-container {
    display: flex;
    gap: 10px;
}

.filelabel {
    border: 1px dashed #ddd;
    border-radius: 8px;
    display: grid;
    place-items: center;
    padding: 5px;
    transition: border 300ms ease;
    cursor: pointer;
    text-align: center;
    margin: 0;
    margin-left: calc(24px + 10px);
    width: calc(100% - (24px + 10px));
    background: #E8F4FF;
    min-height: 45px;
    position: relative;
    margin-top: 2px;
}

.filelabel i {
    display: block;
    font-size: 30px;
    padding-bottom: 5px;
}

.filelabel i,
.filelabel .title {
    color: grey;
    transition: 200ms color;
}

.filelabel:hover {
    border-color: var(--primary-clr);
}

#FileInput {
    position: absolute;
    opacity: 0;
    appearance: none;
    inset: 0;
    cursor: pointer;
}

.filelabel .title {
    font-weight: 500;
    font-size: 14px;
    color: #0096FF;
}

.option-area .custom-radio-card.active {
    border-color: var(--primary-clr);
}

.fl-result {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    position: relative;
    z-index: 3;
    gap: 5px;
}

.fl-result .file-name {
    font-weight: 500;
    font-size: 14px;
    color: var(--primary-clr);
    flex-grow: 1;
    text-align: left;
    padding-left: 10px;    word-break: break-word;
}

.filelabel.active {
    border-color: transparent;
}

.remove-file {
    display: flex;
    align-items: center;
    justify-content: center;
    --sz: 23px;
    width: var(--sz);
    height: var(--sz);
    min-width: var(--sz);
    border-radius: 3px;
}

.remove-file:hover {
    background: #11111124;
}

.frm-content-wrapper {
    border: 1px solid #F2F4F7;
    background: #FFFFFF;
    border-radius: 14px;
    padding: 20px;

}

.frm-content-wrapper .card-checkBx-block {
    border: 1px solid #E8F4FF;
    box-shadow: 0px 1px 12px 0px #0000000F;
    padding: 12px 18px;
    height: fit-content;
    min-height: 76px;
    border-radius: 14px;
}

.frm-content-wrapper .cmn-checkBx-block label {
    display: flex;
    gap: 10px 16px;
}

.card-checkBx-block .inx {
    --sz: 46px;
    width: var(--sz);
    height: var(--sz);
    min-width: var(--sz);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #EEF8FF;
    overflow: hidden;
}

.card-checkBx-block .inx img:not(.fallback-img) {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.card-checkBx-block .fallback-img {
    max-width: 20px;
}

.frm-content-wrapper .checkbox__body {
    width: fit-content;
    gap: 10px;
}

.frm-content-wrapper .checkbox__body .title {
    font-weight: 500;
    font-size: 18px;
    line-height: 29px;
}

.frm-content-wrapper .checkbox__body .price {
    background: #E8F4FF;
    border-radius: 7px;
    line-height: 25px;
    padding-inline: 7px;
    font-weight: 600;
    font-size: 15px;
    min-width: 50px;
    text-align: center;
}

.frm-content-wrapper .info-para {
    font-size: 14px;
    color: #666666;
}

.frm-content-wrapper .card-checkBx-block:hover,
.frm-content-wrapper .card-checkBx-block.active {
    border-color: var(--primary-clr);
}

.dash-pg-box aside {
    position: fixed;
    left: 0;
    background: #fff;
    max-width: 305px;
    width: 100%;
    /* left: -305px; */
    height: calc(100% - 82px);
    z-index: 2;
}

.dash-pg-box aside nav {
    padding: 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.dash-nav-block .title {
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 21px;
    margin-bottom: 8px;
    color: #888888;
    margin-left: 16px;
    display: inline-block;
    transition: margin .2s ease;
}

.dash-nav-block {
    margin-left: 10px;
    width: 100%;
    max-width: 225px;
}

.dash-nav-block li a {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 11px 14px;
    border-radius: 8px;
    font-size: 16px;
    color: #444444;
    transition: .2s ease;

}

.dash-nav-block li h6 {
    transition: .2s ease;
    margin-bottom: 0;
    white-space: nowrap;
}

.dash-nav-block .incx {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.dash-nav-block .incx img {
    opacity: 1;
    transition: .2s ease;
}

.dash-nav-block .incx .sub {
    position: absolute;
    opacity: 0;
}

.dash-nav-block a:hover {
    color: var(--primary-clr);
}

.dash-nav-block li.active a {
    background: #f0f9ff;
    color: var(--primary-clr);
}

.dash-nav-block li.active .incx img {
    opacity: 0;
}

.dash-nav-block li.active .incx .sub {
    opacity: 1;
}

.dash-nav-block a:hover .incx img {
    opacity: 0;
}

.dash-nav-block a:hover .incx .sub {
    opacity: 1;
}

.dash-pg-box .inner-area {
    min-height: calc(100vh - 82px);
    margin-left: 305px;
    padding: 40px;
    overflow: auto;
    max-height: calc(100vh - 82px);
}

.dash-nav-block li:not(:last-of-type) {
    margin-bottom: 13px;
}

.dash-logout-btn {
    display: flex;
    align-items: center;
    color: #FF0000;
    gap: 14px;
    font-weight: 400;
    font-size: 16px;
    margin-left: 26px;
    margin-top: auto;
    margin-bottom: 10px;
    transition: .2s ease;
    width: fit-content;
}

.dash-logout-btn img {
    filter: brightness(0) saturate(100%) invert(12%) sepia(76%) saturate(6412%) hue-rotate(358deg) brightness(114%) contrast(116%);
    transition: .2s ease;

}

.dash-logout-btn:hover {
    color: #b10101;
}

.dash-logout-btn:hover img {
    filter: brightness(0) saturate(100%) invert(10%) sepia(72%) saturate(6998%) hue-rotate(360deg) brightness(82%) contrast(109%);
}

.dash-logout-btn h6 {
    transition: .2s ease;
    margin-bottom: 0;
}

.dash-nav-service-listing .hd-title {
    background: var(--primary-clr);
    color: #fff;
    width: 100%;
    display: block;
    height: 50px;
    padding-inline: 26px;
}

.dash-nav-service-listing {
    border-radius: 12px;
    overflow: hidden;
}

.dash-heading {
    font-weight: 600;
    font-size: 30px;
    color: #222222;
    margin-bottom: 20px;
}

.dash-header-collapse {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 21px;
}

.dash-header-collapse .alert-badge {
    --sz: 30px;
    min-width: var(--sz);
    width: var(--sz);
    height: var(--sz);
    background: var(--primary-clr);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    border-radius: 50%;
    line-height: 1;
}

.dash-header-collapse .inx {
    --sz: 51px;
    min-width: var(--sz);
    width: var(--sz);
    height: var(--sz);
    border: 1px solid #F2F7F9;
    background: #F5FAFF;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;

}


.dash-header-collapse .lft-col {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
}

.uploadedByInc-accordion .inx img ,
.pendingForms-accordion .inx img {
    max-width: 31px;
}

.acrd-hrow {
    display: flex;
    width: 100%;
    align-items: center;
    padding-block: 15px;
}

.acrd-hrow .accordion-button {
    --sz: 33px;
    min-width: var(--sz);
    width: var(--sz);
    height: var(--sz);
    background: #F7F7F7;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #444444;
    font-weight: 600;
    font-size: 14px;
    border-radius: 50% !important;
    padding: 0;
    
}
.acrd-hrow .accordion-button i{
    transform: scaleY(1);
    transition: .2s ease;
}
.acrd-hrow:not(.collapsed) .accordion-button i{
    transform: scaleY(-1);
}

.uploadedByInc-accordion .inx img {
    max-width: 28px;
}

.dash-header-collapse .accordion-item {
    border: 0;
    padding: 0;
}

.dash-header-collapse .name {
    font-weight: 500;
    font-size: 18px;
    line-height: 1.3;
    text-align: left;
}

.dash-header-collapse .accordion-item.active .right-col i {
    transform: rotate(180deg);
}

.frm-content-listing .title {
    font-weight: 500;
    font-size: 15px;
    color: #444444;
}

.dash-header-collapse .accordion-collapse {
    border-top: 1px solid #DDDDDD;
}

.frm-content-listing li {
    display: flex;
    align-items: center;

}

.frm-content-listing li:not(:last-of-type) {
    border-bottom: 1px solid #EEEEEE;
    margin-bottom: 18px;
    padding-bottom: 19px;
}

.frm-content-listing {
    max-height: 218px;
    overflow: auto;
    padding-right: 16px;
}

.frm-content-listing::-webkit-scrollbar {
    height: 6px;
    width: 6px;
}

.frm-content-listing::-webkit-scrollbar-track {
    background: #f0f9ff;
    border-radius: 6px;
}

.frm-content-listing::-webkit-scrollbar-thumb {
    background: var(--primary-clr);
    border-radius: 6px;
}

.dash-header-collapse .accordion-body {
    padding-block: 17px;
}

.fill-frm-btn {
    background: var(--primary-clr);
    color: #fff;
    min-width: 90px;
    min-height: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    width: fit-content;
    transition: .2s ease;
}

.fill-frm-btn:hover {
    background: #222;
}

.frm-content-listing li .title {
    flex-grow: 1;
}

.frm-content-listing .action-grp {
    display: flex;
    gap: 22px;
}

.frm-content-listing .action-grp button {
    padding: 0;
}


.uploadedByInc-listing .title {
    margin-bottom: 0;
    margin-left: 12px;
}

.frm-content-listing.uploadedByInc-listing ul li {
    background: #E8F4FF80;
    border-radius: 10px;
    padding-bottom: 0;
    padding: 10px 18px;
}

.uploadedByInc-listing li {
    margin-bottom: 0;
    border-bottom: 0 !important;
}

.uploadedByInc-listing li:not(:last-of-type) {
    margin-bottom: 16px;
}

.my-order-section {
    margin-top: 30px;
}

.my-order-section .inr-area {
    background: #fff;
    border-radius: 20px;
    padding: 22px 24px 24px;
}
.dash-card.inner-sec{
    background: #fff;
    border-radius: 20px;
    padding: 22px 24px 24px;
}
.my-order-section .dash-pg-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}

.my-order-section .dash-pg-heading h1 {
    flex-grow: 1;
}

.my-order-section .blg-srch-box {
    max-width: 380px;
    width: 100%;
    margin: 0;
}

.dash-order-row {
    margin-top: 20px;
    border: 1px solid #DDDDDD;
    border-radius: 12px;
}

.order-title-block {
    display: flex;
    padding: 24px 50px 20px 26px;
    border-bottom: 1px solid #DDDDDD;
    align-items: center;
}


.order-title-block h6 {
    margin-bottom: 0;
    flex-grow: 1;
}

.indicator-grp {
    display: flex;
    gap: 20px;
    font-weight: 500;
    font-size: 12px;

}

.dash-order-row .prev-cardd {
    padding: 20px 26px 26px;
}

.dash-order-row .prev-row .val {
    margin-bottom: 0;
}

.dash-order-row .prev-row:not(:last-of-type) {
    padding-bottom: 20px;
    margin-bottom: 20px;
}


.dash-order-row .doc_name {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 8px;
}

.dash-order-row .doc_name .name {
    flex-grow: 1;
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 500;
    font-size: 15px;
}

.indicator-grp .badge {
    border: 1px solid #F4A300;
    border-radius: 7px;
    background: #F4A3001A;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #E29804;
    min-height: 27px;
    padding-inline: 10px;
    font-weight: 500;
    min-width: 90px;
    font-size: 12px;
    line-height: normal;
}

.indicator-grp button {
    --sz: 31px;
    width: var(--sz);
    min-width: var(--sz);
    height: var(--sz);
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .2s ease;
    background: #0096FF1A;
}

.indicator-grp button img {
    max-width: 18px;
}

.indicator-grp button:hover {
    background: #0096ff3d;
}

.text-only-blue {
    color: var(--primary-clr);
}

.prev-addon-row .docx-card {
    padding: 12px 15px;
    height: 100%;
}

.indicator-grp.pending .badge {
    /* border-color: #999;
    background: #9999991A;
    color: #999; */
    border-color: #F4A300;
    background: #F4A3001A;
    color: #E29804;
}
.indicator-grp.completed .badge {
    color: #2DBE60;
    border-color: #2DBE60;
    background: #2dbe6014;
}
.indicator-grp.confirm .badge {
    border-color: var(--primary-clr);
    background: #0096ff08;
    color:  var(--primary-clr);
}
.indicator-grp.submit .badge {
    border-color: #00A7C7;
    background:  #00a7c712;
    color: #00A7C7;
}

.order-details .inr-row {
    display: flex;
    gap: 16px 132px;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-right: 27px;
}

.collapse-custom-btn {
    --sz: 30px;
    width: var(--sz);
    height: var(--sz);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #444;
    border: 1px solid #ddd;
    padding: 0;
    margin-left: 9px;
    margin-top: 6px;
    transition: .2s ease;

}

.collapse-custom-btn:hover {
    border-color: #444;
}

.collapse-custom-btn {
    display: none;
}

.collapse-custom-btn i {
    transition: .2s ease;
}

@media screen and (max-width:991px) {
    .my-order-section .blg-srch-box {
        max-width: 100%;
    }

    .dash-pg-box aside {
        max-width: 87px;
        transition: .2s ease;
    }

    .dash-nav-block {
        margin-left: 0;
    }

    .dash-logout-btn h6,
    .dash-nav-block li h6 {
        opacity: 0;
    }

    .dash-logout-btn {
        margin-left: 14px;
    }

    .dash-nav-block .title {
        margin-left: 3px;
    }

    .dash-pg-box .inner-area {
        margin-left: 87px;
        padding: 30px;
    }

    .dash-header-collapse {
        grid-template-columns: repeat(1, 1fr);
        gap: 18px;
    }

    aside.open {
        max-width: 305px;
        box-shadow: 0 0 10px #dddddd;
    }

    aside.open .dash-nav-block .title {
        margin-left: 16px;
    }

    aside.open .dash-logout-btn h6,
    aside.open .dash-nav-block li h6 {
        opacity: 1
    }

    .collapse-custom-btn {
        display: flex;
    }

    .order-title-block {
        flex-wrap: wrap;
        gap: 10px;
    }

    .collapse-custom-btn.active i {
        transform: rotate(180deg);
    }

    .order-details .inr-row {
        gap: 16px 16px;
    }
    .mission .title .incx img {max-width: 23px;margin-right: 8px;}
}

@media screen and (max-width:767px) {
    .option-blocker .option-area {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media screen and (max-width:480px) {
    .option-blocker .sm-sec-label {
        font-size: 14px;
        line-height: 20px;
    }

    .option-blocker {
        padding: 20px;
    }

    .option-blocker .val {
        font-size: 14px;
    }

    .option-blocker .text-muted {
        font-size: 13px;
        line-height: 1.3;
    }

    .option-blocker .extra-badge {
        font-size: 13px;
    }

    .option-blocker .cc-radio {
        --sz: 19px;
    }

    .option-blocker .cc-radio::before {
        width: 8px;
        height: 8px;
    }

    .filelabel {
        min-height: 40px;
    }

    .filelabel .title {
        font-size: 13px;
    }

    .fl-placeholder img {
        max-width: 20px;
    }

    .fl-result .file-name {
        font-size: 13px;
    }

    .remove-file {
        --sz: 22px;
    }

    .remove-file img {
        max-width: 10px;
    }

    .corporation-info-block .incx img {
        max-width: 20px;
    }

    .frm-content-wrapper .checkbox__body .title {
        font-size: 15px;
        line-height: 1.2;
    }

    .frm-content-wrapper .info-para {
        font-size: 13px;
        line-height: 1.3;
    }

    .frm-content-wrapper .checkbox__body {
        gap: 5px 10px;
        flex-wrap: wrap;
    }

    .frm-content-wrapper .content {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    .frm-content-wrapper .card-checkBx-block {
        align-items: unset;
    }

    .frm-content-wrapper .checkbox__body .price {
        font-size: 13px;
    }

    .dash-pg-box .inner-area {
        padding: 25px;
        margin-left: 64px;
    }

    .dash-heading {
        font-size: 21px;
        margin-bottom: 15px;
    }

    .dash-pg-box aside nav {
        padding: 12px;
    }

    .dash-pg-box aside {
        height: calc(100% - 80px);
        max-width: 64px;
    }

    .dash-pg-box {
        padding-top: 80px;
    }

    .dash-nav-block .title {
        font-size: 12px;
        margin-bottom: 4px;
    }

    aside.open {
        max-width: 260px;
    }

    .dash-logout-btn h6,
    .dash-nav-block li h6 {
        font-size: 14px;
    }

    .dash-logout-btn img,
    .dash-nav-block .incx img {
        max-width: 19px;
    }

    .dash-nav-block li a {
        padding: 11px 11px;
    }
    .dash-header-collapse .name {font-size: 14px;}
    .dash-header-collapse .inx {--sz: 38px;border-radius: 8px;}
    .pendingForms-accordion .inx img { max-width: 21px; }
    .uploadedByInc-accordion .inx img { max-width: 20px; }
    .dash-header-collapse .alert-badge { --sz: 22px; font-size: 11px; line-height: normal; }
    .acrd-hrow .accordion-button { --sz: 26px;font-size: 12px;  }
    .acrd-hrow {padding: 12px;}
    .dash-header-collapse .accordion-item {border-radius: 13px;}
    .frm-content-listing .title {font-size: 13px;line-height: normal;}
    .fill-frm-btn {min-width: 80px;}
    .frm-content-listing {padding-right: 12px;}
    .uploadedByInc-listing .listing-icon{max-width: 25px;}
    .frm-content-listing .action-grp{gap: 12px;}
    .frm-content-listing .action-grp img{max-width: 18px;}
    .dash-order-row .doc_name {flex-direction: column;align-items: flex-start;}
    .order-title-block h6 {font-size: 14px;}
    .dash-order-row .doc_name .name {font-size: 13px;}
    .dash-order-row .prev-row .val{font-size: 14px;}
    .dash-order-row .prev-cardd {padding: 19px;}
    .order-title-block {padding: 20px;}
    .dash-header-collapse{gap: 13px;}
    .my-order-section {margin-top: 20px;}
    .frm-content-listing.uploadedByInc-listing ul li {flex-wrap: wrap;gap: 9px 0;padding: 10px;}
    .inner-box .fw-medium{font-size: 15px;}
    .mission .title .incx img {max-width: 21px;margin-right: 6px;}
    
}

@media screen and (max-width:375px) {
    .frm-content-wrapper .card-checkBx-block {
        gap: 0;
    }

    .frm-content-wrapper .cmn-checkBx-block label {
        flex-direction: column;
        gap: 10px;
    }
    .cardSlider-item .customer-name{font-size: 13px;}
    .cards-box {height: 285px;}
    .story-box .incx{margin-bottom: 10px;}
    .story-box .incx img {max-width: 16px;}
} 

.dash-nav-user-select-dd .dd-val{max-width: calc(223px - 77px); overflow: hidden; text-overflow: ellipsis;}
.di-table-row .onb-table-wrapper{overflow: auto;border: 1px solid #F2F4F7;}
td[data-column="Mailing Address"]{min-width: 260px;}
.di-table-row .onb-table-wrapper::-webkit-scrollbar{width: 6px;height: 6px;}
.di-table-row .onb-table-wrapper::-webkit-scrollbar-thumb{background: #0096FF; border-radius: 20px;}
.di-table-row .onb-table-wrapper::-webkit-scrollbar-track{background: #ededed; border-radius: 20px;}
@media screen and (max-width:991px){
    .di-table-row .onb-table-wrapper.res-991-table  td[data-column="Mailing Address"]{min-width: unset;}
    .di-table-row .onb-table-wrapper{border:0;}
}

.servC-pdefault{
    max-width: 22px;
}

@media (min-width:992px) and (max-width:1270px) {
    .cor-type-act-block .cmn-select+.select2-container--default .select2-selection--single .select2-selection__rendered {
        white-space: unset;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }
}