/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&family=Roboto&display=swap');

html {
	font-size: 16px;
}

body {
	color: #212121;
}

ul.mainMenu {
	margin-top: 34px;
}

ul.mainMenu li {
	list-style: none;
	float: left;
	clear: none;
	margin-left: 65px;
}

ul.mainMenu li a {
	color: #212121;
	font-family: 'Poppins', sans-serif;
	font-size: 1rem;
	text-decoration: none;
}

ul.mainMenu li a:hover, ul.mainMenu li a.active {
	text-decoration: underline;
	text-decoration-color: #464285;
	text-decoration-style: dashed;
	text-underline-offset: 10px;
	text-decoration-thickness: 0.10rem;
}

.mobileMenu {
	margin-top: 30px;
	padding: 10px;
	background-color: #464285;
}

.mobileMenu a {
	color: #ffeb34;
}

#mobileMenu .modal-content {
	background-color: rgba(70,66,133,0.9);
	height: 98vh;
}

#mobileMenu .modal-content a.btn-close {
	background-color: #ffeb34;
	color: #464285;
	opacity: 1;
}

#mobileMenu ul li {
	list-style: none;
	text-align: center;
	margin-top: 30px;
}

#mobileMenu ul li a {
	text-decoration: none;
	color: #ffeb34;
	font-family: 'Poppins', sans-serif;
	font-size: 1rem;
}

#mobileMenu ul li a:hover, #mobileMenu ul li a.active {
	text-decoration: underline;
	text-decoration-color: #ffeb34;
	text-decoration-style: dashed;
	text-underline-offset: 10px;
	text-decoration-thickness: 0.10rem;
}

.bannerBg {
	background-color: #e1e2db;
	background-image: url("../images/banner-img.png");
	background-repeat: no-repeat;
	background-position: center right;
	min-height: 667px;
}

@media only screen and (max-width: 1016px) {
	.bannerBg {
		background-size: cover;
	}
}

.bannerBigText {
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
	font-size: 3.75rem;
	color: #464285;
	line-height: 5rem;
	margin-top: 10rem;
}

.bannerBg p, p, p.lh34 {
	font-family: 'Roboto', sans-serif;
	font-size: 1rem;
	line-height: 2.125rem;
}

.btnBanner {
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size: 1.375rem;
	padding: 0.875rem 1.5rem;
	border-radius: 0.3125rem;
	border: 0.125rem solid #464285;
}

h1 {
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
	font-size: 2.813rem;
	line-height: 3.25rem;
	color: #464285;
}

.btnBlue, .btnBlueSmall {
	background-color: #464285;
	color: #ffeb34;
	font-family: 'Poppins', sans-serif;
	font-size: 1.125rem;
	padding: 0.75rem 1rem;
}

.btnBlue:hover, .btnBlueSmall:hover {
	color: #ffffff;
}

.btnBlue:active, .btnBlueSmall:active {
	opacity: 0.9;
}

.btnBlueSmall {
	font-size: 1rem;
}

.lightBlueBg {
	background-color: rgba(70,66,133,0.1);
	padding-top: 6.25rem;
	padding-bottom: 6.25rem;
}

h3 {
	font-family: 'Poppins', sans-serif;
	font-size: 1.375rem;
	font-weight: 500;
}

p {
	line-height: 1.875rem;
}

h2 {
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
	font-size: 2.188rem;
}

.shadowBorder {
	box-shadow: 0px 3px 3px 0px #efefef;
}

.card-title {
	font-family: 'Roboto', sans-serif;
	font-size: 1.25rem;
	font-weight: 400;
	color: #212121;
}

.card-text {
	font-family: 'Roboto', sans-serif;
	font-size: 1rem;
	line-height: 1.313rem;
	font-weight: 400;
	color: #212121;
}

.slider::-webkit-scrollbar {
	display: none;
}

.slider {
	-ms-overflow-style: none;
	scrollbar-width: none;
	width: 90vw;
	max-width: 1300px;
	overflow-x: auto;
	scroll-behavior: smooth;
}

.slider .card-title {
	text-transform: uppercase;
}

.slider .card-text {
	font-size: 0.875rem;
}

button#prev, button#next {
	background-color: #464285;
	border: none;
	border-radius: 5px;
	padding: 3px 18px;
	font-size: 1.5rem;
	color: #ffffff;
}

.ourCultureBg {
	background-color: transparent;
	background-image: url("../images/ourCultureBg.png");
	background-repeat: no-repeat;
	background-position: center left;
	min-height: 522px;
	margin-top: 100px;
	margin-bottom: 100px;
	padding-top: 100px;
	padding-bottom: 100px;
}

@media only screen and (max-width: 522px) {
	.ourCultureBg {
		background-size: cover;
	}
}

.blueBg {
	background-color: #464285;
	padding-top: 65px;
	padding-bottom: 75px;
	margin-top: 100px;
	color: #ffffff;
}

.blueBg .form-control {
	background-color: transparent;
	padding: 12px 10px;
	color: #ffffff;
}

.blueBg .form-control::placeholder {
	color: #ffffff;
	opacity: 0.8;
}

.btnYellow {
	background-color: #ffeb34;
	font-family: 'Poppins', sans-serif;
	font-size: 1.25rem;
	font-weight: 500;
	padding: 15px 20px;
}

.footerBg {
	background-color: #18154a;
	padding-top: 70px;
	padding-bottom: 20px;
	color: #ffffff;
	font-family: 'Poppins', sans-serif;
}

.footerCompName {
	font-size: 1.563rem;
	font-weight: 700;
}

.footerHeadSmall {
	font-size: 1.25rem;
	font-weight: 700;
}

.footerBg a {
	color: #ffffff;
	text-decoration: none;
}

.footerBg a:hover, .footerBg a:active {
	color: #ffeb34;
}

.bannerBgInner {
	background-color: #e1e2db;
}

.ourCultureBgInner {
	background-color: rgba(70,66,133,0.1);
	background-image: url("../images/ourCultureBg.png");
	background-repeat: no-repeat;
	background-position: center left;
	min-height: 522px;
	margin-top: 100px;
	margin-bottom: 100px;
	padding-top: 100px;
	padding-bottom: 100px;
}

@media only screen and (max-width: 522px) {
	.ourCultureBgInner {
		background-size: cover;
	}
}

.pharmaLabBgImg {
	background-image: url("../images/pharma-lab-2-img.png");
}

.addressLink {
	color: #212121;
	text-decoration: none;
}