html {
    scroll-behavior: smooth;
  }
  
  body {
            font-family: 'Inter', sans-serif;
            background-color: #ffffff;
            color: #ffffff;
            margin: 0;
            overflow-x: hidden;
            z-index: 0;
            position: relative;
        }

        .container {
            background-image: url(images/Background2.jpg);
            background-size: cover;
            background-attachment: fixed;
            background-position: center;
            padding: 30px 60px;
            max-width: 100%;
            margin: auto;
            position: relative; 
            min-height: 700px;
            overflow: visible;
        }

        .header-logo {
            text-align: center;
            margin-bottom: 60px;
            margin-top: 80px;
        }

        .header-logo img {
            width: 450px;
        }

        .main-content {
            margin: auto;
            font-size: 18px;
            max-width: 962px;
            text-align: center;
            line-height: 1.5;
        }

        .title {
            font-size: 60px;
            font-weight: 600;
            margin-top: 40px;
            margin-bottom: 40px;
            font-family: 'Poppins', sans-serif;
            line-height: 1.1;
        }

        .description {
            font-weight: 700;
            margin-bottom: 20px;
            font-size: 32px;
            color: #ffffff;
        }

        span#ehub{
            color: #dd7220;
        }

        .features {
            font-weight: 400;
            margin-bottom: 20px;
            font-size: 24px;
            letter-spacing: 1px;
            color: #c5c5c5;
            line-height: 35px;
        }



        .hamburger-icon {
            display: none;
            cursor: pointer;
        }
        
        .mobile-nav {
            display: none;
            position: absolute;
            background-color: white;
            color: #fff; 
            top: 60px; 
            width: 100%;
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
            z-index: 1000;
            padding: 20px 0;
        }
        
            #other{
                color: #0F1C3E;
            }
        
            .otheroptions{
                font-size: 15px;
            }
        
            .mob-menu{
                background-color:#0F1C3E;
                width: 100%;
                height: 60px;
                top:0;
                right: 0;
                display: none;
            }
        
        
            .other-options a {
                display: block;
                margin-bottom: 10px;
            }
        
        .mobile-nav a {
            display: block;
            padding: 10px 15px;
            text-decoration: none;
            color: #333;
            border-bottom: 1px solid #eee;
        }
        


