main {
  margin-left: 260px;
  padding: 30px;
  transition: all 0.3s ease;
}

@media (max-width: 991px) {
  main {
    margin-left: 0;
  }
}
main {
  margin-left: 260px;
  padding: 30px;
  transition: all 0.3s ease;
}

@media (max-width: 991px) {
  main {
    margin-left: 0;
  }
}
main {
  margin-left: 260px;
  padding: 30px;
  transition: all 0.3s ease;
}

@media (max-width: 991px) {
  main {
    margin-left: 0;
  }
}
main {
  margin-left: 260px;
  padding: 30px;
  transition: all 0.3s ease;
}

@media (max-width: 991px) {
  main {
    margin-left: 0;
  }
}main {
  margin-left: 260px;
  padding: 30px;
  transition: all 0.3s ease;
}

@media (max-width: 991px) {
  main {
    margin-left: 0;
  }
}main {
  margin-left: 260px;
  padding: 30px;
  transition: all 0.3s ease;
}

@media (max-width: 991px) {
  main {
    margin-left: 0;
  }
}main {
  margin-left: 260px;
  padding: 30px;
  transition: all 0.3s ease;
}

@media (max-width: 991px) {
  main {
    margin-left: 0;
  }
}main {
  margin-left: 260px;
  padding: 30px;
  transition: all 0.3s ease;
}

@media (max-width: 991px) {
  main {
    margin-left: 0;
  }
}main {
  margin-left: 260px;
  padding: 30px;
  transition: all 0.3s ease;
}

@media (max-width: 991px) {
  main {
    margin-left: 0;
  }
}main {
  margin-left: 260px;
  padding: 30px;
  transition: all 0.3s ease;
}

@media (max-width: 991px) {
  main {
    margin-left: 0;
  }
}main {
  margin-left: 260px;
  padding: 30px;
  transition: all 0.3s ease;
}

@media (max-width: 991px) {
  main {
    margin-left: 0;
  }
}margin-left: 260px;
  padding: 30px;
  transition: all 0.3s ease;@media (max-width: 991px) {
  main {
    margin-left: 0;
  }
}
.logo { 
         padding: 10px; 
      }
	  
	  
