body {

  overflow-x: hidden;

  background-color: rgb(147, 147, 147);

}



body h1,

h2 {

  color: #d1b371;

}



body h2 {

  color: #d1b371;

}



body {

  color: #d1b371;

}



body p {

  font-size: 16px !important;

}



p {

  margin-top: 0;

  margin-bottom: 0rem !important;

}

/* ==========================================

    Header

  ========================================== */



.background-color {

  background-color: #ffffff !important;

}



/* Add a background color and some padding around the form */



::-webkit-scrollbar {

  width: 8px;

}

/* Track */

::-webkit-scrollbar-track {

  background: #f1f1f1;

}

/* Handle */

::-webkit-scrollbar-thumb {

  background: #888;

}

/* Handle on hover */

::-webkit-scrollbar-thumb:hover {

  background: #555;

}

body {

  background-color: rgb(147, 147, 147);

  overflow-x: hidden;

}

.bg-white {

  background-color: #fff;

}

.navbar-brand {

  padding: 23.5px 20px;

  font-size: 18px;

}

.navbar-nav {

  width: 100%;

  justify-content: space-evenly !important;

  align-items: center;

  padding: 10px;

}



.logo {

  width: 150px;

}



.nav-item {

  padding: 20px 8px;

  margin: 0px 3px;

  text-align: center;

  border-radius: 5px;

  font-size: 16px;

  color: grey;

  position: static;

}

.nav-item.active {

  color: #383838;

}

.nav-item:hover {

  color: #383838;

}

a {

  color: inherit !important;

}

.nav-link {

  padding: 5px;

}

.navbar-collapse.collapse.in {

  display: block !important;

}

.fa-angle-down {

  padding-left: 10px;

}

.fa-icon {

  font-size: 20px;

  color: #fff;

  background-color: #c49c5d;

  margin: 2px 10px 5px 0px;

  border-radius: 10px;

  width: 30px;

  height: 30px;

}

.dropdown-menu {

  margin: -0.1rem 0 0 !important;

  border: none;

  background-color: white;

  padding: 50px 50px 30px 50px;

}

#dropdown-menu1 {

  position: absolute;

  left: 165px;

}

#dropdown-menu2 {

  position: absolute;

  left: 285px;

}

#dropdown-menu3 {

  position: absolute;

  left: 615px;

}

#dropdown-menu4 {

  position: absolute;

  left: 750px;

}

.tab {

  margin-bottom: 20px;

  width: 230px;

}

.tab:hover {

  color: #383838 !important;

}

.dropdown-item {

  padding: 0px;

}

.dropdown-item:hover {

  background-color: inherit;

}



/* footer css */

.footer {

  position: relative;

  width: 100%;

  background: black;

  padding: 10px;

  display: flex;

  justify-content: center;

  align-items: center;

  flex-direction: column;

}

.menu {

  position: relative;

  display: flex;

  justify-content: center;

  align-items: center;

  margin: 0px;

  flex-wrap: wrap;

}

.menu__item {

  list-style: none;

}

.menu__link {

  color: #fff;

  margin: 0 10px;

  display: inline-block;

  transition: 0.5s;

  text-decoration: none;

  font-weight: 300;

  font-size: 13px;

}



.menu__item:not(:last-child)::after {

  content: "|";

  margin: 0 10px;

  color: #fff;

}



.banner {

  position: relative;

  overflow: hidden;

  width: 100%;

  height: 150px;

  background-color: #383838;

  background-image: url("../img/2-1.webp");

}



.banner-content h1 {

  font-size: 48px;

  margin-bottom: 20px;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  text-align: center;

  color: #d1b371;

}



@media screen and (max-width: 768px) {

  .banner {

    height: 200px;

  }

  .banner-content h1 {

    font-size: 32px;

    margin-bottom: 10px;

  }

}



* {

  box-sizing: border-box;

}



p {

  margin-top: 0;

  margin-bottom: 0rem;

}





.card {

  padding: 20px;

  border: none;

  cursor: pointer;

}



.card {

  padding: 30px 20px;

  margin-top: 20px;

  margin-bottom: 20px;

  border: none !important;

}



img {

  max-width: 100%;

  height: auto;

  vertical-align: middle;

  display: inline-block;

}



/* Main CSS */



img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.grid-section {

  display: grid;

  width: 100%;

  padding: 20px;

  grid-template-rows: repeat(2, 310px);

  grid-template-columns: repeat(3, 1fr);

  grid-gap: 20px;

}



@media screen and (max-width: 768px) {

  .grid-section {

    display: grid;

    width: 98%;

    margin: 10px auto;

    grid-template-rows: repeat(4, 310px);

    grid-template-columns: repeat(1, 1fr);

    grid-gap: 10px;

  }

}



/* Home page gallery finish */



.card-img-top {

  width: 100%;

  height: 250px;

}



.col-md-4 h3{

  color: #000;

}