/* ==========================================================================
   MEDICAL LANDING PAGE - CENTERED LAYOUT
   ========================================================================== */

/* Override body width to allow centering */
body {
  width: 100%;
  min-width: 1440px; /* Maintain minimum width for design */
}

/* Main page container - centered with max-width */
#base {
  position: relative; /* Changed from absolute */
  max-width: 1440px;
  margin: 0 auto; /* Center the container */
  padding-top: 88px; /* Space for fixed header */
  padding-bottom: 56px; /* Space for fixed footer */
  min-height: calc(100vh - 144px); /* 88px header + 56px footer */
}

/* Main content wrapper - clearfix */
#base::after {
  content: "";
  display: table;
  clear: both;
}

/* ==========================================================================
   MAIN CONTENT SECTION
   ========================================================================== */

#mainInfoParagraph_div {
    border-width:0px;
    position:absolute;
    left:0px;
    top:0px;
    width:787px;
    height:91px;
    background:inherit;
    background-color:rgba(255, 255, 255, 0);
    border-radius:0px;
    filter:drop-shadow(none);
    transition:none;
}
#mainInfoParagraph {
    border-width:0px;
    position:relative; /* Changed from absolute */
    left:auto;
    top:auto;
    width:787px;
    height:91px;
    display:flex;
    margin: 20px auto 0 29px; /* top: 108px - 88px header = 20px from content start */
    transition:none;
    transform-origin:50% 50%;
}
#mainInfoParagraph .text {
    position:absolute;
    align-self:flex-start;
    padding:0px 0px 0px 0px;
    box-sizing:border-box;
    width:100%;
}
#mainInfoParagraph_text {
    border-width:0px;
    word-wrap:break-word;
    text-transform:none;
}
/* Unused group - hidden */
#unusedGroup {
    border-width:0px;
    position:absolute;
    left:0px;
    top:0px;
    width:0px;
    height:0px;
}
#payAsYouGoHeading_div {
    border-width:0px;
    position:absolute;
    left:0px;
    top:0px;
    width:152px;
    height:21px;
    background:inherit;
    background-color:rgba(255, 255, 255, 0);
    border-radius:0px;
    filter:drop-shadow(none);
    transition:none;
    font-family:"Roboto-Regular", "Roboto", sans-serif;
    font-weight:400;
    font-style:normal;
    font-size:18px;
    color:#000000;
}
#payAsYouGoHeading {
    border-width:0px;
    position:absolute; /* Keep absolute for unused content */
    left:150px;
    top:607px;
    width:152px;
    height:21px;
    display:flex;
    transition:none;
    transform-origin:50% 50%;
    font-family:"Roboto-Regular", "Roboto", sans-serif;
    font-weight:400;
    font-style:normal;
    font-size:18px;
    color:#000000;
}
#payAsYouGoHeading .text {
    position:absolute;
    align-self:flex-start;
    padding:0px 0px 0px 0px;
    box-sizing:border-box;
    width:100%;
}
#payAsYouGoHeading_text {
    border-width:0px;
    white-space:nowrap;
    text-transform:none;
}
#payAsYouGoImage {
    border-width:0px;
    position:absolute; /* Keep absolute for unused content */
    left:53px;
    top:575px;
    width:85px;
    height:85px;
    display:flex;
    transition:none;
}
#payAsYouGoImage .text {
    position:absolute;
    align-self:center;
    padding:2px 2px 2px 2px;
    box-sizing:border-box;
    width:100%;
}
#payAsYouGoImage_img {
    border-width:0px;
    position:absolute;
    left:0px;
    top:0px;
    width:85px;
    height:85px;
}
#payAsYouGoImage_text {
    border-width:0px;
    word-wrap:break-word;
    text-transform:none;
    visibility:hidden;
}
#emptyGroup {
    border-width:0px;
    position:absolute;
    left:0px;
    top:0px;
    width:0px;
    height:0px;
}
#u39 {
    border-width:0px;
    position:absolute;
    left:0px;
    top:0px;
    width:0px;
    height:0px;
}
/* ==========================================================================
   RIGHT-SIDE CTA SECTION
   All elements in this section keep absolute positioning for precise layout
   ========================================================================== */
