body {
  background-color: #F5F7FA !important;
}

/* Menu styles */
.menu {
  background-color: #ffffff;
  font-family: Quicksand;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  font-size: large;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05) !important;

}

/* Navbar text color */
.nav-link {
  color: #131822 !important;
}

.navbar-brand {
  color: #131822 !important;
}
.navbar-brand:hover {
  color: #A7B3CD !important;
}

/* General link hover style */
.link-color {
  border-radius: 5px;
}
.link-color:hover {
  color: #A7B3CD !important; 
}

/* LinkedIn link hover style */
.link-color-linkd {
  border-radius: 5px;
}
.link-color-linkd:hover {
  color: #3570fa !important; 
}

/* Home Page Colors */
.bg-section {
  background-color: white;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

/* Custom BTN */
.btn:hover {
  color: #eff3f6 !important;
  background: #4a5568 !important;
}


/* Omnihorse Project Custom*/
.btn-omni-proj {
  background-color: #2a3140 !important;
  color: white !important;
  border: none; /* Remove the default border */
}

.btn-omni-proj:hover {
  color: #2a3140 !important;
  background-color: white !important;
  border-style: solid !important;
  border-width: 1px !important;
}



/* 3D Models Effects*/
#m3d .container img {
  height: auto;
  width: 100%;
  object-fit: cover; /* Ensures that images cover the card area */
}

#m3d .card {
  transition: transform 0.2s; /* Animation for hover effect */
}

#m3d .card:hover {
  transform: scale(1.05); /* Scales the card on hover */
}

#m3d .card-body {
  background-color: #f8f9fa; /* Light background for the text area */
  transition: background-color 0.2s ease-in-out;
}

#m3d .card:hover .card-body {
  background-color: #e2e6ea; /* Slightly darker background on hover */
}


/* General styles for resume sections */
.resume-section {
  background: white; /* Light grey background */
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 20px;
}

.resume-header {
  background: #007bff; /* Bootstrap primary color */
  color: white;
  padding: 20px;
  border-radius: 10px;
}

/* Adding box shadows for depth */
.resume-section, .resume-header {
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

/* General aesthetic improvements */
body {
  background-color: #e9ecef; /* Slightly darker grey than sections */
  color: #333; /* Dark grey text for readability */
}

h3 {
  text-align: center;
}

ul {
  text-align: left; /* Aligning list items to the left for readability */
}


/* Section color*/
.section-cstm {
  background: white;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05) !important;
}