@charset "utf-8";
/* CSS Document */
html,
body {
	margin:0px;
	padding:0px;
	overflow-x:hidden;
}
.bg {
	background-image:url(images/bg.jpg);
	background-size:cover;
	background-attachment:fixed;
	background-repeat:no-repeat;
}

.googlefont {
font-family: "Beyond Sky", "Gyrfalcon Condensed Italic";
font-size:50px;
font-style:oblique;
color:#000;
font-weight:600;
	padding: 15px 0px 0px 0px;
}

.matter {
font-family:Poppins, "Poppins Black", "Poppins ExtraBold", "Poppins ExtraLight", "Poppins Light", "Poppins Medium", "Poppins SemiBold", "Poppins Thin";
	text-align:justify;
	font-size:17px;
	color:#000000;
	padding-bottom:10px;
	padding-right:10px;
	padding-top:10px;
}

.red-bg {
background-color:#cda367;
display:inline-block;
	padding: 6px;
}

.logocolor {
color:#cda367;
}

.menu-bg {
	background-color: #113675;
	display:inline-block;
}

.red {
color:#ed1c24;
}


.white {
color:#fff;
}

.join_gradient
{
Background-image: linear-gradient(#fff, #cda367);
}

.column1 {
  width: 33.33%;
 margin: 33.33px;
}


.home-page-contact{
	font-family:Tahoma, Geneva, sans-serif;
	text-align:center;
	font-size:21px;
	color:#373a41;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
}

.shape-shift {
  transition: border-radius 0.3s ease;
  width: 550px;
  height: 550px;
  position: relative;
  overflow: hidden;
}

.shape-shift img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.shape-shift:hover {
  border-radius: 50%;
}

.border-image {
  transition: border 0.3s ease;
}

.border-image:hover {
  border: 5px solid rgba(255, 165, 0, 0.7);
}

.shadow-image {
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}

.shadow-image:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.border-image {
  transition: border 0.3s ease;
}

.border-image:hover {
  border: 5px solid rgba(255, 165, 0, 0.7);
}

.grayscale-image {
  filter: grayscale(100%);

  transition: filter 0.3s ease;
}

.grayscale-image:hover {
  filter: grayscale(0%);
}

.card-class {
  transition: box-shadow 0.3s;
}

.card-class:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}