:root {
    --black: black;
    --white: white;
    --paragraph-color-02: #ccc;
    --transparent: #0000;
    --gradient-01: #d8468f;
    --gradient-04: #a4e1ee;
    --gradient-05: #e5eff1;
    --gradient-06: #0074c9;
    --gradient-02: black;
    --gradient-03: #16191a;
    --card-bg-color: #f5f6fe;
    --paragraph-color: #555
}

body {
    background-color: var(--black);
    color: var(--white);
    background-image: url(../68904cfcabcb5db8c54d6dc4_09ebf480d237884112491ee5c84ce70f_BG-Patent.avif);
    background-position: 50%;
    background-size: auto;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 140%
}

h1 {
    margin-top: 0;
    margin-bottom: 0;
    font-family: Sora, sans-serif;
    font-size: 70px;
    font-weight: 400;
    line-height: 120%
}

h2 {
    margin-top: 0;
    margin-bottom: 0;
    font-family: Sora, sans-serif;
    font-size: 50px;
    font-weight: 400;
    line-height: 120%
}

h3 {
    margin-top: 0;
    margin-bottom: 0;
    font-family: Sora, sans-serif;
    font-size: 38px;
    font-weight: 500;
    line-height: 140%
}

h4 {
    margin-top: 0;
    margin-bottom: 0;
    font-family: Sora, sans-serif;
    font-size: 28px;
    font-weight: 500;
    line-height: 140%
}

h5 {
    margin-top: 0;
    margin-bottom: 0;
    font-family: Sora, sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 140%
}

h6 {
    margin-top: 0;
    margin-bottom: 0;
    font-family: DM Sans;
    font-size: 20px;
    font-weight: 500;
    line-height: 140%
}

p {
    color: var(--paragraph-color-02);
    margin-bottom: 0;
    line-height: 160%
}

a {
    color: var(--white);
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 140%;
    text-decoration: none
}

ul,
ol {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: column;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 40px;
    display: flex
}

li {
    color: var(--paragraph-color-02)
}

img {
    object-fit: cover;
    width: 100%;
    max-width: 100%;
    height: 100%;
    display: inline-block
}

label {
    margin-bottom: 0;
    font-family: Sora, sans-serif;
    font-weight: 500;
    display: block
}

strong {
    color: var(--white);
    font-weight: 700
}

.w-layout-blockcontainer {
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
    display: block
}

.w-layout-grid {
    grid-row-gap: 16px;
    grid-column-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.w-layout-hflex {
    flex-direction: row;
    align-items: flex-start;
    display: flex
}

.w-layout-vflex {
    flex-direction: column;
    align-items: flex-start;
    display: flex
}

@media screen and (max-width:991px) {
    .w-layout-blockcontainer {
        max-width: 728px
    }
}

@media screen and (max-width:767px) {
    .w-layout-blockcontainer {
        max-width: none
    }
}

.navbar {
    z-index: 99999;
    background-color: var(--transparent);
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    position: fixed;
    inset: 0% 0% auto
}

.container {
    width: 100%;
    max-width: 1500px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px
}

.navbar-wrapper {
    justify-content: space-between;
    align-items: center;
    display: flex
}

.navbar-brand {
    flex: none
}

.nav-menu {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 0;
    display: flex
}

.nav-link {
    padding: 10px;
    display: inline-block
}

.nav-link.w--current {
    color: var(--gradient-01)
}

.primary-button {
    z-index: 2;
    background-image: linear-gradient(93.34deg, var(--gradient-01)3.97%, var(--gradient-02)10.56%, var(--gradient-03)18.78%, var(--gradient-04)60.9%, var(--gradient-05)80.55%, var(--gradient-06)93.78%);
    border-radius: 50px;
    padding: 2px;
    position: relative;
    overflow: hidden
}

.primary-button._w-100 {
    width: 100%
}

.button-inside-border {
    z-index: 1;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: var(--black);
    border-radius: 50px;
    justify-content: center;
    align-items: center;
    padding: 14px 30px;
    display: flex;
    position: relative;
    overflow: hidden
}

.button-inside-border.white {
    background-color: var(--white);
    color: var(--black);
    background-color: var(--white)
}

.list-item.res-show {
    display: none
}

.banner-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.banner-wrapper.blog-detail-heading {
    max-width: 1240px
}

.banner-text {
    max-width: 1020px
}

.section-heading-wrapper {
    z-index: 4;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative
}

.section-heading-wrapper.left {
    text-align: left;
    justify-content: center;
    align-items: flex-start;
    margin-left: 0;
    margin-right: 0
}

.section-heading-wrapper.left.mb-0 {
    margin-bottom: 0
}

.faq-tabs {
    z-index: 2;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
    position: relative
}

.faq-tabs-menu {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    flex: none;
    justify-content: flex-start;
    align-items: flex-start;
    margin-right: 100px;
    display: flex;
    position: sticky;
    top: 100px
}

.faq-tag-icon {
    justify-content: center;
    align-items: center;
    display: flex
}

.faq-tabs-content {
    width: 100%;
    overflow: visible
}

.gradient-plus-icon {
    background-color: #ffffff12;
    border-radius: 50%;
    flex: none;
    width: 40px;
    height: 40px;
    position: relative;
    overflow: hidden
}

.plus-icon-wrapper {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: relative
}

.faq-tab-pane {
    height: 100%
}

.faq-ans {
    max-width: 1020px;
    padding-bottom: 30px
}

.faq-wrape {
    flex-flow: column;
    display: flex
}

.info-section {
    justify-content: center;
    align-items: center;
    padding-top: 350px;
    padding-bottom: 350px;
    display: flex;
    position: relative;
    overflow-x: clip
}

.nav-banner-wrapper {
    overflow-x: clip
}

.nav-banner-wrapper.overflow {
    overflow: auto
}

.info-heading-wrapper {
    z-index: 20;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: 880px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative
}

.inner-section {
    z-index: 5;
    padding-top: 200px;
    padding-bottom: 100px;
    position: relative
}

.inner-section.other-pages {
    padding-top: 200px;
    padding-bottom: 100px
}

.about-section {
    z-index: 4;
    width: 100%;
    padding-top: 100px;
    padding-bottom: 100px;
    position: relative;
    overflow-x: clip
}

.about-page-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: stretch stretch;
    display: grid
}

.about-text-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: row;
    justify-content: center;
    align-items: flex-start;
    display: flex
}

.about-text-detail {
    grid-column-gap: 26px;
    grid-row-gap: 26px;
    flex-flow: column;
    display: flex
}

.about-text-block {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: flex
}

.about-text-iocn {
    flex: none;
    width: 46px;
    display: flex
}

.about-image-wrapper {
    perspective: 1000px;
    transform-style: preserve-3d;
    justify-content: center;
    align-items: center;
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative;
    transform: rotateX(0)rotateY(.1deg)rotate(0)
}

.about-image-01 {
    transform-style: preserve-3d;
    border-radius: 10px;
    position: absolute;
    overflow: hidden;
    transform: rotate(-7deg)translate3d(-30%, 10px, -100px)
}

.about-image-02 {
    border-radius: 10px;
    position: relative;
    overflow: hidden
}

.about-image-03 {
    transform-style: preserve-3d;
    border-radius: 10px;
    position: absolute;
    overflow: hidden;
    transform: rotate(7deg)translate3d(30%, 10px, -100px)
}

.vision-mission-tabs-link {
    background-color: var(--transparent);
    background-image: linear-gradient(93.34deg, var(--gradient-01)2.7%, var(--gradient-02)9.51%, var(--gradient-03)18.27%, var(--gradient-04)64%, var(--gradient-05)85.4%, var(--gradient-06));
    filter: grayscale();
    border-radius: 50px;
    padding: 1px;
    transition: filter .4s;
    overflow: hidden
}

