body {
    margin: 0;
    line-height: normal;
  }
  
  :root {
    /* Common Style Variables */
  
    /* Color */
    --Black: #000;
    --color-gray: rgba(0, 0, 0, 0.05);
    --color-skyblue: #80b8c7;
    --color-steelblue: #2a578c;
    --Primary-Text: #f7931e;
    --Secondary-Text: #193c6c;
    --Subtext: #4d4d4d;
    --White: #fff;
  
    /* Gap */
    --gap-2: 2px;
    --gap-3: 3px;
    --gap-10: 10px;
    --gap-16: 16px;
    --gap-19: 19px;
    --gap-20: 20px;
    --gap-24: 24px;
    --gap-28: 28px;
    --gap-29: 29px;
    --gap-32: 32px;
    --gap-40: 40px;
    --gap-56: 56px;
    --gap-59: 59px;
    --gap-80: 80px;
    --gap-100: 100px;
  
    /* Padding */
    --padding-0: 0px;
    --padding-01: 0;
    --padding-6: 6px;
    --padding-8: 8px;
    --padding-10: 10px;
    --padding-14: 14px;
    --padding-16: 16px;
    --padding-19: 19px;
    --padding-20: 20px;
    --padding-21: 21px;
    --padding-24: 24px;
    --padding-30: 30px;
    --padding-32: 32px;
    --padding-40: 40px;
    --padding-50: 50px;
    --padding-52: 52px;
    --padding-60: 60px;
    --padding-80: 80px;
    --padding-100: 100px;
  
    /* BorderRadius */
    --br-7: 7px;
    --br-8: 8px;
    --br-10: 10px;
    --br-12: 12px;
    --br-20: 20px;
    --br-24: 24px;
    --br-25: 25px;
    --br-200: 200px;
  
    /* Font */
    --font-inherit: inherit;
    --font-lexend-exa: Lexend Exa;
    --font-poppins: Poppins;
  
    /* FontSize */
    --fs-12: 12px;
    --fs-14: 14px;
    --fs-15: 15px;
    --fs-16: 16px;
    --fs-18: 18px;
    --fs-19: 19px;
    --fs-20: 20px;
    --fs-22: 22px;
    --fs-23: 23px;
    --fs-24: 24px;
    --fs-26: 26px;
    --fs-28: 28px;
    --fs-30: 30px;
    --fs-31: 31px;
    --fs-36: 36px;
    --fs-42: 42px;
    --fs-52: 52px;
    --fs-inherit: inherit;
  
    /* Borders */
    --border-1: 1px solid var(--color-steelblue);
  
    /* Shadows */
    --shadow-drop: 0px 0px 25px 13px rgba(0, 0, 0, 0.35);
  
    /* Gradients */
    --Linear-Button: linear-gradient(268.12deg, #f6af1d, #e04312);
  
    /* WidthHeights */
    --height-24: 24px;
    --height-400: 400px;
    --height-34_6: 34.6px;
    --max-w-1200: 1200px;
    --min-w-20: 20px;
    --min-w-241: 241px;
    --min-w-250: 250px;
    --min-w-290: 290px;
    --min-w-350: 350px;
    --min-w-390: 390px;
    --width-24: 24px;
    --width-580: 580px;
    --width-34_6: 34.6px;
  }
  


.biolegacy-individual-services2 {
    width: 100%;
    position: relative;
    background-color: var(--White);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    font-size: var(--fs-52);
    color: var(--color-skyblue);
    font-family: var(--font-lexend-exa);
  }
  .biolegacy-individual-services2-navigation-bar {
    align-self: stretch;
    background-color: var(--White);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--padding-60) var(--padding-20);
    top: 0;
    z-index: 99;
    position: sticky;
    text-align: center;
    font-size: var(--fs-20);
    color: var(--Secondary-Text);
    font-family: var(--font-poppins);
  }
  .biolegacy-individual-services2-nav-container {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
    gap: var(--gap-80);
    max-width: var(--max-w-1200);
  }
  .biolegacy-individual-services2-biolegacy-logo-top-color-1 {
    width: 200px;
    position: relative;
    max-height: 100%;
    object-fit: cover;
  }
  .frame-group {
    flex: 1;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
    gap: 13px;
    min-width: var(--min-w-250);
    max-width: 968px;
  }
  .services-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--padding-0) var(--padding-10);
  }
  .biolegacy-individual-services2-species {
    margin: 0;
    position: relative;
    font-size: inherit;
    font-weight: 300;
    font-family: inherit;
  }
  .capabilities-group {
    cursor: pointer;
    border: 0;
    padding: var(--padding-0) var(--padding-10);
    background-color: transparent;
    border-radius: var(--br-7);
    background: var(--Linear-Button);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .biolegacy-individual-services2-capabilities {
    position: relative;
    font-size: var(--fs-20);
    font-weight: 600;
    font-family: var(--font-poppins);
    color: var(--White);
    text-align: center;
  }
  .biolegacy-individual-services2-frame-icon {
    height: var(--height-24);
    width: var(--width-24);
    position: relative;
  }
  .biolegacy-individual-services2-hero-banner {
    align-self: stretch;
    height: 350px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--padding-10) var(--padding-20);
    box-sizing: border-box;
    background-image: url(./public/Hero-banner5@3x.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
  }
  .biolegacy-individual-services2-frame {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: var(--max-w-1200);
  }
  .preclinical-oncology-studies-container {
    align-self: stretch;
    position: relative;
    font-weight: 300;
  }
  .preclinical {
    margin: 0;
  }
  .biolegacy-individual-services2-introduction-section {
    align-self: stretch;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--padding-50) var(--padding-20);
    gap: var(--gap-24);
    text-align: left;
    font-size: var(--fs-28);
    color: var(--Secondary-Text);
    font-family: var(--font-lexend-exa);
  }
  .biolegacy-individual-services2-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: var(--max-w-1200);
  }
  .biolegacy-individual-services2-header {
    align-self: stretch;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: var(--min-w-250);
  }
  .biolegacys-areas-of {
    margin: 0;
    align-self: stretch;
    position: relative;
    font-size: inherit;
    font-weight: 300;
    font-family: inherit;
    color: #F7931E;
  }
  .cards-container,
  .container6 {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .container6 {
    width: 100%;
    max-width: var(--max-w-1200);
    text-align: center;
    font-size: var(--fs-22);
    color: var(--White);
    font-family: var(--font-poppins);
  }
  .cards-container {
    flex: 1;
    flex-wrap: wrap;
    align-content: center;
    gap: var(--gap-24);
  }
  .cards-container > div{
    flex: 0 0 calc(25% - 20px);  /* 4 items per row */
    
}
@media screen and (max-width: 768px) {
  .cards-container > div{
    flex: 0 0 100%;    /* 2 items per row */
  }
}
  .biolegacy-individual-services2-card-1,
  .biolegacy-individual-services2-text-container {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .biolegacy-individual-services2-card-1 {
    height: 150px;
    flex: 1;
    border-radius: var(--br-10);
    padding: var(--padding-40) var(--padding-10);
    box-sizing: border-box;
    background-image: url(./public/Card-1@3x.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    min-width: 180px;
  }
  .biolegacy-individual-services2-text-container {
    align-self: stretch;
  }
  .solid-tumors-container {
    position: relative;
    font-weight: 300;
  }
  .card-2 {
    height: 150px;
    flex: 1;
    border-radius: var(--br-10);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--padding-40) var(--padding-10);
    box-sizing: border-box;
    background-image: url(./public/Card-2@3x.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    min-width: 180px;
  }
  .leukemia {
    margin: 0;
    position: relative;
    font-size: inherit;
    font-weight: 300;
    font-family: inherit;
    color: #fff;
  }
  .biolegacys-ctg-heading{
    color: #193C6C !important;
  }
  .card-3 {
    height: 150px;
    flex: 1;
    border-radius: var(--br-10);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--padding-40) var(--padding-10);
    box-sizing: border-box;
    background-image: url(./public/Card-3@3x.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    min-width: 180px;
  }
  .metastasis {
    margin: 0;
    position: relative;
    font-size: inherit;
    font-weight: 700;
    font-family: inherit;
  }
  .card-4 {
    height: 150px;
    flex: 1;
    border-radius: var(--br-10);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--padding-40) var(--padding-10);
    box-sizing: border-box;
    background-image: url(./public/Card-4@3x.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    min-width: 180px;
  }
  .biolegacy-individual-services2-introduction-section-icon {
    align-self: stretch;
    height: var(--height-400);
    max-width: 100%;
    overflow: hidden;
    flex-shrink: 0;
    object-fit: cover;
  }
  .container7,
  .introduction-section7 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .introduction-section7 {
    align-self: stretch;
    overflow: hidden;
    padding: var(--padding-50) var(--padding-20) var(--padding-32);
    text-align: left;
    font-size: var(--fs-28);
    color: var(--Primary-Text);
    font-family: var(--font-lexend-exa);
  }
  .container7 {
    width: 100%;
    gap: var(--gap-16);
    max-width: var(--max-w-1200);
  }
  .biolegacy-individual-services2-bottom-container {
    align-self: stretch;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    align-content: flex-start;
    gap: var(--gap-16);
    text-align: left;
    font-size: var(--fs-14);
    color: var(--Subtext);
    font-family: var(--font-poppins);
  }
  .biolegacy-individual-services2-left-side {
    flex: 1;
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: var(--padding-8) var(--padding-0);
    box-sizing: border-box;
    min-width: var(--min-w-250);
    max-width: 301px;
  }
  .selecting-the-optimal {
    align-self: stretch;
    flex: 1;
    position: relative;
    display: inline-block;
    min-width: var(--min-w-250);
  }
  .biolegacy-individual-services2-right-side {
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: var(--padding-8) var(--padding-0);
    box-sizing: border-box;
    min-width: var(--min-w-350);
  }
  .tumor-implants-precisely-container {
    align-self: stretch;
    position: relative;
    display: inline-block;
    min-width: var(--min-w-250);
  }
  .tumor-implants-precisely-impl {
    margin: 0;
    font-size: inherit;
    padding-left: var(--padding-19);
  }
  .tumor-implants {
    font-family: var(--font-poppins);
  }
  .biolegacy-individual-services2-button {
    align-self: stretch;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: var(--min-w-250);
  }
  .start-your-solid-tumor-study-wrapper {
    cursor: pointer;
    border: 0;
    padding: var(--padding-6) var(--padding-10);
    background-color: transparent;
    border-radius: var(--br-7);
    background: var(--Linear-Button);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .start-your-solid {
    position: relative;
    font-size: var(--fs-20);
    font-family: var(--font-poppins);
    color: var(--White);
    text-align: center;
  }
  .introduction-section8 {
    align-self: stretch;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--padding-50) var(--padding-20) var(--padding-32);
    text-align: left;
    font-size: var(--fs-28);
    color: var(--Primary-Text);
    font-family: var(--font-lexend-exa);
  }
  .left-side14,
  .right-side5 {
    flex: 1;
    overflow: hidden;
    padding: var(--padding-8) var(--padding-0);
    box-sizing: border-box;
    min-width: var(--min-w-250);
  }
  .left-side14 {
    display: flex;
    flex-direction: column;
    align-items: center;
    opacity: 0.7;
  }
  .right-side5 {
    max-width: 513px;
  }
  .container10,
  .introduction-section10,
  .right-side5,
  .right-side6 {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .right-side6 {
    flex: 1;
    overflow: hidden;
    padding: var(--padding-8) var(--padding-0);
    box-sizing: border-box;
    min-width: var(--min-w-250);
  }
  .container10,
  .introduction-section10 {
    justify-content: center;
  }
  .introduction-section10 {
    align-self: stretch;
    overflow: hidden;
    padding: var(--padding-50) var(--padding-20) var(--padding-32);
    gap: 60px;
  }
  .container10 {
    width: 100%;
    gap: var(--gap-16);
    max-width: var(--max-w-1200);
    text-align: left;
    font-size: var(--fs-28);
    color: var(--Primary-Text);
    font-family: var(--font-lexend-exa);
  }
  .bottom-container6 {
    align-self: stretch;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    align-content: flex-start;
    font-size: var(--fs-14);
    color: var(--Subtext);
    font-family: var(--font-poppins);
  }
  .container11,
  .left-side16 {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .left-side16 {
    flex: 1;
    overflow: hidden;
    padding: var(--padding-8) var(--padding-0);
    opacity: 0.7;
  }
  .container11 {
    width: 100%;
    justify-content: center;
    padding: var(--padding-0) var(--padding-80);
    box-sizing: border-box;
    max-width: var(--max-w-1200);
  }
  .container-child {
    align-self: stretch;
    height: 112px;
    max-width: 100%;
    overflow: hidden;
    flex-shrink: 0;
    object-fit: cover;
  }
  .container12 {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--gap-40);
    max-width: var(--max-w-1200);
    text-align: left;
    font-size: var(--fs-28);
    color: var(--Secondary-Text);
    font-family: var(--font-lexend-exa);
  }
  .dont-see-a {
    width: 100%;
    position: relative;
    font-weight: 300;
    display: inline-block;
    max-width: 1046px;
  }
  .biolegacy-individual-services2-testimonial-section {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--padding-80) var(--padding-30);
    background-image: url(./public/Testimonial-Section2@3x.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
  }
  .container13 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
    gap: var(--gap-100) 113px;
    max-width: var(--max-w-1200);
  }
  .header19,
  .left-side17 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .left-side17 {
    flex: 1;
    gap: var(--gap-24);
    min-width: var(--min-w-350);
    text-align: center;
    font-size: 39px;
    color: var(--White);
    font-family: var(--font-poppins);
  }
  .header19 {
    align-self: stretch;
    overflow: hidden;
    padding: var(--padding-10);
  }
  .work-with-biolegacy {
    align-self: stretch;
    position: relative;
  }
  .biolegacy-individual-services2-testimonial-frame {
    align-self: stretch;
    border-radius: var(--br-20);
    background-color: var(--Black);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: var(--padding-40);
    text-align: left;
    font-size: var(--fs-18);
  }
  .biolegacy-individual-services2-full-testimonial-frame {
    width: 537px;
    display: flex;
    align-items: flex-start;
    min-width: 200px;
  }
  .text-container5 {
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .vivarium-houses-many-container {
    align-self: stretch;
    position: relative;
  }
  .vivarium-houses-many-species- {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    padding-left: var(--padding-24);
  }
  .right-side7 {
    flex: 0.8933;
    border-radius: var(--br-24);
    background-color: var(--White);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: var(--padding-24);
    box-sizing: border-box;
    gap: var(--gap-24);
    min-width: var(--min-w-350);
    max-width: 450px;
  }
  .email-container,
  .frame-input {
    align-self: stretch;
    border-radius: var(--br-8);
    background-color: var(--color-gray);
    overflow: hidden;
    display: flex;
    align-items: center;
  }
  .frame-input {
    width: 100%;
    border: 0;
    outline: 0;
    height: 50px;
    flex-shrink: 0;
    padding: var(--padding-16) var(--padding-24);
    box-sizing: border-box;
    font-family: var(--font-poppins);
    font-size: var(--fs-12);
    color: var(--Black);
    min-width: var(--min-w-241);
  }
  .email-container {
    border: 1px solid var(--Primary-Text);
    padding: var(--padding-14) var(--padding-24);
  }
  .biolegacy-individual-services2-email,
  .right-side-child3 {
    border: 0;
    outline: 0;
    font-family: var(--font-poppins);
    font-size: var(--fs-12);
    color: var(--Black);
  }
  .biolegacy-individual-services2-email {
    width: 100%;
    background-color: transparent;
    height: 18px;
    position: relative;
    text-align: left;
    display: inline-block;
    min-width: var(--min-w-20);
    padding: var(--padding-01);
  }
  .right-side-child3 {
    background-color: var(--color-gray);
    height: auto;
    width: auto;
    border-radius: var(--br-8);
    overflow: hidden;
    padding: var(--padding-16) var(--padding-24) var(--padding-80);
    box-sizing: border-box;
  }
  .button10,
  .right-side-child3,
  .send-a-message-container {
    align-self: stretch;
    display: flex;
    align-items: center;
  }
  .button10 {
    cursor: pointer;
    border: 0;
    padding: var(--padding-01);
    background-color: transparent;
    overflow: hidden;
    flex-direction: column;
  }
  .send-a-message-container {
    border-radius: var(--br-12);
    background: var(--Linear-Button);
    justify-content: center;
    padding: var(--padding-10);
  }
  .biolegacy-individual-services2-send-a-message {
    position: relative;
    font-size: var(--fs-16);
    font-family: var(--font-poppins);
    color: var(--White);
    text-align: center;
  }
  .biolegacy-individual-services2-footer {
    align-self: stretch;
    background-color: var(--Secondary-Text);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--padding-100) var(--padding-30) 73px;
    text-align: left;
    font-size: 38.6px;
    color: var(--White);
    font-family: var(--font-poppins);
  }
  .biolegacy-individual-services2-footer-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 109px;
    max-width: var(--max-w-1200);
  }
  .biolegacy-individual-services2-footer-links {
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    align-content: center;
    gap: 334px var(--gap-20);
  }
  .biolegacy-individual-services2-footer-logo {
    width: 310px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 62px;
    min-width: var(--min-w-290);
    max-width: 310px;
  }
  .biolegacy-individual-services2-group-icon {
    width: 303.5px;
    height: 91.5px;
    position: relative;
    object-fit: contain;
  }
  .biolegacy-individual-services2-stay-connected {
    gap: var(--gap-20);
  }
  .biolegacy-individual-services2-stay-connected,
  .biolegacy-individual-services2-stay-connected-content {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .biolegacy-individual-services2-stay-connected-title {
    margin: 0;
    align-self: stretch;
    position: relative;
    font-size: inherit;
    font-weight: 300;
    font-family: inherit;
  }
  .biolegacy-individual-services2-stay-connected-subtitle {
    align-self: stretch;
    position: relative;
    font-size: 15.8px;
    font-weight: 300;
  }
  .biolegacy-individual-services2-email-signup {
    align-self: stretch;
    border-radius: var(--br-10);
    background-color: var(--White);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--padding-0) var(--padding-10);
    gap: 0;
  }
  .biolegacy-individual-services2-email-input {
    width: calc(100% - 33.6px);
    border: 0;
    outline: 0;
    font-weight: 300;
    font-family: var(--font-poppins);
    font-size: 24.1px;
    background-color: transparent;
    height: 36px;
    flex: 1;
    position: relative;
    color: var(--Secondary-Text);
    text-align: left;
    display: inline-block;
    min-width: 150px;
    padding: var(--padding-01);
  }
  .biolegacy-individual-services2-vector-icon {
    height: 15.8px;
    width: 13.6px;
    position: relative;
  }
  .biolegacy-individual-services2-contact-info {
    width: 328px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--gap-2);
    min-width: var(--min-w-290);
    max-width: 328px;
    font-size: 44px;
  }
  .biolegacy-individual-services2-contact-info-title {
    margin: 0;
    align-self: stretch;
    position: relative;
    font-size: inherit;
    font-weight: 300;
    font-family: inherit;
  }
  .biolegacy-individual-services2-contact-info-content {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--gap-32);
    font-size: var(--fs-15);
  }
  .biolegacy-individual-services2-contact-details {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--gap-3);
  }
  .biolegacy-individual-services2-phone-info {
    white-space: pre-wrap;
  }
  .biolegacy-individual-services2-address-info,
  .biolegacy-individual-services2-phone-info {
    align-self: stretch;
    position: relative;
    font-weight: 300;
  }
  .biolegacy-individual-services2-mail {
    margin: 0;
    white-space: pre-wrap;
  }
  .social-info-container {
    align-self: stretch;
    display: flex;
    align-items: center;
    gap: var(--gap-56);
  }
  .biolegacy-individual-services2-social-info {
    position: relative;
    font-weight: 300;
  }
  .biolegacy-individual-services2-group {
    height: var(--height-34_6);
    width: 74.8px;
    display: flex;
    align-items: flex-start;
    gap: 5.6px;
  }
  .frame-icon2,
  .frame-icon3 {
    height: var(--height-34_6);
    width: var(--width-34_6);
    border-radius: var(--br-200);
    z-index: 2;
  }
  .frame-icon3 {
    z-index: 1;
  }
  .biolegacy-individual-services2-copyright-text {
    margin: 0;
    align-self: stretch;
    position: relative;
    font-size: var(--fs-22);
    font-weight: 400;
    font-family: inherit;
    text-align: center;
  }
  @media screen and (max-width: 1200px) {
    .biolegacy-individual-services2-nav-container {
      gap: var(--gap-40);
      max-width: 100%;
    }
    .biolegacy-individual-services2-container,
    .biolegacy-individual-services2-frame,
    .container10,
    .container6,
    .container7 {
      max-width: 100%;
    }
    .container11 {
      padding-left: var(--padding-40);
      padding-right: var(--padding-40);
      box-sizing: border-box;
    }
    .container11,
    .container12,
    .container13 {
      max-width: 100%;
    }
    .container13 {
      gap: var(--gap-56);
    }
    .biolegacy-individual-services2-footer-content {
      gap: 54px;
      max-width: 100%;
    }
  }
  @media screen and (max-width: 1050px) {
    .frame-group {
      max-width: 100%;
    }
    .preclinical-oncology-studies-container {
      font-size: var(--fs-42);
    }
    .dont-see-a {
      max-width: 100%;
    }
    .work-with-biolegacy {
      font-size: var(--fs-31);
    }
    .right-side7 {
      max-width: 100%;
    }
    .biolegacy-individual-services2-stay-connected-title {
      font-size: var(--fs-31);
    }
    .biolegacy-individual-services2-contact-info-title {
      font-size: 35px;
    }
  }
  @media screen and (max-width: 750px) {
    .biolegacy-individual-services2-navigation-bar {
      gap: 34px;
    }
    .biolegacy-individual-services2-nav-container {
      gap: var(--gap-20);
    }
    .introduction-section7 {
      padding-top: var(--padding-32);
      padding-bottom: var(--padding-21);
      box-sizing: border-box;
    }
    .biolegacy-individual-services2-left-side,
    .right-side5 {
      max-width: 100%;
    }
    .right-side5,
    .right-side6 {
      gap: var(--gap-20);
    }
    .introduction-section10 {
      gap: 30px;
      padding-top: var(--padding-32);
      padding-bottom: var(--padding-21);
      box-sizing: border-box;
    }
    .container12 {
      gap: var(--gap-20);
    }
    .biolegacy-individual-services2-testimonial-section {
      gap: 38px;
      padding-top: var(--padding-52);
      padding-bottom: var(--padding-52);
      box-sizing: border-box;
    }
    .container13 {
      gap: var(--gap-28);
    }
    .right-side7 {
      padding-top: var(--padding-20);
      padding-bottom: var(--padding-20);
      box-sizing: border-box;
      flex: 1;
    }
    .biolegacy-individual-services2-footer {
      padding-top: 65px;
      padding-bottom: 47px;
      box-sizing: border-box;
    }
    .biolegacy-individual-services2-footer-content {
      gap: 27px;
    }
  }
  @media screen and (max-width: 450px) {
    .biolegacy-individual-services2-navigation-bar {
      gap: 17px;
    }
    .preclinical-oncology-studies-container {
      font-size: var(--fs-31);
    }
    .biolegacys-areas-of {
      font-size: var(--fs-22);
    }
    .leukemia,
    .metastasis,
    .solid-tumors-container {
      font-size: var(--fs-18);
    }
    .biolegacy-individual-services2-right-side {
      gap: var(--gap-20);
    }
    .introduction-section8 {
      padding-top: var(--padding-32);
      padding-bottom: var(--padding-21);
      box-sizing: border-box;
    }
    .dont-see-a {
      font-size: var(--fs-22);
    }
    .biolegacy-individual-services2-testimonial-section {
      gap: var(--gap-19);
    }
    .work-with-biolegacy {
      font-size: var(--fs-23);
    }
    .right-side7 {
      max-width: 100%;
    }
    .biolegacy-individual-services2-footer-logo {
      gap: 31px;
    }
    .biolegacy-individual-services2-stay-connected-title {
      font-size: var(--fs-23);
    }
    .biolegacy-individual-services2-email-input {
      font-size: var(--fs-19);
    }
    .biolegacy-individual-services2-contact-info-title {
      font-size: var(--fs-26);
    }
    .biolegacy-individual-services2-contact-info-content {
      gap: var(--gap-16);
    }
    .social-info-container {
      flex-wrap: wrap;
    }
    .biolegacy-individual-services2-copyright-text {
      font-size: var(--fs-18);
    }
  }