Generated CSS:
.w3-theme-l5-1 {color:#000 !important; background-color:#f5f5f8 !important}
.w3-theme-l5-2 {color:#000 !important; background-color:#fdfafb !important}
.w3-theme-l4-1 {color:#000 !important; background-color:#dddfe8 !important}
.w3-theme-l4-2 {color:#000 !important; background-color:#f8eef1 !important}
.w3-theme-l3-1 {color:#000 !important; background-color:#babed1 !important}
.w3-theme-l3-2 {color:#000 !important; background-color:#f1dee4 !important}
.w3-theme-l2-1 {color:#fff !important; background-color:#989eba !important}
.w3-theme-l2-2 {color:#000 !important; background-color:#ebcdd6 !important}
.w3-theme-l1-1 {color:#fff !important; background-color:#767ea4 !important}
.w3-theme-l1-2 {color:#000 !important; background-color:#e4bcc8 !important}
.w3-theme-d1-1 {color:#fff !important; background-color:#515879 !important}
.w3-theme-d1-2 {color:#000 !important; background-color:#d290a4 !important}
.w3-theme-d2-1 {color:#fff !important; background-color:#484e6c !important}
.w3-theme-d2-2 {color:#fff !important; background-color:#c6748d !important}
.w3-theme-d3-1 {color:#fff !important; background-color:#3f445e !important}
.w3-theme-d3-2 {color:#fff !important; background-color:#bb5876 !important}
.w3-theme-d4-1 {color:#fff !important; background-color:#363a51 !important}
.w3-theme-d4-2 {color:#fff !important; background-color:#a74462 !important}
.w3-theme-d5-1 {color:#fff !important; background-color:#2d3143 !important}
.w3-theme-d5-2 {color:#fff !important; background-color:#8b3952 !important}

.w3-theme-light-1 {color:#000 !important; background-color:#f5f5f8 !important}
.w3-theme-light-2 {color:#000 !important; background-color:#fdfafb !important}
.w3-theme-dark-1 {color:#fff !important; background-color:#2d3143 !important}
.w3-theme-dark-2 {color:#fff !important; background-color:#8b3952 !important}
.w3-theme-action-1 {color:#fff !important; background-color:#2d3143 !important}
.w3-theme-action-2 {color:#fff !important; background-color:#8b3952 !important}

.w3-theme-1 {color:#fff !important; background-color:#5a6186 !important}
.w3-theme-2 {color:#000 !important; background-color:#ddacbb !important}
.w3-text-theme-1 {color:#5a6186 !important}
.w3-text-theme-2 {color:#ddacbb !important}
.w3-border-theme-1 {border-color:#5a6186 !important}
.w3-border-theme-2 {border-color:#ddacbb !important}

.w3-hover-theme:hover {color:#fff !important; background-color:#5a6186 !important}
.w3-hover-theme:hover1 {color:#000 !important; background-color:#ddacbb !important}

.w3-hover-text-theme:hover-1 {color:#5a6186 !important}
.w3-hover-text-theme:hover-2 {color:#ddacbb !important}

.w3-hover-border-theme:hover-1 {border-color:#5a6186 !important}
.w3-hover-border-theme:hover-2 {border-color:#ddacbb !important}



.w3-theme-l5-3 {color:#000 !important; background-color:#f8f8fb !important}
.w3-theme-l4-3 {color:#000 !important; background-color:#e7e8f2 !important}
.w3-theme-l3-3 {color:#000 !important; background-color:#ced1e4 !important}
.w3-theme-l2-3 {color:#000 !important; background-color:#b6bad7 !important}
.w3-theme-l1-3 {color:#000 !important; background-color:#9ea3c9 !important}
.w3-theme-d1-3 {color:#fff !important; background-color:#7179b1 !important}
.w3-theme-d2-3 {color:#fff !important; background-color:#5c66a5 !important}
.w3-theme-d3-3 {color:#fff !important; background-color:#505991 !important}
.w3-theme-d4-3 {color:#fff !important; background-color:#444c7c !important}
.w3-theme-d5-3 {color:#fff !important; background-color:#393f68 !important}

.w3-theme-light-3 {color:#000 !important; background-color:#f8f8fb !important}
.w3-theme-dark-3 {color:#fff !important; background-color:#393f68 !important}
.w3-theme-action-3 {color:#fff !important; background-color:#393f68 !important}

.w3-theme-3 {color:#fff !important; background-color:#858cbc !important}
.w3-text-theme-3 {color: #A13BC2 !important}
.w3-border-theme-3 {border-color:#858cbc !important}

.w3-hover-theme:hover-3 {color:#fff !important; background-color:#858cbc !important}
.w3-hover-text-theme:hover-3 {color:#858cbc !important}
.w3-hover-border-theme:hover-3 {border-color:#858cbc !important}
.rich-text-editor {
    overflow: hidden;
    font-family: aileronlight;
    font-weight: initial;
    line-height: 1.6;
    font-size: 1rem;
}

/* CSS Document */

/* home page */
#carouselSection{border-top:4px solid #D33800; border-bottom: 4px solid #D33800; background: #000; color:#fff; margin-bottom:18px;}

#carouselSection .carousel{margin-bottom:0}
#carouselSection .wrapper { max-width: 1200px; margin: 0 auto; }
#carouselSection .carousel-caption p{display:block; margin-bottom:18px}
#carouselSection h2{color:#fff; margin:10px 0; }
#carouselSection h3{color:#fff; margin:8px 0; }
#carouselSection h4{color:#fff; margin:6px 0; }

.carousel-caption {display:block;  left:24%; padding:1%;bottom:0px;max-width:35%;border-radius:8px;text-align:left}
.carousel-caption {background: rgba(201, 168, 215,0.65);}
.carousel:hover .carousel-control {display:block;}
.carousel-control, .carousel-control:hover{display:none;background: transparent;color: #D33800;top: 10%;}
/* Sections------------------------- */
#headerSection{ background:url(../images/headerbg.png) repeat-x 0 0 ;}
#headerSection .navbar { padding-top:10px; margin-bottom: 0;}
#headerSection .navbar-brand {padding: 5px 20px 5px; color: #000;text-shadow: 0 0px 0 white;font-weight: bold; line-height: 1.3em;}
 /* Remove the navbar's default margin-bottom and rounded borders */ 
    .navbar {
      margin-bottom: 0;
      border-radius: 0;
    }
	
	.carousel-inner img {
      width: 100%; 
      margin: auto;
      min-height:200px;
  }
    footer {
		
		
		width: 100%;
      background-color: #f2f2f2;
      padding: 25px;
	 
    }
	
	span.error {
	
	background-image: url(../images/x.png);
	background-repeat:no-repeat;
	background-position:left 6px;
	padding-left:25px;
	padding-bottom:15px;	
	
}
.page-header {
    background: linear-gradient(rgba(3, 27, 78, .3), rgba(3, 27, 78, .3)), url(../img/testimonial.jpg) center center no-repeat;
    background-size: cover;
}

/*** Testimonial ***/
.testimonial {
    background: linear-gradient(rgba(3, 27, 78, .3), rgba(3, 27, 78, .3)), url(../img/testimonial.jpg) left center no-repeat;
    background-size: cover;
}

.testimonial-item img {
    width: 60px !important;
    height: 60px !important;
    border-radius: 60px;
}

.testimonial-carousel .owl-nav {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
}

.testimonial-carousel .owl-nav .owl-prev,
.testimonial-carousel .owl-nav .owl-next {
    margin-left: 15px;
    color: var(--bs-primary);
    font-size: 30px;
    line-height: 0;
    transition: .5s;
}

.testimonial-carousel .owl-nav .owl-prev:hover,
.testimonial-carousel .owl-nav .owl-next:hover {
    color: var(--bs-dark);
}

.howitworks__v1 .subtitle {
  background-color: rgba(var(--bs-secondary-rgb), 0.2);
  color: var(--bs-primary);
  display: inline-block;
  padding: 5px 12px;
  border-radius: 7px;
  font-weight: 600;
  font-size: 0.75rem;
  margin-bottom: 10px;
}

.howitworks__v1 .step-card {
  position: relative;
}
.howitworks__v1 .step-card .step-number {
  width: 60px;
  height: 60px;
  line-height: 60px;
  display: inline-block;
  color: var(--bs-secondary);
  background-color: var(--bs-primary);
  font-size: 18px;
}
.howitworks__v1 .arch-line {
  position: absolute;
  top: 15px;
  width: 150px;
  right: 0;
  left: calc(100% + 24px);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (max-width: 991.98px) {
  .howitworks__v1 .arch-line {
    display: none;
  }
}
.howitworks__v1 .arch-line.reverse {
  top: 20px;
}

/* Responsive--------------------- */
/* Large desktop */
@media (min-width: 1200px) {  }
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
#middleSection .well a span {font-size: 13px; margin: 0 -18px;}
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
.navbar .nav > li {
float: none}
#footerSection, #carouselSection, #footerSection, #bannerSection {margin: 0 -20px;}
#carouselSection .carousel-caption{background:none}
#carouselSection .carousel-caption h2, #carouselSection .carousel-caption p{ display:none;}
#carouselSection {background-image: none; border-bottom:1px solid #ddd}

#headerSection, #footerSection, #mapSection{margin:0 -20px}
.navbar .nav > li {border-radius: 0; border: 0;}
.navbar .nav > li.active {border: 0; }
#middleSection .well a span {font-size: 13px; margin: 0 -18px;}
 }
/* Hide the carousel text when the screen is less than 600 pixels wide */
  @media (max-width: 600px) {
    .carousel-caption {
      display: none; 
    }
  }
/* Landscape phones and down */
@media (max-width: 480px) {
#carouselSection .carousel-caption {position: absolute;}
}
/* ====================================================== */


.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
}

/*** Testimonial ***/
.testimonial {
    background: linear-gradient(rgba(3, 27, 78, .3), rgba(3, 27, 78, .3)), url(../img/testimonial.jpg) left center no-repeat;
    background-size: cover;
}

.testimonial-item img {
    width: 60px !important;
    height: 60px !important;
    border-radius: 60px;
}

.testimonial-carousel .owl-nav {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
}

.testimonial-carousel .owl-nav .owl-prev,
.testimonial-carousel .owl-nav .owl-next {
    margin-left: 15px;
    color: var(--bs-primary);
    font-size: 30px;
    line-height: 0;
    transition: .5s;
}

.testimonial-carousel .owl-nav .owl-prev:hover,
.testimonial-carousel .owl-nav .owl-next:hover {
    color: var(--bs-dark);
}

.icon-box-primary,
.icon-box-light {
    position: relative;
    padding: 0 0 10px 10px;
    z-index: 1;
}

.icon-box-primary i,
.icon-box-light i {
    font-size: 60px;
    line-height: 0;
}

.icon-box-primary::before,
.icon-box-light::before {
    position: absolute;
    content: "";
    width: 35px;
    height: 35px;
    left: 0;
    bottom: 0;
    border-radius: 35px;
    transition: .5s;
    z-index: -1;
}

.icon-box-primary::before {
    background: var(--bs-primary);
}

.icon-box-light::before {
    background: var(--bs-light);
}


.testimonial-section {
  padding: 3rem 0 7rem 0; }

.testimonial-slider-wrap {
  position: relative; }
  .testimonial-slider-wrap .tns-inner {
    padding-top: 30px; }
  .testimonial-slider-wrap .item .testimonial-block blockquote {
    font-size: 16px; }
    @media (min-width: 768px) {
      .testimonial-slider-wrap .item .testimonial-block blockquote {
        line-height: 32px;
        font-size: 18px; } }
  .testimonial-slider-wrap .item .testimonial-block .author-info .author-pic {
    margin-bottom: 20px; }
    .testimonial-slider-wrap .item .testimonial-block .author-info .author-pic img {
      max-width: 80px;
      border-radius: 50%; }
  .testimonial-slider-wrap .item .testimonial-block .author-info h3 {
    font-size: 14px;
    font-weight: 700;
    color: #2f2f2f;
    margin-bottom: 0; }
  .testimonial-slider-wrap #testimonial-nav {
    position: absolute;
    top: 50%;
    z-index: 99;
    width: 100%;
    display: none; }
    @media (min-width: 768px) {
      .testimonial-slider-wrap #testimonial-nav {
        display: block; } }
    .testimonial-slider-wrap #testimonial-nav > span {
      cursor: pointer;
      position: absolute;
      width: 58px;
      height: 58px;
      line-height: 58px;
      border-radius: 50%;
      background: rgba(59, 93, 80, 0.1);
      color: #2f2f2f;
      -webkit-transition: .3s all ease;
      -o-transition: .3s all ease;
      transition: .3s all ease; }
      .testimonial-slider-wrap #testimonial-nav > span:hover {
        background: #3b5d50;
        color: #ffffff; }
    .testimonial-slider-wrap #testimonial-nav .prev {
      left: -10px; }
    .testimonial-slider-wrap #testimonial-nav .next {
      right: 0; }
  .testimonial-slider-wrap .tns-nav {
    position: absolute;
    bottom: -50px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }
    .testimonial-slider-wrap .tns-nav button {
      background: none;
      border: none;
      display: inline-block;
      position: relative;
      width: 0 !important;
      height: 7px !important;
      margin: 2px; }
      .testimonial-slider-wrap .tns-nav button:active, .testimonial-slider-wrap .tns-nav button:focus, .testimonial-slider-wrap .tns-nav button:hover {
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        background: none; }
      .testimonial-slider-wrap .tns-nav button:before {
        display: block;
        width: 7px;
        height: 7px;
        left: 0;
        top: 0;
        position: absolute;
        content: "";
        border-radius: 50%;
        -webkit-transition: .3s all ease;
        -o-transition: .3s all ease;
        transition: .3s all ease;
        background-color: #d6d6d6; }
      .testimonial-slider-wrap .tns-nav button:hover:before, .testimonial-slider-wrap .tns-nav button.tns-nav-active:before {
        background-color: #3b5d50; }

/* Base styling */
.nav-link {
  border-radius: 4px;
  margin-bottom: 4px;
  font-weight: 500;
  display: flex;
  justify-content: space-between;
  align-items: center;
}


/* Section colors */
.nav-reproGenetics    { background-color: #e6f2ff; color: #004080; }
.nav-neuroGenetics    { background-color: #f9f0ff; color: #6a1b9a; }
.nav-cardioGenetics   { background-color: #fff0f0; color: #b71c1c; }
.nav-oncoGenetics     { background-color: #f3f3f3; color: #424242; }
.nav-microArray       { background-color: #f0fff4; color: #2e7d32; }
.nav-pharmaGenetics   { background-color: #fff8e1; color: #f57c00; }
.nav-immunoGenetics   { background-color: #e3f2fd; color: #1976d2; }
.nav-requisitions     { background-color: #f5f5f5; color: #212121; }

/* Chevron rotation */
.rotate-icon {
  transition: transform 0.3s ease;
}
.rotate-icon.rotate {
  transform: rotate(90deg);
}

/* Active section highlight */
.active-section {
  font-weight: bold;
  border-left: 4px solid #004080;
}
 
.footer-section {
  margin-left: 250px; /* Aligns with sidebar */
  background: linear-gradient(135deg, #2356F3 0%, #a13bc2 100%);
  color: #fff;
  box-shadow: inset 0 1px 5px rgba(0,0,0,0.1);
  position: relative;
  z-index: 1;
}

.footer-section .footer-link {
  color: rgba(255,255,255,0.85);
  text-decoration: none;
  transition: color 0.3s ease;
}

.footer-section .footer-link:hover {
  color: #fff;
  text-decoration: underline;
}

.footer-section .footer-divider {
  border-color: rgba(255,255,255,0.2);
}

@media (max-width: 991px) {
  .footer-section {
    margin-left: 0; /* full width on mobile */
    text-align: center;
  }
}