diff --git a/src/images/dude_desk_plant.png b/src/images/dude_desk_plant.png
index 639e5668..8ddf325c 100644
Binary files a/src/images/dude_desk_plant.png and b/src/images/dude_desk_plant.png differ
diff --git a/src/pages/pricing/PricingSlider/index.tsx b/src/pages/pricing/PricingSlider/index.tsx
index 8f03f644..702dd422 100644
--- a/src/pages/pricing/PricingSlider/index.tsx
+++ b/src/pages/pricing/PricingSlider/index.tsx
@@ -2,14 +2,15 @@ import { Slider, styled } from "@mui/material"
 
 const PricingSlider = styled(Slider)({
     color: "#5272EB",
-    width: "87%",
-    margin: "auto",
-    borderRadius: "3px",
-    marginLeft: "25px",
-    marginTop: "50px",
+    width: "100%",
+    marginTop: 50,
+    padding: "18px 0 !important",
+    borderRadius: 3,
+    boxSizing: "border-box",
+
     "& .MuiSlider-thumb": {
-        height: 36,
-        width: 36,
+        height: 40,
+        width: 40,
         backgroundColor: "#5272EB",
         border: "6px solid white",
         boxShadow: "0px 2px 7px rgba(0, 0, 0, 0.25)",
@@ -21,13 +22,15 @@ const PricingSlider = styled(Slider)({
         },
     },
     '& .MuiSlider-track': {
-        height: 28,
+        height: 16,
     },
     '& .MuiSlider-rail': {
         color: '#D9D9D9',
         opacity: 1,
-        height: 28,
-        width: '100.5%'
+        height: 16,
+        width: '101%',
+        borderRadius: 3,
+        left: 0,
     },
     '& .MuiSlider-mark': {
         color: '#D9D9D9',
@@ -40,7 +43,12 @@ const PricingSlider = styled(Slider)({
         }
     },
     '& .MuiSlider-markLabel': {
-        top: "-32px"
+        top: "-24px",
+        fontSize: 13,
+        fontWeight: 500,
+        color: "#3F3F46",
+        fontFamily: "Inter"
+
     }
 })
 
diff --git a/src/pages/pricing/Sections/CostCalculator.tsx b/src/pages/pricing/Sections/CostCalculator.tsx
index 513065f0..2f7648b6 100644
--- a/src/pages/pricing/Sections/CostCalculator.tsx
+++ b/src/pages/pricing/Sections/CostCalculator.tsx
@@ -25,27 +25,29 @@ const PricingCostCalculator = () => {
     return (
         <div className="cost-calculator">
             <div className="heading">
-                <h2>Price Comparison</h2>
+                <h2>Pricing Comparison</h2>
             </div>
             <div className="cost-calculator-container">
                 <div className="cost-calculator-left">
                     <div className="cost-calculator-subcontainer">
                         <div className="cost-calculator-title">
-                            <p className="cost-calculator-left-title zero-margin-bottom">Calculator</p>
-                            <p className="cost-calculator-subtitle">{gByteLabel(scale(selectedGbs))} of Data Moved</p>
+                            <p className="cost-calculator-left-title">Calculator</p>
+                            <p className="cost-calculator-subtitle">{gByteLabel(scale(selectedGbs))} of Change Data</p>
                         
                         </div>
-                        <SliderComponent
-                            value={selectedGbs}
-                            min={1}
-                            max={gbPoints.length}
-                            step={0.0001}
-                            valueLabelFormat={val => gByteLabel(scale(val))}
-                            valueLabelDisplay="auto"
-                            marks={marks}
-                            // scale={scale}
-                            onChange={(_, val: number) => setSelectedGbs(val)}
-                        />
+                        <div className="cost-calculator-slider">
+                            <SliderComponent
+                                value={selectedGbs}
+                                min={1}
+                                max={gbPoints.length}
+                                step={0.0001}
+                                valueLabelFormat={val => gByteLabel(scale(val))}
+                                valueLabelDisplay="auto"
+                                marks={marks}
+                                // scale={scale}
+                                onChange={(_, val: number) => setSelectedGbs(val)}
+                            />
+                        </div>
                     </div>
                     <div className="content-bottom">
                         <div className="cost-calculator-title">
@@ -77,11 +79,11 @@ const PricingCostCalculator = () => {
                     </div>
                 </div>
                 <div className="cost-calculator-results-wrapper">
-                    <p className="results-title zero-margin-bottom">
+                    <p className="results-title">
                         Results
                     </p>
                     <div className="results-text-wrapper">
-                        <p className="results-title zero-margin-bottom">{currencyFormatter.format(prices.estuary)} / Month</p>
+                        <p className="results-subtitle">{currencyFormatter.format(prices.estuary)} / Month</p>
                         <ContextToolTip
                             placement="top-start"
                             title={(<Typography className="context-tooltip-text">
@@ -90,7 +92,7 @@ const PricingCostCalculator = () => {
                             <QuestionMarkIconWhite id="change-data" className="question-mark" />
                         </ContextToolTip>
                     </div>
-                    <p className="results-subtext zero-margin-bottom">
+                    <p className="results-subtext">
                         {gByteLabel(scale(selectedGbs))} of data moved
                     </p>
                     <p className="results-subtext">
@@ -101,14 +103,14 @@ const PricingCostCalculator = () => {
                 <div className="cost-calculator-right">
                     <div className="comparisons-wrapper">
                         <div className="cost-calculator-right-wrapper">
-                            <p className="cost-calculator-left-title zero-margin-bottom">
+                            <p className="cost-calculator-left-title">
                                 Comparisons
                             </p>
                         </div>
                         <div className="content-bottom">
                             <div className="cost-calculator-right-wrapper">
                                 <div className="comparisons-competition">
-                                    <p className="comparisons-subtext zero-margin-bottom">
+                                    <p className="comparisons-subtext">
                                         The Competition
                                     </p>
                                     <ContextToolTip
@@ -119,17 +121,16 @@ const PricingCostCalculator = () => {
                                         <QuestionMarkIcon id="change-data" className="question-mark-dark" />
                                     </ContextToolTip>
                                 </div>
-
-                            </div>
-                            <div className="comparisons-competitor">
-                                <p className="zero-margin-bottom">Fivetran</p>
-                                <p className="zero-margin-bottom">{currencyFormatter.format(prices.fivetran)} / Mo</p>
-                            </div>
-                            <div className="comparisons-competitor">
-                                <p className="zero-margin-bottom">Confluent</p>
-                                <p className="zero-margin-bottom">{currencyFormatter.format(prices.confluent)} / Mo</p>
                             </div>
                         </div>
+                        <div className="comparisons-competitor">
+                            <p>Fivetran</p>
+                            <p>{currencyFormatter.format(prices.fivetran)} / Mo</p>
+                        </div>
+                        <div className="comparisons-competitor">
+                            <p>Confluent</p>
+                            <p>{currencyFormatter.format(prices.confluent)} / Mo</p>
+                        </div>
                     </div>
                 </div>
             </div>
diff --git a/src/pages/pricing/Sections/FrequentlyQuestions.tsx b/src/pages/pricing/Sections/FrequentlyQuestions.tsx
index 70893e19..2214dbcb 100644
--- a/src/pages/pricing/Sections/FrequentlyQuestions.tsx
+++ b/src/pages/pricing/Sections/FrequentlyQuestions.tsx
@@ -16,7 +16,6 @@ const PricingFrequentlyQuestions = () => {
             </div>
             <div className="frequently-container">
                 <div className="question">
-
                     {frequentlyQuestions.map((item, index) => (
                         <Accordion defaultExpanded={true} key={index}>
                             <AccordionSummary
@@ -28,12 +27,11 @@ const PricingFrequentlyQuestions = () => {
                                 <Typography className="faq-text">{item.title}</Typography>
                             </AccordionSummary>
                             <AccordionDetails>
-                                <Typography className="faq-text" sx={{ lineHeight: "2.5rem", color: "#3F3F46" }}>
+                                <Typography className="faq-description" sx={{ lineHeight: "2.5rem", color: "#3F3F46" }}>
                                     {item.description}
                                 </Typography>
                             </AccordionDetails>
                         </Accordion>
-
                     ))}
                 </div>
             </div>
diff --git a/src/pages/pricing/Sections/Hero.tsx b/src/pages/pricing/Sections/Hero.tsx
index a0fa0fd8..b2d9d62f 100644
--- a/src/pages/pricing/Sections/Hero.tsx
+++ b/src/pages/pricing/Sections/Hero.tsx
@@ -1,15 +1,19 @@
-import React from "react"
+import React, { useState } from "react"
 import { StaticImage } from "gatsby-plugin-image"
 import { OutboundLink } from "gatsby-plugin-google-gtag"
 
+import HubspotModal from "../../../components/HubspotModal"
+
 const PricingHero = () => {
+    const [open, setOpen] = useState(false)
+
     return (
         <div className="pricing-page-top">
-            <div className="pricing-page-top-left">
-                <h1 className="product-flow-section-one-h1">
-                    Simply priced, <br /> pay as you go
+            <div>
+                <h1>
+                    Simply priced, pay as you go
                 </h1>
-                <p className="pricing-page-subheader-text">
+                <p>
                     Get instant back-fills without instant
                     bad-bills. We price predictably, on{" "}
                     <strong>GB of change data</strong> moved per
@@ -26,21 +30,22 @@ const PricingHero = () => {
                     >
                         Build free pipeline
                     </OutboundLink>
-                    <OutboundLink
-                        target="_blank"
-                        href="/about/#contact-us"
+                    <button
                         className="section-one-demo-button"
+                        onClick={() => setOpen(true)}
                     >
                         Contact Us
-                    </OutboundLink>
+                    </button>
                 </div>
             </div>
-            <div className="pricing-page-top-right">
+            <div className="image-container">
                 <StaticImage
                     placeholder="none"
                     alt="pricing logo"
-                    src="../images/dude_desk_plant.png"
-                    layout="fixed"
+                    src="../../../images/dude_desk_plant.png"
+                    width={400}
+                    height={400}
+                    loading="eager"
                     className="icon-image pricing-landing-image"
                 />
             </div>
@@ -53,6 +58,7 @@ const PricingHero = () => {
                     Build free pipeline
                 </OutboundLink>
             </div>
+            <HubspotModal open={open} onClose={() => setOpen(false)} portalId="8635875" formId="698e6716-f38b-4bd5-9105-df9ba220e29b" />
         </div>
     )
 }
diff --git a/src/pages/pricing/Sections/Plans.tsx b/src/pages/pricing/Sections/Plans.tsx
index 90ed0f4d..15dcd95a 100644
--- a/src/pages/pricing/Sections/Plans.tsx
+++ b/src/pages/pricing/Sections/Plans.tsx
@@ -1,14 +1,13 @@
-import React from "react"
-import { OutboundLink } from "gatsby-plugin-google-gtag"
+import React, { useState } from "react"
 import { Link } from "gatsby"
 
 import BlackCheckmark from "../../../svgs/checkmark-black.svg"
 import WhiteCheckmark from "../../../svgs/light-checkmark.svg"
 import PricingOpenSource from "../../../svgs/pricing-page-open-source.svg"
 import PurpleRectangle from "../../../svgs/purple_rectangle.svg"
-import WhiteRectangle from "../../../svgs/white_rectangle.svg"
 import PricingCloud from "../../../svgs/cloud-pricing.svg"
 import PricingEnterprise from "../../../svgs/pricing-page-enterprise.svg"
+import clsx from "clsx"
 
 const ChecklistItem = ({ children, white = false }) => (
     <div className="pricing-page-checklist-item">
@@ -26,118 +25,99 @@ const ChecklistItem = ({ children, white = false }) => (
     </div>
 )
 
-const PricingPlans = () => {
-
+const Card = ({ Icon, title, price, items, href, linkLabel, showTrial = false, smallPrice = false, selected = false, onClick }) => {
     return (
-        <div className="plan-container">
-            <div className="heading">
-                <h2>Plans</h2>
-            </div>
-            <div className="pricing-page-tiles-wrapper">
-                <div className="pricing-page-tile">
-                    <PricingOpenSource className="pricing-page-tile-icon" />
+        <div className="pricing-page-tile-container">
+            <div className={clsx("pricing-page-tile", showTrial && "pricing-page-tile-blue", selected && "pricing-page-tile-selected")}>
+                <div className={clsx("card-header", showTrial && "card-header-blue")} onClick={onClick}>
+                    {showTrial && <p className="pricing-page-corner-text">30-Day <br /> Free Trial</p>}
+                    <Icon className="pricing-page-tile-icon" />
                     <PurpleRectangle className="pricing-page-rectangle" />
-                    <p className="pricing-page-tile-name">Free</p>
-                    <p className="pricing-page-price">
-                        <span className="pricing-page-price">
-                            $0/GB
-                        </span>
-                    </p>
-                    <div className="pricing-page-checklist-wrapper">
-                        <ChecklistItem>
-                            Up to 10GB / mo for any 2 connectors
-                        </ChecklistItem>
-                        <ChecklistItem>
-                            Millisecond Latency
-                        </ChecklistItem>
-                        <ChecklistItem>
-                            UI & CLI for building & monitoring pipelines
-                        </ChecklistItem>
-                        <ChecklistItem>
-                            Limited Data Retention in Estuary Cloud
-                        </ChecklistItem>
-                        <ChecklistItem>
-                            Incremental Syncing for lower CDC cost
-                        </ChecklistItem>
-                        <ChecklistItem>
-                            Streaming Infrastructure
-                        </ChecklistItem>
-                    </div>
-                    <Link
-                        className="pricing-page-tile-button"
-                        to="https://dashboard.estuary.dev/register"
-                    >
-                        Get started
-                    </Link>
+                    <p className="pricing-page-tile-name">{title}</p>
+                    <p className={clsx("pricing-page-price", smallPrice && "pricing-page-price-small")}>{price}</p>
                 </div>
-                <div className="pricing-page-tile-purple">
-                    <p className="pricing-page-corner-text">30-Day <br /> Free Trial</p>
-                    <PricingCloud className="pricing-page-tile-icon" />
-                    <WhiteRectangle className="pricing-page-rectangle" />
-                    <p className="pricing-page-tile-name text-white">Cloud</p>
-                    <div className="pricing-page-checklist-wrapper">
-                        <p className="pricing-page-price text-white">
-                            $1/GB
-                        </p>
-                        <ChecklistItem white>
-                            $1/GB change data moved +$.14/hour/connector
-                        </ChecklistItem>
-                        <ChecklistItem white>All features of Free plan, plus... </ChecklistItem>
-                        <ChecklistItem white>
-                            Data stored in your cloud
+                <div className={clsx("pricing-page-checklist-wrapper", selected && "pricing-page-checklist-wrapper-selected")}>
+                    {items.map((item, index) => (
+                        <ChecklistItem white={showTrial} key={index}>
+                            {item}
                         </ChecklistItem>
-                        <ChecklistItem white>99.9% uptime SLA</ChecklistItem>
+                    ))}
 
-
-                        <ChecklistItem white>
-                            Unlimited Connectors
-                        </ChecklistItem>
-                        <ChecklistItem white>
-                            9x5 Customer Support via Slack/Email
-                        </ChecklistItem>
+                    <div className="tile-button-container">
+                        <Link
+                            className="pricing-page-tile-button"
+                            to={href}
+                        >
+                            {linkLabel}
+                        </Link>
                     </div>
-                    <OutboundLink
-                        target="_blank"
-                        href="https://dashboard.estuary.dev/register"
-                        className="pricing-page-tile-button-white"
-                    >
-                        Try it free
-                    </OutboundLink>
                 </div>
-                <div className="pricing-page-tile">
-                    <PricingEnterprise className="pricing-page-tile-icon" />
-                    <PurpleRectangle className="pricing-page-rectangle" />
-                    <p className="pricing-page-tile-name">Enterprise</p>
-                    <p className="pricing-page-price">
-                        <span className="pricing-page-price">
-                            Custom Pricing
-                        </span>
-                    </p>
-                    <div className="pricing-page-checklist-wrapper-custom">
-                        <ChecklistItem>
-                            All features of Free + Cloud, plus...
-                        </ChecklistItem>
-                        <ChecklistItem>
-                            SOC2 & HIPPA Certificates
-                        </ChecklistItem>
-                        <ChecklistItem>
-                            Customer Success Manager
-                        </ChecklistItem>
-                        <ChecklistItem>
-                            24x7 support available
-                        </ChecklistItem>
-                        <ChecklistItem>
-                            Provisioned servers
-                        </ChecklistItem>
+            </div>
+        </div>
+    )
+}
 
-                    </div>
-                    <Link
-                        className="pricing-page-tile-button"
-                        to="/about#contact-us"
-                    >
-                        Contact us
-                    </Link>
-                </div>
+const PricingPlans = () => {
+    const [selected, setSelected] = useState(2)
+
+    return (
+        <div className="plan-container">
+            <div className="heading">
+                <h2>Plans</h2>
+            </div>
+            <div className="pricing-page-tiles-wrapper">
+                <Card 
+                    selected={selected === 1}
+                    Icon={PricingOpenSource}
+                    title="Free"
+                    price="$0/GB"
+                    href="https://dashboard.estuary.dev/register"
+                    linkLabel="Get started"
+                    onClick={() => setSelected(1)}
+                    items={[
+                        'Up to 10GB / mo for any 2 connectors',
+                        'Millisecond Latency',
+                        'UI & CLI for building & monitoring pipelines',
+                        'Limited Data Retention in Estuary Cloud',
+                        'Incremental Syncing for lower CDC cost',
+                        'Streaming Infrastructure'
+                    ]}
+                />
+                <Card
+                    selected={selected === 2}
+                    showTrial
+                    Icon={PricingCloud}
+                    title="Cloud"
+                    price="$1/GB"
+                    href="https://dashboard.estuary.dev/register"
+                    linkLabel="Try it free"
+                    onClick={() => setSelected(2)}
+                    items={[
+                        '$1/GB change data moved +$.14/hour/connector',
+                        'All features of Free plan, plus...',
+                        'Data stored in your cloud',
+                        '99.9% uptime SLA',
+                        'Unlimited Connectors',
+                        '9x5 Customer Support via Slack/Email'
+                    ]}
+                />
+                <Card
+                    selected={selected === 3}
+                    Icon={PricingEnterprise}
+                    title="Enterprise"
+                    price="Custom Pricing"
+                    smallPrice
+                    href="/about#contact-us"
+                    linkLabel="Contact us"
+                    onClick={() => setSelected(3)}
+                    items={[
+                        'All features of Free + Cloud, plus...',
+                        'SOC2 & HIPPA Certificates',
+                        'Customer Success Manager',
+                        '24x7 support available',
+                        'Provisioned servers',
+                    ]}
+                />
             </div>
         </div>
     )
diff --git a/src/pages/pricing/Sections/PricingComparison.tsx b/src/pages/pricing/Sections/PricingComparison.tsx
index 6cecfb6c..1e7c217e 100644
--- a/src/pages/pricing/Sections/PricingComparison.tsx
+++ b/src/pages/pricing/Sections/PricingComparison.tsx
@@ -1,19 +1,14 @@
 import React from "react"
-import { useMediaQuery, useTheme } from "@mui/material"
 
 import PricingExampleTwo from "../../../svgs/graphic_parent_2.svg"
 import PricingExampleOne from "../../../svgs/graphic_parent.svg"
 
 const PricingComparison = () => {
-
-    const theme = useTheme()
-    const isSmall = useMediaQuery(theme.breakpoints.down(1350));
-
     return (
         <div className="pricing-comparison-wrapper">
             <h2 className="pricing-comparison-header">Pricing Examples</h2>
-            {isSmall ? (
-                <div className="pricing-comparison-row">
+            <div className="pricing-comparison-row">
+                <div className="box-container">
                     <div className="no-box-shadow">
                         <PricingExampleOne/>
                     </div>
@@ -25,35 +20,12 @@ const PricingComparison = () => {
                             <p className="pricing-comparison-card-body">Capture data from any source once. Estuary stores it all in your cloud storage. You’re only billed once for each source, target, and the data you move at $1/GB and $0.14/connector/hour.</p>
                         </div>
                     </div>
-
-
-                    <div className="no-box-shadow">
-                        <PricingExampleTwo/>
-                    </div>
-                    <div>
-                        <div className="pricing-comparison-text">
-                            <p className="pricing-comparison-card-header">Add New Targets</p>
-                            <p className="pricing-comparison-card-subheader">Only pay once for new target data</p>
-                            <p className="pricing-comparison-card-body">Add a new target, or add more data to an existing target, at any time. You only pay once for the additional targets and data sent to them at $1/GB and $0.14/connector/hour.</p>
-                        </div>
-
-                    </div>
                 </div>
-            ) : (
-                <div className="pricing-comparison-row">
-                    <div className="no-box-shadow">
-                        <PricingExampleOne/>
-                    </div>
+
+                <div className="box-container">
                     <div className="no-box-shadow">
                         <PricingExampleTwo/>
                     </div>
-                    <div>
-                        <div className="pricing-comparison-text">
-                            <p className="pricing-comparison-card-header">Streaming ETL</p>
-                            <p className="pricing-comparison-card-subheader">Only pay once for source and target data</p>
-                            <p className="pricing-comparison-card-body">Capture data from any source once. Estuary stores it all in your cloud storage. You’re only billed once for each source, target, and the data you move at $1/GB and $0.14/connector/hour.</p>
-                        </div>
-                    </div>
                     <div>
                         <div className="pricing-comparison-text">
                             <p className="pricing-comparison-card-header">Add New Targets</p>
@@ -63,10 +35,7 @@ const PricingComparison = () => {
 
                     </div>
                 </div>
-
-            )
-            }
-
+            </div>
         </div>
     )
 }
diff --git a/src/pages/pricing/Wrapper/index.tsx b/src/pages/pricing/Wrapper/index.tsx
index eacd276c..8a04202d 100644
--- a/src/pages/pricing/Wrapper/index.tsx
+++ b/src/pages/pricing/Wrapper/index.tsx
@@ -5,9 +5,7 @@ const PricingWrapper = ({ children }) => {
     return (
         <Layout headerTheme="light">
             <div className="pricing-page">
-                <div className="pricing-page-background-image-wrapper">
-                    {children}
-                </div>
+                {children}
             </div>
         </Layout >
     )
diff --git a/src/pages/pricing/index.tsx b/src/pages/pricing/index.tsx
index 7b7901c4..56eabf06 100644
--- a/src/pages/pricing/index.tsx
+++ b/src/pages/pricing/index.tsx
@@ -1,3 +1,5 @@
+import "./style.less"
+
 import React from "react"
 
 import Header from "./Head"
diff --git a/src/pages/pricing/style.less b/src/pages/pricing/style.less
new file mode 100644
index 00000000..e53f9ed7
--- /dev/null
+++ b/src/pages/pricing/style.less
@@ -0,0 +1,877 @@
+.pricing-page {
+    .pricing-page-top {
+        padding: 30px;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        gap: 50px;
+
+        h1 {
+            margin: 0;
+            color: #27272A;
+            font-size: 37px;
+            font-weight: 600;
+            line-height: 40px;
+            letter-spacing: -1.68px;
+        }
+
+        p {
+            margin: 0;
+            margin-top: 20px;
+            color: #3F3F46;
+            font-size: 13px;
+            font-weight: 400;
+            line-height: 20px;
+        }
+
+        .image-container {
+            position: relative;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+        }
+
+        .main-section-buttons {
+            display: none;
+        }
+
+        .section-one-demo-button {
+            all: unset;
+        }
+
+        .section-one-demo-button:focus {
+            outline: revert;
+        }
+
+        .section-one-try-it-button, .section-one-demo-button {
+            display: block;
+            background-color: #5072EB;
+            text-decoration: none;
+            padding: 17px 50px;
+            border-radius: 6px;
+            font-family: "Inter", sans-serif;
+            color: #ffffff;
+            font-size: 13px;
+            font-weight: 500;
+        }
+
+        .section-one-demo-button {
+            background-color: #70D3D6;
+            border-color: #70D3D6;
+            box-shadow: none;
+            color: #3F3F46;
+            text-transform: none;
+            outline: inherit;
+            cursor: pointer;
+        }
+    }
+
+    .plan-container {
+        padding: 10px;
+        position: relative;
+        max-width: 500px;
+        margin: 0 auto;
+
+        h2 {
+            color: #000;
+            font-family: Inter;
+            font-size: 30px;
+            font-style: normal;
+            font-weight: 500;
+            line-height: 27px;
+            letter-spacing: -0.48px;
+            text-align: center;
+            margin-bottom: 50px;
+        }
+
+        .pricing-page-tiles-wrapper {
+            display: flex;
+            text-align: center;
+            min-height: 530px;
+
+            .pricing-page-tile-container {
+                width: 100%;
+            }
+
+            .card-header {
+                border: 1px solid #D9D9D9;
+                padding: 10px;
+                padding-bottom: 5px;
+
+                path {
+                    fill: #000;
+                }
+            }
+
+            .pricing-page-tile-container:first-of-type {
+                .card-header {
+                    border-radius: 7px 0 0 0;
+                }
+            }
+
+            .pricing-page-tile-container:last-of-type {
+                .card-header {
+                    border-radius: 0 7px 0 0;
+                }
+            }
+
+            .card-header-blue {
+                border: 1px solid #5072EB;
+                background-color: #5072EB;
+                color: #fff;
+
+                path {
+                    fill: #fff;
+                }
+            }
+
+            .pricing-page-tile-selected {
+                .card-header {
+                    border-bottom: none;
+                }
+            }
+
+            .pricing-page-tile {
+                width: 100%;
+            }
+
+            .pricing-page-tile-name {
+                margin: 0;
+                font-size: 17px;
+                font-weight: 600;
+                line-height: 20px;
+            }
+
+            .pricing-page-price {
+                margin: 0;
+                font-size: 15px;
+                font-weight: 500;
+                line-height: 20px;
+            }
+
+            .pricing-page-price-small {
+                font-size: 12px;
+            }
+
+            .pricing-page-checklist-wrapper, .pricing-page-corner-text, .pricing-page-rectangle {
+                display: none;
+            }
+
+            .pricing-page-tile-icon {
+                width: 28px;
+                height: 28px;
+            }
+
+            .pricing-page-checklist-wrapper-selected {
+                display: flex;
+                flex-direction: column;
+                gap: 10px;
+                position: absolute;
+                left: 0;
+                right: 0;
+
+                border: 1px solid #D9D9D9;
+                border-top: none;
+                border-radius: 0 0 7px 7px;
+                margin: 0 10px;
+                padding: 40px 20px;
+            }
+
+            .pricing-page-tile-button {
+                margin: 0 auto;
+                margin-top: 30px;
+                display: block;
+                background-color: #04192A;
+                text-decoration: none;
+                padding: 14px;
+                border-radius: 6px;
+                font-family: "Inter", sans-serif;
+                color: #FFF;
+                font-size: 20px;
+                font-weight: 600;
+                width: 100%;
+                max-width: 300px;
+            }
+
+            .pricing-page-checklist-item {
+                display: flex;
+                gap: 15px;
+                align-items: center;
+
+                svg {
+                    min-width: 17px;
+                    min-height: 17px;
+
+                    max-width: 17px;
+                    max-height: 17px;
+                }
+
+                p {
+                    text-align: left;
+                    margin: 0;
+
+                    font-size: 17px;
+                    font-weight: 500;
+                    line-height: 22.8px;
+                }
+            }
+
+            .pricing-page-tile-blue {
+                .pricing-page-checklist-wrapper-selected {
+                    border: 1px solid #5072EB;
+                    background-color: #5072EB;
+                    color: #fff;
+                }
+
+                .pricing-page-tile-button {
+                    background-color: #FFF;
+                    color: #04192A;
+                }
+
+                .pricing-page-checklist-item {
+                    p {
+                        font-weight: 500;
+                    }
+                }
+            }
+        }
+    }
+
+    .cost-calculator {
+        padding: 10px;
+        max-width: 500px;
+        margin: 0 auto;
+
+        h2 {
+            font-size: 30px;
+            font-weight: 500;
+            line-height: 27px;
+            text-align: center;
+        }
+
+        p {
+            margin: 0;
+        }
+
+        .cost-calculator-container {
+            .cost-calculator-left {
+                padding: 28px 0;
+                border-radius: 7px;
+                margin-bottom: -10px;
+                background-color: #FFF;
+                position: relative;
+                z-index: 1;
+
+                .cost-calculator-subcontainer {
+                    .cost-calculator-title {
+                        text-align: center;
+    
+                        .cost-calculator-left-title {
+                            color: #3F3F46;
+                            font-size: 30px;
+                            font-weight: 600;
+                            line-height: 22.8px;
+                        }
+    
+                        .cost-calculator-subtitle {
+                            margin-top: 35px;
+                            color: #3F3F46;
+                            font-size: 15px;
+                            font-weight: 400;
+                            line-height: 22px;
+                        }
+                    }
+                }
+
+                .content-bottom {
+                    .cost-calculator-title {
+                        .cost-calculator-subtitle {
+                            color: #3F3F46;
+                            font-size: 15px;
+                            font-weight: 400;
+                            line-height: 22px;
+                            text-align: center;
+                        }
+                    }
+
+                    .count-input {
+                        display: flex;
+                        justify-content: center;
+                        margin-top: 10px;
+
+                        .cost-calculator-connector-input {
+                            width: 100px;
+                            text-align: center;
+                            border: 0;
+                            box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.10);
+                            font-size: 20px;
+                            font-style: normal;
+                            font-weight: 500;
+                        }
+
+                        .btn-left, .btn-right {
+                            width: 43px;
+                            height: 35px;
+                            background-color: #5072EB;
+                            display: flex;
+                            justify-content: center;
+                            align-items: center;
+                        }
+
+                        .btn-left {
+                            border-radius: 5px 0px 0px 5px;
+                        }
+
+                        .btn-right {
+                            border-radius: 0px 5px 5px 0px;
+                        }
+                    }
+
+                }
+
+
+                .cost-calculator-slider {
+                    width: 90%;
+                    margin: 0 auto;
+                }
+            }
+
+            .cost-calculator-results-wrapper {
+                text-align: center;
+                padding: 20px 0;
+                border-radius: 7px;
+                color: #FFF;
+                background-color: #04192A;
+                margin-bottom: -20px;
+
+                .results-title {
+                    font-size: 27px;
+                    font-weight: 600;
+                }
+
+                .results-text-wrapper {
+                    display: flex;
+                    justify-content: center;
+                    align-items: center;
+                    gap: 5px;
+                    margin-bottom: 20px;
+
+                    .results-subtitle {
+                        font-size: 24px;
+                        font-weight: 600;
+                    }
+
+                    .question-mark {
+                        width: 15px;
+                        height: 15px;
+                    }
+                }
+                
+                .results-subtext {
+                    font-size: 15px;
+                    font-weight: 500;
+                    line-height: 22.8px;
+                }
+
+            }
+
+            .cost-calculator-right {
+                text-align: center;
+                padding-top: 70px;
+                padding-bottom: 25px;
+                border-radius: 7px;
+                box-shadow: 1px 2px 4px 2px rgba(0, 0, 0, 0.10);
+
+                .comparisons-wrapper {
+                    display: flex;
+                    flex-direction: column;
+                    gap: 15px;
+                }
+
+                .cost-calculator-left-title {
+                    color: #3F3F46;
+                    font-size: 27px;
+                    font-style: normal;
+                    font-weight: 600;
+                    line-height: 22.8px;
+                }
+
+                .comparisons-competition {
+                    display: flex;
+                    justify-content: center;
+                    align-items: center;
+                    gap: 5px;
+
+                    .comparisons-subtext {
+                        color: #3F3F46;
+                        font-size: 24px;
+                        font-weight: 600;
+                        line-height: 22.8px;
+                    }
+
+                    .question-mark-dark {
+                        width: 20px;
+                        height: 20px;
+                    }
+                }
+
+                .comparisons-competitor {
+                    display: flex;
+                    justify-content: space-between;
+                    width: 260px;
+                    margin: 0 auto;
+
+                    p {
+                        color: #3F3F46;
+                        font-size: 18px;
+                        font-weight: 500;
+                        line-height: 22.8px;
+                    }
+                }
+            }
+        }
+    }
+
+    .pricing-comparison-wrapper {
+        padding: 10px;
+        position: relative;
+        max-width: 500px;
+        margin: 0 auto;
+
+        h2 {
+            color: #000;
+            font-size: 30px;
+            font-style: normal;
+            font-weight: 500;
+            line-height: 27px;
+            letter-spacing: -0.48px;
+            text-align: center;
+        }
+
+        p {
+            margin: 0;
+        }
+
+        .pricing-comparison-row {
+            display: flex;
+            flex-direction: column;
+            gap: 40px;
+        }
+
+        .box-container {
+            box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.1);
+            padding-bottom: 60px;
+            flex: 1;
+
+            .no-box-shadow {
+                scale: 1.02;
+            }
+        }
+
+        .pricing-comparison-text {
+            text-align: center;
+
+            .pricing-comparison-card-header {
+                color: #3F3F46;
+                text-align: center;
+                font-family: Inter;
+                font-size: 28px;
+                font-style: normal;
+                font-weight: 400;
+                line-height: 27px;
+                letter-spacing: -0.48px;
+                margin-top: 40px;
+                margin-bottom: 15px;
+            }
+
+            .pricing-comparison-card-subheader {
+                color: var(--Secondary-Text, #3F3F46);
+                text-align: center;
+                font-family: Inter;
+                font-size: 20px;
+                font-style: normal;
+                font-weight: 400;
+                line-height: 27px; /* 135% */
+                letter-spacing: -0.48px;
+                margin-bottom: 30px;
+            }
+
+            .pricing-comparison-card-body {
+                color: var(--Secondary-Text, #3F3F46);
+                text-align: center;
+                font-family: Inter;
+                font-size: 14px;
+                font-style: normal;
+                font-weight: 400;
+                line-height: 27px;
+                letter-spacing: -0.48px;
+            }
+        }
+    }
+
+    .frequently-question {
+        padding: 10px;
+        position: relative;
+        max-width: 500px;
+        margin: 0 auto;
+
+        p {
+            margin: 0;
+        }
+        
+        h2 {
+            color: #3F3F46;
+            font-family: Inter;
+            font-size: 30px;
+            font-style: normal;
+            font-weight: 500;
+            line-height: 35px;
+            letter-spacing: -0.48px;
+            text-align: center;
+        }
+
+        .faq-question {
+            background: var(--Dark-Grey, #C8C8C8);
+
+            .faq-text {
+                color: #27272A;
+                font-family: Inter;
+                font-size: 13px;
+                font-style: normal;
+                font-weight: 500;
+                line-height: 23.52px; 
+            }
+        }
+
+        .MuiPaper-root {
+            border: 0;
+            box-shadow: none;
+        }
+
+        .MuiButtonBase-root {
+            padding: 0 30px;
+        }
+
+        .Mui-expanded {
+            margin: 5px 0;
+        }
+
+        .faq-description {
+            color: #3F3F46;
+            font-family: Inter;
+            font-size: 13px;
+            font-style: normal;
+            font-weight: 300;
+            line-height: 20px;
+        }
+    }
+
+    @media (min-width: 1024px) {
+        max-width: 1350px;
+        margin: 0 auto;
+
+        .pricing-page-top {
+            flex-direction: row;
+            justify-content: space-between;
+            padding: 80px 0;
+
+            h1 {
+                font-size: 44px;
+                line-height: 44px;
+                letter-spacing: -1.68px;
+                max-width: 300px;
+            }
+
+            p {
+                margin-top: 10px;
+                font-size: 18px;
+                font-weight: 400;
+                line-height: 26.88px;
+                max-width: 500px;
+            }
+
+            .main-section-buttons-mobile {
+                display: none;
+            }
+    
+            .main-section-buttons {
+                display: flex;
+                gap: 21px;
+                margin-top: 40px;
+            }
+        }
+
+        .plan-container {
+            max-width: 100%;
+            padding-bottom: 30px;
+
+            h2 {
+                font-size: 40px;
+                line-height: 27px;
+            }
+
+            .pricing-page-tiles-wrapper {
+                gap: 50px;
+                min-height: auto;
+
+                .pricing-page-corner-text {
+                    display: flex;
+                }
+
+                .pricing-page-rectangle {
+                    display: block;
+                    width: 56px;
+                    margin: 5px auto;
+                }
+
+                .pricing-page-tile-icon {
+                    width: 60px;
+                    height: 60px;
+                }
+
+                .pricing-page-tile-container {
+                    display: flex;
+                    flex-direction: column;
+                    justify-content: center;
+                }
+
+                .pricing-page-tile {
+                    box-shadow: 1px 2px 4px 2px rgba(0, 0, 0, 0.10);
+                    border-radius: 7px;
+                    padding: 60px 40px;
+                    position: relative;
+                    overflow: hidden;
+                    display: flex;
+                    flex-direction: column;
+                    min-height: 90%;
+
+                    .card-header {
+                        border: none;
+                        background-color: transparent;
+
+                        path {
+                            fill: #5072EB;
+                        }
+                    }
+
+                    .card-header-blue {
+                        path {
+                            fill: #FFF;
+                        }
+                    }
+
+                    .pricing-page-checklist-wrapper {
+                        display: flex;
+                        flex-direction: column;
+                        position: inherit;
+                        padding: 0;
+                        gap: 14px;
+                        margin-top: 30px;
+                        flex: 1;
+                        
+                        .pricing-page-checklist-item {
+                            p {
+                                font-weight: 600;
+                            }
+                        }
+                    }
+                    
+                    .pricing-page-checklist-wrapper-selected {
+                        border: none;
+                        margin: 0;
+                        margin-top: 30px;
+                        padding: 0;
+                    }
+
+                    .pricing-page-tile-name {
+                        color: #5072EB;
+                        font-size: 38px;
+                        font-weight: 600;
+                        line-height: 40px;
+                    }
+    
+                    .pricing-page-price {
+                        font-size: 36px;
+                        font-weight: 500;
+                        line-height: 40px;
+                    }
+
+                    .tile-button-container {
+                        display: flex;
+                        flex-direction: column;
+                        justify-content: end;
+                        flex: 1;
+                    }
+
+                    .pricing-page-tile-button {
+                        background-color: #5072EB;
+                        max-width: 100%;
+                    }
+                }
+
+                .pricing-page-corner-text {
+                    position: absolute;
+                    background-color: #FFF;
+                    color: #3B43FE;
+                    font-size: 20px;
+                    font-weight: 500;
+                    line-height: 100%;
+                    letter-spacing: -0.48px;
+                    padding: 50px 50px 10px 50px;
+                    top: -45px;
+                    right: -70px;
+                    transform: rotate(45deg);
+                }
+
+                .pricing-page-tile-blue {
+                    background-color: #5072EB;
+                    min-height: 800px;
+
+                    .pricing-page-rectangle {
+                        rect {
+                            fill: #FFF;
+                        }
+                    }
+
+                    .pricing-page-tile-name {
+                        color: #FFF;
+                    }
+
+                    .pricing-page-tile-button {
+                        background-color: #FFF;
+                    }
+
+                    .pricing-page-checklist-wrapper, .pricing-page-checklist-wrapper-selected {                        
+                        color: #FFF;
+
+                        .pricing-page-checklist-item {
+                            p {
+                                font-weight: 500;
+                            }
+                        }
+                    }
+                }
+
+            }
+
+        }
+
+        .cost-calculator {
+            max-width: 100%;
+            margin-bottom: 50px;
+
+            h2 {
+                font-size: 40px;
+                line-height: 35px;
+            }
+
+            .cost-calculator-container {
+                display: flex;
+
+                .cost-calculator-left {
+                    flex: 1;
+                    box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.25);
+                    padding: 50px 20px;
+                    margin: 0;
+                    margin-right: -10px;
+
+                    .cost-calculator-subcontainer .cost-calculator-title {
+                        .cost-calculator-left-title {
+                            font-size: 28px;
+                        }
+                    
+                        .cost-calculator-subtitle {
+                            font-size: 14px;
+                            margin-top: 24px;
+                        }
+                    }
+                }
+
+                .cost-calculator-results-wrapper {
+                    flex: 1;
+                    margin: 0;
+                    padding: 30px 0;
+                    box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.25);
+
+                    .results-title {
+                        font-size: 30px;
+                    }
+
+                    .results-text-wrapper {
+                        margin-top: 50px;
+
+                        .results-subtitle {
+                            font-size: 30px;
+                        }
+
+                        .question-mark {
+                            width: 20px;
+                            height: 20px;
+                        }
+                    }
+
+                    .results-subtext {
+                        font-size: 18px;
+                        font-weight: 500;
+                        margin-bottom: 10px;
+                    }
+                }
+
+                .cost-calculator-right {
+                    flex: 1;
+                    padding: 50px 0px;
+                    margin-left: -10px;
+                    box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.25);
+
+                    .cost-calculator-left-title {
+                        font-size: 30px;
+                        margin-bottom: 40px;
+                    }
+                }
+            }
+        }
+
+        .pricing-comparison-wrapper {
+            max-width: 100%;
+            margin-bottom: 80px;
+
+            h2 {
+                font-size: 40px;
+                margin-bottom: 60px;
+            }
+
+            .pricing-comparison-row {
+                flex-direction: row;
+                gap: 40px;
+            }
+
+            .pricing-comparison-text {
+                .pricing-comparison-card-header {
+                    font-size: 34px;
+                }
+            }
+        }
+
+        .frequently-question {
+            max-width: 800px;
+            margin-bottom: 80px;
+
+            h2 {
+                font-size: 37px;
+                font-weight: 600;
+                margin-bottom: 50px;
+            }
+
+            .faq-question {    
+                .faq-text {
+                    font-size: 16px;
+                }
+            }
+
+            .faq-description {
+                font-size: 15px;
+                padding: 20px;
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/style.less b/src/style.less
index bd03e840..9dda267c 100644
--- a/src/style.less
+++ b/src/style.less
@@ -1768,287 +1768,6 @@ table th {
     margin-left: -12px;
 }
 
-.pricing-page {
-    display: flex;
-    width: 100%;
-    padding-top: 50px;
-}
-
-.pricing-page-background-image-wrapper {
-    display: flex;
-    flex-direction: column;
-}
-
-.pricing-landing-image {
-    max-height: 500px;
-    max-width: 475px;
-}
-
-.pricing-page-top {
-    display: flex;
-    justify-content: space-between;
-    padding-left: ~"calc(min(9%, 146px))";
-    padding-right: ~"calc(min(9%, 146px))";
-}
-
-.pricing-page-subheader-text {
-    font-size: var(--fontSize-2);
-    color: #47506d;
-    margin-top: 16px;
-}
-
-.pricing-page-top-left {
-    display: flex;
-    flex-direction: column;
-}
-
-.pricing-page-top-right {
-    display: flex;
-}
-
-.pricing-page-tiles-wrapper {
-    display: flex;
-    padding-left: ~"calc(min(9%, 146px))";
-    padding-right: ~"calc(min(9%, 146px))";
-    margin-top: 100px;
-    justify-content: center;
-
-    &> :not(:last-child) {
-        margin-right: 20px;
-    }
-}
-
-.pricing-page-tile {
-    display: flex;
-    flex-direction: column;
-    margin-top: 40px;
-    width: 400px;
-    background-color: #ffffff;
-    padding: 24px;
-    position: relative;
-    box-shadow: 0px 4px 10px rgba(20, 20, 43, 0.14);
-    border-radius: 7px;
-}
-
-.pricing-page-tile-purple {
-    display: flex;
-    flex-direction: column;
-    width: 444px;
-    height: 700px;
-    background-color: #5072EB;
-    padding: 24px;
-    position: relative;
-    box-shadow: 0px 4px 10px rgba(20, 20, 43, 0.14);
-    border-radius: 7px;
-}
-
-.pricing-page-tile-purple:before {
-    content: '';
-    position: absolute;
-    top: 0;
-    right: 0;
-    border-top: 130px solid white;
-    border-left: 130px solid #5072EB;
-    width: 0;
-    z-index: 2;
-}
-
-.pricing-page-checklist-wrapper {
-    display: flex;
-    flex-direction: column;
-    flex: 1 1 auto;
-    margin-bottom: 1rem;
-}
-
-.pricing-page-checklist-wrapper-custom {
-    display: flex;
-    flex-direction: column;
-    flex: 1 1 auto;
-}
-
-.pricing-page-checklist-item {
-    margin: 8.5px 0;
-    display: flex;
-    align-items: center;
-
-    &>*:last-child {
-        flex: 1;
-    }
-}
-
-.pricing-page-tile-checkmark-image {
-    margin-right: 16px;
-    //   flex: 1 0 auto;
-}
-
-.pricing-page-tile-coming-soon-image {
-    text-align: center;
-
-    &>p {
-        font-size: 14pt;
-        border: 1px solid #e7eafa;
-        background-color: #e7eafa;
-        padding: 6px 8px;
-        line-height: 1;
-        margin: 0;
-        margin-top: 0.5em;
-    }
-}
-
-.pricing-page-tile-checklist-item-text {
-    font-size: 1rem;
-    margin: 0px;
-    font-weight: 600;
-}
-
-.text-white {
-    color: #ffffff !important
-}
-
-.pricing-page-tile-name {
-    font-size: 2.375rem;
-    color: #5072EB;
-    margin: -5px auto -13px auto;
-    font-weight: 600;
-    z-index: 9999;
-}
-
-.pricing-page-corner-text {
-    color: #3B43FE;
-    transform: rotate(45deg);
-    display: flex;
-    text-align: center;
-    justify-content: flex-end;
-    z-index: 9999;
-    margin-top: -6px;
-    position: absolute;
-    right: 0;
-}
-
-.pricing-page-tile-icon {
-    margin: 20px auto 0 auto;
-    z-index: 9999;
-}
-
-.pricing-page-rectangle {
-    margin: 10px auto 0px auto;
-    z-index: 9999;
-}
-
-.pricing-page-pricing-slider {
-    margin: 8px 0 22px 0;
-}
-
-.pricing-page-price {
-    font-size: 1.75rem;
-    margin: 0;
-    text-align: center;
-}
-
-.pricing-page-price-bold {
-    font-size: var(--fontSize-4);
-    font-weight: 700;
-}
-
-.pricing-page-checklist-item-text-bold {
-    font-weight: bold;
-}
-
-.pricing-page-tile-price-subtext {
-    font-size: 0.9rem;
-    margin: 0.25rem auto 0 auto;
-    min-height: 4rem;
-}
-
-.pricing-page-tile-button {
-    background-color: #5072eb;
-    padding: 15px;
-    border-radius: 8px;
-    text-align: center;
-    font-size: var(--fontSize-1);
-    text-decoration: none;
-    color: #ffffff;
-    font-weight: 600;
-}
-
-.pricing-page-tile-button-white {
-    background-color: #ffffff;
-    padding: 15px;
-    border-radius: 8px;
-    text-align: center;
-    font-size: var(--fontSize-1);
-    text-decoration: none;
-    color: black;
-    font-weight: 600;
-}
-
-.pricing-page-quote-box {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    background-color: #04192b;
-    margin: 100px 0;
-    margin-left: ~"calc(min(9%, 146px))";
-    margin-right: ~"calc(min(9%, 146px))";
-    padding: 100px;
-    background-image: url("./images/overlay-vector-left.svg");
-    background-repeat: no-repeat;
-    background-position-y: 480px;
-    background-size: 50%;
-    background-position-y: 60%;
-}
-
-.pricing-page-quote-box-quote {
-    font-size: 3rem;
-    color: #b7c6dd;
-    margin-top: 40px;
-    max-width: 800px;
-    text-align: center;
-}
-
-.pricing-page-quote-source-name {
-    font-size: var(--fontSize-1);
-    color: #b7c6dd;
-    margin: auto;
-}
-
-.pricing-page-quote-image-wrapper {
-    display: flex;
-}
-
-.pricing-page-faq {
-    display: flex;
-    justify-content: center;
-    flex-direction: column;
-    align-items: center;
-    padding-left: ~"calc(min(9%, 146px))";
-    padding-right: ~"calc(min(9%, 146px))";
-}
-
-.pricing-page-faq-title {}
-
-.faq-question {
-    background-color: #C8C8C8 !important;
-}
-
-.pricing-page-faq-question {
-    font-weight: 600;
-    font-style: italic;
-}
-
-.pricing-page-faq-qa-wrapper {
-    width: 100%;
-}
-
-.pricing-page-faq-question {}
-
-.pricing-page-faq-answer {
-    background-color: #f7f9fc;
-    padding: 15px;
-    border-radius: 8px;
-}
-
 .blogs-post-card {
     flex: 0 0 350px;
     cursor: pointer;
@@ -3214,35 +2933,11 @@ table th {
 
 /* MEDIA QUERIES */
 
-
-@media (max-width: 1350px) {
-    .pricing-comparison-row>div {
-        height: auto !important;
-    }
-
-    .pricing-comparison-row {
-        flex-direction: column !important;
-        flex-wrap: nowrap !important;
-    }
-}
-
 @media (max-width: 1250px) {
     .connector-source-dest-image-wrapper {
         margin-top: 10%;
         margin-right: -5rem;
     }
-
-    .pricing-comparison-card-header {
-        font-size: 1.75rem !important;
-    }
-
-    .pricing-comparison-card-subheader {
-        font-size: 1.25rem;
-    }
-
-    .pricing-comparison-card-body {
-        font-size: 0.875rem;
-    }
 }
 
 
@@ -3261,17 +2956,6 @@ table th {
 }
 
 @media (max-width: 810px) {
-
-    .pricing-comparison-row {
-        flex-direction: column !important;
-    }
-
-    .pricing-comparison-row>div {
-        flex: 1;
-        // max-width: 350px;
-    }
-
-
     .connector-source-dest-image-wrapper {
         display: none;
     }
@@ -3518,14 +3202,6 @@ table th {
         padding: 0 0;
     }
 
-    .section-one-try-it-button {
-        width: 210px;
-        height: 40px;
-        font-size: var(--fontSize-0);
-        padding: 0 0;
-        z-index: 10;
-    }
-
     .section-four-tile-wrapper {
         flex-direction: column;
     }
@@ -3863,64 +3539,6 @@ table th {
         }
     }
 
-    .pricing-page-subheader-text {
-        font-size: var(--fontSize-0);
-        margin-top: -8px;
-    }
-
-    .pricing-page-top-right {
-        display: none;
-    }
-
-    .pricing-page-tiles-wrapper {
-        margin-top: 48px;
-        flex-direction: column;
-    }
-
-    .pricing-page-tile-checklist-item-text {
-        font-size: var(--fontSize-0);
-    }
-
-    .pricing-page-tile-price-subtext {
-        margin: 8px 0;
-    }
-
-    .pricing-page-tile-button {
-        position: unset;
-        bottom: unset;
-    }
-
-    .pricing-page-tile,
-    .pricing-page-tile-purple {
-        width: 100%;
-        margin-bottom: 2rem;
-    }
-
-    .cost-calculator-subcontainer {
-        width: 300px !important;
-    }
-
-    .plan-container {
-        padding-left: 0 !important;
-        padding-right: 0 !important;
-    }
-
-    .pricing-page-checklist-wrapper-custom {
-        margin-top: 0px;
-    }
-
-    .pricing-page-quote-box-quote {
-        font-size: 1.5rem;
-    }
-
-    .pricing-page-quote-box {
-        padding: 32px 16px;
-    }
-
-    .pricing-page-tile-graphic-quote-image {
-        width: 50px;
-    }
-
     .section-one-h1 {
         font-size: 3rem;
     }
@@ -6942,1312 +6560,4 @@ table th {
         margin-top: 0px;
     }
 }
-/*Blog post template updates end*/
-
-
-
-// Pricing - start
-
-.pricing-page {
-    .pricing-page-top-left {
-        width: 50%;
-
-        h1 {
-            font-size: 52px;
-        }
-
-        p {
-            font-size: var(--fontSize-1);
-        }
-
-        .main-section-buttons {
-            width: 100%;
-            display: flex;
-            flex-shrink: 1;
-            padding-top: 50px;
-
-            .section-one-demo-button {
-                background-color: #70D3D6;
-                color: #3F3F46;
-                text-decoration: none;
-                border-radius: 4px;
-                padding: 10px 10px;
-                min-width: 100px;
-                height: 60px;
-                text-align: center;
-                line-height: 40px;
-                margin-top: 8px;
-                font-family: "Inter", sans-serif;
-                font-style: normal;
-                font-weight: 400;
-                font-size: 18px;
-                flex-grow: 1;
-                margin-left: 16px;
-                max-width: 180px;
-            }
-
-            .section-one-try-it-button {
-                background-color: #5072EB;
-                max-width: 200px;
-                color: white;
-                border-radius: 4px;
-                height: 60px;
-                padding: 10px 10px;
-                display: flex;
-                justify-content: center;
-                align-items: center;
-                margin-top: 8px;
-                width: 230px;
-                font-family: "Inter", sans-serif;
-
-            }
-        }
-    }
-
-    .pricing-page-top-right {
-        width: 50%;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-    }
-
-    .main-section-buttons-mobile {
-        display: none;
-    }
-
-    .plan-container {
-        padding-left: ~"calc(min(9%, 146px))";
-        padding-right: ~"calc(min(9%, 146px))";
-        padding-top: 70px;
-
-        .heading {
-            display: flex;
-            justify-content: center;
-
-            h2 {
-                font-size: 40px;
-                margin: 0px;
-            }
-        }
-
-        .content {
-            width: 100%;
-            margin-left: auto;
-            margin-right: auto;
-            display: flex;
-            justify-content: center;
-            padding-top: 52px;
-            gap: 40px;
-
-            &-left {
-                .selected-border {
-                    border: 2px solid #7D65F4 !important;
-                }
-
-                .plans-section {
-                    display: flex;
-                    flex-direction: column;
-
-                    .card {
-                        display: flex;
-                        padding: 10px 35px;
-                        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
-                        transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
-                        background: #fff;
-                        border-radius: 5px;
-                        margin: 1rem 0rem;
-                        position: relative;
-                        border: 2px solid transparent;
-                        height: 90px;
-
-                        &-body {
-                            display: flex;
-                            align-items: center;
-                            justify-content: space-between;
-                            gap: 40px;
-                            width: 100%;
-
-                            h3 {
-                                font-size: var(--fontSize-4);
-                                font-weight: 500;
-                                font: Inter;
-                                margin: 0px;
-                                min-width: 120px;
-                            }
-
-                            p {
-                                font-size: .9rem;
-                                width: 100%;
-                            }
-
-                            .radio {
-                                border-radius: 50%;
-                                padding: 3px;
-                                border: 3px solid #7D65F4;
-
-                                &-circle {
-                                    padding: 9px;
-                                    border-radius: 50%;
-                                    background: #7D65F4;
-                                }
-
-                                .selected-radio-circle {
-                                    padding: 9px;
-                                    border-radius: 50%;
-                                    background: transparent;
-                                }
-
-                            }
-                        }
-                    }
-                }
-
-                .buttons-section {
-                    display: flex;
-                    justify-content: center;
-                    align-items: center;
-                    gap: 35px;
-                    padding-top: 20px;
-
-                    .build-button {
-                        color: #ffffff;
-                        text-decoration: none;
-                        border-radius: 4px;
-                        padding: 10px 40px;
-                        text-align: center;
-                        line-height: 40px;
-                        font-family: "Inter", sans-serif;
-                        font-style: normal;
-                        font-weight: 400;
-                        background-color: #5374EA;
-                        font-size: 18px;
-                    }
-
-                    .contact-button {
-                        color: black;
-                        background-color: white;
-                        text-decoration: none;
-                        font-size: 18px;
-                        font-weight: 400;
-                        line-height: 20px;
-                        padding: 18px 50px;
-                        border: 2px solid #5374EA;
-                        border-radius: 4px;
-                        height: 60px;
-                    }
-                }
-            }
-
-            &-right {
-                display: flex;
-                justify-content: center;
-
-                .card {
-                    padding: 50px;
-                    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
-                    background: #F0F0F2;
-                    border-radius: 6px;
-                    box-shadow: 2px 3px 7px 4px rgba(0, 0, 0, 0.25);
-
-                    .container-list {
-                        .list {
-                            display: flex;
-                            align-items: center;
-                            gap: 8px;
-
-                            p {
-                                font-size: 14px;
-                                font-weight: 500;
-                                line-height: 17px;
-                            }
-                        }
-                    }
-
-                    h5 {
-                        margin: 0px;
-                        padding-bottom: 20px;
-                        text-align: center;
-                        color: #3F3F46;
-                        font-size: 22px;
-                        font-weight: 500px;
-                    }
-
-                    p {
-                        padding: 8px 0px;
-                        margin: 0px;
-                        font-size: .9rem;
-                        line-height: 18.625px;
-                    }
-                }
-            }
-
-            @media (max-width: 1024px) {
-                &-left {
-                    .plans-section {
-                        .card {
-                            padding: 10px 10px;
-
-                            .card-body {
-                                gap: 24px;
-                            }
-                        }
-                    }
-                }
-
-                &-right {
-                    .card {
-                        width: 316px;
-                        height: fit-content;
-                        padding: 24px;
-
-                        .container-list {
-                            padding: 0px;
-                            margin: 0px;
-                        }
-                    }
-                }
-            }
-        }
-    }
-
-    .frequently-question {
-        padding-left: ~"calc(min(9%, 146px))";
-        padding-right: ~"calc(min(9%, 146px))";
-        padding-top: 80px;
-
-        .heading {
-            display: flex;
-            justify-content: center;
-
-            h2 {
-                font-size: 37px;
-            }
-        }
-
-        .frequently-container {
-            padding: 4rem;
-            display: flex;
-            justify-content: center;
-
-            .question {
-                width: 70%;
-            }
-
-            input[type="checkbox"] {
-                display: none;
-            }
-
-            .faq-drawer {
-                margin-bottom: 1.8rem;
-                flex: 1;
-                box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
-            }
-
-            .faq-drawer__title {
-                display: block;
-                position: relative;
-                padding: 20px 20px 20px 40px;
-                margin-bottom: 0;
-
-                background: #C8C8C8;
-
-                color: #27272A;
-                font-weight: 500;
-                font-size: 15.8px;
-
-                transition: all 0.25s ease-out;
-                cursor: pointer;
-                font-family: Inter, sans-serif;
-
-            }
-
-            .faq-drawer__title::after {
-
-                position: absolute;
-                width: 0;
-                height: 0;
-                top: 28px;
-                right: 20px;
-                float: right;
-
-                border-left: 5px solid transparent;
-                border-right: 5px solid transparent;
-                border-top: 5px solid currentColor;
-                transition: transform 0.2s ease-out;
-            }
-
-            .faq-drawer__trigger:checked+.faq-drawer__title::after {
-                transform: rotate(-180deg);
-            }
-
-            .faq-drawer__content-wrapper {
-                overflow: hidden;
-                max-height: 0px;
-                font-size: 15px;
-                line-height: 23px;
-
-                transition: max-height 0.25s ease-in-out;
-            }
-
-            .faq-drawer__trigger:checked+.faq-drawer__title+.faq-drawer__content-wrapper {
-                max-height: fit-content;
-            }
-
-            .faq-drawer__trigger:checked+.faq-drawer__title {
-                border-bottom-right-radius: 0;
-                border-bottom-left-radius: 0;
-            }
-
-            .faq-drawer__content-wrapper .faq-drawer__content {
-                background: white;
-                padding: 2px 44px 14px;
-                border-bottom-left-radius: 8px;
-                border-bottom-right-radius: 8px;
-
-                p {
-                    font-size: 14.8px;
-                    line-height: 26.66px;
-                    font-family: Inter, sans-serif;
-                }
-            }
-        }
-
-    }
-
-    .related-post {
-        .heading {
-            display: flex;
-            justify-content: center;
-
-            h2 {
-                font-size: 40px;
-            }
-        }
-
-        .related-index-body {
-            padding-left: ~"calc(min(9%, 146px))";
-            padding-right: ~"calc(min(9%, 146px))";
-            padding-top: 2rem;
-            display: grid;
-            grid-column-gap: 24px;
-            grid-row-gap: 24px;
-            grid-template-columns: repeat(3, minmax(0, 1fr));
-
-            .related-post-card {
-                cursor: pointer;
-                text-decoration: none;
-                color: black;
-                background-color: #f5f5f5;
-                border-radius: 4px;
-                display: flex;
-                flex-direction: column;
-                justify-content: flex-start;
-                padding: 20px;
-                height: 315px;
-            }
-
-            .related-post-card-title {
-                padding-top: 15px;
-                font-size: 20px;
-                font-weight: 500;
-            }
-
-            .related-post-image {
-                height: 200px;
-            }
-        }
-    }
-
-    .start-move-demo {
-        padding-left: ~"calc(min(9%, 146px))";
-        padding-right: ~"calc(min(9%, 146px))";
-        margin-top: 70px;
-        background: #E4E4E7;
-
-
-        .start-move-demo-container {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            padding: 30px 22px;
-
-            h2,
-            p {
-                font-size: 22px;
-                margin: 0px;
-            }
-
-            p {
-                color: #A1A1AA;
-            }
-
-            .buttons-container {
-                display: flex;
-                gap: 10px;
-
-                .build-button {
-                    background-color: #F0F0F2;
-                    color: #52525B;
-                    font-size: 10.8px;
-                    font-weight: 500;
-                    padding: 8px 15px;
-                    border-radius: 35px;
-                }
-
-                .demo-button {
-                    background-color: #3F3F46;
-                    color: #FFFFFF;
-                    font-size: 10.8px;
-                    font-weight: 500;
-                    padding: 8px 15px;
-                    border-radius: 35px;
-                }
-            }
-        }
-    }
-
-    .pricing-page-quote-box {
-        margin-top: 0px;
-    }
-
-    // cost-calculator
-
-    .cost-calculator {
-        padding-top: 70px;
-        margin: auto;
-
-        .cost-calculator-title {
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-        }
-
-        .cost-calculator-subtitle {
-            color: #3F3F46;
-            font-size: var(--fontSize-0);
-        }
-
-        .cost-calculator-left-title {
-            font-size: 1.875rem;
-            font-weight: 600;
-            text-align: center;
-        }
-
-        .comparisons-subtext {
-            font-weight: 600;
-            font-size: 25px;
-            margin-top: 32px;
-        }
-
-        .comparisons-competition {
-            display: flex;
-        }
-
-        .pricing-example-image {
-            width: 100%;
-            margin: auto;
-        }
-
-        .cost-calculator-subcontainer {
-            width: 415px;
-        }
-
-        .cost-calculator-results-wrapper {
-            background-color: #04192A;
-            width: 415px;
-            height: 371px;
-        }
-
-        .results-title {
-            color: white;
-            font-size: 1.875rem;
-            text-align: center;
-            font-weight: 600;
-        }
-
-        .comparisons-wrapper {
-            display: flex;
-            flex-direction: column;
-        }
-
-        .zero-margin-bottom {
-            margin-bottom: 0;
-        }
-
-        .results-text-wrapper {
-            display: flex;
-            justify-content: center;
-        }
-
-        .results-subtext {
-            font-size: var(--fontSize-1);
-            text-align: center;
-            color: white;
-        }
-
-        .question-mark {
-            cursor: pointer;
-            width: 20px;
-            margin: 38px 0px auto 5px;
-        }
-
-        .question-mark-dark {
-            cursor: pointer;
-            width: 20px;
-            margin: 32px 0px auto 5px;
-        }
-
-        .comparisons-competitor {
-            display: flex;
-            justify-content: space-between;
-        }
-
-        .heading {
-            display: flex;
-            justify-content: center;
-
-            h2 {
-                font-size: 40px;
-                margin: 0px;
-                margin-bottom: 41px;
-            }
-        }
-
-        &-container {
-            width: fit-content;
-            display: flex;
-            align-items: center;
-            box-shadow: 2px 3px 7px 4px rgba(0, 0, 0, 0.25) !important;
-        }
-
-        &-left {
-            width: 50%;
-            display: flex;
-            align-items: center;
-            flex-direction: column;
-            gap: 32px;
-            height: 371px;
-            width: 415px;
-
-            .content-bottom {
-                display: flex;
-                flex-direction: column;
-                align-items: center;
-
-                p {
-                    color: #3F3F46;
-                    font-size: 14px;
-                    font-style: normal;
-                    line-height: 22px;
-                }
-
-                .count-input {
-                    display: flex;
-
-                    .btn-left {
-                        width: 41px;
-                        height: 35px;
-                        flex-shrink: 0;
-                        border-radius: 9px 0px 0px 9px;
-                        background: #5072EB;
-                        box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.10);
-                        cursor: pointer;
-                        display: flex;
-                        align-items: center;
-                        justify-content: center;
-                    }
-
-                    input {
-                        width: 95px;
-                        height: 35px;
-                        flex-shrink: 0;
-                        background: #ffffff;
-                        box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.10);
-                        border: 0;
-                        text-align: center;
-                        margin-right: -10px;
-                    }
-
-                    .btn-right {
-                        width: 41px;
-                        height: 35px;
-                        flex-shrink: 0;
-                        border-radius: 0px 9px 9px 0px;
-                        background: #5072EB;
-                        box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.10);
-                        cursor: pointer;
-                        display: flex;
-                        align-items: center;
-                        justify-content: center;
-                    }
-                }
-            }
-
-        }
-
-        &-right {
-            width: 50%;
-            display: flex;
-            justify-content: center;
-            width: 415px;
-            height: 371px;
-
-            .card {
-
-
-                .content-top {
-                    margin-bottom: 36px;
-
-                    p:nth-child(2) {
-                        margin-bottom: 8px;
-                    }
-
-                    p:nth-child(3) {
-                        margin-bottom: 16px;
-                    }
-
-                    &-heading {
-                        color: #3F3F46;
-                        text-align: center;
-                        font-size: 22px;
-                        font-weight: 600;
-                        line-height: 22.8px;
-                        margin: 0px;
-                        margin-bottom: 20px;
-                    }
-
-                    &-description {
-                        color: var(--Secondary-Text, #3F3F46);
-                        text-align: center;
-                        font-size: 14px;
-                        font-weight: 500;
-                        line-height: 22.8px;
-                        margin: 0px;
-                    }
-
-                    &-price-tag {
-                        color: var(--estuary_purple, #7D65F4);
-                        font-size: 37px;
-                        font-weight: 500;
-                        line-height: 22.8px;
-                        margin: 0px;
-                        margin-bottom: 8px;
-                    }
-
-                    &-hint {
-                        color: #DE0202;
-                        text-align: center;
-                        font-size: 12px;
-                        font-weight: 500;
-                        line-height: 22.8px;
-                        margin: 0px;
-                    }
-                }
-
-                .content-bottom {
-                    &-heading {
-                        color: #3F3F46;
-                        text-align: center;
-                        font-size: 22px;
-                        font-weight: 600;
-                        line-height: 22.8px;
-                        margin: 0px;
-                        margin-bottom: 28px;
-                    }
-
-                    &-description {
-                        display: flex;
-                        justify-content: space-between;
-
-                        p {
-                            margin: 0px;
-                        }
-
-                        p:nth-child(1) {
-                            color: var(--Grey-2, #686868);
-                            font-size: 18px;
-                            font-weight: 500;
-                            line-height: 22.8px;
-                        }
-
-                        p:nth-child(2) {
-                            color: var(--estuary_purple, #7D65F4);
-                            font-size: 18px;
-                            font-weight: 500;
-                            line-height: 22.8px;
-                        }
-                    }
-                }
-            }
-        }
-
-        @media (max-width: 1240px) {
-            &-left {
-                .MuiBox-root {
-                    width: 392px;
-                }
-            }
-        }
-
-        @media (max-width: 425px) {
-            &-left {
-                .content-top {
-                    p {
-                        font-size: 20px;
-                    }
-                }
-
-                .content-bottom {
-                    p {
-                        font-size: 20px;
-                    }
-                }
-
-                .MuiBox-root {
-                    width: 336px;
-                }
-            }
-
-            &-right {
-                .card {
-                    .content-top {
-                        .content-top-heading {
-                            font-size: 20px;
-                        }
-
-                        .content-top-description {
-                            font-size: 18px;
-                        }
-
-                        .content-top-price-tag {
-                            font-size: 22px;
-                            text-align: center;
-                        }
-
-                        .content-top-hint {
-                            font-size: 12px;
-                        }
-                    }
-
-                    .content-bottom {
-                        .content-bottom-heading {
-                            font-size: 20px;
-                        }
-
-                        .content-bottom-description {
-                            p {
-                                font-size: 18px;
-                            }
-                        }
-                    }
-                }
-            }
-        }
-    }
-
-    .pricing-example-image {
-        width: 100%;
-        height: 100%;
-        margin: auto;
-    }
-
-
-    .pricing-comparison-wrapper {
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-        align-items: center;
-        padding-left: ~"calc(min(9%, 146px))";
-        padding-right: ~"calc(min(9%, 146px))";
-    }
-
-    .pricing-comparison-header {
-        font-size: 40px;
-    }
-
-    .pricing-comparison-row {
-        display: flex;
-        flex-wrap: wrap;
-        justify-content: center;
-    }
-
-    .pricing-comparison-row>div {
-        display: flex;
-        flex-basis: calc(50% - 40px);
-        justify-content: center;
-        box-shadow: 0px 4px 10px rgba(20, 20, 43, 0.14);
-        margin: 20px;
-        height: 330px;
-    }
-
-    .pricing-comparison-text {
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-        align-items: center;
-        padding: 30px;
-    }
-
-    .pricing-comparison-card-header {
-        text-transform: uppercase;
-        font-size: 2.125rem;
-        text-align: center;
-    }
-
-    .pricing-comparison-card-subheader {
-        font-size: var(--fontSize-2);
-        text-align: center;
-    }
-
-    .pricing-comparison-card-body {
-        font-size: var(--fontSize-0);
-        text-align: center;
-    }
-}
-
-.pricing-page {
-    @media(max-width: 1246px) {
-        .frequently-question {
-            padding-left: ~"calc(min(9%, 146px))";
-            padding-right: ~"calc(min(9%, 146px))";
-            padding-top: 80px;
-
-            .heading {
-                display: flex;
-                justify-content: center;
-
-                h2 {
-                    font-size: 37px;
-                    text-align: center;
-                }
-            }
-
-            .frequently-container {
-                padding: 0px;
-                display: flex;
-                justify-content: center;
-
-                .question {
-                    width: 100%;
-                }
-
-                input[type="checkbox"] {
-                    display: none;
-                }
-
-                .faq-drawer {
-                    margin-bottom: 1.8rem;
-                    flex: 1;
-                    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
-                }
-
-                .faq-drawer__title {
-                    display: block;
-                    position: relative;
-                    padding: 20px 20px 20px 40px;
-                    margin-bottom: 0;
-
-                    background: #C8C8C8;
-
-                    color: #27272A;
-                    font-weight: 500;
-                    font-size: 15.8px;
-
-                    transition: all 0.25s ease-out;
-                    cursor: pointer;
-                    font-family: Inter, sans-serif;
-                }
-
-                .faq-drawer__title::after {
-                    content: " ";
-
-                    position: absolute;
-                    width: 0;
-                    height: 0;
-                    top: 34px;
-                    right: 20px;
-                    float: right;
-
-                    border-left: 5px solid transparent;
-                    border-right: 5px solid transparent;
-                    border-top: 5px solid currentColor;
-                    transition: transform 0.2s ease-out;
-                }
-
-                .faq-drawer__trigger:checked+.faq-drawer__title::after {
-                    transform: rotate(-180deg);
-                }
-
-                .faq-drawer__content-wrapper {
-                    overflow: hidden;
-                    max-height: 0px;
-                    font-size: 15px;
-                    line-height: 23px;
-
-                    transition: max-height 0.25s ease-in-out;
-                }
-
-                .faq-drawer__trigger:checked+.faq-drawer__title+.faq-drawer__content-wrapper {
-                    max-height: fit-content;
-                }
-
-                .faq-drawer__trigger:checked+.faq-drawer__title {
-                    border-bottom-right-radius: 0;
-                    border-bottom-left-radius: 0;
-                }
-
-                .faq-drawer__content-wrapper .faq-drawer__content {
-                    background: white;
-                    padding: 2px 44px 14px;
-                    border-bottom-left-radius: 8px;
-                    border-bottom-right-radius: 8px;
-
-                    p {
-                        font-size: 14.8px;
-                        line-height: 26.66px;
-                        font-family: Inter, sans-serif;
-                    }
-                }
-            }
-
-        }
-    }
-
-    @media(max-width: 1050px) {
-        padding-top: 0px;
-
-        .pricing-page-top {
-            flex-direction: column;
-            gap: 30px;
-
-            &-left {
-                width: 100%;
-
-                .product-flow-section-one-h1 {
-                    width: 100%;
-                    max-width: unset;
-                }
-
-                .pricing-page-subheader-text {
-                    margin: 0;
-                }
-
-                .main-section-buttons {
-                    display: none;
-                }
-            }
-
-            &-right {
-                width: 100%;
-            }
-
-            .main-section-buttons-mobile {
-                margin: auto;
-
-                .section-one-try-it-button {
-                    width: 200px;
-                    height: 48px;
-                    padding: 16px 50px;
-                    border-radius: 6px;
-                    background: #5374EA;
-                }
-            }
-        }
-
-        .plan-container {
-            .content {
-                flex-direction: column-reverse;
-            }
-        }
-
-        .cost-calculator {
-            .cost-calculator-container {
-                flex-direction: column;
-                margin: auto;
-                min-width: 350px;
-
-                .cost-calculator-left {
-                    width: 100%;
-
-                    .content-bottom {
-                        width: max-content;
-
-                        p {
-                            margin: 0px;
-                        }
-
-                        .count-input {
-                            margin-top: 16px;
-                        }
-                    }
-                }
-
-                .cost-calculator-results-wrapper {
-                    width: 100%;
-                }
-
-                .cost-calculator-right {
-                    width: 100%;
-                    justify-content: center;
-
-                    .card {
-                        margin-top: 32px;
-                    }
-
-                }
-            }
-        }
-
-        .start-move-demo {
-
-            .start-move-demo-container {
-                align-items: flex-start;
-                flex-direction: column;
-                gap: 8px;
-            }
-        }
-    }
-
-    @media(max-width: 595px) {
-
-        .frequently-question {
-
-            h2 {
-                font-size: 30px !important;
-                text-align: center;
-            }
-        }
-        .faq-text {
-            font-size: 0.875rem;
-        }
-
-        padding-top: 0px;
-
-        .pricing-landing-image {
-            max-height: 400px;
-        }
-
-
-        .plan-container {
-            .content {
-                flex-direction: column-reverse;
-
-                .content-left {
-                    .plans-section {
-                        .card {
-                            .card-body {
-                                gap: 20px;
-
-                                h3 {
-                                    font-size: 20px;
-                                    min-width: 96px
-                                }
-
-                                p {
-                                    font-size: 12px;
-                                }
-                            }
-                        }
-                    }
-
-                    .buttons-section {
-                        gap: 0px;
-
-                        .build-button {
-                            line-height: 28px;
-                            font-size: 16px;
-                            padding: 10px 28px;
-                            margin-right: 10px;
-                        }
-                    }
-                }
-            }
-        }
-
-        .related-post {
-            .related-index-body {
-                grid-template-columns: repeat(2, minmax(0, 1fr));
-            }
-        }
-
-        .start-move-demo {
-            padding-left: 0px;
-            padding-right: 0px;
-        }
-
-        .contact-button {
-            line-height: 28px !important;
-            font-size: 16px !important;
-            padding: 10px 28px !important;
-            height: 48px !important;
-        }
-    }
-
-    @media(max-width: 420px) {
-        .related-index-body {
-            display: flex !important;
-            flex-direction: column !important;
-        }
-
-        .pricing-page-background-image-wrapper {
-            .pricing-page-top {
-                .pricing-page-top-left {
-                    .product-flow-section-one-h1 {
-                        font-size: 40px;
-                    }
-                }
-
-                .pricing-page-top-right {
-                    .icon-image {
-                        height: 330px !important;
-                    }
-                }
-            }
-        }
-
-        .plan-container {
-            .content {
-                flex-direction: column-reverse;
-
-                .content-left {
-                    .plans-section {
-                        .card {
-                            .card-body {
-                                gap: 12px;
-
-                                h3 {
-                                    font-size: 14px;
-                                    min-width: 64px
-                                }
-
-                            }
-                        }
-                    }
-
-                    .buttons-section {
-                        gap: 0px;
-                        justify-content: space-around;
-
-                        .build-button {
-                            line-height: 16px;
-                            font-size: 10px;
-                            padding: 10px 16px;
-                        }
-
-                        .contact-button {
-                            font-size: 12px;
-                            padding: 0px;
-                            height: 36px !important;
-                            padding: 4px 28px !important;
-                            font-size: 10px !important;
-                        }
-                    }
-                }
-            }
-        }
-
-        .cost-calculator {
-            .heading {
-                h2 {
-                    font-size: 36px;
-                }
-            }
-
-            .cost-calculator-container {
-                .cost-calculator-left {
-                    .MuiBox-root {
-                        width: 264px;
-                    }
-                }
-
-                .cost-calculator-right {
-                    .card {
-                        padding: 20px 20px;
-                    }
-                }
-            }
-        }
-
-        .frequently-question {
-            padding-top: 20px;
-
-            .heading {
-                h2 {
-                    font-size: 20px;
-                }
-            }
-        }
-
-        .related-post {
-            .related-index-body {
-                grid-template-columns: repeat(2, minmax(0, 1fr));
-            }
-        }
-
-        .start-move-demo {
-            padding-left: 0px;
-            padding-right: 0px;
-        }
-    }
-
-    @media(min-width: 1460px) {
-        .plan-container {
-            .content {
-                .content-left {
-                    width: 100%;
-                }
-
-                .content-right {
-                    width: 100%;
-                    justify-content: flex-end;
-                }
-            }
-        }
-
-        .frequently-question {
-            .frequently-container {
-                .question {
-                    width: 100%;
-                }
-            }
-        }
-
-        .related-post {
-            .related-index-body {
-                .related-post-card {
-                    height: unset;
-                }
-            }
-        }
-
-        .start-move-demo {
-            .start-move-demo-container {
-                .buttons-container {
-                    .build-button {
-                        display: flex;
-                        width: 160px;
-                        height: 60px;
-                        padding: 12px;
-                        justify-content: center;
-                        align-items: center;
-                        border-radius: 24px;
-                        background: #F0F0F2;
-                        font-size: 16px;
-                    }
-
-                    .demo-button {
-                        display: flex;
-                        width: 172px;
-                        height: 60px;
-                        padding: 12px;
-                        justify-content: center;
-                        align-items: center;
-                        border-radius: 24px;
-                        background: #3F3F46;
-                        font-size: 16px;
-                    }
-                }
-            }
-        }
-    }
-}
\ No newline at end of file
+/*Blog post template updates end*/
\ No newline at end of file
diff --git a/src/svgs/graphic_parent.svg b/src/svgs/graphic_parent.svg
index 04caa45c..aac726ad 100644
--- a/src/svgs/graphic_parent.svg
+++ b/src/svgs/graphic_parent.svg
@@ -1,4 +1,4 @@
-<svg width="582" height="355" viewBox="0 0 582 355" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg viewBox="0 0 582 355" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 <g filter="url(#filter0_d_873_1699)">
 <path d="M7 12C7 8.134 10.134 5 14 5H568C571.866 5 575 8.13401 575 12V346H7V12Z" fill="#FCFCFC"/>
 </g>
diff --git a/src/svgs/graphic_parent_2.svg b/src/svgs/graphic_parent_2.svg
index b1bb1e89..75668401 100644
--- a/src/svgs/graphic_parent_2.svg
+++ b/src/svgs/graphic_parent_2.svg
@@ -1,5 +1,5 @@
-<svg width="582" height="355" viewBox="0 0 582 355" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-<rect width="582" height="355" fill="#F5F5F5"/>
+<svg viewBox="0 0 582 355" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect fill="#F5F5F5"/>
 <g clip-path="url(#clip0_809_871)">
 <rect width="1512" height="5949" transform="translate(-769 -2291)" fill="#FCFCFC"/>
 <g filter="url(#filter0_d_809_871)">