body {
    font-family: 'Montserrat', sans-serif !important;
}

.about-us-section {
    padding: 33px 0 0;
    overflow: hidden;
    position: relative;
}

.section-bg {
    background-color: #f7f8fb;
    padding-bottom: 110px;
}

.content_wrapper {
    display: flex;
    flex-direction: column;
}

.tag-title-wrapper {
    text-align: center;
    width: 100%;
}

.tag-title-wrapper span {
    background: #4285c5;
    border-radius: 50px;
    box-shadow: 0 32px 64px -12px #00000024;
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
    padding: 5px 10px;
    color: #fff;
}

.service-content-row {
    background-color: #fff;
    padding-top: 50px;
}

.section-heading {
    max-width: 60% !important;
    position: relative;
}

.section-heading h1,
.card-services-section .heading-wrapper,
.services-maker-card h2 {
    font-size: 44px;
    font-weight: 600;
    line-height: 62.2px;
    background: linear-gradient(to right, #003366, #005577);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    margin-bottom: 24px;
    position: relative;
}

.section-heading .about-us-heading {
    display: inline-flex;
    vertical-align: middle;
    margin-left: 5px;
    position: absolute;
}

.about-us-section .section-heading p {
    font-weight: 500;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 15px;
    color: #647b92;
    line-height: 27px;
    max-width: 100%;
    width: 100%;
    margin-bottom: 32px;
}

.arrange-btn {
    display: flex;
    gap: 16px;
}


.demo-arrange-btn {
    background-color: #4285c5;
    border: 1px solid #4285c5;
    color: #fff;
    position: relative;
    overflow: hidden;
    transition: background-color .5s;
}

.arrange-btn button {
    border-radius: 100px;
    padding: 4px 20px 4px 4px;
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    font-family: Montserrat, sans-serif;
    gap: 10px;
}

.demo-white-btn {
    background-color: transparent;
    border: 1px solid #4285c5;
    color: #4285c5;
    position: relative;
    overflow: hidden;
    transition: background-color .5s;
}

.demo-arrange-btn span {
    padding: 7px;
    border-radius: 100px;
    transition: transform .5s;
    background-color: #2c6ba8;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}



.demo-white-btn span,
.demo-white-btn:hover {
    background-color: #e6edf5;
}

.about-image-container {
    width: 40% !important;
    position: relative;
    text-align: center;
}

.about-image-container .newsletter-imageOne {
    position: relative;
    max-width: 280px;
    width: 100%;
    box-shadow: 0 0 15px lightgrey;
    z-index: 9;
}

.about-image-container .newsletter-imageTwo {
    position: absolute;
    width: 165px;
    left: 53%;
    top: 95px;
}

.about-image-container .newsletter-imageThree {
    position: absolute;
    width: 133px;
    left: 69%;
    top: 47px;
    z-index: 999;
}

.newsletter-imageForth {
    position: relative;
    z-index: 9;
    border-radius: 25px;
    box-shadow: 0 0 15px lightgrey;
    margin-top: 87px;
}

.static-line {
    height: 204%;
    position: absolute;
    border-left: 3px dashed #4285c5;
    top: 359px;
    opacity: 1;
    left: 50%;
     transform: scale(1);
    opacity: 1;
}

#first-img-row {
    align-items: end;
}

#first-img-row,
#second-img-row {
    position: relative;
    padding-top: 80px;
}

#second-img-row {
    align-items: flex-start;
}

#first-img-row,
#second-img-row {
    position: relative;
    padding-top: 80px;
}

.row-major {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}



 #task-dashboard-image {
    box-shadow: 0 32px 64px -12px #00000024;
    max-width: 594px;
    width: 100%;
    z-index: 99;
    object-fit: contain;
    position: relative;
    right: -102px;
    left: auto;
    border-radius: 25px;
    }

.plane-image {
    position: absolute;
    top: 91px;
    content: "";
    right: auto;
    left: 24%;
    z-index: 999;
}

.invoice-image {
    width: 100%;
    object-fit: contain;
    box-shadow: 0 32px 64px -12px #00000024;
    border-radius: 10px;
    max-width: 340px !important;
    /* max-width: 538px !important; */
    position: relative;
    /* left: 79px; */
    z-index: 99;
}

.screenshot {
    max-width: 492px !important;
}

.invoice-image#second-invoice {
    right: -69%;
    left: auto;
    top: -403px;
}

/* .invoice-image {
    width: 100%;
    object-fit: contain;
    box-shadow: 0 32px 64px -12px #00000024;
    border-radius: 10px;
    max-width: 340px;
    position: absolute;
    right: -4px;
    z-index: 99;
    top: 106px;
} */
.dotted-line {
    position: absolute;
    right: 253px;
    height: 100%;
    top: -73px;
}

.dotted-line .absolute-wrapper.isVertical {
    border-top-style: none;
    transform: scale(1);
    opacity: 1;
}

.dotted-line .absolute-wrapper {
    position: relative;
    /* border-right: 3px dashed #4285c5; */
    width: auto;
    height: 32%;
}

