:root {
    --bg: #f4f8fc;
    --white: #ffffff;
    --ink: #0f2b4c;
    --muted: #6d7f96;
    --brand: #00bcae;
    --brand-2: #1d66b2;
    --brand-3: #49c89d;
    --deep: #061d3a;
    --card-shadow: 0 8px 24px rgba(8, 55, 103, 0.1);
    --radius: 16px;
    --font-poppins : "Poppins", sans-serif;
    --font-roboto : "Roboto", sans-serif;
    --primary-color : #15b097;
    --secondary-color : #2b7fc9;
  }
  /*Global S*/
    * { box-sizing: border-box; }
    html,
    body { margin: 0; padding: 0; font-family: var(--font-roboto); color: #000; }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 { font-family: var(--font-poppins); }
    a { color: inherit; text-decoration: none; transition: all 0.5s ease }
    img { max-width: 100%; display: block; }
    .wrap { width: min(1220px, calc(100% - 48px)); margin: 0 auto; }
    .btn { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 10px 15px; border-radius: 10px; border: 2px solid transparent; font-size: 18px; line-height: 1.25; font-weight: 400; letter-spacing: 0.75px; color: #ffffff; font-family: var(--font-poppins); }
    .arrorBtn-link { display: inline-block; color: #2479c7; font-size: 20px; font-weight: 700; font-family: var(--font-roboto); }
    .arrorBtn-link::after { content: " \2192"; margin: 0 0 0 0; transition: 0.5s ease; }
    .arrorBtn-link:hover::after { margin: 0 0 0 10px; }
    .btnIcon .icons { width: 26px; height: 26px; margin: 0 8px 0 0; }
    .btnIcon .icons img { transition: all ease 0.5s; display: inline-block; object-fit: contain; width: 100%; height: 100%; }
    .btnPrimary { background: #15b097 !important; border-color: #15b097 !important; }
    .btnPrimary:is(:hover, :focus, :active) { background: #2b7fc9 !important; border-color: #2b7fc9 !important; color: #ffffff !important; }
    .btnSecondary { background: #2b7fc9 !important; border-color: #2b7fc9 !important; }
    .btnSecondary:is(:hover, :focus, :active) { background: #2b7fc9 !important; border-color: #2b7fc9 !important; color: #ffffff !important; }
    .btnPrimaryOutline { background: transparent !important; border-color: #15b097 !important; color: #15b097; }
    .btnPrimaryOutline:is(:hover, :focus, :active) { background: #15b097 !important; border-color: #15b097 !important; color: #ffffff !important; }
    .btnSecondaryOutline { background: transparent !important; border-color: #2b7fc9 !important; color: #2b7fc9; }
    .btnSecondaryOutline:is(:hover, :focus, :active) { background: #15b097 !important; border-color: #15b097 !important; color: #ffffff !important; }
    .btnPrimaryOutline.btnIcon .icons img { filter: brightness(0) saturate(100%) invert(50%) sepia(95%) saturate(382%) hue-rotate(121deg) brightness(92%) contrast(91%);}
    .btnPrimaryOutline.btnIcon:is(:hover, :focus, :active) .icons img { filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7496%) hue-rotate(118deg) brightness(86%) contrast(140%) }
    .btnSecondaryOutline.btnIcon .icons img { filter: brightness(0) saturate(100%) invert(45%) sepia(86%) saturate(1502%) hue-rotate(186deg) brightness(83%) contrast(88%); }
    .btnSecondaryOutline.btnIcon:is(:hover, :focus, :active) .icons img { filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7496%) hue-rotate(118deg) brightness(86%) contrast(140%) }
    .title-main .smalltlt { font-size: 16px; color: #2c7cc7; }
    .title-main { margin: 0 0 25px 0; padding: 0 0 25px 0; position:relative;  }
    .title-main::after { content: ""; width: 100px; height: 4px; background: var(--secondary-color); border: 0; opacity: 1; position: absolute; bottom: 0; left:0 }
    .title-main h2 { font-size: clamp(26px, 2vw, 36px); line-height: 1.2; color: #000000; font-weight: 400; letter-spacing: -0.01em; font-family: var(--font-poppins); }
    .title-main h3 { font-size: clamp(16px, 1.5vw, 24px); line-height: 1.2; color: var(--primary-color); font-weight: 400; margin: 0 0 25px 0; }
    .title-main h2 span { color: var(--secondary-color); }
    .title-main .intro,
    .title-main .intro p {font-size: 16px;color: #000000;font-weight: 400;line-height: 1.35;margin:0;letter-spacing: 0.5px;}
    .title-main .intro p+p { margin-top: 10px; }
    .animatedParent, .animatedParents { overflow:hidden;position:relative; }
    .slick-dots li button:before { content:"" }
    .slick-dots li button,
    .slick-dots li,
    .slick-dots li button:before { width: 12px; height: 12px; }
    .slick-dots li button:before { content: ""; background: var(--secondary-color); border-radius: 50rem; }
    .skip-link { position: absolute; top: -40px; left: 0; z-index: 100; }
    .skip-link:focus { top: 0; }
    /* Ripple animation */
    @keyframes ripple {
        0% {
            box-shadow: 0 0 0 0 rgba(0,0,0,0.4);
        }
        70% {
            box-shadow: 0 0 0 25px rgba(0,0,0,0);
        }
        100% {
            box-shadow: 0 0 0 0 rgba(0,0,0,0);
        }
    }
  /*Header S*/
    header.site-header { background: var(--secondary-color); color: #e8f7ff; }
    header.site-header .main-nav .inner .logo_wrap { width: 150px; height: 60px; }
    header.site-header .main-nav .inner .logo_wrap img { display: inline-block; object-fit: contain; width: 100%; height: 100%; }
    header.site-header .main-nav .inner .navbar-toggler { border: 0; box-shadow: none; outline: none; }
    header.site-header .main-nav .inner .hero-menu { display: flex; align-items: center; gap: 34px; }
    header.site-header .main-nav .inner .hero-menu a { margin: 0; color: #f3f7fb; font-size: 17px; font-weight: 500; letter-spacing: 0; opacity: 1; position: relative; display: inline-flex; align-items: center; }
    header.site-header .main-nav .inner .hero-menu a::after { content: ""; margin-left: 9px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 7px solid #19c5b4; transform: translateY(2px); }
    header.site-header .main-nav .inner .hero-menu-wrapper a { color: #f5f9ff; font-size: clamp(14px, 1.25vw, 16px); }
    header.site-header .main-nav .inner .hero-menu-wrapper ul { list-style: none; padding: 0px; margin-bottom: 0; }
    header.site-header .main-nav .inner .hero-menu-wrapper ul li { margin-bottom: 0px; }
    header.site-header .main-nav .inner .hero-menu-wrapper ul ul { transition: all 0.3s ease; }
    header.site-header .main-nav .inner .hero-menu-wrapper ul>li { position: relative; }
    header.site-header .main-nav .inner .hero-menu-wrapper ul>li>a { padding: 16px 0; display: block; font-family: var(--font-poppins); }
    header.site-header .main-nav .inner .hero-menu-wrapper ul>li ul li { border-top: 1px solid transparent; }
    header.site-header .main-nav .inner .hero-menu-wrapper ul>li ul>li>a { padding: 12px 15px; font-size: clamp(13px, 1.25vw, 15px); display: block; transition: 0.5s ease; }
    /*header.site-header .main-nav .inner .hero-menu-wrapper ul>li ul>li>a:is(:hover, :focus) { background: #051e43; }*/
    header.site-header .main-nav .inner .hero-menu-wrapper ul>li ul>li>a::after { content: unset; }
  /*Footer S*/
    footer.site-footer .footer-cta-band { background: #1676ce; }
    footer.site-footer .footer-cta-wrap { padding: 56px 0; display: grid; grid-template-columns: 1fr; align-items: center; gap: 24px; }
    footer.site-footer .footer-cta-copy h2 { margin: 0; font-size: clamp(24px, 2.4vw, 30px); line-height: 1.25; letter-spacing: -0.02em; color: #FFFFFF; font-weight: 500; font-family: var(--font-poppins); }
    footer.site-footer .footer-cta-copy h2 span{ color:#000 }
    footer.site-footer .footer-cta-copy p { margin: 12px 0 0; font-size: clamp(16px, 1.55vw, 18px); color: #ffffff; font-weight: 400; }
    footer.site-footer .footer-cta-wrap .footer-cta-btn { display: inline-flex; align-items: center; justify-content: center; min-width: 250px; max-width: max-content; }
    footer.site-footer .footer-main { background: #020406; padding: 52px 0 26px; }
    footer.site-footer .footer-main-grid { display: grid; gap: 28px; align-items: start; }
    footer.site-footer .footer-main-grid .footer-col .footer-brand-row a { max-width: 250px; display: inline-block; }
    footer.site-footer p,
    footer.site-footer a
    footer.site-footer li { font-size: 14px; line-height: normal; color: #c5deef; }
    footer.site-footer ul { list-style: none; margin: 0; padding: 0; }
    footer.site-footer .footer-col h4 { font-size: 18px; color: #1273d0; margin: 0 0 10px; font-family: var(--font-poppins); }
    footer.site-footer .footer-col.col3 .footer-colwid h4 { font-size: 18px; color: #f2f6fd; margin: 0 0 5px; }
    footer.site-footer .footer-col .widget_text.footer-colwid h4 { color: #1273d0; margin: 0 0 10px; font-family: var(--font-poppins); }
    footer.site-footer .footer-col ul { margin: 0 0 25px; }
    footer.site-footer .footer-col ul li { line-height: normal; padding: 3px 0; }
    footer.site-footer .footer-col a { color: #e5ecf5; display: block; transition: color ease 0.5s; }
    footer.site-footer .footer-legal ul { display: flex; align-items: center; gap: 20px; }
    footer.site-footer .footer-legal ul a.footer-brand-row { display: block; height: 33px; width: 33px; }
    footer.site-footer .footer-legal ul a.footer-brand-row img { width: 100%; display: block; height: 100%; }
    footer.site-footer .footer-legal ul li p a { margin: 0 20px 0 0; }
    footer.site-footer a { transition: all 0.5s ease; }
    footer.site-footer .footer-legal ul li a:is(:hover, :focus),
    footer.site-footer .footer-col a:is(:hover, :focus) { color: #15b097; }
    footer.site-footer .footer-socials { display: flex; gap: 20px; }
    footer.site-footer .footer-socials a { width: 42px; height: 42px; display: grid; place-items: center; font-weight: 700; font-size: 20px; }
    footer.site-footer .footer-socials a img { display: block; }
    footer.site-footer .footer-col.compact h4 { margin-top: 0; }
    footer.site-footer .footer-legal p,
    footer.site-footer .footer-legal a { font-size: 13px; color: #e4ebf5; margin: 0; }
    .footer-col a { color: #e4ebf5; font-size: 13px; line-height: 1.35; }
    .footer-solutions-col h4 { margin-bottom: 6px; }
    .footer-col-compact h4 { margin-bottom: 8px; }
    footer.site-footer .footer-legal { margin-top: 34px; padding-top: 0; border-top: 0; display: flex; justify-content: space-between; gap: 20px; }
  /*Body S*/
  /*Hero S*/
    section.first-hero { padding: 50px 0 35px; }
    section.first-hero .hero-layout .hero-copy,
    section.first-hero .hero-layout .hero-copy p { font-size: 16px; line-height: 1.5; font-weight: 400; }
    section.first-hero .hero-layout .hero-copy p+p { margin-top: 15px; }
    section.first-hero .hero-layout .hero-copy .small-title { font-size: 16px; line-height: 1.25; font-weight: 400; font-style: italic; }
    section.first-hero .hero-layout .hero-copy h1 { margin: 0 0 15px 0; font-size: clamp(28px, 2.9vw, 48px); line-height: 1.125; font-weight: 400; font-family: var(--font-poppins); }
    section.first-hero .hero-layout .hero-copy h1 span { color: var(--primary-color); }
    section.first-hero .hero-layout .hero-copy .content-grp { margin: 15px 0 30px; }
    section.first-hero .hero-layout .hero-copy .actions-grp { display: inline-flex; flex-flow: row wrap; gap: 12px; padding-bottom: 15px; border-bottom: 2px solid var(--primary-color) }
    section.first-hero .hero-layout .hero-copy .hero-note,
    section.first-hero .hero-layout .hero-copy .hero-note p { font-size: 16px; }
    section.first-hero .hero-layout .hero-copy .hero-note p { font-size: 16px; line-height: 1.35; }
    section.first-hero .hero-layout .first-hero .hero-note { max-width: 520px; font-size: clamp(16px, 1.06vw, 20px); color: #e3effb; }
    section.first-hero section.hero-wheel-wrap figure img { width: 100%; height: 100%; object-fit: contain; }
  /*Trusted S*/
    section.trusted-section .trusted-inner { text-align: center; }
    section.trusted-section .trusted-inner .title-main h2 { font-size: clamp(24px, 2.4vw, 28px); }
    section.trusted-section .trusted-inner .trusted-kpis--wrapper { padding: 45px 0; background: #f5f8fc; }
    section.trusted-section .trusted-logo--wrapper { padding: 50px 0; }
    section.trusted-section .trusted-logo--wrapper .title-main::after { content:unset; }
    section.trusted-section .trusted-logos { margin: 0 auto; display: flex; flex-flow: row wrap; gap: 45px; align-items: center; justify-content: center; }
    section.trusted-section .trusted-logos .slick-track { display: flex; align-items: center; }
    section.trusted-section .trusted-logos .trusted-logo { display: grid; place-items: center; }
    section.trusted-section .trusted-logos .trusted-logo img { max-width: 190px; max-height: 70px; height: auto; }
    section.trusted-section .trusted-logos .trusted-logo.national-university img { max-width: 200px; max-height: 100px; }
    section.trusted-section .trusted-kpis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; max-width: 1200px; margin: 0 auto; }
    section.trusted-section .trusted-kpis strong { display: block; }
    section.trusted-section .trusted-kpis strong,
    section.trusted-section .trusted-kpis strong span { color: #1f78c8; font-size: clamp(28px, 3.5vw, 52px); line-height: 1; margin-bottom: 10px; font-weight: 400; }
    section.trusted-section .trusted-kpis span { color: #000; font-size: clamp(16px, 1.5vw, 22px); line-height: 1.35; display: inline-block; }
  /*Audience S*/
    section.audience-section { padding: 45px 0; }
    section.audience-section .audience-list .audience-item { cursor: pointer; overflow: hidden; display: flex; flex-direction: column; border: 1px solid #999; border-radius: 10px; transition:all ease 0.5s; box-shadow: 0 0 0 #ddd; }
    section.audience-section .audience-list .audience-item .audience-photo picture { width: 100%; height: 100%; overflow:hidden; }
    section.audience-section .audience-list .audience-item .audience-photo picture img { width: 100%; height: 100%; object-fit: cover; transition:all ease 0.5s; transform:scale(1.0); }
    section.audience-section .audience-list .audience-item:is(:hover, :focus) { box-shadow: 1px 1px 27px 12px #e7e7e7; }
    section.audience-section .audience-list .audience-item:is(:hover, :focus) .audience-photo picture img { transform:scale(1.10); }
    section.audience-section .audience-list .audience-item .audience-copy { padding: 30px 20px; flex: 1; display: flex; flex-direction: column; }
    section.audience-section .audience-list .audience-item .audience-copy,
    section.audience-section .audience-list .audience-item .audience-copy .content,
    section.audience-section .audience-list .audience-item .audience-copy .content p { color: #000000; }
    section.audience-section .audience-list .audience-item .audience-copy .small { margin: 0 0 5px; color: var(--secondary-color); font-family: var(--font-roboto); font-weight: 700; font-size: 15px; line-height: 1.35; }
    section.audience-section .audience-list .audience-item .audience-copy h3 { font-size: clamp(18px, 2vw, 20px); margin: 0 0 8px; color: #000; line-height: 1.15; font-weight: 400; letter-spacing: -0.5px; transition:all ease 0.5s; }
    section.audience-section .audience-list .audience-item .audience-copy .content { flex: 1; }
    section.audience-section .audience-list .audience-item .audience-copy .content,
    section.audience-section .audience-list .audience-item .audience-copy .content p { margin: 0; font-size: 15px; line-height: 1.25; font-weight: 400; }
    section.audience-section .audience-list .audience-item .audience-copy .content p+p { margin-top: 15px; }
    section.audience-section .audience-list .audience-item .audience-copy .audience-link { margin-top: 25px; font-size: 16px; color:#000; transition:all ease 0.5s; }
    section.audience-section .audience-list .audience-item:is(:hover, :focus) .audience-copy h3, 
    section.audience-section .audience-list .audience-item:is(:hover, :focus) .audience-copy .audience-link { color: var(--secondary-color); }
  /*Why Tradewing */
    section.why-section { padding: 50px 0; }
    section.why-section .why-grid { max-width: 900px; margin: 0 auto;  }
    section.why-section .why-subtitle-wrapper { text-align:center;margin: 0 auto 25px; }
    section.why-section .why-subtitle-wrapper .why-subtitle { font-size: clamp(20px, 2vw, 26px); line-height: 1.2; color: #000000; font-weight: 400; letter-spacing: -0.01em; font-family: var(--font-poppins); margin: 0 auto 10px; }
    section.why-section .why-subtitle-wrapper .subtitle { margin-bottom: 0; font-size: clamp(16px, 1.50vw, 18px); }
    section.why-section .why-subtitle-wrapper .audience-link { margin-top:25px }
    section.why-section .why-title span,
    section.why-section .why-subtitle span { color: #2c80cc; }
    section.why-section .why-title { margin: 14px 0 8px; color: #1f1f1f; font-size: clamp(34px, 2.4vw, 50px); line-height: 1.15; font-weight: 500; }
    section.why-section .why-copy p { margin: 0 0 14px; font-size: clamp(16px, 1.02vw, 23px); color: #000000; font-weight: 400; }
    .why-compare { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 16px; max-width: 700px;margin: 0 auto; }
    .why-compare .why-col { border-radius: 12px; padding: 25px 15px; }
    .why-compare .why-col.engagement { background: #1e79cb; color: #eff8ff; border-top-left-radius: 0; border-bottom-left-radius: 0; }
    .why-compare .why-col.engagement li { border-top-color: rgba(232, 246, 255, 1); }
    .why-compare .why-col.traditional { background: #d9d9d9; color: #1d1d1d; border-top-right-radius: 0; border-bottom-right-radius: 0; }
    .why-compare .why-col h4 { margin: 0 0 10px; text-align: center; font-size: 22px; font-weight: 500; }
    .why-compare .why-col ul { list-style: none; margin: 0; padding: 0 20px; }
    .why-compare .why-col li { text-align: center; font-size: clamp(16px, 1.14vw, 18px); padding: 12px 0; border-top: 2px solid rgba(0, 0, 0, 1); }
    .why-compare .why-col li:first-child { border-top: 0; }
    .why-compare .why-vs { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 54px; height: 54px; border-radius: 50%; background: #26b9b1; color: #fff; display: grid; place-items: center; font-weight: 700; box-shadow: 0 0 0 7px rgb(26 60 94 / 45%); }
    section.why-section .engagement-link { margin-top:10px }
  /*Engagement S*/
    section.why-section .infra-section { padding: 50px 0 0; }
    section.why-section .infra-section .why-subtitle-wrapper { margin: 0 auto 30px; } 
    section.why-section .infra-list { display: grid; gap: 35px; }
    section.why-section .infra-row { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
    section.why-section .infra-row:nth-child(2n) .infra-photo { order: 1; }
    section.why-section .infra-row:nth-child(2n) .infra-copy { order: 2; }
    section.why-section .infra-copy { color: #1d1d1d; }
    section.why-section .infra-icon { display: block; width: auto; height: auto; max-height: 50px; max-width: 50px; margin-bottom: 20px; position: relative; }
    section.why-section .infra-copy h3 { margin: 0 0 6px; font-size: clamp(22px, 1.5vw, 34px); font-weight: 500; color: #212121; }
    section.why-section .infra-copy p { margin: 0; font-size: clamp(16px, 1.05vw, 22px); line-height: 1.5; color: #212121; max-width: 620px; }
    section.why-section .infra-photo { height: 290px; overflow: hidden; border-radius: 15px; box-shadow: 0 4px 16px rgba(25, 46, 73, 0.14); background-size: cover; background-position: center; }
    section.why-section .infra-photo img { height: 100%; width: 100%; display: block; object-fit: cover; }
    section.why-section .infra-note { margin: 50px 0 0; font-size: clamp(16px, 1.05vw, 22px); line-height: 1.5; color: #212121; }
    section.why-section .infra-list.engagement-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; }
    section.why-section .infra-list.engagement-grid .infra-row { display: flex; flex-direction: column !important; gap: 0; transition:all ease 0.5s;}
    section.why-section .infra-list.engagement-grid .infra-row>div { order: unset; }
    section.why-section .infra-list.engagement-grid .infra-icon { display: none; }
    section.why-section .infra-list.engagement-grid .infra-row { text-align: center; }
    section.why-section .infra-list.engagement-grid .infra-row .infra-copy { padding: 30px 0 0; }
    section.why-section .infra-list.engagement-grid .infra-row .infra-copy h3 { font-size: clamp(20px, 1.45vw, 22px); font-weight: 400; margin: 0 0 8px 0; color: var(--primary-color)}
    section.why-section .infra-list.engagement-grid .infra-row:nth-child(2n) .infra-copy h3 { color: var(--secondary-color) }
    section.why-section .infra-list.engagement-grid .infra-row .infra-copy p { font-size: clamp(14px, 1.05vw, 16px); line-height: 1.25;color: #212121;}
    section.why-section .infra-list.engagement-grid .infra-row .infra-photo { height:auto; transition: all ease 0.5s; box-shadow: 0 0 0 #ddd; }
    section.why-section .infra-list.engagement-grid .infra-row .infra-photo img { transform: scale(1.0); transition: all ease 0.5s; }
    section.why-section .infra-list.engagement-grid .infra-row:hover .infra-photo { box-shadow: 1px 1px 27px 12px #e7e7e7; }
    section.why-section .infra-list.engagement-grid .infra-row:hover .infra-photo img { transform: scale(1.15);  }
    section.why-section .infra-note.engagement-note { max-width: 1000px; margin: 50px auto 0; }
    section.why-section .infra-note.engagement-note p { text-align: center; font-size: clamp(18px, 1.05vw, 20px); line-height: 1.35; }
  /*Intelligence S*/
    section.insight-integration-section { padding: 6px 0 58px; }
    section.insight-integration-section .ii-wrap { display: flex; flex-direction: column; gap: 54px; }
    section.insight-integration-section .ii-grid { display: grid; grid-template-columns: 1.3fr 1fr; gap: 18px; align-items: center; }
    section.insight-integration-section .ii-cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
    section.insight-integration-section .ii-card { border-radius: 5px; }
    section.insight-integration-section .ii-card img { display: block; width: 100%; }
    section.insight-integration-section .ii-list { list-style: none; margin: 0; padding: 0; }
    section.insight-integration-section .ii-list li { position: relative; padding-left: 35px; margin-bottom: 9px; font-size: 17px; color: #232323; }
    section.insight-integration-section .ii-list li::before { content: ""; position: absolute; left: 0; top: 0; width: 20px; height: 20px; border-radius: 50%; background: url(../icons/tick.svg) no-repeat center / cover; }
    section.insight-integration-section .integrations-block .tech-logos { margin: 16px 0 50px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 25px; }
    section.insight-integration-section .integrations-block .tech-logos .tech-logo { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; max-width: 150px; }
    section.insight-integration-section .integrations-block .tech-logos .tech-logo img { max-height: 120px; object-fit: contain; }
    section.insight-integration-section .integrations-block .tech-headline { margin: 18px 0 6px; text-align: center; font-size: clamp(24px, 1.45vw, 31px); font-weight: 700; color: #1f1f1f; }
    section.insight-integration-section .integrations-block .tech-sub { margin: 0; text-align: center; font-size: clamp(15px, 1.02vw, 18px); color: #222; }
    section.insight-integration-section .integrations-block .tech-link { margin-top: 25px; text-align: center; }
    .search-filter-box input { background: rgb(245, 245, 245); padding: 12px 50px 12px 15px; font-style: italic; border-radius: 10px; border: 0; outline: none; max-width: 420px; width: 420px; }
    .search-filter-box { position: relative; display: flex; align-items: center; flex-flow: row wrap; max-width: 420px; margin:0 auto; }
    .search-filter-box button#filterToggle { position: absolute; top: 0; right: 10px; width: 48px; height: 48px; display: flex; align-items: center; background: transparent; border: 0; outline: none; }
    .filter-btn { border: none; background: none; cursor: pointer; color: #111; padding-left: 20px; display: flex; align-items: center; justify-content: center; min-width: 40px; }
    .close-icon { display: none; font-size: 28px; line-height: 1; }
    .filter-btn.active .filter-icon { display: none; }
    .filter-btn.active .close-icon { display: block; }
    .filters-wrapper { margin-top: 25px; background: #f3f3f3; border-radius: 18px; overflow: hidden; max-height: 0; opacity: 0; padding: 0 20px; transition: max-height 0.5s ease, opacity 0.4s ease, padding 0.4s ease; }
    .filters-title { display: flex; align-items: center; flex-flow: row wrap; width: 100%; justify-content: space-between; margin: 0 0 10px 0; border-bottom: 1px solid #ddd; padding: 0 0 10px 0; }
    .filters-wrapper.open { max-height: 700px; opacity: 1; padding: 20px; }
    .filters-wrapper h4 { font-size: 25px; color: #1b6ddc; margin-bottom: 0; font-weight: 500; }
    .filters-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px; align-items: flex-start; }
    .filter-col h5 { font-size: 18px; color: #1b6ddc; margin-bottom: 12px; font-weight: 500; }
    .filter-col label { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; font-size: 14px; color: #333; cursor: pointer; }
    .filter-col input[type="checkbox"] { width: 16px; height: 16px; accent-color: #1b6ddc; }
    .reset-filter { display: flex; align-items: flex-start; justify-content: flex-end; }
    .reset-filter button { background: transparent; border: 0; outline: none; color: #1b6ddc; font-size: 14px; text-decoration: underline; }

    /* Responsive */
    @media(max-width:991px) {
      .filters-grid { grid-template-columns: repeat(2, 1fr); }
      .filters-wrapper { margin-top:15px }
    }
    @media(max-width:575px) {
      .search-filter-box input { font-size: 16px; }
      .filters-grid { grid-template-columns: 1fr; gap: 25px; }
      .reset-filter { justify-content: flex-start; padding-top: 0; }
    }
  /*Feature S*/
    section.feature-matrix-section { padding: 8px 0 62px; }
    section.feature-matrix-section .fm-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 44px; row-gap: 30px; margin: 60px 0; }
    section.feature-matrix-section .fm-card { padding: 25px; position: relative; display: flex; flex-direction: column; }
    section.feature-matrix-section .fm-card::before { content: ""; position: absolute; inset: -13px; border-radius: 18px; z-index: -1; filter: blur(23px); opacity: 0.95; }
    section.feature-matrix-section .fm-card.glow-green a { color: #15b097; }
    section.feature-matrix-section .fm-wrap .feature-wrapper .feature-subtitle { font-size: clamp(20px, 2vw, 26px); line-height: 1.2; color: var(--secondary-color); font-weight: 400; letter-spacing: -0.01em; font-family: var(--font-poppins); margin: 0 auto 10px; text-align: center; }
    section.feature-matrix-section .fm-wrap .tech-link { text-align: center; }
    section.feature-matrix-section .fm-card .fm-icon { width: 35px; height: 35px; display: grid; place-items: center; margin-bottom: 25px; }
    section.feature-matrix-section .fm-card .fm-icon img { width: 100%; height: 100%; display: block; }
    section.feature-matrix-section .fm-card.glow-blue .fm-icon img { filter: brightness(0) saturate(100%) invert(41%) sepia(76%) saturate(650%) hue-rotate(170deg) brightness(92%) contrast(87%); }
    section.feature-matrix-section .fm-card.glow-green .fm-icon img { filter: brightness(0) saturate(100%) invert(49%) sepia(82%) saturate(440%) hue-rotate(121deg) brightness(97%) contrast(89%); }
    section.feature-matrix-section .fm-card h3 { margin: 0 0 8px; font-size: clamp(18px, 1.45vw, 21px); line-height: 1.40; color: #121212; font-family: var(--font-poppins); font-weight: 400; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
    section.feature-matrix-section .fm-card h6 { font-size: 16px; line-height: 1.15; color: #000000; font-weight: 600; font-family: var(--font-roboto); margin: 0 0 15px 0; }
    section.feature-matrix-section .fm-card .content,
    section.feature-matrix-section .fm-card .content p { color: #222; font-size: 14px; line-height: 1.35; margin: 0; flex: 1; }
    section.feature-matrix-section .fm-card .content p+p { margin: 10px 0 0 0; }
    section.feature-matrix-section .fm-card a { margin: 15px 0 0 0; display: inline-block; color: #277dc8; font-size: 16px; font-weight: 700; }
  /*Customer Stories S*/
    section.stories-section { padding: 4px 0 52px; }
    section.stories-section .story-card .story-card--wrapper { display: flex;      /*flex-flow: row wrap;*/ gap: 25px; align-items: center; background: #f4f8fc; padding: 28px; border-radius: 15px; overflow: hidden; }
    section.stories-section .story-card .story-card--wrapper .left-box { flex: 1; }
    section.stories-section .story-card .story-card--wrapper .right-box { flex: 0 0 50%; }
    section.stories-section .story-video { position: relative; border-radius: 10px; overflow: hidden; background: linear-gradient(rgba(34, 54, 31, 0.2), rgba(34, 54, 31, 0.2)), linear-gradient(125deg, #6f8a66, #9bb184 42%, #4f6944 68%, #2e4d2a); box-shadow: 0 8px 20px rgba(24, 45, 27, 0.2); }
    section.stories-section .story-video button { border: 0; background: transparent; padding: 0; outline: none; }
    section.stories-section .story-play {border-radius: 5px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 110px; height: 76px; }
    section.stories-section .story-play:is(:hover, :focus) { animation: ripple 2s infinite; }
  /*Integration Page S*/
    section.hero.first-hero.integrationSc { padding: 50px 0 30px; }
    section.hero.first-hero.integrationSc section.hero-copy h1 { font-size: clamp(28px, 2.9vw, 44px); }
    section.hero.first-hero.breadcrumbSc section.hero-copy ul.breadcrumb { margin:0 0 20px 0; gap: 0 11px; }
    section.hero.first-hero.breadcrumbSc section.hero-copy ul.breadcrumb li {font-family: var(--font-poppins);font-size: clamp(16px, 1.15vw, 19px); line-height: 1.25; color: rgb(115, 115, 115); }
    section.hero.first-hero.breadcrumbSc section.hero-copy ul.breadcrumb li.active { text-decoration: underline; }
    section.hero.first-hero.breadcrumbSc section.hero-copy ul.breadcrumb li a:is(:hover, :focius) { color: var(--secondary-color); }
    section.hero.first-hero.integrationSc section.hero-copy .actions-grp { margin:0; padding:0 }
    aside.integration-content.media { display: flex; flex-flow: row wrap; gap: 40px; }
    aside.integration-content.media .media-left { width: 300px; background: rgb(245, 245, 245); height: 350px;display: flex;align-items: center;border-radius: 8px; }
    aside.integration-content.media .media-left img { height:auto; width: 75%; margin: auto; }
    section.integration-list.integrationSc-titlecntsc .title-content-grp { padding:20px 0 50px }
    section.integration-list.integrationSc-titlecntsc .integration-list-section { padding:20px 0 50px }
    aside.integration-content.media .media-body { flex:1 }
    aside.integration-content.media .media-body h3 { font-size: clamp(26px, 2vw, 38px); line-height: 1.2; color: var(--primary-color); font-weight: 400; letter-spacing: -0.01em; font-family: var(--font-poppins); margin: 0 0 0 0; }
    aside.integration-content.media .media-body .title-grp { display: flex; flex-flow: row wrap; align-items: center; gap: 20px; margin: 0 0 20px 0; }
    aside.integration-content.media .media-body .title-grp span.icons { width: 72px; height: 72px;  display: grid; place-content: center; }
    aside.integration-content.media .media-body .title-grp span.icons img { width: 100%; height: 100%; display:block; }
    aside.integration-content.media .media-body .content,
    aside.integration-content.media .media-body .content p{margin:0;font-size:clamp(14px,2vw,16px);line-height:1.75;margin:0;}
    .integration-directory .integration-grid { display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 34px; }
    .integration-directory .integration-grid article.integration-card { display: flex; flex-direction: column; border: 1px solid #ddd; border-radius: 15px; padding: 20px; }
    .integration-directory .integration-grid article.integration-card .integration-logo { width: 80px; height: 80px; display: block;    /* background: red; */ }
    .integration-directory .integration-grid article.integration-card .integration-logo img { width: 100%; height: 100%; display: block; object-fit: contain; }
    .integration-directory .integration-grid article.integration-card h3 { margin: 10px 0 15px 0; font-family: var(--font-poppins); font-size: clamp(16px, 1.15vw, 18px); line-height: 1.25; color: #000000; font-weight: 700; }
    .integration-directory .integration-grid article.integration-card .intro { flex:1 }
    .integration-directory .integration-grid article.integration-card .intro,
    .integration-directory .integration-grid article.integration-card .intro p { font-size: clamp(14px, 0.85vw, 16px); line-height: 1.35;margin: 0; }
    .integration-directory .integration-grid article.integration-card .intro p+p { margin:10px 0 0 }
    .integration-directory .integration-grid article.integration-card a.learn-more { margin-top: 15px; display: inline-block; font-size: clamp(16px, 1.15vw, 18px); line-height: 1.25; color: var(--secondary-color); font-weight: 700; }
    .integrationList-section { padding:25px 0 50px 0 }
    section.integrationGrid-section { margin: 40px 0 0 0; }
    section.title-content-sc.integrationSc-titlecntsc .title-main { margin:0; padding:0 }
    section.title-content-sc.integrationSc-titlecntsc .title-main::after { content:unset; }
    section.title-content-sc.integrationSc-titlecntsc .title-main h3 { color:var(--secondary-color); }
    .single-integrations .title-content-sc .title h2 { font-size: clamp(26px, 2vw, 36px); }
    .single-integrations aside.integration-content.media .media-body h3{ font-size: clamp(24px, 2vw, 32px);flex: 1}    
    section.stories-section .story-play img { height: 100%; width: 100%; display: block; }
    section.stories-section .story-card h3 { margin: 0 0 10px; font-size: clamp(20px, 1.4vw, 22px); line-height: 1.2; color: #000000; font-weight: 400; font-family: var(--font-poppins); }
    section.stories-section .story-card h3 span { color: var(--secondary-color); display: block; font-size: 25px; margin: 0 0 5px 0; }
    section.stories-section .story-card .content p { margin: 0; font-size: clamp(14px, 0.95vw, 16px); line-height: 1.45; color: #000000; font-weight: 400; font-family: var(--font-roboto); }
    section.stories-section .story-card a { margin-top: 25px; display: inline-block; font-size: clamp(18px, 1.2vw, 22px); line-height: 28px; color: var(--secondary-color); font-weight: 500; font-family: var(--font-roboto); }
    section.stories-section .story-card a::after { content: " \2192"; }
    #youtubeVideo .modal-dialog iframe { width: 100%; height: 100%; display: block; /*min-height: 540px;*/ }
    .page-template-page-customer-stories #youtubeVideo .modal-dialog iframe,
    .single-use-cases #youtubeVideo .modal-dialog iframe{ width: 100%; height: 100%; display: block; min-height: 540px; }
  /*Customer Cards Slider S*/
    section.quote-cards-section { padding: 8px 0 52px; }
    section.quote-cards-section .slick-slide > div { padding: 0 12px; }
    section.quote-cards-section .slick-slide { padding: 0 12px; }
    section.quote-cards-section .slick-list { margin: 0 -12px; }
    .quote-nav { position: absolute; width: 100%; top: 50%; transform: translate(0, -50%); z-index: 9; }
    .quote-nav button { width: 40px; height: 40px; border: 0; border-radius: 9px; background: var(--primary-color); color: #fff; font-size: 24px; line-height: 1; cursor: default; display: flex; align-items: center; justify-content: center; transition: all 0.5s ease; }
    .quote-nav button:before { content: unset; }
    .quote-nav button:is(:hover, :focus) { background: var(--secondary-color); }
    .quote-nav button.quote-next { right: -55px; }
    .quote-nav button.quote-prev { transform: translateY(-50%) rotate(180deg); left: -55px; }
    .quote-nav button img { width: 80%; }
    .quote-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
    section.quote-cards-section .quote-wrap,
    section.quote-cards-section .quote-wrap .quote-slider-window { position: relative; }
    section.quote-cards-section .quote-card .quote-card-wrapper { background: #fff; border: 2px solid #27b6a9; border-radius: 12px; padding: 25px; display: grid; grid-template-rows: auto 1fr auto; height: 100%; }
    section.quote-cards-section .quote-card .quote-card-wrapper .comp-logo { height: 50px; margin: 0 auto 25px 0; }
    section.quote-cards-section .quote-card .quote-card-wrapper .comp-logo img { display: block; width: 100%; height: 100%; }
    section.quote-cards-section .quote-card .quote-card-wrapper h3 { margin: 0 0 8px; color: #2f5f8e; font-size: 22px; font-weight: 700; }
    section.quote-cards-section .quote-card .quote-card-wrapper .intro,
    section.quote-cards-section .quote-card .quote-card-wrapper .intro p { margin: 0; line-height: 1.25; font-size: font-size: clamp(14px, 0.85vw, 16px);; color: #333333; font-weight: 400; font-family: var(--font-roboto); }
    section.quote-cards-section .quote-card .quote-card-wrapper footer { margin-top: 50px; display: flex; align-items: center; gap: 8px; }
    section.quote-cards-section .quote-card .quote-card-wrapper footer .quote-avatar { width: 46px; height: 46px; min-width: 46px; min-height: 46px; max-width: 46px; max-height: 46px; border-radius: 50%; overflow: hidden; background: linear-gradient(140deg, #7f8ea0, #d7dde5); border: 1px solid #c9d4df; }
    section.quote-cards-section .quote-card .quote-card-wrapper footer .quote-avatar img { display:block; width:100%; height:100% }
    section.quote-cards-section .quote-card .quote-card-wrapper footer strong { font-size: 18px; line-height: 1.15; color: #333333; font-weight: 400; font-family: var(--font-poppins); display: block; }
    section.quote-cards-section .quote-card .quote-card-wrapper footer small { font-size: 11px; line-height: 1.2; color: #333333; font-weight: 400; display: block; font-family: var(--font-roboto); }
    section.quote-cards-section .quote-card .quote-card-wrapper footer span { font-size: 11px; line-height: 1.2; color: #1676ce; font-weight: 400; font-family: var(--font-roboto); display: block; }
    .quote-cards-wrapper { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; margin-bottom: 25px; }
    .quote-cards-wrapper h3 { font-size: clamp(20px, 2vw, 26px); line-height: 1.2; color: var(--secondary-color); font-weight: 400; letter-spacing: -0.01em; font-family: var(--font-poppins); margin: 0; text-align: center; }
  /*Upcoming events S*/
    section.events-section {padding:52px 0;}
    section.events-section .events-wrap .title-main h3{color:var(--secondary-color);}
    section.events-section .events-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
    section.events-section .event-image{border-radius:10px;overflow:hidden;box-shadow:0 7px 16px rgba(29,45,66,0.16);margin-bottom:25px;}
    section.events-section .event-image img{object-fit:cover;}
    section.events-section .event-image-1{background:linear-gradient(125deg,#5a6b7f,#c1c9d3 45%,#9e7a67);}
    section.events-section .event-image-2{background:linear-gradient(125deg,#2f5f8d,#7eb4de 50%,#4e6b57);}
    section.events-section .event-meta { display: flex; flex-direction: column; flex: 1; }
    section.events-section .event-date { display: flex; flex-direction: row; font-size: 17px; line-height: 1.25; color: var(--secondary-color); font-weight: 400; margin: 0 0 5px 0; }
    section.events-section .event-time { margin: 0; display: block; font-size: 17px; line-height: 1; color: var(--primary-color); font-weight: 400; }
    section.events-section .event-date small { font-size: 18px; line-height: 1.25; color: #1676ce; font-weight: 400; }
    section.events-section .event-date strong { line-height: 1.25; margin-top: 10px; font-size: clamp(26px, 1.89vw, 35px); color: #000000; font-weight: 700; font-family: var(--font-poppins); }
    section.events-section .event-copy h3 { margin: 2px 0 0; margin-top: 10px; font-family: var(--font-poppins); font-size: clamp(20px, 1.15vw, 26px); line-height: 1.25; color: #000000; font-weight: 500; }
    section.events-section .event-card { display: flex; flex-direction: column; }
    section.events-section .event-card a { margin-top: 15px; display: inline-block; font-size: clamp(17px, 1.2vw, 21px); line-height: 1.25; color: #1676ce; font-weight: 600; font-family: "Roboto"; }
    section.events-section .event-card a::after { content: " \2192"; }
  /*FAQ S*/
    section.faq-section-v2 { padding: 58px 0; }
    section.faq-section-v2 .faq2-list { max-width: 90%; margin: 0 auto; display: flex; flex-direction: column; gap: 13px; }
    section.faq-section-v2 .faq2-item { background: #f6f6f6; border-radius: 10px; }
    section.faq-section-v2 .faq2-item header { display: flex; align-items: center; justify-content: space-between; gap: 16px; cursor: pointer; padding: 25px 30px; }
    section.faq-section-v2 .faq2-item header h3 { margin: 0; font-size: clamp(18px, 1.35vw, 28px); line-height: 1.25; color: #121212; font-weight: 400; font-family: var(--font-poppins); }
    section.faq-section-v2 .faq2-item.open .faq2-answer { height: auto; }
    section.faq-section-v2 .faq2-item .faq2-answer { font-size: clamp(14px, 0.9vw, 16px); line-height: 1.35; height: 0; overflow: hidden; transition: height 0.35s ease; }
    section.faq-section-v2 .faq2-item .faq2-answer .faq2-answer--wrap { padding: 0 30px 25px; }
    section.faq-section-v2 .faq2-item .faq2-answer h2,
    section.faq-section-v2 .faq2-item .faq2-answer h3,
    section.faq-section-v2 .faq2-item .faq2-answer h4,
    section.faq-section-v2 .faq2-item .faq2-answer h5,
    section.faq-section-v2 .faq2-item .faq2-answer h6 { margin: 20px 0 8px 0; font-size: 18px; }
    section.faq-section-v2 .faq2-item.open .faq2-answer table { margin: 20px 0; }
    section.faq-section-v2 .faq2-item.open .faq2-answer table,
    section.faq-section-v2 .faq2-item.open .faq2-answer table th,
    section.faq-section-v2 .faq2-item.open .faq2-answer table td { border: 1px solid #ddd; }
    section.faq-section-v2 .faq2-item.open .faq2-answer table th,
    section.faq-section-v2 .faq2-item.open .faq2-answer table td { padding: 8px 10px; border: 1px solid #666; }
    section.faq-section-v2 .faq2-item .faq2-answer ul { list-style: none; margin: 0 0 10px 0; padding: 0; }
    section.faq-section-v2 .faq2-item .faq2-answer ul li { position: relative; padding: 4px 0 3px 27px; }
    section.faq-section-v2 .faq2-item .faq2-answer ul li::before { content: ""; position: absolute; left: 0; top: 5px; width: 20px; height: 20px; border-radius: 50%; background: url(../icons/tick.svg) no-repeat center / cover; }
    section.faq-section-v2 .faq2-item .faq2-answer p { margin: 0 0 8px; color: #222; font-size: clamp(14px, 0.9vw, 16px); line-height: 1.35; }
    section.faq-section-v2 .faq2-item .faq2-answer p:last-child { margin-bottom: 0; }
    section.faq-section-v2 .faq2-item .faq2-toggle { color: #8d8d8d; font-size: 18px; flex: 0 0 auto; width: 18px; height: 18px; display: flex; align-items: center; }
    section.faq-section-v2 .faq2-item .faq2-toggle .openicon {     filter: brightness(0) saturate(100%) invert(43%) sepia(69%) saturate(544%) hue-rotate(166deg) brightness(90%) contrast(97%); }
    section.faq-section-v2 .faq2-item .faq2-toggle .openicon,
    section.faq-section-v2 .faq2-item.open .faq2-toggle .closeicon { display:block; transition:all 0.5s ease; }
    section.faq-section-v2 .faq2-item.open .faq2-toggle .openicon,
    section.faq-section-v2 .faq2-item .faq2-toggle .closeicon { display:none; transition:all 0.5s ease; }    
    section.faq-section-v2 .faq2-help { text-align: center; margin-top: 50px; }
    section.faq-section-v2 .faq2-help p { margin: 0; color: #232323; font-size: clamp(14px, 0.95vw, 18px); }
    section.faq-section-v2 .faq2-help a { margin-top: 8px; display: inline-block; font-size: clamp(18px, 0.95vw, 22px); color: #1676ce; font-weight: 500; font-family: var(--font-roboto); }
    section.faq-section-v2 .faq2-help a::after { content: " \2192"; }
  /*P&P and T&C S*/
    section.hero.first-hero.default-banner { padding: 50px 0 35px; }
    section.hero.first-hero.default-banner .inner h1 { font-size: clamp(28px, 2.79vw, 52px); color: var(--primary-color); font-weight: 400; line-height: 1.15; margin: 0 0 30px 0; font-family: var(--font-poppins); }
    section.hero.first-hero.default-banner .inner p { margin: 0; font-size: 18px; line-height: 1.20; padding: 0 0 0 15px; color: #000000; font-style: italic; }
    section.hero.first-hero.default-banner .inner ol li { font-size: 20px; line-height: 1.20; color: #000000; font-weight: 400; font-family: var(--font-poppins); margin: 0; padding: 5px 0; }
    section.hero.first-hero.default-banner .inner ol li a:is(:hover, :focus ) { text-decoration: underline; }
    section.hero.first-hero.default-banner .listofpoints ol { margin: 0; padding: 0 0 0 30px; column-count: 2; }
    section.hero.first-hero.default-banner .listofpoints ol li { padding-left: 7px; margin: 0 0 0 23px; }
    .wrapper.cms-page { padding: 35px 0 50px; }
    .wrapper.cms-page>ol { margin: 0; }
    .wrapper.cms-page>ol ul { padding-left: 1.2rem; list-style: disc; }
    .wrapper.cms-page ol li { font-size: clamp(14px, 1.68vw, 16px); }
    .wrapper.cms-page ol>li::marker,
    .wrapper.cms-page ol li h2 { font-size: clamp(22px, 1.68vw, 30px); line-height: 1.25; color: #1676ce; font-weight: 400; font-family: var(--font-poppins); margin: 30px 0 10px 0; counter-increment: section; }
    .wrapper.cms-page ol li>p { font-size: clamp(14px, 1.68vw, 16px); line-height: 1.5; color: #000; font-weight: 400; }
    .wrapper.cms-page ol li h3 { font-size: clamp(22px, 1.68vw, 28px); line-height: 1.25; color: #1676ce; font-weight: 400; font-family: var(--font-poppins); }
    .wrapper.cms-page ol li ol li>strong:first-child,
    .wrapper.cms-page ol li ul li>strong:first-child { color: #15b097; font-size: 17px; }
    .wrapper.cms-page ol li ol li::marker { font-size: 17px; line-height: 1.25; color: #15b097; font-weight: 400; }
    .wrapper.cms-page ol li ul li::marker { font-size: 17px; line-height: 1.25; color: #000000; font-weight: 400; }
    .wrapper.cms-page ol li ol { list-style: none; padding-left: 0; counter-reset: subsection; }
    .wrapper.cms-page ol li ol>li { counter-increment: subsection; }
    .wrapper.cms-page ol li ol>li+li { margin: 15px 0 0 0; }
    .wrapper.cms-page ol li ol>li::before { content: counter(section) "." counter(subsection) " "; font-weight: 600; margin-right: 6px; color: #15b097; }
    body.page-template-page-terms_and_servkices,
    body.page-template-page-privacy_policy { counter-reset: section; }
    body.page-template-page-terms_and_servkices .wrapper.cms-page ol li>p,
    body.page-template-page-privacy_policy .wrapper.cms-page ol li>p { line-height: 1.25; }
    body.page-template-page-privacy_policy section.hero.first-hero.default-banner .listofpoints ol { column-count: 1; }
  /*Blog S*/
    .blog-hero { padding: 35px 0 }
    .blog-top--title { display: flex; align-items: center; justify-content: space-between; }
    .blog-top--title .search_form form input { background: rgb(245, 245, 245); padding: 12px 45px 12px 15px; font-style: italic; color: #1676CE; border-radius: 10px; border: 0; outline: none; max-width: 250px; width: 250px; }
    .blog-top--title h1 { font-size: clamp(24px, 2vw, 38px); line-height: 1.2; color: var(--secondary-color); font-weight: 400; letter-spacing: -0.01em; font-family: var(--font-poppins); margin: 0; }
    .blog-top--title .search_form form .icons { position: absolute; top: 0; right: 0; width: 48px; height: 48px; display: flex; align-items: center; background: transparent; border: 0; outline: none; }
    .blog-top--title .search_form form { position: relative; }
    .blog-top--title .search_form form .icons img { width: 24px; margin: auto; }
    .blog-featured { margin-top: 35px; display: grid; gap: 30px; align-items: center; }
    .blog-featured--images { border-radius: 15px; overflow: hidden; height: 320px; max-height: 320px; }
    .blog-featured--images a,
    .blog-featured--images img { width: 100%; height: 100%; object-fit: cover; display: block; }
    .blog-featured--content .badge { background: rgb(21, 176, 151); border-radius: 17px; padding: 9px 17px; font-size: 13px; font-weight: 400; letter-spacing: 0.5px; margin: 0 0 15px 0; }
    .blog-featured--content h2 { font-size: clamp(20px, 2vw, 28px); line-height: 1.15; color: rgb(18, 18, 18); font-weight: 400; letter-spacing: -0.01em; font-family: var(--font-poppins); }
    .blog-featured--content p,
    .blog-featured--content small { font-size: 1em; font-weight: 400; font-style: normal; color: rgb(18, 18, 18); }
    section.latest-articles .latest-articles--tab { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; margin: 0 0 40px 0; }
    section.latest-articles .latest-articles--tab h2 { margin: 0; font-size: clamp(20px, 1.58vw, 30px); line-height: 1.2; color: var(--secondary-color); font-weight: 400; letter-spacing: -0.01em; font-family: var(--font-poppins); }
    section.latest-articles .latest-articles--tab a { background: rgb(245, 245, 245); border: 0; font-size: clamp(13px, 1.5vw, 18px); font-weight: 400; font-style: normal; color: rgb(18, 18, 18); outline: none; padding: 10px 20px; margin: 0; border-radius: 13px; font-family: var(--font-poppins); }
    section.latest-articles .latest-articles--tab .filters { display: flex; align-items: center; flex-flow: row wrap; gap: 10px; }
    section.latest-articles .latest-articles--tab .filters button { background: rgb(245, 245, 245); border: 0; font-size: 15px; font-weight: 400; font-style: normal; color: rgb(18, 18, 18); outline: none; padding: 9px 18px; margin: 0; border-radius: 13px; font-family: var(--font-poppins); }
    section.latest-articles .latest-articles--grid { display: flex; flex-flow: row wrap; }
    section.latest-articles .latest-articles--grid article.post-item { display: flex; flex-direction: column; align-items: flex-start; margin-bottom: 30px; }
    section.latest-articles .latest-articles--grid article.post-item .badge { background: rgb(22 118 206); border-radius: 17px; padding: 9px 17px; font-size: 13px; font-weight: 400; letter-spacing: 0.5px; margin: 15px 0 10px 0; }
    section.latest-articles .latest-articles--grid article.post-item .postThumbnail { border-radius: 15px; overflow: hidden; }
    section.latest-articles .latest-articles--grid article.post-item .postThumbnail img { width: 100%; height: 100%; object-fit: cover; }
    section.latest-articles .latest-articles--grid article.post-item h2 { font-size: clamp(18px, 2vw, 22px); line-height: 1.2; font-weight: 400; letter-spacing: -0.01em; font-family: var(--font-poppins); }
    section.latest-articles .latest-articles--grid article.post-item h2,
    section.latest-articles .latest-articles--grid article.post-item h2 a { color: var(--secondary-color); }
    section.latest-articles .latest-articles--grid article.post-item h2 a:is(:hover, :focus) { color: rgb(21, 176, 151); }
    section.latest-articles .latest-articles--grid article.post-item .content,
    section.latest-articles .latest-articles--grid article.post-item .content p { font-size: clamp(14px, 1.5vw, 16px); line-height: 1.15; }
    section.latest-articles .latest-articles--grid article.post-item small { font-weight: 700; }
    section.latest-articles .latest-articles--grid article.post-item p { font-size: clamp(14px, 1.5vw, 16px); }
    .blogdetail_sc .blog-details { margin: 50px auto 35px; max-width: 900px; }
    .blogdetail_sc .blog-details .article__featured-image { height: auto; margin: 30px auto 30px 0; border-radius: 15px; }
    .blogdetail_sc .blog-details .badge { background: rgb(21, 176, 151); border-radius: 17px; padding: 12px 25px; font-size: 14px; font-weight: 400; letter-spacing: 0.5px; margin: 0 0 15px 0; }
    .blogdetail_sc .blog-details .blog-content h3 { font-size: clamp(18px, 1.5vw, 20px); }
    .blogdetail_sc .blog-details .blog-content h2 { font-size: clamp(20px, 1.5vw, 24px); }
    .blogdetail_sc .blog-details .blog-content,
    .blogdetail_sc .blog-details .blog-content p { font-size: clamp(14px, 1.5vw, 16px); line-height: 1.35; }
    .blogdetail_sc .blog-details .blog-content ul li+li {margin: 10px 0 0 0} 
    .blogdetail_sc .blog-details .blog-content img { margin: 20px auto; border-radius: 5px; }
    .blogdetail_sc .blog-details table { border-collapse: collapse; }
    .blogdetail_sc .blog-details table th,
    .blogdetail_sc .blog-details table td { border: 1px solid #555; padding: 8px; }
    .blogdetail_sc .latest-articles { margin: 0 0 60px 0; }
    .author-card.card-wrapper { padding: 50px 0; }
    .author-card.card-wrapper .card { display: flex; flex-flow: row wrap; gap: 20px; background: #fff; width: 500px; box-shadow: 0 15px 30px rgba(0, 102, 255, 0.2); padding: 40px; border-radius: 20px; margin: 0 auto; }
    .author-card.card-wrapper .card::before { content: ""; position: absolute; inset: -3px; border-radius: 18px; z-index: -1; filter: blur(33px); background: radial-gradient(circle at 50% 50%, #1676ce, #1676ce 55%, #1676ce 80%); width: 86%; margin: 0 auto; }
    .author-card.card-wrapper .card .avatar { width: 110px; height: 110px; border-radius: 50%; overflow: hidden; flex-shrink: 0; }
    .author-card.card-wrapper .card .avatar img { width: 100%; height: 100%; object-fit: cover; }
    .author-card.card-wrapper .card .content { flex:1 }
    .author-card.card-wrapper .card .content h3 { margin: 0; font-size: 20px; font-weight: 700; color: #111; }
    .author-card.card-wrapper .card .content p { margin: 5px 0 0; color: #444; font-size: clamp(14px, 1.5vw, 16px); }
    section.audit_sc { padding: 75px 0; }
    section.audit_sc .title-main { margin: 0; }
    section.audit_sc .title-main .intro,
    section.audit_sc .title-main .intro p { font-size: clamp(14px, 1.5vw, 20px); line-height: 1.25; }
    section.audit_sc a.btn { margin: 20px 0 0 0; font-weight: 600; font-size: clamp(14px, 1.5vw, 18px); font-family: var(--font-poppins); }
    .custom-pagination { display: flex; align-items: center; justify-content: space-between; margin-top: 60px; padding: 0 25px; }
    .pagination-numbers { display: flex; gap: 12px; flex-wrap: wrap; justify-content: center; }
    .pagination-numbers .page-numbers { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; text-decoration: none; border-radius: 8px; color: #000; font-weight: 500; transition:0.4s all; }
    .pagination-numbers .page-numbers:is(:hover, :focus),
    .pagination-numbers .page-numbers.current { background: #2aa889; color: #fff; }
    .pagination-prev a,
    .pagination-next a { text-decoration: none; color: #000; font-weight: 500; position: relative; transition:0.4s all; }
    .pagination-prev a:is(:hover, :focus),
    .pagination-next a:is(:hover, :focus) { color:var(--secondary-color); }
    .pagination-prev a::before { content: " \2192"; position: absolute; height: 19px; width: 19px; top: 3px; left: -28px; transform: rotate(180deg); }
    .pagination-next a::after { content: " \2192"; position: absolute; height: 19px; width: 19px; right: -28px; top: -3px; }
  /*Contact s*/
    body.page-template-page-contact-us footer.site-footer .footer-cta-band .footer-cta-copy { text-align: center; }
    body.page-template-page-contact-us footer.site-footer .footer-cta-band .footer-cta-copy h2 { font-weight: 400; }
    section.growth-section { padding: 75px 0; }
    section.growth-section .growth-wrapper { display: flex; flex-direction: column-reverse; gap: 20px; }
    section.growth-section .form-card { background: #eee; padding: 35px 60px; border-radius: 20px; }
    section.growth-section .field { display: flex; flex-direction: column; width: 100%; padding: 0; }
    section.growth-section .field>p { margin-bottom: 0; }
    section.growth-section .field label { font-size: 14px; margin-bottom: 6px; color: #1676ce; padding: 0; display: block; }
    .wpcf7-form-control-wrap { display: inline-block; width: 100% }
    section.growth-section .form-card form.wpcf7-form { }
    section.growth-section .form-card form.wpcf7-form .row { display: grid; grid-template-columns: 1fr; gap: 15px; margin: 0; padding: 0; }
    section.growth-section .form-card form.wpcf7-form .field.full { grid-column: span 1; }
    section.growth-section .field label span { color: red; margin: 0 0 0 3px; }
    section.growth-section .form-card form.wpcf7-form p>span { font-size: 13px; line-height: 1.35; display: block; }
    .form-card form.wpcf7-form input,
    .form-card form.wpcf7-form textarea { padding: 10px; border-radius: 8px; border: 0; font-size: 14px; width: 100%; background: #f6f6f6; outline: none; }
    .form-card form.wpcf7-form textarea { height: 70px; resize: none; }
    .form-card form.wpcf7-form .submit-btn { background: #2a6fb7; color: #fff; border: none; padding: 12px 35px; border-radius: 10px; font-size: 16px; cursor: pointer; display: block; margin: 20px auto 0; }
    .form-card form.wpcf7-form .phone-wrap input:last-child { flex: 1; }
    .page-template-page-contact-us section.audit_sc .title-main h3 { color: var(--secondary-color); }
    .page-template-page-contact-us section.audit_sc .title-main .intro,
    .page-template-page-contact-us section.audit_sc .title-main .intro p { font-size: clamp(14px, 1.5vw, 18px); line-height: 1.35; }
    .page-template-page-contact-us section.audit_sc .title-main::after { content: unset; }
  /*Professional S*/
    section.first-hero.professional .hero-layout .actions-grp {border-bottom: 0; padding: 0; margin: 0}
    section.hero.first-hero.professional section.hero-wheel-wrap img { height:100%; border-radius:15px; object-fit:cover; }
    section.hero.first-hero.professional .hero-layout .hero-copy h1 { font-size: clamp(28px, 2.9vw, 42px); } 
    section.hero.first-hero.professional .hero-layout .hero-copy .actions-grp .bookDemo { font-weight:500 }
    section.hero.first-hero.professional .hero-layout .hero-copy .content-grp { margin: 25px 0 35px; }
    section.detail-group--section { padding:45px 0 }
    section.detail-group--section .list-main aside+aside { margin-top: 40px; }
    section.detail-group--section .list-main aside h2 { position: relative; padding: 0 0 0 48px; font-size: clamp(22px, 2vw, 32px); line-height: 1.2; color: #000000; font-weight: 400; letter-spacing: -0.01em; font-family: var(--font-poppins); }
    section.detail-group--section .list-main aside h2 span { color: #2c7cc7; }
    section.detail-group--section .list-main aside h2:after { content: ""; position: absolute; left: 0; top: 2px; width: 36px; height: 36px; border-radius: 50%; background: url(../images/newtick-sign.png) no-repeat center / cover; }
    /*section.detail-group--section .list-main aside .content { padding: 0 0 0 48px; }*/
    section.detail-group--section .list-main aside .content,
    section.detail-group--section .list-main aside .content p,
    section.detail-group--section .list-main aside .content li { font-size: clamp(14px, 1.5vw, 18px); color: #000000; font-weight: 400; line-height: 140%; }
    section.detail-group--section .list-main aside .content p { margin-bottom: 10px; }
    section.role_list--section .role_list---wrap .list-main ul { list-style: none; margin: 0; padding: 0; display: flex; flex-flow: column wrap; gap: 30px; }
    section.role_list--section .role_list---wrap .list-main ul li .content p { margin: 0; }
    section.role_list--section .role_list---wrap .list-main ul li .content,
    section.role_list--section .role_list---wrap .list-main ul li .content p { font-size: clamp(14px, 1.5vw, 18px); line-height: 1.2; color: #000000; font-weight: 400; letter-spacing: -0.01em; }
    section.role_list--section .role_list---wrap .list-main ul li h3 { font-size: clamp(20px, 1.6vw, 28px); line-height: 1.2; font-weight: 400; letter-spacing: -0.01em; font-family: var(--font-poppins); color: #2c7cc7; }
    section.role_list--section .role_list---wrap .list-main ul li a { display: inline-block; color: #2c7cc7; }
    section.role_list--section .role_list---wrap .list-main ul li a:is(:hover, :focus) { color: #129b85; }
    section.role_list--section { padding: 25px 0 60px }
    section.feature-matrix-section.professional { padding: 0 }
    section.feature-matrix-section.professional .fm-grid { max-width:1024px; column-gap: 50px; row-gap: 50px; }
    section.feature-matrix-section.professional .fm-grid .fm-card { min-height: 200px; border-radius: 10px; padding: 50px 25px 30px;border: 2px solid transparent; }
    section.feature-matrix-section.professional .fm-grid .fm-card .fm-icon { position: absolute; top: -26px; left: 20px; width: 50px; height: 50px; border-radius: 50%; background: #1675cd; color: #fff; display: grid; place-items: center; }
    section.feature-matrix-section.professional .fm-grid .fm-card .fm-icon img { width: 30px; height: 30px; filter: none; }
    section.feature-matrix-section.professional .fm-card.glow-blue { border-color: #1676ce; }
    section.feature-matrix-section.professional .fm-card.glow-green { border-color: #15b097; }
    section.feature-matrix-section.professional .fm-card.glow-green a { color: #15b097; }
    section.feature-matrix-section.professional .fm-card.glow-green .fm-icon { background: var(--primary-color); }
    section.feature-matrix-section.professional .fm-card .content,
    section.feature-matrix-section.professional .fm-card .content p { font-size: clamp(14px, 0.85vw, 16px); line-height: 1.5; }
    .submit-btn { background: #2f6bb2; color: #fff; border: none; padding: 12px 40px; border-radius: 10px; font-size: 16px; cursor: pointer; display: block; margin: 25px auto 0; transition: 0.3s; }
    .submit-btn:hover { background: #1e5aa5; }
    .growth-content h1 { font-size: clamp(26px, 2.7vw, 36px); line-height: 1.15; margin-bottom: 15px; }
    .growth-content h1 span { color: var(--primary-color); }
    .growth-content h2 { font-size: clamp(20px, 1.9vw, 28px); line-height: 1.15; margin-bottom: 10px; }
    .growth-content p { font-size: 16px; line-height: 1.6; margin-bottom: 18px; }
    .growth-content h3 { margin-top: 30px; margin-bottom: 20px; font-size: 22px; }
    .check-list { list-style: none; padding: 0; }
    .check-list li { position: relative; padding-left: 45px; margin-bottom: 18px; line-height: 1.5; }
    .check-list li:before { content: ""; position: absolute; left: 0; top: 0; width: 34px; height: 34px; border-radius: 50%; background: url(../images/newtick-sign.png) no-repeat center / cover; }
    section.our-value .title-main { margin: 0; }
    section.our-value .title-main h2 { margin: 0 0 20px 0; }
    section.our-value .title-main .intro,
    section.our-value .title-main .intro p { font-size: clamp(16px, 1.5vw, 20px); color: #000000; font-weight: 400; line-height: 1.5; }
    section.our-value .title-main .intro p+p { margin-top: 20px; }
    .tradewing-audit-page .check-list li { padding-left: 35px !important; margin-bottom: 0; }
    .tradewing-audit-page .check-list li::before { content: ""; position: absolute; left: 0; top: 3px !important; width: 20px; height: 20px; border-radius: 50%; background: url(../icons/tick.svg) no-repeat center / cover; }
  /*About Us S*/
    section.hero.first-hero.professional.aboutus { padding: 60px 0; }
    section.hero.first-hero.professional.aboutus .hero-layout .hero-copy .actions-grp { margin: 0; padding: 0; border:0 }
    section.hero.first-hero.professional.aboutus .hero-layout .hero-copy .content-grp { margin: 25px 0 }
    section.hero.first-hero.professional.aboutus .hero-layout .hero-wheel-wrap figure { margin-bottom: 0 }
    section.association-section.why-section .association-inner { max-width:1100px; margin:0 auto; display: flex; flex-direction: column;gap: 50px; }
    section.association-section.why-section .association-item h2 { font-size: clamp(26px, 2vw, 38px); line-height: 1.2; color: #000000; font-weight: 400; letter-spacing: -0.01em; font-family: var(--font-poppins); margin: 0 0 35px 0; }
    section.association-section.why-section .association-item h3 { font-size: clamp(16px, 1.5vw, 24px); line-height: 1.2; color: var(--primary-color); font-weight: 400; margin: 0 0 25px 0; }
    section.association-section.why-section .association-item h2 span { color: var(--secondary-color); }
    section.association-section.why-section .association-item .infra-row { gap:40px }
    section.association-section.why-section .association-item .infra-row .subtitle {font-family: var(--font-roboto); font-size: clamp(18px, 2vw, 22px);line-height: 1.45; }
    section.association-section.why-section .association-item .intro,
    section.association-section.why-section .association-item .intro p{ font-size: 16px; line-height: 1.5; font-weight: 400; margin:0 }
    section.association-section.why-section .association-item .intro p+p { margin-top:10px } 
    section.association-section.why-section .association-item .intro { margin-top:35px }
    section.association-section.why-section .association-item .intro h6 { font-family: var(--font-roboto); font-size: 16px; line-height: 1.5; font-weight: 500; margin:25px 0 10px }
    section.title-content-sc .title h2 { font-size: clamp(26px, 2vw, 38px); line-height: 1.2; color: #000000; font-weight: 400; letter-spacing: -0.01em; font-family: var(--font-poppins); margin: 0 0 20px 0; }
    section.title-content-sc .title h2 span { color: var(--secondary-color); }
    section.title-content-sc .intro p{ font-size: 16px; line-height: 1.5; font-weight: 400; margin:0 }
    section.title-content-sc .intro p+p { margin-top:10px } 
    section.title-content-sc.generation-sec { padding: 35px 0 50px 0; }
    section.engagement_about-wheel .engagement_about-wheel-wrapper { max-width:1100px; margin:0 auto; }
    section.engagement_about-wheel .engagement_about-wheel-wrapper .engagement-inner .main-image { max-width:900px; margin:0 auto 30px; }
    section.engagement_about-wheel .engagement_about-wheel-wrapper .engagement-wrapper-inner { max-width: 1000px; margin: 0 auto; position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
    section.engagement_about-wheel .engagement_about-wheel-wrapper .engagement-wrapper-inner .card { padding: 30px; text-align: center; color: #fff; border-radius: 35px; position: relative; }
    section.engagement_about-wheel .engagement_about-wheel-wrapper .engagement-wrapper-inner .card.card1 { background: #2a76bb; padding: 30px 60px 30px 30px;}
    section.engagement_about-wheel .engagement_about-wheel-wrapper .engagement-wrapper-inner .card.card2 { background: #0e3f75; padding: 30px 30px 30px 60px;}
    section.engagement_about-wheel .engagement_about-wheel-wrapper .engagement-wrapper-inner .card.card3 { background: #24a998; padding: 30px 60px 30px 30px;}
    section.engagement_about-wheel .engagement_about-wheel-wrapper .engagement-wrapper-inner .card.card4 { background: #1b7e78; padding: 30px 30px 30px 60px;}
    section.engagement_about-wheel .engagement_about-wheel-wrapper .engagement-wrapper-inner .center-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 150px; height: 150px; background: #fff; border-radius: 65px; display: flex; align-items: center; justify-content: center;  }
    section.engagement_about-wheel .engagement_about-wheel-wrapper .engagement-wrapper-inner .center-icon img { width: 75%; }
    section.engagement_about-wheel .engagement_about-wheel-wrapper .engagement-wrapper-inner .card h3 { font-weight: 700; font-size:clamp(20px,1.45vw,22px); }
    section.engagement_about-wheel .engagement_about-wheel-wrapper .engagement-wrapper-inner .card .content,
    section.engagement_about-wheel .engagement_about-wheel-wrapper .engagement-wrapper-inner .card .content p { margin:0; font-size:clamp(14px,1.05vw,16px);line-height:1.5; }
    section.about-engagement-wrapper.engagement-wrapper { margin:25px 0 }
    section.engagement_about-wheel .engagement-inner .content p { font-size: clamp(14px,1.05vw,18px); }
    section.why-section.helpassociate-grid .infra-section { padding:0 }
    section.why-section.helpassociate-grid .infra-section .infra-list { grid-template-columns: 1fr 1fr 1fr 1fr; }
    section.why-section.helpassociate-grid .infra-section .infra-row { display:flex; flex-direction:column; gap: 25px; text-align:center; }
    section.why-section.helpassociate-grid .infra-section .infra-row .infra-photo { height: auto; transition: all ease 0.5s; box-shadow: 0 0 0 #ddd; }
    section.why-section.helpassociate-grid .infra-section .infra-row .infra-photo img { transform: scale(1.0); transition: all ease 0.5s; }
    section.why-section.helpassociate-grid .infra-section .infra-row:hover .infra-photo { box-shadow: 1px 1px 27px 12px #e7e7e7; }
    section.why-section.helpassociate-grid .infra-section .infra-row:hover .infra-photo img { transform: scale(1.15); }
    section.why-section.helpassociate-grid .infra-section .infra-row .infra-copy h3{font-size:clamp(20px,1.45vw,22px);font-weight:400;margin:0 0 8px 0;color:var(--secondary-color)}
    section.why-section.helpassociate-grid .infra-section .infra-row .infra-copy p{font-size:clamp(14px,1.05vw,16px);line-height:1.5;color:#212121;}
  /*Customer Stories*/
    section.first-hero.customerStories .hero-layout .hero-copy .content-grp p { margin:0 0 10px 0 } 
    section.first-hero.customerStories .hero-layout .hero-copy .content-grp p+p { margin:10px 0 0 0 }
    section.stories-section.customerStories { padding: 15px 0 65px; }    
    section.stories-section.customerStories .story-video { position: relative; border-radius: 10px; overflow: hidden; background: linear-gradient(rgba(34, 54, 31, 0.2), rgba(34, 54, 31, 0.2)), linear-gradient(125deg, #6f8a66, #9bb184 42%, #4f6944 68%, #2e4d2a); box-shadow: 0 8px 20px rgba(24, 45, 27, 0.2); }
    section.stories-section.customerStories .story-play { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 70px; height: 50px; }
    section.stories-section.customerStories .story-play img { height: 100%; width: 100%; display: block; }
    section.stories-section.customerStories .story-card { max-width: 900px; margin: 0 auto; }
    section.stories-section.customerStories .story-card h3 { margin: 25px 0 10px; font-size: clamp(22px, 1.4vw, 35px); line-height: 1.2; color: #000000; font-weight: 400; font-family: var(--font-poppins); }
    section.stories-section.customerStories .story-card p { font-size: clamp(14px, 0.95vw, 16px); font-style: italic; }
    section.stories-section.customerStories .story-card a { margin-top: 35px; display: inline-block; font-size: clamp(18px, 1.2vw, 22px); line-height: 28px; color: #1676ce; font-weight: 500; font-family: var(--font-roboto); }
    section.stories-section.customerStories .story-card a::after { content: " \2192"; }
    section.hero.first-hero.customerStories .hero-layout section.hero-copy .actions-grp { margin: 0; padding: 0; }
  /*Webinar S*/
    section.first-hero.customerStories .hero-layout .hero-copy h1 { font-size: clamp(26px, 2.9vw, 36px); }
    section.first-hero.webinarevent .hero-layout .hero-copy .content-grp p { margin:0 0 10px 0 } 
    section.first-hero.webinarevent .hero-layout .hero-copy .content-grp p+p { margin:10px 0 0 0 }  
    section.webinar-section .webinar--inner { max-width: 1200px; margin: 0 auto; display: flex; flex-direction: column; gap: 42px; }
    section.webinar-section .webinar--inner .webinar--inner_wrap { display: flex; flex-flow: row wrap; gap: 40px; }
    section.webinar-section .webinar--inner .webinar--inner_wrap .left-box { width: 35%; max-width: 35%; }
    section.webinar-section .webinar--inner .webinar--inner_wrap .left-box .video-wrapper img { width: 100%; height: 100%; border-radius: 10px; }
    section.webinar-section .webinar--inner .webinar--inner_wrap .right-box { flex: 1; }
    section.webinar-section .webinar--inner .webinar--inner_wrap .right-box .testimonial-title { font-size: clamp(18px, 1.95vw, 28px); color: var(--primary-color); margin: 0; }
    section.webinar-section .webinar--inner .webinar--inner_wrap .right-box .testimonial-subtitle { margin: 0; font-size: clamp(13px, 1.4vw, 14px); line-height: 1.35; color: #000000; font-weight: 400; font-style: italic; margin: 0 0 10px 0; }
    section.webinar-section .webinar--inner .webinar--inner_wrap .right-box .testimonial-desc, section.webinar-section .webinar--inner .webinar--inner_wrap .right-box .testimonial-desc p { margin: 0; font-size: clamp(14px, 1.4vw, 16px); line-height: 1.35; color: #000000; font-weight: 400; font-family: var(--font-poppins); }
    section.webinar-section .webinar--inner .webinar--inner_wrap span.story-play { cursor: pointer; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 68px; height: auto; }
    section.webinar-section .webinar--inner .webinar--inner_wrap span.story-play:is(:hover, :focus){animation: ripple 2s infinite;}
    section.events-section.customerStories { padding: 25px 0; }
    section.events-section.customerStories .events-grid { column-gap: 20px; row-gap: 40px; }
    section.events-section.customerStories .title-list-group { margin-bottom:35px }
    section.events-section.customerStories .title-list-group h2 { margin: 0 0 10px 0; font-size: clamp(26px, 2vw, 38px); line-height: 1.125; font-weight: 400; font-family: var(--font-poppins); }
    section.events-section.customerStories .title-list-group .intro p { margin: 0 0 5px; }
    section.events-section.past-event-section .title-main h3 { color: var(--secondary-color); margin: 0 0 10px 0; font-size: clamp(16px, 1.5vw, 20px); } 
    section.events-section.past-event-section .title-main::after { content:unset; }
    section.events-section.past-event-section .title-main .intro p+p {margin-top: 15px;}
    section.events-section.past-event-section .webinar-content h3 { font-size: clamp(20px, 2vw, 22px); font-weight: 500; }
    section.events-section.past-event-section .webinar-content .webinar-desc,
    section.events-section.past-event-section .webinar-content .webinar-desc p { font-size: clamp(14px, 0.85vw, 16px); line-height: 1.5; margin: 0; }
    section.events-section.past-event-section .webinar-desc { margin-top: 14px; }
    section.events-section.past-event-section .webinar-content .webinar-desc p+p { margin-top: 10px; }
    section.events-section.past-event-section .event-image { margin-bottom:0 }
    section.events-section.past-event-section .webinar-content { display: flex; flex-direction: column; }
    section.events-section.past-event-section .webinar-content .webinar-desc { flex: 1; }
    section.events-section.past-event-section .webinar-row+.webinar-row { margin-top:50px }
    .event-details span.icon { padding: 8px; background: var(--secondary-color); border-radius: 50%; }
    .event-details { padding-bottom: 50px !important;}
    .event-details span.icon img { height: 15px; }
    .event-details .title-main::after {display:none;}
    .event-details .ft-img img { border-radius: 15px; object-fit:cover;}
    .event-details .main-content .title { font-size: clamp(26px, 2vw, 36px); line-height: 1.2; color: #000000; font-weight: 400; letter-spacing: -0.01em; font-family: var(--font-poppins); margin-bottom: 20px; }
    .event-details .main-content .main-cta {margin-top:15px;}
    .event-details .date-section { margin-bottom: 25px; }
    .event-details .date-section h4 { font-size: clamp(16px, 2vw, 20px); line-height: 1.2; color: #000000; font-weight: 400; letter-spacing: -0.01em; font-family: var(--font-poppins); }
  /*Platform Details S*/
    section.first-hero.singlePlatform .hero-layout{gap: 25px;}
    section.first-hero.singlePlatform .hero-layout section.hero-wheel-wrap { width: 100%; }
    section.first-hero.singlePlatform .hero-layout section.hero-wheel-wrap .hero-slider { position:relative; margin: 0 auto; position: relative; width: 82%;}
    section.first-hero.singlePlatform .hero-layout section.hero-wheel-wrap .hero-slider,
    section.first-hero.singlePlatform .hero-layout section.hero-wheel-wrap .hero-slider .hero-track  { margin: 0 auto; }
    section.first-hero.singlePlatform .hero-layout section.hero-wheel-wrap .hero-slider .hero-slide { height: 350px; }
    section.first-hero.singlePlatform .hero-layout .slick-dots{position: static; margin:20px auto;}
    section.first-hero.singlePlatform .hero-layout section.hero-wheel-wrap .hero-slider img {border-radius:15px; height:100%; width:100%; object-fit:cover;}
    section.first-hero.singlePlatform .hero-layout section.hero-copy .actions-grp { padding: 0; border: 0; }
    section.mobile-features .section-title { font-size: clamp(26px, 2vw, 36px); text-align: center; line-height: 1.2; font-weight: 400; margin-bottom: 20px; }
    section.mobile-features .section-title span { color: var(--secondary-color); }
    section.mobile-features { padding: 30px 0; }
    section.mobile-features .features-grid { display: grid; grid-template-columns: repeat(1, 1fr); gap: 20px; }
    section.mobile-features .feature-card { background-color: #e4edf6; padding: 25px; border-radius: 15px; text-align: left; }
    section.mobile-features .feature-card h4 { font-size: clamp(15px, 2.4vw, 17px); font-weight: 500; color: var(--secondary-color); margin-top: 0; margin-bottom: 15px; }
    section.mobile-features .feature-card:nth-child(2n) h4 { color: var(--primary-color); }
    section.mobile-features .feature-card:nth-child(2n) { background-color: #e7f5f2; }
    section.mobile-features .feature-card .intro strong { font-size: 14px; font-weight: 700; display: block; margin-bottom: 15px; }
    section.mobile-features .feature-card .intro p { font-size: 14px; line-height: 1.2; margin: 0; }
    section.mobile-features .feature-card .intro p:first-child { margin-bottom: 10px; }
    section.comparison { padding: 30px 0 50px;}
    section.comparison .section-title h2 {font-size: clamp(26px, 2vw, 36px); line-height: 1.2;font-weight: 400; }
    section.comparison .intro * {font-size: 16px; line-height:1.5;}
    section.comparison .section-title span { color: var(--secondary-color); }
    section.comparison .comparison-grid {grid-template-columns: repeat(1, 1fr); display:grid; gap: 30px; margin-top: 25px;}
    section.comparison .comparison-box { background: #f5f5f5; padding: 20px 25px; border-radius: 12px; transition: all 0.3s ease; }
    section.comparison .comparison-box.traditional { box-shadow: none; }
    section.comparison .comparison-box.modern { background: #ffffff; filter: drop-shadow(rgba(0, 0, 0, 0.3) 14.142px 14.142px 10px); -webkit-filter: drop-shadow(14.142px 14.142px 10px rgba(0, 0, 0, 0.3));}
    section.comparison .comparison-box ul,
    section.comparison .comparison-box.modern ul { margin:0 }
    section.comparison .comparison-box h4 { font-size: clamp(18px, 1.25vw, 24px); font-weight: 400; margin-bottom: 20px; display: flex; align-items: center; gap: 10px; }
    section.comparison .comparison-box.traditional h4 { color: #dc3545; }
    section.comparison .comparison-box.modern h4 { color: var(--primary-color); }
    section.comparison .comparison-box h4::before { content: ""; width: 20px; height: 20px; display: inline-block; border-radius: 50%; flex-shrink: 0; }
    section.comparison .comparison-box.traditional h4::before { background: url(../icons/red-close.webp) center / contain no-repeat; }
    section.comparison .comparison-box.modern h4::before { background: url(../icons/tick-circle.webp) center / contain no-repeat; }
    section.comparison .comparison-box li { font-size: clamp(14px, 1.95vw, 16px); line-height:1.5;}
    section.comparison .comparison-box li+li{ margin-top: 2px;}
    section.meet-members { padding: 50px 0 30px;}
    section.meet-members .two-col { display: flex; gap: 25px; align-items: flex-start; flex-direction:column; }
    section.meet-members .left { flex: 1; }
    section.meet-members .right { flex: 1; }
    section.meet-members .left h2 { font-size: clamp(28px, 2.4vw, 36px); font-weight: 400; line-height: 1.2; margin-bottom: 30px; }
    section.meet-members .left h2 span { color: var(--secondary-color); }
    section.meet-members .problem { margin-bottom: 35px; }
    section.meet-members .problem h4, 
    section.meet-members .solution h4 { font-size: clamp(20px, 2.4vw, 24px); font-weight: 400; display: flex; align-items: center; gap: 12px; margin-bottom: 10px; }
    section.meet-members .problem h4::before, .solution h4::before { content: ''; width: 22px; height: 22px; border-radius: 50%; display: inline-block; flex-shrink: 0; }
    section.meet-members .problem h4::before { background: url(../icons/red-close.webp) center / contain no-repeat; }
    section.meet-members .solution h4::before { background: url(../icons/tick-circle.webp) center / contain no-repeat; }
    section.meet-members .intro p { font-size: clamp(14px, 2.4vw, 16px); line-height: 1.5; margin-bottom:0; }
    section.meet-members .intro p+p{ margin-top: 12px;}
    section.comparison .intro * { font-size: clamp(14px, 2.4vw, 16px);  }
    section.meet-members .right-top { background: #f5f5f5; padding: 25px 30px; border-radius: 12px; margin-top: 20px; }
    section.meet-members .right-top h4 { font-size: clamp(20px, 2.4vw, 24px); font-weight: 400; margin-bottom: 10px; }
    section.meet-members .right-top h4 span { color: #2a6fbb; }
    section.meet-members .right-top .link { display: inline-flex; align-items:center; margin-top: 40px; color: var(--primary-color); font-weight: 600; text-decoration: none; font-style: italic; gap: 10px;}
    section.meet-members .right-top .link::after { content: ''; width: 14px; height: 14px; background: url(../icons/link-arr.webp) center / contain no-repeat; }
    .integration-directory .integration-grid article.integration-card .integration-logo.use-case-logo { width: 100%; object-fit:cover; height: 200px;}
    .integration-directory .integration-grid article.integration-card .integration-logo.use-case-logo img{border-radius:15px;object-fit: cover;}
    section.use_caselist--after { padding: 50px  0; }
    section.use_caselist--after .top-wrapper .grid { display: grid; grid-template-columns: 1fr; gap: 30px; }
    section.use_caselist--after .bottom-wrapper .grid { display: grid; grid-template-columns: 1fr; gap: 30px; }
    /* Cards */
    section.use_caselist--after .card { padding: 30px; border-radius: 12px; border:0 }
    section.use_caselist--after .light { background: rgb(245, 245, 245); }
    section.use_caselist--after .blue { background: var(--secondary-color); color: #fff; }
    .single-use-cases section.webinar-section .webinar--inner { max-width: 1130px; margin: 0 auto; }
    .single-use-cases section.webinar-section .webinar--inner .webinar--inner_wrap .right-box .testimonial-title { font-weight:400 }
    .single-use-cases section.stories-section.customerStories{padding: 30px 0 65px;}
    .single-use-cases section.stories-section.customerStories .small_title {color: var(--secondary-color); font-weight:400; margin-bottom: 40px; font-size:clamp(18px, 1.95vw, 22px);}
    section.use_caselist--after .use_caselist--wrapper { max-width: 1130px; margin: 0 auto;display: flex;flex-direction: column;gap: 30px; }
    section.use_caselist--after .top-wrapper .small-title {    font-family: var(--font-poppins); font-size: clamp(14px, 1.95vw, 20px); margin-bottom: 10px; color: var(--secondary-color); }
    section.use_caselist--after .top-wrapper .blue .small-title { color: #ffffff; }
    section.use_caselist--after h2 { font-size: clamp(18px, 1.95vw, 28px); margin-bottom: 15px; font-weight:400;}
    section.use_caselist--after div p, 
    section.use_caselist--after div ul li { font-size: clamp(14px, 2.4vw, 16px); }
    section.use_caselist--after .use_caselist--wrapper .right-box h3 {font-size: clamp(18px, 1.95vw, 20px);font-weight: 400;}
    section.use_caselist--after .use_caselist--wrapper .right-box h3 span{ color: var(--secondary-color);}
    section.use_caselist--after .bottom-wrapper .grid { display: grid; grid-template-columns: 1fr; gap: 20px; }
    section.use_caselist--after .bottom-wrapper .highlight { font-size: clamp(28px, 2.4vw, 36px); font-weight: 400; line-height: 1.2; }
    section.use_caselist--after .bottom-wrapper .highlight span { color: var(--secondary-color); }
    section.use_caselist--after .bottom-wrapper .card + .card { margin-top: 25px;}
    section.use_caselist--after .bottom-wrapper .card div ul:last-child { margin-bottom:0 }  
    section.use_caselist--after .bottom-wrapper .link { display: inline-flex; align-items:center; color: var(--primary-color); font-weight: 600; text-decoration: none; font-style: italic; gap: 10px;}
    section.use_caselist--after .bottom-wrapper .link::after { content: ''; width: 14px; height: 14px; background: url(../icons/link-arr.webp) center / contain no-repeat; }
    .page-template-archive-use-cases section.use_caselist--after { padding: 20px 0 50px; }
	/*Case Studies S */
  	.association-section .content { padding: 50px 0; }
  	.association-section .quote-card-wrapper .intro { font-size:clamp(18px, 2vw, 20px);line-height: 1.6; font-style: italic; position: relative; padding-left: 20px; border-left: 6px solid #cadced; }
  	.association-section .quote-card-wrapper .intro p{ font-size: inherit; }
  	.association-section .quote-card-wrapper .quote-avatar img { width: 70px; height: 70px; border-radius: 50%; object-fit: cover; }
  	.association-section .quote-card-wrapper .author-info span { font-size: 14px; color: var(--secondary-color); }
  	.association-section .quote-card-wrapper .quote-author { display: flex; gap: 1rem; margin-top: 40px; align-items: center; justify-content: center; }
  	.association-section .quote-card-wrapper .author-info h4 { margin-bottom: 0; line-height: 1.6; font-size: clamp(18px, 2vw, 26px); font-weight: 400; }
  	.association-section .quote-card-wrapper .author-info .designation { font-size: clamp(16px, 2vw, 18px); }
  	.association-section .association-wrap { display: flex; flex-flow: row wrap; align-items: center; gap: 40px; }
  	.association-section .association-wrap .left-box { width: 100%; max-width: 100%; }
  	.association-section .association-wrap .right-box { flex: 1; }
  	.association-section .association-wrap .association-img img { width: 100%; height: 225px; border-radius: 15px; object-fit: cover; }
  	.association-section .association-wrap .case-title { color: var(--primary-color); font-size: clamp(22px, 2.0vw, 36px); margin-bottom: 10px; font-weight: 400; }
  	.association-section .association-wrap .association-name { font-size: clamp(18px, 2vw, 26px); font-weight: 400; margin-bottom: 0;}
  	.association-section .content p:last-child { margin-bottom: 0;}
  /*Product Tour S*/
    section.productTourTab--section { padding: 25px 0 50px; }
    section.productTourTab--section .explore-link { display: inline-flex; align-items:center; margin-top: 20px; color: var(--primary-color); font-weight: 600; text-decoration: none; font-style: italic; gap: 10px;}
    section.productTourTab--section .explore-link::after { content: ''; width: 14px; height: 14px; background: url(../icons/link-arr.webp) center / contain no-repeat; }
    section.productTourTab--section .tab--wrapepr>h5 { font-size:clamp(18px,2vw,20px); color: var(--secondary-color); font-weight: 400; margin: 0 0 15px 0; }
    section.productTourTab--section .tab--wrapepr>ul.nav { display: flex; flex-flow: row wrap; margin-bottom:50px; background-color: rgb(245, 245, 245); border-radius: 10px; }
    section.productTourTab--section .tab--wrapepr>ul.nav li { flex: 1; }
    section.productTourTab--section .tab--wrapepr>ul.nav li button.nav-link { width: 100%; color: #000; font-family: var(--font-poppins); font-size: clamp(16px, 1.2vw, 20px); padding: 15px 25px; border-radius: 10px; }
    section.productTourTab--section .tab--wrapepr>ul.nav li button.nav-link.active { background-color: var(--secondary-color); color: #fff; }
    section.productTourTab--section .tab--wrapepr .tab-content .tab-pane h3 { margin: 0 0 25px 0; font-size: clamp(24px, 2.9vw, 40px); line-height: 1.125; font-weight: 400; font-family: var(--font-poppins); }
    section.productTourTab--section .tab--wrapepr .tab-content .tab-pane .description,
    section.productTourTab--section .tab--wrapepr .tab-content .tab-pane .description p,
    section.productTourTab--section .tab--wrapepr .tab-content .tab-pane .description li { font-size:clamp(14px,2vw,16px);line-height:1.75; }
    section.productTourTab--section .tab--wrapepr .tab-content .tab-pane .description ul { list-style: none; padding: 0 0 0 48px; margin: 0 0 15px 0; }
    section.productTourTab--section .tab--wrapepr .tab-content .tab-pane .description ul li { position:relative; }
    section.productTourTab--section .tab--wrapepr .tab-content .tab-pane .description ul li:after { content: ""; position: absolute; left: -30px; top: 3px; width: 20px; height: 20px; border-radius: 50%; background: url(../icons/tick.svg) no-repeat center / cover; }
    section.productTourTab--section .tab--wrapepr .tab-content .tab-pane .description ul { list-style: none; padding: 0 0 0 30px; margin: 0 0 15px 0; }
    section.productTourTab--section .tab--wrapepr .tab-content .tab-pane .description ul li+li { margin: 7px 0 0 0; }
    section.productTourTab--section .tab--wrapepr .tab-content .tab-pane .left-box { width: 35%; }
    section.hero.first-hero.productTour .hero-layout .hero-copy h1 { font-size: clamp(28px, 2.9vw, 44px); }
    section.hero.first-hero.productTour .hero-layout .hero-wheel-wrap figure img { width: 90%; margin:0 auto; }
    section.hero.first-hero.productTour .hero-layout .hero-copy span.small-title { font-size: clamp(16px, 1.5vw, 20px); line-height: 1.2; color: var(--secondary-color); font-weight: 400; margin: 0 0 15px 0; font-style: normal; font-family: var(--font-poppins); display: block; }
    section.hero.first-hero.productTour .hero-layout .hero-copy h1 span { color: var(--secondary-color); }  
    section.hero.first-hero.productTour .hero-layout .hero-copy .content-grp ul li { position:relative; }
    section.hero.first-hero.productTour .hero-layout .hero-copy .content-grp ul li:after { content: ""; position: absolute; left: -30px; top: 3px; width: 20px; height: 20px; border-radius: 50%; background: url(../icons/tick.svg) no-repeat center / cover; }
    .page-template-page-product-tour section.productTourTab--section .tab--wrapepr .tab-content .tab-pane .description ul li:after,
    .page-template-page-product-tour section.hero.first-hero.productTour .hero-layout .hero-copy .content-grp ul li:after{ background: url(../icons/tick-circle.webp) no-repeat center / cover; }
    section.hero.first-hero.productTour .hero-layout .hero-copy .content-grp ul li+li { margin: 7px 0 0 0; }
    section.articalpreview-sc { padding: 25px 0 40px; }
    section.articalpreview-sc .wrapper { background: rgb(245, 245, 245); padding: 30px; border-radius: 15px; }
    section.articalpreview-sc .wrapper>h3 { font-weight: 400; margin: 0 0 15px 0; }
    section.articalpreview-sc .wrapper .list-grp { display: grid; grid-template-columns: 1fr 1fr; grid-auto-flow: row; row-gap: 25px; column-gap: 45px; }
    section.articalpreview-sc .wrapper .list-grp aside.item .content p { margin: 0; }
    section.articalpreview-sc .wrapper .list-grp aside.item h6 { margin: 0 0 5px; font-family: var(--font-roboto); font-weight: 700; font-size: 18px; }
    section.articalpreview-sc .wrapper .list-grp aside.item .content,
    section.articalpreview-sc .wrapper .list-grp aside.item .content p { font-size: clamp(14px, 0.85vw, 16px); line-height: 1.5; }
    /*Engagement Infrastructure Guide S*/
    section.engagement-advantage-sec { padding: 30px 0; }
    section.engagement-advantage-sec .titlegrp { text-align:center;     margin: 0 0 35px 0; }
    section.engagement-advantage-sec .titlegrp h2 { font-size: clamp(26px, 2vw, 36px); line-height: 1.2; color: #000000; font-weight: 400; letter-spacing: -0.01em; font-family: var(--font-poppins);     margin: 0 0 15px 0; }
    section.engagement-advantage-sec .titlegrp .subtitle { font-size: clamp(16px, 1.14vw, 18px); line-height: 1.2; color: #111; }
    section.engagement-advantage-sec .advantage-grid { display: flex; flex-flow: row wrap; gap: 20px; justify-content:center; }
    section.engagement-advantage-sec .advantage-grid .advantage-card { background: #E4EDF6; border-radius: 20px; padding: 25px 15px; display: flex; flex-direction: column; align-items: center; text-align: center; width: calc(100% / 5 - 16px); }
    section.engagement-advantage-sec .advantage-grid .advantage-card:nth-child(even) { background: #E7F5F2; }
    section.engagement-advantage-sec .advantage-grid .advantage-card .icon { height: 60px; width: 70px; margin-bottom: 15px; }
    section.engagement-advantage-sec .advantage-grid .advantage-card .icon img { width: 100%; height: 100%;display: block;object-fit: contain; }
    section.engagement-advantage-sec .advantage-grid .advantage-card h4 { font-size: clamp(18px, 1.14vw, 20px); line-height: 1.15; font-weight: 400; margin-bottom: 10px; color: #000; }
    section.engagement-advantage-sec .advantage-grid .advantage-card .intro, section.engagement-advantage-sec .advantage-grid .advantage-card .intro p { font-size: clamp(14px, 1.14vw, 16px); line-height: 1.15; color: #111; margin: 0; }
    section.webinar-section.customerStories { padding: 0 0 35px; }
    section.discover-sec { padding: 20px 0; }
    section.discover-sec .inner-wrap { background: rgb(245, 245, 245); padding: 30px; border-radius: 15px; display: grid; grid-template-columns: minmax(360px, 560px) minmax(510px, 1fr); gap: 24px; }
    section.discover-sec .inner-wrap h2 { font-size: clamp(24px, 2vw, 30px); line-height: 1.2; color: rgb(0, 0, 0); font-weight: 400; letter-spacing: -0.01em; font-family: var(--font-poppins); margin: 0 0 15px 0 }
    section.discover-sec .inner-wrap .content,
    section.discover-sec .inner-wrap .content p { color: #000; margin: 0; font-size: clamp(14px, 0.85vw, 16px); line-height: 1.5; font-weight: 400; }

    /* LEFT FEATURES */
    section.discover-sec .features-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 28px 35px; margin-top:35px }
    section.discover-sec .feature { display: flex; align-items: center; gap: 16px; }
    section.discover-sec .feature-icon { flex-shrink: 0; width: 48px; }
    section.discover-sec .feature-icon img { width: 100%; display: block; }
    section.discover-sec .feature .intro { font-size: clamp(14px, 0.85vw, 16px); line-height: 1.2; color: #000; font-weight: 400; }

    /* RIGHT SIDE */
    section.discover-sec .cards { display: flex; gap: 0; }
    section.discover-sec .card { background: #fff; border-radius: 14px; padding: 20px; width: 100%; box-sizing: border-box; }
    section.discover-sec .card.highlight { background: #dce9f9; }
    section.discover-sec .card h3 { font-size: clamp(16px, 0.85vw, 18px); line-height: 1.2; text-align: center; font-weight: 500; margin-bottom: 20px; color: #000; }
    section.discover-sec .card.highlight h3 { color: #2d72d9; }
    section.discover-sec .card-content p { font-size: clamp(14px, 0.85vw, 16px); line-height: 1.25; margin-bottom: 15px; color: #000; }
    section.discover-sec .card-content ul { margin: 0; padding-left: 20px; }
    section.discover-sec .card-content ul li { font-size: clamp(14px, 0.85vw, 16px); line-height: 1.25; margin-bottom: 0; color: #000; }

    /* ARROW */
    section.discover-sec .arrow { font-size: 25px; color: var(--primary-color); font-weight: 300; line-height: 1; flex-shrink: 0; align-self: center; }

    /* FOOTER TEXT */
    section.discover-sec .footer-text { margin-top: 30px; }
    section.discover-sec .footer-text p { font-size: 22px; line-height: 1.35; color: #000; margin: 0; }
    section.discover-sec .inner-wrap .right-box .content {margin-top: 17px; text-align: center; }
    .single-webinars .event-details .main-content .title { font-size: clamp(22px, 2vw, 30px); }

    section.hero.first-hero.engagement-infrastructure .hero-layout .hero-wheel-wrap .why-compare .why-col.traditional {     padding: 25px 25px; background: rgb(245, 245, 245); border-radius: 12px; }
    section.hero.first-hero.engagement-infrastructure .hero-layout .hero-wheel-wrap .why-compare .why-col.traditional h4 { color:rgb(220, 53, 69); text-align:center; }
    section.hero.first-hero.engagement-infrastructure .hero-layout .hero-wheel-wrap .why-compare .why-col.engagement {      padding: 25px 25px;background: rgb(255, 255, 255); border-radius: 12px; box-shadow: 15px 16px 27px -2px #666666; }
    section.hero.first-hero.engagement-infrastructure .hero-layout .hero-wheel-wrap .why-compare .why-col.engagement h4 { color:var(--primary-color);  text-align:center; } 
    section.hero.first-hero.engagement-infrastructure .hero-layout .hero-wheel-wrap .why-compare .why-col .content-editor { padding: 0 25px; color: #000; text-align:center; font-size: clamp(14px, 1.14vw, 16px); }
    section.hero.first-hero.engagement-infrastructure .hero-layout .hero-wheel-wrap .why-compare .why-col .content-editor ul { list-style:disc;     padding: 0 25px; }
    section.hero.first-hero.engagement-infrastructure .hero-layout .hero-wheel-wrap .why-compare .why-col .content-editor li { text-align: left; font-size: clamp(14px, 1.14vw, 16px); padding: 0; border: unset;}

    .comparison-table-sec { padding: 60px 0; font-family: Arial, sans-serif; }
    .comparison-table-sec .comparison-table { overflow: hidden; }
    .comparison-table-sec .table-row { display: grid; grid-template-columns: 2fr 1.2fr 2fr; }
    .comparison-table-sec .table-col { padding: 24px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
    .comparison-table-sec .table-row:not(.table-header) .table-col:first-child { border-left: 1px solid #ddd; }
    .comparison-table-sec .table-row:not(.table-header) .table-col:last-child { border-right: 1px solid #ddd; }
    .comparison-table-sec .table-row:last-child .table-col { border-bottom-left-radius: 14px; border-bottom-right-radius: 14px; }
    .comparison-table-sec .table-col:last-child { border-right: none; }

    /* Header */
    .comparison-table-sec .table-header .table-col { text-align: center; padding: 20px 20px; border-radius: 14px; display: flex; align-items: center; justify-content: center; flex-direction: column; }
    .comparison-table-sec .left-heading { background: rgb(180, 180, 180); color: #fff; }
    .comparison-table-sec .table-header .table-col.center-heading { background: rgb(217, 217, 217); border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: 1px solid #fff; }
    .comparison-table-sec .right-heading { background: #0f6fdc; color: #fff; }
    .comparison-table-sec .table-header h3 { margin: 0 0; font-size: clamp(20px, 2vw, 22px); line-height: 1.5; }
    .comparison-table-sec .table-header p { margin: 0 0; font-size: clamp(16px, 2vw, 19px); line-height: 1.25; }

    /* Body */
    .comparison-table-sec .left-col,
    .comparison-table-sec .right-col { background: #fff; padding: 12px 25px; }
    .comparison-table-sec .center-col { background: #d9d9d9; text-align: center; display: flex; align-items: center; justify-content: center; font-size: clamp(18px, 2vw, 20px); font-weight: 500; padding: 12px; border-color: #fff; }
    .comparison-table-sec .left-col strong,
    .comparison-table-sec .right-col strong { display: block; font-size: clamp(18px, 2vw, 20px); margin-bottom: 5px; line-height: 1.25; }
    .comparison-table-sec .right-col strong { color: var(--secondary-color); }
    .comparison-table-sec .left-col p,
    .comparison-table-sec .right-col p { margin: 0; font-size: clamp(14px, 0.85vw, 16px); line-height: 1.15; }

    section.infrastructure-section { padding: 35px 0; }
    section.infrastructure-section .infra-wrapper { padding: 0; border-radius: 15px; display: grid; grid-template-columns: 1fr 1fr; gap: 40px; grid-template-columns: minmax(350px, 715px) minmax(480px, 1fr); }
    section.infrastructure-section .infra-wrapper .infra-content { flex: 1; align-self: center; }
    section.infrastructure-section .infra-wrapper .infra-box { width: 30%; }
    section.infrastructure-section .infra-wrapper .infra-box h3 { font-size: clamp(18px, 1.8vw, 22px); line-height: 1.25; font-weight: 500; margin-bottom: 10px; color: #000; text-align: center; }
    section.infrastructure-section .infra-wrapper .infra-box p { font-size: clamp(14px, 0.85vw, 16px); line-height: 1.3; color: #000; margin-bottom: 15px; text-align: center; }
    section.infrastructure-section .infra-wrapper .infra-box .icon { margin-bottom: 25px; text-align: center;}
    section.infrastructure-section .infra-wrapper .infra-box .icon img { width: 65px; margin:0 auto; }
    section.infrastructure-section .infra-wrapper .infra-box ul { padding-left: 22px; margin: 0; }
    section.infrastructure-section .infra-wrapper .infra-box ul li { font-size: clamp(14px, 0.85vw, 16px); line-height: 1.5; color: #000; }
    section.infrastructure-section .infra-wrapper .infra-content .bottom-text { text-align: center; margin-top: 25px; }
    section.infrastructure-section .infra-wrapper .infra-content .bottom-text p { font-size: clamp(16px, 1.65vw, 18px); line-height: 1.25; font-family: var(--font-poppins); color: #000; max-width: 950px; margin: 0 auto; }
    section.infrastructure-section .infra-wrapper .infra-card { position: relative; background: rgb(245, 245, 245); border-radius: 20px; padding: 40px; display: flex; justify-content: space-between; align-items: flex-start; }
    section.infrastructure-section .infra-wrapper .infra-card .member-circle { position: relative; width: 250px; display: flex; justify-content: center; align-self: center; }
    section.infrastructure-section .infra-wrapper .download-form-box { width: 480px; background: #fff; border-radius: 20px; padding: 35px; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12); }
    section.infrastructure-section .infra-wrapper .download-form-box .form-header .form-title>h3 { display: flex; gap: 15px;align-items:center; }
    section.infrastructure-section .infra-wrapper .download-form-box .lock-icon img { width: 28px; min-width: 28px; }
    section.infrastructure-section .infra-wrapper .download-form-box .form-header h3 { font-size: clamp(20px, 2vw, 28px); line-height: 1.2; color: var(--secondary-color); margin-bottom: 10px; font-weight: 500; }
    section.infrastructure-section .infra-wrapper .download-form-box .form-header p { font-size: clamp(14px, 0.85vw, 16px); line-height: 1.2; color: #000; }

    .plateforms-comparison-section { padding: 50px 0 30px; }
    .plateforms-comparison-section .comparison-wrapper { display: flex; gap: 40px; align-items: flex-start; }
    .plateforms-comparison-section .comparison-left { width: 350px; flex-shrink: 0;  }
    .plateforms-comparison-section .comparison-left h2 { font-size: clamp(26px, 2vw, 36px); line-height: 1.2; color: #000000; font-weight: 400; letter-spacing: -0.01em; font-family: var(--font-poppins); }
    .plateforms-comparison-section .comparison-left .legend { display: flex; flex-direction: column; gap: 18px; }
    .plateforms-comparison-section .comparison-left .legend-item { display: flex; align-items: center; gap: 10px; font-size: 16px; }
    .plateforms-comparison-section .comparison-left .dot { width: 20px; height: 20px; border-radius: 50%; display: inline-block; }
    .plateforms-comparison-section .comparison-left .dot.green { background: #16b39a; }
    .plateforms-comparison-section .comparison-left .dot.orange { background: #efa321; }
    .plateforms-comparison-section .comparison-left .dot.red { background: #de354c; }
    .plateforms-comparison-section .comparison-table-wrap { flex: 1; overflow-x: auto; width:calc(100% - 40px - 350px);}
    .plateforms-comparison-section .comparison-table { min-width: 850px; }
    .plateforms-comparison-section .table-header, 
    .plateforms-comparison-section .comparison-table-wrap .table-row { display: grid; grid-template-columns: 180px repeat(7, 1fr); }
    .plateforms-comparison-section .comparison-table-wrap .table-header { border-bottom: 2px solid #bfbfbf; }
    .plateforms-comparison-section .comparison-table-wrap .table-header .cell { padding: 15px 0; font-size: 16px; font-weight: 400; text-align: center; white-space: nowrap; }
    .plateforms-comparison-section .comparison-table-wrap .table-header .feature-title { text-align: left; }
    .plateforms-comparison-section .comparison-table-wrap .highlight-col { border: 2px solid #16b39a; border-bottom: none; border-top: none; }
    .plateforms-comparison-section .comparison-table-wrap .highlight-col.bottom { border-bottom: 2px solid #16b39a; border-bottom-left-radius: 18px; border-bottom-right-radius: 18px; }
    .plateforms-comparison-section .comparison-table-wrap .highlight-title { background: #16b39a; color: #fff; border-top-left-radius: 18px; border-top-right-radius: 18px; }
    .plateforms-comparison-section .comparison-table-wrap .table-row { border-bottom: 2px solid #c8c8c8; }
    .plateforms-comparison-section .comparison-table-wrap .table-row:last-child { border-bottom: none; }
    .plateforms-comparison-section .comparison-table-wrap .table-row .cell { display: flex; padding: 20px 0; justify-content: center; align-items: center; }
    .plateforms-comparison-section .comparison-table-wrap .table-row .cell.feature-name { justify-content: flex-start; font-size: 14px; line-height: 1.4; font-weight: 400; }
    .plateforms-comparison-section .comparison-table-wrap .status-dot { width: 18px; height: 18px; border-radius: 50%; display: inline-block; }
    .plateforms-comparison-section .comparison-table-wrap .status-dot.green { background: #16b39a; }
    .plateforms-comparison-section .comparison-table-wrap .status-dot.orange { background: #efa321; }
    .plateforms-comparison-section .comparison-table-wrap .status-dot.red { background: #de354c; }
    .platforms-section { padding: 50px 0 30px; }
    .platforms-section .platform-wrapper { display: flex; align-items: flex-start; gap: 40px; }
    .platforms-section .platform-wrapper .title-sec { width: 350px; flex-shrink: 0; }
    .platforms-section .platform-title { font-size: clamp(26px, 2vw, 36px); line-height: 1.2; color: #000000; font-weight: 400; letter-spacing: -0.01em; }
    .platforms-section .platform-title span { color: var(--secondary-color); }
    .platforms-section .platform-features { width: calc(100% - 350px - 40px); position: relative; display: flex; justify-content: space-between; gap: 20px; padding-bottom: 130px; }
    .platforms-section .feature-item { position: relative; flex: 1; }
    .platforms-section .feature-circle { width: 140px; height: 200px; border: 2px solid #b4b4b4; border-radius: 60px;  display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 25px 15px; margin: 0 auto; position: relative; }
    .platforms-section .feature-circle img { width: 58px; margin-bottom: 18px; }
    .platforms-section .feature-circle h3 { font-size: 16px; line-height: 1.3; font-weight: 400; margin-bottom: 0; color: #000; }
    .platforms-section .feature-item::after { content: ""; position: absolute; width: 2px; height: 55px; border-right: 2px dotted #b4b4b4; left: 50%; transform: translateX(-50%); bottom: -55px; }
    .platforms-section .platform-features::after { content: ""; position: absolute; left: 80px; right: 80px; bottom: 70px; border-bottom: 2px dotted #bdbdbd; }
    .platforms-section .center-brand { position: absolute; bottom: 35px; left: 50%; transform: translateX(-50%); padding: 0 20px; overflow: hidden; z-index: 2; background: #ffffff; }
    .platforms-section .center-brand img { max-width: 200px; }
    .comparison-tab-section {padding: 30px 0 50px;}
    .comparison-tab-section .comparison-wrapper { border: 2px solid #bdbdbd; border-radius: 28px; padding: 40px; display: flex; gap: 50px; }
    .comparison-tab-section .comparison-sidebar { width: 30%; flex-shrink: 0; }
    .comparison-tab-section .comparison-title { font-size: clamp(26px, 2vw, 36px); line-height: 1.2; color: #000000; font-weight: 400; letter-spacing: -0.01em; }
    .comparison-tab-section .comparison-desc { margin-bottom: 35px;}
    .comparison-tab-section .comparison-desc p:last-child { margin-bottom: 0;}
    .comparison-tab-section .comparison-tabs { display: flex; flex-direction: column; gap: 14px; }
    .comparison-tab-section .comparison-tab-btn {padding: 5px 15px;border-radius: 12px;border: 2px solid #bdbdbd;background: transparent;font-size: clamp(16px, 2vw, 22px);cursor: pointer;transition: .3s;font-weight: 400; width: 250px; max-width:100%; margin:0 auto}
    .comparison-tab-section .comparison-tab-btn.active {background: var(--primary-color);color: #fff;border-color: var(--primary-color);}
    .comparison-tab-section .comparison-content { width: 70%; }
    .comparison-tab-section .comparison-pane { display: none; }
    .comparison-tab-section .comparison-pane.active { display: block; }
    .comparison-tab-section .comparison-top-box { border: 2px solid #bdbdbd; border-radius: 20px; padding: 15px 25px; margin-bottom: 28px; }
    .comparison-tab-section .comparison-top-box h3 {font-weight: 400;font-size: clamp(18px, 2vw, 20px); margin-bottom: 10px;}
    .comparison-tab-section .comparison-top-content p:last-child{ margin-bottom:0 ;}
    .comparison-tab-section .comparison-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
    .comparison-tab-section .comparison-card { border: 2px solid #bdbdbd; border-radius: 20px; padding: 15px 25px; }
    .comparison-tab-section .comparison-card h3 {font-weight: 400;font-size: clamp(18px, 2vw, 20px);margin-bottom: 10px;}
    .comparison-tab-section .comparison-item:not(:last-child) {margin-bottom: 15px;}
    .comparison-tab-section .comparison-item h4 { font-size: clamp(14px, 0.85vw, 16px); margin-bottom: 0; font-weight: 600; }
    .comparison-tab-section .comparison-item p { font-size: clamp(14px, 0.85vw, 16px); line-height: 1.5; }
    .comparison-tab-section .comparison-item p:last-child{margin-bottom:0;}

    section.engagement-insights-sec { padding: 20px 0 40px 0; }
    section.engagement-insights-sec .section-heading { max-width:850px; margin:0 auto 45px; text-align:center; }
    section.engagement-insights-sec .section-heading h2 { font-size: clamp(24px, 2.4vw, 32px); line-height: 1.2; color: #000000; font-weight: 400; letter-spacing: -0.01em; font-family: var(--font-poppins); }
    section.engagement-insights-sec .section-heading h2 span { color:var(--secondary-color) }
    section.engagement-insights-sec .section-heading .intro,
    section.engagement-insights-sec .section-heading .intro p { font-size: clamp(14px, 0.85vw, 16px); color: #000000; font-weight: 400; line-height: 1.35; margin: 0; letter-spacing: 0.5px; }
    section.engagement-insights-sec .section-heading a { color: #000; text-decoration: underline; }
    section.engagement-insights-sec .insights-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 50px; max-width: 1050px;margin: 0 auto; }
    section.engagement-insights-sec .insight-card { background: #fff; border: 2px solid #dcdcdc; border-radius: 20px; padding: 25px; }
    section.engagement-insights-sec .top-content { display: flex; align-items: center; gap: 25px; margin-bottom: 25px; }
    section.engagement-insights-sec .insight-card .intro,
    section.engagement-insights-sec .insight-card .intro p { font-size: clamp(14px, 0.85vw, 16px); line-height: 1.5; color: #000; margin-bottom:0; }
    section.engagement-insights-sec .insight-card .intro p+p { margin: 10px 0 0 0 } 
    section.engagement-insights-sec .insight-card .bottom-image { text-align: center; max-width: 280px; margin: 25px auto 0; }
    section.engagement-insights-sec .insight-card .bottom-image img { width: 100%; height: 100%; object-fit: cover; display: block; }
    section.engagement-insights-sec .insight-card a { color: #000; text-decoration: underline; }
    section.engagement-insights-sec .icon-box { width: 95px; height: 95px; min-width: 95px; border-radius: 50%; background: #d9f0ea; display: flex; align-items: center; justify-content: center; }
    section.engagement-insights-sec .icon-box img { max-width: 50px; }
    section.engagement-insights-sec .content h3 { font-size: clamp(20px, 2.4vw, 24px); line-height: 1.2; color: #000; font-weight: 500; margin-bottom: 20px; }
    section.engagement-insights-sec .content .line { width: 120px; height: 4px; background: #1b8b82; display: block; border-radius: 10px; }
    section.engagement-insights-sec .bottom-text,
    section.engagement-insights-sec .bottom-text p { font-size: clamp(14px, 0.85vw, 16px); color: #000000; font-weight: 400; line-height: 1.35; margin: 0; }
    section.engagement-insights-sec .bottom-text { max-width: 980px; margin: 25px auto 0; text-align: center; }

    section.why-matters-sec { padding: 55px 0 40px; background: #F5F8FC;}
    section.why-matters-sec .top-wrap { display: flex; justify-content: space-between; align-items: flex-start; gap: 50px; max-width: 1150px; margin: 0 auto 30px; }
    section.why-matters-sec .top-wrap .left-content { max-width: 345px; width: 100%; }
    section.why-matters-sec .top-wrap .left-content h2 { font-size: clamp(24px, 2.4vw, 32px); line-height: 1.2; color: #000000; font-weight: 400; letter-spacing: -0.01em; font-family: var(--font-poppins); }
    section.why-matters-sec .top-wrap .left-content h2 span { color:var(--secondary-color) }
    section.why-matters-sec .top-wrap .left-content .desc,
    section.why-matters-sec .top-wrap .left-content .desc p { font-size: clamp(14px, 0.85vw, 16px); line-height: 1.5; color: #000; }
    section.why-matters-sec .top-wrap .right-icons { display: grid; grid-template-columns: repeat(5, 1fr); gap: 25px; flex: 1; }
    section.why-matters-sec .top-wrap .icon-item { text-align: center; }
    section.why-matters-sec .top-wrap .icon-circle { width: 100px; height: 100px; background: #d9e5f4; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 15px; }
    section.why-matters-sec .top-wrap .icon-circle img { max-width: 50px; }
    section.why-matters-sec .top-wrap .icon-item h3 { font-size: clamp(14px, 0.85vw, 16px); line-height: 1.2; color: #000; font-weight: 400; }
    section.why-matters-sec .bottom-box { display: flex; align-items: center; justify-content: center; gap: 18px; max-width: 1100px; margin: 0 auto; }
    section.why-matters-sec .bottom-text,
    section.why-matters-sec .bottom-text p { font-size:clamp(14px, 0.85vw, 16px); line-height: 1.35; color: #000; margin:0 }
    section.why-matters-sec .bottom-text p { position:relative; }
    section.why-matters-sec .bottom-text p:after { content: ""; position: absolute; left: 0; top: 50%; width: 26px; height: 26px; border-radius: 50%; background: url(../images/newtick-sign.png) no-repeat center / cover; transform: translate(-36px, -50%); }

    section.audit-evaluates-sec { padding: 40px 0; }
    section.audit-evaluates-sec .audit-wrapper { display: flex; gap: 30px; align-items: flex-start; max-width: 1150px; margin: 0 auto; }
    section.audit-evaluates-sec .audit-left { max-width: 380px; width: 100%; }
    section.audit-evaluates-sec .audit-left .sub-title { font-size: clamp(15px, 1.5vw, 17px); line-height: 1.2; color: var(--secondary-color); font-weight: 400; display: inline-block; margin: 0 0 20px 0;font-family: var(--font-poppins); }
    section.audit-evaluates-sec .audit-left h2 { font-size: clamp(24px, 2.4vw, 28px); line-height: 1.2; color: #000000; font-weight: 400; letter-spacing: -0.01em; font-family: var(--font-poppins); }
    section.audit-evaluates-sec .audit-left h2 span { color:var(--primary-color) }
    section.audit-evaluates-sec .audit-left .desc,
    section.audit-evaluates-sec .audit-left .desc p { font-size: clamp(14px, 0.85vw, 16px); line-height: 1.5;color: #000; margin:0 }
    section.audit-evaluates-sec .audit-right { flex: 1; display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
    section.audit-evaluates-sec .audit-right .audit-card { border-radius: 22px; padding: 20px; background: #F5F8FC; }
    section.audit-evaluates-sec .audit-right .audit-card:nth-child(2n) { background: #E7F5F2; }
    section.audit-evaluates-sec .audit-right .audit-card.blue-card { background: #dfe8f5; }
    section.audit-evaluates-sec .audit-right .audit-card.green-card { background: #e4f1ed; }
    section.audit-evaluates-sec .audit-right .audit-card .icon { margin-bottom: 15px; }
    section.audit-evaluates-sec .audit-right .audit-card .icon img { width: 40px; height: 40px; object-fit: contain; }
    section.audit-evaluates-sec .audit-right .audit-card h3 { font-size: 16px; line-height: 1.2; margin-bottom: 10px; font-weight: 400; color:var(--secondary-color); }
    section.audit-evaluates-sec .audit-right .audit-card:nth-child(2n) h3 { color:var(--primary-color); }
    section.audit-evaluates-sec .audit-right .audit-card p { font-size:clamp(12px, 0.95vw, 14px); line-height: 1.2; color: #000; margin:0 }

    section.audit-top-area { background: #F5F8FC; padding: 40px 0; }
    section.audit-top-area .section-heading {max-width: 950px; margin: 0 auto 30px; text-align:center; } 
    section.audit-top-area .section-heading h2 { font-size: clamp(22px, 2.4vw, 32px); line-height: 1.2; color: #000000; font-weight: 400; letter-spacing: -0.01em; font-family: var(--font-poppins); }
    section.audit-top-area .section-heading h2 span { color:var(--secondary-color) }
    section.audit-top-area .section-heading .desc,
    section.audit-top-area .section-heading .desc p { font-size: clamp(14px, 0.85vw, 16px); color: #000000; font-weight: 400; line-height: 1.35; margin: 0; letter-spacing: 0.5px; }
    section.audit-top-area .top-boxes { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; max-width: 1000px; margin: 0 auto; }
    section.audit-top-area .top-boxes .top-box { border: 2px solid #d8d8d8; border-radius: 18px; padding: 12px 24px; text-align: center; font-size: clamp(16px, 1.6vw, 20px); line-height: 1.2; display: flex; align-items: center; }

    section.receive-area { padding: 40px 0; }
    section.receive-area .receive-wrapper { display: flex; gap: 50px; }
    section.receive-area .receive-wrapper .receive-left { max-width: 360px; width: 100%; }
    section.receive-area .receive-wrapper .receive-left .sub-title { font-size: clamp(15px, 1.5vw, 17px); line-height: 1.2; color: var(--secondary-color); font-weight: 400; display: inline-block; margin: 0 0 15px 0;font-family: var(--font-poppins); }
    section.receive-area .receive-wrapper .receive-left h2 { font-size: clamp(22px, 1.5vw, 28px); line-height: 1.2; color: #000000; font-weight: 400; letter-spacing: -0.01em; font-family: var(--font-poppins); }
    section.receive-area .receive-wrapper .receive-left h2 span { color:var(--secondary-color) }
    section.receive-area .receive-wrapper .receive-left .desc,
    section.receive-area .receive-wrapper .receive-left .desc p { font-size: clamp(14px, 0.85vw, 16px); color: #000000; font-weight: 400; line-height: 1.5; margin: 0; letter-spacing: 0.5px; }
    section.receive-area .receive-wrapper .receive-right { flex: 1; display: grid; grid-template-columns: repeat(3, 1fr); gap: 35px; }
    section.receive-area .receive-wrapper .receive-item { display: flex; gap: 15px; padding: 0 0 0 40px; }
    section.receive-area .receive-wrapper .receive-item h3 { font-size: clamp(18px, 1.09vw, 20px); line-height: 1.3; margin-bottom: 12px; font-weight: 400; position:relative; }
    section.receive-area .receive-wrapper .receive-item h3:after { content: ""; position: absolute; left: -40px; top: 5px; width: 30px; height: 31px; border-radius: 50%; background: url(../images/newtick-sign.png) no-repeat center / cover; }
    section.receive-area .receive-wrapper .receive-item p { font-size: clamp(14px, 0.85vw, 16px); line-height: 1.5; margin-bottom:0 } 


    section.works-area { background: #F5F8FC; padding: 40px 0; }
    section.works-area .works-wrapper { display: flex; gap: 50px; }
    section.works-area .works-wrapper .works-left { max-width: 400px; width: 100%; }
    section.works-area .works-wrapper .works-left .sub-title { font-size: clamp(15px, 1.5vw, 17px); line-height: 1.2; color: var(--secondary-color); font-weight: 400; display: inline-block; margin: 0 0 15px 0;font-family: var(--font-poppins); }
    section.works-area .works-wrapper .works-left h2 { font-size: clamp(22px, 1.5vw, 28px); line-height: 1.2; color: #000000; font-weight: 400; letter-spacing: -0.01em; font-family: var(--font-poppins); }
    section.works-area .works-wrapper .works-left h2 span { color:var(--secondary-color) }
    section.works-area .works-wrapper .works-left .desc,
    section.works-area .works-wrapper .works-left .desc p { font-size: clamp(14px, 0.85vw, 16px); color: #000000; font-weight: 400; line-height: 1.5; margin: 0; letter-spacing: 0.5px; }
    section.works-area .works-wrapper .steps-wrapper { flex: 1; display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
    section.works-area .works-wrapper .steps-wrapper .step-item { text-align: center; position: relative; }
    section.works-area .works-wrapper .steps-wrapper .step-top { display: flex; align-items: center; justify-content: center; margin-bottom: 25px; }
    section.works-area .works-wrapper .steps-wrapper .circle-icon { width: 120px; height: 120px; border-radius: 50%; background: #19b39b; display: flex; align-items: center; justify-content: center; position: relative; }
    section.works-area .works-wrapper .steps-wrapper .circle-icon img { width: 55px; height: 55px; object-fit: contain; }
    section.works-area .works-wrapper .steps-wrapper .circle-icon .number { position: absolute; top: -6px; left: -6px; width: 42px; height: 42px; border-radius: 50%; background: #156b7d; color: #fff; font-size: 20px; display: flex; align-items: center; justify-content: center; }
    section.works-area .works-wrapper .steps-wrapper .step-item h3 { font-size: clamp(18px, 0.85vw, 22px);; line-height: 1.15; margin-bottom: 15px; font-weight: 400; }
    section.works-area .works-wrapper .steps-wrapper .step-item p { font-size: clamp(14px, 0.85vw, 16px); line-height: 1.5; }
    section.works-area .works-wrapper .steps-wrapper .step-item .step-top { position: relative; }
    section.works-area .works-wrapper .steps-wrapper .step-item .step-top:after { content: ""; position: absolute; right: -25%; top: 45%; width: 40%; height: 16px; background: url(../images/aroow-dot.png) no-repeat center / contain; }
    section.works-area .works-wrapper .steps-wrapper .step-item:last-child .step-top:after { content: unset; }

  /*Responsive S*/
  	@media (min-width:600px){
  		section.mobile-features .features-grid{grid-template-columns: repeat(2, 1fr);}
  	}
    @media(min-width: 768px) {
      section.growth-section .form-card form.wpcf7-form .row { grid-template-columns: 1fr 1fr; }
      section.growth-section .form-card form.wpcf7-form .field.full { grid-column: span 2; }
      .blog-featured { grid-template-columns: 1fr 1fr; gap: 50px; }
      .blog-top--title .search_form form input { max-width: 350px; width: 350px; }
      .blog-hero { padding: 50px 0 50px }
      section.latest-articles .latest-articles--grid .post-item { margin: 0 10px 15px; width: calc(100% / 2 - 20px) }
      .integration-directory .integration-grid{ grid-template-columns: repeat(2, minmax(0, 1fr));}
      section.mobile-features .section-title{ margin-bottom: 30px;}
      section.comparison .comparison-grid {grid-template-columns: repeat(2, 1fr);}
      section.mobile-features .features-grid{ gap: 30px;}
      section.use_caselist--after .top-wrapper .grid{ grid-template-columns: 1fr 1fr;}
      section.use_caselist--after .bottom-wrapper .grid{ grid-template-columns: 1fr 1fr; }
      .association-section .association-wrap .left-box { width: 30%; max-width: 30%; }
    }
    @media(min-width: 992px) {
      header.site-header .main-nav { padding: 15px 0; }
      .blog-top--title .search_form form input { max-width: 420px; width: 420px; }
      header.site-header .main-nav .inner .hero-menu-wrapper { justify-content: flex-end; align-items: center; }
      header.site-header .main-nav .inner .hero-menu-wrapper ul { list-style: none; padding: 0px; gap: 26px; display: flex; flex-direction: row; margin-bottom: 0; }
      header.site-header .main-nav .inner .hero-menu-wrapper ul>li ul { padding: 10px 14px; position: absolute; gap: 0; top: 56px; min-width: 180px; overflow: hidden; background: rgb(224, 238, 250); border-radius: 5px; z-index: -1; display: none; display: grid; grid-template-rows: repeat(5, auto); grid-auto-flow: column; }
      header.site-header .main-nav .inner .hero-menu-wrapper ul>li ul li { border:0 }
      header.site-header .main-nav .inner .hero-menu-wrapper ul>li ul li a { color: var(--secondary-color);  font-family: var(--font-roboto); } 
      header.site-header .main-nav .inner .hero-menu-wrapper ul>li ul>li>a { padding: 3px 5px 3px 10px; position: relative; }
      header.site-header .main-nav .inner .hero-menu-wrapper ul>li ul>li>a:before { content: ""; border-left: 4px solid; top: 50%; left: 0; position: absolute; height: 80%; margin: auto 0; transform: translate(0, -50%); opacity:0 }
      header.site-header .main-nav .inner .hero-menu-wrapper ul>li ul>li.current-menu-item>a { font-weight:600 }
      header.site-header .main-nav .inner .hero-menu-wrapper ul>li ul>li.current-menu-item>a:before { opacity:1 }
      /* header.site-header .main-nav .inner .hero-menu-wrapper ul>li ul>li.current_page_item>a:before { opacity:1 } */
      /*header.site-header .main-nav .inner .hero-menu-wrapper ul>li ul li+li { border-top-color: #051f45; }*/
      header.site-header .main-nav .inner .hero-menu-wrapper ul>li.menu-item-has-children>a::after {content: "";width: 9px;height: 9px;border-right: 2px solid #fff;border-bottom: 2px solid #fff;position: absolute;top: 20px;right: -14px;transform: translateY(0) rotate(45deg);transition: transform 0.5s ease}
      header.site-header .main-nav .inner .hero-menu-wrapper ul>li ul>li>a:is(:hover, :focus) { font-weight:600 }
      header.site-header .main-nav .inner .hero-menu-wrapper ul ul { opacity: 0; visibility: hidden; transform: translateY(10px); transition: all 0.3s ease; }
      header.site-header .main-nav .inner .hero-menu-wrapper ul>li:last-child ul { right: 0; }
      header.site-header .main-nav .inner .hero-menu-wrapper ul>li.solution-menu ul { min-width: 280px; }
      header.site-header .main-nav .inner .hero-menu-wrapper ul li:hover > ul { z-index: 9; opacity: 1; visibility: visible; transform: translateY(0); }
      header.site-header .main-nav .inner .hero-menu a:hover,
      header.site-header .main-nav .inner .hero-menu a:focus-visible { color: #00d0c3; }
      header.site-header .main-nav .inner .hero-menu-wrapper ul>li.menu-item-has-children>a:hover::after { transform: translateY(6px) rotate(220deg); }
      header.site-header .main-nav .inner .hero-menu-wrapper ul>li.customers-menu ul.sub-menu { min-width: 240px; }
      header.site-header .main-nav .inner .hero-menu-wrapper ul>li.engagement-menu ul.sub-menu { min-width: 260px; }
      header.site-header .main-nav .inner .hero-menu-wrapper ul>li.platform-menu ul.sub-menu { min-width: 450px; z-index: 2; }
      header.site-header .main-nav .inner .hero-menu-wrapper ul>li.solution-menu ul.sub-menu { min-width: 450px; }
      header.site-header .main-nav .inner .hero-menu-wrapper ul>li.solution-menu>ul.sub-menu { grid-template-columns: repeat(2, auto); grid-auto-flow: row; display: grid; }
      header.site-header .main-nav .inner .hero-menu-wrapper ul>li.solution-menu>ul.sub-menu ul.sub-menu { opacity: 1; visibility: visible; transform: translateY(0); position: relative; top: 0; min-width: 280px; grid-template-columns: repeat(1, 1fr); grid-auto-flow: row; padding: 0; }
      header.site-header .main-nav .inner .hero-menu-wrapper ul>li.solution-menu>ul.sub-menu li.menu-item-has-children>a::after { content: unset; }
      header.site-header .main-nav .inner .hero-menu-wrapper ul>li.solution-menu>ul.sub-menu li.menu-item-has-children>a { color: var(--primary-color); }
      header.site-header .main-nav .inner .hero-menu-wrapper>ul>li:last-child { padding: 0 24px 0 0; }
      header.site-header .main-nav .inner .hero-menu-wrapper>ul>li.menu-item-has-children:last-child>a::after { right: 4px; }
      footer.site-footer .footer-cta-wrap .footer-cta-btn { font-size: clamp(16px, 1.45vw, 22px); }
      section.first-hero .hero-layout { display: grid; grid-template-columns: minmax(350px, 520px) minmax(670px, 1fr); gap: 24px; align-items: center; }
      section.feature-matrix-section .fm-grid { margin: 35px 0; }
      section.trusted-section .trusted-logos .trusted-logo { width: calc(100% / 4 - 34px); }
      section.hero.first-hero.professional .hero-layout { align-items: center; gap: 45px; grid-template-columns: minmax(350px, 600px) minmax(600px, 1fr); }
      section.role_list--section { padding: 30px 0; }
      section.growth-section .growth-wrapper { grid-template-columns: minmax(450px, 450px) minmax(407px, 1fr); gap: 50px; display: grid; align-items: center; }
      section.first-hero .hero-layout { grid-template-columns: minmax(350px, 630px) minmax(600px, 1fr); }
      section.latest-articles .latest-articles--tab .filters { gap: 23px; }
      section.audience-section .audience-list { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 25px; }
      section.first-hero.singlePlatform .hero-layout { gap: 50px; }
      .integration-directory .integration-grid{ grid-template-columns: repeat(3, minmax(0, 1fr));}
      section.mobile-features .features-grid { grid-template-columns: repeat(3, 1fr);}
      section.meet-members .two-col{flex-direction: row; gap:50px;}
      section.comparison .comparison-box{padding:30px 35px;}
      section.comparison .comparison-box h4::before{ width:26px; height:26px;}
      section.meet-members .problem h4::before, .solution h4::before{ height:28px; width:28px; }
      footer.site-footer .footer-cta-wrap{ grid-template-columns: 1fr auto;}
      section.comparison .comparison-grid{ gap:50px;}
      section.integrationList-section.caseStudiesList-section { padding: 35px 0 50px 0; }
      .association-section .association-wrap{ gap: 40px;}
      .association-section .quote-card-wrapper .quote-avatar img{height:100px; width:100px;}
    }
    @media(min-width: 1200px) {
      section.detail-group--section { padding: 50px 0 }
      section.latest-articles .latest-articles--grid .post-item { margin: 0 15px 15px; width: calc(100% / 3 - 30px) }
      .blog-hero { padding: 75px 0 50px }
      section.latest-articles .latest-articles--tab .filters button { font-size: 18px; padding: 10px 20px; }
      section.growth-section .growth-wrapper { grid-template-columns: minmax(450px, 620px) minmax(600px, 1fr); }
      section.mobile-features .features-grid { grid-template-columns: repeat(3, 1fr); max-width: 1200px; margin: 0 auto;}
      section.stories-section.customerStories .story-play { width: 110px; height: 76px; }
      header.site-header .main-nav .inner .hero-menu-wrapper ul {  gap: 30px; }
      header.site-header .main-nav .inner .hero-menu-wrapper ul>li.menu-item-has-children>a::after { right: -14px; }
    }
    @media(min-width: 1440px) {
      header.site-header .main-nav { padding: 20px 0; }
      header.site-header .main-nav .inner .hero-menu-wrapper ul#menu-header-menu { gap:40px }
      header.site-header .main-nav .inner .logo_wrap { width: 180px; height: 60px; }
      footer.site-footer .footer-main-grid { grid-template-columns: 1fr 267px 200px 195px 1fr 1fr; }
      section.first-hero .hero-layout .hero-copy .content-grp { margin: 15px 0 25px; }
      section.first-hero .hero-layout .hero-copy .hero-note p { margin: 10px 0 42px; }
      section.feature-matrix-section .fm-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
      section.feature-matrix-section.professional .fm-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 50px auto 30px; }
      section.role_list--section { padding: 50px 0; }
      section.hero.first-hero.engagement-infrastructure .hero-layout { grid-template-columns: minmax(350px, 690px) minmax(570px, 1fr); }
    }
    @media(max-width: 1439px) {
      section.first-hero,
      section.hero.first-hero.professional.aboutus { padding: 40px 0; }
      section.first-hero .hero-layout,
      section.hero.first-hero.professional .hero-layout { grid-template-columns: minmax(350px, 480px) minmax(500px, 1fr); }
      footer.site-footer .footer-main-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
      section.first-hero section.hero-wheel-wrap figure { margin: 0 auto; width: 80%; }
      section.hero.first-hero.professional .hero-layout section.hero-wheel-wrap figure { width: 100%; }
      .btnIcon .icons { width: 24px; height: 24px; margin: 0 8px 0 0; }
      section.association-section.why-section { padding:35px 0 }  
      section.association-section.why-section .association-item h2 { margin-bottom:25px }
            section.works-area .works-wrapper .steps-wrapper .circle-icon { width: 100px; height: 100px; }
      section.works-area .works-wrapper .steps-wrapper .circle-icon img { width: 40px; height: 40px; }
      section.works-area .works-wrapper .steps-wrapper .circle-icon .number { width: 38px; height: 38px; font-size: 18px; }
      section.discover-sec .card { padding:15px }
      section.discover-sec .card-content ul { padding-left: 15px; }
    }
    @media(max-width: 1399px) {
      section.discover-sec .inner-wrap { grid-template-columns: minmax(300px, 490px) minmax(520px, 1fr); gap: 20px; }
    }
    @media (max-width:1279px){
      .plateforms-comparison-section .comparison-wrapper { flex-direction: column; gap: 50px; }
      .plateforms-comparison-section .comparison-left { width: 100%; max-width: 700px; }  
      .plateforms-comparison-section .comparison-table-wrap { width:100%;}
      .platforms-section .platform-wrapper { flex-direction: column; }
      .platforms-section .platform-wrapper .title-sec, 
      .platforms-section .platform-features { width: 100%; }
    }
    @media(max-width: 1199px) {
      .btn { font-size: 16px; }
      footer.site-footer .footer-main-grid .footer-col .footer-brand-row a { width: 240px; display: inline-block; }
      footer.site-footer .footer-socials { margin-top: 20px }
      section.audience-section .audience-list .audience-item .audience-item { grid-template-columns: 1fr; gap: 18px; }
      .audience-photo { height: 220px; }
      section.why-section .infra-photo { height: 250px; }
      section.why-section .infra-icon { max-height: 40px; max-width: 40px; margin-bottom: 15px; }
      section.latest-articles .latest-articles--tab h2 { margin-bottom: 15px; }
      .quote-nav button.quote-next { right: -15px; }
      .quote-nav button.quote-prev { left: -15px; }
      section.first-hero section.hero-wheel-wrap figure { width: 100%; }
      section.why-section.helpassociate-grid .infra-section .infra-list { gap:24px }
      section.engagement-advantage-sec .advantage-grid .advantage-card { width: calc(100% / 3 - 16px); }
      section.discover-sec .inner-wrap {  }
      section.discover-sec .card h3 { margin-bottom: 15px; }
      section.infrastructure-section { padding:0 0 35px 0 }
      section.infrastructure-section .infra-wrapper .infra-card { padding: 20px 20px;flex-flow: row wrap; }
      section.infrastructure-section .infra-wrapper .infra-box p { margin-bottom:10px }
      section.infrastructure-section .infra-wrapper .infra-box { width: 50%; order: 2; text-align: center; margin-top: 15px; }
      section.infrastructure-section .infra-wrapper .infra-box ul { display: inline-block; text-align: left; }
      section.infrastructure-section .infra-wrapper .infra-card .member-circle img { width: 180px; }
      section.infrastructure-section .infra-wrapper .infra-card .member-circle { width: 100%; order: 1; }
      section.infrastructure-section .infra-wrapper .infra-box .icon { margin: 15px 0; }
      section.discover-sec .features-list { grid-template-columns: 1fr; gap: 20px; }
      .comparison-tab-section .comparison-wrapper { flex-direction: column; gap: 30px;}
      .comparison-tab-section .comparison-sidebar, 
      .comparison-tab-section .comparison-content { width: 100%; }
      .comparison-tab-section .comparison-tabs{ flex-direction: row; flex-wrap:wrap;}
      section.receive-area .receive-wrapper,
      section.works-area .works-wrapper { flex-direction: column; gap: 35px; }
      section.receive-area .receive-wrapper .receive-left,
      section.works-area .works-wrapper .works-left { max-width: 100%; }

      section.audit-evaluates-sec .audit-wrapper { flex-direction: column; }
      section.audit-evaluates-sec .audit-left { max-width: 100%; }
      section.why-matters-sec .top-wrap { gap:30px }
      section.why-matters-sec .top-wrap .left-content { max-width: 300px; }
      section.trusted-section .trusted-logos .trusted-logo img { max-width: 120px; max-height: 60px; }
      section.detail-group--section .list-main aside h2 { padding: 0 0 0 38px; }
      section.detail-group--section .list-main aside h2:after {     top: -1px;width: 26px; height: 26px; }
    }
    
    @media(max-width: 991px) {
      .btn { min-height: auto; padding: 8px 15px; }
      .navbar-nav .sub-menu { overflow: hidden; transition: height 0.35s ease; }
      .sub-menu { display: none; }
      header.site-header .main-nav .inner .hero-menu-wrapper ul>li span.menu-toggle { display: inline-block; width: 44px; height: 44px; cursor: pointer; position: absolute; top: 0; right: 0; }
      header.site-header .main-nav .inner .hero-menu-wrapper ul>li span.menu-toggle::after { content: ""; width: 9px; height: 9px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; position: absolute; top: 15px; left: 18px; transform: rotate(45deg); transition: transform 0.5s ease; }
      header.site-header .main-nav .inner .hero-menu-wrapper ul>.menu-item.active>span.menu-toggle::after { transform: translateY(6px) rotate(220deg); }
      header.site-header .main-nav { padding: 0; }
      header.site-header .main-nav .inner .navbar-collapse { z-index: 9;position: absolute; top: 60px; background: #1676ce; left: 0; width: 100%; padding: 15px; }
      header.site-header .main-nav .inner .hero-menu-wrapper ul>li ul>li>a { padding: 10px 12px; font-size: 14px; display: block; transition: 0.5s ease; }
      header.site-header .main-nav .inner .hero-menu-wrapper ul>li ul li+li { border-top-color: #19c5b457; }
      header.site-header .main-nav .inner .hero-menu-wrapper ul>li ul li { border-top-color: #19c5b457; }
      header.site-header .main-nav .inner .hero-menu-wrapper ul>li.menu-item-has-children>a::after { top: 14px; right: 14px; }
      header.site-header .main-nav .inner .hero-menu-wrapper ul>li.menu-item-has-children.active>a::after { transform: translateY(6px) rotate(220deg); }
      header.site-header .main-nav .inner .hero-menu-wrapper ul>li+li { border-top: 1px solid #19c5b457; }
      header.site-header .main-nav .inner .hero-menu-wrapper ul>li>a { padding: 10px 0; }
      footer.site-footer .footer-main-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
      footer.site-footer .footer-col ul { margin: 0 0; }
      footer.site-footer .footer-cta-wrap { padding: 50px 0; grid-template-columns: 1fr; text-align:center; }
      footer.site-footer .footer-cta-wrap .footer-cta-btn { max-width: none; min-width: auto; margin: 0 auto; }
      footer.site-footer .footer-legal { justify-content: center; flex-direction: column; align-items: center; gap: 10px; }
      section.first-hero { padding:30px 0 25px }
      section.first-hero .hero-layout .hero-copy .actions-grp a { flex: auto; }
      section.trusted-section .trusted-logos {        /*grid-template-columns: repeat(4, minmax(0, 1fr));*/ }
      section.why-section .infra-row { grid-template-columns: 1fr; gap: 14px; }
      section.why-section.helpassociate-grid .infra-section .infra-row {gap: 14px;}
      section.why-section .infra-row:nth-child(2n) .infra-photo,
      section.why-section .infra-row:nth-child(2n) .infra-copy { order: initial; }
      section.insight-integration-section .ii-grid { grid-template-columns: 1fr; }
      section.insight-integration-section .ii-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      section.insight-integration-section .integrations-block .tech-logos { grid-template-columns: repeat(3, minmax(0, 1fr)); }
      section.audience-section .audience-list { margin: 0 -10px; }
      section.audience-section .audience-list .audience-item { margin: 0 10px; }
      section.audience-section .audience-list .audience-item .audience-copy h3 { margin: 0 0 8px 0; }
      section.audience-section .audience-list .audience-item .audience-copy .audience-link { margin-top: 15px; }
      section.why-section .infra-section { padding: 35px 0 0; }
      section.stories-section .story-play { width: 88px; height: 60px; }
      section.feature-matrix-section .fm-card { padding: 40px 25px 20px; }
      section.hero.first-hero.default-banner .listofpoints ol { padding: 0 0 0 23px; column-count: 1; }
      section.hero.first-hero.default-banner { padding: 50px 0; }
      section.hero.first-hero.default-banner .inner ol li { font-size: 16px; line-height: 1.15; }
      .wrapper.cms-page>ol { padding-left: 1.5rem; }
      .wrapper.cms-page ol li h2 { margin: 20px 0 8px 0; }
       section.role_list--section { padding:35px 0 }
      section.role_list--section .role_list---wrap .list-main ul { gap: 20px }
      section.hero.first-hero.professional section.hero-wheel-wrap img { width: 100% }
      section.feature-matrix-section .fm-grid { gap: 50px; margin-bottom: 0 }
      section.growth-section .form-card { padding: 25px 40px; }
      section.growth-section { padding: 30px 0; }
      .blog-featured--images { height: 200px; max-height: 200px; }
      .pagination-numbers .page-numbers {width: 35px; height: 35px;}
      section.audit_sc { padding: 50px 0; }
      section.why-section .infra-list.engagement-grid { grid-template-columns: 1fr 1fr; }
      section.quote-cards-section .quote-card .quote-card-wrapper footer { margin-top: 25px; }
      section.quote-cards-section .quote-card .quote-card-wrapper footer .quote-avatar { width: 25px; height: 25px; min-width: 25px; min-height: 25px; max-width: 25px; max-height: 25px; }
      section.stories-section .story-card .story-card--wrapper { flex-direction: column; }
      section.feature-matrix-section .fm-grid { gap: 40px; }
      section.feature-matrix-section .fm-card h6 { margin: 0 0 5px 0; }
      section.quote-cards-section .quote-link { font-size: 16px }
      section.events-section .events-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 25px; }
      footer.site-footer .footer-legal ul { margin-top: 0; gap: 15px }
      section.first-hero section.hero-wheel-wrap figure { margin: auto; }
      section.webinar-section .webinar--inner .webinar--inner_wrap { gap: 25px; } 
      section.webinar-section .webinar--inner .webinar--inner_wrap .left-box { width: 50%; max-width: 50%; }
      section.stories-section.customerStories,
      .single-use-cases section.stories-section.customerStories  { padding: 15px 0 25px 0; }  
      section.webinar-section .webinar--inner { gap: 25px; }
      section.webinar-section .webinar--inner .webinar--inner_wrap span.story-play { width:44px; }
      section.events-section.past-event-section .webinar-row+.webinar-row { margin-top:35px }
      section.why-section.helpassociate-grid { padding: 35px 0 20px; }
      section.why-section.helpassociate-grid .infra-section .infra-list { grid-template-columns: 1fr 1fr; }
      section.engagement_about-wheel .engagement_about-wheel-wrapper .engagement-inner .main-image { max-width: 600px;}
      section.hero-wheel-wrap { margin-top: 35px; }
      section.first-hero.singlePlatform .hero-layout section.hero-wheel-wrap{ margin:0 }
      section.engagement_about-wheel .engagement_about-wheel-wrapper .engagement-wrapper-inner .card.card1 { padding: 30px 40px 30px 30px; }
      section.engagement_about-wheel .engagement_about-wheel-wrapper .engagement-wrapper-inner .card.card2 { padding: 30px 30px 30px 40px; }
      section.engagement_about-wheel .engagement_about-wheel-wrapper .engagement-wrapper-inner .card.card3 { padding: 30px 40px 30px 30px; }
      section.engagement_about-wheel .engagement_about-wheel-wrapper .engagement-wrapper-inner .card.card4 { padding: 30px 30px 30px 40px; }
      section.latest-articles .latest-articles--tab { margin: 0 0 25px 0; }
      .page-template-page-customer-stories #youtubeVideo .modal-dialog iframe,
      .single-use-cases #youtubeVideo .modal-dialog iframe{ min-height: unset; aspect-ratio:16/9; }
      aside.integration-content.media .media-body .title-grp span.icons  { width: 60px; height: 60px; }
      section.productTourTab--section .tab--wrapepr>ul.nav { margin-bottom:35px; }
      section.productTourTab--section .tab--wrapepr .tab-content .tab-pane .left-box { width:50% }
      section.discover-sec { padding: 20px 0 0 0;  }
      section.discover-sec .inner-wrap { grid-template-columns: 1fr; }
      section.discover-sec .cards { flex-wrap: wrap; gap: 20px; }
      section.discover-sec .arrow { display: none; }
      section.discover-sec .card { min-height: auto; }
      section.articalpreview-sc .wrapper .list-grp { grid-template-columns: 1fr; row-gap: 15px; }
      .infra-wrapper { flex-direction: column; }
      .download-form-box { width: 100%; }
      section.infrastructure-section .infra-wrapper .infra-box .bottom-part { display: flex; flex-flow: row wrap; justify-content: center; gap: 25px; }
      section.infrastructure-section .infra-wrapper,
      .comparison-table-sec .table-row { grid-template-columns: 1fr; }
      section.infrastructure-section .infra-wrapper .download-form-box { width: auto; }
      .comparison-table-sec .center-col { justify-content: flex-start; text-align: left; }
      .comparison-table-sec .table-row:not(.table-header) .table-col:first-child,
      .comparison-table-sec .table-row:not(.table-header) .table-col:last-child { border: 1px solid #ddd; }
      .comparison-table-sec .table-row:last-child .table-col,
      .comparison-table-sec .table-row:not(.table-header) .table-col:first-child { border-radius: 0 }
      .comparison-table-sec .left-col,
      .comparison-table-sec .right-col { padding: 12px }
      .platforms-section .platform-features { flex-wrap: wrap; justify-content: center; gap: 20px; padding-bottom: 0; }
      .platforms-section .feature-item { flex: 0 0 calc(33.33% - 20px); }
      .platforms-section .feature-item::after, 
      .platforms-section .platform-features::after, .platforms-section .center-brand { display: none; }
      .comparison-tab-section .comparison-grid { grid-template-columns: 1fr; }

      section.engagement-insights-sec .section-heading { margin:0 auto 35px; } 
      section.audit-evaluates-sec .audit-right { grid-template-columns: repeat(2, 1fr); }
      section.engagement-insights-sec .insights-grid { grid-template-columns: 1fr; }
      section.audit-top-area .top-boxes,
      section.receive-area .receive-wrapper .receive-right { grid-template-columns: repeat(2, 1fr); }
      .platforms-section .feature-circle { width:200px }
      .comparison-tab-section .comparison-tabs { gap:10px }
      section.why-matters-sec { padding: 30px 0; }
      section.why-matters-sec .top-wrap { flex-direction: column; gap: 20px; }
      section.why-matters-sec .top-wrap .left-content { max-width: 100%; }
      section.why-matters-sec .bottom-text p { padding: 0 0 0 38px; }
      section.why-matters-sec .bottom-text p:after { transform: translate(5px, -50%); width: 24px; height: 24px;}
      footer.site-footer .footer-col.col3 .footer-colwid+.footer-colwid { margin: 10px 0 0 0; }
      section.feature-matrix-section.professional .fm-grid .fm-card { min-height: 160px; padding: 36px 25px 30px;}
      section.hero.first-hero.professional .hero-layout .hero-copy .content-grp { margin: 15px 0 25px; }
    }
    @media(max-width: 767px) {
      .title-main { margin: 0 0 25px 0; }
      .title-main h3 { margin-bottom: 15px; }
      .title-main .intro, .title-main .intro p { font-size: 16px; line-height: 1.35; }
      .blog-top--title .search_form form .icons { width: 42px; height: 42px; }
      .blog-top--title .search_form form .icons img { width: 20px; }
      .blog-top--title .search_form form input { padding: 9px 40px 9px 15px; }
      footer.site-footer .footer-cta-copy { text-align:center; }
      footer.site-footer .footer-cta-wrap { padding: 30px 0; gap: 15px; }
      footer.site-footer .footer-main-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      footer.site-footer .footer-socials a { width: 30px; height: 30px; }
      section.first-hero, section.hero.first-hero.professional.aboutus { padding: 35px 0 25px; }
      section.hero.first-hero.professional.aboutus .hero-layout .hero-copy .content-grp { margin:15px 0 }
      section.feature-matrix-section .fm-grid { grid-template-columns: 1fr; margin: 60px 0 0; }
      section.why-section { padding: 25px 0 0 }
      section.why-section .infra-icon { max-height: 35px; max-width: 35px; margin-bottom: 10px; }
      section.why-section .infra-photo { height: auto; }
      section.why-section .infra-list.engagement-grid { grid-template-columns: 1fr; } 
      section.why-section .engagement-link { margin-bottom: 30px; margin-top: 0; }
      section.stories-section .story-card a {     margin-top: 15px; }
      section.stories-section { padding: 4px 0 35px; }
      section.stories-section .story-play { width: 58px; height: 40px; }
      section.faq-section-v2 .faq2-list { max-width: 100% }
      section.faq-section-v2 .faq2-item .faq2-toggle { width: 15px; height: 15px; }
      section.events-section .events-grid { grid-template-columns: 1fr; gap: 25px; }
      .wrapper.cms-page ol li>p { margin-bottom: 0.5rem; }
      
      section.role_list--section .role_list---wrap .list-main ul { gap: 15px }
      section.growth-section .form-card { padding: 20px 25px; }
      section.latest-articles .latest-articles--grid article.post-item { width: 100%; }
      section.quote-cards-section .quote-link { font-size:14px }
      .quote-nav button { width:30px; height:30px }
      .quote-nav { bottom: -5px; }
      section.quote-cards-section { padding: 8px 0 35px; }
      section.events-section { padding: 35px 0; }
      section.faq-section-v2 { padding: 35px 0; }
      section.faq-section-v2 .faq2-item header { padding: 15px 20px; }
      section.feature-matrix-section .fm-card { padding: 20px 15px; }
      section.feature-matrix-section.professional .fm-grid .fm-card { min-height: auto; }
      section.webinar-section .webinar--inner .webinar--inner_wrap .left-box { width: 100%; max-width: 100%; }
      section.webinar-section .webinar--inner .webinar--inner_wrap { gap:15px }
      section.quote-cards-section .quote-card .quote-card-wrapper .comp-logo { margin: 0 auto 15px 0; }
      section.quote-cards-section .quote-card .quote-card-wrapper footer { margin-top:15px }
      .pagination-numbers{ gap:6px }
      .custom-pagination { margin-top: 30px; }
      .pagination-numbers .page-numbers {width: 28px; height: 28px; font-size: 13px;}
      .pagination-prev a,
      .pagination-next a { font-size: 13px; } 
      section.events-section.past-event-section .webinar-row+.webinar-row { margin-top:20px }
      section.engagement_about-wheel .engagement_about-wheel-wrapper .engagement-wrapper-inner { grid-template-columns: 1fr; gap:20px }
      section.why-section.helpassociate-grid .infra-section .infra-list { grid-template-columns: 1fr; }
      section.engagement_about-wheel .engagement_about-wheel-wrapper .engagement-wrapper-inner .center-icon { display:none; }
      section.engagement_about-wheel .engagement_about-wheel-wrapper .engagement-wrapper-inner .card.card1 { padding: 20px;}
      section.engagement_about-wheel .engagement_about-wheel-wrapper .engagement-wrapper-inner .card.card2 { padding: 20px;}
      section.engagement_about-wheel .engagement_about-wheel-wrapper .engagement-wrapper-inner .card.card3 { padding: 20px;}
      section.engagement_about-wheel .engagement_about-wheel-wrapper .engagement-wrapper-inner .card.card4 { padding: 20px;}
      .slick-dots li button, .slick-dots li, .slick-dots li button:before { width: 8px; height: 8px; }
      section.faq-section-v2 .faq2-help { margin-top:30px }
      section.latest-articles .latest-articles--tab .filters { gap:8px }
      section.latest-articles .latest-articles--tab .filters button { font-size: 14px; padding: 6px 14px; } 
      .author-card.card-wrapper { padding:30px 0 }
      .author-card.card-wrapper .card { padding: 30px 25px;width: 90%; max-width: 400px; }
      .author-card.card-wrapper .card::before { filter: blur(18px); }
      .author-card.card-wrapper .card .avatar { width: 80px; height: 80px; } 
      .blogdetail_sc .blog-details { margin:35px 0 }
      .blogdetail_sc .blog-details .badge { padding: 9px 19px; font-size: 13px; }
      section.latest-articles .latest-articles--grid article.post-item:last-child { margin-bottom:0 }
      .blogdetail_sc .latest-articles { margin-bottom:35px }
      section.latest-articles .latest-articles--tab h2 { margin-bottom:0 }
      section.latest-articles .latest-articles--tab a { padding: 8px 16px; }
      .check-list li:before { width: 28px; height: 28px; }
      aside.integration-content.media { flex-flow:column wrap; }
      aside.integration-content.media .media-left { margin:0 auto; }
      aside.integration-content.media .media-body .title-grp { margin: 0 0 15px 0 }
      section.hero.first-hero.integrationSc { padding: 35px 0 25px; }
      section.integration-list.integrationSc-titlecntsc .title-content-grp { padding: 20px 0; }
      section.integration-list.integrationSc-titlecntsc .integration-list-section { padding: 20px 0 35px; }
      section.latest-articles .latest-articles--grid article.post-item .badge { padding: 7px 15px; font-size: 12px; }
      section.latest-articles .latest-articles--grid article.post-item p { line-height: 1.2;	}
      section.latest-articles .latest-articles--tab { margin: 0 0 20px 0; }
      section.first-hero.singlePlatform .hero-layout section.hero-wheel-wrap .hero-slider .hero-slide { height: 300px } 
      section.meet-members { padding:  0 0 30px 0; }
      section.comparison .intro *,
      section.meet-members .intro p { line-height: 1.3;  }
      section.comparison,
      section.mobile-features { padding:0 0 30px }
      section.productTourTab--section .tab--wrapepr .tab-content .tab-pane h3,
      section.comparison .comparison-box h4 { margin:0 0 15px }
      .single-use-cases section.stories-section.customerStories .small_title { margin-bottom: 20px; }
      section.use_caselist--after { padding:30px 0 }
      section.productTourTab--section { padding: 25px 0 30px; }
      section.productTourTab--section .tab--wrapepr>ul.nav { margin-bottom:20px; }
      section.productTourTab--section .tab--wrapepr>ul.nav li { flex:0 0 50% }
      section.productTourTab--section .tab--wrapepr>ul.nav li button.nav-link { padding: 12px 20px; }
      section.productTourTab--section .tab--wrapepr .tab-content .tab-pane .left-box { width:100% }
      section.productTourTab--section .tab--wrapepr .tab-content .tab-pane .description ul li+li { margin: 4px 0 0 0; }
      section.engagement-advantage-sec .advantage-grid { grid-template-columns: repeat(1, 1fr); }
      section.engagement-advantage-sec .advantage-grid .advantage-card .icon { height: 45px;width: 50px;margin-bottom: 10px; }
      section.engagement-advantage-sec .advantage-grid .advantage-card { width: 100%; }
      .blog-top--title { flex-flow: row wrap; gap: 15px; }
      .blog-top--title .search_form, 
      .blog-top--title .search_form form input {width: 100%; max-width:100% }
       section.integrationGrid-section{ margin:15px 0 0 0 }
      .engagement-advantage-sec { padding: 60px 0; }
      .engagement-advantage-sec h2 { font-size: 34px; }
      .engagement-advantage-sec .subtitle { font-size: 18px; margin-bottom: 35px; }
      .advantage-card h4 { font-size: 24px; }
      .advantage-card p { font-size: 17px; }
      section.discover-sec .inner-wrap { padding: 25px 20px; border-radius: 16px; }
      section.discover-sec .content p { font-size: 17px; }
     
      section.discover-sec .cards { flex-direction: column; gap: 20px; }
      section.discover-sec .card { width: 100%; padding: 24px 20px; }
      section.discover-sec .feature-icon { width:38px }
      section.discover-sec .card-content p { margin-bottom:10px }
      section.infrastructure-section .infra-wrapper .infra-box { width:100% }
      .plateforms-comparison-section .comparison-left .legend-item  { font-size: 16px; }
      .plateforms-comparison-section .comparison-table-wrap .table-row .cell { font-size: 15px; padding: 16px 10px; }
      .plateforms-comparison-section .comparison-table-wrap .table-row .cell.feature-name { font-size: 14px; }
      .plateforms-comparison-section .comparison-table-wrap .table-row .cell { padding: 20px 5px; }
      .platforms-section .feature-item { flex: 0 0 calc(50% - 15px); }
      .platforms-section .feature-circle { height: 170px; }
      .platforms-section .feature-circle h3 { font-size: 14px; }
      .plateforms-comparison-section .comparison-table-wrap .table-header .cell{font-size:14px;}
      .platforms-section .feature-circle img{ width: 50px;}
      .comparison-tab-section .comparison-wrapper { padding: 24px; border-radius: 20px; }
      .comparison-tab-section .comparison-tab-btn { padding: 5px 12px;   }
      .comparison-tab-section .comparison-top-box, 
      .comparison-tab-section .comparison-card { padding: 20px;         margin-bottom: 13px; }
      section.audit-evaluates-sec .audit-wrapper,
      section.why-matters-sec .top-wrap { gap:20px }
      section.why-matters-sec .top-wrap .right-icons { grid-template-columns: repeat(2, 1fr); gap: 20px; }
      section.why-matters-sec .top-wrap .icon-circle { width: 90px; height: 90px; }
      section.why-matters-sec .top-wrap .icon-circle img { max-width: 45px; }
      section.why-matters-sec .bottom-box { align-items: flex-start; }
      section.audit-evaluates-sec { padding: 30px 0; }
      section.audit-evaluates-sec .audit-right { grid-template-columns: 1fr; }
      section.audit-evaluates-sec .audit-card { min-height: auto; }
      section.audit-top-area .top-boxes,
      section.receive-area .receive-wrapper .receive-right,
      section.works-area .works-wrapper .steps-wrapper { grid-template-columns: 1fr; }
      section.engagement-insights-sec .insights-grid,
      section.receive-area .receive-wrapper .receive-right { gap:20px }
      section.engagement-insights-sec .insight-card .bottom-image { margin:15px auto 0;  }
      .arrow { display: none; }
      section.engagement-insights-sec .icon-box { width: 80px; height: 80px; min-width: 80px; border-radius: 50%; background: #d9f0ea; display: flex; align-items: center; justify-content: center; }
      section.engagement-insights-sec .icon-box img { max-width: 40px; }
      .insight-card { padding: 25px 20px; }
      section.works-area .works-wrapper .steps-wrapper .step-item .step-top:after { display:none; }
      section.works-area .works-wrapper .steps-wrapper .step-item h3 { margin-bottom:10px }
      section.works-area .works-wrapper .steps-wrapper .circle-icon { width: 80px; height: 80px; }
      section.works-area .works-wrapper .steps-wrapper .circle-icon img { width: 35px; height: 35px; }
      section.works-area .works-wrapper .steps-wrapper .circle-icon .number { width: 25px; height: 25px; font-size: 18px; }
      section.works-area .works-wrapper .steps-wrapper .step-item .step-top { margin-bottom:15px }
      section.audit-top-area { padding:20px 0 }
      section.audit-top-area .top-boxes { gap:15px }
      .comparison-tab-section .comparison-tabs { gap:10px }
      section.receive-area { padding: 30px 0; }
      section.receive-area .receive-wrapper, section.works-area .works-wrapper { gap: 20px; }
      section.receive-area .receive-wrapper .receive-item h3:after { width: 26px; height: 26px; }
    }
    @media(max-width: 600px) {
      .btn { font-size: 15px; border-width: 1px; padding: 8px 15px; min-height: 42px; line-height: 1; }
      .btnIcon .icons { width: 24px; height: 24px; margin: 0 8px 0 0; }
      footer.site-footer .footer-main { padding:35px 0 }
      footer.site-footer .footer-main-grid { grid-template-columns: 1fr; gap: 15px; }
      footer.site-footer .footer-col ul li { padding: 2px 0; }
      footer.site-footer .footer-col h4 { margin: 0 0 5px; }
      footer.site-footer .footer-legal { margin-top:25px }
      footer.site-footer .footer-legal ul:first-child { flex-direction: column; }
      section.first-hero .hero-layout .hero-copy p,
      section.first-hero .hero-layout .first-hero .hero-note { font-size: 15px; line-height: 1.35; }
      section.trusted-section .trusted-logos { grid-template-columns: 1fr 1fr; gap: 10px; }
      section.trusted-section .trusted-logo { min-height: 62px; font-size: 16px; }
      section.trusted-section .trusted-kpi span { font-size: 17px; }
      .why-compare { grid-template-columns: 1fr; gap: 12px; }
      .why-compare .why-vs { position: static; transform: none; margin: 2px auto; }
      section.audience-section { padding: 35px 0; }
      section.insight-integration-section .ii-wrap { gap: 36px; }
      section.insight-integration-section .ii-list li { font-size: 15px; }
      section.insight-integration-section .integrations-block .tech-logos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      section.trusted-section .trusted-kpis { grid-template-columns: 1fr; gap: 10px; }
      section.insight-integration-section .integrations-block .tech-headline { font-size: 22px; }
      .quote-nav { display: none; }
      section.trusted-section .trusted-logo--wrapper .title-main { margin: 0 0 15px 0; padding: 0 0 15px 0; }
      aside.integration-content.media .media-left { width: 100%; height: auto; aspect-ratio: 1 / 1; }
      .author-card.card-wrapper .card { padding: 25px 20px; width: 97%; gap: 15px; }
      .author-card.card-wrapper .card .avatar { width: 70px; height: 70px; }
      section.first-hero.singlePlatform .hero-layout section.hero-wheel-wrap .hero-slider { width:100% }
      section.first-hero.singlePlatform .hero-layout section.hero-wheel-wrap .hero-slider .hero-slide { height: 300px; }
      section.use_caselist--after .top-wrapper .small-title { margin:0 0 5px 0 }
      section.use_caselist--after h2 { margin:0 0 10px 0 }
      section.hero.first-hero.productTour .hero-layout .hero-wheel-wrap figure img { width:100% }
      section.use_caselist--after .card { padding:20px }
      .pagination-numbers .page-numbers {width: 24px; height: 24px;}
      section.infrastructure-section .infra-wrapper .infra-box .icon img { width:45px }
      section.infrastructure-section .infra-wrapper .infra-box h3 { margin-bottom:5px }
      section.discover-sec .features-list { gap: 15px; } 
      .platforms-section .feature-circle { width: 100%; max-width: 170px; }
      section.why-matters-sec .top-wrap .right-icons { grid-template-columns: 1fr; }
      section.works-area .works-wrapper .steps-wrapper { gap:15px }
      .comparison-tab-section .comparison-tab-btn { width:100%  }
    }