/*=====================
FONTS LINK HERE
======================*/
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

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

@import url("https://fonts.cdnfonts.com/css/source-sans-pro");

/*======================
DEFAULT CSS HERE
========================*/
:root {
    --inter: "Inter", serif;
    --sourceSans: "Source Sans Pro", sans-serif;
}

body {
    font-family: "Poppins", serif;
    font-size: 16px;
    font-weight: 400;
    background: #fff;
    color: #333333;
}

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

a,
a:hover {
    text-decoration: none;
    display: inline-block;
}

ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

::selection {
    color: white;
    background: #ff7675;
}

::-webkit-selection {
    color: white;
    background: #ff7675;
}

::-moz-selection {
    color: white;
    background: #ff7675;
}

.scrolltotop {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    background: #ff4000;
    text-align: center;
    font-size: 22px;
    color: #ffffff;
    position: fixed;
    right: 30px;
    bottom: 25px;
    display: none;
    animation: lab_top_up 5s linear infinite;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 1;
}

.scrolltotop i {
    color: #ffff;
}

@keyframes lab_top_up {
    0% {
        transform: translateY(-15px);
    }
    50% {
        transform: translateY(0px);
    }
    100% {
        transform: translateY(-15px);
    }
}

.pluse,
.pluse2 {
    position: relative;
    top: 13px;
    left: -8px;
    z-index: -1;
}

.pluse::before,
.pluse2::before {
    width: 40px;
    height: 40px;
}

.pluse::after,
.pluse::before,
.pluse2::after,
.pluse2::before {
    background: #ff4000;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    display: block;
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
}

.pluse::after,
.pluse2::after {
    width: 30px;
    height: 30px;
    background: transparent;
    margin-left: -15px;
    margin-top: -15px;
}

.pluse::before {
    -webkit-animation: pluse_animate 2.5s infinite linear;
    animation: pluse_animate 2.5s infinite linear;
}

.pluse2::before {
    -webkit-animation: pluse_animate 3s infinite linear;
    animation: pluse_animate 3s infinite linear;
}

@keyframes pluse_animate {
    0% {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%) scale(0.3);
        transform: translate(-50%, -50%) scale(0.3);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate(-50%, -50%) scale(2);
        transform: translate(-50%, -50%) scale(2);
    }
}

.container {
    padding-left: 15px;
    padding-right: 15px;
}

/*======================
HEADER CSS HERE
========================*/
.header-area {
    padding: 22px 0;
    border-bottom: 1px solid #f2f4f7;
}

.menu-list {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 32px;
}

.menu-item .menu-link,
.dropdown-item .dropdown-link,
.side-menu-item a {
    color: #475467;
    font-weight: 500;
    line-height: 150%;
}

.menu-item .menu-link img {
    transition: all 0.4s ease;
}

.menu-item .menu-link:hover img {
    transform: rotateZ(-180deg);
}

.btn-list {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    column-gap: 12px;
}

.btn-item .btn-link {
    color: #cc2b02;
    font-weight: 500;
    line-height: 150%;
    padding: 10px 18px;
    text-decoration: none;
}

.btn-list .btn-item:first-child .btn-link {
    border-radius: 8px;
    border: 1px solid #f7b27a;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    transition: all 0.4s ease;
}

.btn-list .btn-item:first-child .btn-link:hover {
    background-color: #ff4000;
    color: #fff;
}

.btn-list .btn-item:last-child .btn-link {
    border-radius: 8px;
    background-color: #ff4000;
    border: 1px solid #ff4000;
    color: #fff;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    transition: all 0.4s ease;
}

.btn-list .btn-item:last-child:hover .btn-link {
    background-color: #fff;
    color: #cc2b02;
}

.menu-list .menu-item {
    position: relative;
}

.menu-list .menu-item .dropdown-list {
    position: absolute;
    left: 0;
    background-color: #fff;
    padding: 10px;
    width: 200px;
    top: 140%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease;
}

.menu-list .menu-item:hover .dropdown-list {
    top: 115%;
    opacity: 1;
    visibility: visible;
    z-index: 3;
}

.humbarger-line {
    width: 40px;
    height: 4px;
    background-color: #ff4000;
    display: block;
}

.humbarger-icon {
    cursor: pointer;
}

.humbarger-line:nth-child(2) {
    margin: 7px 0;
}

.dual-btns {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    column-gap: 15px;
}

.btn-close:focus {
    box-shadow: none;
}

.side-menu-list,
.side-menu-dropdown-list {
    display: flex;
    flex-direction: column;
    row-gap: 15px !important;
}

.side-menu-item a {
    cursor: pointer;
}

.side-menu-dropdown-list {
    padding-left: 25px;
    display: none;
}

.side-menu-dropdown-list .side-menu-dropdown-item {
    margin: 10px 0;
}

.side-menu-item a img {
    transition: all 0.4s ease;
}

.side-menu-item.on a img {
    transform: rotateZ(-180deg);
}

.offcanvas-body .btn-list {
    flex-direction: column;
    row-gap: 15px;
    padding-top: 20px;
    justify-content: flex-start;
    align-items: flex-start;
}

.offcanvas-body {
    padding: 1rem 2rem;
    padding-top: 2rem;
}

/*======================
HERO CSS HERE
========================*/
.hero-top-wrpper {
    background: url(images/hero-area-bg.png) no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 80px;
    padding-bottom: 185px;
}

.hero-top ul {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 24px;
}

.hero-top ul li img {
    width: 96px;
}

.hero-title {
    max-width: 900px;
    margin: auto;
}

.hero-title h1 {
    color: #101828;
    text-align: center;
    font-size: 48px;
    font-weight: 600;
    line-height: 125%;
    letter-spacing: -0.96px;
    margin-top: 16px;
    margin-bottom: 17px;
}

.hero-title h2 {
    color: #101828;
    text-align: center;
    font-size: 48px;
    font-weight: 600;
    line-height: 125%;
    letter-spacing: -0.96px;
}

.hero-title h2 span {
    color: #ff4000;
}

.hero-sub-title p {
    max-width: 609px;
    color: #475467;
    text-align: center;
    font-size: 20px;
    line-height: 150%;
    margin: auto;
    margin-top: 25px;
    margin-bottom: 48px;
}

.hero-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 12px;
}

.hero-buttons li a {
    padding: 16px 24px;
    font-size: 18px;
    border-radius: 8px;
    font-weight: 500;
    line-height: 155.556%;
}

.hero-buttons li:first-child a {
    color: #0ba5ec;
    border: 1px solid #b9e6fe;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    transition: all 0.4s ease;
}