.vision-mission-tabs-link:hover {
    opacity: 100;
    filter: grayscale(0%);
    transform: scale(1)
}

.vision-mission-tabs-link.w--current {
    border-color: var(--gradient-01);
    background-color: var(--transparent);
    filter: none;
    color: var(--gradient-01)
}

.vision-mission-section {
    width: 100%;
    padding-top: 100px;
    padding-bottom: 100px;
    position: relative;
    overflow-x: clip
}

.vision-mission-tabs-menu {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 20px;
    padding-top: 2px;
    padding-bottom: 2px;
    display: flex
}

.vision-mission-grid {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.vision-mission-image-block {
    border-radius: 10px;
    position: relative;
    overflow: hidden
}

.couter-section-gird {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: stretch stretch;
    display: grid
}

.counter-number-wrapper {
    justify-content: center;
    align-items: flex-start;
    height: 60px;
    overflow: hidden
}

.counter-card-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    justify-content: center;
    align-items: center
}

.counter-block {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: row;
    justify-content: center;
    align-items: flex-start;
    max-width: 100%;
    display: flex
}

.counter-number {
    font-size: 60px;
    line-height: 100%
}

.counter-section {
    padding-top: 100px;
    padding-bottom: 100px;
    position: relative
}

.counter-card {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    color: var(--white);
    text-align: center;
    background-color: #ffffff05;
    border: 1px solid #ffffff1a;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    min-width: 230px;
    min-height: 230px;
    padding: 30px 20px 40px;
    font-size: 18px
}

.testimonial-dot {
    display: none
}

.testimonial-section {
    padding-top: 100px;
    padding-bottom: 100px;
    position: relative;
    overflow-x: clip
}

.testimonial-wrapper {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    grid-template-rows: auto;
    grid-template-columns: .5fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.testimonial-details {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    max-width: 60%;
    display: flex;
    position: relative
}

.testimonial-slider-wrapper {
    max-width: 1240px;
    margin-left: auto;
    margin-right: auto
}

.testimonial-slider {
    background-color: #ddd0;
    height: auto
}

.testimonial-writer-image {
    border-radius: 50%;
    overflow: hidden
}

.testimonial-text-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex
}

.testimonial-writer-info {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    font-size: 14px;
    display: flex
}

.testimonial-name {
    font-size: 24px;
    line-height: 140%
}

.testimonial-tag {
    color: var(--gradient-01);
    font-size: 18px;
    font-weight: 700;
    line-height: 140%
}

.quota-icon {
    z-index: -1;
    position: absolute;
    inset: -34px auto auto -22px
}

.client-section {
    z-index: 2;
    padding-top: 100px;
    padding-bottom: 100px;
    position: relative;
    overflow-x: clip
}

.partners-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    display: flex
}

.partners-grid.left {
    flex: none;
    justify-content: center;
    align-items: stretch
}

.partners-grid.right {
    justify-content: center;
    align-items: stretch
}

.partners-logo-card {
    background-color: #ffffff08;
    border: 1px solid #ffffff1a;
    border-radius: 10px;
    flex: none;
    justify-content: center;
    align-items: center;
    padding: 30px 60px;
    display: flex
}

.partners-grid-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    display: flex
}

.footer-section {
    z-index: 1;
    color: var(--white);
    padding-top: 100px;
    position: relative;
    overflow: clip hidden
}

.footer-wrapper {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
    flex-flow: column;
    display: flex
}

.footer-pages-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: flex-start;
    display: flex
}

.footer-link-headiang {
    font-size: 24px;
    line-height: 140%
}

.footer-link {
    color: var(--white);
    font-size: 16px;
    font-weight: 400;
    transition: transform .4s
}

.footer-link:hover {
    transform: translateY(-4px)
}

.footer-link.w--current {
    color: var(--gradient-01)
}

.footer-link-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex
}

.footer-link-block {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex
}

.footer-rights-wrapper {
    text-align: center;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 16px;
    display: flex
}

.webflow-link {
    color: var(--white);
    text-decoration: underline;
    transition: color .4s
}

.webflow-link:hover {
    color: var(--gradient-01)
}

.footer-social-wrapper {
    justify-content: center;
    align-items: center;
    display: flex
}

.footer-social-icon-wrapper {
    border: 1px solid #ffffff1a;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 150px;
    display: flex;
    position: relative;
    overflow: hidden
}

.footer-social-icon-wrapper.facebook {
    z-index: 2;
    margin-right: -30px
}

.footer-social-icon-wrapper.instagram {
    z-index: 1;
    margin-right: -30px
}

.navbar-brand-wrapper {
    width: 14.2351%
}

.nav-dropdown-toggle {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    color: var(--white);
    justify-content: flex-start;
    align-items: center;
    padding: 20px 10px;
    font-weight: 600;
    transition: color .4s;
    display: flex
}

.nav-dropdown-icon {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    position: static
}

.nav-dropdown-list {
    background-color: var(--white);
    border-radius: 10px;
    top: 60px;
    overflow: hidden;
    box-shadow: 0 2px 5px #00000026
}

.nav-dropdown {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-end;
    display: flex
}

.nav-dropdown-link {
    padding: 14px 40px;
    transition: color .4s
}

.nav-dropdown-link.w--current {
    color: var(--gradient-01)
}

.primary-button-text {
    position: relative
}

.nav-megamenu-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: column;
    align-items: center;
    width: 480px;
    padding: 20px 30px
}

.nav-pages-dropdown-link {
    color: var(--black);
    width: 100%;
    padding: 0;
    transition: transform .4s, color .4s
}

.nav-pages-dropdown-link:hover {
    color: var(--gradient-01);
    transform: translateY(-4px)
}

.nav-pages-dropdown-link.w--current {
    color: var(--gradient-01)
}

.nav-button-res-hide {
    justify-content: center;
    align-items: center;
    display: flex
}

.section-heading.info {
    z-index: 1;
    z-index: 1;
    z-index: 1;
    position: relative
}

.vision-mission-image {
    position: absolute;
    inset: 0%
}

.vision-mission-image._01 {
    position: static
}

.big-heading {
    text-align: left;
    text-align: left;
    font-size: 6vw
}

.section-wrapper {
    z-index: 5;
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex-flow: column;
    display: flex;
    position: relative
}

.footer-contact-wrapper {
    grid-template-rows: auto;
    place-items: end stretch
}

.footer-contact-detail-wrapper {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    place-items: end start
}

.body-bg-gradient-block {
    justify-content: space-between;
    align-items: center;
    height: 100%;
    display: flex
}

.body-bg-gradient-02 {
    background-color: var(--gradient-01);
    filter: blur(350px);
    border-radius: 50%;
    align-self: flex-start;
    width: 40%;
    min-height: 40%;
    position: absolute;
    inset: 0% 0% auto auto
}

.body-bg-gradient-01 {
    filter: blur(350px);
    background-color: #0074c9;
    border-radius: 50%;
    align-self: flex-end;
    width: 50%;
    min-height: 50%;
    position: absolute;
    inset: auto auto 0% 0%
}

.hover-border-show {
    background-image: linear-gradient(-93.34deg, var(--gradient-01)3.97%, var(--gradient-02)10.56%, var(--gradient-03)18.78%, var(--gradient-04)60.9%, var(--gradient-05)80.55%, var(--gradient-06)93.78%);
    position: absolute;
    inset: 0%
}

.horizontal-line {
    background-color: #fff;
    width: 2px;
    height: 14px
}

