.bg-p{
  background-color: #284632 !important;
}
.bg-s{
  background-color: #966e05 !important;
}
.bg-1{
  background-color: #1f3125 !important;
}
.bg-2{
  background-color: #cecece !important;
}
.bg-3{
  background-color: #284632 !important;
}
.bg-4{
  background-color: #284632 !important;
}


.color-p{
  color: #966e05 !important;
}
.color-s{
  color: #284632 !important;
}
.color-1{
  color: #e7e7e7 !important;
}
.color-2{
  color: #cecece !important;
}
.color-3{
  color: #b4b4b4 !important;
}
.color-4{
  color: #966e05 !important;
}


.border-color-p{
  border-color: #966e05 !important;
}
.border-color-s{
  border-color: #e6c6bc !important;
}
.border-color-1{
  border-color: #e7e7e7 !important;
}
.border-color-2{
  border-color: #cecece !important;
}
.border-color-3{
  border-color: #818181 !important;
}
.border-color-4{
  border-color: #3d3d3d !important;
}

.accordion-button:not(.collapsed) {
  color: #966e05 !important;
}

.accordion-button.collapsed {
  color: #fff !important;
}

header{
  position: relative;
}

.zoomed{
  width: 250px !important;
  height: 250px !important;
  z-index: 30;
  position: absolute;
  /* left: 20px; */
  transition: 500ms ease-in;
  max-width: 100%;
}
.zoom{
  width: 70px !important;
  height: 70px !important;
  /* left: 20px; */
  position: absolute;
  transition: 300ms ease-out;
  z-index: 2;
}


.visible {
  /* display: block; */
  visibility: visible;
  opacity: 1;
  transition: opacity 2s linear;
}

.hidden {
  /* display: none; */
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 2s, opacity 2s linear;
}