header {
	position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    transition: .2s all ease-out;
}
header .main-logo {
	display: none;
}
header.fixed_header {
	background:#fff;
	box-shadow: 3px 3px 30px rgba(0,0,0,0.2);
}
header.fixed_header .main-logo {
	display: block;
}
header.fixed_header .secondry-logo {
	display: none;
}

.header-nav {
    position: relative;
    padding: .5rem 0;
    z-index: 9;
}
.header-nav .navbar-brand {
    color: #fff;
    outline: 0;
}
.header-nav .navbar-brand:hover {
    color: #fff;
}
.header-nav .navbar-brand .logo {
	max-width: 150px;
}
.header-nav .sign-in-btn {
    background: var(--secondarycolor);
    border: 0;
    color: #fff;
    display: inline-flex;
    align-items: center;
    padding: 0.25rem .75rem;
	border-radius: 0.25rem;
    text-decoration: none;
	}
.header-nav .sign-in-btn svg {
	width: 28px;
    height: 28px;
    margin-right: 0.25rem;
    display: none;
}
.header-nav .navbar-collapse {
    flex-grow: initial;
}
.header-nav .navbar-nav .nav-item {
	margin: 0 0.25rem;
}
.header-nav .navbar-nav .nav-item .nav-link {
	color: #fff;
	text-transform: uppercase;
}

.fixed_header .header-nav .navbar-nav .nav-item .nav-link {
	color: #000;
}

.register-link {
	background: var(--secondarycolor);
    border: 0;
    color: var(--bs-dark);
    display: inline-flex;
    align-items: center;
	padding: 0.325rem 1rem;
    border-radius: 0.25rem;
    text-decoration: none;
	text-transform: uppercase;
}
.register-link:hover {
	color: #fff;
}

@media (max-width: 1399px) {
	.header-nav .navbar-nav .nav-item .nav-link {
		font-size: .875rem;
		padding-right: 0.2rem;
		padding-left: 0.2rem;
	}
}
@media (max-width: 1199px) {
	.header-nav .navbar-nav .nav-item .nav-link {
		font-size: .8rem;
	}
	.header-nav .dropdown-item { font-size: .8rem; }
	.header-nav .sign-in-btn {
		padding: 0.25rem 0.5rem;
	}
}
@media (min-width: 992px) {
	.header-nav .navbar-nav .nav-item:hover .dropdown-menu {
		display: block;
	}
}
@media (max-width: 991px) {
	.header-nav {
		background: rgba(var(--primary-color));
		padding: 0.5rem 0;
	}
	.header-nav .navbar-brand {
	    order: 2;
	    color: #000;
		margin-right: 0;
	}
	.header-nav .navbar-toggler {
		order: 1;
		box-shadow: none;
    	border: 0;
    	height: 30px;
		padding-left: 0;
        padding-right: 0;
	}
	.header-nav .navbar-toggler .toggler-icon {
		display: block;
		width: 27px;
		height: 3px;
		margin-bottom: 5px;
		position: relative;
		background: #000;
		border-radius: 3px;
		z-index: 1;
		transition-duration: 0.5s;
	}
	.header-nav .navbar-toggler .toggler-icon::before {
		transition-duration: 0.5s;
		position: absolute;
		width: 27px;
		height: 3px;
		background-color: #000;
		content: "";
		top: -8px;
		left: 0;
	}
	.header-nav .navbar-toggler .toggler-icon::after {
		transition-duration: 0.5s;
		position: absolute;
		width: 27px;
		height: 3px;
		background-color: #000;
		content: "";
		top: 8px;
		left: 0;
	}
	.clear_header .header-nav .navbar-toggler .toggler-icon, 
	.clear_header .header-nav .navbar-toggler .toggler-icon::before, 
	.clear_header .header-nav .navbar-toggler .toggler-icon::after {
		background-color: #fff;
	}

	.header-nav .navbar-toggler[aria-expanded="true"] .toggler-icon {
		background: transparent;
	}
	.header-nav .navbar-toggler[aria-expanded="true"] .toggler-icon::before {
		transform: rotateZ(45deg) scaleX(1) translate(3px, 8px);
	}
	.header-nav .navbar-toggler[aria-expanded="true"] .toggler-icon::after {
		transform: rotateZ(-45deg) scaleX(1) translate(3px, -8px);
	}

	.header-nav .navbar-nav .nav-item .nav-link.dropdown-toggle::after {
		position: absolute;
		right: 0;
		top: 1rem;
	}
	.header-nav .navbar-nav .nav-item.dropdown .dropdown-toggle.show::after {
		border-right: 0.3em solid transparent;
		border-top: 0;
		border-left: 0.3em solid transparent;
		border-bottom: 0.3em solid;
	}

	.sign-in-nav {
	    order: 3;
	}
	.header-nav .sign-in-btn {
		color: #000;
		padding: 0.5rem 1rem;
	}
	.header-nav .sign-in-btn svg {
		display: inline-block;
	}
	.header-nav .sign-in-btn svg path, .header-nav .sign-in-btn svg circle {
		stroke: #fff;
	}
	.header-nav .sign-in-btn span {
		display: none;
	}
	.header-nav .navbar-collapse {
		flex-grow: initial;
	    position: absolute;
	    top: 100%;
	    background: #000;
	    width: 100%;
	    left: -100%;
	    padding: 0.5rem 1rem;
	    transition: .3s all ease-out;
	    height: calc(100vh - 72px) !important;
	    overflow-y: auto;
	}
	.header-nav .navbar-collapse.show {
		left: 0;
    	width: 270px;
	}

	.fixed_header .header-nav .navbar-nav .nav-item .nav-link {
	    color: #fff;
	}

	.header-nav .register {
		order: 3;
	}
}

/* start team css */
.profile-card {
  position: relative;
  z-index: 1;
  display: block;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  margin-bottom: 1rem;
  padding: 1.75rem 1.25rem;
  text-align: center;
  margin-bottom: 1.5rem;
  min-height: 270px;
}
.profile-card:hover {
  -webkit-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.2);
}
.profile-card figure {
  display: inline-flex;
  width: 96px;
  height: 96px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid var(--maincolor);
  padding: 3px;
  justify-content: center;
  align-items: center;
  margin-bottom: .5rem;
}
.profile-card figure img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.profile-card .name {
  font-weight: 500;
}
.profile-card .designation {
  font-size: .875rem;
  font-weight: 500;
}
.profile-card .organisation {
  font-size: .875rem;
}
.profile-card .profile-info {
  padding-left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.profile-card .profile-info li {
  display: inline-flex;
  align-items: flex-start;
}
.profile-card .profile-info li i {
  margin-right: 0.5rem;
  color: var(--maincolor);
}
.profile-card .profile-info li span {
  font-size: .875rem;
  word-break: break-all;
  text-align: left;
}
.profile-media {
  padding-left: 0;
  margin-bottom: 0;
}
.profile-media li {
  display: inline-block;
  text-align: center;
  list-style-type: none;
  margin-right: 0.75rem;
}
.profile-media li:last-child {
  margin-right: 0;
}
.profile-media li a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: var(--maincolor);
  color: #fff;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  font-size: .875rem;
  transition: .2s all ease-out;
}
.profile-media li a.facebook:hover {
  background: #3a559f;
}
.profile-media li a.instagram:hover {
  background: #2f6292;
}
.profile-media li a.twitter:hover {
  background: #4ea6e9;
}
.profile-media li a.linkedin:hover {
  background: #0073b1;
}
/* end team css */