.hero-buttons li:first-child a:hover {
    background-color: #ff4000;
    color: #fff;
    border-color: transparent;
}

.hero-buttons li:last-child a {
    background-color: #ff4000;
    border: 1px solid transparent;
    color: #fff;
    transition: all 0.4s ease;
}

.hero-buttons li:last-child a:hover {
    background-color: transparent;
    color: #0ba5ec;
    border-color: #b9e6fe;
}

.hero-bottom ul {
    padding-top: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 24px;
}

.hero-bottom ul li {
    display: flex;
    align-items: center;
    column-gap: 12px;
}

.hero-bottom ul li span {
    color: #667085;
    font-size: 12px;
    line-height: 233.333%;
}

.hero-baneer img {
    width: 100%;
}

.banner-wrpeer img {
    width: 100%;
}

.hero-area {
    position: relative;
}

.banner-area {
    width: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -86%;
}

/*======================
TRUSTED SLIDER CSS HERE
========================*/
.trusted-area {
    padding-top: 580px;
}

.trusted-top {
    padding: 32px 0;
    position: relative;
    padding-bottom: 40px;
}

.trusted-top::before,
.trusted-top::after {
    content: "";
    display: block;
    clear: both;
    position: absolute;
    top: 0;
    width: 60px;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
}

.trusted-top::before {
    background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0.1) 100%);
    background-position: left;
    left: 0;
}

.trusted-top h5 {
    color: #0ba5ec;
    text-align: center;
    font-size: 14px;
    line-height: 177.429%;
    letter-spacing: 0.54px;
    text-transform: uppercase;
    margin-bottom: 32px;
}

.single-img img {
    display: block;
    margin: auto;
    width: 100%;
    height: 20px;
    object-fit: contain;
}

/*======================
DATA COLLECTION CSS HERE
========================*/
.data-collection-area {
    padding-top: 20px;
    padding-bottom: 40px;
}

.data-collection-wrpper h2 {
    color: #101010;
    font-size: 36px;
    font-weight: 600;
    line-height: 144.444%;
    text-align: center;
    margin-bottom: 12px;
}

.data-collection-wrpper h2 span {
    color: #0ba5ec;
}

.data-collection-wrpper p {
    color: #475467;
    text-align: center;
    font-size: 14px;
    line-height: 142.857%;
}

.collection-img {
    width: 244px;
    height: 237px;
    margin: auto;
    padding-bottom: 30px;
}

.collection-img img {
    height: 100%;
    object-fit: contain;
}

.collection-desc {
    padding-top: 15.67px;
}

.collection-desc h2 {
    color: #101010;
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    line-height: 133.333%;
    margin-bottom: 10px;
}

.collection-desc p {
    color: #475467;
    text-align: center;
    font-size: 14px;
    line-height: 171.429%;
}

.data-collection {
    padding-top: 32.33px;
}

/*======================
CUSTOM SOLUTION CSS HERE
========================*/
.custom-solution-area {
    padding-top: 40px;
    padding-bottom: 96px;
}

.solution-wrpper {
}

.solution-wrpper > .row {
    margin-left: 150px;
    margin-right: 150px;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    z-index: 2;
}