/*top menu*/

        .buttons {
            background-color: #ffffff;
            border-radius: 50px;
            padding: 3px; 
            display: flex;
            justify-content: space-around;
            position: relative;
            max-width: 780px;
            margin: 30px auto;
        }


        .button-slider {
            content: '';
            position: absolute;
            top: 3px;
            left: 3px;
            height: calc(100% - 6px);
            width: calc(25% - 6px); 
            background-color: #EE812B;
            border-radius: 50px;
            transition: left 0.3s;
        }

        .button a {
            text-decoration: none;
            color: #27344b;

        }

        .button {
            color: #27344b;
            padding: 10px 10px;
            text-align: center;
            border-radius: 50px;
            transition: text-decoration-width 0.3s linear; 
            text-decoration: none; 
            flex: 1;
            z-index: 1;
            cursor: pointer;
            position: relative;
            font-weight: 400; 
            font-size: 16px;
            display: inline-block; 
        }



        .button:not(.active):hover::before {
         width: 100%;
        }

        .button:not(.active):hover {
            background-size: 100% 2px; 
            text-decoration: none; 
        }


        .button::after {
            content: '';
            display: block;
            margin-top: 0px;
            width: 0;
            height: 2px;
            background: #27344b;
            transition: width 0.5s;
        }
        
        .button:not(.active):hover::after {
            width: 100%;
        }


        /*Menu Fixed*/

        .wrap-menu {
            transition: background-color 0.3s ease-in-out;
        }

        .background-change {
            background-color: #0F1C3E; 
            box-shadow: 0 2px 5px rgba(0,0,0,0.2); 
            position: fixed;     
            top: 0;   
            z-index: 20;
            width: 100%;
            left: 0;
            max-height: 87px;
            display:flex;
        }
        
        .fixed-menu {
            top: 0;
            width: 50%;
            background-color: #ffffff; 
            transition: ease-in-out 0.3s;
            z-index: 1000; 
            justify-content: space-around;
            height: 100%;
            transition: top 0.3s ease-in-out, width 0.3s ease-in-out, background-color 0.3s ease-in-out;
        }
        
        .fixed-menu .buttons {
            max-width: 100%;
        }


        .header-logo-left {
            display: none;
            left: 0;
            margin-left: 10px; 
            flex-shrink: 0; 
            top: 0;
            margin-top: 5px;
            position:absolute;
            opacity: 100; 
            transition: opacity 0.3s ease-in-out; 
        }
        
        .header-logo-left img {
            height: 50px;
            width: auto;
        }


        /*Dropdown new*/


        .dropdown {
            position: relative; 
            display: inline-block;
            z-index: 11;
        }


        .dropdown-content.other-options {
            display: none; /* Initially hidden */
        }

        .other-options {
            position: absolute; /* Position it with respect to its relative parent */
            top: 100%;
            left: 110%; 
            transform: translateX(-50%);
            background-color: #ffffff;
            min-width: 160px;
            box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
            z-index: 1;
            border-radius: 8px;
        }

        .other-options a {
            color: black;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
            text-align: center;
        }

        .other-options a:hover {
            background-color: #f1f1f1;
            border-radius: 8px;

        }


        .buttons .dropdown .dropdown-content {
            top: 100%;
            left: 0; 
          }

        /*Drawer*/


        .drawer {
            position: fixed;
            top: 0;
            right: -80%;
            width: 80%;
            height: 100vh;
            background: white;
            transition: right 0.3s;
            z-index: 1000; 
        }
        
        .drawer.active {
            right: 0;
            padding: 10px 30px;
            background: #ffffff66;
            border-left-style: solid;
            border-left-width: 2px;
            border-left-color: white;
            box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
            backdrop-filter: blur(9px);
        }

        .drawer-content {
            display: none;
            background-color: #ffffff;
            border-style: solid;
            border-color: #e3e3e3;
            border-width: 2px;
            border-radius: 15px;
            margin-top: 15px;
            box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
            position: relative;
            min-width: 90%;
            min-height: 90%;
            margin-top: 35px;
        }

        .overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100vw;
            height: 100vh;
            background: rgba(0, 0, 0, 0.5);
            z-index: 999;
        }

        .overlay.active {
            display: block;
        }


        .close-button {
            position: absolute;
            top: 10px;
            right: 10px;
            padding: 5px 10px;
            color: #0F1C3E;
            border: none;
            cursor: pointer;
        }


        #pricingDrawer{
            overflow-y: auto;
            max-width: 50%;
            height: 100vh;
            scroll-behavior: smooth;
            display: flex;
            align-items: flex-start;
            justify-content: center;
            min-height: 90%;
            color: #0F1C3E;
        }
       
        .pricingContent {
            padding: 20px;
            text-align: center;
            min-width: 90%;
            min-height: 90%;
        }

        .pricing-plan {
            border: 1px solid #ccc;
            border-radius: 4px;
            padding: 15px;
            margin: 15px;
            display: inline-block;
            vertical-align: top;
        }

        .pricing-plan h3 {
            color: #333;
        }

        .pricing-plan p {
            font-size: 24px;
            color: #666;
            margin: 5px 0;
        }

        .pricing-plan ul {
            list-style: none;
            padding: 0;
        }

        .pricing-plan ul li {
            text-align: left;
            padding: 5px 0;
        }

        /*About us*/

        .about-us {
            font-family: 'Arial', sans-serif;
            line-height: 1.6;
            color: #333;
            padding: 20px;
            max-width: 800px;
            margin: auto;
            margin-top: 40px;
            max-width: 80%;
            max-height: 90%;
        }

        /* Styling for all headers within the About Us section */
        .about-us h2,
        .about-us h3 {
            color: #0F1C3E;
            text-align: center;
        }

        /* Specific styling for the main title */
        .about-us > h2 {
            font-size: 2em;
            margin-bottom: 0.5em;
        }

        /* Specific styling for subtitles */
        .about-us h3 {
            font-size: 1.5em;
            margin-top: 1em;
            margin-bottom: 0.5em;
        }

        .about-us p {
            text-align: justify;
            margin-bottom: 1em;
        }

        .about-us .timeline-event {
            margin-bottom: 1em;
        }

        .timeline-event h4 {
            font-size: 1.2em;
            color: #666;
        }

        .timeline-event p {
            font-size: 0.9em;
        }

        .about-us .co-founders {
            text-align: center;
        }

        .about-us .co-founders h3 {
            margin-top: 2em;
            margin-bottom: 0.5em;
        }

        .about-us .co-founders p {
            font-style: italic;
        }


        /*Signin sign up buttons*/

          .auth-buttons {
            position: absolute;
            top: 0;
            right: 0;
            padding: 4px;
            background-color: #ffffff;
            border-radius: 25px;
            margin-top: 5px;
            margin-right: 5px;
        }
        
        .auth-button {
            padding: 10px 15px;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            transition: background-color 0.3s ease;
        }
        
        .sign-in {
            background-color: #ffffff; /* Your gray color */
            color: #0F1C3E;
            margin-left: 10px;
            margin-right: 10px;
            font-size: 16px;

        }
        
        .sign-up {
            background-color: #EE812B;
            color: #fff;
            border: 2px solid #EE812B;
            border-radius: 25px;
            font-size: 16px;
        }
        
        .auth-button:hover {
            opacity: 0.9;
        }
        
        .fixed-menu .auth-buttons {
            position: fixed;
            top: 5px; /* Adjust based on your fixed header's height */
            right: 10px;
        }



        .note {
            font-size: 12px;
            margin-top: 30px;
            text-align: center;
        }



        img.left {
            position: absolute;
            left: 0;
            top: 0;
            width: auto; 
            z-index: 0; 
            max-height: 700px;
        }

        img.right {
            position: absolute;
            right: 0;
            top: 0;
            width: auto; 
            z-index: 0; 
            max-height: 700px;

        }


        .title-b {
            font-size: 40px;
            font-weight: 600;
            margin-top: 40px;
            margin-bottom: 40px;
            font-family: 'Poppins', sans-serif;
            line-height: 1.1;
            color:#0F1C3E;
            text-align: center;
        }

        .description-b {
            font-weight: 400; 
            margin-bottom: 20px;
            color:#0F1C3E;
            font-size: 15px;

        }


        .containerc {
            padding: 30px 60px;
            max-width: 100%;
            margin: auto;
            position: relative; 
            overflow: visible;
        }

        .Core-Benefits {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            min-height: 700px;
            margin-top: 100px;
        }

        .Core-Benefitsb {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
        }


        #mailcolor {
            color: #dd7220;
        }

        .Benefits {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .cases {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .cases .title-b, .description-b {
            color:#ffffff !important;
        }


        .charity-square {
            max-width: 800px;
            color: #0F1C3E;
        }

        .charity-square p {
            font-size: 22px;
            font-weight: 200px;
            text-align: center;
            line-height: 1.6;  
        }

        .Core-Benefits .container {
            display: grid;
            grid-gap: 20px;
            justify-content: center;
            background-color: white;
        }


        .Core-Benefits .rounded-square {
            border-radius: 10px;
            box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
            text-align: left;
            padding: 20px;
            width: 220px; 
            height: 150px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            background-color: white;
            color: #0F1C3E;
            position: relative; 
            justify-self: center; 

        }

        .row {
            display: flex;
            justify-content: start; 
            gap: 20px; 
        }



        .tittlecore {
            font-size: 20px;
            font-weight: 600;
            margin: 0; /* Remove default margin */
        }
        
        .subtitlecore {
            font-size: 16px;
            font-weight: 400;
            margin: 0; /* Remove default margin */
        }

        .Core-Benefits .icon {
            width: 80px;
            height: 80px;
            border-radius: 50%;
            background-size: cover;
        }

        .Core-Benefits .popup {
            display: none;
            position: fixed;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            justify-content: center;
            align-items: center;
        }


        /*Resources*/

        .support-options {
            display: flex;
            justify-content: center;
            gap: 20px;
            padding: 20px;
            color: #0F1C3E;
          }
          
          .support-option {
            border-radius: 25px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
            width: 265px; 
            height: 275px;
            min-height: 275px;
            background: #FFFFFF;
            text-align: left;
            display: flex;
            flex-direction: column;
            align-items: flex-start; 
            position: relative; 
            padding-left: 20px;
            padding-right: 20px; 
            padding-bottom: 20px; 
            box-sizing: border-box; 
            padding-top: 120px; 
          }
          
          .top-rectangle {
            width: 100%; 
            height: 120px; 
            background-color: #E0E0E0;
            border-radius: 25px; 
            position: absolute;
            top: 0px;
            left: 50%;
            transform: translateX(-50%);
          }
          
          .support-option h3 {
            font-size: 20px;
            font-weight: 600;
          }
          
          .support-option p {
            font-size: 16px;
            font-weight: 400;
            margin: 0;
          }

        /*ResourcesEnd*/


        /* Main form container */

        .form.container{
            background: #f1f1f1;
            max-width: 800px;
            border-top-left-radius: 25px;
            border-top-right-radius: 25px;
        }

        .md-form {
            max-width: 600px;
            margin: auto;
            padding: 20px;
            border-radius: 8px;
            text-align: center;
        }
        
        /* Form title and instructions */
        .md-form h2,
        .md-form p {
            color: #0F1C3E;
        }
        
        .md-form h2 {
            margin-bottom: 8px;
        }
        
        .md-form p {
            margin-bottom: 16px;
        }
        
        /* Text fields */
        .md-textfield {
            position: relative;
            margin-bottom: 24px;
            text-align: left;
        }
        
        .md-textfield input,
        .md-textfield textarea {
            width: 100%;
            padding: 10px;
            border: 1px solid #ccc;
            border-radius: 4px;
            font-size: 16px;
            line-height: 24px;
        }
        
        /* Floating label styles */
        .md-textfield label {
            position: absolute;
            left: 12px;
            top: 10px;
            font-size: 16px;
            color: #666;
            transition: all 0.2s;
            pointer-events: none;
        }
        
        /* Transform label on input focus or when it has content */
        .md-textfield input:focus + label,
        .md-textfield textarea:focus + label,
        .md-textfield input:not(:placeholder-shown) + label,
        .md-textfield textarea:not(:placeholder-shown) + label {
            top: -20px;
            left: 10px;
            padding: 0 5px;
            font-size: 12px;
            color: #0F1C3E;
        }
        
        /* Helper text styles */
        .md-textfield .md-helper-text {
            font-size: 12px;
            color: #666;
        }
        
        /* Submit button styles */
        .md-button {
            background-color: #EE812B;
            color: #FFFFFF;
            border: none;
            padding: 10px 20px;
            margin-top: 10px;
            border-radius: 4px;
            text-transform: uppercase;
            font-weight: bold;
            transition: background-color 0.3s;
            cursor: pointer;
            width: 150px;
            border-radius: 25px;
        }
        
        .md-button:hover {
            background-color: #dd7220;
        }
        
        /* Ensure input elements resize correctly in responsive designs */
        input[type="text"],
        input[type="email"],
        input[type="tel"],
        textarea {
            box-sizing: border-box;
        }
  
        /*Form*/



        .new-buttons {
            background-color: #ffffff;
            border-radius: 50px;
            padding: 3px; 
            display: flex;
            justify-content: space-around;
            position: relative;
            margin-top: 30px;
            overflow: hidden;
            max-width: 780px;
            margin: 30px auto;
        }

        .new-button-slider {
            content: '';
            position: absolute;
            top: 3px;
            left: 3px;
            height: calc(100% - 6px);
            width: calc(33.333% - 6px); 
            background-color: #EE812B;
            border-radius: 50px;
            transition: left 0.3s;
        }

        .new-button {
            color: #27344b;
            padding: 10px 30px;
            text-align: center;
            border-radius: 50px;
            transition: text-decoration-width 0.3s linear; 
            text-decoration: none; 
            flex: 1;
            z-index: 1;
            cursor: pointer;
            position: relative;
            overflow: hidden;
            font-weight: 400; 
            font-size: 16px;
            display: inline-block; 
        }

        .new-button.active {
            color: #ffffff;
            font-weight: 600;
        }

        .new-button:not(.active):hover::before,
        .new-button:not(.active):hover::after {
            width: 100%;
        }

        .new-button::after {
            content: '';
            display: block;
            margin-top: 0px;
            width: 0;
            height: 2px;
            background: #27344b;
            transition: width 0.5s;
        }

        .NewCore-Benefits {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            margin-top: 40px;
        }

        .NewBenefits {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .NewBenefits-container {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            grid-gap: 20px;
            justify-content: center;
        }

        .NewRounded-square {
            border-radius: 10px;
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
            text-align: center;
            padding: 20px;
            width: 150px;
            height: 150px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            background-color: white;
            color: #0F1C3E;
            position: relative;
        }

        .NewIcon {
            width: 80px;
            height: 80px;
            border-radius: 50%;
            margin: 0 auto 10px;
            background-size: cover;
        }

        .NewBenefits-row {
            display: contents;
        }

        #scases {background-color: #0F1C3E;}

        .comparison-section {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 40px 0px;
        }

        .comparison-title {
        text-align: center;
        }

        .comparison-title h2 {
        text-align: center;
        color: #0F1C3E;
        }

        .comparison-buttons {
        display: flex;
        justify-content: center;
        margin: 20px 0px;
        }


        footer{
            background-color: #0F1C3E;
            position: relative; 
            overflow-x: hidden;
        }

        .wrap-foot {
            background-color: #0F1C3E;
            padding: 30px 60px;
            max-width: 100%;
            margin: auto;
            min-height: 500px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-wrap: wrap;
            max-width: 1200px;
            align-content: center
        }

        .footer #imgbottom {
            position: absolute;
            left: 0;
            height: 500px;
        }

        .left-f .description-b, .left-f .title-b {
            color: #ffffff;
            max-width: 600px;
        }
        
        .descriptionb{
            color: #0F1C3E;
        }

        .access-video {
            background-color: #ffffff;
            padding: 3px 5px;
            max-width: 520px;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin: auto;
        }        

        .access-video p {
            margin: 0;
        }

        .input-footer {
            height: 40px;
            max-width: 300px;
            border: 0;
            margin-left: 5px;
        }

        .footer-button {
            height: 40px;
            width: 150px;
            background-color: #EE812B;
            border-radius: 10px;
            border-width: 0;
            font-size: 16px;
            font-weight: 600;
            color: #ffffff;
            cursor:pointer;
        }

        .left-f{
            justify-items: flex-end;
        }

        .right-f img{
            height: 250px;
            margin-bottom: 50px;
        }

        .bottom{
            border-top: solid 2px #ffffff;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-around;
        }

        img#bottom-logo{
            width: 100px;
            margin-right: 20px;
        }


        @media (max-width: 800px) {

            .row{
                flex-direction: column;
            }
            .header-logo-left {
                display: block;
            }

            .button.active {
                color: #FA7100 !important;
                font-weight: 600;
            }

            .hamburger-icon {
                display: block;
                position: absolute;
                right: 10px;
                top: 15px;
            }

            .auth-buttons {
                right: 40px;
                min-width: 100px;
            }   
        
            .mobile-nav {
                display: none;
            }
        
            .mobile-nav.active {
                display: block;
            }
            .BenefitsButtons {
              grid-template-columns: repeat(2, 1fr);
            }
            .title {
                font-size: 40px;
            }
            .description {
                font-size:32px;
            }
            .wrap-foot {
                flex-direction: column
            }
            .left-f .description-b, .left-f .title-b {
                width: 400px;
            }
            .platform-image {
                width: 365px;
            }
            .platform-left {
                width: 326px;
                margin-left: -215px
            }
            .platform-right {
                width: 326px;
                margin-right: -215px
            }

            .access-video {
                width: 324px;
            }

            .support-options{
                flex-wrap: wrap;
                height: auto;
                }

            svg {
                width: 450px;
                  }

            .other-options{
                    left: 70%;
            }

            .wrap-menu {
                display: none;
            }
            .mob-menu {
                position: fixed;
                z-index: 999;
                display: block;
            }
            .header-logo img {
                width: 280px;
            }
            #Layer_2 {
                display: none; 
            }
        
            .g3 {
                display: block; 
            }
        }

            .g3 {
                display: none;
            }


        @media (max-width: 900px) {
            img.right{
                display: none;
            }
            img.left{
                display: none;
            }

        }

        @media (max-width: 1000px) {
            .platform-selection{
                margin-top: 200px;
            }
            .button-container{
                margin-top: -72px;
            }
        }