#demoButtonImage {
    border-width:0px;
    position:absolute; /* Keep absolute for right-side CTA positioning */
    left:1005px;
    top:198px;
    width:70px;
    height:70px;
    display:flex;
    transition:none;
    font-size:12px;
}
#demoButtonImage .text {
    position:absolute;
    align-self:center;
    padding:2px 2px 2px 2px;
    box-sizing:border-box;
    width:100%;
}
#demoButtonImage_img {
    border-width:0px;
    position:absolute;
    left:0px;
    top:0px;
    width:70px;
    height:70px;
}
#demoButtonImage_img:hover {
    width:77px;
    height:77px;
}
#demoButtonImage_text {
    border-width:0px;
    word-wrap:break-word;
    text-transform:none;
    visibility:hidden;
}
#whitePaperButtonImage {
    border-width:0px;
    position:absolute; /* Keep absolute for right-side CTA positioning */
    left:1005px;
    top:112px;
    width:70px;
    height:70px;
    display:flex;
    transition:none;
    font-size:12px;
}
#whitePaperButtonImage .text {
    position:absolute;
    align-self:center;
    padding:2px 2px 2px 2px;
    box-sizing:border-box;
    width:100%;
}
#whitePaperButtonImage_img {
    border-width:0px;
    position:absolute;
    left:0px;
    top:0px;
    width:70px;
    height:70px;
}
#whitePaperButtonImage_img:hover {
    width:77px;
    height:77px;
}
#whitePaperButtonImage.mouseOver {
}
#whitePaperButtonImage_text {
    border-width:0px;
    word-wrap:break-word;
    text-transform:none;
    visibility:hidden;
}
#videoButtonImage {
    border-width:0px;
    position:absolute; /* Keep absolute for right-side CTA positioning */
    left:1005px;
    top:288px;
    width:70px;
    height:70px;
    display:flex;
    transition:none;
}
#videoButtonImage .text {
    position:absolute;
    align-self:center;
    padding:2px 2px 2px 2px;
    box-sizing:border-box;
    width:100%;
}
#videoButtonImage_img {
    border-width:0px;
    position:absolute;
    left:0px;
    top:0px;
    width:70px;
    height:70px;
}
#videoButtonImage_img:hover {
    width:77px;
    height:77px;
}
#videoButtonImage_text {
    border-width:0px;
    word-wrap:break-word;
    text-transform:none;
    visibility:hidden;
}
#scheduleDemoLink_div {
    border-width:0px;
    position:absolute;
    left:0px;
    top:0px;
    width:257px;
    height:19px;
    background:inherit;
    background-color:rgba(255, 255, 255, 0);
    border-radius:0px;
    filter:drop-shadow(none);
    transition:none;
    font-size:16px;
    color:#0000FF;
}
#scheduleDemoLink {
    border-width:0px;
    position:absolute; /* Keep absolute for right-side CTA positioning */
    left:1092px;
    top:224px;
    width:257px;
    height:19px;
    display:flex;
    transition:none;
    transform-origin:50% 50%;
    font-size:16px;
    color:#0000FF;
}
#scheduleDemoLink .text {
    position:absolute;
    align-self:flex-start;
    padding:0px 0px 0px 0px;
    box-sizing:border-box;
    width:100%;
}
#scheduleDemoLink_div.mouseOver {
    border-width:0px;
    position:absolute;
    left:0px;
    top:0px;
    width:257px;
    height:19px;
    background:inherit;
    background-color:rgba(255, 255, 255, 0);
    border-radius:0px;
    filter:drop-shadow(none);
    transition:none;
    font-size:16px;
    color:#0000FF;
}
#scheduleDemoLink.mouseOver {
}
#scheduleDemoLink_text {
    border-width:0px;
    word-wrap:break-word;
    text-transform:none;
}
#whitePaperLink_div {
    border-width:0px;
    position:absolute;
    left:0px;
    top:0px;
    width:273px;
    height:19px;
    background:inherit;
    background-color:rgba(255, 255, 255, 0);
    border-radius:0px;
    filter:drop-shadow(none);
    transition:none;
    font-size:16px;
    color:#0000FF;
}
#whitePaperLink {
    border-width:0px;
    position:absolute; /* Keep absolute for right-side CTA positioning */
    left:1092px;
    top:138px;
    width:273px;
    height:19px;
    display:flex;
    transition:none;
    transform-origin:50% 50%;
    font-size:16px;
    color:#0000FF;
}
#whitePaperLink .text {
    position:absolute;
    align-self:flex-start;
    padding:0px 0px 0px 0px;
    box-sizing:border-box;
    width:100%;
}
#whitePaperLink_div.mouseOver {
    border-width:0px;
    position:absolute;
    left:0px;
    top:0px;
    width:273px;
    height:19px;
    background:inherit;
    background-color:rgba(255, 255, 255, 0);
    border-radius:0px;
    filter:drop-shadow(none);
    transition:none;
    font-size:16px;
    color:#0000FF;
}
#whitePaperLink.mouseOver {
}
#whitePaperLink_text {
    border-width:0px;
    word-wrap:break-word;
    text-transform:none;
}
#u45 {
    border-width:0px;
    position:absolute;
    left:1036px;
    top:120px;
    width:357px;
    height:510px;
}
#videoFrameImage {
    border-width:0px;
    position:absolute; /* Keep absolute for right-side CTA positioning */
    left:1007px;
    top:376px;
    width:358px;
    height:226px;
    display:flex;
    transition:none;
}
#videoFrameImage .text {
    position:absolute;
    align-self:center;
    padding:2px 2px 2px 2px;
    box-sizing:border-box;
    width:100%;
}
#videoFrameImage_img {
    border-width:0px;
    position:absolute;
    left:0px;
    top:0px;
    width:358px;
    height:226px;
}
#videoFrameImage_img.mouseOver {
    width:368px;
    height:236px;
}
#videoFrameImage.mouseOver {
}
#videoFrameImage_text {
    border-width:0px;
    word-wrap:break-word;
    text-transform:none;
    visibility:hidden;
}
#videoCtaText_div {
    border-width:0px;
    position:absolute;
    left:0px;
    top:0px;
    width:300px;
    height:57px;
    background:inherit;
    background-color:rgba(255, 255, 255, 0);
    border-radius:0px;
    filter:drop-shadow(none);
    transition:none;
    font-size:16px;
    color:#0000FF;
}
#videoCtaText {
    border-width:0px;
    position:absolute; /* Keep absolute for right-side CTA positioning */
    left:1092px;
    top:295px;
    width:300px;
    height:57px;
    display:flex;
    transition:none;
    transform-origin:50% 50%;
    font-size:16px;
    color:#0000FF;
}
#videoCtaText .text {
    position:absolute;
    align-self:flex-start;
    padding:0px 0px 0px 0px;
    box-sizing:border-box;
    width:100%;
}
#videoCtaText_div.mouseOver {
    border-width:0px;
    position:absolute;
    left:0px;
    top:0px;
    width:300px;
    height:57px;
    background:inherit;
    background-color:rgba(255, 255, 255, 0);
    border-radius:0px;
    filter:drop-shadow(none);
    transition:none;
    font-size:16px;
    color:#0000FF;
}
#videoCtaText.mouseOver {
}
#videoCtaText_text {
    border-width:0px;
    word-wrap:break-word;
    text-transform:none;
}
/* ==========================================================================
   TESTIMONIAL SECTION - Keep absolute positioning for overlay effect
   ========================================================================== */