.solution-wrpper > .row::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 2px;
    border-radius: inherit;
    background: linear-gradient(90deg, #309eed 40%, #f2917f 64%, #fff6a0 125%);
    -webkit-mask: linear-gradient(white 0 0) content-box,
        linear-gradient(white 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: subtract;
    z-index: -1;
}

.solution-thum img {
    width: 100%;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.solution-cnt {
    padding-left: 42px;
}

.solution-cnt h3 {
    color: #101828;
    font-size: 48px;
    font-weight: 600;
    line-height: 91.667%;
    letter-spacing: -0.96px;
    margin-bottom: 24px;
}

.solution-cnt h3 span {
    color: #e04f16;
}

.solution-cnt p {
    color: #475467;
    line-height: 150%;
}

.solution-cnt p:last-child {
    margin-bottom: 24px;
}

.solution-cnt a {
    display: inline-flex;
    margin-top: 24px;
    padding: 10px 18px;
    color: #cc2b02;
    font-weight: 500;
    line-height: 150%;
    border-radius: 8px;
    border: 1px solid #f7b27a;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

/*======================
YOUR INDUSTRY CSS HERE
========================*/
.your-industry-area {
    padding-bottom: 52px;
}
.your-industry-wrpper h2 {
    color: #101828;
    text-align: center;
    font-size: 36px;
    font-weight: 600;
    line-height: 122.222%;
    letter-spacing: -0.72px;
    margin-bottom: 12px;
}

.your-industry-wrpper h2 span {
    color: #e04f16;
}

.your-industry-wrpper > p {
    color: #475467;
    text-align: center;
    font-size: 14px;
    line-height: 142.857%;
}

.automation-post {
    margin-top: 64px;
}

.single-automation-post {
    border-radius: 8px;
    border: 1px solid #eaecf0;
    background: #fff;
    padding: 24px;
}

.automation-icon {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border: 1px solid #eaecf0;
    background: #fff;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

.automation-title h3 {
    color: #101828;
    font-size: 20px;
    font-weight: 500;
    line-height: 120%;
    margin-top: 24px;
    margin-bottom: 8px;
}

.automation-desc p {
    color: #475467;
    line-height: 150%;
}

.automation-post {
    row-gap: 30px;
}

/*======================
WEB SCRAPER CSS HERE
========================*/
.web-scraper-area {
    padding-bottom: 164px;
}

.web-title h2 {
    color: #101828;
    text-align: center;
    font-size: 36px;
    font-weight: 600;
    line-height: 122.222%;
    letter-spacing: -0.72px;
    margin-bottom: 12px;
}

.web-title h2 span {
    color: #0ba5ec;
}

.web-title p {
    max-width: 728px;
    color: #475467;
    text-align: center;
    font-size: 14px;
    line-height: 171.429%;
    margin: auto;
}

.web-scraper {
    margin-top: 48px;
}

.single-scraper {
    padding: 52px 24px;
    border-radius: 8px;
    border: 1px solid #0ba5ec;
    background: #fff;
    min-height: 346px;
}

.scraper-title h3 {
    color: #344054;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    line-height: 150%;
    margin-top: 30px;
    margin-bottom: 8px;
}

.scraper-img {
    height: 100px;
}

.scraper-desc p {
    color: #667085;
    text-align: center;
    font-size: 14px;
    line-height: 171.429%;
}

/*======================
ADVANTAGE CSS HERE
========================*/
.advantage-area {
    padding-bottom: 96.14px;
}

.advantage-wrpper .row {
    margin: 0 150px;
    background-color: #fef6ee;
    border-radius: 12px;
    overflow: hidden;
}

.advantage-cnt {
    padding-left: 51px;
    padding-top: 41px;
    padding-right: 65px;
    padding-bottom: 91px;
}

.advantage-cnt h2 {
    color: #000;
    font-size: 47.3px;
    font-weight: 600;
    letter-spacing: -0.945px;
}

.advantage-cnt h2 span {
    color: #e04f16;
}

.advantage-cnt p {
    color: #475467;
    font-size: 14px;
    line-height: 137.786%;
    margin-top: 8px;
    margin-bottom: 51px;
}

.advantage-list {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.advantage-list li {
    color: #000;
    font-size: 13px;
    line-height: 106%;
    padding: 12px;
    background-color: #fff;
    border-radius: 7.88px;
}

.advantage-thum {
    height: 100%;
}

.advantage-thum img {
    width: 100%;
    height: 100%;
}

/*======================
MARKETPLACE CSS HERE
========================*/
.marketplace-area {
    padding: 96px 0;
    background-color: #131316;
}

.marketplace-top h2 {
    color: #fff;
    text-align: center;
    font-size: 36px;
    font-weight: 600;
    line-height: 122.222%;
    letter-spacing: -0.72px;
    margin-bottom: 20px;
}

.switch-marketplace {
    max-width: 451px;
    padding: 4px;
    display: flex;
    align-items: center;
    margin: auto;
    border-radius: var(--radius-lg, 10px);
    border: 1px solid#3F3F46;
    background: #1a1a1e;
}

.switch-marketplace li {
    padding: 8px 74.25px;
    color: #fff;
    font-family: var(--inter);
    font-size: 14px;
    font-weight: 600;
    line-height: 142.857%;
    border-radius: 6px;
    cursor: pointer;
}

.switch-marketplace #active {
    background-color: #0ba5ec;
}

.single-marketPlace {
    border-radius: 6px;
    border: 1px solid #3f3f46;
    box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1),
        0px 1px 2px 0px rgba(16, 24, 40, 0.06);
}

.single-marketPlace-top {
    padding: 24px;
}

.market-logo {
    width: 48px;
    height: 48px;
    padding: 2px;
    border-radius: 8px;
    border: 1px solid #eaecf0;
    background: #fff;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

.logo-title {
    column-gap: 12px;
}

.market-logo img {
    width: 100%;
}

.market-title h5 {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
}

.single-market-desc p {
    color: #e4e4e7;
    font-size: 14px;
    line-height: 142.857%;
    margin-top: 24px;
}

.single-marketPlace-bottom {
    padding: 17px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #3f3f46;
}

.market-bottom-left {
    display: flex;
    align-items: center;
    column-gap: 6px;
}

.market-bottom-left span {
    color: #e04f16;
    font-size: 14px;
    line-height: 142.857%;
}

.market-bottom-right a {
    padding: 6px 14px;
    color: #cc2b02;
    font-size: 14px;
    font-weight: 500;
    line-height: 142.857%;
    border-radius: 8px;
    border: 1px solid #f7b27a;
    background: #fff;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    transition: all 0.4s ease;
}

.market-bottom-right a:hover {
    background: rgba(255, 255, 255, 0.6);
}

.marketplace-row {
    row-gap: 64px;
    margin-top: 68px;
}

.browse-button {
    margin-top: 64px;
    text-align: center;
}

.browse-button a {
    color: #fff;
    font-weight: 500;
    line-height: 155.556%;
    padding: 16px 22px;
    background-color: #36bffa;
    border-radius: 8px;
    border: 1px solid #b9e6fe;
    background: #36bffa;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    transition: all 0.4s ease;
}

.browse-button a:hover {
    background: rgba(54, 191, 250, 0.7);
}

.browse-button a img {
    transition: all 0.4s ease;
}

.browse-button a:hover img {
    transform: translateX(5px);
}

/*======================
MARKETPLACE CSS HERE
========================*/
.success-story-area {
    padding-bottom: 64px;
    background-color: #131316;
}

.success-story-title h2 {
    color: #fff;
    text-align: center;
    font-size: 36px;
    font-weight: 600;
    line-height: 122.222%;
    letter-spacing: -0.72px;
    margin-bottom: 20px;
}

.success-story-title p {
    color: #e4e4e7;
    text-align: center;
    font-size: 14px;
    line-height: 142.857%;
}

.success-slider-wrpper {
    margin-top: 64px;
}

.single-success-slide {
    position: relative;
}

.slider-cnt {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.slider-cnt {
    padding-top: 35px;
    padding-left: 46px;
    padding-bottom: 37px;
}

.slider-cnt p {
    max-width: 328px;
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    line-height: 133.333%;
}

.slider-cnt a {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
}

.slider-cnt a img {
    width: 24px !important;
    display: inline !important;
}

.owl-carousel .owl-nav {
    margin-top: 64px;
    text-align: right;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #51525c;
    backdrop-filter: blur(4px);
}

.owl-carousel .owl-nav button.owl-next i,
.owl-carousel .owl-nav button.owl-prev i {
    color: #fff;
    font-size: 22px;
}

.owl-carousel .owl-nav button.owl-prev {
    margin-right: 32px;
}

.viewall-btn a {
    padding: 10px 16px;
    color: #0ba5ec;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    border-radius: 8px;
    border: 1px solid #b9e6fe;
    background: #fff;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    transition: all 0.4s ease;
}

.viewall-btn a:hover {
    background: rgba(255, 255, 255, 0.8);
}

.success-slider-wrpper {
    position: relative;
}

.owl-dots {
    display: none;
}

.viewall-btn {
    position: absolute;
    bottom: 5px;
    z-index: 2;
}

/*======================
EXISTING SYSTEMS CSS HERE
========================*/
.existing-system-area {
    padding-bottom: 96px;
    background-color: #131316;
}

.existing-title h2 {
    max-width: 768px;
    margin: auto;
    color: #fff;
    text-align: center;
    font-size: 36px;
    font-weight: 600;
    line-height: 122.222%;
    letter-spacing: -0.72px;
    padding-top: 64px;
    margin-bottom: 64px;
}

.existing-banner img {
    width: 100%;
}

.get-started-btn {
    margin-top: 64px;
    text-align: center;
}

.get-started-btn a {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 155.556%;
    padding: 12px 24px;
    border-radius: 8px;
    border: 1px solid #b9e6fe;
    background: #36bffa;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    transition: all 0.4s ease;
}

.get-started-btn a img {
    transition: all 0.4s ease;
}

.get-started-btn a:hover {
    background: rgba(54, 191, 250, 0.8);
}

.get-started-btn a:hover img {
    transform: translateX(5px);
}

/*======================
USER COUNT CSS HERE
========================*/
.user-count-area {
    padding: 40px 0;
    background-color: #fef6ee;
}

.count-number span {
    color: #ff4000;
    font-size: 60px;
    line-height: 120%;
    letter-spacing: -1.2px;
}

.count-title h3 {
    color: #000;
    font-size: 20px;
    font-weight: 600;
    line-height: 140%;
}

.user-count-area .container > h4 {
    color: #475467;
    font-size: 21px;
    line-height: 114.286%;
    margin-top: 24px;
}

.user-count-area .container > h4 span {
    color: #ff4000;
}

.user-count-area .container > h4 b {
    color: #475467;
}

.count-row {
    row-gap: 25px;
}

/*======================
FAQ COUNT CSS HERE
========================*/
.faq-area {
    padding-top: 48px;
    background-color: #ffffff;
}

.faq-wrpper h2 {
    color: #101828;
    text-align: center;
    font-size: 36px;
    font-weight: 600;
    line-height: 122.222%;
    letter-spacing: -0.72px;
    margin-bottom: 20px;
}

.faq-wrpper p {
    color: #475467;
    text-align: center;
    font-size: 20px;
    line-height: 150%;
}

.faq-row {
    padding: 32px 0 64px 0;
}

#accordion {
    max-width: 768px;
    margin: auto;
}

.accordion-container .accordion-title {
    position: relative;
    margin: 0;
    cursor: pointer;
}

.accordion-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.accordion-container .accordion-title h3 {
    color: #101828;
    font-size: 18px;
    font-weight: 500;
    line-height: 155.556%;
    width: 90%;
}

.accordion-content {
    padding-top: 8px;
}

.accordion-content p {
    max-width: 720px;
    color: #475467;
    font-size: 16px;
    line-height: 150%;
}

.icon-box {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 2px solid #98a2b3;
    position: relative;
}

.icon-box::before,
.icon-box::after {
    content: "";
    display: block;
    clear: both;
    position: absolute;
    width: 15px;
    height: 2px;
    background-color: #98a2b3;
}

.icon-box::after {
    left: 50%;
    top: 53%;
    transform: translate(-50%, -50%);
}

.icon-box::before {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
}

.accordion-container .accordion-title.open .icon-box::before {
    transform: translate(-48%, -20%) rotate(180deg);
}

.accordion-container .accordion-title.open .icon-box::after {
    opacity: 0;
}

.single-accordion-item {
    padding-top: 24px;
    padding-bottom: 32px;
    border-bottom: 1px solid #eaecf0;
}

#accordion .single-accordion-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

/*======================
CTA COUNT CSS HERE
========================*/
.cta-area {
    padding-bottom: 96px;
}

.cta-wrpper {
    border-radius: 16px;
    background: #f0f9ff;
    padding: 32px;
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 32px;
}

.cta-desc h3 {
    color: #101828;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin-bottom: 8px;
}

.cta-desc p {
    color: #475467;
    text-align: center;
    line-height: 155.556%;
}

.cta-button a {
    color: #fff;
    font-family: var(--inter);
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    padding: 12px 20px;
    border-radius: 8px;
    border: 1px solid #ff4000;
    background: #ff4000;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    transition: all 0.4s ease;
}

.cta-button a:hover {
    background: rgba(255, 64, 0, 0.8);
}

/*======================
CTA COUNT CSS HERE
========================*/
.free-trail-area {
    padding: 64px 0;
    background-color: #1a1a1e;
}

.free-trail-left h2 {
    color: #fff;
    font-size: 30px;
    font-weight: 500;
    line-height: 126.667%;
    margin-bottom: 16px;
}

.free-trail-left p {
    color: #d1d1d6;
    font-family: var(--inter);
    font-size: 20px;
    line-height: 150%;
}

.free-trail-btns {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    column-gap: 12px;
}

.free-trail-btns li a {
    font-family: var(--inter);
    font-size: 14px;
    font-weight: 600;
    line-height: 142.857%;
    padding: 10px 16px;
    border-radius: 8px;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    transition: all 0.4s ease;
}

.free-trail-btns li:first-child a {
    color: #cc2b02;
    border: 1px solid #f7b27a;
    background: #fff;
}

.free-trail-btns li:first-child a:hover {
    background: rgba(255, 255, 255, 0.8);
}

.free-trail-btns li:last-child a {
    color: #fff;
    border: 1px solid #ff4000;
    background-color: #ff4000;
}

.free-trail-btns li:last-child a:hover {
    background-color: rgba(255, 64, 0, 0.8);
}

/*======================
FOOTER CSS HERE
========================*/
.footer-area {
    background-color: #131316;
}
.footer-top-wrpper {
    padding: 64px 0;
}

.company h4,
.industry h4 {
    color: #70707b;
    font-size: 14px;
    line-height: 142.857%;
    margin-bottom: 16px;
}

.company-list,
.industry-list {
    display: flex;
    flex-direction: column;
    row-gap: 12px;
}

.company-list li a,
.industry-list li a {
    color: #d1d1d6;
    font-size: 16px;
    line-height: 150%;
    transition: all 0.4s ease;
}

.company-list li a:hover,
.industry-list li a:hover {
    color: #ff4000;
}

.contact-us {
    display: flex;
    align-items: center;
    column-gap: 24px;
}

.footer-last {
    display: flex;
    flex-direction: column;
    row-gap: 32px;
}

.footer-bottom-wrpper {
    padding-top: 32px;
    padding-bottom: 48px;
    border-top: 1px solid #26272b;
}

.footer-menu ul {
    display: flex;
    align-items: center;
    column-gap: 16px;
}

.footer-menu ul li a {
    color: #fff;
    line-height: 150%;
}

.copy-right p {
    color: #fff;
    line-height: 150%;
}

/*======================
ABOUT PAGE CSS HERE
========================*/

/*======================
ABOUT HERO CSS HERE
========================*/
.about-hero-area {
    padding: 96px 0;
}

.about-hero-wrpper h5,
.our-story-top h5 {
    color: #b93815;
    font-size: 20px;
    font-weight: 600;
    line-height: 120%;
    margin-bottom: 12px;
}

.about-hero-left {
    padding-right: 50px;
}

.about-hero-left h2 {
    color: #101828;
    font-size: 40px;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -0.8px;
}

.about-hero-left .hero-buttons {
    justify-content: flex-start;
    margin-top: 24px;
}

.about-hero-desc p {
    color: #475467;
    font-size: 20px;
    font-weight: 400;
    line-height: 150%;
}

/*======================
OUR STORY CSS HERE
========================*/
.our-story-area {
    padding-top: 60px;
    padding-bottom: 96px;
}

.our-story-top h2 {
    color: #101828;
    font-size: 36px;
    font-weight: 600;
    line-height: 122.222%;
    letter-spacing: -0.72px;
    margin-bottom: 20px;
}

.our-story-top p {
    color: #475467;
    font-size: 20px;
    line-height: 150%;
}

.story-desc {
    padding-top: 64px;
}

.story-desc-left {
    padding-right: 50px;
}

.story-desc-left p {
    color: #475467;
    font-size: 18px;
    line-height: 155.556%;
    margin-bottom: 15px;
}

.single-wrpper h2 {
    color: #101828;
    font-size: 32px;
    font-weight: 600;
    line-height: 137.5%;
    margin-bottom: 8px;
    letter-spacing: -0.64px;
}

.single-wrpper p {
    color: #475467;
    font-size: 18px;
    line-height: 155.556%;
}

.vision-mission {
    display: flex;
    flex-direction: column;
    row-gap: 32px;
}

.count-bottom h4 {
    color: #475467;
    font-size: 21px;
    line-height: 114.286%;
    margin-top: 24px;
}

#about-count {
    background-color: #fafafa;
}

/*======================
ABOUT SLIDER CSS HERE
========================*/
.about-slider {
    padding: 96px 0;
}

.about-slider-top .get-started h2 {
    color: #101828;
    font-size: 36px;
    font-weight: 600;
    line-height: 122.222%;
    margin-bottom: 20px;
    letter-spacing: -0.72px;
}

.about-slider-wrpper {
    padding-left: calc((100% - 1320px) / 2 + 15px);
    margin-top: 64px;
}

.single-about-slide {
    padding: 24px;
    height: 504px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.about-carousel .single-about-slide.slide-1 {
    background-color: #ff4000 !important;
}

.about-carousel .single-about-slide.slide-2 {
    background-color: #079455 !important;
}

.about-carousel .single-about-slide.slide-3 {
    background-color: #1570ef !important;
}

.about-carousel .single-about-slide.slide-4 {
    background-color: #444ce7 !important;
}

.about-slide-bottom {
    padding: 32px 24px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    background: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(12px);
}

.slide-bottom-title h3 {
    color: #fff;
    font-family: var(--inter);
    font-size: 30px;
    font-weight: 600;
    line-height: 126.667%;
    margin-bottom: 16px;
}

.slide-bottom-desc p {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 155.556%;
    margin-bottom: 32px;
}

.slide-bottom-btn a {
    color: #fff;
    font-family: var(--inter);
    font-weight: 600;
    line-height: 150%;
}

.slider-control-btn ul {
    display: flex;
    align-items: center;
    column-gap: 32px;
    margin-top: 32px;
}

.slider-control-btn ul li {
    cursor: pointer;
}

/*======================
TEAM CSS HERE
========================*/
.team-area {
    padding-top: 48px;
    padding-bottom: 96px;
    background-color: #f9fafb;
}

.team-title h2 {
    color: #101828;
    text-align: center;
    font-family: var(--inter);
    font-size: 36px;
    font-weight: 600;
    line-height: 122.222%;
    letter-spacing: -0.72px;
    margin-bottom: 30px;
}

.team-title p {
    max-width: 768px;
    margin: auto;
    color: #475467;
    text-align: center;
    font-family: var(--inter);
    font-size: 20px;
    line-height: 150%;
}

.single-member {
    padding: 24px 16px;
    background-color: #fff;
    padding-left: 24px;
}

.name-post {
    margin-top: 20px;
    margin-bottom: 8px;
}

.name-post h4 {
    color: #101828;
    text-align: center;
    font-family: var(--inter);
    font-size: 18px;
    font-weight: 600;
    line-height: 155.556%;
}

.name-post h6 {
    color: #b93815;
    text-align: center;
    font-family: var(--inter);
    line-height: 50%;
}

.member-desc p {
    color: #475467;
    text-align: center;
    font-family: var(--inter);
    line-height: 150%;
}

.member-social {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 16px;
    padding-top: 16px;
}

.team-members {
    margin-top: 64px;
    row-gap: 32px;
}

/*======================
GET STARTED HERE
========================*/
#get-started {
    background-color: #f9fafb;
}

.get-started h2 {
    color: #101828;
}

.get-started p {
    color: #475467;
}

.get-started-btns li:first-child a {
    color: #344054;
    border-color: #d0d5dd;
}

/*======================
MARKET PLAXCE PAGE CSS HERE
========================*/

/*======================
HERO AREA CSS HERE
========================*/
.market-place-hero {
    background: url(images/market-plaxce-hero-bg.png) no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 96px;
    padding-bottom: 48px;
}

.market-place-hero-wrpper h2 {
    color: #101828;
    text-align: center;
    font-size: 48px;
    font-weight: 600;
    line-height: 125%;
    letter-spacing: -0.96px;
    margin-bottom: 24px;
}

.market-place-hero-wrpper p {
    color: #475467;
    text-align: center;
    font-size: 15px;
    line-height: 200%;
}

.market-place-hero-wrpper .switch-marketplace {
    margin-top: 54px;
    background-color: #fff;
    border-color: #eaecf0;
}

.market-place-hero-wrpper .switch-marketplace li {
    color: #3e4451;
    padding: 8px 53px;
}

.market-place-hero-wrpper .switch-marketplace #active {
    color: #fff;
}

/*======================
DEFINED EXTRACTORS AREA CSS HERE
========================*/
.defined-extractor-area {
    padding-top: 48px;
    padding-bottom: 96px;
}

.extractor-top-left h4 {
    color: #101828;
    font-size: 18px;
    font-weight: 600;
    line-height: 155.556%;
}

.search-box,
.sort-by-box {
    padding: 10px 14px;
    display: flex;
    align-items: center;
    width: 100%;
    gap: 8px;
    border-radius: 8px;
    border: 1px solid #d0d5dd;
    background: #fff;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

.search-box {
    max-width: 344px;
}

.sort-by-box {
    max-width: 90px;
}

.search-box input {
    outline: none;
    border: none;
    overflow: hidden;
    color: #667085;
    line-height: 150%;
    width: 100%;
}

.form-select {
    padding: 0;
    border: none;
    color: #344054 !important;
    font-size: 14px;
    font-weight: 500;
    line-height: 142.857%;
    background-position: right 0.1rem center;
    padding: 4px 0;
}

.form-select:focus {
    border-color: transparent;
    outline: 0;
    box-shadow: none;
}

.extractor-top-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    column-gap: 12px;
}

.extractor-top {
    padding-bottom: 20px;
    border-bottom: 1px solid #eaecf0;
}

.extractor-bottom {
    padding-top: 24px;
}

.exptractor-bottom-left h4 {
    font-size: 14px;
    color: #161616;
    text-shadow: 0px 3px 6px #161616;
    margin-bottom: 20px;
}

.categories-list {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    padding-right: 90px;
}

.categories-list li a {
    padding: 8px 12px;
    color: #667085;
    font-weight: 500;
    line-height: 150%;
    transition: all 0.4s ease;
    display: block;
}

.categories-list li a:hover,
#category-active a {
    color: #ff4000;
    border-radius: 6px;
    background: #fef6ee;
    display: block;
    box-shadow: 0 6px 5px #cdcdcd;
}

.categories-post-wrpper .market-title h5 {
    color: #101828;
    font-weight: 600;
    line-height: 110%;
}

.categories-post-wrpper .market-logo {
    width: 40px;
    height: 40px;
}

.categories-post-wrpper .market-title {
    width: calc(100% - 45px);
}

.categories-post-wrpper .single-market-desc p {
    color: #475467;
    font-size: 14px;
    line-height: 142.857%;
}

.categories-post-wrpper .single-marketPlace,
.categories-post-wrpper .single-marketPlace .single-marketPlace-bottom {
    border-color: #eaecf0;
}

.categories-post-wrpper {
    row-gap: 24px;
}

.small-select-category {
    padding: 8px 16px;
    border-radius: 8px;
    border: 1px solid #d0d5dd;
    background: #fff;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    margin-bottom: 20px;
}

/*======================
FEATURE PAGE CSS HERE
========================*/

/*======================
HERO AREA CSS HERE
========================*/
.feature-hero-area {
    padding-top: 80px;
    padding-bottom: 52px;
}

.feature-title h2 {
    color: #101828;
    text-align: center;
    font-size: 48px;
    font-weight: 600;
    letter-spacing: -0.96px;
}

.feature-title h3 {
    color: #ff4000;
    font-size: 52px;
    font-weight: 600;
    letter-spacing: -1.04px;
    text-align: center;
}

.feature-sub-title {
    max-width: 900px;
    margin: auto;
}

.feature-sub-title p {
    color: #475467;
    text-align: center;
    font-size: 20px;
    line-height: 150%;
    margin-top: 15px;
}

.feature-wrpper .hero-buttons {
    padding-top: 48px;
}

/*===========================
FEATURE SERVICE AREA CSS HERE
=============================*/
.feature-service-area {
    padding: 80px 0;
}

.single-feature-service {
    padding: 33px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: #edf1f6;
}

.feature-service-title h4 {
    color: #101828;
    text-align: center;
    font-size: 18.281px;
    font-weight: 500;
    line-height: 175.043%;
    padding-top: 16px;
    padding-bottom: 7px;
    letter-spacing: 0.2px;
}

.feature-service-desc p {
    color: #475467;
    text-align: center;
    font-size: 14px;
    line-height: 205.714%;
    letter-spacing: 0.36px;
}

.feature-service-top {
    padding-bottom: 18px;
    border-bottom: 1px solid #bfc6cf;
}

.feature-service-bottom p {
    color: #e04f16;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 180%;
    letter-spacing: 0.36px;
    padding-top: 15.61px;
    padding-left: 17px;
    padding-right: 17px;
}

/*===========================
READY BROWSER AREA CSS HERE
=============================*/
.ready-browser-area {
    padding: 96px 0;
    background-color: #edf1f6;
}

.ready-browser-title h5 {
    color: #3d7ffc;
    font-size: 32px;
    line-height: 175%;
    text-align: center;
    letter-spacing: 1.2px;
    margin-bottom: 50.33px;
}

.ready-browser-thum img {
    width: 100%;
}

/*===========================
SAMPLE DATA AREA CSS HERE
=============================*/
.sample-data-area {
    padding: 96px 0;
    background-color: #f5f5f5;
}

.sample-data-top h2 {
    color: #101828;
    text-align: center;
    font-size: 32px;
    font-weight: 600;
    letter-spacing: -0.64px;
}

.sample-data-top p {
    color: #344054;
    text-align: center;
}

.sample-data-posts {
    margin-top: 64px;
    row-gap: 64px;
}

.sample-data-posts .single-marketPlace {
    border-radius: 12px;
    border: 1px solid #d1d1d6;
    background: #fff;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

.sample-data-posts .market-logo {
    border: none;
}

.sample-data-posts .market-title h5 {
    color: #344054;
}

.sample-data-posts .single-market-desc p {
    color: #1a1a1e;
}

.sample-data-posts .single-marketPlace .single-marketPlace-bottom {
    border-color: #d1d1d6;
}

.sample-data-area .browse-button a {
    background-color: #ff4000;
}

.sample-data-area .browse-button a:hover {
    background-color: rgba(255, 64, 0, 0.8);
}

/*===========================
OPTIMIZED BROWSER AREA CSS HERE
=============================*/
.optimized-browser-area {
    padding: 96px 0;
}

.optimized-thum img {
    width: 100%;
}

.optimized-cnt {
    padding-right: 100px;
}

.optimized-title h3 {
    color: #101828;
    font-family: var(--inter);
    font-size: 30px;
    font-weight: 600;
    line-height: 126.667%;
    margin-top: 20px;
    margin-bottom: 16px;
}

.optimized-desc p {
    color: #475467;
    font-family: var(--inter);
    font-size: 18px;
    line-height: 155.556%;
}

.optimized-list {
    padding-top: 32px;
    padding-left: 16px;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}

.optimized-list li {
    display: flex;
    align-items: center;
    column-gap: 12px;
}

.optimized-list li span {
    color: #475467;
    font-family: var(--inter);
    font-size: 18px;
    line-height: 155.556%;
}

/*===========================
PRICING PAGE CSS HERE
=============================*/

/*===========================
PRICING HERO AREA CSS HERE
=============================*/
.pricing-hero-wrpper {
    padding-top: 103px;
    padding-bottom: 210px;
    background-color: #f5fafc;
}

.pricing-hero-cnt {
    max-width: 610px;
    margin: auto;
}

.pricing-hero-title h2 {
    color: #000;
    text-align: center;
    font-size: 48px;
    font-weight: 600;
    line-height: 125%;
    letter-spacing: -0.96px;
    text-transform: capitalize;
    margin-bottom: 32px;
}

.pricing-hero-desc p {
    color: #344054;
    text-align: center;
    font-size: 20px;
    line-height: 150%;
}

.price-card {
    padding: 24px;
    border-radius: 10px;
    border: 3px solid #ebebeb;
    background: #fff;
    box-shadow: 0px 273px 76px 0px rgba(135, 138, 140, 0),
        0px 175px 70px 0px rgba(135, 138, 140, 0.01),
        0px 98px 59px 0px rgba(135, 138, 140, 0.04),
        0px 44px 44px 0px rgba(135, 138, 140, 0.06),
        0px 11px 24px 0px rgba(135, 138, 140, 0.07);
}

.price-card-top {
    padding: 24px;
    border-radius: 10px;
}

.price-cards-wrpper .row .col-lg-4:nth-child(2) .price-card-top {
    background: #f6f6f6;
}

.plane-name p {
    color: #000;
    font-size: 12px;
}

.plane-price {
    display: flex;
    align-items: center;
    column-gap: 6px;
    margin: 7px 0 18px 0;
}

.plane-price h2 {
    color: #000;
    font-size: 42px;
    font-weight: 700;
}

.plane-price span {
    color: #000;
    font-size: 12px;
}

.plane-feature p {
    color: #000;
    font-size: 12px;
}

.plane-signup a {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    padding: 10px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-md, 8px);
    border: 1px solid #ff4000;
    background: #ff4000;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    margin-top: 17px;
    transition: all 0.4s ease;
}

.plane-signup a:hover {
    background: rgba(255, 64, 0, 0.8);
}

.price-card-bottom {
    padding-top: 24px;
}

.card-bottom-title p {
    color: #696969;
    text-align: center;
    font-size: 14px;
    letter-spacing: 0.54px;
    position: relative;
}

.card-bottom-title p::before,
.card-bottom-title p::after {
    content: "";
    display: block;
    clear: both;
    position: absolute;
    width: 100px;
    height: 1px;
    background-color: #696969;
    top: 50%;
}

.card-bottom-title p::after {
    right: 0;
}

.price-card-list {
    padding-top: 24px;
    display: flex;
    flex-direction: column;
    row-gap: 8px;
}

.price-card-list li {
    display: flex;
    align-items: center;
    column-gap: 16px;
}

.price-card-list li span {
    color: #667085;
    font-size: 14px;
    font-weight: 300;
    line-height: 171.429%;
}

.pricing-hero-wrpper {
    position: relative;
}

.price-cards-wrpper {
    position: absolute;
    width: 100%;
    bottom: -350px;
}

/*===========================
CRADIT AREA CSS HERE
=============================*/
.credit-area {
    padding: 88px 0;
    margin-top: 382px;
    background-color: #f9fafb;
}

.credit-icon {
    width: 48px;
    height: 48px;
    margin: auto;
}

.credit-icon img {
    width: 100%;
}

.credit-title h3 {
    color: #101828;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    line-height: 150%;
    margin-top: 16px;
}

.credit-desc p {
    color: #475467;
    text-align: center;
    line-height: 150%;
    padding-top: 16px;
    padding-bottom: 18px;
}

.credit-button a {
    color: #0ba5ec;
    font-size: 18px;
    font-weight: 500;
    line-height: 155.556%;
    border-radius: 8px;
    border: 1px solid #b9e6fe;
    background: #fff;
    padding: 16px 22px;
    display: flex;
    justify-content: center;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    transition: all 0.4s ease;
}

.credit-button a:hover {
    background: rgba(255, 64, 0, 0.8);
    color: #fff;
}

/*===========================
OUR WORD AREA CSS HERE
=============================*/
.our-word-area {
    padding: 96px 0;
    background-color: #131316;
}

.our-word-top-row {
    max-width: 768px;
    margin: auto;
}

.our-word-top-row h2 {
    color: #fff;
    text-align: center;
    font-size: 36px;
    font-weight: 600;
    line-height: 122.222%;
    letter-spacing: -0.72px;
    margin-bottom: 20px;
}

.our-word-top-row p {
    color: #fff;
    text-align: center;
    font-size: 20px;
    line-height: 150%;
}

.word-cards-row {
    margin-top: 56px;
}

.word-card {
    padding: 32px;
    background-color: #1a1a1e;
    display: flex;
    flex-direction: column;
    row-gap: 32px;
}

.word-card-top {
    display: flex;
    column-gap: 16px;
}

.card-top-cnt p {
    color: #e04f16;
    line-height: 187.5%;
    margin-bottom: 8px;
}

.card-top-cnt h4 {
    color: #fff;
    font-size: 32px;
    font-weight: 500;
    line-height: 93.75%;
}

.card-top-img {
    width: 64px;
}

.card-top-img img {
    width: 100%;
}

.word-card-title h3 {
    color: #fff;
    font-size: 28px;
    font-weight: 500;
    line-height: 114.286%;
}

.word-card-desc p {
    color: #d0d5dd;
    font-size: 18px;
    line-height: 155.556%;
}

/*===========================
FAQ CTA TRAIL AREA CSS HERE
=============================*/
.faq-cta-trail-area,
.pricing-faq {
    background-color: #1a1a1e;
}

.pricing-faq-wrpper h2,
.pricing-faq-wrpper p,
.accordion-title.pricing-accordion-title h3,
.pricing-accordion-container .accordion-content p,
.pricing-cta-wrpper .cta-desc h3,
.pricing-cta-wrpper .cta-desc p {
    color: #fff;
}

.pricing-accordion-title .icon-box {
    border-color: #e04f16;
}

.pricing-accordion-title .icon-box::before,
.pricing-accordion-title .icon-box::after {
    background-color: #e04f16;
}

.pricing-cta-wrpper {
    background-color: #131316;
}

/*===========================
REAL ESTATE PAGE CSS HERE
=============================*/

/*===========================
HERO AREA CSS HERE
=============================*/
.real-estate-hero {
    padding-top: 96px;
    padding-bottom: 48px;
}

.real-estate-hero-title h2 {
    color: #101828;
    text-align: center;
    font-size: 42px;
    font-weight: 600;
    line-height: 125%;
    letter-spacing: -0.84px;
    margin-bottom: 48px;
}

.real-estate-hero-title h2 span {
    color: #0ba5ec;
}

/*===========================
RETAIL BUSSINESS AREA CSS HERE
=============================*/
.retail-bussiness-area {
    padding-bottom: 96px;
}

.retail-thum img {
    width: 100%;
}

.retail-bussiness-cnt h2 {
    color: #101828;
    font-family: var(--inter);
    font-size: 36px;
    font-weight: 600;
    line-height: 122.222%;
    letter-spacing: -0.72px;
    margin-bottom: 10px;
    padding-right: 280px;
}

.retail-bussiness-cnt p {
    color: #475467;
    line-height: 175%;
    padding-right: 175px;
}

/*===========================
SAMPLE DATA AREA CSS HERE
=============================*/
.estate-data-wrpper {
    padding: 64px 30px;
    background-color: #f9fafb;
}

.estate-data-top h2 {
    color: #101828;
    text-align: center;
    font-size: 36px;
    font-weight: 600;
    line-height: 122.222%;
    margin-bottom: 12px;
    letter-spacing: -0.72px;
}

.estate-data-top p {
    color: #475467;
    text-align: center;
    font-size: 14px;
    line-height: 142.857%;
}

.estate-data-wrpper .switch-marketplace {
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid #eaecf0;
    width: 238px;
    margin-top: 32px;
}

.estate-data-wrpper .switch-marketplace li {
    color: #3e4451;
    padding-left: 18px;
    padding-right: 18px;
}

.estate-data-wrpper .switch-marketplace li#active {
    color: #fff;
}

