* {
	margin: 0;
	padding: 0;
  } 

html,
body {
  height: 100%;
}


/* .container-xl {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

.row {
  flex-grow: 1;
} */

/* Override Bootstrap default */
.card {
background-color: #fbfbfb; /* Replace with your desired background color code */
}


.footer {
  background-color: #097fa3; /* Adjust this value to set the footer background color */
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  justify-content: center;
  height: 60px; /* Adjust this value to set the footer height */
  }

/* Override Bootstrap default - Footer background colour */
.x-bg-dark-sd2 {
  background-color: #000000;
}

/* Override Bootstrap default - Gankrin Logo*/
.navbar .container .navbar-brand {
  color: rgb(135, 231, 80);
  font-weight: bold;
  font-size: 40px;
}

/* Override Bootstrap default - Menu items */
.navbar .container .collapse .navbar-nav .nav-item .nav-link {
  font-weight: bold;
  color: #f5f6f6;
}


/* Override Bootstrap default - Navbar colour*/
.x-bg-dark {
  background-color: #0E2954 !important;  
}

/* Our Custom class to use with Bootstrap as a replacement
of bg-dark, bg-primary etc. - Site Tagline */
.x-bg-sd1 {
  background-color: #2E8A99 ;
}

/* To take 100%-2%-2% width by the bootstrap container 
- Container in Index, Page, Blog-page */
.x-custom-container {
  padding-left: 1%;
  padding-right: 1%;
  margin-left: 0;
  margin-right: 0;
}