#quoteOpeningMark_div {
    border-width:0px;
    position:absolute;
    left:0px;
    top:0px;
    width:48px;
    height:103px;
    background:inherit;
    background-color:rgba(255, 255, 255, 0);
    border-radius:0px;
    filter:drop-shadow(none);
    transition:none;
    font-family:"AmericanTypewriter", "American Typewriter", sans-serif;
    font-weight:400;
    font-style:normal;
    font-size:125px;
    color:rgba(218, 218, 218, 0.8666666666666667);
}
#quoteOpeningMark {
    border-width:0px;
    position:absolute; /* Keep absolute for overlay positioning */
    left:720px;
    top:207px;
    width:48px;
    height:103px;
    display:flex;
    transition:none;
    transform-origin:50% 50%;
    font-family:"AmericanTypewriter", "American Typewriter", sans-serif;
    font-weight:400;
    font-style:normal;
    font-size:125px;
    color:rgba(218, 218, 218, 0.8666666666666667);
}
#quoteOpeningMark .text {
    position:absolute;
    align-self:flex-start;
    padding:0px 0px 0px 0px;
    box-sizing:border-box;
    width:100%;
}
#quoteOpeningMark_text {
    border-width:0px;
    word-wrap:break-word;
    text-transform:none;
}
#testimonialText_div {
    border-width:0px;
    position:absolute;
    left:0px;
    top:0px;
    width:277px;
    height:342px;
    background:inherit;
    background-color:rgba(255, 255, 255, 0);
    border-radius:0px;
    filter:drop-shadow(none);
    transition:none;
    font-family:"Roboto-LightItalic", "Roboto Light Italic", "Roboto", sans-serif;
    font-weight:300;
    font-style:italic;
    font-size:16px;
}
#testimonialText {
    border-width:0px;
    position:absolute; /* Keep absolute for overlay positioning */
    left:613px;
    top:276px;
    width:277px;
    height:342px;
    display:flex;
    transition:none;
    transform-origin:50% 50%;
    font-family:"Roboto-LightItalic", "Roboto Light Italic", "Roboto", sans-serif;
    font-weight:300;
    font-style:italic;
    font-size:16px;
}
#testimonialText .text {
    position:absolute;
    align-self:flex-start;
    padding:0px 0px 0px 0px;
    box-sizing:border-box;
    width:100%;
}
#testimonialText_text {
    border-width:0px;
    word-wrap:break-word;
    text-transform:none;
}
#testimonialAttribution_div {
    border-width:0px;
    position:absolute;
    left:0px;
    top:0px;
    width:214px;
    height:42px;
    background:inherit;
    background-color:rgba(255, 255, 255, 0);
    border-radius:0px;
    filter:drop-shadow(none);
    transition:none;
    font-family:"Roboto-LightItalic", "Roboto Light Italic", "Roboto", sans-serif;
    font-weight:300;
    font-style:italic;
    text-align:right;
}
#testimonialAttribution {
    border-width:0px;
    position:absolute; /* Keep absolute for overlay positioning */
    left:676px;
    top:626px;
    width:214px;
    height:42px;
    display:flex;
    transition:none;
    transform-origin:50% 50%;
    font-family:"Roboto-LightItalic", "Roboto Light Italic", "Roboto", sans-serif;
    font-weight:300;
    font-style:italic;
    text-align:right;
}
#testimonialAttribution .text {
    position:absolute;
    align-self:flex-start;
    padding:0px 0px 0px 0px;
    box-sizing:border-box;
    width:100%;
}
#testimonialAttribution_text {
    border-width:0px;
    word-wrap:break-word;
    text-transform:none;
}
/* ==========================================================================
   LEFT CONTENT AREA
   ========================================================================== */
