/*
    Theme Name: Astra Child
    Theme URI: https://wpastra.com/
    Template: astra
    Author: Brainstorm Force
    Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
    Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 6,000+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
    Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
    Version: 4.11.15.1763461032
    Updated: 2025-11-18 10:17:12
    */
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&family=Manrope:wght@200..800&display=swap');
:root {
    --primary-orange: #ff7a01;
    --primary-color: #ff7a01;
    --primary-black: #1d1d1d;
    --bg-peach: linear-gradient(#f9f9f9 0%, #ffebd9 100%);
    --bg-card: linear-gradient(#fff4eb 0%, #fff 59.4595%);
    --white: #ffffff;
    --text-main: #1d1d1d;
    --text-body-color: #10174a;
    --text-light: #666;
    --font-main: 'Manrope', sans-serif;
    --font-Comfortaa: "Comfortaa", sans-serif;
    --ease-elastic: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    --ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);
}
/* =========================================
           2. Reset & Base Styles
           ========================================= */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
body {
    font-family: var(--font-main) !important;
    background-color: var(--white);
    color: var(--text-main);
    -webkit-font-smoothing: antialiased;
}
html,
body {
    width: 100%;
    overflow-x: hidden;
}
ul {
    list-style: none;
    margin: 0;
}
a {
    text-decoration: none;
    color: inherit;
}
button {
    cursor: pointer;
    font-family: inherit;
    border: none;
    background: none;
}
img {
    display: block;
    max-width: 100%;
    height: auto;
}
body p {
    margin: 0;
}
body :is(h1, h2, h3, h4, h5, h6, p, ul, li, strong, div, a, span) {
    font-family: var(--font-main) !important;
}
/* =========================================
           3. Global Utility Classes
           ========================================= */
.container {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 20px;
}
/* Default blurred state */
.wwnarad_result-block {
    filter: blur(6px);
    opacity: 0.6;
    pointer-events: none; /* prevents interaction */
    transition: all 0.3s ease;
}

/* Active = visible */
.wwnarad_result-block.active {
    filter: blur(0);
    opacity: 1;
    pointer-events: auto;
}

.wtrn_title_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 40px;
}
.overflow-hidden {
    overflow: hidden;
}
.global_section_title {
    font-size: 32px;
    font-weight: 600;
    text-align: center;
    color: var(--primary-black);
    line-height: 58px;
}
.menu-item-home {
    background-color: transparent !important;
}
.menu-item-home a {
    color: #1d1d1d !important;
}
.global_section_title span {
    color: var(--primary-orange);
    font-family: var(--font-Comfortaa) !important;
}
.global_section_subtitle {
    font-size: 16px;
    color: var(--text-body-color);
    text-align: center;
}
.Wtrn_section {
    margin: 80px 0;
}
.col {
    max-width: 50%;
    width: 100%;
}
.row {
    display: flex;
    justify-content: space-between;
}
button:hover,
button:focus,
button:active {
    background-color: var(--primary-orange);
}
#ast-scroll-top {
    display: none !important;
}
html body .ast-menu-toggle {
    display: inline-block;
    padding: 0;
    box-shadow: none;
    width: max-content;
}
.narad_asssessment .container {
    align-items: center;
}
.narad_asssessment.block_pos_right .container .wtrn_title_wrap {
    margin-bottom: 0;
}
#page .site-content:not(.page-id-12803 .site-content, .page-id-12637 .site-content) {
    margin-top: 90px;
}
.elementor-button {
    padding: 13px !important;
    border-radius: 10px !important;
    font-size: 16px !important;
    line-height: 22px !important;
}
.elementor-button .elementor-button-icon {
    display: none !important;
}
.dashicons-arrow-up-alt2:before {
    font-family: 'Dashicons' !important;
}
/* =========================================
           4. Header Section
           ========================================= */
.narad_header {
    width: 100%;
    padding: 20px 24px;
    background-color: transparent;
    position: fixed;
    z-index: 1000;
    transition: all 0.3s ease;
    top: 0;
}
.narad_header.Header_active {
    background-color: #fff;
}
.narad_header ul#menu-new-menu li a {
    font-weight:600;
    font-size:18px
}
.narad_header .header_container {
    max-width: 1320px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
}
.narad_header .header_container :is(.header_logo, .header_nav, .header_cta) {
    max-width: max-content;
    width: 100%;
}
.narad_header .header_container .header_logo img {
    width: 100%;
    max-width: 122px;
    height: auto;
}
.narad_header .header_container .header_cta {
    text-align: end;
}
.narad_header .header_nav {
    display: none;
}
.narad_header .header_cta {
    display: none;
}
.narad_header .menu-item-has-children {
    position: relative;
}
.narad_header .sub-menu {
    padding: 20px;
    background: #fff;
    position: absolute;
    top: 35px;
    left: 0;
    margin: 0;
    box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
    border-radius: 10px;
    width: 180px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    transition: 0.3s linear !important;
    opacity: 0;
    visibility: hidden;
}
.narad_header .sub-menu li a {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}
.narad_header .sub-menu li a::before {
    content: "";
    height: 20px;
    width: 20px;
    display: block;
    background-image: url("./assets/images/arrow-top-right.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.narad_header .menu-item-has-children:hover .sub-menu {
    opacity: 1;
    visibility: visible;
}
.narad_header .menu-item-has-children:hover .ast-icon.icon-arrow svg,
.menu-item-has-children.is-open .ast-icon.icon-arrow svg {
    transform: rotate(180deg);
}
.narad_header .ast-icon.icon-arrow svg {
    transition: 0.1s linear;
}
.ast-menu-toggle:focus,
.ast-menu-toggle:hover {
    border-color: transparent;
}
/* =========================================
           5. Mobile Menu (Glass)
           ========================================= */
.mobile_toggle {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    background: var(--white);
    border-radius: 50%;
    z-index: 1002;
    gap: 5px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: all 0.3s var(--ease-smooth);
    position: relative;
    padding: 0;
}
.mobile_toggle:hover,
.mobile_toggle:active,
.mobile_toggle:focus {
    background-color: #fff;
}
.mobile_toggle span {
    display: block;
    width: 20px;
    height: 2px;
    background-color: var(--primary-black);
    border-radius: 2px;
    transition: all 0.4s var(--ease-elastic);
}
.mobile_toggle.active {
    background: rgba(255, 255, 255, 0.5);
    box-shadow: none;
    transform: rotate(180deg);
}
.mobile_toggle.active span {
    background-color: var(--primary-black);
}
.mobile_toggle.active span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
    width: 24px;
}
.mobile_toggle.active span:nth-child(2) {
    opacity: 0;
    width: 0;
}
.mobile_toggle.active span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
    width: 24px;
}
.mobile_nav_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    z-index: 999;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
    overflow: hidden;
}
.mobile_nav_overlay::before {
    content: '';
    position: absolute;
    top: -20%;
    right: -20%;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(255, 122, 1, 0.15) 0%, rgba(255, 255, 255, 0) 70%);
    border-radius: 50%;
    pointer-events: none;
}
.mobile_nav_overlay.active {
    opacity: 1;
    visibility: visible;
}
.mobile_nav_list {
    text-align: start;
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 0 20px;
}
.mobile_nav_list a {
    display: block;
    font-size: 26px;
    font-weight: 700;
    color: var(--primary-black);
    transform: translateY(120%);
    opacity: 0;
    transition: transform 0.6s var(--ease-elastic), opacity 0.5s ease;
    letter-spacing: -1px;
}
.mobile_nav_list a:hover {
    color: var(--primary-orange);
}
.mobile_nav_overlay.active .menu-link {
    transform: translateY(0);
    opacity: 1;
}
.mobile_nav_overlay.active .menu-item:nth-child(1) .menu-link {
    transition-delay: 0.1s;
}
.mobile_nav_overlay.active .menu-item:nth-child(2) .menu-link {
    transition-delay: 0.15s;
}
.mobile_nav_overlay.active .menu-item:nth-child(3) .menu-link {
    transition-delay: 0.2s;
}
.mobile_nav_overlay.active .menu-item:nth-child(4) .menu-link {
    transition-delay: 0.25s;
}
.mobile_nav_overlay.active .menu-item:nth-child(5) .menu-link {
    transition-delay: 0.3s;
}
.mobile_nav_overlay.active .menu-item:nth-child(6) .menu-link {
    transition-delay: 0.35s;
}
.mobile_cta_container {
    margin-top: 40px;
    opacity: 0;
    transform: scale(0.9);
    transition: all 0.5s ease 0.5s;
    position: relative;
    z-index: 2;
}
.mobile_nav_overlay.active .mobile_cta_container {
    opacity: 1;
    transform: scale(1);
}
.btn_mobile_primary {
    background-color: var(--primary-black);
    color: var(--white);
    padding: 18px 40px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 50px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s;
}
/* =========================================
           6. Hero Section
           ========================================= */