.data-table {
    margin-top: 32px;
}

.data-table table {
    background-color: #fff;
}

.data-table table tr th,
.data-table table tr td {
    white-space: nowrap;
    padding: 8px 55px 9px 12px;
}

.data-table table tr th {
    color: #363636;
    font-family: var(--sourceSans);
    font-size: 16px;
    font-weight: 700;
    line-height: 150%;
}

.data-table table tr td {
    color: #363636;
    font-family: var(--sourceSans);
    line-height: 150%;
}

.table-responsive::-webkit-scrollbar {
    height: 3px;
}

.table-responsive::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.table-responsive::-webkit-scrollbar-thumb {
    background: #3498db;
    border-radius: 10px;
}

.table-responsive::-webkit-scrollbar-thumb:hover {
    background: #2980b9;
}

.table-responsive {
    scrollbar-width: thin;
    scrollbar-color: #3498db #f1f1f1;
}

.data-table .table-responsive table {
    margin-bottom: 15px;
}

.data-table .table-responsive table tr {
    border-bottom: 1px solid #dbdbdb;
}

.data-table .table-responsive table tr:nth-child(even) {
    background-color: #fafafa;
}

.data-table .table-responsive table tbody tr:last-child {
    border-bottom: none;
}

.table-bottom-button {
    margin-top: 64px;
}

