*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body {
  height: 100%;
  width: 100%;
}

body {
  font-family: "Inter", sans-serif;
}

.font-dmsans {
  font-family: "DM Sans", sans-serif !important;
}

.container {
  max-width: 1100px;
}

.nav-item {
  text-decoration: none;
  padding: 2px 5px;
  color: #101828;
  font-size: 16px;
  font-family: Inter !important;
}

.nav-link {
    color: #101828;
}

.nav-link:hover {
    color: #0F5BA9;
}

.btn-login {
  border: 1px solid #d0d5dd;
  padding: 10px 14px;
  margin-right: 5px;
  text-decoration: none;
  font-family: inter;
  color: #101828;
  font-weight: 600;
  border-radius: 15px;
}

.btn-signup {
  padding: 10px 14px;
  background: linear-gradient(120.04deg, #0f5ba9 10.48%, #2d8bb7 122.62%);
  color: #ffffff;
  text-decoration: none;
  font-family: inter;
  font-weight: 600;
  border-radius: 15px;
}

.hero-section {
  height: 594px;
}

.banner-bg-img {
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translate(-50%, -50%);
  background: linear-gradient(180deg, rgba(16, 24, 40, 0.48) 0%, rgba(16, 24, 40, 0.8) 100%), url('https://s3-alpha-sig.figma.com/img/0a39/cd96/eb32dbfd03e45f09fd76ae9eeb9a3165?Expires=1735516800&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=MCS9CtmGzIh3Z3x9QdHnv5uXVD8Gq63rS5~CfF1YW81YkShlVir268MPJ8N-kMMoMlTv10~Blsye27cUXDIcCn9KbVPSedfBiteJN8t2CT4BhNXtReaCC~gjxe9PcGjJfhqgx89nWnF3wbjnzWWyBM7cocx3aAOOgNUlRSCYB3HraxqMsoO3175GVsW9fKsJUvaY0~peSMiEpwX76IWjgG8VGS9m~9FXjwV5jJMpjAGHoC17j~4fxT1xbNSrblcUjpw6Gv0dBG~DDx1b8ESKE5qkneuka8aDfVvwSkV-oV1YPEeWr4r3ytnXh~Ff2MOE1nV5xbm7TyjBMLV29eX8Ag__');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.title {
  max-width: 880px;
  font-family: Dm Sans;
  color: #ffffff;
}

.heading {
  color: #4982be;
  font-size: 36px;
  font-family: DM Sans !important;
}

.sub-text {
  color: #667085;
  font-size: 16px;
  font-family: Inter !important;
  text-align: justify;
}

.sub-text > strong {
  color: #101828;
}

.vision-image {
  height: 345px;
  background: #000;
}

.vision-list li {
  padding: 5px 0;
  color: #667085;
}

/* .chairman-message-section {
  background: #0F5BA9;
}

.chairman-message h2 {
  color: #ffffff;
}

.director-image {
  height: 545px;
  max-width: 560px;
  border-radius: 10px;
  object-fit: contain;
  border-radius: 10px;
  background: #101828;
}

.director-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.director-message {
  background: #ffffff;
  color: #101828;
  padding: 20px;
  border-radius: 10px;
  border: 2px solid whitesmoke;
}

.director-message p {
  color: #667085;
}

.director-signature p {
  color: #101828;
} */

.why-choose-us-section {
  background: #0f5ba9;
}

.why-choose-us h2 {
  color: #ffffff;
  font-family: DM Sans;
  font-size: 36px;
}

.why-choose-us ul li {
  color: #ffffff;
  padding: 4px 0;
}

.service-section {
  background: #F7FAFC;
}

.service-header h3 {
  color: #101828;
  font-weight: 500;
  font-family: DM Sans;
  font-size: 32px;
}

.service-header li {
  color: #101828;
  font-size: 16px;
  font-weight: 500;
}

.service-header dl {
  color: #6D778B;
  font-size: 16px;
  text-align: justify;
}

.why-choose-us p {
  color: #6D778B;
}

.footer-section-text {
  font-weight: 500;
  font-family: inter;
  color: #667085;
}

.contact-detail {
  position: relative;
}

.contact-detail::after {
  content: '';
  position: absolute;
  top: 30%;
  right: 10px;
  height: 50%;
  width: 1px;
  background-color: #e4e7ec;
}

.contact-detail:last-child::after {
  display: none;
}

.question {
  max-width: 230px;
}

@media (max-width: 768px) {
  .contact-detail::after {
    content: none;
  }
}

.contact-heading {
  font-size: 14px;
  font-family: inter;
  color: #101828;
  text-transform: uppercase;
}

.contact-detail-heading {
  color: #667085;
  font-family: inter;
  font-size: 14px;
}

.contact-detail-text {
  font-size: 18px;
  font-family: inter;
  color: #0f5ba9;
}

.social-media {
  height: 50px;
  width: 50px;
  border-radius: 50px;
  border: 1px solid #e4e7ec;
}

.copyright-detail {
  font-size: 14px;
  font-family: inter;
  color: #667085;
  font-weight: 500;
  text-decoration: none;
}

.copyright-detail > strong {
  text-decoration: underline #101828 2px;
  font-size: 14px;
  font-weight: 500;
  
}

.copyright-heading {
  color: #101828;
}

.trademark {
  padding-bottom: 1rem;
}