@import url("global.css");

.top-nav a {
    background: linear-gradient(180deg, #004e94 0%, #1fe5c5 100%);
    padding: 16px;
    width: 100%;
}

.bg-custom {
    background-color: var(--dark_color);
    padding: 0px 25px !important;
}

.navbar-brand {
    color: var(--light_color) !important;
    text-align: center;
    font-size: var(--font-14) !important;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

    .navbar-brand span {
        font-weight: 600;
    }

.custom-navbar > li > a {
    color: var(--light_color) !important;
    text-align: center;
    font-size: var(--font-16);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 12px !important;
    position: relative;
    cursor: pointer;
}

.custom-rounded {
    border-radius: 24px;
}

.custom-navbar > li {
    position: static;
}


.custom-navbar .dropdown-menu.show {
    background-color: #f2f3f9;
    border-radius: 20px;
    min-width: max-content;
}

.dropdown-menu {
    animation: 0.5s slideup;
}


@keyframes slideup {
    from {
        transform: translateY(10%);
    }

    to {
        transform: translateY(0);
    }
}

.carousel.home-slider .carousel-item {
    min-height: 650px;
}

.custom-navbar .dropdown-menu.half-dropdown {
    margin: 0 auto;
    left: 0px;
    right: 0px;
    width: 93.5%;
    padding: 0;
    min-width: auto;
    max-width: 840px;
    padding: 34px 44px 44px 44px;
}

.custom-navbar .dropdown-menu.min-dropdown {
    left: auto;
    right: auto;
    min-width: 220px;
    width: 220px;
    padding: 28px 28px 27px 28px;
}

.custom-navbar .dropdown-menu.half-dropdown.full-width-dropwdown {
    margin: 0 auto;
    left: 0px;
    right: 0px;
    width: 93.5%;
    padding: 0;
    min-width: auto;
    max-width: 1050px;
}

    .custom-navbar .dropdown-menu.half-dropdown.full-width-dropwdown.custom-padding {
        padding: 30px 44px;
    }

.bg-gray-left {
    background-color: var(--gray_color);
    padding: 30px 9px 40px 44px;
    border-radius: 20px;
    box-sizing: border-box;
}

.bg-wite-left {
    background-color: var(--light_color);
    padding: 30px 30px 16px 30px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    box-sizing: border-box;
}

.custom-navbar li a.dropdown-toggle::after {
    display: none;
}

.navbar-data-images {
    width: 100%;
    border-radius: 30px;
}

.card-for-all img {
    object-fit: cover;
    object-position: center;
    height: 192px;
    border-radius: 20px 20px 0px 0px;
    width: 100%;
}

.card-for-all {
    border-radius: 20px !important;
    border: none !important;
    width: 18rem;
}

.top-header {
    position: absolute;
    width: 100%;
    z-index: 6;
}

    .top-header nav {
        position: fixed;
        top: 49px;
        width: 100%;
        transition: .3s;
    }

.top-nav a {
    color: var(--light_color);
    text-align: center;
    font-size: var(--font-14);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

nav.navbar.navbar-expand-xl.bg-custom.sticky {
    top: 0;
}


.totop {
    transform: translateY(-140px);
}

.home-top-banner {
    width: 100%;
    height: 100vh;
    position: relative;
    justify-content: end;
    display: flex;
    padding-top: 136px;
    padding-bottom: 60px;
}

    .home-top-banner.scroll-banner {
        height: auto;
        padding-top: 160px;
        padding-bottom: 60px;
    }

.background-clip {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: -1;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.videos-clip {
    border-radius: 24px;
    width: 100%;
    overflow: hidden;
    object-fit: cover;
}

.retial-img {
    border-radius: 24px;
}

.mvc-platform {
    width: 158px;
    height: 150px;
    border: 1.744px solid var(--light_color);
    border-radius: 18px;
    padding: 22px;
}

.with-border {
    position: relative;
}

    .with-border::before {
        content: '';
        position: absolute;
        display: inline-block;
        width: 82px;
        height: 5px;
        background-color: var(--product_primary_color);
        bottom: -5px;
        border-radius: 28px;
        left: 0px;
        right: 0px;
        margin: 0 auto;
    }

.color-product-green {
    color: var(--green_color);
}

.color-product-dark-blue {
    color: var(--blue_color);
}

.color-product-yellow {
    color: var(--yellow_color);
}

.border-green {
    position: relative;
}

.gartner {
    border-top: 2px solid #FFF;
    background: linear-gradient(177deg, #002857 5.27%, #045498 97.38%);
    padding: 25px 8px;
    display: flex;
    justify-content: center;
    color: var(--light_color);
}

    .gartner .bars {
        margin: 0px 16px;
    }

    .gartner span {
        font-size: var(--font-24);
        font-weight: 400;
    }

.border-green::before {
    content: '';
    position: absolute;
    display: inline-block;
    width: 82px;
    height: 5px;
    background-color: var(--green_color);
    bottom: -5px;
    border-radius: 28px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
}

.border-yellow {
    position: relative;
}

    .border-yellow::before {
        content: '';
        position: absolute;
        display: inline-block;
        width: 82px;
        height: 5px;
        background-color: var(--yellow_color);
        bottom: -5px;
        border-radius: 28px;
        left: 0px;
        right: 0px;
        margin: 0 auto;
    }

.border-dark-blue {
    position: relative;
}

    .border-dark-blue::before {
        content: '';
        position: absolute;
        display: inline-block;
        width: 82px;
        height: 5px;
        background-color: var(--blue_color);
        bottom: -5px;
        border-radius: 28px;
        left: 0px;
        right: 0px;
        margin: 0 auto;
    }

.border-blue {
    position: relative;
}

    .border-blue::before {
        content: '';
        position: absolute;
        display: inline-block;
        width: 82px;
        height: 5px;
        background-color: var(--blue_color);
        bottom: -5px;
        border-radius: 28px;
        left: 0px;
        right: 0px;
        margin: 0 auto;
    }

    .border-blue.small::before {
        width: 80%;
        bottom: -7px;
    }

.border-green.small::before {
    width: 80%;
    bottom: -7px;
}

.border-yellow.small::before {
    width: 80%;
    bottom: -7px;
}

.with-border.small::before {
    width: 80%;
    bottom: -7px;
}

.new-customer {
    width: 125px;
    border: 2px solid var(--light_color);
    border-radius: 30px;
    padding: 22px 10px 16px 10px;
}

.dropdwon-customer-products {
    width: 103px;
    border: 1px solid var(--dark_color);
    border-radius: 22px;
    padding: 12px 10px 16px 10px;
    flex-shrink: 0;
}

    .dropdwon-customer-products .wmc-title-new {
        font-size: var(--font-20);
        color: var(--dark_color);
        font-weight: 600;
    }

    .dropdwon-customer-products .wmc-platform {
        font-size: var(--font-14);
        color: var(--dark_color);
        font-weight: 300;
    }

.wmc-title-new {
    color: var(--light_color);
    font-size: var(--font-35);
    font-style: normal;
    font-weight: 500;
    line-height: 23px;
}

.wmc-title {
    color: var(--light_color);
    font-size: var(--font-35);
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
}

.wmc-platform {
    color: var(--light_color);
    font-size: var(--font-16);
    font-style: normal;
    font-weight: 300;
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 2px !important;
}

.color-trationary {
    color: var(--tritationary_color);
}

.banner-email {
    background-color: transparent;
    border-radius: 60px;
    border: 1px solid #fff;
    width: 270px;
    padding: 11px 10px;
    padding-left: 12px;
    color: var(--light_color);
    padding-right: 50px;
}

    .banner-email::placeholder {
        font-size: var(--font-16);
        color: var(--light_color);
    }

.dropdown-heading {
    color: var(--dark_color);
    font-size: var(--font-16);
    font-weight: 500;
}

.mega-drowonpd li span {
    color: var(--dark_color);
    font-size: var(--font-16);
    font-weight: 600;
}

    .mega-drowonpd li span a {
        color: var(--dark_color);
        font-size: var(--font-16);
        font-weight: 600;
    }

.companies {
    background-color: var(--primary_color);
    padding: 16px;
}

    .companies .img-wrapper {
        padding: 2px;
    }

.seismic-img {
    width: 100%;
}

.companies .img-wrapper img {
    max-height: 100px;
    max-width: 120px;
}

.linge-hight-54 {
    line-height: 54px;
}

.line-hight-24 {
    line-height: 18px;
}

.grow-images {
    border-radius: 30px;
    max-width: 100%;
}

.mb-90 {
    margin-bottom: 220px;
}

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

.bg-gallary {
    background: linear-gradient(180deg, #035297 0%, #49C8DB 100%);
    padding: 100px 0px;
}

.bg-future {
    background: linear-gradient(#2e98b9 53.12%, #002857 100%);
    padding: 100px 0px 30px 0px;
}


.bg-partners {
    background-color: var(--primary_color);
    padding: 100px 0px 80px 0px;
}

.row-gap-50 {
    row-gap: 70px;
}

.partner-wrapper {
    border-radius: 30px;
    background: var(--gray_color);
    width: 100%;
    max-width: 1528px;
    padding: 50px 64px;
    margin: 64px auto;
}

.bg-what-client-say {
    background: var(--primary_color);
    padding: 100px 3rem;
}

.partner-images-wraper img {
    max-height: 70px;
    object-fit: cover;
}



.orgnaisation-img {
    width: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 30px;
    margin-bottom: 16px;
}

.bg-ai-platform {
    background-color: var(--gray_color);
    padding: 112px 3rem;
}

.custom-tabs-wrapper {
    background-color: var(--light_color);
    border-radius: 40px;
    background-clip: padding-box;
    overflow: hidden;
}

    .custom-tabs-wrapper .k-tab-content {
        height: 100%;
    }

        .custom-tabs-wrapper .k-tab-content .tab-pane {
            height: 100%;
        }

        .custom-tabs-wrapper .k-tab-content img {
            width: 100%;
            border-top-right-radius: 38px;
            border-bottom-right-radius: 38px;
            max-height: 643px;
            object-fit: cover;
            height: 100%;
            object-position: center;
        }

.nav-pills.k-pills .nav-link {
    color: var(--tabs_color);
    font-size: var(--font-24);
    font-weight: 400;
    padding: 0px;
    text-align: start;
}

    .nav-pills.k-pills .nav-link:hover {
        color: var(--dark_color) !important;
    }

    .nav-pills.k-pills .nav-link.active {
        background-color: transparent;
        color: var(--tabs_color);
    }

.competitor-monitoring-wrapper .carousel-inner .carousel-item:nth-child(odd) {
    background: linear-gradient(180deg, #014F95 0%, #64CCDA 100%);
}

.competitor-monitoring-wrapper .carousel-inner .carousel-item:nth-child(even) {
    background: linear-gradient(180deg, #64CCDA 0%, #014F95 100%);
}

.competitor-monitoring {
    padding: 112px 0px;
}

.competitor-monitoring-wrapper .carousel-indicators button {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: white;
    opacity: 1;
}

    .competitor-monitoring-wrapper .carousel-indicators button.active {
        background-color: var(--primary_color);
    }

.competitor-monitoring-wrapper .carousel-indicators {
    bottom: 20px;
}

.divider-custom {
    background-color: var(--primary_color);
    width: 100%;
    height: 32px;
}

.talk-to-us {
    background: linear-gradient(180deg, #53cfdf 0%, #002857 100%);
    padding: 64px 0px;
}

.form-section {
    background-color: var(--primary_color);
    padding: 64px 0px 150px 0px;
}

input:focus {
    box-shadow: none !important;
    outline: none !important;
}

.form-wrapper input[type="text"],
.form-wrapper input[type="number"],
.form-wrapper input[type="email"] {
    padding: 8px 30px;
    border-radius: 70px;
    border: none;
}

.form-wrapper input::placeholder {
    color: #C7C6C6;
    font-size: var(--font-16);
    font-weight: 300;
}

.form-wrapper.product input[type="text"],
.form-wrapper.product input[type="number"],
.form-wrapper.product input[type="email"] {
    padding: 10px 30px;
    border-radius: 70px;
    border: none;
    background-color: #F3F3F3;
}



input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.form-wrapper {
    max-width: 750px;
    width: 100%;
    margin: 0 auto;
}

.slider-sm-img {
    height: 40px;
    width: 40px;
}

.bg-tracker-padding {
    padding: 104px 0px;
}

/* roi-tracking */

.bg-roi-tracking {
    background: linear-gradient(180deg, #4ACBDC 0%, #004E94 99.91%);
    padding: 100px 3rem 100px 3rem;
}

/* page-Utilities*/
.banner-Utilities {
    background-color: var(--light_color);
    padding: 200px 0px 60px 0px;
}

.image-underlay {
    border-radius: 30px;
    background: linear-gradient(180deg, #54D1E0 0%, #004E94 100%);
    height: 91% !important;
    position: absolute;
    top: 0;
    width: 98%;
    left: -25px;
}

.img-with-overlay {
    margin-top: 45px;
    position: relative;
    width: 100%;
    border-radius: 24px;
    height: 455px;
    object-fit: cover;
}

.incorporating-competitive {
    border-radius: 70px 70px 0px 0px;
    background: #F2F3F9;
}

.ellpise.with-bg {
    background: linear-gradient(180deg, #1FE5C5 0%, #025096 100%);
}

.ellpise {
    height: 100px;
    width: 100px;
    border-radius: 100%;
}

    .ellpise video {
        height: 100px;
        width: 100px;
        border-radius: 100%;
    }

.ellipse-wrapper li:not(:last-child) {
    margin-right: -20px;
    z-index: 1;
}

#hs_show_banner_button {
    color: #fff;
    font-size: 14px;
    transition: color ease 0.3s;
    line-height: 22px;
    background-color: transparent !important;
    font-family: "Inter", sans-serif !important;
    border: none !important;
}

.mb-minus-90 {
    margin-bottom: 0px;
}

.wmc-faqs .accordion-button::after {
    display: none !important;
}

.wmc-faqs .accordion-item {
    margin-bottom: 70px;
    background-color: transparent;
    border: none !important;
}

    .wmc-faqs .accordion-item:last-child {
        margin-bottom: 0px;
    }

.wmc-faqs .accordion-body {
    padding-top: 30px;
    color: white;
    font-size: var(--font-24);
    font-weight: 300;
}

.wmc-faqs.light .accordion-body {
    color: var(--dark_color);
}

.wmc-faqs.light .accordion-button {
    color: var(--dark_color);
}

.wmc-faqs .accordion-button {
    background-color: transparent;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    color: white;
    font-size: 28px;
    border: 2px solid var(--light_color);
    border-radius: 20px !important;
    padding: 24px 40px;
}

    .wmc-faqs .accordion-button.collapsed .faq-arrow {
        transform: rotate(0deg);
    }

    .wmc-faqs .accordion-button:not(.collapsed) .faq-arrow {
        transform: rotate(90deg);
    }

.wmc-faqs.light .accordion-button:not(.collapsed) {
    color: var(--dark_color);
}

.wmc-faqs .accordion-button:not(.collapsed) {
    color: white;
    background-color: transparent;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.wmc-faqs .accordion-button:focus {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    border-color: white;
}

.wmc-faqs.light .accordion-button {
    border-color: var(--dark_color)
}

.wmc-faqs .faq-arrow {
    height: 32px;
    transition: all cubic-bezier(0.25, 0.1, 0, 1.34) 0.8s;
}

.wmc-faqs {
    max-width: 1060px;
    width: 100%;
    margin: 0 auto;
}

/* heigher-education-page */
.competitor-tracked {
    border-radius: 40px;
    background: #FFF;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    padding: 40px 80px;
}

    .competitor-tracked ul li img {
        max-width: 150px;
    }

.img-height {
    max-height: 450px;
}

.customer-insight-banner::after {
    content: '';
    width: 100%;
    display: block;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #78E7F6 100%);
    position: absolute;
    bottom: 0px;
    height: 200px;
    z-index: -1;
}

.customer-insight-banner-green::after {
    content: '';
    width: 100%;
    display: block;
    background: linear-gradient(180deg, rgba(217, 217, 217, 0.00) 0%, #7CFF99 93.5%);
    position: absolute;
    bottom: 0px;
    height: 200px;
    z-index: -1;
}

.customer-insight-banner-blue::after {
    content: '';
    width: 100%;
    display: block;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.18) 0%, #0086FF 95.5%);
    position: absolute;
    bottom: 0px;
    height: 200px;
    z-index: -1;
}

.customer-insight-banner-yellow::after {
    content: '';
    width: 100%;
    display: block;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #F6DF62 93.5%);
    position: absolute;
    bottom: 0px;
    height: 200px;
    z-index: -1;
}

.bg-gray {
    border-radius: 30px;
    background: #F0F0F0;
    padding: 50px 50px;
}

.bg-gray-gradient {
    background: var(--gray_gradeint);
    padding: 70px 30px 120px 80px;
    border-radius: 25px;
}

.wmc-cards {
    background-color: var(--light_color);
    border-radius: 25px;
    padding: 40px 32px;
}

.wmc-product-cards {
    background-color: var(--light_color);
    border-radius: 25px;
    overflow: hidden;
}

    .wmc-product-cards h3 span {
        font-weight: 600;
        display: block;
    }

    .wmc-product-cards h3 {
        font-weight: 400;
        font-size: 24px;
    }

.wmc-product-cards-header {
    padding: 20px 32px;
    min-height: 106px;
}

.wmc-product-cards-body p {
    font-size: 22px;
    word-wrap: break-word;
}

.wmc-product-cards-body {
    padding: 24px 32px;
}

.wmc-product-cards-footer {
    padding: 8px 32px 24px 32px;
}

    .wmc-product-cards-footer h5 {
        font-weight: bolder;
    }

    .wmc-product-cards-footer p {
        font-weight: 400;
    }

.gov-yellow {
    background-color: var(--yellow_color);
}

.comp-blue {
    background-color: var(--blue_color);
}

.reg-green {
    background-color: var(--green_color);
}

.cust-light {
    background-color: var(--product_primary_color);
}

.bg-gray-padding {
    background: #F0F0F0;
    padding: 70px 80px;
    border-radius: 25px;
}

.bg-white-padding {
    background: #FFFFFF;
    padding: 70px 80px;
    border-radius: 25px;
}

.d-contents {
    display: contents;
}

.text-with-border::after {
    content: '';
    position: absolute;
    bottom: -9px;
    width: 100%;
    height: 7px;
    border-radius: 30px;
    background: #78E7F6;
    left: 0px;
    right: 0px;
}

.text-with-border.green::after {
    background: var(--green_color);
}

.text-with-border.yellow::after {
    background: var(--yellow_color);
}

.text-with-border.darkblue::after {
    background: var(--blue_color);
}

.bg-benefits {
    background-color: var(--product_primary_color);
    padding: 90px 0px;
}

    .bg-benefits.bg-green {
        background-color: var(--green_color);
    }

    .bg-benefits.bg-dark-blue {
        background-color: var(--blue_color);
    }

    .bg-benefits.bg-yellow {
        background-color: var(--yellow_color);
    }

.industry-figure img {
    width: 100%;
    height: auto;
    margin: 70px 0px 40px;
    border-radius: 24px;
    max-width: 1100px;
    aspect-ratio: 1/.5;
    object-fit: cover;
}

/* functional-pages */
.functional-banner {
    padding: 190px 0px 276px;
}

.wmc-press-banner {
    padding: 170px 0px 110px;
}

.functional-badge span {
    font-size: var(--font-14);
    font-weight: 400;
}

.functional-badge {
    display: inline-flex;
    padding: 12px 20px 12px 20px;
    justify-content: center;
    align-items: flex-end;
    gap: 21.167px;
    border-radius: 14px;
    border: 1px solid #000;
    background: #F1F1F1;
}

.functional-heading {
    color: var(--dark_color);
    font-size: 55px;
}

.headinng-all {
    font-size: 42px;
    color: var(--dark_color);
    font-weight: 500;
}

    .headinng-all.weight-400 {
        font-weight: 400;
    }

    .headinng-all.weight-300 {
        font-weight: 300;
    }

    .headinng-all.weight-300 {
        font-weight: 300;
    }

    .headinng-all.weight-600 {
        font-weight: 600;
    }

.weight-600 {
    font-weight: 600;
}

.artical-text {
    color: var(--dark_color);
    font-size: 22px;
    font-weight: 400;
}

.functional-service {
    width: 100%;
    margin-top: 0px;
}

.bg-functional-benefits {
    background: #004E94;
    padding: 100px 0px 100px;
}

.benefits-box {
    border-radius: 30px;
    border: 3px solid #FFF;
    background: rgba(255, 255, 255, 0.36);
    padding: 48px 64px;
}

.grid-section .grid-item {
    flex: 1 1 280px;
}

.dark-form {
    border-radius: 30px;
    padding: 70px 20px;
    background: #004E94;
}

.gradient-box {
    min-height: 204px;
    border-radius: 30px;
    background: linear-gradient(180deg, rgba(133, 255, 239, 0.83) 0%, rgba(133, 255, 239, 0.00) 100%);
    padding: 48px;
}

    .gradient-box.text-center.d-block:hover {
        background: #0A579E;
    }
/* wmc-platformbanner */
/* functional-pages */
.go-banner {
    padding: 190px 0px 0px;
    background-repeat: no-repeat;
    background-size: cover;
}

.chorome-extension-banner {
    padding: 190px 0px 100px;
    background: #004E94;
}

.about-us-banner {
    padding: 190px 0px 100px;
    background: #F2F3F9;
}

.assistants-banner {
    padding: 190px 0px 100px;
    background: white;
}

.automated-tracking-banner {
    padding: 190px 0px 100px;
    background: linear-gradient(180deg, #004E94 0%, #54D1E0 100%);
}

.download_chrome_extension:hover {
    opacity: 0.6;
}

.platform-badge {
    color: var(--light_color);
    font-size: var(--font-18);
    font-weight: 400;
    border: 2px solid var(--light_color);
    padding: 3px 24px;
    border-radius: 8px;
}

.apps-wrapper {
    border-radius: 18px;
    border: 4px solid #FFF;
    background: #FFF;
    padding: 24px;
}

.bg-blue-section {
    background: #014F95;
    padding: 80px 0px;
}

.bg-blue-story {
    background: #014F95;
    padding: 32px 54px;
    border-radius: 16px;
}

.pf-how-it-work {
    background-image: linear-gradient(#000, #041234 50%);
    color: var(--light_color);
    width: 100%;
    position: relative;
    display: flex;
    padding-top: 136px;
}

.pf-how-it-work-info {
    margin-top: 50px !important;
}

.pf-how-it-work-head {
    margin: 40px 0;
}

    .pf-how-it-work-head h1 {
        margin-bottom: 10px !important;
    }

.pf-how-it-work-info-icon svg {
    width: 35px;
    height: 35px;
}

.pf-how-it-work-info h4 {
    font-size: var(--font-24);
    margin: 25px 0 !important;
}

.pf-how-it-work-info p {
    font-size: var(--font-18);
    font-weight: 300;
}

.pf-how-it-work-btn {
    margin: 80px 0;
}

.competitive-intelligence {
    background: #002857;
    padding: 70px 100px;
    color: var(--light_color);
    text-align: center;
}

    .competitive-intelligence h2,
    .competitive-intelligence p {
        margin-bottom: 40px !important;
    }

    .competitive-intelligence img {
        max-width: 700px;
        margin: 0 auto;
        width: 100%;
    }

    .competitive-intelligence a {
        margin-bottom: 60px !important;
    }

.complete-competitve-head {
    padding: 50px 250px;
}

    .complete-competitve-head h2 {
        font-size: var(--font-36);
        margin-bottom: 50px !important;
    }

    .complete-competitve-head p {
        font-size: var(--font-24);
    }

.tailored-dashboard h3 {
    margin-bottom: 50px !important;
}

.tailored-dashboard img {
    max-width: 100%;
}

.dedicated-account {
    display: inline-flex;
    flex-direction: column;
    align-items: end;
    text-align-last: right;
    margin-top: -40px;
    margin-left: 160px;
}

    .dedicated-account h3 {
        font-size: var(--font-30);
        margin: 30px 0 !important;
    }

.timeline-feature {
    background: #002857;
    border-radius: 36px;
    border: 4px solid #FFF;
    display: inline-flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: center;
    padding: 40px 50px;
}

.dedicated-account image {
    position: relative;
}

.timeline-feature svg {
    width: 21px;
    height: 18px;
    margin-left: 20px;
}

.timeline-feature a {
    background: linear-gradient(180deg, #004E94 0%, #1FE5C5 100%);
    padding: 12px 15px 12px 30px;
    border-radius: 50px;
    color: #fff !important;
    margin-top: 36px;
}

.faq-banner {
    background: linear-gradient(180deg, #54D1E0 0%, #015095 100%);
    padding-top: 180px;
    padding-bottom: 100px;
}



.tracking-icons {
    width: 70px;
    height: 70px;
    object-fit: contain;
}

.integrate-content {
    background: #004E94;
    color: var(--light_color);
    width: 100%;
    position: relative;
    display: flex;
    padding-top: 136px;
}

    .integrate-content p {
        font-size: var(--font-24);
        margin: 45px 0 50px !important;
    }

    .integrate-content img {
        max-width: 700px;
    }

.integrations-dliver {
    position: relative;
    background: #004E94;
    padding: 100px 0 70px;
    color: var(--light_color);
}

    .integrations-dliver h2 {
        font-size: var(--font-36);
        max-width: 500px;
        margin: 0 auto 80px !important;
    }

.integrations-dliver-info {
    display: flex;
    gap: 20px;
}

.integrations-dliver-list {
    background: #165ea7;
    flex-basis: 100%;
    min-height: 100px;
    border-radius: 20px;
    padding: 60px 70px 70px;
}

.integrations-icon svg {
    width: 55px;
    height: 46px;
}

.integrations-dliver-list h3 {
    font-size: var(--font-30);
    margin: 70px 0 !important;
}

.integrations-dliver-list p {
    font-size: var(--font-24);
}

.wmc-user-exp {
    position: relative;
    background: #004E94;
    padding: 30px 0;
    color: var(--light_color);
}

.wmc-user-exp-info {
    border-radius: 30px;
    background: #165ea7;
    padding: 80px 50px;
}

    .wmc-user-exp-info img {
        max-width: 300px;
    }

.competitor-picture {
    max-width: 750px;
    width: 100%;
    margin: 100px auto;
}

.small-bg-card {
    background-color: #004E94;
    padding: 32px;
    border-radius: 16px;
}

.bg-blue-card {
    background-color: #004E94;
    padding: 80px 144px 32px 54px;
    border-radius: 24px;
}

.wmcproduct-menu-images img {
    width: 92px;
}

.max-w {
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
}

.founders .linkedin-icon {
    position: absolute;
    right: 10px;
    top: 36px;
}

.founder-avatar {
    max-width: 310px;
    width: 100%;
}

.how_does_it_work {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    background: #002857;
    padding: 80px 0;
    color: var(--light_color);
}

.real_life_roi {
    background: #4CFFE2;
    padding: 0px 100px 100px !important;
    color: var(--dark_color);
    margin-top: 140px;
    border-radius: 30px;
}

    .real_life_roi h2 {
        background: linear-gradient(180deg, #4CFFE2 0%, #0863B6 100%);
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
        border-radius: 50px;
        display: inline-block;
        color: var(--light_color);
        margin-top: -80px !important;
        margin-bottom: 50px !important;
        padding: 10px 80px !important;
        font-size: 28px;
        font-weight: 500;
    }

    .real_life_roi p {
        font-size: var(--font-20);
        margin: 0 auto 40px !important;
        max-width: 500px;
        font-weight: 500;
    }

    .real_life_roi span {
        background: #fff;
        padding: 3px 10px;
        border-radius: 50px;
        white-space:nowrap;
    }

.university_example {
    background: linear-gradient(180deg, #4cfee3 0%, #54d4e0 100%);
}

.revenuew_info {
    background: #F2F3F9;
    padding: 80px 0;
}

.revenuew_list h2 {
    font-size: var(--font-52);
    margin-bottom: 20px !important;
}

.revenuew_list p {
    font-size: var(--font-24);
    font-weight: 500;
}

.quick_roi_calulator {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    background: #002857;
    padding: 40px 0;
    color: var(--light_color);
}

.quick_roi_calulator_row {
    display: flex;
    margin-bottom: 50px !important;
    gap: 15px;
    justify-content: space-between;
    align-items: center;
}

.quick_roi_content {
    flex: 0 0 60%;
}

.quick_roi_montly {
    flex: 0 0 17%;
}

.quick_roi_yearly {
    flex: 0 0 17%;
}

.editable-roi {
    border: 2px solid #fff;
    border-radius: 50px;
    text-align: center;
    padding: 2px 0;
    background-color: transparent;
    color: white;
    width: 100%;
}

.not-editable-roi {
    border: 2px solid #fff;
    border-radius: 50px;
    text-align: center;
    padding: 2px 16px;
    background-color: white;
    color: var(--dark_color);
    width: 100%;
}

.quick_roi_calulator_list {
    border-bottom: 1px solid white;
    border-top: 1px solid white;
    padding-top: 32px;
    padding-bottom: 24px;
}

.wmc-ai-banner {
    background: var(--dark_color);
    padding-top: 200px;
    padding-bottom: 100px;
}

.greadient-text {
    background: linear-gradient(180deg, #67E4F5 34.21%, #000 101.48%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bolder;
    font-size: 120px;
    line-height: 130px;
}

    .greadient-text span {
        font-weight: 300;
    }

.wmc-ai-vidoe-section {
    padding: 140px 0px;
}

.ai-messages {
    border-radius: 16px;
    background: #FFF;
    box-shadow: 0px 2.806px 2.806px 0px rgba(0, 0, 0, 0.25);
    padding: 12px 24px;
}

    .ai-messages span {
        font-size: var(--font-18);
    }

.ai-gradient {
    background: linear-gradient(180deg, #01498A 0%, #000 79%);
}

.top-bottom-gradient {
    background: linear-gradient(180deg, #004E94 0%, #000 100%);
    padding: 100px 0px;
}

.ai-cards {
    background: rgba(255, 255, 255, 0.18);
    padding: 32px;
    border-radius: 16px;
}

.ai-cards-dark {
    background: rgba(255, 255, 255, 0.45);
    padding: 32px;
    border-radius: 16px;
    min-height: 350px;
}

.choose-wmcai {
    background: linear-gradient(125deg, #000 15.83%, #004E94 97.72%);
    padding: 100px 0px;
}

.readial-gradient {
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 60px;
    padding-bottom: 250px;
}

.contact_us {
    background: #004E94;
    color: var(--light_color);
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    padding-top: 104px;
}

.contact_us_left_con {
    padding: 30px 80px !important;
}

    .contact_us_left_con ul {
        margin: 50px 0;
    }

    .contact_us_left_con li {
        margin-bottom: 20px;
    }

.phone_icon {
    width: 40px;
    height: 40px;
}

.follow_us_links {
    margin-top: 30px;
}

    .follow_us_links a {
        margin-right: 10px;
    }

        .follow_us_links a:first-child svg {
            width: 22px;
            height: 22px;
        }

    .follow_us_links svg {
        width: 25px;
        height: 25px;
    }

.contact_us_right_con {
    background: #002857;
    padding: 30px 80px !important;
}

    .contact_us_right_con p {
        margin: 15px 0 20px !important;
    }

.contact_us_map {
    margin-bottom: 100px;
}

.contact_us_map_con_head {
    padding: 70px 0;
}

    .contact_us_map_con_head h2 {
        font-size: 42px;
    }

    .contact_us_map_con_head p {
        font-size: var(--font-24);
        max-width: 440px;
        text-align: center;
        margin: 30px 0 !important;
    }

.contact_us_map_con_hours {
    font-size: var(--font-24);
}

.custom_textarea {
    border-radius: 100px !important;
    resize: none;
    padding: 20px 0 0 29px !important;
    line-height: normal !important;
}

    .custom_textarea::placeholder {
        color: #d2d2d1 !important;
    }

textarea.form-control:focus {
    box-shadow: none !important;
    outline: none !important;
    border-color: #002857 !important;
}

.contact_form_condition {
    font-size: 14px;
    text-align: center;
}

.quated-text {
    border-radius: 24px;
    background: linear-gradient(180deg, #004E94 0%, #54D1E0 100%);
    padding: 70px;
}

    .quated-text p {
        font-size: 22px;
        color: white;
    }

    .quated-text svg {
        position: absolute;
        top: -20px;
        left: 60px;
    }

.brief_history {
    width: 100%;
    min-height: 200px;
    background: #004E94;
    position: relative;
    display: flex;
    flex-direction: column;
}

.brief_history_head {
    color: var(--light_color);
    padding-top: 50px;
}

    .brief_history_head h2 {
        text-align: center;
        margin-bottom: 50px !important;
    }

    .brief_history_head p {
        font-size: var(--font-24);
        font-weight: 300;
        margin-bottom: 15x !important;
    }

.brief_history_timeline_con {
    border-bottom: 3px solid #fff;
    margin-bottom: 50px;
}

.brief_history_timeline {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .brief_history_timeline li {
        width: 56%;
        min-height: 200px;
        border: 3px solid #fff;
        margin-bottom: 80px;
        background: linear-gradient(180deg, #002857 0%, #004E94 100%);
        border-radius: 10px;
        padding: 50px;
    }

        .brief_history_timeline li:nth-child(odd) {
            float: left;
            position: relative;
        }

            .brief_history_timeline li:nth-child(odd):before {
                content: '';
                width: 40%;
                height: 75%;
                position: absolute;
                right: -40%;
                bottom: -85px;
                border: 3px solid #fff;
                border-radius: 0px 18px 0px 0px;
                border-left: 0;
                border-bottom: 0;
            }

        .brief_history_timeline li:nth-child(even) {
            float: right;
            position: relative;
        }

            .brief_history_timeline li:nth-child(even):before {
                content: '';
                width: 40%;
                height: 75%;
                position: absolute;
                left: -40%;
                bottom: -85px;
                border: 3px solid #fff;
                border-radius: 18px 0 0px 0;
                border-right: 0;
                border-bottom: 0;
            }

        .brief_history_timeline li:last-child::before {
            content: '';
            border: 0;
            width: 2.5px;
            height: 86px;
            position: absolute;
            left: 39%;
            bottom: -86px;
            background: #fff;
        }

        .brief_history_timeline li:nth-child(odd):after {
            content: '';
            width: 35px;
            height: 35px;
            position: absolute;
            right: -19px;
            background: #ffff;
            bottom: 44%;
            border-radius: 100px;
        }

        .brief_history_timeline li:last-child:after {
            content: '';
            width: 0;
        }

        .brief_history_timeline li:nth-child(even):after {
            content: '';
            width: 35px;
            height: 35px;
            position: absolute;
            left: -19px;
            background: #ffff;
            bottom: 42%;
            border-radius: 100px;
        }

.brief_history_timeline {
    color: var(--light_color);
    margin-top: 100px;
}

.brief_history_timeline_icon {
    width: 40px;
    height: 40px;
    margin-bottom: 20px;
}

.brief_history_timeline h3 {
    margin-bottom: 20px !important;
}

.clients_wmc_platform {
    color: var(--light_color);
    margin-bottom: 60px;
}

    .clients_wmc_platform h2 {
        margin-bottom: 25px !important;
    }

    .clients_wmc_platform p {
        margin-bottom: 20px !important;
    }

.curious_know_more {
    background: linear-gradient(180deg, #025196 0%, #52CDDE 100%);
    padding: 100px 0;
}

.login_wrapper {
    margin-right: -37px;
}

.login_menu {
    background: #22e8cc !important;
}

.login_dropdown.dropdown-menu.half-dropdown.min-dropdown.custom-padding {
    right: 0;
    width: auto;
    min-width: auto;
}

.custom-navbar > li > a.login_menu {
    color: #00589e !important;
    font-weight: 500;
}

.help_adive_btn {
    background: #22e8cc;
    padding: 18px;
    color: #00589e !important;
    font-weight: 500;
    margin-right: 2px;
    font-size: var(--font-16);
    line-height: normal;
}

.review-logo {
    position: absolute;
    right: 83px;
    top: 40px;
    height: 60px;
}
/* footer */
.ai-footer {
    background: #00589e;
    padding: 20px 0px 20px 20px;
}

    .ai-footer ul {
        padding: 0;
        list-style-type: none;
    }

    .ai-footer .row:last-child > div.col-lg-4.col-sm-6.col-xs-6 {
        border-right: 1px solid #0467a2 !important;
    }

    .ai-footer h5 {
        color: #fff;
        font-size: 16px;
        padding-bottom: 1rem;
        margin: 16px 0px !important;
    }

    .ai-footer ul li a {
        color: #fff;
        font-size: 14px;
        transition: color ease 0.3s;
        line-height: 22px;
    }

    .ai-footer .top-hundred-global-website {
        list-style: disc;
        list-style-position: inside;
        color: #fff;
    }

    .ai-footer p.copyright {
        color: #fff;
        font-size: 14px;
        line-height: 22px;
        text-align: center;
    }

    .ai-footer .contact-detail .contacts a {
        padding: 0px 10px 0px 0px;
        text-decoration: none;
        font-size: 14px;
        line-height: 22px;
        color: #fff;
    }

    .ai-footer .contact-detail .contacts p {
        padding: 10px 10px 10px 0px;
        color: #fff;
        font-size: 14px;
        line-height: 22px;
        margin: 0;
    }

    .ai-footer ul li a:hover {
        color: var(--tritationary_color);
    }

.card-tracking {
    border-radius: 20px;
    border: 2px solid var(--light_color);
    min-height: 250px;
}

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

.mt-6 {
    margin-top: 4rem !important;
}

.mb-7 {
    margin-bottom: 7rem !important;
}

.webinar-banner {
    background: linear-gradient(180deg, #014F95 0%, #46C2D5 100%);
    padding-top: 180px;
    padding-bottom: 100px;
}

.webinar-counter-wrapper {
    border-radius: 50px;
    border: 2px solid #fff;
    padding: 6px 32px;
}

    .webinar-counter-wrapper span {
        font-size: var(--font-20);
        color: #fff;
        font-weight: 400;
    }

.training_webinarbox {
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.73);
    padding: 32px 32px 24px;
}

    .training_webinarbox:hover {
        background: var(--dark_color);
        color: var(--light_color);
    }

    .training_webinarbox h4 {
        font-size: var(--font-24);
        font-weight: 700;
    }

    .training_webinarbox p {
        font-size: var(--font-24);
        font-weight: 500;
    }

.section-space {
    margin-top: 140px;
}

.wmc_products_badges {
    border-radius: 30px;
    border: 1px solid #000;
    background: linear-gradient(90deg, #D9D9D9 0%, #FFF 100%);
    color: #000;
    font-size: 14px;
    font-weight: 500;
    padding: 4px 15px;
}

.intelligence-cards {
    border-radius: 20px;
    overflow: hidden;
}

    .intelligence-cards .intelligence-header {
        background-color: var(--product_primary_color);
        padding: 16px;
        text-align: center
    }

    .intelligence-cards .intelligence-body {
        background-color: #F0F0F0;
        padding: 40px 16px;
        text-align: center
    }

    .intelligence-cards h5 {
        font-size: 22px;
        font-weight: 600;
    }

    .intelligence-cards p {
        font-size: 22px;
        word-wrap: break-word;
    }

.wmc-chart p {
    font-weight: 600;
    font-size: 14px;
    margin: 50px 0px !important;
}

.wmc_profile .founder_avatar {
    width: 200px;
}

.wmc_profile .linkedin_icon {
    width: 32px;
    position: absolute;
    right: 12px;
    top: 10px;
}

.red_dot {
    position: absolute;
    border-radius: 50%;
    bottom: 67px;
    left: 33%;
    animation: blink 1s infinite;
}

.green_dot {
    position: absolute;
    top: 37px;
    right: 33%;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    background-color: #29FBDA;
    animation: blinkgreen 1s infinite;
}

@keyframes blinkgreen {
    0% {
        box-shadow: 0 0 5px #29FBDA;
        opacity: 1;
    }

    50% {
        box-shadow: 0 0 10px #29FBDA;
        opacity: 0;
    }

    100% {
        box-shadow: 0 0 5px #29FBDA;
        opacity: 1;
    }
}

@keyframes blink {
    0% {
        box-shadow: 0 0 5px red;
        opacity: 1;
    }

    50% {
        box-shadow: 0 0 10px red;
        opacity: 0;
    }

    100% {
        box-shadow: 0 0 5px red;
        opacity: 1;
    }
}

.rader_anim {
    left: 50%;
    position: absolute;
    max-width: 351px !important;
    top: 107px;
    animation: rotate 5s linear infinite;
    transform-origin: 0% 41% /* Rotate the element from its center */;
}

@keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}

.privacy_ploicy {
    padding: 180px 0px 48px 0px;
}

.p_content h4 {
    font-weight: 600;
    margin: 18px 0px !important;
}

.privacy_ploicy p {
    font-weight: 400;
    font-size: 18px;
}

.privacy_ploicy a {
    color: var(--dark_color);
    text-decoration: underline !important;
}

.privacy_bg {
    background: var(--primary_color);
    padding-top: 80px;
    padding-bottom: 50px;
}

.privacy_ploicy.sit_map p a {
    text-decoration: none !important;
    margin: 16px 0px;
}

.privacy_ploicy.sit_map p {
    margin: 16px 0px !important;
}

.radar_wrapper {
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
}
/*logged in footer css**/
#sitefooter {
    float: left;
    width: 100%;
    background-color: #00589e;
    color: #ffffff;
    bottom: 0px;
    padding-top: 1%;
}

.wmc-footer {
    padding: 1% 2%;
}
/*logged in footer css end**/

.join_team_con {
    background: #F2F3F9;
    padding: 136px 0px 80px;
}

.join_team_des {
    max-width: 900px;
    padding: 70px 0px 50px;
    font-size: var(--font-24);
}

.our_culture_img {
    padding-right: 80px;
}

.our_culture_list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

    .our_culture_list li {
        flex: 0 0 50%;
        min-height: 280px;
        justify-content: space-between;
        display: flex;
        flex-direction: column;
        margin-bottom: 80px;
    }

.our_culture_list_heading {
    text-align: center;
    display: flex;
    justify-content: center;
}

    .our_culture_list_heading h4 {
        max-width: 200px;
    }

.our_culture_list_count {
    text-align: center;
    display: flex;
    justify-content: center;
}

.our_culture_list_counter {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background: linear-gradient(180deg, #3CF9DB 0%, rgba(217, 217, 217, 0.00) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--font-18);
    font-weight: 600;
}

.our_client_box_con {
    flex-wrap: wrap;
    gap: 20px;
    margin: 60px 0 100px;
}

.our_client_box {
    flex: 0 0 49%;
    width: 100%;
    min-height: 200px;
    background: #F0F0F0;
    padding: 50px;
    border-radius: 14px;
}

    .our_client_box h3 {
        margin-bottom: 40px !important;
        max-width: 180px;
    }

.our_mission {
    background: #F2F3F9;
    padding: 100px 0;
}

    .our_mission h2 {
        font-size: var(--font-52);
        font-weight: 600;
    }

    .our_mission h3 {
        font-size: var(--font-36);
        font-weight: 600;
        margin-bottom: 30px !important;
    }

    .our_mission p {
        font-size: var(--font-24);
        margin-bottom: 50px !important;
    }

.team_member_list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 15%;
    margin-top: 70px;
    margin-bottom: 70px;
}

    .team_member_list li {
        background: linear-gradient(180deg, #3CF9DB 0%, rgba(217, 217, 217, 0.00) 100%);
        border-radius: 100%;
        flex: 0 0 23%;
        width: 250px;
        height: 250px;
        min-width: 250px;
        min-height: 250px;
    }

        .team_member_list li div {
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: var(--font-30);
            text-align: center;
        }

.perks_benefits_con h2 {
    margin: 50px 0 !important;
}

.perks_benefits {
    display: flex;
    gap: 2%;
    flex-wrap: wrap;
}

.perks_benefits_list {
    border-radius: 12px;
    border: 1.07px solid #54D1E0;
    background: linear-gradient(180deg, #CCFAFF 0%, rgba(240, 240, 240, 0.00) 100%);
    padding: 50px;
    flex: 0 0 32%;
    margin-bottom: 2%;
}

    .perks_benefits_list h3 {
        margin-bottom: 30px !important;
    }

.our_interview_process h2 {
    font-size: var(--font-52);
    font-weight: 600;
    margin: 50px 0 !important;
}

.our_interview_process_timeline {
    display: flex;
    flex-direction: row;
    margin-bottom: 70px;
    gap: 40px;
    border-top: 3px solid #3CF9DB;
}

    .our_interview_process_timeline h3 {
        margin: 40px 0 !important;
        min-height: 70px;
    }

.process_timeline_icon {
    width: 50px;
    height: 50px;
    border: 3px solid #3CF9DB;
    border-radius: 100%;
    padding: 9px 0px 0px 12px;
    background: #fff;
    margin: -27px auto;
}

    .process_timeline_icon svg {
        width: 20px;
        height: 20px;
    }

.process_timeline:last-child .process_timeline_icon {
    background: linear-gradient(180deg, #54D1E0 0%, #3CF9DB 100%);
    border: 0;
    padding: 11px 0 0 15px;
    position: absolute;
    margin: -26px 0 0 5px;
}

.process_timeline {
    flex: 1;
}

    .process_timeline:last-child {
        flex: 0.3;
    }

.process_timeline_icon:first-child {
    margin-left: 0;
}

.our_interview_process_des {
    font-size: var(--font-24);
    max-width: 900px;
    margin-bottom: 80px !important;
}

.cureent-opnings {
    background-color: #F2F3F9;
    padding: 70px 0px;
}

.BambooHR-ATS-board h2 {
    font-size: 42px !important;
    color: #000 !important;
    font-weight: 600 !important;
    margin-bottom: 30px !important;
    padding-bottom: 16px !important;
}

.BambooHR-ATS-board a {
    color: var(--dark_color) !important;
}

.quotes-svg {
    height: 25px;
    width: 25px;
}



.press-cards {
    width: 100%;
    padding: 50px 32px 32px;
    border-radius: 14px;
    background: rgba(219, 219, 219, 0.45);
}

    .press-cards h3 {
        font-size: var(--font-24);
        font-weight: 600;
    }

    .press-cards p {
        font-size: var(--font-18);
    }

.press-links svg {
    height: 40px;
    width: 40px;
}

.press-gradient {
    background: linear-gradient(180deg, #004E94 0%, #4ACBDC 100%);
    padding: 48px 0px;
}


form#hsForm_44dca3ed-8e8b-459a-be9b-aa52ea0efa54 {
    display: flex !important;
    position: relative;
}

.roi-calculaotr-tabs .nav-link {
    background: var(--gradient_color);
    color: var(--light_color);
    border-radius: 20px !important;
    justify-content: center;
    border: 2px solid #FFF;
    font-size: var(--font-16);
    line-height: normal;
}

    .roi-calculaotr-tabs .nav-link.active {
        background: var(--light_color) !important;
        color: var(--dark_color) !important;
        border-radius: 24px !important;
    }

    .roi-calculaotr-tabs .nav-link:hover {
        color: var(--light_color) !important;
    }

    .roi-calculaotr-tabs .nav-link.active:hover {
        color: var(--dark_color) !important;
    }

.about_us_img {
    object-fit: cover;
    border-radius: 24px;
}



#bookADemo .modal-content {
    border-radius: 20px;
}

.book_a_demo_form_close {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
}

.book_a_demo_form {
    padding: 40px;
}

.book_a_demo_form_head {
    max-width: 400px;
    text-align: center;
    margin: 0 auto 50px;
}

    .book_a_demo_form_head.brochure {
        max-width: 100%;
        margin: 0px;
    }

    .book_a_demo_form_head h2 {
        margin-bottom: 24px !important;
    }

.max_width900 {
    max-width: 900px !important;
    margin: 0 auto !important;
}


.hamburger-menu {
    display: inline-block;
    width: 25px;
    height: 16px;
    position: relative;
    cursor: pointer;
}

    .hamburger-menu span {
        display: block;
        position: absolute;
        height: 3px;
        width: 100%;
        background: #fff;
        transition: transform 0.3s, top 0.3s;
    }

        .hamburger-menu span:nth-child(1) {
            top: 0;
        }

        .hamburger-menu span:nth-child(2) {
            top: 8px;
        }

        .hamburger-menu span:nth-child(3) {
            top: 16px;
        }

    .hamburger-menu.active span {
        transition: transform 0.5s, top 0.5s;
    }

        .hamburger-menu.active span:nth-child(1) {
            top: 8px;
            transform: rotate(45deg);
        }

        .hamburger-menu.active span:nth-child(2) {
            top: 8px;
            transform: rotate(-45deg);
        }

        .hamburger-menu.active span:nth-child(3) {
            top: 8px;
            width: 0;
        }

.trends-wrapper img {
    position: absolute;
    top: -56px;
    left: 0;
    width: 315px;
}

.functional-service {
    border-radius: 24px;
}

#DownloadABrochure .modal-dialog.modal-lg {
    max-width: 650px !important;
}

.download_chrome_extension img {
    width: 220px;
}

.error-page {
    padding: 10rem 0 15rem 0;
}

    .error-page h1 {
        font-size: 36px;
        color: var(--dark_color);
    }

    .error-page h3 {
        font-size: 24px;
        color: var(--dark_color);
    }

    .error-page .visit-link ul li {
        color: var(--tritationary_color);
    }

        .error-page .visit-link ul li a {
            color: #004E94;
            font-weight: 500;
        }
.assistant-card {
    background: #C4C4C4;
    border-radius: 16px;
    padding: 16px 16px 28px 16px;
    min-height:270px;
}
.btn.assistant-button:active {
    border-color: transparent !important;
}
.btn.assistant-button
{
    padding:12px;
}
.img-responsive.left-auto {
    display: block;
    margin-left: auto;
    margin-bottom:12px;
}
.assistant-card .custom-panel-body h4 {
    font-family: "Inter", sans-serif !important;
    font-size: 22px !important;
    font-weight: 600 !important;
    color: #000 !important;
    line-height: 28px;
    margin-bottom:12px !important;
}
.assistant-card .custom-panel-body p {
    font-family: "Inter", sans-serif !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    color: #000 !important;
    margin-top: 16px;
    line-height: 22px;
}
.assistant-card[data-category="Marketing"]:hover {
    background: linear-gradient(180deg, #4BC0FF 14.53%, #FF8AD5 165.78%);
}

.assistant-card[data-category="Product"]:hover {
    background: #F98005;
}

.assistant-card[data-category="Strategy"]:hover {
    background: #4BF39D;
}

.assistant-card[data-category="Strategy"]:hover {
    background: #4BF39D;
}

.assistant-card[data-category="Client"]:hover {
    background: linear-gradient(180.05deg, #EE92EC 0.04%, #7ECAFF 170.36%);
}

.assistant-card[data-category="Sales"]:hover {
    background: #F1F157;
}
.Assistant-bg-Clip{
    position:absolute;
    top:0px;
    left:0px;
    max-width:600px;
    width:100%;
    height:100%;
}
.cusotm-modal-header {
    padding: 12px;
    display: flex;
    justify-content: end;
    gap: 12px;
}

    .cusotm-modal-header .close {
        opacity: 1;
    }

.assistants-profile {
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
    align-items: center;
}

    .assistants-profile h4 {
        font-family: "Inter", sans-serif !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        color: #000 !important;
        line-height: 28px;
        text-align: center;
        word-break: break-all;
    }

.assistants-modal .modal-body {
    padding-top: 0px;
}

.agents_prompts_wrapper li a:hover {
    text-decoration: none;
}

.assistant_modal.Marketing .assistants-modal .modal-content {
    border-radius: 12px;
    background: linear-gradient(180deg, #FFFFFF 0%, #5EC7FF 130.12%);
}

    .assistant_modal.Marketing .assistants-modal .modal-content .agents_prompts_wrapper li:hover {
        background: #5EC7FF;
    }

.assistant_modal.Product .assistants-modal .modal-content {
    border-radius: 12px;
    background: linear-gradient(180deg, #FFFFFF 0%, #F98005 156.46%);
}

    .assistant_modal.Product .assistants-modal .modal-content .agents_prompts_wrapper li:hover {
        background: #FCAE5E;
    }

.assistant_modal.Strategy .assistants-modal .modal-content {
    border-radius: 12px;
    background: linear-gradient(180deg, #FFFFFF 0%, #4BF39D 156.46%);
}

    .assistant_modal.Strategy .assistants-modal .modal-content .agents_prompts_wrapper li:hover {
        background: #4BF39D;
    }

.assistant_modal.Sales .assistants-modal .modal-content {
    border-radius: 12px;
    background: linear-gradient(180deg, #FFFFFF 0%, #F1F157 181.33%);
}

    .assistant_modal.Sales .assistants-modal .modal-content .agents_prompts_wrapper li:hover {
        background: #F1F157;
    }

.assistant_modal.Client .assistants-modal .modal-content {
    border-radius: 12px;
    background: linear-gradient(180deg, #FFFFFF 0%, #EC93ED 156.46%);
}

    .assistant_modal.Client .assistants-modal .modal-content .agents_prompts_wrapper li:hover {
        background: #EC93ED;
    }

.assistants-profile p {
    font-family: "Inter", sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #000 !important;
    line-height: 18px;
    text-align: center;
    word-break: break-word;
}

.start_chat_with h3 {
    font-family: "Inter", sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #000 !important;
    line-height: 18px;
}
.start_chat_with {
    margin-top: 16px;
}

.agents_prompts_wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
    padding: 16px 8px;
}

    .agents_prompts_wrapper > li {
        width: 100%;
        background: #FFFFFF;
        border-radius: 14px;
        flex: 0 0 100%;
        max-width: 100%;
        cursor: pointer;
        padding: 12px;
        list-style-type:none;
    }

        .agents_prompts_wrapper > li a {
            padding: 12px;
            display: block;
        }

        .agents_prompts_wrapper > li p {
            font-family: "Inter", sans-serif !important;
            font-size: 12px !important;
            font-weight: 400 !important;
            color: #000 !important;
            line-height: 18px;
            margin-bottom: 0px;
        }

.skills-section h3 {
    font-family: "Inter", sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #000 !important;
    line-height: 18px;
    margin-bottom: 12px !important;
}
.skill-list li span{
    font-size:12px;
}
.skill-list li {
    display: flex;
    flex-direction: row;
    align-items: start;
    gap: 8px;
    flex: 0 0 100%;
    max-width: 100%;
}

    .skill-list li svg {
        min-width: 12px;
        min-height: 12px;
        position: relative;
        top: 4px;
    }

.skill-list {
    display: flex;
    flex-direction: row;
    align-items: start;
    flex-wrap: wrap;
    margin-bottom: 24px;
    gap: 8px;
}

.start_btn {
    font-family: "Inter", sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    background: #000;
    border-radius: 24px;
    padding: 10px 24px;
    border: none;
    display: block;
    width: 100%;
    text-align: center;
    text-decoration: none;
}
.ai_bookDemo input[type='submit'].book_agent_demo {
    background: var(--dark_color);
    color: var(--light_color);
    text-align: center;
    font-size: var(--font-18);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 11px 27px;
    border-radius: 60px;
    min-width: 99% !important;
    border: none;
    margin-top: 12px !important;
}

.ai_bookDemo input[type="text"], .ai_bookDemo input[type="date"], .ai_bookDemo input[type="email"], .ai_bookDemo input[type="datetime-local"] ,.ai_bookDemo input[type="number"] {
    width: 100% !important;
    padding: 10px 27px !important;
    border: 1px solid var(--dark_color);
    border-radius: 34px !important;
    margin-bottom: 12px;
}
.theres {
    margin-right: 14px;
}
@media (min-width: 1500px) {
    .custom-navbar > li > a {
        padding: 18px !important;
    }
    .navbar-brand {

        font-size: var(--font-20) !important;

    }
}
    @media (min-width: 1200px) {
        .assistants-modal.modal-dialog{
            width:660px !important;
        }
        .skill-list li {
            flex: 0 0 calc(50% - 12px);
            max-width: calc(50% - 12px);
        }
        .agents_prompts_wrapper > li {
            flex: 0 0 calc(33.33% - 8px);
            max-width: calc(33.33% - 8px);
        }
        .download_chrome_extension img {
            width: 340px;
        }

        .container {
            max-width: 1200px !important;
        }

        .mb-minus-90 {
            margin-bottom: -70px;
        }

        .incorporating-competitive {
            border-radius: 0px;
        }

        .functional-service {
            width: 100%;
            max-width: 800px;
            height: 420px;
            object-fit: cover;
            margin-top: -210px;
            border-radius: 24px;
        }


        .bg-functional-benefits {
            padding: 0px 0px 100px;
        }

        .grid-section .grid-item {
            flex: 0 1 280px;
        }
    }

    /* media Queries */
    @media screen and (max-width: 1200px) {
        .functional-banner {
            padding: 150px 0px 60px;
        }

        .custom-navbar .dropdown-menu.half-dropdown.full-width-dropwdown.custom-padding {
            padding: 16px;
        }

        .custom-navbar .dropdown-menu.half-dropdown {
            padding: 16px;
        }

        .bg-gray-left {
            padding: 16px;
        }

        .custom-navbar .dropdown-menu.half-dropdown.full-width-dropwdown {
            width: 100%;
        }

        .custom-navbar li a.dropdown-toggle::after {
            display: inline-block;
            position: absolute;
            right: 0px;
            top: 50%;
            border-top: 0.4em solid;
            border-right: 0.4em solid transparent;
            border-bottom: 0;
            border-left: 0.4em solid transparent;
        }

        .custom-navbar .dropdown-menu.half-dropdown {
            border-radius: 0px;
            width: 100%;
        }

        .navbar.bg-custom {
            padding-right: 0px !important;
            padding-left: 0px !important;
        }

            .navbar.bg-custom .navbar-collapse.collapse.show {
                padding-bottom: 32px;
            }

        .ai-footer {
            padding: 20px 0px 20px 0.5rem;
        }

        .talk-to-us {
            background: linear-gradient(180deg, #53cfdf 0%, #002857 100%);
            padding: 24px 0px;
        }

        .form-section {
            background-color: var(--primary_color);
            padding: 24px 0px;
        }

        .competitor-monitoring {
            padding: 30px 0px 70px 0px;
        }

            .competitor-monitoring .carousel-indicators button {
                width: 15px;
                height: 15px;
            }
    }

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

        .custom-navbar > li > a.login_menu {
            padding: 18px !important;
        }

        .login_wrapper li {
            border-bottom: none !important;
        }

        .custom-navbar > li > a.login_menu::after {
            display: none;
        }

        .login_wrapper .navbar-nav.custom-navbar {
            margin: 0px !important;
        }

        .login-wrapper {
            margin-top: 24px;
        }

        .login_wrapper {
            margin-top: 24px;
        }

        .custom-navbar > li > a {
            text-align: start;
            padding-left: 0px !important;
        }
    }

    @media screen and (max-width: 992px) {
        .perks_benefits_list {
            padding: 24px 32px !important;
            flex: 1 0 50% !important;
        }

        .team_member_list {
            flex-wrap: wrap !important;
            justify-content: center;
            gap: 30px !important;
        }

        .our_mission p {
            margin-bottom: 22px !important;
        }

        .our_mission {
            padding: 50px 0 !important;
        }

        .our_client_box_con {
            margin: 0px 0 49px !important;
        }

        .our_client_box {
            flex: 1 0 49% !important;
            padding: 24px;
        }

        .our_culture_list li {
            min-height: 135px !important;
            margin-bottom: 48px !important;
        }

        .our_culture_list {
            margin-top: 24px !important;
        }

        .our_culture_img {
            padding-right: 0px !important;
        }

        .rader_anim {
            left: 50%;
            position: absolute;
            max-width: 311px !important;
            top: 96px;
            animation: rotate 5s linear infinite;
            transform-origin: 0% 41% /* Rotate the element from its center */;
        }

        .bg-tracker-padding {
            padding: 32px 0px;
        }

        .mvc-platform {
            width: 150px;
            height: 130px;
            border: 1px solid var(--light_color);
            border-radius: 30px;
            padding: 22px;
        }

        :root {
            --font-18: 14px !important;
            --font-16: 12px !important;
            --font-14: 12px !important;
            --font-24: 16px !important;
            --font-20: 16px !important;
            --font-36: 24px !important;
            --font-35: 30px !important;
            --font-30: 16px !important;
            --font-52: 24px !important;
            --font-66: 66px !important;
        }

        .headinng-all {
            font-size: 24px;
        }

        .artical-text {
            font-size: 16px;
        }

        .home-top-banner {
            padding: 64px 0px 64px 0px;
        }

        .banner-submmit {
            margin-left: 0px;
            width: fit-content;
            margin-top: 16px;
        }

        .banner-email {
            width: auto;
            padding: 4px 8px;
        }

        .companies .img-wrapper img {
            max-height: 80px;
            max-width: 77px;
        }

        .companies {
            padding: 8px;
        }



        .mb-90 {
            margin-bottom: 48px;
        }

        .mt-90 {
            margin-top: 48px !important;
        }

        .mobile_space.mt-90 {
            margin-top: 0px !important;
        }

        .orgnaisation-img {
            height: 200px;
        }

        .partner-wrapper {
            padding: 24px 16px 16px 16px;
            margin: 24px auto;
        }

        .partner-images-wraper {
            margin-bottom: 24px;
            text-align: center;
        }

            .partner-images-wraper img {
                max-height: 40px;
            }

        .seismic-img {
            width: auto;
        }

        .bg-partners {
            padding: 20px 0px 40px 0px;
        }

        .gllary-wrapper img {
            height: 155px;
        }

        .pre-line-text {
            padding: 0px;
        }

        .bg-gallary {
            padding: 20px 0px 32px 0px;
        }

        .bg-future {
            padding: 20px 0px 30px 0px;
        }


        .custom-tabs-wrapper .k-tab-content img {
            height: 200px;
            border-radius: 39px !important;
        }

        .bg-ai-platform {
            padding: 40px 0rem;
        }

        .bg-what-client-say {
            background: var(--primary_color);
            padding: 40px 0rem;
        }

        .light-section {
            padding: 40px 12px;
        }

        .bg-functional-benefits {
            padding: 40px 0rem;
        }

        .bg-roi-tracking {
            padding: 40px 0rem;
        }

        .card-tracking {
            min-height: 205px;
        }

        .padding-left {
            padding-left: 12px !important;
        }

        .padding-right {
            padding-right: 12px !important;
        }

        .companies .img-wrapper {
            padding: 16px;
        }

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

        .py-padding-100 {
            padding-top: 48px !important;
            padding-bottom: 48px !important;
        }

        .wmc-faqs .accordion-button {
            font-size: 18px;
            padding: 18px;
        }

        .wmc-faqs .faq-arrow {
            height: 20px;
        }

        .mt-6 {
            margin-top: 2rem !important;
        }

        .mb-7 {
            margin-bottom: 2rem !important;
        }

        .bg-gray-gradient {
            padding: 48px 30px;
        }
    }

    @media screen and (max-width: 844px) {
        .agents_prompts_wrapper > li {
            flex: 0 0 calc(50% - 8px);
            max-width: calc(50% - 8px);
        }
        .rader_anim {
            display: none;
        }

        .complete-competitve-head {
            padding: 50px 12px;
        }

        .competitive-intelligence {
            padding: 50px 12px;
        }

        .top-header nav {
            position: relative;
            top: 0px;
            width: 100%;
            transition: .3s;
            padding-bottom: 8px !important;
            padding-top: 8px !important;
        }

        .greadient-text {
            font-size: 48px;
            line-height: 100px;
        }

        .login_wrapper {
            margin-right: 0px;
        }
    }

    @media screen and (max-width: 768px) {
        .agents_prompts_wrapper > li {
            flex: 0 0 calc(100% - 8px);
            max-width: calc(100% - 8px);
        }
        .error-page {
            padding: 10rem 0 10rem 0;
        }

        .privacy_bg {
            background: var(--primary_color);
            padding-top: 57px;
            padding-bottom: 40px;
        }

        .privacy_ploicy p {
            font-weight: 400;
            font-size: 14px;
        }

        .privacy_ploicy {
            padding: 140px 0px 48px 0px;
        }

        .competitor-picture {
            margin: 48px auto;
        }

        .book_a_demo_form {
            padding: 40px 8px 8px 8px;
        }

        .ai-messages svg {
            min-width: 24px;
        }

        .quick_roi_yearly {
            flex: 0 0 22%;
        }

        .quick_roi_montly {
            flex: 0 0 22%;
        }

        .not-editable-roi {
            font-size: 14px;
        }

        .quick_roi_content {
            flex: 0 0 40%;
        }

        .editable-roi {
            font-size: 14px;
        }

        .quick_roi_content p {
            font-size: 14px;
        }

        .green_dot {
            position: absolute;
            top: 20px;
            right: 29%;
            height: 14px;
            width: 14px;
        }

        .red_dot {
            position: absolute;
            border-radius: 50%;
            bottom: 22px;
            left: 33%;
            animation: blink 1s infinite;
            height: 14px;
            width: 16px;
        }

        .bg-gray {
            padding: 24px 24px;
        }

        .bg-white-padding {
            padding: 40px 24px;
        }

        .contact_us_map_con_head {
            padding: 40px 0;
        }

        .contact_us_map {
            margin-bottom: 0px;
        }

        .contact_us_right_con {
            background: #002857;
            padding: 30px 24px !important;
        }

        .contact_us {
            padding-top: 90px;
        }

        .contact_us_left_con {
            padding: 30px 24px !important;
        }

            .contact_us_left_con ul {
                margin: 34px 0;
            }

        .contact_us {
            overflow: hidden;
        }

        .quated-text p {
            font-size: 18px;
            color: white;
        }

        .mt-90.hide-90 {
            margin-top: 0px !important;
        }

        .dark-form {
            padding: 40px 20px;
        }

        .form-section .padding-left {
            padding-left: 0px !important;
        }

        .hubspot_submit .input {
            margin-right: 2px !important;
        }

        .go-banner {
            padding: 140px 0px 0px;
        }

        .chrome_extension_slider .competitor-monitoring {
            padding: 30px 0px 30px 0px;
        }

        .wmc_profile .founder_avatar {
            width: 130px;
        }

        .wmc_profile .linkedin_icon {
            width: 32px;
            position: absolute;
            right: 12px;
            top: 10px;
        }

        .mt-90.wmc-faqs {
            margin-top: 24px !important;
        }

        .chrome_extension_svg svg {
            max-width: 50px !important;
            height: 50px !important;
            margin-bottom: 16px;
        }

        .faq-banner {
            padding-top: 120px;
        }

        .chorome-extension-banner {
            padding: 120px 0px 50px;
        }

        .webinar_hoster img {
            width: 100px;
        }

        .wmc-user-exp-info {
            padding: 32px 50px;
        }

            .wmc-user-exp-info img {
                max-width: 100%;
                margin-bottom: 24px;
            }

        .integrations-icon svg {
            width: 28px;
            height: 28px;
        }

        .integrations-dliver-list h3 {
            margin: 16px 0 !important;
        }

        .integrations-dliver-list {
            text-align: center;
            padding: 30px 16px 30px;
        }

        .integrations-dliver-info {
            flex-wrap: wrap;
        }

        .integrations-dliver h2 {
            margin: 0px auto 36px !important;
        }

        .integrations-dliver {
            padding: 50px 0 50px;
        }

        .integrate-content img {
            max-width: 100%;
        }

        .bg-blue-section {
            padding: 50px 0px;
        }

        .automated-tracking-banner {
            padding: 120px 0px 50px;
        }

        .industry-figure img {
            margin: 40px 0px 40px;
        }

        .dedicated-account h3 {
            font-size: var(--font-30);
            margin: 30px 0 15px 0px !important;
        }

        .timeline-feature a {
            padding: 12px 13px 12px 14px;
            font-size: 12px;
        }

        .timeline-feature svg {
            width: 13px;
            height: 18px;
            margin-left: 13px;
        }

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

        .timeline-feature {
            width: 301px;
            margin: 0 auto;
            padding: 28px 22px;
        }

            .timeline-feature img {
                width: 120px;
            }

        .pf-how-it-work-head {
            margin-bottom: 30px !important;
            margin-top: 0px !important;
        }

        .join_team_con a {
            white-space: nowrap;
        }

        .our_interview_process_timeline h3 {
            min-height: fit-content !important;
        }

        .our_interview_process_timeline {
            flex-direction: column !important;
            border: none !important;
        }

        .join_team_con {
            padding: 136px 0px 0px !important;
        }

        .join_team_des {
            padding: 41px 0px 50px !important;
        }

        .bg-gallary {
            overflow: hidden;
        }

        .dedicated-account {
            margin-left: 0px;
        }

        .ai-cards-dark {
            min-height: fit-content;
        }

        .readial-gradient {
            background-size: contain;
            padding-bottom: 50px;
            background-position: center;
        }

        .choose-wmcai {
            padding: 50px 0px;
        }

        .top-bottom-gradient {
            padding: 50px 0px;
        }

        .wmc-ai-vidoe-section {
            padding: 50px 0px;
        }

        .incorporating-competitive {
            border-radius: 0px !important;
        }

        .img-with-overlay {
            height: auto;
        }

        .industry-figure {
            padding-right: 12px;
            padding-left: 12px;
        }

        .banner-Utilities {
            padding: 120px 0px 60px 0px;
        }

            .banner-Utilities .padding-left {
                padding-left: 0px !important;
            }

        .image-underlay {
            display: none;
        }

        .benefits-box {
            padding: 24px 24px;
        }

        .gradient-box {
            padding: 24px 16px;
            min-height: 185px;
        }

        .wmc-faqs .accordion-item {
            margin-bottom: 30px;
        }

        .dropdown-menu p {
            display: none !important;
        }

        .dropdown-heading + p {
            display: block !important;
        }

        .bg-blue-card {
            padding: 24px 32px;
        }

        .about-us-banner {
            padding: 140px 0px 54px;
        }

        .wmc-press-banner {
            padding: 140px 0px 54px;
        }

        .wmc-ai-banner {
            padding-top: 140px;
            padding-bottom: 60px;
        }

        .quated-text {
            padding: 32px;
        }

            .quated-text svg {
                top: -22px;
                left: 33px;
                max-width: 40px;
            }

        .bg-benefits .row-gap {
            row-gap: 36px !important;
        }

        .bg-gray-padding.position-relative .font-60.weight-500 {
            font-size: 22px !important;
        }

        p.copyright {
            margin-top: 16px !important;
        }

        .wmc-product-cards-header {
            min-height: 80px;
        }

        .wmc-product-cards-body p {
            font-size: 18px;
        }

        .wmc-product-cards h3 {
            font-size: 20px;
        }

        .wmc-product-cards-header, .wmc-product-cards-body {
            padding: 14px 24px;
        }

        .wmc-product-cards-footer {
            padding: 8px 32px 24px 24px;
        }

        .custom-tabs-wrapper .k-tab-content img {
            border-radius: 0px !important;
            object-position: center !important;
            aspect-ratio: 1/1;
            height: auto !important;
        }

        .banner-form .hs-input {
            font-size: 13px !important;
        }

        .review-logo {
            position: absolute;
            right: 24px;
            top: 29px;
            height: 31px;
        }

        .bg-gray-padding {
            padding: 32px 24px;
        }

        .bg-benefits.mb-7 {
            margin-bottom: 3rem !important;
        }

        .bg-gray-gradient {
            padding: 32px 24px;
        }

        .customer-submit .hs-input {
            font-size: 13px !important;
        }

        .bg-benefits {
            padding: 32px 0px;
        }

        .custom-tabs-wrapper {
            border-radius: 0px;
        }

        .responsive-text {
            font-size: 16px !important;
        }

        .navbar-nav.custom-navbar li.nav-item.dropdown {
            border-bottom: 1px solid #fff;
        }

        .row-gap {
            row-gap: 16px !important;
        }

        .custom-navbar > li > a {
            padding-top: 12px !important;
            padding-bottom: 12px !important;
        }

        .custom-navbar svg {
            max-width: 16px;
        }

        .custom-navbar {
            margin-top: 16px;
        }

        .custom-gap {
            gap: 1rem !important;
        }

        .home-top-banner {
            height: auto;
            padding-top: 168px;
            padding-bottom: 54px;
        }

        .card-tracking {
            min-height: 163px;
        }

        .carousel.home-slider .carousel-item {
            min-height: 541px;
        }

        .team_member_list li {
            width: 150px;
            height: 150px;
            min-width: 150px;
            min-height: 150px;
        }

        .BambooHR-ATS-Department-List li {
            display: flex;
            flex-direction: column;
        }
    }