.table-bottom-button a {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 155.556%;
    border-radius: var(--radius-md, 8px);
    border: 1px solid #b9e6fe;
    background: #36bffa;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    padding: 16px 20px;
    transition: all 0.4s ease;
}

.table-bottom-button a:hover {
    background: rgba(54, 191, 250, 0.8);
}

/*===========================
SEE USE CASE AREA CSS HERE
=============================*/
.see-use-case {
    padding: 96px 0;
}

.see-use-case-title {
    padding-right: 70px;
}

.see-use-case-title h2 {
    color: #101828;
    font-family: var(--inter);
    font-size: 36px;
    font-weight: 600;
    line-height: 122.222%;
    letter-spacing: -0.72px;
}

.see-use-case-cnt p {
    color: #667085;
    line-height: 175%;
    margin-bottom: 32px;
}

.see-use-case-cnt a {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 155.556%;
    padding: 16px 22px;
    border-radius: 8px;
    border: 1px solid #b9e6fe;
    background: #36bffa;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

.see-use-case-post-row {
    margin-top: 64px;
}

.see-use-case-card {
    padding: 24px;
    background: #f9fafb;
    display: flex;
    flex-direction: column;
    row-gap: 96px;
    height: 100%;
}

.see-use-case-desc h4 {
    color: #101828;
    font-family: var(--inter);
    font-size: 20px;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 8px;
}

.see-use-case-desc p {
    color: #475467;
    line-height: 150%;
}

/*===========================
INDUSTY LEADER AREA CSS HERE
=============================*/
.industy-leader-area {
    padding: 96px 0;
    background: #131316;
}

.industy-leader-title h2 {
    color: #fff;
    font-size: 36px;
    font-weight: 600;
    line-height: 144.444%;
    margin-bottom: 12px;
}

.industy-leader-title p {
    color: #e4e4e7;
    font-size: 18px;
    line-height: 155.556%;
    margin-bottom: 50px;
}

.industy-leader-inner {
    border-radius: 8px;
    border: 1px solid #1a1a1e;
    padding: 24px;
}

.desc-card h5 {
    color: #fff;
    font-family: var(--inter);
    font-weight: 500;
    line-height: 200%;
    letter-spacing: -0.18px;
    margin-bottom: 4px;
}

.desc-card p {
    color: #fff;
    font-family: var(--inter);
    line-height: 171.429%;
    letter-spacing: -0.08px;
}

.industy-leader-inner {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
}

.industy-leader-thum {
    padding-left: 30px;
}

.industy-leader-thum img {
    width: 100%;
}

.main-row {
    row-gap: 56px;
}

.industry-leader-bottom-left {
    padding-right: 90px;
}

.industry-leader-bottom-left h2 {
    color: #fff;
    font-size: 36px;
    font-weight: 600;
    line-height: 122.222%;
    margin-bottom: 12px;
}

.industry-leader-bottom-left h2 span {
    color: #0ba5ec;
}

.industry-leader-bottom-left p {
    color: #f2f4f7;
    font-size: 14px;
    line-height: 200%;
}

.right-desc-card h4 {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    line-height: 160%;
    letter-spacing: -0.18px;
    margin-bottom: 4px;
}

.right-desc-card p {
    color: #fff;
    font-family: var(--inter);
    font-size: 14px;
    line-height: 171.429%;
    letter-spacing: -0.08px;
}

.bottom-right-card {
    display: flex;
    column-gap: 22px;
}

.right-icon-card {
    width: 32px;
}

.leader-bottom-right {
    display: flex;
    column-gap: 58px;
}

.bottom-card-right {
    display: flex;
    flex-direction: column;
    row-gap: 31px;
}

.industy-leader-area {
    display: flex;
    flex-direction: column;
    row-gap: 119px;
}

.industy-leader-bottom {
    padding: 56px 0;
}

#more-solution-area {
    padding: 96px 0;
}

#real-estate-conter {
    background-color: #fafafa;
}

#investment {
    padding-top: 96px;
}

.count-title p {
    color: #475467;
    line-height: 150%;
    margin-top: 8px;
    padding-right: 30px;
}

.job-datat {
    padding-left: 148px;
}

.job-datat h2,
.job-datat p {
    padding-right: 0;
}