.narad_hero {
    padding: 140px 20px 0px;
    text-align: center;
    background: var(--bg-peach);
    overflow: hidden;
}
.narad_hero .hero_content {
    max-width: 1000px;
    margin: 0 auto;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.narad_hero .btn_wrap {
    overflow: hidden;
    border-radius: 8px;
}
.narad_hero .hero_title {
    font-size: 40px;
    line-height: 54px;
    color: var(--primary-black);
    font-weight: 300;
    letter-spacing: -0.28px;
    font-family: var(--font-main) !important;
}
.text_highlight {
    color: var(--primary-orange);
    font-weight: 700;
}
.narad_hero .hero_description {
    font-size: 18px;
    color: var(--text-body-color);
    margin: 0 auto 24px;
    line-height: 1.6;
    font-weight: 500;
}
.btn_dark {
    background-color: var(--primary-black);
    color: var(--white);
    padding: 16px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    transition: 0.2s linear !important;
    display: inline-block;
    border: 1px solid var(--primary-black);
}
.btn_dark:hover,
.btn_dark:focus {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(29, 29, 29, 0.3);
    color: var(--primary-black);
    background-color: transparent;
}
.narad_dashboard_preview {
    padding: 40px 20px 0px;
    display: flex;
    justify-content: center;
    background-color: var(--bg-peach);
}
.dashboard_image_container {
    width: 100%;
    max-width: 1100px;
    margin: 50px auto 0 auto;
    border-top-left-radius: 26px;
    border-top-right-radius: 26px;
    box-shadow: 0 24px 60px -12px rgba(29, 29, 29, 0.15);
    box-shadow: 0 0 40px #cca889cc;
    overflow: hidden;
    background-color: var(--white);
    line-height: 0;
}
.btn_primary {
    background-color: var(--primary-orange);
    color: var(--white);
    padding: 13px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    transition: 0.2s linear !important;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--primary-orange);
}
.btn_primary:hover,
.btn_primary:focus {
    color: #fff;
    background-color: #fff;
    color: var(--primary-orange);
}
.narad_hero.banner-pos-right .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 60px;
}
.narad_hero.banner-pos-right .hero_content {
    align-items: flex-start;
    text-align: left;
}
.narad_hero.banner-pos-right {
    padding: 140px 20px 80px;
}
.narad_hero.banner-pos-right .dashboard_image_container {
    background: linear-gradient(#f9f9f9 0%, #fff 100%);
    border-radius: 32px;
    border: 4px solid #fff;
    padding: 48px 24px;
    box-shadow: none;
    margin: 0;
}
.narad_hero.banner-pos-right .dashboard_image_container img {
    mix-blend-mode: darken;
}
/* =========================================
           7. Stats Section (Counter Animation)
           ========================================= */
.narad_stats {
    padding: 0px 20px;
    background-color: var(--white);
}
.narad_stats .container{
    background-color: #1d1d1d;
    padding: 48px;
    border-radius: 32px;
    max-width: 1240px;
}
.stats_flex_wrapper {
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: stretch;
    justify-content: center;
    text-align: center;
}
.stat_item .stat_number {
    font-size: 70px;
    font-weight: 400;
    color:#fff;
    margin-bottom: 8px;
    letter-spacing: -1px;
    line-height: 100px;
    /* Monospaced-ish appearance for numbers prevents jitter */
    font-variant-numeric: tabular-nums;
}
/* The actual numbers being animated */
.counter_anim {
    display: inline-block;
}
.stat_item .stat_desc {
    font-size: 18px;
    color: #fff;
    max-width: 260px;
    margin: 0 auto;
    line-height: 1.4;
}
/* =========================================
    8. How It Works Section
========================================= */
.narad_how_it_works {
    /* padding: 0px 0 60px; */
    background-color: var(--white);
}
.process_grid {
    display: flex;
    /* flex-direction: column; */
    gap: 80px;
    align-items: center;
}
.process_card {
    flex: 1;
    background: var(--bg-card);
    border-radius: 24px;
    padding: 24px 24px 0;
    display: flex;
    flex-direction: column;
    text-align: left;
    min-height: 480px;
    position: relative;
    justify-content: flex-start;
    gap: 24px;
}
.process_card.row_number_1 .card_visual {
    transform: translate(-23px);
}
.process_card.row_number_2 {
    /* flex-direction: column-reverse; */
    justify-content: flex-end;
    margin-top: 40px;
}
.process_card.row_number_2 .card_visual {
    margin-top: 0;
    margin-bottom: 30px;
    height: auto;
}
.process_card .card_visual {
    height: 300px;
    display: flex;
    justify-content: end;
    align-items: center;
    flex-direction: column;
    position: relative;
}
.process_card .Wtrn_upload {
    box-shadow: 0 0 20px #e6e6e6;
    border-radius: 15px;
    /* transform: scale(1.1); */
}
.process_card .Wtrn_process {
    position: absolute;
    bottom: 120px;
    right: -20px;
    filter: blur(1.1px);
    box-shadow: 0 0 20px #e6e6e6;
    z-index: 1;
}
.process_card .Wtrn_label {
    position: absolute;
    top: 75px;
    left: 45px;
    transform-origin: center center;
}
.process_card .review_label,
.process_card .Wtrn_label,
.process_card .review_profile {
    animation: rotateanim 1s linear infinite alternate;
}
.process_card .review_label {
    position: absolute;
    top: 30px;
    left: 0px;
}
.process_card .review_profile {
    position: absolute;
    top: 0;
    right: 0;
    animation-name: rotateanimsecond;
}
@keyframes rotateanimsecond {
    to {
        transform: rotate(-5deg);
    }
}
.process_card:nth-child(3) .card_visual {
    height: 324px;
}
.process_card .review_question {
    box-shadow: 0 0 20px #e6e6e6;
    border-radius: 13px;
}
@keyframes rotateanim {
    to {
        transform: rotate(15deg);
    }
}
.process_card .Wtrn_spark {
    position: absolute;
    right: 0;
    animation: scaleanim 1s linear infinite alternate;
    height: 48px;
    width: 48px;
}
@keyframes scaleanim {
    to {
        transform: scale(1.2);
    }
}
.process_card .process_arrow :is(img, svg) {
    height: 32px;
    width: 32px;
}
.process_arrow {
    position: absolute;
    right: -58px;
    top: 50%;
    /* transform: translateY(-50%); */
}
.process_arrow.first {
    top: 56.6%;
    /* transform: translateY(-50%); */
}
.card_text h3 {
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 10px;
    color: var(--primary-black);
    letter-spacing: -0.5px;
}
.narad_industries .card_text h3{
    margin-bottom:0px;
}
.card_text p {
    font-size: 16px;
    color: #666;
    letter-spacing: -0.08px;
    line-height: 22.4px;
}
/* Product demo section start */
.narad_product_demo .demo_container {
    max-width: 1240px;
    width: 100%;
    margin: 0 auto;
    padding: 80px;
    background: linear-gradient(#f9f9f9 0%, #fff4eb 100%);
    border-radius: 32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.narad_product_demo .wtrn_demo_video {
    max-width: 880px;
    width: 100%;
    margin: 0 auto;
}
.narad_product_demo .wtrn_btn_wrap {
    display: flex;
    align-items: stretch;
    gap: 20px;
    justify-content: center;
    margin-top: 32px;
}
.narad_product_demo .wtrn_demo_video iframe {
    width: 100%;
    height: 500px;
    border-radius: 24px;
    border: 4px solid #fff;
    box-shadow: 0 0 20px #e6e6e6;
}
/* Product demo section end */
/*  */
.solution_card {
    background: var(--bg-card);
    /* Reuse existing peach bg */
    border-radius: 24px;
    padding: 48px 32px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: transform 0.3s var(--ease-smooth), box-shadow 0.3s var(--ease-smooth);
}
.sol_icon {
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-orange);
    margin-bottom: 10px;
}
.sol_icon svg {
    width: 100%;
    height: 100%;
}
.solution_card h3 {
    font-size: 24px;
    color: var(--primary-black);
    font-weight: 500;
    margin-bottom: 8px;
    letter-spacing: -0.12px;
}
.solution_card p {
    font-size: 16px;
    color: #666;
    line-height: 22px;
    margin: 0;
    margin-bottom: 20px;
    flex-grow: 1;
    letter-spacing: -0.08px;
}
.sol_link {
    color: var(--primary-black);
    font-weight: 600;
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: color 0.2s;
    margin-top: auto;
}
.sol_link:hover {
    color: var(--primary-orange);
}
.sol_link .arrow {
    color: var(--primary-orange);
    font-weight: 700;
    transition: transform 0.2s;
}
.sol_link:hover .arrow {
    transform: translateX(4px);
}
.sol_link .arrow :is(img, svg) {
    height: 12px;
    width: 12px;
}
.solutions_grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
    gap: 24px;
}
/* =========================================
   10. Sales Cycle Section
   ========================================= */
.teams_choose_narad {
    background-color: #f9f9f9;
    padding: 80px 0 0 0;
    overflow: hidden;
}
.teams_choose_narad .wtrn_title_wrap {
    margin-bottom: 90px;
}
.narad_sales_cycle {
    padding: 100px 0;
    background-color: var(--white);
    overflow: hidden;
}
.sales_cycle_wrapper {
    display: flex;
    flex-direction: column;
    gap: 80px;
    padding-bottom: 80px;
}
.sales_cycle_wrapper.alt_diraction {
    flex-direction: column-reverse;
}
/* --- Text Side --- */
.sales_text_content {
    flex: 1;
    max-width: 50%;
    width: 100%;
}
.sales_heading {
    font-size: 36px;
    font-weight: 600;
    color: var(--primary-black);
    margin-bottom: 20px;
    line-height: 1.2;
}
.sales_description {
    font-size: 18px;
    color: var(--text-body-color);
    margin-bottom: 24px;
    line-height: 1.6;
}
.sales_points {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.point_item h4 {
    font-size: 18px;
    color: var(--primary-orange);
    font-weight: 400;
    line-height:25px;
}
.point_item p {
    font-size: 18px;
    color: var(--primary-black);
    line-height: 1.6;
    letter-spacing: -0.09px;
}
.point_item p:empty,
.point_item p br {
    display: none;
}
.sales_visual_content {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 1px;
    max-width: 50%;
    width: 100%;
    position: relative;
}
.sales_visual_content .middle_main_image {
    width: unset;
    height: 460px;
    box-shadow: 0 0 20px #e6e6e6;
    border: 4px solid #fff;
    border-radius: 32px;
}
.sales_visual_content :is(.references_image, .graph_image, .references_Accuracy_image, .Evidence_image, .Questionnarie_image, .Questionnaire-image, .badge-image, .line-image) {
    position: absolute;
}
.sales_visual_content .Questionnarie_image {
    right: 0;
    top: -20px;
}
.sales_visual_content .references_Accuracy_image {
    bottom: 0;
    left: 0;
}
.sales_visual_content .Evidence_image {
    left: -45px;
    bottom: 120px;
}
.sales_visual_content .references_image {
    left: 0;
    bottom: 42px;
}
.sales_visual_content .graph_image {
    right: 0;
    top: 60px;
}
.sales_visual_content .Questionnaire-image {
    bottom: -19px;
    right: -40px;
}
.sales_visual_content .line-image {
    left: 107px;
    top: 20px;
}
.sales_visual_content .badge-image {
    left: 74px;
}
.sales_visual_content .draft.badge-image {
    top: 0;
}
.sales_visual_content .sent-review.badge-image {
    top: 47px;
}
.sales_visual_content .under-review.badge-image {
    top: 93px;
}
.sales_visual_content .Clarification.badge-image {
    top: 139px;
}
.sales_visual_content .Approved.badge-image {
    top: 186px;
}
.sales_visual_content .Questionnarie_image.matrices {
    top: 140px;
}
/* =========================================
   11. Industries Grid Section
   ========================================= */
.industries_wrap {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    align-items: stretch;
}
.ind_card {
    background-color: #f9f9f9;
    border-radius: 32px;
    padding: 24px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: auto;
    transition: transform 0.3s var(--ease-smooth), box-shadow 0.3s var(--ease-smooth);
    max-width: calc(50% - 20px);
    width: 100%;
    gap: 24px;
}
.ind_card:nth-child(1) {
    max-width: calc(40% - 20px);
    width: 100%;
}
.ind_card:nth-child(2) {
    max-width: calc(60% - 20px);
    width: 100%;
}
/* Content Area */
.ind_content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
}
/* Header (Title + Link) */
.ind_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}
.ind_link {
    font-size: 14px;
    font-weight: 700;
    color: var(--primary-orange);
    display: flex;
    align-items: center;
    gap: 6px;
    transition: gap 0.2s;
}
.ind_link:hover {
    color: var(--primary-orange);
}
.ind_link .arrow :is(img, svg) {
    height: 12px;
    width: 12px;
}
.ind_link:hover {
    gap: 10px;
}
/* Image Area */
.ind_visual {
    width: 100%;
    min-height: 250px;
    overflow: hidden;
    position: relative;
}
.ind_visual img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 32px;
}
.img_top {
    flex-direction: column;
}
/* =========================================
   12. Global Footer (with Integrated CTA)
   ========================================= */
