@import url('https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&family=Roboto:wght@700&family=Source+Sans+3:wght@700&display=swap');

.inter-400 {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.inter-500 {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.inter-600 {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}

.inter-700 {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.source-sans-3 {
  font-family: "Source Sans 3", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.roboto {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

/* common css */
:root {
  --black: #000000;
  --white: #ffffff;
  --gray: #6B7280;
  --dark-blue: #1F1F39;
  --dark-blue-light: #1F1F39B3;
}

/* header */
.header {}

.logo {}

.menu {}

.menu ul li {
  margin-right: 50px;
}

.menu ul li:last-child {
  margin-right: 0px;
}

.menu ul li a {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
}

.active {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600 !important;
  font-size: 18px;
}

.btn-dark-c {
  display: inline-block;
  padding: 10px 35px !important;
  background-color: var(--dark-blue);
  font-family: 'Source Sans 3' !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  color: var(--white);
  border-radius: 10px;
}

/* banner */
.banner {
  margin: 120px 0;
}

.line {
  position: absolute;
  width: 100px;
  top: -280px;
  border-top: 5px solid var(--black);
}

.b-text {
  margin-right: 90px !important;
}

.b-text h1 {
  margin-bottom: 25px;
  font-size: 70px;
  font-weight: 700;
}

.b-text p {
  font-size: 28px;
  color: var(--dark-blue-light);
}

.b-text a {
  margin-top: 50px;
  font-size: 24px !important;
}