.faq-gradient-block {
    background-image: linear-gradient(#d8468f, #000 7%, #16191a 16%, #a4e1ee 63%, #e5eff1 85%, #0074c9);
    position: absolute;
    inset: 0%
}

.faq-tag {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    filter: grayscale();
    color: var(--white);
    background-color: #0000;
    background-image: linear-gradient(95.78deg, #d8468f, #000 7%, #16191a 16%, #a4e1ee 63%, #e5eff1 85%, #0074c9);
    border-radius: 10px;
    justify-content: flex-start;
    align-items: center;
    padding: 2px;
    font-size: 20px;
    font-weight: 400;
    line-height: 140%;
    transition: filter .4s;
    display: flex
}

.faq-tag:hover {
    filter: grayscale(0%)
}

.faq-tag.w--current {
    filter: grayscale(0%);
    background-color: #0000
}

.vertical-line {
    background-color: #fff;
    flex: none;
    width: 14px;
    height: 2px;
    position: absolute
}

.faq-section {
    z-index: 1;
    padding-top: 100px;
    padding-bottom: 100px;
    position: relative
}

.faq-icon-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: #000;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    padding: 16px 26px;
    display: flex
}

.faq {
    border-bottom: 1px solid #ffffff1a;
    width: 100%
}

.faq.last {
    border-bottom-style: none
}

.faq-qus {
    color: var(--white);
    white-space: pre-wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 30px 0;
    font-size: 20px;
    line-height: 140%;
    display: flex
}

.faq-qus.first {
    padding-top: 0
}

.faq-ans-block {
    background-color: var(--transparent);
    position: relative;
    overflow: hidden
}

.info-social-blcok {
    z-index: 1;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    display: grid;
    position: absolute;
    inset: 6%
}

.info-social-01,
.info-social-02,
.info-social-03,
.info-social-04,
.info-social-05,
.info-social-06,
.info-social-07,
.info-social-08 {
    border-radius: 8px;
    overflow: hidden
}

.info-social-09 {
    border-radius: 8px;
    margin-right: 100px;
    overflow: hidden
}

.info-social-10 {
    border-radius: 8px;
    margin-left: 100px;
    overflow: hidden
}

.res-show {
    display: none
}

.body-bg-gradient-wrapper {
    position: fixed;
    inset: 0%;
    overflow-x: clip
}

.vision-mission-tabs-text {
    background-color: var(--black);
    color: var(--white);
    text-align: center;
    border-radius: 50px;
    padding: 12px 30px;
    position: relative;
    overflow: hidden
}

.vision-mission-tabs-text.w--current {
    border-color: var(--gradient-01);
    background-color: var(--transparent);
    color: var(--gradient-01)
}

.testimonial-left-arrow {
    border: 1px solid #ffffff1a;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100px;
    display: flex;
    inset: auto 120px 0% auto
}

.testimonial-right-arrow {
    border: 1px solid #ffffff1a;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100px;
    display: flex;
    inset: auto 0% 0% auto
}

.footer-contact-link {
    transition: transform .4s
}

.footer-contact-link:hover {
    transform: translateY(-4px)
}

.big-circle {
    background-color: var(--white);
    border-radius: 50%;
    position: absolute;
    inset: 12%
}

.arrow-icon-wrapper {
    z-index: 1;
    mix-blend-mode: exclusion;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative
}

.footer-social-icon {
    z-index: 1;
    mix-blend-mode: exclusion;
    display: flex;
    position: relative
}

.pop-up-wrapper {
    z-index: 999;
    justify-content: flex-start;
    align-items: flex-end;
    display: flex;
    position: fixed;
    inset: auto auto 20px 20px
}

.pop-up-block {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    color: #000;
    background-color: #fff;
    border-radius: 10px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    padding: 30px;
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
    transition: transform .4s;
    display: flex;
    box-shadow: 0 2px 5px #0003
}

.pop-up-block:hover {
    transform: scale(1.05)
}

.pop-up-close {
    color: #000;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    font-family: Inconsolata, monospace;
    font-size: 34px;
    font-weight: 400;
    line-height: 60%;
    transition: transform .4s;
    display: flex;
    position: absolute;
    inset: 20px 20px auto auto
}

.pop-up-close:hover {
    transform: rotate(90deg)
}

.pop-text {
    max-width: 360px
}

.badge-wrapper {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.badge-link {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    color: #fff;
    background-color: #356ad1;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    padding: 10px 16px 10px 10px;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    display: flex;
    box-shadow: 0 2px 5px #0003
}

.badge-icon {
    justify-content: center;
    align-items: center;
    width: 22px;
    display: flex
}

@media screen and (min-width:1280px) {
    .success-story-bottom-detail-02 {
        max-width: 400px
    }

    .blog-grid {
        grid-column-gap: 30px;
        grid-row-gap: 30px
    }

    .blog-card {
        grid-column-gap: 220px;
        grid-row-gap: 220px
    }

    .blog-card-detail {
        grid-column-gap: 220px;
        grid-row-gap: 220px;
        padding: 30px
    }

    .career-card-block {
        padding: 30px
    }

    .career-tag-wrapper {
        grid-column-gap: 10px;
        grid-row-gap: 10px
    }

    .career-tag-link {
        padding: 8px 22px
    }

    .other-option {
        grid-column-gap: 20px;
        grid-row-gap: 20px
    }

    .detail-grid {
        grid-column-gap: 60px;
        grid-row-gap: 60px
    }

    .post-share-area {
        font-size: 20px
    }

    .team-card-bottom-wrapper {
        width: 100%
    }
}

@media screen and (min-width:1440px) {
    .features-card {
        padding: 30px
    }

    .success-story-grid {
        grid-column-gap: 30px;
        grid-row-gap: 30px
    }

    .success-story-bottom-detail-02 {
        max-width: 430px
    }

    .success-story-card-heading {
        font-size: 40px
    }

    .blog-card {
        grid-column-gap: 250px;
        grid-row-gap: 250px
    }

    .blog-heading {
        font-size: 28px
    }

    .blog-card-detail {
        grid-column-gap: 250px;
        grid-row-gap: 250px
    }

    .testimonial-section,
    .client-section {
        background-position: 40% 20%
    }

    .partners-grid {
        grid-column-gap: 30px;
        grid-row-gap: 30px
    }

    .partners-logo-card {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .team-grid {
        grid-column-gap: 30px;
        grid-row-gap: 30px
    }

    .team-testimonial-section {
        background-position: 40% 20%
    }

    .features-grid {
        grid-column-gap: 50px;
        grid-row-gap: 50px
    }

    .why-us-wrapper {
        grid-column-gap: 70px;
        grid-row-gap: 70px
    }

    .spline-wrapper {
        height: 100%;
        min-height: 720px
    }
}

@media screen and (min-width:1920px) {
    .success-story-grid {
        grid-column-gap: 40px;
        grid-row-gap: 40px
    }

    .testimonial-section,
    .client-section {
        background-position: 45% 20%
    }

    .team-testimonial-section {
        background-image: linear-gradient(#0000, #0000)
    }

    .big-heading.small {
        font-size: 5vw
    }

    .spline-wrapper {
        height: 100%;
        min-height: 960px
    }

    .info-social-blcok {
        left: 10%;
        right: 10%
    }
}

@media screen and (max-width:991px) {

    h1,
    h2 {
        font-size: 46px
    }

    h3 {
        font-size: 30px
    }

    .navbar {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .navbar-wrapper {
        justify-content: space-between;
        align-items: center
    }

    .navbar-brand {
        width: auto
    }

    .nav-menu-wrapper {
        background-color: var(--white);
        max-height: 500px;
        padding: 15px;
        overflow: auto;
        box-shadow: 0 2px 5px #0003
    }

    .nav-menu {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        background-color: #fff;
        flex-flow: column;
        justify-content: space-around;
        align-items: flex-start;
        padding-left: 0;
        display: flex
    }

    .nav-link {
        color: var(--black);
        width: 100%;
        padding-top: 14px;
        padding-bottom: 14px
    }

    .nav-link.w--current {
        background-image: none;
        background-position: 0 0;
        background-repeat: repeat;
        background-size: auto
    }

    .menu-button {
        padding: 12px
    }

    .menu-button.w--open {
        background-color: var(--transparent);
        background-image: linear-gradient(93.34deg, var(--gradient-01)2.7%, var(--gradient-04)64%, var(--gradient-05)85.4%, var(--gradient-06));
        color: var(--black);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        background-clip: text
    }

    .nav-button-wrapper {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        justify-content: center;
        align-items: center;
        display: flex
    }

    .list-item {
        text-align: left;
        width: 100%
    }

    .choose-card-section {
        padding-top: 60px
    }

    .choose-card-block {
        grid-column-gap: 320px;
        grid-row-gap: 320px;
        padding: 26px
    }

    .choose-card-text-wrapper {
        grid-column-gap: 12px;
        grid-row-gap: 12px
    }

    .card-line-wrapper {
        grid-column-gap: 10px;
        grid-row-gap: 10px
    }

    .features-section {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .features-card {
        min-height: auto
    }

    .features-arrow-wrapper {
        width: auto;
        height: auto;
        overflow: visible
    }

    .success-story-section {
        padding-bottom: 60px
    }

    .success-story-grid {
        grid-template-columns: 1fr max-content 1fr
    }

    .success-story-card-divider._01 {
        width: 100%;
        height: 1px
    }

    .success-story-heading-block {
        grid-column-gap: 10px;
        grid-row-gap: 10px
    }

    .success-story-card {
        grid-column-gap: 100px;
        grid-row-gap: 100px
    }

    .success-story-bottom-detail-01 {
        grid-column-gap: 14px;
        grid-row-gap: 14px
    }

    .success-story-bottom-detail-02 {
        grid-column-gap: 16px;
        grid-row-gap: 16px
    }

    .success-story-country-wrapper {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        padding-left: 8px;
        padding-right: 8px
    }

    .success-story-bottom-detail-03 {
        grid-column-gap: 20px;
        grid-row-gap: 20px
    }

    .success-story-card-heading {
        font-size: 30px
    }

    .faq-tabs {
        flex-flow: column;
        justify-content: flex-start;
        align-items: center
    }

    .faq-tabs-menu {
        flex-flow: wrap;
        justify-content: center;
        align-items: flex-start;
        margin-bottom: 40px;
        margin-left: auto;
        margin-right: auto;
        position: static
    }

    .faq-tag-icon {
        flex: none
    }

    .info-section {
        padding-top: 320px;
        padding-bottom: 320px
    }

    .blog-section {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .blog-grid {
        grid-template-columns: 1fr 1fr
    }

    .blog-card {
        flex-flow: column;
        justify-content: space-between;
        align-items: flex-start;
        display: flex
    }

    .blog-heading-wrapper {
        grid-column-gap: 10px;
        grid-row-gap: 10px
    }

    .blog-heading {
        font-size: 20px
    }

    .blog-arrow.hide {
        display: none
    }

    .blog-image {
        opacity: 1;
        position: static
    }

    .blog-card-detail {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        flex: 1;
        height: auto;
        padding: 16px
    }

    .inner-section {
        padding-top: 150px;
        padding-bottom: 100px
    }

    .about-section {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .about-page-grid {
        flex-flow: column;
        grid-template-columns: 1fr;
        align-items: stretch
    }

    .about-text-iocn {
        width: 40px
    }

    .vision-mission-section {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .vision-mission-grid {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        grid-template-columns: 1fr
    }

    .couter-section-gird {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        flex-flow: column;
        grid-template-columns: 1fr
    }

    .counter-number-wrapper {
        height: 70px
    }

    .counter-card-wrapper {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        flex-flow: row;
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        margin-top: 0;
        display: flex
    }

    .counter-block {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        grid-template-rows: auto;
        grid-template-columns: 1fr;
        grid-auto-columns: 1fr;
        max-width: 100%;
        display: grid
    }

    .counter-number {
        letter-spacing: 1.4px;
        font-size: 70px;
        line-height: 80px
    }

    .counter-section {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .testimonial-section {
        background-image: none;
        padding-top: 60px;
        padding-bottom: 60px
    }

    .testimonial-wrapper {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        flex-flow: column;
        justify-content: center;
        align-items: flex-start
    }

    .testimonial-details,
    .testimonial-slider-wrapper {
        max-width: none
    }

    .quota-icon {
        left: 0
    }

    .client-section {
        background-image: none;
        padding-top: 60px;
        padding-bottom: 60px
    }

    .partners-grid {
        flex: none;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
        padding-left: 15px;
        padding-right: 15px
    }

    .partners-grid.left,
    .partners-grid.right,
    .partners-grid.left,
    .partners-grid.right {
        justify-content: flex-start;
        align-items: stretch
    }

    .partners-logo-card {
        padding: 20px 40px
    }

    .features-list-section {
        padding-bottom: 60px
    }

    .workflow-section {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .workflow-gird {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        flex-flow: column;
        grid-template-columns: 1fr
    }

    .pricing-section {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .pricing-grid {
        grid-template-columns: 1fr 1fr
    }

    .pricing-card {
        padding: 20px
    }

    .footer-section {
        padding-top: 60px
    }

    .footer-wrapper {
        grid-column-gap: 60px;
        grid-row-gap: 60px
    }

    .footer-pages-wrapper {
        grid-column-gap: 16px;
        grid-row-gap: 50px;
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr 1fr;
        grid-auto-columns: 1fr;
        display: grid
    }

    .footer-social-icon-wrapper {
        width: 100px;
        height: 100px
    }

    .footer-social-icon-wrapper.facebook,
    .footer-social-icon-wrapper.instagram,
    .footer-social-icon-wrapper.facebook,
    .footer-social-icon-wrapper.instagram {
        margin-right: -15px
    }

    .team-section {
        padding-top: 60px
    }

    .team-grid {
        grid-template-columns: 1fr
    }

    .choose-card-section-logo {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        font-size: 40px
    }

    .choose-card-logo-icon {
        justify-content: center;
        align-items: center;
        width: 50px
    }

    .social-icon {
        filter: invert()
    }

    .social-media-bg-color {
        background-color: var(--white)
    }

    .team-testimonial-section {
        padding-top: 60px
    }

    .team-testimonial-wrapper {
        margin-top: 40px
    }

    .team-testimonial-mask {
        width: 80%
    }

    .team-testimonial-card {
        padding: 40px;
        font-size: 18px
    }

    .career-section {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .career-grid {
        grid-template-columns: 1fr 1fr
    }

    .career-opening-name {
        font-size: 30px
    }

    .contact-section {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .contact-link-grid {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr 1fr
    }

    .contact-link-block {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        text-align: center;
        flex-flow: column;
        padding: 20px
    }

    .contact-grid {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        flex-direction: column;
        grid-template-columns: 1fr
    }

    .contact-detail-wrapper {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        width: 100%
    }

    .contact-link-text {
        font-size: 18px
    }

    .user-form-section {
        padding-bottom: 60px
    }

    .user-form-detail-grid {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        grid-template-columns: 1fr
    }

    .other-option {
        flex-flow: wrap
    }

    .user-section-image,
    .help-left-side {
        display: none
    }

    .help-grid {
        grid-template-columns: 1fr
    }

    .help-right-side {
        border-style: none;
        padding: 0
    }

    .disclaimer-text {
        font-size: 14px
    }

    .detail-image-block {
        margin-bottom: 30px
    }

    .more-features-section {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .next-button-arrow.hide,
    .previous-button-arrow.hide,
    .previous-button-arrow.hide {
        display: none
    }

    .detail-right-sticky {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        flex-flow: row;
        grid-template-rows: auto;
        grid-template-columns: 1fr;
        grid-auto-columns: 1fr;
        display: grid;
        position: static
    }

    .detail-grid {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        grid-template-columns: 1fr
    }

    .share-icon-wrap {
        background-color: var(--white)
    }

    .detail-right-block {
        padding: 20px
    }

    .other-job-section {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .team-card-bottom-wrapper {
        width: 100%
    }

    .testimonial-text {
        max-height: 240px
    }

    .contact-us-section {
        padding-bottom: 60px
    }

    .apply-card-grid {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        flex-direction: column;
        grid-template-columns: 1fr
    }

    .pricing-card-v2 {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        grid-template-columns: 1fr 1fr;
        padding: 30px
    }

    .nav-dropdown-toggle {
        color: var(--black);
        width: 100%;
        padding-top: 14px;
        padding-bottom: 14px
    }

    .nav-dropdown-list {
        position: relative;
        top: 0
    }

    .nav-dropdown {
        justify-content: flex-start;
        align-items: flex-start
    }

    .nav-dropdown-link {
        padding-left: 20px;
        padding-right: 20px
    }

    .nav-megamenu-grid {
        width: 100%
    }

    .apply-card-section {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .pricing-card-wrapper-v2 {
        position: relative;
        top: 0
    }

    .big-heading {
        font-size: 8vw
    }

    .features-grid {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        flex-flow: column;
        grid-template-columns: .5fr;
        justify-content: center;
        align-items: center;
        padding-bottom: 100px;
        display: flex
    }

    .features-slider {
        justify-content: center;
        align-items: center
    }

    .why-us-section {
        padding-bottom: 60px
    }

    .section-wrapper {
        grid-column-gap: 40px;
        grid-row-gap: 40px
    }

    .why-us-grid {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        grid-template-columns: 1fr
    }

    .why-us-text-wrapper {
        grid-column-gap: 10px;
        grid-row-gap: 10px
    }

    .why-us-wrapper {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        max-width: none
    }

    .why-us-number {
        margin-top: 6px
    }

    .footer-contact-wrapper {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        grid-template-columns: 1fr;
        place-items: center
    }

    .features-list-wrapper {
        grid-template-columns: 1fr 1fr
    }

    .help-border {
        position: static;
        top: auto
    }

    .features-arrow.hide {
        display: none
    }

    .faq-tag {
        transform-origin: 50%;
        flex: none;
        font-size: 18px
    }

    .faq-section {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .faq-icon-wrapper {
        padding-left: 20px;
        padding-right: 20px
    }

    .spline-wrapper {
        height: 580px;
        margin-bottom: 0
    }

    .info-social-blcok {
        left: 0%;
        right: 0%
    }

    .info-social-01,
    .info-social-02,
    .info-social-03,
    .info-social-04,
    .info-social-05,
    .info-social-06,
    .info-social-07,
    .info-social-08,
    .info-social-09,
    .info-social-10 {
        width: 50px;
        height: 50px
    }

    .features-heading {
        font-size: 30px
    }

    .blog-arrow-wrapper {
        width: auto;
        height: auto
    }

    .success-arrow-wrapper {
        width: auto;
        height: auto;
        overflow: visible
    }

    .success-arrow.hide {
        display: none
    }

    .next-button-arrow-wrapper {
        width: auto;
        height: auto
    }

    .previous-button-arrow-wrapper {
        width: auto;
        height: auto;
        overflow: visible
    }

    .pop-up-block {
        padding: 20px
    }

    .pop-up-close {
        width: 18px;
        height: 18px
    }

    .badge-icon {
        width: 19px
    }
}

@media screen and (max-width:767px) {
    body {
        font-size: 14px
    }

    h1,
    h2 {
        font-size: 40px
    }

    h3 {
        font-size: 26px
    }

    h4 {
        font-size: 24px
    }

    h5 {
        font-size: 22px
    }

    h6 {
        font-size: 18px
    }

    a {
        font-size: 14px
    }

    ul,
    ol {
        padding-left: 30px
    }

    .navbar-brand {
        padding-left: 0
    }

    .nav-menu {
        flex-direction: column;
        padding-left: 0
    }

    .nav-link {
        display: inline-block
    }

    .banner-section {
        padding-bottom: 60px
    }

    .banner-wrapper {
        grid-column-gap: 30px;
        grid-row-gap: 30px
    }

    .choose-card-section {
        padding-top: 40px
    }

    .choose-card-block {
        grid-column-gap: 80px;
        grid-row-gap: 80px;
        padding-left: 20px;
        padding-right: 20px
    }

    .card-line-wrapper {
        grid-template-columns: max-content max-content max-content;
        justify-content: space-around;
        align-items: center;
        display: flex;
        position: static
    }

    .card-line {
        display: none
    }

    .features-section {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .section-heading-wrapper.left {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        grid-column-gap: 20px;
        grid-row-gap: 20px
    }

    .success-story-section {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .success-story-grid {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        grid-template-columns: 1fr
    }

    .success-story-card-divider._02 {
        width: 100%;
        height: 1px
    }

    .success-story-heading-block {
        grid-column-gap: 8px;
        grid-row-gap: 8px
    }

    .success-story-card {
        grid-column-gap: 80px;
        grid-row-gap: 80px
    }

    .success-story-bottom-detail-01 {
        grid-column-gap: 10px;
        grid-row-gap: 10px
    }

    .success-story-country-block {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        font-size: 18px
    }

    .country-icon-wrapper {
        width: 50px;
        height: 50px
    }

    .success-story-card-heading {
        font-size: 26px
    }

    .faq-tabs-menu {
        grid-column-gap: 16px;
        grid-row-gap: 16px
    }

    .faq-tag-icon {
        width: 22px
    }

    .gradient-plus-icon {
        width: 30px;
        height: 30px;
        padding: 3px
    }

    .faq-ans {
        padding-bottom: 20px
    }

    .info-section {
        padding-top: 200px;
        padding-bottom: 200px
    }

    .blog-section {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .blog-grid {
        grid-template-columns: 1fr
    }

    .blog-heading-wrapper {
        grid-column-gap: 10px;
        grid-row-gap: 10px
    }

    .blog-heading {
        font-size: 20px
    }

    .blog-read-more {
        grid-column-gap: 20px;
        grid-row-gap: 20px
    }

    .inner-section {
        padding-bottom: 60px
    }

    .about-section {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .about-text-wrapper,
    .about-text-detail {
        grid-column-gap: 14px;
        grid-row-gap: 14px
    }

    .about-text-block {
        grid-column-gap: 20px;
        grid-row-gap: 20px
    }

    .about-text-iocn {
        width: 34px
    }

    .vision-mission-section {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .counter-block {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        grid-template-columns: 1fr;
        width: 100%
    }

    .counter-section {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .counter-card {
        width: 200px;
        min-width: auto;
        height: 200px;
        min-height: auto;
        font-size: 16px
    }

    .testimonial-section,
    .client-section {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .partners-grid {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        grid-template-columns: 1fr 1fr;
        padding-left: 10px;
        padding-right: 10px
    }

    .partners-logo-card {
        padding: 16px 30px
    }

    .partners-grid-wrapper {
        grid-column-gap: 20px;
        grid-row-gap: 20px
    }

    .features-list-section {
        padding-bottom: 40px
    }

    .workflow-section {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .workflow-process-step {
        grid-column-gap: 12px;
        grid-row-gap: 12px
    }

    .workflow-heading {
        font-size: 28px
    }

    .pricing-section {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .pricing-grid {
        grid-template-columns: 1fr
    }

    .footer-section {
        padding-top: 40px
    }

    .footer-wrapper {
        grid-column-gap: 40px;
        grid-row-gap: 40px
    }

    .footer-pages-wrapper {
        grid-row-gap: 40px;
        grid-template-columns: 1fr 1fr
    }

    .footer-link-wrapper {
        grid-column-gap: 16px;
        grid-row-gap: 16px
    }

    .footer-link-block {
        grid-column-gap: 20px;
        grid-row-gap: 20px
    }

    .footer-rights-wrapper {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        flex-flow: column
    }

    .footer-social-wrapper {
        order: -1
    }

    .team-section {
        padding-top: 40px
    }

    .team-grid {
        grid-row-gap: 20px;
        grid-template-columns: 1fr
    }

    .team-card {
        padding-top: 20px;
        padding-left: 20px
    }

    .member-social-link {
        width: 40px;
        height: 40px
    }

    .social-icon {
        width: 20px
    }

    .team-testimonial-section {
        padding-top: 40px
    }

    .team-testimonial-slider {
        padding-bottom: 100px
    }

    .team-testimonial-mask {
        width: 100%
    }

    .team-testimonial-card {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        padding: 26px
    }

    .team-testimonial-left-arrow {
        width: 80px;
        height: 80px;
        right: 90px
    }

    .team-testimonial-right-arrow {
        width: 80px;
        height: 80px;
        left: 90px
    }

    .career-section {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .career-grid {
        grid-template-columns: 1fr
    }

    .career-opening-name {
        font-size: 28px
    }

    .career-card-detail-list {
        font-size: 16px
    }

    .contact-section {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .contact-link-grid {
        grid-template-columns: 1fr 1fr
    }

    .contact-link-block {
        padding: 20px
    }

    .contact-form-block {
        min-height: 412px
    }

    .contact-detail-wrapper {
        flex-flow: column;
        justify-content: flex-start;
        align-items: center;
        display: flex
    }

    .input-wrapper {
        grid-column-gap: 16px;
        grid-row-gap: 16px
    }

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

    .input-field-wrapper {
        grid-column-gap: 4px;
        grid-row-gap: 4px
    }

    .input-field {
        min-height: 50px;
        padding-top: 16px;
        padding-bottom: 16px
    }

    .contact-link-text {
        font-size: 16px
    }

    .user-form-section {
        padding-bottom: 40px
    }

    .user-form-detail-grid {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        grid-template-columns: 1fr
    }

    .user-form-grid,
    .user-form-detail {
        grid-column-gap: 20px;
        grid-row-gap: 20px
    }

    .form-heading {
        font-size: 30px
    }

    .other-option-link {
        flex: 0 auto;
        padding-left: 24px;
        padding-right: 24px
    }

    .all-tag {
        padding: 14px 18px;
        font-size: 20px
    }

    .style-grid {
        grid-column-gap: 20px;
        grid-row-gap: 20px
    }

    .color-grid {
        grid-template-columns: 1fr 1fr
    }

    .help-section {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .licenses-detail-grid {
        grid-column-gap: 20px;
        grid-row-gap: 20px
    }

    .changelog-block {
        padding: 20px
    }

    .policy-page-section {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .policy-text-block {
        grid-column-gap: 6px;
        grid-row-gap: 6px
    }

    .policy-heading {
        font-size: 30px
    }

    .policy-text-list {
        padding-left: 20px
    }

    .policy-contact-us-link {
        font-size: 14px
    }

    .detail-image-block {
        height: 340px;
        margin-bottom: 20px
    }

    .more-features-section {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .detail-right-heading {
        font-size: 28px
    }

    .detail-right-sticky {
        grid-template-columns: 1fr
    }

    .subscribe-more-block {
        grid-column-gap: 14px;
        grid-row-gap: 14px
    }

    .detail-grid {
        grid-column-gap: 30px;
        grid-row-gap: 30px
    }

    .subscribe-form {
        grid-column-gap: 10px;
        grid-row-gap: 10px
    }

    .post-share-area {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        font-size: 16px
    }

    .detail-right-block {
        padding: 20px
    }

    .detail-right-block-wrapper {
        grid-column-gap: 14px;
        grid-row-gap: 14px
    }

    .other-job-section {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .team-position-tag {
        bottom: 20px;
        right: 20px
    }

    .pricing-card-heading {
        font-size: 30px
    }

    .job-item-block,
    .job-collection-item,
    .job-type-block {
        grid-column-gap: 10px;
        grid-row-gap: 10px
    }

    .contact-us-section {
        padding-bottom: 40px
    }

    .contact-us-form-block {
        min-height: 412px
    }

    .contact-us-form,
    .contact-us-input-wrapper {
        grid-column-gap: 20px;
        grid-row-gap: 20px
    }

    .utility-page-content,
    .utility-page-form {
        padding: 20px
    }

    .apply-card-form-block {
        min-height: 508px
    }

    .apply-card-form {
        grid-column-gap: 16px;
        grid-row-gap: 16px
    }

    ._404 {
        font-size: 200px
    }

    .user-form-heading {
        font-size: 30px
    }

    ._404-btn-wrap {
        grid-column-gap: 10px;
        grid-row-gap: 10px
    }

    .pricing-card-v2 {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        grid-template-columns: 1fr;
        padding: 20px
    }

    .pricing-card-fee-heading-v2 {
        font-size: 20px
    }

    .pricing-card-left-v2 {
        grid-column-gap: 20px;
        grid-row-gap: 20px
    }

    .pricing-card-right-v2 {
        grid-column-gap: 10px;
        grid-row-gap: 10px
    }

    .nav-megamenu-grid {
        padding-left: 20px;
        padding-right: 20px
    }

    .apply-card-section {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .coin-line-icon-wrapper {
        padding: 16px
    }

    .features-grid {
        padding-bottom: 80px
    }

    .features-left-arrow {
        width: 80px;
        height: 80px;
        right: 90px
    }

    .features-right-arrow {
        width: 80px;
        height: 80px;
        left: 90px
    }

    .features-slider {
        padding-bottom: 100px
    }

    .why-us-section {
        padding-bottom: 40px
    }

    .why-us-number {
        font-size: 26px
    }

    .footer-contact-wrapper {
        grid-column-gap: 40px;
        grid-row-gap: 40px
    }

    .footer-contact-detail-wrapper {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        text-align: center;
        grid-template-columns: 1fr 1fr;
        width: 100%
    }

    .features-list-wrapper {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        grid-template-columns: 1fr
    }

    .next-button,
    .previous-button {
        margin-top: 20px
    }

    .price-number {
        font-size: 34px
    }

    .horizontal-line {
        width: 1px;
        height: 10px
    }

    .vertical-line {
        width: 10px;
        height: 1px
    }

    .faq-section {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .faq-icon-wrapper {
        padding: 14px 16px
    }

    .faq-qus {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .spline-wrapper {
        height: 400px
    }

    .card-spline {
        height: 540px
    }

    .info-social-blcok {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
        place-items: center
    }

    .info-social-09 {
        margin-right: 0
    }

    .info-social-10 {
        margin-left: 0
    }

    .res-show {
        display: block
    }

    .testimonial-left-arrow {
        width: 80px;
        height: 80px;
        right: 100px
    }

    .testimonial-right-arrow {
        width: 80px;
        height: 80px
    }

    .team-member-detail-wrapper {
        padding-bottom: 20px
    }

    .job-filtter-link-text {
        padding: 10px 16px
    }

    .features-heading {
        font-size: 26px
    }

    .job-filtter-link-border {
        padding: 10px 16px
    }
}

@media screen and (max-width:479px) {

    h1,
    h2 {
        font-size: 34px
    }

    h3 {
        font-size: 22px
    }

    h4 {
        font-size: 20px
    }

    h5 {
        font-size: 18px
    }

    h6 {
        font-size: 16px
    }

    ul,
    ol {
        padding-left: 20px
    }

    .navbar {
        padding-top: 16px;
        padding-bottom: 16px
    }

    .nav-menu-wrapper {
        padding: 10px
    }

    .nav-link {
        padding: 10px 4px
    }

    .button-inside-border {
        padding-left: 26px;
        padding-right: 26px
    }

    .list-item.res-show {
        margin-top: 10px;
        display: flex
    }

    .banner-section {
        padding-bottom: 40px
    }

    .banner-wrapper {
        grid-column-gap: 18px;
        grid-row-gap: 18px
    }

    .choose-card-block {
        grid-column-gap: 60px;
        grid-row-gap: 60px;
        padding-left: 16px;
        padding-right: 16px
    }

    .choose-coin-text {
        overflow: auto
    }

    .card-line-wrapper {
        grid-column-gap: 14px;
        grid-row-gap: 14px
    }

    .features-card {
        grid-column-gap: 80px;
        grid-row-gap: 80px;
        padding: 16px
    }

    .success-story-grid {
        grid-column-gap: 20px;
        grid-row-gap: 20px
    }

    .success-story-heading-block {
        grid-column-gap: 6px;
        grid-row-gap: 6px
    }

    .success-story-card {
        grid-column-gap: 60px;
        grid-row-gap: 60px
    }

    .success-story-card.success-story-card-02 {
        min-width: 200px
    }

    .success-story-country-wrapper {
        grid-column-gap: 12px;
        grid-row-gap: 12px;
        padding-left: 6px;
        padding-right: 6px
    }

    .success-story-country-block {
        padding: 6px 12px 6px 6px;
        font-size: 16px
    }

    .success-story-bottom-detail-03 {
        grid-column-gap: 16px;
        grid-row-gap: 16px
    }

    .success-story-card-heading {
        font-size: 22px
    }

    .our-progress-wrapper {
        grid-column-gap: 12px;
        grid-row-gap: 12px
    }

    .faq-tabs-menu {
        grid-column-gap: 16px;
        grid-row-gap: 16px
    }

    .info-section {
        padding-top: 130px;
        padding-bottom: 130px
    }

    .blog-grid {
        grid-column-gap: 16px;
        grid-row-gap: 16px
    }

    .blog-heading {
        font-size: 18px
    }

    .blog-card-detail {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        padding: 14px
    }

    .inner-section {
        padding-top: 120px;
        padding-bottom: 40px
    }

    .about-text-wrapper {
        grid-column-gap: 10px;
        grid-row-gap: 10px
    }

    .about-text-block {
        grid-column-gap: 12px;
        grid-row-gap: 12px
    }

    .about-text-iocn {
        width: 30px
    }

    .vision-mission-tabs-link {
        width: 100%
    }

    .vision-mission-tabs-menu {
        flex-flow: wrap
    }

    .counter-card-wrapper {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        flex-flow: column;
        grid-template-columns: 1fr
    }

    .counter-block {
        grid-column-gap: 20px;
        grid-row-gap: 20px
    }

    .testimonial-wrapper {
        width: 100%
    }

    .testimonial-slider {
        width: 100%;
        padding-bottom: 100px
    }

    .partners-grid {
        grid-template-columns: 1fr
    }

    .partners-logo-card {
        padding-top: 14px;
        padding-bottom: 14px
    }

    .partners-grid-wrapper {
        grid-column-gap: 16px;
        grid-row-gap: 16px
    }

    .workflow-step-info {
        padding-right: 0
    }

    .workflow-process-step {
        display: flex
    }

    .workflow-process {
        flex-flow: column;
        display: flex
    }

    .workflow-number-block {
        border-right-style: none;
        justify-content: flex-start
    }

    .pricing-card {
        padding: 16px
    }

    .footer-pages-wrapper {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        grid-template-columns: 1fr
    }

    .footer-link-wrapper {
        grid-column-gap: 10px;
        grid-row-gap: 10px
    }

    .footer-link-block {
        grid-column-gap: 16px;
        grid-row-gap: 16px
    }

    .footer-rights-wrapper {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        flex-flow: wrap;
        justify-content: space-around;
        align-items: center
    }

    .footer-social-wrapper {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        flex-flow: wrap
    }

    .footer-social-icon-wrapper {
        width: 70px;
        height: 70px
    }

    .footer-social-icon-wrapper.facebook,
    .footer-social-icon-wrapper.instagram,
    .footer-social-icon-wrapper.facebook,
    .footer-social-icon-wrapper.instagram {
        margin-right: 0
    }

    .choose-card-section-logo {
        font-size: 34px
    }

    .choose-card-logo-icon {
        width: 46px
    }

    .team-card {
        flex-flow: column;
        grid-template-columns: 1fr;
        padding-top: 16px;
        padding-left: 0
    }

    .team-member-name {
        font-size: 26px
    }

    .team-member-detail {
        width: 100%
    }

    .member-social-wrapper {
        grid-column-gap: 10px;
        grid-row-gap: 10px
    }

    .team-testimonial-wrapper {
        margin-top: 30px
    }

    .team-testimonial-slider {
        padding-bottom: 80px
    }

    .team-testimonial-card {
        padding: 16px;
        font-size: 16px
    }

    .team-testimonial-writer-image {
        width: 54px;
        height: 54px
    }

    .team-testimonial-writer-name {
        font-size: 22px
    }

    .team-testimonial-left-arrow {
        width: 60px;
        height: 60px;
        right: 80px
    }

    .team-testimonial-right-arrow {
        width: 60px;
        height: 60px;
        left: 80px
    }

    .career-card-block {
        padding: 16px
    }

    .career-opening-name {
        font-size: 26px
    }

    .contact-link-grid {
        grid-template-rows: auto auto auto;
        grid-template-columns: 1fr
    }

    .contact-link-block {
        grid-row-gap: 10px;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        padding-left: 30px;
        padding-right: 30px
    }

    .contact-form-block {
        min-height: 435px
    }

    .contact-detail-wrapper {
        grid-column-gap: 30px;
        grid-row-gap: 30px
    }

    .input-wrapper {
        grid-column-gap: 12px;
        grid-row-gap: 12px;
        flex-flow: column
    }

    .input-field.h-150 {
        min-height: 100px
    }

    .all-checkbox {
        flex: none;
        margin-top: 2px
    }

    .user-form-grid {
        flex-direction: column;
        display: flex
    }

    .user-form-detail {
        grid-column-gap: 20px;
        grid-row-gap: 20px
    }

    .other-option-link {
        flex: 0 auto
    }

    .color-grid {
        grid-template-columns: 1fr
    }

    .help-right-side {
        border-style: none
    }

    .changelog-block {
        grid-column-gap: 4px;
        grid-row-gap: 4px;
        padding: 10px
    }

    .changelog-link {
        padding-left: 20px;
        padding-right: 20px;
        font-size: 19px
    }

    .policy-page-section {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .policy-heading {
        font-size: 26px
    }

    .policy-text-list {
        grid-column-gap: 0px;
        grid-row-gap: 0px
    }

    .detail-image-block {
        height: 250px
    }

    .detail-right-heading {
        font-size: 26px
    }

    .detail-grid {
        grid-column-gap: 20px;
        grid-row-gap: 20px
    }

    .post-share-area {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        text-align: center;
        flex-flow: column;
        justify-content: center;
        align-items: center
    }

    .detail-right-block {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        padding-left: 16px;
        padding-right: 16px
    }

    .career-detail {
        grid-column-gap: 10px;
        grid-row-gap: 10px
    }

    .team-card-bottom-wrapper {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        flex-flow: wrap
    }

    .testimonial-text {
        max-height: 300px
    }

    .pricing-feature-list-wrapper {
        grid-column-gap: 8px;
        grid-row-gap: 8px
    }

    .job-item-block {
        flex-flow: column;
        align-items: stretch;
        width: 100%
    }

    .job-collection-item {
        flex-flow: column
    }

    .job-type-block {
        flex-flow: column;
        align-items: stretch;
        width: 100%
    }

    .contact-us-form-block {
        min-height: 436px
    }

    .contact-us-input-wrapper {
        grid-column-gap: 12px;
        grid-row-gap: 12px;
        flex-flow: column
    }

    .utility-page-content {
        padding-left: 10px;
        padding-right: 10px
    }

    .apply-card-form-block {
        min-height: 614px
    }

    ._404 {
        font-size: 130px
    }

    .user-form-heading {
        margin-bottom: 6px
    }

    ._404-btn-wrap {
        flex-flow: column
    }

    .pricing-card-v2 {
        padding: 16px
    }

    .nav-dropdown-toggle {
        padding: 10px 4px
    }

    .nav-dropdown-link {
        padding-bottom: 10px;
        padding-left: 16px;
        padding-right: 16px
    }

    .nav-megamenu-grid {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        grid-template-rows: auto auto auto auto auto auto auto
    }

    .nav-button-res-hide {
        display: none
    }

    .big-heading {
        font-size: 10vw
    }

    .section-wrapper {
        grid-column-gap: 30px;
        grid-row-gap: 30px
    }

    .why-us-spline-block {
        min-height: 320px
    }

    .why-us-wrapper {
        grid-column-gap: 30px;
        grid-row-gap: 30px
    }

    .why-us-number {
        font-size: 22px
    }

    .footer-contact-detail-wrapper {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        grid-template-columns: 1fr
    }

    .price-number {
        font-size: 30px
    }

    .tag-inside-border {
        padding-left: 26px;
        padding-right: 26px
    }

    .faq-tag {
        font-size: 16px
    }

    .faq-icon-wrapper {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .spline-wrapper {
        height: 350px
    }

    .vision-mission-gradiyent {
        width: 100%
    }

    .info-social-01,
    .info-social-02,
    .info-social-03,
    .info-social-04,
    .info-social-05,
    .info-social-06,
    .info-social-07,
    .info-social-08,
    .info-social-09,
    .info-social-10 {
        width: 40px;
        height: 40px
    }

    .vision-mission-tabs-text {
        width: 100%
    }

    .testimonial-left-arrow {
        left: 0;
        right: 90px
    }

    .testimonial-right-arrow {
        left: 90px;
        right: 0
    }

    .step-check-icon-wrapper {
        width: 36px;
        height: 36px
    }

    .team-member-detail-wrapper {
        padding-bottom: 0;
        padding-left: 16px;
        padding-right: 16px
    }

    .features-heading {
        font-size: 22px
    }

    .pop-up-wrapper {
        display: none
    }
}

#w-node-_89e3cf08-f40e-6748-e8a9-e77acdfcc071-a9182a22,
#w-node-_30932731-1d9a-91ae-8e2d-2bfc051b9f78-a9182a22 {
    align-self: center
}

#w-node-_30932731-1d9a-91ae-8e2d-2bfc051b9f88-a9182a22 {
    justify-self: center
}

#w-node-_9641e2dd-cf8e-0ac3-a088-b0ca64f4e597-a9182a22 {
    align-self: center
}

#w-node-c54b4bb2-e4c0-6c5e-a6df-2f208359dc77-8359dc69 {
    place-self: start
}

#w-node-_60089b19-bb70-6418-d15a-89d1e220d63b-0f6e8517 {
    grid-area: span 1/span 6/span 1/span 6;
    place-self: center
}

#w-node-db17e0e9-fab0-c64b-0c40-9b5a91bd7950-0f6e8517 {
    grid-area: span 1/span 3/span 1/span 3;
    place-self: start center
}

#w-node-af95a3f1-b185-3d7f-62e9-72bc97543a44-0f6e8517 {
    grid-area: span 1/span 2/span 1/span 2;
    place-self: center
}

#w-node-_8cdb707a-79e4-bb78-2bdb-77ba7d7b462d-0f6e8517 {
    grid-area: span 1/span 1/span 1/span 1;
    place-self: end center
}

#w-node-_10002d75-e0d6-e7a2-d616-24148b2e1b99-0f6e8517 {
    grid-area: span 1/span 3/span 1/span 3;
    place-self: start
}

#w-node-_0ef46341-c820-945f-ec9f-90dccdecb094-0f6e8517 {
    grid-area: span 1/span 3/span 1/span 3;
    place-self: end
}

#w-node-_8aa75f10-f974-eb6b-8189-920129965141-0f6e8517 {
    grid-area: span 1/span 3/span 1/span 3;
    place-self: start center
}

#w-node-_502985f7-5e0b-5a0f-d561-d2c5362580de-0f6e8517 {
    grid-area: span 1/span 3/span 1/span 3;
    place-self: end center
}

#w-node-_9b253b16-99fa-9eb6-2f3a-b49c3bb01df9-0f6e8517 {
    grid-area: span 1/span 3/span 1/span 3;
    place-self: start end
}

#w-node-_1d4dc183-069f-898e-d007-06174781e484-0f6e8517 {
    grid-area: span 1/span 3/span 1/span 3;
    place-self: end start
}

@media screen and (max-width:991px) {
    #w-node-_89e3cf08-f40e-6748-e8a9-e77acdfcc06f-a9182a22 {
        order: 9999
    }
}

@media screen and (max-width:767px) {
    #w-node-_22b6ff83-e77e-1867-b647-0a6c053204bc-8359dc69 {
        grid-area: span 1/span 2/span 1/span 2
    }

    #w-node-_60089b19-bb70-6418-d15a-89d1e220d63b-0f6e8517,
    #w-node-db17e0e9-fab0-c64b-0c40-9b5a91bd7950-0f6e8517,
    #w-node-af95a3f1-b185-3d7f-62e9-72bc97543a44-0f6e8517 {
        grid-column: span 1/span 1;
        place-self: auto
    }

    #w-node-_8cdb707a-79e4-bb78-2bdb-77ba7d7b462d-0f6e8517 {
        place-self: auto
    }

    #w-node-_10002d75-e0d6-e7a2-d616-24148b2e1b99-0f6e8517 {
        grid-column: span 1/span 1;
        place-self: auto
    }

    #w-node-e66e1837-7c3f-c094-71a6-cc13ef3de636-0f6e8517 {
        grid-area: span 3/span 5/span 3/span 5
    }

    #w-node-_0ef46341-c820-945f-ec9f-90dccdecb094-0f6e8517,
    #w-node-_8aa75f10-f974-eb6b-8189-920129965141-0f6e8517,
    #w-node-_502985f7-5e0b-5a0f-d561-d2c5362580de-0f6e8517,
    #w-node-_9b253b16-99fa-9eb6-2f3a-b49c3bb01df9-0f6e8517,
    #w-node-_1d4dc183-069f-898e-d007-06174781e484-0f6e8517 {
        grid-column: span 1/span 1;
        place-self: auto
    }
}

@media screen and (max-width:479px) {
    #w-node-_22b6ff83-e77e-1867-b647-0a6c053204bc-8359dc69 {
        grid-area: span 1/span 1/span 1/span 1
    }
}