.navbar-background {
  background-color: #612549;
  font-weight: 500;
}

.col-1-5-flex {
  flex: 0 0 12.3%;
    max-width: 12.3%;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}


@media (max-width: 990px) { /* Bootstrap's 'lg' breakpoint */
  .col-1-5-flex {
    flex: 0 0 100%;
    max-width: 100%;
    position: relative;
    width: 100%;
    padding-right: var(--bs-gutter-x, 0.9rem); /* Add back the default Bootstrap gutter padding */
    padding-left: var(--bs-gutter-x, 0.9rem); 
  }
}

a {
  color: #ffffff;
}
.active {
  color: #b26e15;
}

.title {
  font-weight: 400;
  color: black;
}

.divider-container {
  display: flex;
  align-items: center;
  text-align: center;
  width: 100%;
  margin: 20px 0;
}

.line {
  flex: 1;
  height: 1px;
  background-color: #000;
}

.text{
    color: #612549;
    font-size: small;
}
.textNormal{
    color: #612549;
    font-size: medium;
}
.textXSmall{
    color: #612549;
    font-size: x-small;
}

.textXlarge{
    color: #612549;
    font-size: x-large;
}

.boxMaster{
    background-color: #e2e2e2;
}

.boxTitle{
    color: #000;
    font-size: medium;
    font-weight: 700;
}
.boxSubTitle{
    color: #612549;
    font-size: medium;
    font-weight: 600;
}
.boxImg{
    width: 200px;
    height: 200px;
}
.boxImgSub{
    width: 100%;
    height: 70%;
    object-fit: cover;
}

.newsTitle{
  font-size: large;
  font-weight: 400;
  line-height: 1.2;
  
}
.imgNews{
  width: 100%;
  height: auto;
  padding: 0;
}

.newsSubTitle{
  font-size: medium;
}
.textNews{
    font-size: small;
}

.memberTitle{
  font-weight: bolder;
  font-size: xx-large;
}

.imgJob{
  width: 350px;
  height: auto;
}

.btnBorder {
  border-style: solid;
  border-color: #612549;
}


/* slideshow galery */

* {
  box-sizing: border-box;
}

img {
  vertical-align: middle;
  margin-right: 10px;
}


/* Add a pointer when hovering over the thumbnail images */
.cursor {
  cursor: pointer;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Six columns side by side */
.column {
  float: left;
  padding: 10px;
  width: 16.66%;
}

.column:hover{
  position: relative;
  transform: scale(2.5);
  
}

/* Add a transparency effect for thumnbail images */
.demo {
  opacity: 1;
}

.bookNowHotel{
  margin-top: -20px;
}