.vertical-line {
    width: 3px;
    background-color: #f7f8fb;
    position: absolute;
    height: 100%;
    inset: auto 0% 0% auto;
}

.position-img {
    position: absolute;
    top: 30px;
    z-index: 999;
    left: 0%;
    object-fit: contain;
}

.two-img-wrapper .dotted-line {
    top: auto;
    bottom: -424px;
    right: 203px;
}

.two-img-wrapper {
    text-align: center;
    display: flex;
    flex-direction: column;
    height: 157px;

}

#second-img-row .dotted-horizontal-line {
    top: 40%;
}

.dotted-horizontal-line {
    position: absolute;
    width: 50%;
    top: 64%;
    left: 28%;
    transform: scale(1);
    opacity: 1;
}

.third-line.dotted-line .absolute-wrapper {
    height: 14%;
}

.dotted-line .absolute-wrapper {
    position: relative;
    /* border-left: 3px dashed #4285c5; */
    width: auto;
    height: 116%;
}

.vertical-line {
    width: 3px;
    background-color: #f7f8fb;
    position: absolute;
    height: 100%;
    inset: auto 0% 0% auto;
}

.dashboard-image {
    max-width: 700px !important;
    width: 100%;
    object-fit: contain;
    z-index: 99;
    position: relative;
    box-shadow: 0 0 15px lightgrey;
    border-radius: 25px;

}

.deal-image {
 max-width: 550px;
    width: 100%;
    object-fit: contain;
    z-index: 99;
    position: relative;
    right: -57%;
    top: -302px;
    box-shadow: 0 0 15px lightgrey;
    border-radius: 25px;
}

.dotted-horizontal-line .absolute-wrapper {
    position: relative;
    border: 3px dashed #4285c5;
    width: 58% !important;
    height: auto;
    top: -60px;
    transform: scale(1);
    opacity: 1;
}



#first-img-row .horizontal-line.horizontal-line-1 {
    inset: auto auto 0px 0%;
}

.horizontal-line {
    position: absolute;
    background-color: #f7f8fb;
    width: 100%;
    height: 4px;
}

.dotted-horizontal-line {
    position: absolute;
    width: 80%;
    top: 64%;
    left: 29%;
}

.heading-wrapper {
    font-size: 44px;
    font-weight: 600;
    line-height: 62.2px;
    color: #224363;
    margin-bottom: 24px;
    position: relative;
}

.card-services-section .heading-container .services-maker-target-img {
    position: absolute;
    bottom: 0;
    left: -130px;
}

.card-services-section .heading-container .services-maker-clock-img {
    position: absolute;
    top: 0;
    right: -125px;
}

.heading-container {
    max-width: 768px;
    width: 100%;
    margin: 0 auto 80px;
    position: relative;
    text-align: center;
}

.services-maker-card-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    position: relative;
}

.services-maker-card.width_container {
    min-width: 25%;
    max-width: 100%;
    width: 100%;
    word-wrap: break-word;
}

.gradient-yellow-border {
    background-image: linear-gradient(#fff, #fff), linear-gradient(180deg, #eac645, #eac64500);
}



.services-maker-card h2 {
    font-size: 44px;
    font-weight: 600;
    line-height: 62.2px;
    color: #224363;
    margin-bottom: 24px;
    position: relative;
}

.services-maker-card h6 {
    font-size: 20px;
    font-weight: 600;
    color: #224363;
    /* padding: 48px 0 8px; */
    line-height: 28px;
}

.services-maker-card p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #647b92;
}