.overview_wrapper{
    text-align: center;
    background: white;
    border-radius: 10px;
    padding: 30px 15px;
}


.overview_wrapper > p{
    line-height: 1.5;
    font-weight: lighter !important;
color: #27344b;}


.Overview_intro h2{
    text-align: center;
    font-size: 35px;
    color: #EE812B;	
    text-transform: uppercase;
}

.overview_info-container{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-content: flex-start;
}

.overview_info-box{
    width: 45%;
    text-align: center;
    margin-top: 20px;
}


.overview_icon{
    width: 100px !important;
    height: 100px;
}

.overview_main-info{
    background:rgba(238,129,43,.07);
    padding: 20px 30px 10px;
    
}
.overview_main{
    margin-bottom: 20px;
    display: flex;
    column-gap: 30px;
    text-align: left;
}

@media (max-width: 599px){
    .overview_info-box{
        width: 80%;
        margin: 10px auto;}

        #pricingDrawer {
        max-width: 90%;
        }

    .overview_main{
        display: block;
        text-align: center;
    }
}

div#overviewContent { margin-top: 35px; }


/*pricing*/

.container2 {
max-width: 1200px;

}

.pricing-header {
text-align: center;
color: #EE812B;
background: #0F1C3E;
padding: 10px;
}

.pricing-intro {
background-color: #fea24914;
border-radius: 10px;
margin-bottom: 20px;
padding: 30px;
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.pricing-table {
width: 100%;
margin-top: 20px;
border-collapse: collapse;
}

.pricing-table th, .pricing-table td {
text-align: left;
padding: 12px 20px;
border-bottom: 1px solid #ddd;
}

.pricing-table th {
color: #fff; /* White */
background-color: #0F1C3E; /* Blue */
}

.pricing-table tbody tr:hover {
background-color: #f2f2f2;
}

.pricing-table .highlight {
color: #EE812B; /* Orange */
font-weight: bold;
}

.note {
font-size: 0.9em;
opacity: 0.8;
}

.button3 {
display: inline-block;
padding: 10px 20px;
margin-top: 20px;
border-radius: 5px;
background-color: #0F1C3E; /* Blue */
color: white;
text-decoration: none;
font-weight: bold;
}

.button3:hover {
background-color: #0F1C3E;
}

@media (max-width: 768px) {
.pricing-table, .pricing-table thead, .pricing-table tbody, .pricing-table th, .pricing-table td, .pricing-table tr {
display: block;
}

.pricing-table th {
position: absolute;
top: -9999px;
left: -9999px;
}

.pricing-table td {
border: none;
position: relative;
padding-left: 50%;
text-align: right;
}

.pricing-table td:before {
position: absolute;
top: 12px;
left: 20px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
text-align: left;
font-weight: bold;
}

.pricing-table{
font-size: 12px;
}

/* Label the data */
.pricing-table td:nth-of-type(1):before { content: "Module"; }
.pricing-table td:nth-of-type(2):before { content: "Start Price (AUD)"; }
.pricing-table td:nth-of-type(3):before { content: "Price Breaks"; }

}