body {
	background-color:#F9FAFB !important;
	font-family: "Outfit", sans-serif;
	font-optical-sizing: auto;
	font-weight:normal;
	font-style: normal;
}
.amita-regular {
  font-family: "Amita", serif;
  font-weight: 400;
  font-style: normal;
}

.amita-bold {
  font-family: "Amita", serif;
  font-weight: 700;
  font-style: normal;
}
header {
	background-color:#FFF;
}
.menubar {
	margin-left: auto !important;
	margin-right:0 !important;
	flex-grow:0 !important;
}
.nav-link{
	font-weight: 400;
}
a.nav-link:hover{
	color: #4338CA;
	background-color:#EEF2FF;
}
.hero{
	background-color:#EEF2FF;
	text-align:center;
	padding:80px 0;
}
.hero h1{
	color:#1F2937;
	font-size:4.5rem;
	line-height:5.875rem;
}
.hero h2{
	color:#3730A3;
	font-size:4.5rem;
	line-height:5.875rem;
}
.hero p {
	color:#374151;
	text-align:center;
	max-width:800px;
	margin:0 auto;
	font-size:1.125rem;
	line-height:1.688rem;
}
h1, h2, h3{
	font-family: "Libre Baskerville", serif;
	font-optical-sizing: auto;
	font-weight: bold;
	font-style: normal;
}
h1{
	font-size:3.75rem;
	line-height:4.875rem;
}
h2{
	font-size:3rem;
	line-height:3.9rem;
}
h3{
	font-size:2.438rem;
	line-height:3.563rem;
	color:#1F2937;
}
p{
	font-size:1.125rem;
	line-height:1.688rem;
	font-weight:normal;
	color:#4B5563;
}
.navbar-brand {
	display:flex;
	justify-content:center;
	font-size:1.5rem;
}
.logomark {
	padding-left:8px;
}
.works, .strategy, .services, .experience, .testimonials, .about {
	padding-top:10rem;
	padding-bottom:10rem;
}
.footer {
	padding-bottom: 24px;
	background-color: #4338CA;
}
.text-body-secondary {
	color: #EEF2FF !important;
}
.services, .strategy {
	background-color: #EEF2FF;
}
.btn-primary {
	background-color:#4F46E5;
	border-color:#4338CA;
}
.btn-primary:hover {
	background-color:#6366F1;
	border-color:#4F46E5;
}
.btn-primary:active  {
	background-color:#4F46E5 !important;
	border-color:#4338CA !important;
}
.btn-primary.focus  {
	background-color:#4F46E5 !important;
	border-color:#4338CA !important;
}

.btn-secondary {
	background-color:#6366F1;
	border-color:#4F46E5;
}
.btn-secondary:hover {
	background-color:#818CF8;
	border-color:#6366F1;
}
.btn-secondary:active  {
	background-color:#4F46E5 !important;
	border-color:#4338CA !important;
}
.btn-secondary.focus  {
	background-color:#4F46E5 !important;
	border-color:#4338CA !important;
}
.btn-outline-primary {
  color:#4F46E5;
  border-color:#4338CA;
}
.btn-outline-primary:hover {
  color:#EEF2FF;
  background-color:#6366F1;
  border-color:#4F46E5;
}
.btn-outline-primary:active {
  color:#EEF2FF;
  background-color:#4F46E5 !important;
  border-color:#4338CA !important;
}
.eyebrow {
	color:#6B7280;
	text-transform:uppercase;
	margin-bottom:0 !important;
	font-size:0.875rem !important;
}
.thumbnail {
	padding:48px 48px 0 48px;
	border-radius:8px;
}
.thumbnail img {
	display: block;
	margin: auto;
	width: 50%;
}
.primary50{
	background-color:#EEF2FF;
}
.secondary50{
	background-color: #FEF0F7;
}
.secondary100{
	background-color:#FDE1EF;
}
.calltoaction{
	display: flex;
	justify-content: center;
}
.cta {
	margin-left: auto;
	margin-right: auto;
	list-style:none;
	padding-left:0;
}
.cta li {
	padding:0 8px;
	display:inline-flex;
}
.card {
	background-color: #FFF;
	border:none;
	border-radius: 8px;
}
.card h3{
	color: #D1D5DB;
}
.card h5{
	color: #1F2937;
}
.card p, .card ul li{
	color: #4B5563;
	font-size: 0.875rem;
	line-height: 1.5rem;
}
.badge {
	font-size: 0.75rem;
	line-height: 1.063rem;
	font-weight: normal;
	padding: 4px 8px;
}
.badge-primary{
	background-color: #E0E7FF;
	color: #4338CA;
}
.badge-secondary{
	background-color: #F9FAFB;
	color: #6B7280;
}
.caption{
	font-size: 0.75rem;
	line-height: 1.063rem;
	font-weight: normal;
}