body {
    margin: 0;
    line-height: normal;
  }
  
  :root {
    /* Common Style Variables */
  
    /* Color */
    --Black: #000;
    --color-gray-100: rgba(0, 0, 0, 0.05);
    --color-gray-200: rgba(0, 0, 0, 0.5);
    --color-orangered: #e04312;
    --color-skyblue: #80b8c7;
    --color-steelblue-100: #406391;
    --color-tomato: #f15a24;
    --Primary-Text: #f7931e;
    --Sec-text: #2a578c;
    --Secondary-Text: #193c6c;
    --Subtext: #4d4d4d;
    --White: #fff;
  
    /* Gap */
    --gap-0: 0px;
    --gap-2: 2px;
    --gap-3: 3px;
    --gap-10: 10px;
    --gap-12: 12px;
    --gap-13: 13px;
    --gap-16: 16px;
    --gap-17: 17px;
    --gap-19: 19px;
    --gap-20: 20px;
    --gap-22: 22px;
    --gap-23: 23px;
    --gap-24: 24px;
    --gap-27: 27px;
    --gap-28: 28px;
    --gap-29: 29px;
    --gap-30: 30px;
    --gap-31: 31px;
    --gap-32: 32px;
    --gap-34: 34px;
    --gap-38: 38px;
    --gap-39: 39px;
    --gap-40: 40px;
    --gap-46: 46px;
    --gap-54: 54px;
    --gap-56: 56px;
    --gap-59: 59px;
    --gap-60: 60px;
    --gap-62: 62px;
    --gap-78: 78px;
    --gap-80: 80px;
    --gap-100: 100px;
    --gap-109: 109px;
    --gap-113: 113px;
    --gap-269: 269px;
    --gap-334: 334px;
    --gap-5_6: 5.6px;
  
    /* 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-25: 25px;
    --padding-28: 28px;
    --padding-30: 30px;
    --padding-32: 32px;
    --padding-40: 40px;
    --padding-47: 47px;
    --padding-50: 50px;
    --padding-52: 52px;
    --padding-60: 60px;
    --padding-65: 65px;
    --padding-73: 73px;
    --padding-80: 80px;
    --padding-100: 100px;
  
    /* BorderRadius */
    --br-0: 0px;
    --br-7: 7px;
    --br-8: 8px;
    --br-10: 10px;
    --br-12: 12px;
    --br-20: 20px;
    --br-24: 24px;
    --br-25: 25px;
    --br-30: 30px;
    --br-40: 40px;
    --br-50: 50px;
    --br-200: 200px;
    --br-500: 500px;
    --br-141_1: 141.1px;
  
    /* 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-27: 27px;
    --fs-28: 28px;
    --fs-29: 29px;
    --fs-30: 30px;
    --fs-31: 31px;
    --fs-34: 34px;
    --fs-35: 35px;
    --fs-36: 36px;
    --fs-42: 42px;
    --fs-44: 44px;
    --fs-48: 48px;
    --fs-52: 52px;
    --fs-15_8: 15.8px;
    --fs-24_1: 24.1px;
    --fs-38_6: 38.6px;
    --fs-43_5: 43.5px;
    --fs-inherit: inherit;
  
    /* Borders */
    --border-1: 1px solid var(--color-tomato);
    --border-2: 1px solid var(--color-gray-200);
    --border-3: 1px solid var(--Primary-Text);
    --border-4: 1px solid var(--Sec-text);
    --border-5: 0.8px solid var(--Sec-text);
  
    /* Shadows */
    --drops: 0px 0px 25px rgba(0, 0, 0, 0.35);
    --shadow-drop: 0px 15px 25px rgba(0, 0, 0, 0.35);
    --shadow-drop-1: 0px 0px 20px var(--color-gray-200);
    --shadow-drop-2: 0px 0px 25px 13px rgba(0, 0, 0, 0.35);
    --shadow-drop-3: 0px 4px 4px rgba(0, 0, 0, 0.25);
    --text-shadow-1: 0px 4px 4px rgba(0, 0, 0, 0.75);
  
    /* Gradients */
    --Linear-Button: linear-gradient(268.12deg, #f6af1d, var(--color-orangered));
  
    /* WidthHeights */
    --height-18: 18px;
    --height-24: 24px;
    --height-36: 36px;
    --height-45: 45px;
    --height-50: 50px;
    --height-99: 99px;
    --height-107: 107px;
    --height-130: 130px;
    --height-144: 144px;
    --height-350: 350px;
    --height-400: 400px;
    --height-450: 450px;
    --height-15_8: 15.8px;
    --height-20_8: 20.8px;
    --height-34_6: 34.6px;
    --height-91_5: 91.5px;
    --height-auto: auto;
    --max-w-267: 267px;
    --max-w-310: 310px;
    --max-w-328: 328px;
    --max-w-450: 450px;
    --max-w-968: 968px;
    --max-w-1200: 1200px;
    --min-h-92: 92px;
    --min-w-20: 20px;
    --min-w-150: 150px;
    --min-w-170: 170px;
    --min-w-200: 200px;
    --min-w-241: 241px;
    --min-w-246: 246px;
    --min-w-250: 250px;
    --min-w-276: 276px;
    --min-w-280: 280px;
    --min-w-290: 290px;
    --min-w-350: 350px;
    --min-w-390: 390px;
    --width-24: 24px;
    --width-45: 45px;
    --width-80: 80px;
    --width-107: 107px;
    --width-200: 200px;
    --width-310: 310px;
    --width-328: 328px;
    --width-537: 537px;
    --width-580: 580px;
    --width-13_6: 13.6px;
    --width-20_8: 20.8px;
    --width-303_5: 303.5px;
    --width-34_6: 34.6px;
    --width-74_8: 74.8px;
    --width-auto: auto;
    --width-calc100-33_6: calc(100% - 33.6px);
  
    /* LineHeights */
    --lh-24: 24px;
    --lh-30: 30px;
    --lh-normal: normal;
  
    /* LetterSpacings */
    --ls-normal: normal;
  }




  .biolegacy-page-design-wirefram,
.navigation-bar {
  background-color: var(--White);
  display: flex;
  flex-direction: column;
}
.biolegacy-page-design-wirefram {
  width: 100%;
  position: relative;
  align-items: flex-start;
  line-height: var(--lh-normal);
  letter-spacing: var(--ls-normal);
}
/* .navigation-bar {
  align-self: stretch;
  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);
}
.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-logo-top-color-1 {
  width: var(--width-200);
  position: relative;
  max-height: 100%;
  object-fit: cover;
}
.nav-buttons,
.nav-links {
  display: flex;
  align-items: center;
}
.nav-links {
  flex: 1;
  flex-wrap: wrap;
  align-content: center;
  gap: var(--gap-13);
  min-width: var(--min-w-250);
  max-width: var(--max-w-968);
}
.nav-buttons {
  justify-content: center;
  padding: var(--padding-0) var(--padding-10);
}
.services {
  margin: 0;
  position: relative;
  font-size: inherit;
  font-weight: 300;
  font-family: inherit;
}
.capabilities-parent {
  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;
}
.capabilities {
  position: relative;
  font-size: var(--fs-20);
  font-weight: 600;
  font-family: var(--font-poppins);
  color: var(--White);
  text-align: center;
}
.frame-icon {
  height: var(--height-24);
  width: var(--width-24);
  position: relative;
} */
/* .hero-banner,
.hero-content {
  display: flex;
  flex-direction: column;
}
.hero-banner {
  align-self: stretch;
  height: var(--height-350);
  background: linear-gradient(
    90deg,
    var(--Secondary-Text),
    rgba(25, 60, 108, 0) 87.94%
  );
  align-items: center;
  justify-content: center;
  padding: var(--padding-10) var(--padding-20);
  box-sizing: border-box;
  text-align: left;
  font-size: var(--fs-52);
  color: var(--color-skyblue);
  font-family: var(--font-lexend-exa);
}
.hero-content {
  width: 100%;
  align-items: flex-start;
  gap: var(--gap-10);
  max-width: var(--max-w-1200);
} */
.hero-frame,
.hero-banner {
  display: flex;
  flex-direction: column;
}
.hero-banner {
  align-self: stretch;
 
  padding: var(--padding-10) var(--padding-20);
  box-sizing: border-box;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  
  background: #193c6c;

  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 350px;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  padding: var(--padding-10) var(--padding-20);
  box-sizing: border-box;
  text-align: left;
  font-size: var(--fs-52);
  color: var(--color-skyblue);
  font-family: var(--font-lexend-exa);
}
.hero-frame {
  width: 100%;
  align-items: flex-start;
  max-width: var(--max-w-1200);
  position: relative;
  z-index: 2;

}

/* Right side video */
.hero-media {
position: absolute;
right: 0;
top: 1px;
width: 80%;
height: 100%;
overflow: hidden;
}
@media (max-width: 1366px) {
.hero-media {
  width: 80%; /* video covers 80% instead of 100% */
  right: 0;
  left: auto;
}
}
@media screen and (max-width: 1100px) {
.hero-media {
  width: 100%;
}
}

.hero-media video {
width: 100%;
height: 100%;
object-fit: cover;
}
.video-overlay {
position: absolute;
inset: 0;
background: linear-gradient(
  to right,
  rgba(25, 60, 108, 1) 0%,     /* solid #193c6c at start */
  rgba(25, 60, 108, 0.9) 25%,  /* still blue */
  rgba(25, 60, 108, 0.6) 50%,  /* starts to fade */
  rgba(25, 60, 108, 0.2) 75%,  /* subtle tint */
  rgba(25, 60, 108, 0) 100%    /* fully transparent end */
);
pointer-events: none;
}
.guiding-your {
  align-self: stretch;
  position: relative;
  font-weight: 300;
}
.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) var(--padding-32);
}
.container,
.left-side {
  display: flex;
  align-items: flex-start;
}
.container {
  width: 100%;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: var(--gap-60);
  max-width: var(--max-w-1200);
  text-align: left;
  font-size: var(--fs-14);
  color: var(--Subtext);
  font-family: var(--font-poppins);
}
.left-side {
  /* height: 283px; */
  flex: 1;
  overflow: hidden;
  padding: var(--padding-8) var(--padding-10);
  box-sizing: border-box;
  min-width: var(--min-w-250);
}
.working-with-the-container {
  align-self: stretch;
  flex: 1;
  position: relative;
  display: inline-block;
  min-width: var(--min-w-250);
}
.working-with-the {
  margin: 0;
}
.rightside {
  /* height: 282px; */
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-10);
  box-sizing: border-box;
  gap: var(--gap-10);
  min-width: var(--min-w-250);
  font-size: var(--fs-28);
  color: var(--Primary-Text);
  font-family: var(--font-lexend-exa);
}
.san-diego-based-successful-container,
.securing-your-biolegacy {
  align-self: stretch;
  position: relative;
  display: inline-block;
  min-width: var(--min-w-250);
}
.securing-your-biolegacy {
  margin: 0;
  font-size: inherit;
  font-weight: 400;
  font-family: inherit;
  color: #F7931E;
}
.san-diego-based-successful-container {
  height: 210px;
  font-size: var(--fs-14);
  font-family: var(--font-poppins);
  color: var(--Subtext);
}
.san-diego-based-successful-25- {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  padding-left: var(--padding-19);
}
.lets-get-moving-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;
  /* margin-top: -89px; */
  position: relative;
}
.lets-get-moving {
  position: relative;
  font-size: var(--fs-20);
  font-family: var(--font-poppins);
  color: var(--White);
  text-align: center;
}
.introduction-section2,
.introduction-section2-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.introduction-section2 {
  align-self: stretch;
  overflow: hidden;
  padding: var(--padding-0) var(--padding-20) var(--padding-32);
}
.introduction-section2-container {
  width: 100%;
  box-shadow: var(--shadow-drop);
  border-radius: 70px;
  max-width: var(--max-w-1200);
}
.header,
.tab-1 {
  overflow: hidden;
  display: flex;
}
.header {
  align-self: stretch;
  border-radius: var(--br-40) var(--br-40) var(--br-0) var(--br-0);
  background-color: var(--Sec-text);
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  align-content: center;
  gap: var(--gap-10) var(--gap-0);
  text-align: left;
  font-size: var(--fs-24);
  color: var(--White);
  font-family: var(--font-poppins);
}
.tab-1,
.tab-2,
.tab-3,
.tab-4 {
  cursor: pointer;
}