.gradient-pink-border {
    background-image: linear-gradient(#fff, #fff), linear-gradient(180deg, #ff6b7e, #ff6b7e00);
}

.gradient-purple-border {
    background-image: linear-gradient(#fff, #fff), linear-gradient(180deg, #9e76cc, #9e76cc00);
}




.service-tab-wrapper {
    display: flex;
    padding: 8px;
    background-color: #f7f8fb;
    border-radius: 100px;
    position: sticky;
    top: 0px;
    /* z-index: 1000; */
    transition: all .3s ease;
    text-align: center;
    align-items: center;
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    justify-content: center;
}

.service-tab-wrapper a.active-tab-link {
    background-color: #224363;
    color: #fff;
    padding: 8px 23px;
    border-radius: 100px;
    font-family: 'Montserrat', sans-serif !important;
}

.service-tab-wrapper a {
    color: #224363;
    padding: 8px 38px;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    font-family: 'Montserrat', sans-serif !important;
    text-decoration: none;
}

a {
    text-decoration: none;
}

.service-content-row {
    position: sticky;
    top: 80px;
    min-height: 96vh;
    display: flex;
    align-items: center;
}

.service-content-row .service-left-content {
    align-items: flex-start;
    display: flex;
    width: 51% !important;
    padding-left: calc((100% - 1280px) / 2);
    overflow: hidden;
    margin-top: -335px;
}

.service-tab-content-wrapper {
    display: inline-block;
    position: relative;
    z-index: 1;
}

.service-flex-content {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
    margin-top: 47%;
}

.marger-mt {
    margin-top: -195px !important;
}

.service-tab-content-wrapper h4 {
    padding: 0 0 24px;
    font-size: 32px;
    line-height: 42px;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif !important;
    color: #224363;
    text-align: left;
}

.service-tab-content-wrapper p {
    font-size: 16px;
    line-height: 24px;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 500;
    color: #224363;
    margin-bottom: 32px;
}

.service-tab-content-wrapper .service-flex-content a {
    color: #4285c5;
    font-size: 18px;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif !important;
    line-height: 27px;
    display: flex;
    align-items: start;
}

.heading-tr {
    color: #ffffff !important;
    padding-left: 30px !important;
}

.para-tr {
    color: #ffffff !important;
    padding-left: 30px !important;
}

.service-flex-content .arrange-btn {
    display: none;
}

.tab-dropdown-wrapper {
    display: block;
    width: 100%;
}

.tab-dropdown {
    display: flex;
    gap: 16px;
    margin-top: 150px;
    width: 100%;
}

.dropdown-btn {
    border-width: 1px 1px 0px 1px;
    border-style: solid;
    border-color: transparent;
    background-origin: border-box;
    background-clip: padding-box, border-box;
    border-radius: 8px;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    flex-direction: column;
}

.gradient-pink-border {
    background-image: linear-gradient(#fff, #fff), linear-gradient(180deg, #ff6b7e, #ff6b7e00);
}

.tab-content-2 {
    display: block;
    animation: fadeIn .3s ease;
    margin: 10px 0;
    width: 100%;
}

.tab-dropdown .tab-content-2 p {
    font-size: 12px;
    line-height: 18px;
}

.service-tab-content-wrapper p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #224363;
    margin-bottom: 32px;
}

.tab-dropdown-wrapper a {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.dropdown-btn svg {
    float: right;
}

.tab-content-2 {
    display: block;
    animation: fadeIn .3s ease;
    margin: 10px 0;
    width: 100%;
}

.service-content-row {
    /* display: block;
    height: 100%;
    position: relative; */
    background-color: #fff;
    padding-top: 5px;
}

.service-content-row .service-content-image,
.service-content-row .service-content-image img {
    position: relative;
    z-index: 999;
}

.service-content-row .service-content-image img {
    object-fit: contain;

}

.service-content-row .service-content-image:after {
    position: absolute;
    top: 0;
    width: 500px !important;
    height: 80%;
    background: linear-gradient(90deg, #ffda5626, #ff9aa726 25%, #c18ffa26 75%, #56a8f726);
    left: 0;
    content: "";
    filter: blur(90px);
}

.service-content-image img {
    max-width: 100%;
    height: auto;
}


.case-studies-blocks {
    padding: 80px 0;
    background: #fff;
}

.case-study-heading {
    margin-left: auto;
    margin-right: auto;
}

.case-study-heading h2 {
    font-size: 48px;
    line-height: 58px;
    font-weight: 600;
}

.rowsing {
    display: flex;
    flex-wrap: nowrap;
}

.cust-story-parent.services-maker-card {
    padding: 8px;
    border-radius: 16px;
    box-shadow: none;
}


.cust-story-parent.services-maker-card .pcs-image-wrap {
    max-width: 500px;
    height: 250px;
    width: 100%;
}

.cust-story-parent.services-maker-card .card-img-top {
    border-radius: 12px;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.position-image {
    bottom: 0;
    left: 0;
    padding: 8px;
    position: absolute;
    display: flex;
    width: 100%;
    align-items: flex-end;
}

.image_wrapper_white {
    padding: 8px;
    border-radius: 8px;
    background-color: #ffffffbf;
    max-width: 77px;
    height: 48px;
    display: flex;
    align-items: center;
}

.image_wrapper_white img {
    height: 100%;
    width: 100%;
}

.light-container {
    height: 30px;
    flex-direction: row;
}

.image_wrapper_light {
    padding: 4px;
    border-radius: 4px;
    align-items: center;
    background: #e6edf5;
    gap: 4px;
    display: flex;
    justify-content: space-between;
}

.image_wrapper_light span {
    font-size: 10px;
    line-height: normal;
    color: #435f7a;
    font-weight: 600;
}

.cust-story-parent .card-body {
    padding: 5px 0 24px;
    display: flex;
    flex-direction: column;
}

.cust-story-parent .card-body h2 {
    font-size: 42px;
    line-height: 57.6px;
    font-weight: 600;
    color: #4285c5;
    display: none;
}

.cust-story-parent .card-body .second_heading {
    font-size: 18px;
    line-height: 27px;
    font-weight: 600;
    color: #4285c5;
    margin-bottom: 16px;
}

.cust-story-parent .card-body .card-text {
    font-size: 14px;
    line-height: 21px;
    font-weight: 500;
    color: #435f7a;
    margin-bottom: 32px;
}

.container {
    margin: 0 auto;
}

.light-container {
    gap: 8px;
    margin-left: auto;
    display: flex;
    justify-content: space-between;
    /* flex-direction: column; */
}

.cust-story-parent .card-body .card-button {
    padding: 8px 12px;
    border-radius: 100px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    width: 96%;
    border: 1px solid;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background-color: transparent;
    color: #0d6efd;
}


.services-maker-card {
    border-radius: 16px;
    padding: 32px;
    border-width: 2px 2px 0px 2px;
    border-style: solid;
    border-color: transparent;
    background-origin: border-box;
    background-clip: padding-box, border-box;
    box-shadow: 0 0 20px #ffda561a, 0 0 40px #ff9aa71a, 0 0 60px #c18ffa1a, 0 0 80px #56a8f71a;
}

.emuk_section .story-card {
    flex: 0 0 auto;
    width: 382px;
    max-width: 100%;
    padding: 0 15px;
}


.feedback-section {
    padding: 100px 0px;
}

.feedback-wrapper {
    position: relative;
    text-align: center;
}

.feedback-heading {
    font-size: 48px;
    font-weight: 600;
    line-height: 57.6px;
}

.feedback-logo {
    position: absolute;
    top: -121px;
    left: 30%;
    width: 92px;
    height: 92px;
    border: 1px solid transparent;
    border-radius: 50px;
    background: linear-gradient(white, white) padding-box, linear-gradient(90deg, #f2f3f8, #2757db) border-box;
    box-shadow: 0 4px 10px rgba #00000014 (0, 0, 0, 0.08);
}

.feedback-logo-2 {
    position: absolute;
    top: 45px;
    left: 22%;
    width: 92px;
    height: 92px;
    border: 1px solid transparent;
    border-radius: 50px;
    background: linear-gradient(white, white) padding-box, linear-gradient(90deg, #f2f3f8, #2757db) border-box;
    box-shadow: 0 4px 10px rgba #00000014 (0, 0, 0, 0.08);
}

.feedback-logo-3 {
    position: absolute;
    top: -53px;
    width: 92px;
    right: 16%;
    height: 92px;
    border: 1px solid transparent;
    border-radius: 50px;
    background: linear-gradient(white, white) padding-box, linear-gradient(90deg, #f2f3f8, #2757db) border-box;
    box-shadow: 0 4px 10px rgba #00000014 (0, 0, 0, 0.08);
}

.tab-content.active {
    display: flex;
}

.card-wrapper {
    display: flex;
    justify-content: center;
    gap: 50px;
}

.slack-review {
    display: flex;
    gap: 49px;
}

.tab h6 {
    margin-bottom: 0;
}

.service-tab-content {
    margin-top: 20px;
}

.slack-card {
    padding: 24px !important;
    border-radius: 12px;
    margin-bottom: 24px;
    box-shadow: 0 16px 32px -12px #00000024;
    overflow: hidden;
    width: 400px;
}

.gradient-border {
    background-image:
        linear-gradient(#fff, #fff),
        linear-gradient(180deg, #eac645, #eac64500);
    border-width: 2px 2px 0px 2px;
    border-style: solid;
    border-color: transparent;
    background-origin: border-box;
    background-clip: padding-box, border-box;
}

.review-client img {
    max-width: 100%;
    width: 81px;
}

.crew-card {
    display: flex;
    gap: 20px;
}

.professional-name {
    text-align: center;
    display: inline-block;
    padding: 31px 0px;
}

.tabs-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    max-width: 100%;
    overflow: hidden;
}

.tabs-scroll {
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    width: 80%;
    /* Adjust as needed */
    scrollbar-width: none;
}

.tabs-scroll::-webkit-scrollbar {
    display: none;
}

.tab {
    flex: 0 0 20%;
    box-shadow: 0 3.29px 3.29px #00000040 !important;
    padding: 10px;
    margin: 28px 4px;
    border: none;
    background: #f1f1f1;
    border-radius: 4px;
    white-space: nowrap;
    text-align: center;
    cursor: pointer;
    color: #003366;
    border-radius: 40px;
}

.tab.active {
    background: linear-gradient(90deg, #405b8d, #5c82bb);
    box-shadow: 0 3.29px 3.29px #00000040;
    border-color: transparent;
    color: white !important;
}

.about-content-sm {
    text-align: center;
    margin-bottom: 0px;
    padding: 2px;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif !important;

}

.arrow-btn {
    font-size: 24px;
    background: none;
    border: none;
    cursor: pointer;
    color: #333;
    padding: 10px;
    user-select: none;
}

.tab-list {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 15px;
    color: #647b92;
}

.customer-logo {
    padding: 42px 0px;
    background: linear-gradient(304.38deg, #242c5d 12.97%, #45a3fc 70.31%);
}

.logo-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.logo-client {
    background-color: #ffffff;
    border-radius: 10px;
}

.logo-client img {
    width: 100%;
    padding: 12px;
    height: 145px;
    object-fit: contain;
    display: block;
}

.valued-partnr {
    font-size: 48px;
    color: #121212;
}

.abt-form {
    background-color: #f7f8fb;
    padding: 0px 0px 29px 0;
}

.faded_area {
    height: 80px;
}

.faded_area_top {
    background: linear-gradient(180deg, #fff, #f7f8fb);
}

.contact-row {
    display: flex;
    flex-wrap: nowrap;
    gap: 80px;
}

.contact_content,
.contact-form {
    max-width: 50%;
}

.contact_form-sl {
    max-width: 50%;
}

.contact_content h2 {
    margin-bottom: 24px;
    font-size: 48px;
    font-weight: 600;
    line-height: 57.6px;
    color: #224363;
}

.contactor-card {
    padding: 24px;
    display: flex;
    gap: 24px;
    margin: 32px 0;
    border-width: 2px 2px 0px 2px;
    border-style: solid;
    border-color: transparent;
    background-origin: border-box;
    background-clip: padding-box, border-box;
    border-radius: 16px;
    box-shadow: 0 32px 64px -12px #00000024;
}

.contactor-card h6 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    color: #224363;
}

.contactor-card p {
    font-size: 14px;
    line-height: 21px;
    font-weight: 500;
    color: #224363;
    margin-bottom: 20px;
}

.contactor-card a.demo-arrange-btn {
    border-radius: 100px;
    padding: 4px 20px 4px 4px;
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    font-family: Montserrat, sans-serif;
    gap: 10px;
    text-decoration: none;
    width: auto;
    display: inline-flex;
}

.gradient-blue-border {
    background-image: linear-gradient(#fff, #fff), linear-gradient(180deg, #4285c5, #4285c500);
}

.contactor-card img {
    width: 160px;
    height: 160px;
    object-fit: contain;
    max-width: 100%;
}

.form-row {
    display: flex;
    gap: 48px;
    margin-bottom: 24px;
}

.form-item {
    margin-bottom: 20px;
    flex: 1;
}


.form-item input,
.form-item textarea {
    width: 100%;
    font-size: 1em;
    border-width: 0 0 2px 0;
    border-style: solid;
    border-color: #4285c5;
    border-radius: 0;
    background-color: transparent;
    padding: 12px;
}

.contact_form .form-item .funnel_radio-wrapper {
    display: flex;
    gap: 16px;
}

.hide-my-inputs input {
    position: absolute;
    width: 0;
    height: 0;
}

.contact_form .form-item .funnel_radio-wrapper label {
    display: flex;
    align-items: center;
    border: 2px solid rgba(230, 237, 245, 1);
    width: 100%;
    padding: 8px 16px 8px 8px;
    border-radius: 6px;
}

.options span.radio_btn {
    border: 2px solid #4285C5;
    border-radius: 4px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #4285c5;
    margin-right: 8px;
}

.hide-my-inputs input {
    position: absolute;
    width: 0;
    height: 0;
}

.form-item label {
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    color: #224363;
}

.form-item textarea {
    width: 100%;
    font-size: 1em;
    border-width: 0 0 2px 0;
    border-style: solid;
    border-color: #4285c5;
    border-radius: 0;
    background-color: transparent;
    padding: 12px;
}

.contact_form .funnel_checkbox {
    display: flex;
    align-items: baseline;
}

.contact_form p.funnel_checkbox-lable {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    padding-left: 8px;
}

.demo-white-btn {
    border-radius: 100px;
    padding: 4px 20px 4px 4px;
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    font-family: Montserrat, sans-serif;
    gap: 10px;

}

.demo-white-btn:hover {
    background-color: #e6edf5;
}

.demo-white-btn span {
    padding: 12px;
    border-radius: 100px;
    transition: transform .5s;
    width: 48px;
    height: 48px;
    background-color: #e6edf5;
}

.clip-linear {
    position: relative;
}

.clip-linear:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #ffda5680, #ff9aa780, #c18ffa80 66%, #56a8f780);
    filter: blur(80px);
}

.clip-linear img {
    position: relative;
    width: 100%;
}

.accordion {
    background-color: transparent;
    color: #000000;
    cursor: pointer;
    padding: 18px;
    width: 50%;
    font-size: 18px;
    font-family: Montserrat, sans-serif !important;
    text-align: left;
    border: none;
    font-weight: 500;
    outline: none;
    transition: 0.4s;
    border-top: 2px solid #000;
}

.panel-1 {
    padding: 9px 18px;
    background-color: transparent;
    color: #000;
    display: none;
    overflow: hidden;
    width: 50%;
}

.accrordian-tabs {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.accordion:after {
    content: '\02795';
    font-size: 13px;
    color: black;
    float: right;
    margin-left: 5px;
}

.accordion.active:after {
    content: '\2796';
}

/* services */
.landing-page {
    padding: 52px 0;
    position: relative;
    background-image: url(../images/servicebg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    z-index: 1;
}

.service-content-image {
    width: 50%;
}
.service-image {
    width: 75% !important;
}

.landing-page::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    z-index: 2;
}

.landing-mt {
    display: flex;
}

.title-ld {
    font-size: 36px;
    max-width: 740px;
    background: linear-gradient(to right, #003366, #005577);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.title-ld {
    text-align: center;
}

.landing-mt .right-icon {
    margin-top: -70px;
}

.bg-content {
    padding: 24px;
    background: transparent linear-gradient(90deg, #00000012, #0000) 0% 0% no-repeat padding-box;
    border-radius: 20px;
    padding: 30px;
}

.banner-col {
    /* justify-content: flex-end; */
    padding-left: calc((100% - 1300px) / 2);
    display: flex;
    flex-flow: wrap;
    row-gap: 30px;
    align-items: center;
}

.left-col {
    width: 100%;
    max-width: 609px;
    font-size: 18px;
    line-height: 1.5;
}

li {
    list-style: none;
}

.right-col {
    width: 100%;
    max-width: calc(100% - 609px);
    /* padding-left: 65px; */
    position: relative;
}

.img-box img {
    /* height: 100%; */
    /* position: absolute; */
    width: 100%;
    border-radius: 20px 0 0 20px;
    height: auto;
    object-fit: contain;
    border-radius: 30px;
    object-position: left top;
}

.circle-one {
    background: transparent linear-gradient(223deg, #fff, #1c1c4800) 0% 0% no-repeat padding-box;
    box-shadow: -15px 15px 30px #00000003;
    border-radius: 1000px;
    opacity: 1;
    position: absolute;
    bottom: 0;
    width: 150px;
    height: 150px;
    left: 0;
    top: -35%;
    z-index: -1;
    transform: translateY(50%) matrix(-.07, 1, -1, -.07, 0, 0);
}

.circle-two {
    background: transparent;
    border-radius: 1000px;
    opacity: 1;
    width: 150px;
    height: 150px;
    position: absolute;
    right: 0;
    top: -188px;
    left: 53%;
    z-index: -1;
}
.circle-two img{
    width: 100%;
}
.left-icon{
    width: 11%;
}
.left-icon img{
    width: 100%;
}
.stack-wrapper {
    grid-row-gap: 40px;
    flex-direction: column;
    display: flex;
    position: relative;
}

.stack-wrapper .stack-item {
    position: sticky;
    top: 5rem;
}

.crew {
    background-color: transparent;
    border: none;
    border-radius: var(--primary-border-radius);
}

.crew .image-holder {
    position: relative;
    border-radius: var(--primary-border-radius);
    overflow: hidden;
}

.crew-thumb:not(.btn),
.crew-thumb:link:not(.btn),
.crew-thumb:visited:not(.btn),
.crew-thumb:hover:not(.btn),
.crew-thumb:active:not(.btn) {
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.5;
    text-decoration: none;
    transition: all 0.4s ease-out 0s;
}

.portfolio-item .crew-thumb {
    display: block;
    overflow: hidden;
}

.portfolio-item .crew-thumb img {
    min-height: 550px;
    object-fit: cover;
    max-width: 100%;
    transition: all var(--transition-function) var(--transition-duration);
}

.portfolio-item.has-shadow .crew-thumb::before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 85%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(3, 7, 18, 0)), to(rgba(3, 7, 18, 0.45)));
    background: linear-gradient(180deg, rgba(3, 7, 18, 0), rgba(3, 7, 18, 0.45));
    -webkit-transition: opacity var(--transition-function) var(--transition-duration);
    transition: opacity var(--transition-function) var(--transition-duration);
}

.portfolio-item.layout-2 .crew-overlay:not(.top) {
    background: 17, 16, 19;
    background: linear-gradient(360deg, rgba(17, 16, 19, 0.5) 0%, rgba(17, 16, 19, 0) 100%);
}

.portfolio-item.layout-2 .crew-overlay {
    color: var(--white-color);
}

.crew .crew-overlay:not(.top) {
    bottom: 0;
}

.crew .crew-overlay {
    position: absolute;
    left: 0;
    z-index: 1;
    width: 100%;
    display: flex;
    padding: 3vh;
    color: var(--white-color);
}

.portfolio-section {
    position: relative;
    width: 100%;
    min-height: 106vh;
    padding: 80px 20px;
    background-image: url(../images/bg-v2.png);
    background-repeat: no-repeat;
    background-position: left center;
    align-items: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.icon-list {
    display: flex;
    gap: 20px;
    align-items: center;
}

.smm-icon {
    font-size: 24px;
    background: linear-gradient(to right, #0077ff, #00c6ff);
    -webkit-background-clip: text;
    color: transparent;

}

.img-smm {
    position: relative;
}

.img-smm-img {
    width: 100%;
    margin-top: 59px;
    height: 500px;
    object-fit: cover;
}

.smm-para-mt {
    position: absolute;
    top: 71px;
    right: 24px;
    background-color: white;
    padding: 10px;
    border-radius: 20px;
}

.smm-para-sm {
    position: absolute;
    bottom: 11px;
    right: 99px;
    background-color: white;
    padding: 10px;
    border-radius: 100px;
}

.img-cnt {
    display: flex;
}

.smm-mg {
    width: 41px !important;
    height: 40px !important;
    border-radius: 100px;
}

.title-xl {
    background: linear-gradient(to right, #003366, #005577);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    font-family: 'Montserrat', sans-serif !important;

}

.img-crm {
    width: 100%;
    margin-top: 71px;
}

.brdr-ctr {
    background-image: url(https://www.shutterstock.com/image-vector/abstract-blue-background-modern-simple-600nw-2474145007.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.heading-mk {
    font-size: 20px;
    color: white;
    font-family: 'Montserrat', sans-serif !important;
}

.para-mk {
    font-size: 18px;
    color: white;
    font-family: 'Montserrat', sans-serif !important;
}

.p-20 {
    padding: 55px 35px;
}

.b-20 {
    border-bottom: 1px solid white;
}

.mr-10 {
    border-right: 1px solid white;
}

.circle-rounded {
    padding: 40px 0 !important;
    position: absolute;
    top: 39%;
    left: 42%;
    background-color: white;
    border-radius: 100%;
    width: 138px;
    height: 131px;
    text-align: center;
}

.main-articles {
    padding: 42px 0;
}

.fz-10 {
    font-size: 50px;
    color: white;
}

.ftr-rounded {
    background: linear-gradient(to right, #003366, #005577);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    font-size: 15px;
    text-decoration: none;
    font-weight: bold;
}

.main-section {
    background-color: #f7f8fb;
    padding: 42px 0;
}

.initial-center-service-mt {
    background: linear-gradient(90deg, #6C7EFF, #A4B0FF);
    color: white;
    padding: 12px 25px;
    border-radius: 30px;
    font-weight: bold;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
    position: absolute;
    top: 39%;
    left: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
    opacity: 1;
    z-index: 20;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: opacity 0.6s ease;
    text-align: center;
    font-size: 0.95rem;
}

.center-banner-sl {
    margin-top: 10%;
}

.desktop-tab-view {
    position: relative;
    background-color: #f7f8fb !important;
    min-height: 100vh;
    padding: 150px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.image-hover-box {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    border-radius: 8px;
    background-color: transparent;
    width: 100%;
    margin: auto;
}

.image-hover-box img {
    display: block;
    width: 100%;
    height: 400px;
    object-fit: cover;
    border-radius: 8px;
    position: relative;
    z-index: 1;
    transition: transform 0.4s ease-out;
}

.image-hover-box:hover img {
    transform: translateX(-10px);
    transition: transform 0.2s ease-in;
}

.image-hover-box .overlay {
    position: absolute;
    bottom: -0%;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(64, 91, 141, 0.7), rgba(92, 130, 187, 0.7));
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 15px;
    transition: bottom 0.4s ease;
    border-radius: 8px;
    z-index: 2;
}

.image-hover-box .overlay h4 {
    font-size: 36px !important;
    font-weight: 900;
}

.image-hover-box:hover .overlay {
    bottom: -100%;
}

.clickable-iframe {
    cursor: pointer;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    max-width: 100%;
    width: 408px;
}
.clickable-iframe-1 {
    cursor: pointer;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    max-width: 100%;
    box-shadow: 0 0 31px lightgrey;
}
.overlay img {
    width: 200px;
    height: 100px;
    max-width: 100%;
}

.overlay h4 span {
    font-size: 25px;
}

.second_heading-f1 {
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    color: #446aa3;
    margin-bottom: 12px;
}

.f-30 {
    font-size: 14px !important;
    color: #435f7a !important;
    font-weight: 500;
}

.about-content-dm {
    font-weight: 600;
    color: #242c5d;
    font-size: 14px;
    line-height: 32px;
    margin-bottom: 20px;
    text-align: left !important;
}

.p-50 {
    padding: 120px 0 !important;
}

.blog-ab {
    position: absolute;
    top: 27%;
    left: 30px;
}

.card-blog {
    background: white;
    border: 1px solid #dfe4ea;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    position: relative;
}

.card-stripe {
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    color: #314158;
    margin-bottom: 64px;
}

.card-fluid {
    width: 100%;
    height: 207px;
    object-fit: cover;
}

.center-banner-3l {
    text-align: left;
}

.main-banner {
    background: linear-gradient(360deg, #e0f7fa 0%, #ffffff 100%);
    text-align: left;
}

.blog-flex {
    display: flex;
    gap: 20px;
}

.blog-content {
    background: linear-gradient(90deg, #6C7EFF, #A4B0FF);
    color: white;
    padding: 3px 25px;
    border-radius: 30px;
    font-weight: bold;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
    white-space: nowrap;
    text-align: center;
}

.blog-content p {
    padding-top: 7px;
}

.img-blog {
    width: 100%;
    height: 400px;
    object-fit: cover;
}

.blog-text a {
    background: linear-gradient(to right, #003366, #005577);
    -webkit-background-clip: text;
    color: transparent;
    font-size: 18px;
    text-decoration: none;
    display: inline-block;
    transition: transform 0.3s ease;
}

.blog-text a:hover {
    transform: translateX(20px);
}

.comment-form {
    padding: 20px;
    border-radius: 25px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);

}

.form_radio-field {
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 10px 20px;
    margin: 10px 10px 0 0;
    cursor: pointer;
    transition: 0.3s;
}

.form_radio-field.selected {
    background-color: #224363;
    border-color: #224363;
    color: white;
}

.form_radio-field .radio_btn {
    font-weight: bold;
    margin-right: 8px;
}

/* Hide default checkbox */
input[type="checkbox"] {
    display: none;
}

.ftr-list>a.ftr-list {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: inherit;
    white-space: normal;
}

.ftr-list>a.ftr-list i.fa-icon {
    min-width: 20px;
    font-size: 18px;
    color: #777;
    flex-shrink: 0;
}

.address-text {
    line-height: 1.4;
}

.primary-bg {
    width: 100%;
    background: #f7f8fb;
    /* padding: 30px 0 60px; */
    padding: 130px 0;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}

.intro {
    position: sticky;
    top: 100px;
    flex-wrap: wrap;
    gap: 1rem;
    z-index: 10;
}

.intro .title {
    margin: 0;
    font-size: 50px;
    font-weight: 700;
    /* background: linear-gradient(0deg, #242c5d 42.97%, #45a3fc 70.31%); */
    background: linear-gradient(to right, #003366, #005577);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    font-family: 'Montserrat', sans-serif;
}

.service-box-info .is-home {
    padding: 0;
    display: block !important;
}

.service-box-features {
    width: 100%;
}

.service-box-features .box {
    background: #fff;
    border-radius: 30px;
    padding: 45px 28px 25px;
    margin-bottom: 70px;
    position: relative;
    box-shadow: 0 10px 40px #b5c9e4;
    opacity: 0;
    transform: translateX(100px);
    transition: all 0.6s ease-out;
}

.service-box-features .box.visible {
    opacity: 1;
    transform: translateX(0);
}

.service-box-features .box .icon {
    position: absolute;
    top: -38px;
    left: 44px;
    width: 56px;
    height: 56px;
}

.service-box-features h5 {
    font-family: 'Montserrat', sans-serif;
    font-size: 28px;
    line-height: 32px;
    font-weight: 600;
    color: #5384c0;
    margin: 0 0 8px;
}

.service-box-features p {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    color: #383838;
}

.process-container {
    max-width: 1200px;
    margin: auto;
    border-radius: 12px;
    overflow: hidden;
    margin: 100px auto;
}

.processs {
    display: flex;
    width: 800px;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    max-width: 100%;
    gap: 22px;
    background: transparent;
    border-radius: 35%;
    margin-bottom: -42px;
    z-index: -1;
}

.process {
    flex: 1;
    padding: 16px;
    border: none;
    background: none;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    transition: background 0.3s;
    border-radius: 25px;
    padding: 30px
}

.process:hover {
    background: #dce2ef;
}

.process.active {
    color: #000;
}

.process-content {
    padding: 24px;
    position: relative;
    z-index: 9;
}

.process-panel {
    display: none;
}

.process-panel.active {
    display: block;
    border-radius: 25px;
}

.process-unlist {
    list-style: none;
    padding-left: 0;
}

.process-unlist li {
    margin: 10px 0;
    display: flex;
    align-items: center;
}

.blue-text {
    color: #0055cc;
    margin-top: 24px;
    font-weight: bold;
}

.steps {
    display: flex;
    gap: 24px;
    margin-top: 20px;
    font-size: 14px;
    color: #0077cc;
}

.process-left-col {
    width: 50%;
    padding: 53px;
}

.process-right-col {
    width: 50%;
}

.process-content-flex {
    display: flex;
}

.main-img-wrap img {
    height: 400px;
    width: 100%;
    object-fit: contain;
    margin: 41px 0;
}

.process[data-tab="1"] {
    background-color: #E8Eff9;
}

.process-bg-1 {
    background-color: #E8Eff9;
}

.process[data-tab="2"] {
    background-color: #FFF0F2;
}

.process-bg-2 {
    background-color: #FFF0F2;
}

.process[data-tab="3"] {
    background-color: #F5F1FA;
}

.process-bg-3 {
    background-color: #F5F1FA;
}

.process[data-tab="4"] {
    background-color: #E9FAF0;
}

.process-bg-4 {
    background-color: #E9FAF0;
}

.fa-tab-icon {
    font-size: 24px;
    padding: 10px;
    color: #5a85c2;
    border-radius: 25px;
    background-color: #a6c3ec4a;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin-right: 10px;
}

.fa-tab-icon-1 {
    font-size: 24px;
    padding: 10px;
    color: #e4bdc2;
    border-radius: 25px;
    background-color: #f9ebec69;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin-right: 10px;
}

.fa-tab-icon-2 {
    font-size: 24px;
    padding: 10px;
    color: #c5b4db;
    border-radius: 25px;
    background-color: #f5f1fa9e;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin-right: 10px;
}

.z-series {
    z-index: -1;
}

.tab-left-col img {
    max-width: 100%;
}

.tab-top {
    top: -33px !important;
}

.hero-hand {
    font-family: 'Montserrat', sans-serif;
    font-size: 28px;
    line-height: 32px;
    font-weight: 600;
    color: #5384c0;
    margin: 0 0 8px;
}

.p-30 {
    padding-bottom: 0px !important;
}

.fa-tab-icon-3 {
    font-size: 24px;
    padding: 10px;
    color: #a9e5c2;
    border-radius: 25px;
    background-color: #e9faf061;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin-right: 10px;
}

@media (max-width: 991px) {
    .intro {
        position: static;
        margin-bottom: 30px;
    }
}