<script setup>
import Footer from '@/views/pages/home/Footer.vue';
import HeaderTopBar from '@/views/pages/home/HeaderTopBar.vue';
// import MaleExcel from '@/views/pages/home/MaleExcel.vue';
import BenefitsOfTestosterone from '@/views/pages/trt/BenefitsOfTestosterone.vue';
import Faq from '@/views/pages/trt/Faq.vue';
import FaqInfo from '@/views/pages/trt/FaqInfo.vue';
import LetTalk from '@/views/pages/trt/LetTalk.vue';
import OurProcess from '@/views/pages/trt/OurProcess.vue';
import TestosteroneOnline from '@/views/pages/trt/TestosteroneOnline.vue';
import TrtBanner from '@/views/pages/trt/TrtBanner.vue';
import FreeAssessment from '@/views/pages/trt/free-assessment.vue';
</script>

<template>
    <HeaderTopBar></HeaderTopBar>
    <TrtBanner></TrtBanner>
    <BenefitsOfTestosterone></BenefitsOfTestosterone>
    <!-- <MaleExcel></MaleExcel> -->
    <TestosteroneOnline></TestosteroneOnline>
    <FreeAssessment></FreeAssessment>
    <OurProcess></OurProcess>
    <LetTalk></LetTalk>
    <Faq></Faq>
    <FaqInfo></FaqInfo>
    <Footer></Footer>
</template>
<style>
@import "@vendor/fonts/fontawesome.css";
@import "@vendor/fonts/tabler-icons.css";
@import "@vendor/css/rtl/core.css";
@import "@vendor/css/rtl/theme-default.css";
@import "@styles/css/demo.css";
@import "@vendor/libs/node-waves/node-waves.css";
@import "@vendor/css/pages/front-page-help-center.css";
@import "@vendor/css/pages/help-center-front-page.css";

.v-card.v-card--flat.v-theme--light.v-card--density-default.v-card--variant-elevated.text-center.search-header.rounded-0 {
  block-size: 357px;
  inset-block-start: -185px;
}

body {
  display: block !important;
}

a.nav-link.fw-medium {
  color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
}

.light-style .layout-navbar .menu-text {
  color: #5d596c !important;
}

span.app-brand-text.demo.menu-text.fw-bold.ms-2.ps-1 {
  color: #5d596c !important;
}

.navbar.landing-navbar {
  border-color: rgba(255, 255, 255, 68%) !important;
  border-radius: 0;
  margin: 0;
  background: white;
  box-shadow: 0 10px 10px #00000029;
}

.landing-footer .footer-top {
  border-radius: none !important;
  background-color: #1c5580;

  /* background: url("/assets/img/front-pages/backgrounds/footer-bg-dark.png"); */
}

.footer-bottom.py-3 {
  background-color: #282c3e;
}

.light-style .landing-footer .footer-link,
.light-style .landing-footer .footer-text {
  color: #d3d4dc !important;
}

.light-style .landing-footer .footer-link,
.light-style .landing-footer .footer-text {
  color: #d3d4dc;
}

a.footer-link {
  color: #d3d4dc;
}

.light-style .landing-footer .footer-title {
  color: #fff;
}

.footer-title {
  color: #fff;
}

.footer-text {
  color: #d3d4dc;
}

@media (max-width: 355px) {
  .first-section-pt {
    margin-block-start: -121px !important;
  }
}
</style>