.narad_footer {
    background-color: #f9f9f9;
    padding: 80px 0 40px 0;
    position: relative;
}
.narad_footer::after {
    content: "";
    height: 200px;
    width: 100%;
    background: linear-gradient(#f9f9f9 58.5586%, #ffebd9b3 100%);
    position: absolute;
    bottom: 0;
    z-index: 0;
}
.narad_footer .container {
    z-index: 1;
    position: relative;
}
.footer_cta_card {
    position: relative;
    max-width: 920px;
    margin: 0 auto;
    width: 100%;
    border-radius: 32px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
    border: 4px solid #fff;
    padding: 0 0 80px 0;
}
.footer_cta_card .cta_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    z-index: 1;
}
.footer_cta_card .cta_content {
    position: relative;
    z-index: 3;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.footer_cta_card h2 {
    font-size: 32px;
    font-weight: 700;
    color: var(--primary-black);
    margin-bottom: 24px;
    line-height: 1.2;
    letter-spacing: -0.32px;
}
.footer_main_content {
    padding: 0 10px;
    margin-top: 100px;
}
.footer_top {
    display: flex;
    /* flex-direction: column; */
    gap: 30px;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px;
    text-align: center;
}
.footer_top :is(.footer_logo, .footer_nav_links, .footer_contact) {
    max-width: 33.33%;
    width: 100%;
}
.footer_nav_links {
    display: flex;
    gap: 24px;
    justify-content: center;
    align-items: center;
}
.footer_nav_links ul {
    display: flex;
    align-items: center;
    gap: 20px;
}
.footer_nav_links a {
    font-size: 16px;
    color: var(--text-body-color);
    font-weight: 500;
    transition: color 0.2s;
}
.footer_nav_links a:hover {
    color: var(--primary-orange);
}
.footer_contact {
    font-size: 14px;
    color: var(--primary-black);
    text-align: end;
}
.footer_contact a {
    color: var(--primary-orange);
    font-weight: 600;
}
.footer_bottom {
    display: flex;
    /* flex-direction: column;   */
    gap: 20px;
    align-items: center;
    justify-content: space-between;
    font-size: 13px;
    color: var(--text-light);
    border-top: 1px solid #f0f0f0;
    padding-top: 20px;
}
.footer_bottom .copyright {
    font-size: 16px;
}
.social_links {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 16px;
}
.social_links span {
    margin-right: 4px;
    font-weight: 500;
}
.social_icon {
    width: 36px;
    height: 36px;
    border: 1px solid var(--primary-orange);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-orange);
    transition: all 0.2s ease;
    background: #fff;
}
.social_icon svg {
    width: 18px;
    height: 18px;
}
.social_icon:hover {
    background-color: var(--primary-orange);
    color: var(--white);
    border-color: var(--primary-orange);
    transform: translateY(-2px);
}
/* Custom AOS animation start */
.slide-anim {
    animation-duration: 0.8s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(.22, 1, .36, 1);
    /* will-change: transform; */
}
.slide-top {
    animation-name: slideTop;
}
@keyframes slideTop {
    from {
        transform: translateY(-60px);
    }
    to {
        transform: translateY(0);
    }
}
.slide-left {
    animation-name: slideLeft;
}
@keyframes slideLeft {
    from {
        transform: translateX(-50px);
    }
    to {
        transform: translateX(0);
    }
}
.slide-bottom {
    animation-name: slideBottom;
}
@keyframes slideBottom {
    from {
        transform: translateY(100px);
    }
    to {
        transform: translateY(0);
    }
}
/* Maker checker page start */
.block_pos_right {
    background-color: #f9f9f9;
    padding: 80px 0;
    margin: 0 !important;
}
.block_pos_right .solutions_grid {
    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
}
.block_pos_right .wtrn_title_wrap {
    justify-content: flex-start;
}
.block_pos_right .wtrn_title_wrap :is(h2, p) {
    text-align: start;
}
.block_pos_right .solution_card {
    background: transparent;
    padding: 0;
}
.block_pos_right .row {
    gap: 48px;
}
.narad_workflow .ind_card:nth-child(1),
.narad_workflow .ind_card:nth-child(2) {
    max-width: calc(50% - 20px);
}
.narad_workflow .ind_card {
    background-color: #f9f9f9;
    padding: 32px 48px 0;
}
.narad_workflow .ind_content ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}
.narad_workflow .ind_content ul li {
    display: flex;
    align-items: center;
    gap: 8px;
}
.narad_workflow .ind_visual {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: auto;
}
.narad_workflow .ind_content {
    background-color: #fff;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    padding: 16px;
}
.narad_workflow .ind_visual :is(svg, img) {
    height: 48px;
    width: 48px;
}
.narad_workflow .bg-grediant {
    background: linear-gradient(#fff4eb 0%, #f9f9f9 100%);
}
.wtrn_accurate_reviews {
    background-color: #f9f9f9;
    padding: 80px 0;
}
.wtrn_accurate_reviews .wtrn_accurate_reviews {
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
}
.wtrn_accurate_reviews .wtrn_title_wrap {
    justify-content: flex-start;
}
.wtrn_accurate_reviews .wtrn_title_wrap :is(h2, p) {
    text-align: start;
}
.wtrn_accurate_reviews .solution_card {
    text-align: start;
    padding: 20px;
    background: #fff;
    box-shadow: 0 0 20px #e6e6e6;
    align-items: flex-start;
}
.wtrn_accurate_reviews .sol_icon {
    width: 100%;
    height: auto;
    justify-content: flex-start;
    gap: 10px;
    margin-bottom: 8px;
}
.wtrn_accurate_reviews .sol_icon :is(img, svg) {
    height: 24px;
    width: 24px;
}
.wtrn_accurate_reviews p {
    margin-bottom: 0px;
    color: #5f6267;
    font-size: 14px;
    letter-spacing: -0.07px;
    font-weight: 500;
}
.wtrn_accurate_reviews .solution_card h3 {
    font-size: 20px;
    margin-bottom: 0px;
}
.wtrn_accurate_reviews .solutions_grid {
    gap: 16px;
}
.wtrn_visual_grid_wrapper img,
.Key_benefits_img {
    box-shadow: 0 0 20px #e6e6e6;
    border: 4px solid #fff;
    border-radius: 32px;
}
.wtrn_points_grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 24px;
}
.wtrn_visual_grid_wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    width: 100%;
    max-width: 600px;
    margin: 40px auto;
}
.wtrn_visual_grid_wrapper .wtrn_visual_grid_item {
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease;
    background: #fff;
    aspect-ratio: 4/3;
}
.wtrn_visual_grid_wrapper .wtrn_visual_grid_item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.page-id-12803 .teams_choose_narad {
    padding: 0;
    background-color: transparent;
}
.wtrn_visual_grid_wrapper .wtrn_visual_grid_item:nth-child(odd) {
    transform: translateY(30px);
}
.wtrn_visual_grid_wrapper .wtrn_visual_grid_item:nth-child(even) {
    transform: translateY(-30px);
}
/* Maker checker page end */
/* Blogs page start */
.blog-container .blog-main {
    display: grid;
    grid-template-columns: 2fr 2fr 2fr;
    gap: 25px 40px;
    margin: 100px 0px 50px 0;
}
.blog-container .blog-feature-image {
    position: relative;
    padding-bottom: 60%;
}
.blog-container .blog-feature-image img {
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 20px;
}
.blog-container .blog-title img {
    display: none;
}
.blog-container .load-more {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 100px;
}
.load-more .btn-load-more.btn_primary {
    background-color: var(--primary-orange);
}
.blog-container .blog-excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* number of lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.blog-container :is(.blog-date, .blog-title, .blog-excerpt) {
    font-family: var(--font-main);
}
.blog-container .blog_card_contet {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 15px;
}
.blog-container a:hover .blog_card_contet :is(p, h4, .blog-excerpt) {
    color: var(--text-body-color);
}
.single-post .hero-section .elementor-element.e-con-full.e-flex.e-con.e-child {
    margin-top: -30px;
}
.single-post .elementor-background-slideshow__slide__image {
    border-radius: 20px;
}
/* Blogs page end  */
/* ROI page start  */
.wwnarad_calculator_wrap {
    width: 100%;
    padding: 60px 0;
}
.wwnarad_calculator {
    max-width: 1250px;
    margin: 0 auto;
    gap: 40px;
    align-items: stretch;
    background: #fff;
    padding: 50px;
    border-radius: 32px;
}
.all_flex {
    display: flex;
}
.narad_flex {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
}
.wwnarad__rang_ig {
    border-radius: 16px;
}
.wtrn_body_bottom {
    text-align: center;
    font-size: 12px;
    margin-top: 10px;
}
.calc_part_title {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 28px;
    color: #111827;
}
.wwnarad_range-block {
    gap: 14px;
    flex: unset;
}
html body .wwnarad_range-block .tooltip_text{
    min-width: max-content;
}
.wrap_count {
    justify-content: space-between;
    align-items: flex-start;
    gap: 5px;
    font-size: 20px;
    flex-direction: column;
}
.wrap_count .narad_tooltip{
    color:#1d1d1d;
}
.wrap_count label {
    font-size: 24px;
    font-weight: 500;
    color: #1d1d1d;
    max-width: 100%;
    line-height:normal;
}
.final_result {
    font-size: 18px;
    font-weight: 600;
    color: #f97316;
    white-space: nowrap;
}
.narad_tooltip {
    position: relative;
    display: inline-block;
    margin-left: 4px;
    cursor: pointer;
    color: #9ca3af;
    font-weight: 700;
}
.narad_tooltip :is(img,svg,i){
    width:unset;
    height:25px;
    object-fit:contain;
    margin-bottom:-5px;
}
.narad_tooltip .tooltip_text {
    position: absolute;
    bottom: 130%;
    left: 50%;
    transform: translateX(-50%);
    background: #111827;
    color: #ffffff;
    padding: 10px 14px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s ease;
    z-index: 10;
    min-width: 330px;
    text-align: left;
}
.narad_tooltip .tooltip_text::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 6px;
    border-style: solid;
    border-color: #111827 transparent transparent transparent;
}
.narad_tooltip:hover .tooltip_text {
    opacity: 1;
    visibility: visible;
}
.custom-slider:focus {
    border: none;
}
.custom-slider {
    -webkit-appearance: unset !important;
    appearance: unset !important;
    width: 100% !important;
    height: 10px !important;
    border-radius: 10px !important;
    border-color: #f97316 !important;
    outline: none !important;
    cursor: pointer !important;
    background: #fff;
}
/* ===== Chrome / Edge / Safari ===== */
.custom-slider::-webkit-slider-thumb {
    /* -webkit-appearance: none;
  appearance: none; */
    width: 18px !important;
    height: 18px !important;
    background-color: #f97316 !important;
    border-radius: 50% !important;
    cursor: pointer !important;
    border-color: var(--primary-orange) !important;
}
/* ===== Firefox ===== */
.custom-slider::-moz-range-track {
    height: 6px !important;
    background: #dadada !important;
    border-radius: 10px !important;
}
.custom-slider::-moz-range-progress {
    height: 6px !important;
    background-color: #f97316 !important;
    border-radius: 10px !important;
}
.custom-slider::-moz-range-thumb {
    width: 18px !important;
    height: 18px !important;
    background: #f97316 !important;
    border-radius: 50% !important;
    border: none !important;
    cursor: pointer !important;
}
.wwnarad__iws_blockinner {
    background: linear-gradient(#f9f9f9 0%, #fff4eb 100%);
    padding: 32px;
    border-radius: 16px;
    flex: 1;
    border: 5px solid #fff;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.wwnarad__iws_block .calc_part_title {
    color: var(--primary-black);
}
.wwnarad__iws_block{
    scroll-margin-top: 100px;
}
.Narad_footer_note_wrap{
    font-size: 16px;
}
.narad_compare_row {
  display: flex;
    align-items: stretch;
    justify-content: center;
    flex-direction: row;
    gap: 0;
    font-family: var(--font-main);
    border-top: 1px solid #dedddd;
    padding-top: 30px;
    margin-top: 10px;
}
.narad_compare_boxs {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: transparent;
    border-radius: 20px;
    flex-direction: column;
    flex:1;
    gap:5px;
}

.narad_compare_boxs :is(.wtrn_right) {
    text-align: end;
}
.narad_compare_boxs .wtrn_left {
    display: flex;
    align-items: center;
    gap: 3px;
}
.narad_compare_boxs h3,
p {
    font-family: var(--font-main) !important;
}
.narad_compare_boxs h3{
        font-size: 16px;
    color: #5c5c5c;
    font-weight: 400;
}
.narad_compare_row .wtrn_wtrn {
    font-size: 26px;
    margin: 0;
    font-weight: 600;
}
.narad_compare_table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 12px;
    border: 1px solid #121212;
}
.narad_compare_table th,
.narad_compare_table td {
    padding: 14px 16px;
    border-bottom: 1px solid #121212;
    text-align: center;
    border-color: #121212;
    color: var(--text-body-color);
}
.narad_compare_table th {
    font-size: 14px;
    font-weight: 600;
    color: var(--text-body-color);
}
.narad_compare_table td:first-child {
    text-align: left;
    font-weight: 500;
    color: var(--text-body-color);
}
.narad_compare_table strong {
    font-size: 18px;
    color: #f97316;
}
.narad_footer_note {
    padding-top: 20px;
    font-size: 22px;
    color: var(--text-body-color);
    text-align: center;
    font-weight: 500;
}
.narad_footer_note #effort-saved,
.narad_footer_note .wtrn_per{
    font-size: 70px;
    font-weight: 700;
    color: #1d1d1d;
}
.roi_icon{
    text-align:center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.roi_icon img{
    width:100px;
    height:100px;
    object-fit:contain;
}
.wwnarad_cta-button {
    width: 100%;
    background-color: #1d1d1d;
    margin-top: 30px;
    border-color: #1d1d1d;
}
.wwnarad_cta-button:hover,
.wwnarad_cta-button:focus {
    border-color: #1d1d1d;
    color: #1d1d1d;
}
.page-id-11565 .narad_hero.banner-pos-down {
    padding: 50px 20px;
}
/* ROI page end  */
/* contact us page start */
.Wtrn_contact_form .contact-form-modern p {
    margin-bottom: 20px;
}
.Wtrn_contact_form .contact-form-modern .wpcf7-submit svg {
    display: none;
}
.Wtrn_contact_form .contact-form-modern .wpcf7-submit {
    background-color: var(--primary-orange);
    padding: 13px;
    font-size: 16px;
    line-height: 22px;
}
.Wtrn_contact_form .contact-form-modern .wpcf7-submit br {
    display: none;
}
/* contact us page end */
/* Media css start */
@media screen and (max-width:1440px) {
    .stat_item .stat_number {
        font-size: 65px;
    }
    .card_text h3 {
        font-size: 26px;
        line-height: normal;
    }
    .process_grid {
        gap: 60px;
    }
    .process_card .process_arrow :is(img, svg) {
        height: 25px;
        width: 25px;
    }
    .process_arrow {
        right: -47px;
    }
    .sales_visual_content .Questionnaire-image {
        width: unset;
        height: 230px;
        right: -20px;
    }
    .sales_visual_content .Evidence_image {
        left: 0;
    }
}
@media screen and (max-width:1250px) {
    .process_card .Wtrn_label {
        left: 30px;
    }
     .narad_tooltip .tooltip_text{
        min-width:270px;
    }
}
@media screen and (max-width:1200px) {
    .process_card .Wtrn_label {
        left: 0px;
    }
    .process_card .Wtrn_process {
        right: -9px;
    }
    .process_grid {
        gap: 50px;
    }
    .process_arrow {
        right: -40px;
    }
    .sales_visual_content .badge-image {
        left: 9%;
    }
    .sales_visual_content .line-image {
        left: 14.5%;
    }
    .narad_hero .hero_title {
        font-size: 40px;
        line-height: normal;
    }
    .block_pos_right .solutions_grid {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    }
}
@media screen and (max-width:1100px) {
    .sales_visual_content .line-image {
        left: 10.5%;
    }
    .sales_visual_content .badge-image {
        left: 4%;
    }
    .solutions_grid {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    }
}
@media screen and (min-width:1024px) {
    .mobile_nav_overlay {
        display: none;
    }
}
@media (max-width: 1024px) {
    .process_grid {
        gap: 20px;
    }
    .process_arrow {
        right: -20px;
    }
    .process_card .Wtrn_label {
        transform: scale(0.9);
        left: -16px;
    }
    .row {
        flex-direction: column;
    }
    .col {
        max-width: 100%;
    }
    .block_pos_right .wtrn_title_wrap :is(h2, p) {
        text-align: center;
    }
    .menu-link-toggle-wrap {
        display: flex;
        align-items: center;
        gap: 10px;
        justify-content: space-between;
    }
    .mobile_nav_overlay .sub-menu {
        display: none;
    }
}
@media (min-width: 768px) {
    .global_section_title {
        font-size: 42px;
    }
    .global_section_subtitle {
        font-size: 18px;
    }
    .narad_hero .hero_title {
        font-size: 56px;
        line-height: 78px;
    }
    .narad_hero .hero_description {
        font-size: 20px;
    }
    .stats_flex_wrapper {
        flex-direction: row;
        gap: 50px;
    }
    .footer_cta_card h2 {
        font-size: 54px;
    }
}
@media (min-width: 992px) {
    .narad_header .header_nav {
        display: block;
    }
    .narad_header .header_cta {
        display: block;
    }
    .narad_header .nav_list {
        display: flex;
        gap: 32px;
        margin: 0;
    }
    .narad_header .nav_list a:hover {
        color: #223381;
    }
    .narad_header .current-menu-item {
        position: relative;
        display: flex;
        align-items: center;
        gap: 8px;
        color: #223381;
    }
    .narad_header .current-menu-item:not(.sub-menu .current-menu-item)::before {
        content: "";
        height: 6px;
        width: 6px;
        background-color: var(--primary-orange);
        border-radius: 50%;
        display: block;
    }
    .stats_flex_wrapper {
        gap: 120px;
    }
    .narad_header .nav_link {
        font-size: 15px;
        color: var(--text-body-color);
        font-weight: 600;
        transition: color 0.2s;
    }
    .narad_header .nav_link:hover {
        color: var(--primary-orange);
    }
    .mobile_toggle {
        display: none;
    }
    .process_grid {
        flex-direction: row;
        align-items: stretch;
        justify-content: space-between;
    }
    .process_arrow {
        display: block;
    }
    .sales_cycle_wrapper {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
    .sales_heading {
        font-size: 32px;
    }
    .footer_top {
        flex-direction: row;
        text-align: left;
    }
    .footer_bottom {
        flex-direction: row;
    }
}
@media screen and (max-width:991px) {
    .process_card {
        max-width: calc(50% - 20px);
        width: 100%;
        flex: unset;
    }
    .solutions_grid {
        grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
        gap: 30px;
    }
    .process_grid {
        gap: 40px;
        flex-wrap: wrap;
        justify-content: center;
    }
    .process_card.row_number_2 {
        margin-top: 0px;
    }
    .process_arrow {
        right: -30px;
    }
    .process_arrow.second {
        display: none;
    }
    .footer_cta_card h2 {
        font-size: 42px;
    }
    .narad_product_demo .demo_container {
        padding: 40px;
    }
    .narad_product_demo .wtrn_demo_video {
        max-width: 100%;
    }
    .narad_product_demo .wtrn_demo_video iframe {
        max-width: 100%;
        width: 100%;
        min-height: 400px;
        height: 100%;
    }
    .sales_visual_content .badge-image {
        left: -1%;
    }
    .sales_visual_content .line-image {
        left: 6%;
    }
    .footer_top :is(.footer_logo, .footer_contact) {
        max-width: 28.33%;
    }
    .footer_top .footer_nav_links {
        max-width: max-content;
    }
    .narad_hero.banner-pos-right .container {
        flex-direction: column;
    }
    .narad_hero .hero_content.col,
    .col {
        max-width: 100%;
    }
    .narad_hero .container {
        padding: 0;
    }
    .narad_hero.banner-pos-right .container {
        gap: 30px;
    }
    .narad_workflow .ind_card {
        padding: 32px 32px 0;
    }
    .wwnarad_calculator {
        flex-direction: column;
    }
    .wrap_count label {
        max-width: 100%;
    }
    .wwnarad_cta-button {
        width: 100%;
        text-align: center;
    }
    .single-post .hero-section {
        padding-top: 100px !important;
    }
    .process_card .Wtrn_label{
        left:29%;
    }
    .process_card .Wtrn_spark{
        right:40px;
    }
    .narad_hero.banner-pos-right .hero_content{
        align-items: center;
        text-align: center; 
    }
}
@media screen and (max-width:950px){
    .process_card .Wtrn_label {
        left: 21%;
    }
}
@media screen and (min-width:850px) {
    .sales_cycle_wrapper {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
    .sales_cycle_wrapper.alt_diraction {
        flex-direction: row-reverse;
    }
}
@media screen and (max-width:850px) {
    .sales_cycle_wrapper {
        flex-direction: column-reverse;
        gap: 50px;
    }
    .sales_text_content {
        max-width: 100%;
    }
    .sales_visual_content {
        max-width: 60%;
        margin: 0 auto;
        width: 100%;
    }
    .sales_visual_content .graph_image {
        right: -27%;
    }
    .sales_visual_content .references_image {
        left: -22%;
    }
    .sales_visual_content .Evidence_image {
        left: -30%;
    }
    .sales_visual_content .references_Accuracy_image {
        left: -20%;
    }
    .sales_visual_content .Questionnarie_image,
    .sales_visual_content .Questionnaire-image {
        right: -27%;
    }
    .sales_visual_content .line-image {
        left: 0;
    }
    .sales_visual_content .badge-image {
        left: -7%;
    }
    .sales_visual_content .middle_main_image {
        height: 100%;
    }
    .blog-container .blog-main {
        grid-template-columns: 2fr 2fr;
    }
}
@media screen and (max-width:800px){
    .process_card .Wtrn_label {
        left: 5%;
    }
    .process_card .Wtrn_spark {
        right: 0;
    }
}
@media screen and (max-width:768px) {
    .narad_header {
        padding: 15px 0;
    }
    .narad_asssessment .solutions_grid {
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    }
    .wtrn_visual_grid_wrapper {
        gap: 10px;
        max-width: 100%;
        margin: 0 auto 30px auto;
    }
    .page-id-12803 .sales_visual_content {
        max-width: 100%;
    }
}
@media screen and (max-width:767px) {
    .stats_flex_wrapper {
        flex-direction: row;
    }
    .stat_item {
        max-width: 33.33%;
        width: 100%;
    }
    .stat_item .stat_number {
        font-size: 45px;
    }
    .stat_item .stat_desc {
        font-size: 16px;
    }
    .card_text h3 {
        font-size: 22px;
        margin: 0;
    }
    .footer_top :is(.footer_logo, .footer_contact) {
        max-width: max-content;
    }
    .industries_wrap {
        flex-direction: column;
    }
    .narad_workflow .ind_card:nth-child(1),
    .narad_workflow .ind_card:nth-child(2) {
        max-width: 100%;
    }
    .narad_tooltip .tooltip_text{
        min-width:280px;
    }
}
@media screen and (max-height:750px) {
    .mobile_nav_overlay {
        justify-content: flex-start;
        padding-top: 100px;
    }
}
@media screen and (max-width:700px) {
    .footer_top,
    .footer_bottom {
        flex-direction: column;
    }
    .footer_bottom .copyright {
        text-align: center;
    }
    .footer_bottom {
        gap: 10px;
    }
    .footer_top {
        gap: 20px;
        margin-bottom: 20px;
    }
    .footer_main_content {
        padding: 0;
        margin-top: 50px;
    }
     .process_card .Wtrn_label {
        left: -7%;
    }
}
@media screen and (max-width:650px) {
    .process_arrow {
        display: none;
    }
    .process_grid {
        flex-direction: column;
        max-width: 400px;
        width: 100%;
        margin: 0 auto;
    }
    .process_card {
        max-width: 100%;
    }
    .industries_wrap {
        flex-direction: column;
    }
    .ind_card:nth-child(1),
    .ind_card:nth-child(2),
    .ind_card {
        max-width: 100%;
        width: 100%;
    }
    .ind_card.img_bottom {
        flex-direction: column-reverse;
    }
    .ind_visual {
        min-height: auto;
        height: 100%;
    }
    .sales_visual_content .references_image {
        width: unset;
        height: 70px;
    }
    .sales_visual_content .graph_image {
        width: unset;
        height: 100px;
    }
    .sales_visual_content .Questionnaire-image {
        height: 190px;
    }
        .process_card .Wtrn_label {
        left: 17%;
    }
}
@media screen and (max-width:575px) {
    .dashboard_image_container {
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
    }
    .stat_item {
        max-width: calc(50% - 50px);
        width: 100%;
    }
    .stats_flex_wrapper {
        flex-wrap: wrap;
    }
    .narad_stats {
        padding: 0;
    }
    .Wtrn_section {
        margin: 50px 0;
    }
    .solutions_grid {
        gap: 10px;
        grid-template-columns: auto;
    }
    .global_section_title {
        line-height: normal;
    }
    .wtrn_title_wrap {
        margin-bottom: 40px;
    }
    .global_section_title {
        font-size: 22px;
    }
    .solution_card {
        padding: 20px;
    }
    .solution_card h3 {
        font-size: 22px;
        line-height: normal;
    }
    .teams_choose_narad {
        padding: 40px 0 0 0;
    }
    .footer_cta_card h2 {
        font-size: 30px;
    }
    .narad_footer {
        padding: 40px 0;
    }
    .narad_product_demo .wtrn_demo_video {
        min-height: 270px;
    }
    .ind_card,
    .ind_visual img {
        border-radius: 20px;
    }
    .ind_card {
        padding: 20px;
    }
    .sales_visual_content {
        max-width: 70%;
    }
    .sales_visual_content .graph_image {
        right: -22%;
    }
    .teams_choose_narad .wtrn_title_wrap {
        margin-bottom: 50px;
    }
    .sales_visual_content .Questionnarie_image,
    .sales_visual_content .Questionnaire-image {
        width: unset;
        height: 170px;
        right: -24%;
    }
    .sales_heading {
        font-size: 26px;
    }
    .sales_visual_content .Evidence_image,
    .sales_visual_content .references_Accuracy_image {
        width: unset;
        height: 90px;
    }
    .sales_visual_content .Evidence_image {
        left: -20%;
    }
    .sales_visual_content:has(.line-image) {
        max-width: 90%;
    }
    .sales_visual_content .Questionnaire-image {
        right: -8%;
    }
    .sales_visual_content .Questionnarie_image.matrices {
        top: 7%;
        width: unset;
        height: 120px;
    }
    .sales_cycle_wrapper {
        gap: 20px;
    }
    .narad_product_demo .demo_container {
        padding: 40px 20px;
        border-radius: 0;
    }
    .sales_cycle_wrapper {
        padding-bottom: 40px;
    }
    .narad_hero.banner-pos-down .container {
        padding: 0;
    }
    .narad_hero.banner-pos-right .dashboard_image_container {
        padding: 0px 30px 0px 10px;
    }
    .wtrn_visual_grid_wrapper .wtrn_visual_grid_item:nth-child(odd) {
        transform: translateY(20px);
    }
    .wtrn_visual_grid_wrapper .wtrn_visual_grid_item:nth-child(even) {
        transform: translateY(0px);
    }
    .block_pos_right {
        padding: 40px 0;
    }
    .narad_hero.banner-pos-right {
        padding: 100px 20px 40px;
    }
    .narad_workflow .ind_card {
        padding: 20px 20px 0;
    }
    .wtrn_accurate_reviews {
        padding: 50px 0;
    }
    .wtrn_accurate_reviews .wtrn_title_wrap {
        margin: 0;
    }
    .block_pos_right .row {
        gap: 0px;
    }
    .blog-container .blog-main {
        grid-template-columns: 1fr;
        margin: 50px 0px 50px 0;
    }
    .calc_part_title {
        font-size: 20px;
    }
    .narad_compare_table th,
    .narad_compare_table td {
        padding: 12px 10px;
        font-size: 13px;
    }
    .wwnarad_calculator,
    .wwnarad__iws_blockinner {
        padding: 20px;
    }
    .narad_compare_boxs {
        align-items: center;
        flex-direction: column;
    }
    .narad_compare_boxs :is(.wtrn_right),
    .narad_footer_note {
        text-align: center;
    }
    .single-post .hero-section {
        margin-bottom: 100px;
        min-height: 460px;
    }
    .hero_description br{
        display:none;
    }
    .narad_stats{
        padding:0 20px;
    }
    .narad_stats .container{
        padding:40px 0;
    }
    .narad_stats .container{
        border-radius: 20px;
    }
    .stat_item .stat_number{
        line-height:normal;
    }
    .narad_tooltip .tooltip_text{
        min-width:200px;
    }
    .wwnarad_calculator_wrap{
        padding: 20px 0;
    }
}
@media screen and (max-width:500px) {
    .sales_visual_content .graph_image {
        right: -16%;
        height: 70px;
    }
    .sales_visual_content .references_image {
        bottom: 22px;
    }
    .sales_visual_content .Evidence_image,
    .sales_visual_content .references_Accuracy_image {
        width: unset;
        height: 75px;
    }
    .sales_visual_content .Questionnarie_image {
        height: 140px;
        right: -22%;
    }
    .sales_visual_content .Questionnaire-image {
        right: -2%;
    }
    .sales_visual_content .Evidence_image {
        bottom: 80px;
    }
    .narad_product_demo .wtrn_demo_video iframe {
        min-height: 300px;
    }
    .narad_compare_row .wtrn_wtrn{
            font-size: 20px;
    }
    .narad_footer_note #effort-saved, .narad_footer_note .wtrn_per{
        font-size:50px;
    }
    .roi_icon img {
        width: 80px;
        height: 80px;
    }
    .narad_compare_row{
        flex-direction: column;
        gap: 30px;
    }
}
@media screen and (max-width:400px) {
    .narad_hero .hero_title {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 10px;
    }
    .sales_visual_content .Questionnarie_image.matrices {
        top: 7%;
        width: unset;
        height: 80px;
    }
    .narad_hero .hero_description {
        font-size: 16px;
        margin-bottom: 13px;
    }
    .narad_header .header_container .header_logo img {
        max-width: 100px;
    }
    .narad_hero {
        padding: 100px 20px 0px;
    }
    .stat_item {
        max-width: 100%;
        width: 100%;
    }
    .sales_visual_content .graph_image {
        height: 60px;
        top: 30px;
    }
    .sales_visual_content {
        max-width: 80%;
    }
    .sales_visual_content .references_image {
        width: unset;
        height: 60px;
        left: -17%;
    }
    .narad_product_demo .wtrn_btn_wrap {
        flex-direction: column;
        width: 100%;
        gap: 10px;
        padding: 0 50px;
    }
    .narad_product_demo .wtrn_btn_wrap a {
        width: 100%;
        text-align: center;
    }
    .narad_product_demo .wtrn_demo_video iframe {
        min-height: 260px;
    }
     .process_card .Wtrn_label {
        left: 7%;
    }
}
@media screen and (max-width:380px){
    .process_card .Wtrn_label {
        left: 0%;
    }
}
@media screen and (max-width:360px){
        .process_card .Wtrn_process {
        right: -27px;
    }
}
@media screen and (max-width: 350px) {
    .process_card .Wtrn_label {
        width: unset;
        left: 4%;
        height: 60px;
    }
     .process_card .Wtrn_process {
        right: -34px;
        bottom: 110px;
    }
}
/* Media end start */