.tab-1 {
  border-radius: var(--br-40) var(--br-0) var(--br-0) var(--br-0);
  /* background: var(--Linear-Button); */
  align-items: flex-start;
  padding: var(--padding-28) 101px;
  box-sizing: border-box;
  min-height: var(--min-h-92);
}
.introduction-section2-services {
  margin: 0;
  position: relative;
  font-size: inherit;
  font-weight: 700;
  font-family: inherit;
}
.tab-2 {
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  padding: var(--padding-28) var(--padding-50);
  box-sizing: border-box;
  min-height: var(--min-h-92);
}
.introduction-section2-therapeutic-areas {
  margin: 0;
  position: relative;
  font-size: inherit;
  font-weight: 300;
  font-family: inherit;
  color:#fff;
}
.tab-3,
.tab-4 {
  flex: 1;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  padding: var(--padding-28) var(--padding-50);
  box-sizing: border-box;
  min-width: 115px;
  min-height: var(--min-h-92);
}
.tab-4 {
  border-radius: var(--br-0) var(--br-40) var(--br-0) var(--br-0);
}
.content-section,
.main-container {
  align-self: stretch;
  overflow: hidden;
  display: flex;
}
.main-container {
  border-radius: var(--br-0) var(--br-0) var(--br-50) var(--br-50);
  background-color: var(--White);
  border: var(--border-1);
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--padding-28) 29px;
  gap: var(--gap-24);
}
.content-section {
  align-items: flex-start;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: var(--gap-32);
  text-align: center;
  font-size: var(--fs-24);
  color: var(--Sec-text);
  font-family: var(--font-lexend-exa);
}
.scientist-in-a-modern-toxicolo-icon {
  flex: 1;
  position: relative;
  border-radius: var(--br-25);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
  min-width: var(--min-w-290);
  max-height: 292px;
}
.right-side,
.title {
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.right-side {
  flex: 1;
  align-items: flex-start;
  gap: var(--gap-12);
  min-width: var(--min-w-200);
}
.right-side .services2 {
 color: #2A578C;
}
.title {
  align-self: stretch;
  align-items: center;
}
.services2 {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  font-weight: 300;
  font-family: inherit;
}
.biolegacy-guides-pipelines,
.full-text {
  align-self: stretch;
  min-width: var(--min-w-200);
}
.full-text {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  font-size: var(--fs-14);
  color: var(--Subtext);
  font-family: var(--font-poppins);
}
.biolegacy-guides-pipelines {
  position: relative;
  display: inline-block;
}
.button {
  align-self: stretch;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.right-side .button {
  background-color: transparent !important;
}
.lets-get-moving-container {
  cursor: pointer;
  border: 0;
  padding: var(--padding-6) var(--padding-10);
  background-color: transparent !important;
  border-radius: var(--br-7);
  background: var(--Linear-Button);
  display: flex;
  align-items: center;
  justify-content: center;
}
.introduction-section2-lets-get-moving {
  margin: 0;
  position: relative;
  font-size: var(--fs-20);
  font-weight: 700;
  font-family: var(--font-poppins);
  color: var(--White);
  text-align: center;
}
.services-category {
  align-self: stretch;
  overflow: hidden;
  flex-direction: column;
  gap: var(--gap-24);
  text-align: left;
  font-size: var(--fs-22);
  color: var(--White);
  font-family: var(--font-poppins);
}
.frame-parent,
.services-category,
.toxicology-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.services-category {
  margin-top: 30px;
  margin-bottom: 30px;
}
.frame-parent {
  align-self: stretch;
  gap: var(--gap-24);
}
.toxicology-wrapper {
  height: var(--height-130);
  flex: 0.9251;
  border-radius: var(--br-10);
  overflow: hidden;
  padding: var(--padding-10);
  box-sizing: border-box;
  background-image: url(./public/Frame-30@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  min-width: var(--min-w-246);
  max-width: var(--max-w-267);
  cursor: pointer;
 

}


.toxicology {
  margin: 0;
  position: relative;
  font-size: inherit;
  font-weight: 300;
  font-family: inherit;
  color:#fff;
  text-align: center;
 
}
.animal-model-development-wrapper,
.pharmacology-wrapper {
  height: var(--height-130);
  border-radius: var(--br-10);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  min-width: var(--min-w-246);
  max-width: var(--max-w-267);
}
.pharmacology-wrapper {
  flex: 0.9251;
  padding: var(--padding-10);
  box-sizing: border-box;
  background-image: url(./public/Frame-31@3x.png);
}
.animal-model-development-wrapper {
  flex: 1;
  background-image: url(./public/Frame-38@3x.png);
  text-align: center;
}
.animal-model-development {
  flex: 1;
  position: relative;
}
.medical-device-testing-wrapper {
  height: var(--height-130);
  flex: 1;
  border-radius: var(--br-10);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url(./public/Frame-33@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  min-width: var(--min-w-246);
  max-width: var(--max-w-267);
  text-align: center;
}
.medical-device-testing {
  margin: 0;
  flex: 1;
  position: relative;
  font-size: inherit;
  font-weight: 300;
  font-family: inherit;
}
.frame-group,
.in-vitro-screening-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.frame-group {
  align-self: stretch;
  flex-wrap: wrap;
  align-content: center;
  gap: var(--gap-24);
}
.in-vitro-screening-wrapper {
  height: var(--height-130);
  flex: 1;
  border-radius: var(--br-10);
  overflow: hidden;
  padding: var(--padding-10);
  box-sizing: border-box;
  background-image: url(./public/Frame-34@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  min-width: var(--min-w-246);
  max-width: var(--max-w-267);
}
.in-vitro-screening-container {
  margin: 0;
  position: relative;
  font-size: inherit;
  font-family: inherit;
}
.in-vitro {
  font-weight: 300;
}
.custom-assay-development-wrapper {
  height: var(--height-130);
  flex: 1;
  border-radius: var(--br-10);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--padding-10);
  box-sizing: border-box;
  background-image: url(./public/Frame-35@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  min-width: var(--min-w-246);
  max-width: var(--max-w-267);
  text-align: center;
}
.custom-assay-development {
  flex: 1;
  position: relative;
  font-weight: 300;
}
.histology-wrapper,
.vivarium-rental-wrapper {
  height: var(--height-130);
  flex: 1;
  border-radius: var(--br-10);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--padding-10);
  box-sizing: border-box;
  background-image: url(./public/Frame-36@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  min-width: var(--min-w-246);
  max-width: var(--max-w-267);
}
.histology-wrapper {
  background-image: url(./public/Frame-37@3x.png);
}
.introduction-section2-content-section {
  align-self: stretch;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: var(--gap-32);
  text-align: left;
  font-size: var(--fs-28);
  color: var(--Sec-text);
  font-family: var(--font-poppins);
}
.model-content {
  align-self: stretch;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  align-content: center;
  gap: var(--gap-0);
}
.introduction-section2-full-text,
.introduction-section2-left-side {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: var(--min-w-250);
}
.introduction-section2-left-side {
  flex: 1;
  max-width: 250px;
}
.introduction-section2-full-text {
  align-self: stretch;
}
.introduction-section2-animal-model-development {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  font-weight: 700;
  font-family: inherit;
}
.introduction-section2-animal-model-development p{
  color: #2A578C;
}
.introduction-section2-right-side {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: var(--min-w-250);
  font-size: var(--fs-14);
  color: var(--Subtext);
}
.dont-let-an {
  align-self: stretch;
  position: relative;
  display: inline-block;
  min-width: var(--min-w-250);
}
.button-wrapper {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.introduction-section2-button {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.more-on-model,
.news-insights {
  position: relative;
  text-align: center;
}
.more-on-model {
  margin: 0;
  font-size: var(--fs-20);
  line-height: var(--lh-24);
  text-transform: capitalize;
  font-weight: 700;
  font-family: var(--font-poppins);
  color: var(--White);
}
.news-insights {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--padding-0) var(--padding-20) var(--padding-32);
  box-sizing: border-box;
  gap: var(--gap-10);
  max-width: 100%;
  font-size: var(--fs-48);
  color: var(--Sec-text);
  font-family: var(--font-lexend-exa);
}
.news-insights-container,
.up-header {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.news-insights-container {
  flex: 1;
  flex-direction: column;
  gap: var(--gap-24);
  max-width: var(--max-w-1200);
  z-index: 0;
}
.up-header {
  align-self: stretch;
  overflow: hidden;
  padding: var(--padding-10);
  box-sizing: border-box;
  min-width: var(--min-w-250);
}
.news-insights-news-insights {
  margin: 0;
  flex: 1;
  position: relative;
  font-size: inherit;
  font-weight: 300;
  font-family: inherit;
  color:#2A578C;
}
.down-cards {
  align-self: stretch;
  display: flex;
  align-items: center;
  padding: var(--padding-10) var(--padding-0);
  box-sizing: border-box;
  gap: var(--gap-24);
  min-width: var(--min-w-250);
  max-width: 100%;
  text-align: left;
  font-size: var(--fs-16);
  font-family: var(--font-poppins);
}
.card-5,
.text-container {
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.card-5 {
  height: 380px;
  width: 450px;
  border-radius: var(--br-50);
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  padding: var(--padding-8) 9px;
  box-sizing: border-box;
  background-image: url(./public/Card-5@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  max-width: 100%;
  text-align: left;
  font-size: var(--fs-18);
  color: var(--White);
  font-family: var(--font-poppins);
}
.text-container {
  align-self: stretch;
  flex: 1;
  align-items: flex-start;
  padding: var(--padding-10);
  gap: var(--gap-10);
}
.news {
  position: relative;
  font-weight: 500;
}
.description {
  align-self: stretch;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-0) var(--padding-50);
}
.pharmalegacy-research-llc-dba-wrapper {
  width: 210px;
  display: flex;
  align-items: center;
}
.pharmalegacy-research-llc {
  flex: 1;
  position: relative;
  line-height: var(--lh-30);
}
.card-2,
.news-wrapper,
.text {
  display: flex;
  align-items: flex-start;
}
.card-2 {
  height: var(--height-400);
  width: 350px;
  box-shadow: var(--shadow-drop-1);
  border-radius: var(--br-30);
  background-color: var(--White);
  border: var(--border-2);
  box-sizing: border-box;
  flex-direction: column;
  gap: var(--gap-10);
  max-width: 100%;
  flex-shrink: 0;
}
.news-wrapper,
.text {
  align-self: stretch;
  overflow: hidden;
}
.text {
  flex-direction: column;
  padding: var(--padding-20);
  gap: var(--gap-10);
}
.news-wrapper {
  justify-content: center;
}
.insights-news {
  position: relative;
}
.bts-research-earns-full-aaalac-wrapper {
  align-self: stretch;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  font-size: var(--fs-14);
  color: var(--Secondary-Text);
}
.bts-research-earns {
  flex: 1;
  /* position: relative;
  white-space: pre-wrap; */
}
.clip-path-group {
  align-self: stretch;
  height: 274px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.group-icon-img {
  position: absolute;
  height: 155.4%;
  width: 102.14%;
  top: -46.57%;
  right: -1.94%;
  bottom: -8.83%;
  left: -0.2%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
  z-index: 1;
}
.card-3 {
  height: 340px;
  width: 320px;
  border-radius: var(--br-30);
  background-color: var(--White);
  border: var(--border-2);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-10);
  flex-shrink: 0;
}
.news-insights-clip-path-group {
  align-self: stretch;
  height: 214px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.news-insights-group-icon {
  /* position: absolute; */
  height: 108.97%;
  width: 127.38%;
  top: -3.5%;
  right: -14.16%;
  bottom: -5.47%;
  left: -13.22%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
  z-index: 1;
}
.bts-research-completes {
  flex: 1;
  position: relative;
}
.group-icon2,
.orange-arrow-icon {
  position: absolute;
  max-height: 100%;
  z-index: 1;
}
.group-icon2 {
  height: 113.5%;
  width: 132.69%;
  top: 0;
  right: -22.91%;
  bottom: -13.5%;
  left: -9.78%;
  max-width: 100%;
  overflow: hidden;
  object-fit: cover;
}
.orange-arrow-icon {
  width: 56px;
  margin: 0 !important;
  top: calc(50% + 11px);
  right: 111px;
}
.experience-section,
.experience-section-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.experience-section {
  align-self: stretch;
  align-items: center;
  padding: var(--padding-0) var(--padding-20) var(--padding-50);
  text-align: center;
  font-size: var(--fs-48);
  color: var(--Sec-text);
  font-family: var(--font-lexend-exa);
}
.experience-section-container {
  width: 100%;
  align-items: flex-start;
  gap: var(--gap-16);
  max-width: var(--max-w-1200);
}
.exp-1,
.experience-section-down-cards {
  align-self: stretch;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  align-content: center;
}
.experience-section-down-cards {
  justify-content: center;
  padding: var(--padding-10);
  box-sizing: border-box;
  gap: var(--gap-24);
  min-width: var(--min-w-250);
  text-align: left;
  font-size: var(--fs-20);
  color: var(--Sec-text);
  font-family: var(--font-poppins);
}
.exp-1 {
  gap: var(--gap-16);
  min-width: var(--min-w-280);
  width: 100%;
}
.icon-frame {
  width: var(--width-107);
  position: relative;
  max-height: 100%;
  object-fit: cover;
}
.header-subtext {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: var(--min-w-200);
}
.studies-completed {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  font-weight: 500;
  font-family: inherit;
}
.biolegacy-has-successfully-container {
  align-self: stretch;
  position: relative;
  font-size: var(--fs-12);
  color: var(--Subtext);
}
.capabilities-we-have {
  margin: 0;
  white-space: pre-wrap;
}
.vector-parent {
  height: var(--height-107);
  width: var(--width-107);
  position: relative;
}
.left-side2-group-icon,
.vector-icon-img {
  position: absolute;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.vector-icon-img {
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.left-side2-group-icon {
  height: 84.11%;
  width: calc(100% - 25.1px);
  top: 9.35%;
  right: 12.9px;
  bottom: 6.54%;
  left: 12.2px;
  z-index: 1;
}
.experience-section-left-side {
  flex: 1;
  overflow: hidden;
  display: flex;
  /* flex-direction: column; */
  align-items: flex-start;
  padding: var(--padding-10) var(--padding-0);
  box-sizing: border-box;
  gap: var(--gap-16);
  min-width: var(--min-w-250);
}
.exp-1-child {
  width: var(--width-107);
  position: relative;
  max-height: 100%;
}
.experience-section-group-icon {
  position: absolute;
  height: 58.88%;
  width: 73.36%;
  top: 20.56%;
  right: 15.7%;
  bottom: 20.56%;
  left: 10.93%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  z-index: 1;
}
.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-Section@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.testimonial-section-container {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: var(--gap-269) var(--gap-20);
  max-width: var(--max-w-1200);
}
.testimonial-section-left-side {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-24);
  min-width: var(--min-w-350);
  max-width: 600px;
  text-align: center;
  font-size: var(--fs-36);
  color: var(--White);
  font-family: var(--font-poppins);
}
.testimonial-section-header {
  align-self: stretch;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-10);
  gap: var(--gap-10);
}
.dont-wait-,
.get-the-dependable {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-family: inherit;
  color:#fff;
}
.get-the-dependable {
  font-size: inherit;
  font-weight: 600;
}
.dont-wait- {
  font-size: var(--fs-24);
  font-weight: 400;
  color:#fff;
}
.full-testimonial-frame,
.testimonial-frame {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
}
.testimonial-frame {
  border-radius: var(--br-25);
  background-color: var(--Black);
  overflow: hidden;
  flex-direction: column;
  padding: var(--padding-25) var(--padding-10);
  text-align: left;
  font-size: var(--fs-14);
}
.full-testimonial-frame {
  gap: var(--gap-16);
  min-width: var(--min-w-200);
}
.quote-image-icon {
  width: var(--width-80);
  position: relative;
  max-height: 100%;
  object-fit: cover;
}
.testimonial-section-text-container {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-24);
  min-width: 315px;
}
.dr-firstname-lastname-container,
.working-with-biolegacy {
  align-self: stretch;
  position: relative;
}
.dr-firstname-lastname-container {
  font-size: var(--fs-12);
}
.testimonial-section-right-side {
  flex: 0.8933;
  border-radius: var(--br-24);
  background-color: var(--White);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-24);
  box-sizing: border-box;
  gap: var(--gap-24);
  min-width: var(--min-w-350);
  max-width: var(--max-w-450);
}
.input-fields,
.testimonial-section-input-fields {
  align-self: stretch;
  border-radius: var(--br-8);
  background-color: var(--color-gray-100);
  overflow: hidden;
  display: flex;
  align-items: center;
}
.input-fields {
  width: 100%;
  border: 0;
  outline: 0;
  height: var(--height-50);
  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);
}
.testimonial-section-input-fields {
  border: var(--border-3);
  padding: var(--padding-14) var(--padding-24);
}
.email {
  width: 100%;
  border: 0;
  outline: 0;
  font-family: var(--font-poppins);
  font-size: var(--fs-12);
  background-color: transparent;
  height: var(--height-18);
  position: relative;
  color: var(--Black);
  text-align: left;
  display: inline-block;
  min-width: var(--min-w-20);
  padding: var(--padding-01);
}
.input-fields4,
.testimonial-section-button {
  border: 0;
  align-self: stretch;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.input-fields4 {
  background-color: var(--color-gray-100);
  height: 114px;
  width: var(--width-auto);
  outline: 0;
  border-radius: var(--br-8);
  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);
}
.testimonial-section-button {
  cursor: pointer;
  padding: var(--padding-01);
  background-color: transparent;
  flex-direction: column;
}
.send-a-message-wrapper {
  align-self: stretch;
  border-radius: var(--br-12);
  background: var(--Linear-Button);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--padding-10);
}
/* .footer,
.send-a-message {
  color: var(--White);
  font-family: var(--font-poppins);
}
.send-a-message {
  position: relative;
  font-size: var(--fs-16);
  text-align: center;
}
.footer {
  align-self: stretch;
  background-color: var(--Secondary-Text);
  flex-direction: column;
  justify-content: center;
  padding: var(--padding-100) var(--padding-30) var(--padding-73);
  text-align: left;
  font-size: var(--fs-38_6);
} */
/* .footer,
.footer-content,
.footer-links {
  display: flex;
  align-items: center;
}
.footer-content {
  width: 100%;
  flex-direction: column;
  justify-content: center;
  gap: var(--gap-109);
  max-width: var(--max-w-1200);
} */
/* .footer-links {
  align-self: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
  align-content: center;
  gap: var(--gap-334) var(--gap-20);
}
.footer-logo {
  width: var(--width-310);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-62);
  min-width: var(--min-w-290);
  max-width: var(--max-w-310);
} */
/* .group {
  width: var(--width-303_5);
  height: var(--height-91_5);
  position: relative;
}
.footer-group {
  position: absolute;
  height: 39.02%;
  width: 56.74%;
  top: 0;
  right: 0;
  bottom: 60.98%;
  left: 43.26%;
}
.footer-vector-icon-img,
.vector-icon2,
.vector-icon3,
.vector-icon4 {
  position: absolute;
  height: 66.39%;
  width: 9.99%;
  top: 7.28%;
  right: 90.01%;
  bottom: 26.33%;
  left: 0;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.vector-icon2,
.vector-icon3,
.vector-icon4 {
  height: 73.67%;
  width: 2.85%;
  top: 0;
  right: 85.02%;
  left: 12.14%;
}
.vector-icon3,
.vector-icon4 {
  height: 54.34%;
  width: 11.15%;
  top: 20.17%;
  right: 71.89%;
  bottom: 25.49%;
  left: 16.96%;
}
.vector-icon4 {
  height: 66.39%;
  width: 6.91%;
  top: 7.28%;
  right: 62.78%;
  bottom: 26.33%;
  left: 30.31%;
}
.footer-logo-image,
.vector-icon5,
.vector-icon6,
.vector-icon7,
.vector-icon8,
.vector-icon9 {
  position: absolute;
  height: 54.34%;
  width: 10.74%;
  top: 20.45%;
  right: 50.81%;
  bottom: 25.21%;
  left: 38.44%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.footer-logo-image,
.vector-icon6,
.vector-icon7,
.vector-icon8,
.vector-icon9 {
  height: 79.55%;
  width: 11.21%;
  right: 38.21%;
  bottom: 0;
  left: 50.58%;
}
.footer-logo-image,
.vector-icon7,
.vector-icon8,
.vector-icon9 {
  height: 54.62%;
  top: 20.17%;
  right: 24.74%;
  bottom: 25.21%;
  left: 64.05%;
}
.footer-logo-image,
.vector-icon8,
.vector-icon9 {
  height: 54.06%;
  width: 10.45%;
  right: 12.02%;
  bottom: 25.77%;
  left: 77.53%;
}
.footer-logo-image,
.vector-icon9 {
  height: 67.51%;
  width: 11.09%;
  top: 21.01%;
  right: 0;
  bottom: 11.48%;
  left: 88.91%;
}
.footer-logo-image {
  height: 100%;
  width: 100%;
  top: 1.53%;
  bottom: 0.11%;
  left: 0;
  object-fit: cover;
  z-index: 1;
}
.stay-connected {
  gap: var(--gap-20);
}
.stay-connected,
.stay-connected-content {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.stay-connected-subtitle,
.stay-connected-title {
  align-self: stretch;
  position: relative;
  font-weight: 300;
}
.stay-connected-title {
  margin: 0;
  font-size: inherit;
  font-family: inherit;
}
.stay-connected-subtitle {
  font-size: var(--fs-15_8);
}
.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: var(--gap-0);
}
.email-input {
  width: var(--width-calc100-33_6);
  border: 0;
  outline: 0;
  font-weight: 300;
  font-family: var(--font-poppins);
  font-size: var(--fs-24_1);
  background-color: transparent;
  height: var(--height-36);
  flex: 1;
  position: relative;
  color: var(--Secondary-Text);
  text-align: left;
  display: inline-block;
  min-width: var(--min-w-150);
  padding: var(--padding-01);
}
.vector-icon10 {
  height: var(--height-15_8);
  width: var(--width-13_6);
  position: relative;
}
.contact-info {
  width: var(--width-328);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-2);
  min-width: var(--min-w-290);
  max-width: var(--max-w-328);
  font-size: var(--fs-44);
}
.contact-info-title {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  font-weight: 300;
  font-family: inherit;
}
.contact-details,
.contact-info-content {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.contact-info-content {
  gap: var(--gap-32);
  font-size: var(--fs-15);
}
.contact-details {
  gap: var(--gap-3);
}
.phone-info {
  white-space: pre-wrap;
}
.address-info,
.phone-info {
  align-self: stretch;
  position: relative;
  font-weight: 300;
}
.social-info-parent {
  align-self: stretch;
  display: flex;
  align-items: center;
  gap: var(--gap-56);
}
.social-info {
  position: relative;
  font-weight: 300;
}
.group2 {
  height: var(--height-34_6);
  width: var(--width-74_8);
  display: flex;
  align-items: flex-start;
  gap: var(--gap-5_6);
}
.footer-social-icon,
.social-icon {
  height: var(--height-34_6);
  width: var(--width-34_6);
  border-radius: var(--br-200);
  z-index: 2;
}
.footer-social-icon {
  z-index: 1;
}
.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: 1400px) {
  .nav-container {
    gap: var(--gap-40);
    max-width: 100%;
  }
  .hero-content {
    max-width: 100%;
  }
  .container {
    gap: var(--gap-30);
  }
  .container,
  .introduction-section2-container,
  .news-insights-container {
    max-width: 100%;
  }
  .down-cards {
    flex-wrap: wrap;
    justify-content: center;
  }
  .experience-section-container {
    max-width: 100%;
  }
  .testimonial-section-container {
    gap: var(--gap-20);
    max-width: 100%;
  }
  .footer-content {
    gap: var(--gap-54);
    max-width: 100%;
  }
}
@media screen and (max-width: 1200px) {
  .nav-links {
    max-width: 100%;
  }
  .main-container {
    padding-top: var(--padding-20);
    padding-bottom: var(--padding-20);
    box-sizing: border-box;
  }
  .frame-parent {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 1050px) {
  .nav-container {
    gap: var(--gap-20);
  }
  .content-section,
  .introduction-section2-content-section {
    gap: var(--gap-16);
  }
  .introduction-section2-left-side {
    max-width: 100%;
  }
  .news-insights-news-insights {
    font-size: 38px;
  }
  .testimonial-section {
    padding-top: var(--padding-52);
    padding-bottom: var(--padding-52);
    box-sizing: border-box;
  }
  .testimonial-section-left-side {
    max-width: 100%;
  }
  .full-testimonial-frame {
    flex-wrap: wrap;
  }
  .testimonial-section-right-side {
    padding-top: var(--padding-20);
    padding-bottom: var(--padding-20);
    box-sizing: border-box;
    flex: 1;
  }
  .footer {
    padding-top: var(--padding-65);
    padding-bottom: var(--padding-47);
    box-sizing: border-box;
  }
  .footer-content {
    gap: var(--gap-27);
  }
  .navigation-bar {
    gap: var(--gap-17);
  }
  .guiding-your {
    font-size: var(--fs-31);
  }
  .securing-your-biolegacy {
    font-size: var(--fs-22);
  }
  .tab-1 {
    padding-left: var(--padding-20);
    padding-right: var(--padding-20);
    box-sizing: border-box;
  }
  .introduction-section2-services {
    font-size: var(--fs-19);
  }
  .tab-2 {
    padding-left: var(--padding-20);
    padding-right: var(--padding-20);
    box-sizing: border-box;
  }
  .introduction-section2-therapeutic-areas,
  .services2 {
    font-size: var(--fs-19);
  }
  .toxicology-wrapper {
   
    flex: 1;
  }
  .toxicology {
    font-size: var(--fs-18);
  }
  .pharmacology-wrapper {
    flex: 1;
  }
  .animal-model-development,
  .custom-assay-development {
    font-size: var(--fs-18);
  }
  .introduction-section2-animal-model-development {
    font-size: var(--fs-22);
  }
  .news-insights-news-insights {
    font-size: var(--fs-29);
  }
  .experience-section {
    padding-bottom: var(--padding-32);
    box-sizing: border-box;
  }
  .studies-completed {
    font-size: var(--fs-16);
  }
  .testimonial-section {
    gap: var(--gap-19);
  }
  .get-the-dependable {
    font-size: var(--fs-22);
  }
  .dont-wait- {
    font-size: var(--fs-19);
  }
  .testimonial-section-right-side {
    max-width: 100%;
  }
  .footer-logo {
    gap: var(--gap-31);
  }
  .stay-connected-title {
    font-size: var(--fs-23);
  }
  .email-input {
    font-size: var(--fs-19);
  }
  .contact-info-title {
    font-size: var(--fs-26);
  }
  .contact-info-content {
    gap: var(--gap-16);
  }
  .social-info-parent {
    flex-wrap: wrap;
  }
  .copyright-text {
    font-size: var(--fs-18);
  }
}
@media screen and (max-width: 825px) {
  .navigation-bar {
    gap: var(--gap-34);
  }
  .nav-container {
    gap: var(--gap-20);
  }
  .guiding-your {
    font-size: var(--fs-42);
  }
  .content-section,
  .introduction-section2-content-section {
    gap: var(--gap-16);
  }
  .introduction-section2-left-side {
    max-width: 100%;
  }
  .news-insights-news-insights {
    font-size: 38px;
  }
  .testimonial-section {
    gap: var(--gap-38);
    padding-top: var(--padding-52);
    padding-bottom: var(--padding-52);
    box-sizing: border-box;
  }
  .testimonial-section-left-side {
    max-width: 100%;
  }
  .get-the-dependable {
    font-size: var(--fs-29);
  }
  .full-testimonial-frame {
    flex-wrap: wrap;
  }
  .testimonial-section-right-side {
    padding-top: var(--padding-20);
    padding-bottom: var(--padding-20);
    box-sizing: border-box;
    max-width: 100%;
    flex: 1;
  }
  .footer {
    padding-top: var(--padding-65);
    padding-bottom: var(--padding-47);
    box-sizing: border-box;
  }
  .footer-content {
    gap: var(--gap-27);
  }
  .stay-connected-title {
    font-size: var(--fs-31);
  }
  .contact-info-title {
    font-size: var(--fs-35);
  }
}
@media screen and (max-width: 750px) {
  .hero-content,
  .nav-container {
    max-width: 100%;
  }
  .container {
    gap: var(--gap-30);
  }
  .container,
  .introduction-section2-container,
  .news-insights-container {
    max-width: 100%;
  }
  .down-cards {
    flex-wrap: wrap;
    justify-content: center;
  }
  .experience-section-container {
    max-width: 100%;
  }
  .testimonial-section-container {
    gap: var(--gap-20);
    max-width: 100%;
  }
  .footer-content {
    max-width: 100%;
  }
  .navigation-bar {
    gap: var(--gap-34);
  }
  .nav-container {
    gap: var(--gap-20);
  }
  .guiding-your {
    font-size: var(--fs-42);
  }
  .content-section,
  .introduction-section2-content-section {
    gap: var(--gap-16);
  }
  .introduction-section2-left-side {
    max-width: 100%;
  }
  .news-insights-news-insights {
    font-size: 38px;
  }
  .testimonial-section {
    gap: var(--gap-38);
    padding-top: var(--padding-52);
    padding-bottom: var(--padding-52);
    box-sizing: border-box;
  }
  .testimonial-section-left-side {
    max-width: 100%;
  }
  .get-the-dependable {
    font-size: var(--fs-29);
  }
  .full-testimonial-frame {
    flex-wrap: wrap;
  }
  .testimonial-section-right-side {
    padding-top: var(--padding-20);
    padding-bottom: var(--padding-20);
    box-sizing: border-box;
    max-width: 100%;
    flex: 1;
  }
  .footer {
    padding-top: var(--padding-65);
    padding-bottom: var(--padding-47);
    box-sizing: border-box;
  }
  .footer-content {
    gap: var(--gap-27);
  }
  .stay-connected-title {
    font-size: var(--fs-31);
  }
  .contact-info-title {
    font-size: var(--fs-35);
  }
}
@media screen and (max-width: 450px) {
  .nav-container {
    gap: var(--gap-40);
    max-width: 100%;
  }
  .hero-content {
    max-width: 100%;
  }
  .container {
    gap: var(--gap-30);
  }
  .container,
  .introduction-section2-container,
  .news-insights-container {
    max-width: 100%;
  }
  .down-cards {
    flex-wrap: wrap;
    justify-content: center;
  }
  .experience-section-container {
    max-width: 100%;
  }
  .testimonial-section-container {
    gap: var(--gap-20);
    max-width: 100%;
  }
  .footer-content {
    gap: var(--gap-54);
    max-width: 100%;
  }
  .navigation-bar {
    gap: var(--gap-17);
  }
  .guiding-your {
    font-size: var(--fs-31);
  }
  .securing-your-biolegacy {
    font-size: var(--fs-22);
  }
  .tab-1 {
    padding-left: var(--padding-20);
    padding-right: var(--padding-20);
    box-sizing: border-box;
  }
  .introduction-section2-services {
    font-size: var(--fs-19);
  }
  .tab-2 {
    padding-left: var(--padding-20);
    padding-right: var(--padding-20);
    box-sizing: border-box;
  }
  .introduction-section2-therapeutic-areas,
  .services2 {
    font-size: var(--fs-19);
  }
  .toxicology-wrapper {
    flex: 1;
  }
  .toxicology {
    font-size: var(--fs-18);
  }
  .pharmacology-wrapper {
    flex: 1;
  }
  .animal-model-development,
  .custom-assay-development {
    font-size: var(--fs-18);
  }
  .introduction-section2-animal-model-development {
    font-size: var(--fs-22);
  }
  .news-insights-news-insights {
    font-size: var(--fs-29);
  }
  .experience-section {
    padding-bottom: var(--padding-32);
    box-sizing: border-box;
  }
  .studies-completed {
    font-size: var(--fs-16);
  }
  .testimonial-section {
    gap: var(--gap-19);
  }
  .get-the-dependable {
    font-size: var(--fs-22);
  }
  .dont-wait- {
    font-size: var(--fs-19);
  }
  .testimonial-section-right-side {
    max-width: 100%;
  }
  .footer-logo {
    gap: var(--gap-31);
  }
  .stay-connected-title {
    font-size: var(--fs-23);
  }
  .email-input {
    font-size: var(--fs-19);
  }
  .contact-info-title {
    font-size: var(--fs-26);
  }
  .contact-info-content {
    gap: var(--gap-16);
  }
  .social-info-parent {
    flex-wrap: wrap;
  }
  .copyright-text {
    font-size: var(--fs-18);
  }
}



.contact-fields{
  margin: 10px 0px !important;
}