#u65 {
    border-width:0px;
    position:absolute;
    left:-466px;
    top:205px;
    width:578px;
    height:507px;
}
#decorativeSvg {
    border-width:0px;
    position:relative; /* Changed from absolute */
    left:auto;
    top:auto;
    width:374px;
    height:376px;
    display:block;
    margin: 60px auto 0 151px; /* top: 259px - 108px (mainInfo top) - 91px (mainInfo height) = 60px spacing */
    transition:none;
}
#decorativeSvg .text {
    position:absolute;
    align-self:center;
    padding:2px 2px 2px 2px;
    box-sizing:border-box;
    width:100%;
}
#decorativeSvg_img {
    border-width:0px;
    position:absolute;
    left:0px;
    top:0px;
    width:374px;
    height:376px;
}
#decorativeSvg_text {
    border-width:0px;
    word-wrap:break-word;
    text-transform:none;
    visibility:hidden;
}
#valuePropositionHeading_div {
    border-width:0px;
    position:absolute;
    left:0px;
    top:0px;
    width:707px;
    height:21px;
    background:inherit;
    background-color:rgba(255, 255, 255, 0);
    border-radius:0px;
    filter:drop-shadow(none);
    transition:none;
    font-family:"Roboto-Regular", "Roboto", sans-serif;
    font-weight:400;
    font-style:normal;
    font-size:18px;
    color:#000000;
}
#valuePropositionHeading {
    border-width:0px;
    position:relative; /* Changed from absolute */
    left:auto;
    top:auto;
    width:707px;
    height:21px;
    display:flex;
    margin: 18px auto 0 29px; /* top: 217px - 108px (mainInfo top) - 91px (mainInfo height) = 18px spacing */
    transition:none;
    transform-origin:50% 50%;
    font-family:"Roboto-Regular", "Roboto", sans-serif;
    font-weight:400;
    font-style:normal;
    font-size:18px;
    color:#000000;
}
#valuePropositionHeading .text {
    position:absolute;
    align-self:flex-start;
    padding:0px 0px 0px 0px;
    box-sizing:border-box;
    width:100%;
}
#valuePropositionHeading_text {
    border-width:0px;
    word-wrap:break-word;
    text-transform:none;
}
/* ==========================================================================
   HERO TAGLINE - RIGHT SIDE
   ========================================================================== */
#heroTagline_div {
    border-width:0px;
    position:absolute;
    left:0px;
    top:0px;
    width:310px;
    height:34px;
    background:inherit;
    background-color:rgba(255, 255, 255, 0);
    border-radius:0px;
    filter:drop-shadow(none);
    transition:none;
    font-family:"Roboto-Regular", "Roboto", sans-serif;
    font-weight:400;
    font-style:normal;
    text-align:center;
}
#heroTagline {
    border-width:0px;
    position:absolute; /* Keep absolute for right-side positioning */
    left:1031px;
    top:626px;
    width:310px;
    height:34px;
    display:flex;
    transition:none;
    transform-origin:50% 50%;
    font-family:"Roboto-Regular", "Roboto", sans-serif;
    font-weight:400;
    font-style:normal;
    text-align:center;
}
#heroTagline .text {
    position:absolute;
    align-self:flex-start;
    padding:0px 0px 0px 0px;
    box-sizing:border-box;
    width:100%;
}
#heroTagline_text {
    border-width:0px;
    word-wrap:break-word;
    text-transform:none;
}
