@import url('https://fonts.googleapis.com/css2?family=Oswald&family=Work+Sans:wght@400;500;600;700&display=swap');


/************************************/
:root {
	--minColWidth: 15rem;
	--blue: #2F5597;
	--white: #fff;
	--black: #000;
	--text-color: #262626;
	--short-desc-color: #646464;
	--gray-bg: #f5f5f5;
	--footer-bg: #293954;
	--copyright-bg: #202F47;

	--work-sans: 'Work Sans', sans-serif;
	--oswald: 'Oswald', sans-serif;
}


input[type=text], input[type=email], input[type=select],input[type=textarea], input[type=button] {
-webkit-appearance: none;
-webkit-border-radius: 0;
}
[type="button"], [type="reset"], [type="submit"], button {
	-webkit-appearance: none !important;
	-webkit-border-radius: 0 !important;
	}

/************************************/
* {box-sizing: border-box;}
img, object, iframe {max-width: 100%}
a, a:hover {text-decoration: none; outline: 0}
a {}
a:hover {}
/*:focus {outline: 0 !important}*/

/************************************/

img, iframe, object {max-width: 100%}

/*html {font-size: 62.5%}*/
body {font-size: 18px; line-height: 28px; overflow-x: hidden; font-family: var(--work-sans); }

p {margin-bottom: 12px; color: var(--text-color);}		
/*p, li, h1, h2, h3, h4 { word-break: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin-top: 0;}*/
		
h1,.h1, h2,.h2, h3,.h3, h4,.h4 {line-height: calc(2px + 2ex + 2px);  margin-bottom: 15px;}
ul{margin: 0; padding: 0;}	
ul li{line-height: 35px;}	
a{color: var(--black); transition: 0.3s ease-in;}
a:hover, a:active, a:focus{color: var(--blue); transition: 0.3s ease-in;}

.container { width:100%; max-width: 1300px !important;}

/* Top Header */
.top-header{ padding: 2px 0; background-color: var(--white); display: flex; border-top: 2px solid var(--blue);}
.top_contactinfo{float: right;}
.top_contactinfo ul, .top_contactinfo ul li, .top_contactinfo ul a{display: inline-block; color: var(--white); font-size: 16px;}
.mr-8{margin-right: 8px;}
.top_contactinfo i{font-size: 21px; vertical-align: middle;}
.top_contactinfo ul li{padding: 0 10px; background-color: #903; vertical-align: middle; color: #fff; border-radius: 3px;}

/*Menu Section*/
.menu-section{width: 100%; background-color: #4397d2; padding: 8px 0;}
.menu{padding: 0; width: 100%;}
.menu .navbar-nav.mr-auto {display: inline-block; width: 100%; text-align: center;}
.menu .nav-item{display: inline-block;}
.menu ul li{line-height: inherit;}
.menu ul li a{font-size: 16px; color: var(--white); transition: 0.3s ease-in;}
.menu ul li a:hover{color: #990033; transition: 0.3s ease-in;}

/* slider section */
/*.slider-section{float: left; width: 100%;}*/
.slider-section .carousel-control-prev-icon{background-image: url('../images/left-arrow.png');}
.slider-section .carousel-control-next-icon{background-image: url('../images/right-arrow.png');}
.slider-section .carousel-control-next-icon, .carousel-control-prev-icon{width: 25px; height: 40px;}
.slider-section .carousel-indicators li{height: 15px; width: 15px; border-radius: 100%}
.slider-section .carousel-indicators .active{background-color: var(--blue); opacity: 1;}
.slider-section .carousel-indicators li{background-color: #CECECE;}
.slider-section .carousel-indicators {margin-bottom: 0;}
.slider-caption{background: rgba(255, 255, 255, 0.7); margin-bottom: 20px; border-top: 5px solid var(--blue); text-align: center; padding: 20px 0;}
.top-heading{font-weight: 700; font-size: 45px; color: var(--black);}
.top-sub-heading{font-family: var(--oswald); font-size: 30px; color: var(--black);}

/* About section */
.aboutus-section{background-color: var(--white);}
.padding-section{ padding: 60px 0;}
.main-heading{font-size: 40px; font-weight: 700; color: var(--black); text-align: center; text-transform: capitalize;}
.seperator{border: 2px solid var(--blue); max-width: 78px; width: 100%; margin: 0 auto;}
.mr-b{margin-bottom: 25px;}
.center{text-align: center;}
.short-desc{color: var(--short-desc-color); margin-bottom: 30px; display: inline-block; width: 100%;}
.i_btn{display: inline-block; padding: 10px 30px; background-color: var(--blue); color: var(--white); text-align: center; font-size: 20px; border: 2px solid var(--blue); margin-top: 20px; transition: 0.3s ease-in;}
.i_btn:hover, .i_btn:active, .i_btn:focus{border: 2px solid var(--blue); color: var(--blue); background-color: var(--white); transition: 0.3s ease-in;}

/* product section */
.product-section{background-color: var(--gray-bg); text-align: center;}
.product-grid { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr;grid-template-rows: 1fr; gap: 15px 15px; grid-template-areas: ". . . ."; margin-bottom: 20px;}
.product-name{font-size: 21px; color: var(--black); margin-top: 20px; display: inline-block; width: 100%; font-weight: 500;}

/* manufacturing services */
.services-section{text-align: center;}
.service-desc{margin-top: 30px; display: inline-block; width: 100%;}

/* Tags */
.tags-section{padding: 20px 0; float: left; width: 100%; background-color: #233048; text-align: center;}
.tags-section .btn-light{font-size: 12px; background-color: rgba(255, 255, 255, 0.10); border-color: rgba(255, 255, 255, 0.10); color:  rgba(255, 255, 255, 0.3); margin: 3px 0;}


/* footer */
footer{background-color: var(--footer-bg); text-align: center;}
.footer-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr; gap: 15px 15px; grid-template-areas:  ". . .";}
.footer-heading{font-size: 28px; font-weight: 600; color: var(--white); margin-bottom: 20px; display: inline-block; width: 100%;}
.footer-text-color, .footer-section a{color: #CCCCCC;}
.footer-text{line-height: 35px;}
.logo-text{font-size: 21px; margin-bottom: 20px;}
.footer-section ul li{list-style: none; padding: 8px 0; border-bottom: 2px solid #3D495D;}
.footer-section a:hover{color: var(--white);}

/* copyright */
.copyright{ text-align: center; padding: 8px 0; background-color: var(--copyright-bg); font-size: 16px; padding-left: 15px; padding-right: 15px;}


/*------------------------------
		  Inner Pages
------------------------------*/
/* About */
.banner-section{position: relative; background-image: url('../images/slider3.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat; height: 350px;}
.banner-text {text-align: center; padding: 20px 0; background: rgba(255, 255, 255, 0.6); border-top: 3px solid var(--blue); position: absolute;  bottom: 25px; left: 18%; right: 16%;}
.gray-bg{background-color: var(--gray-bg);}
.imp_para{background-color: var(--blue); color: var(--white); padding: 30px 0;}
.white{color: var(--white);}

/* Product */
.product { margin-bottom: 20px; position: relative;}
.product img{position: relative;}
.img-overlay{position: absolute; left: 7px; right: 7px; bottom: 7px; background: rgba(0, 0, 0, 0.6);}
.img-overlay p{margin: 0; padding: 10px 0; color: var(--white);}

/* manufacturing services */
.trial-mgnt { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr; gap: 25px 25px; grid-template-areas:  ". .";}
.padding-section h3{line-height: 40px;}

/* Contact */
.btn-links li{display: inline-block; list-style: none; padding: 10px 20px; background-color: #990134; margin: 0 5px;}
.btn-links li a{color: var(--white); transition: 0.3s ease-in;}
.btn-links li a:active, .btn-links li a:hover, .btn-links li a:focus{color: var(--blue); transition: 0.3s ease-in;}
.contact_form{padding: 30px; text-align: left;}
.contact_form input, .contact_form textarea{width: 100%; border: 1px solid #ddd; padding: 5px 8px;}
.contact_form label {font-size: 16px;}
.form-group { width: 100%; float: left;}
.contact_form .text-warning{color: red !important;}

.contact-heading{font-size: 32px; color: var(--black); line-height: 45px;}
.give-call { margin: 28px 0;}
.call-icon { float: left; margin-bottom: 10px; vertical-align: middle; width: 50px; height: 50px; line-height: 50px; border: 1px solid #990134; text-align: center; border-radius: 100%; margin-right: 15px;}
.call-icon i { font-size: 22px; color: #990134; line-height: 50px;}
.call-details p { margin-bottom: 0;}
.call-details h5 { font-size: 24px;}
.contact-subheading{margin-bottom: 70px;}


/****************** MAX ******************/

@media(max-width:1600px){
	.contact-heading{font-size: 28px; line-height: 40px;}
	.call-details h5 { font-size: 22px;}
}

@media(max-width:1280px){
		.menu ul li a{font-size: 15px; }
}


@media(max-width:1200px){
	.menu ul li a{font-size: 14px; }
	.nav-link{padding: 6px !important;}
	.contact-heading{font-size: 26px; line-height: 38px;}
	.call-details h5 { font-size: 20px;}
	.contact-subheading{margin-bottom: 60px;}
	.padding-section h3{line-height: 32px;}
}

@media(max-width:1100px){
	.nav-link{padding: 4px !important; }
	.main-heading{font-size: 36px;}
	.i_btn{font-size: 18px; padding: 12px 26px;}
	p,a, ul li{font-size: 16px;}
	.product-name{font-size: 18px;}
	ul li{line-height: 30px;}	
	.footer-heading{font-size: 26px; margin-bottom: 18px;}
}

@media(max-width:1080px){
	.menu ul li a{font-size: 13px; }
	.top_contactinfo ul li{padding: 3px 8px;}
}

@media (max-width: 991px) { 
	.menu .navbar-toggler-icon{background-image: url('../images/menu.png'); background-position: center; background-repeat: no-repeat; background-size: contain;}
	.menu ul{display: flex;}
	.menu .nav-item{display: block; border-bottom: 1px dashed #ddd;}
	.menu .nav-link{padding: 8px !important;}
	.menu .navbar-toggler{background-color: var(--blue);}
	.menu .navbar-nav.mr-auto{text-align: center; background-color: #f5f5f5;}
	.menu-section{padding: 4px 0;}
	.main-heading{font-size: 28px; font-weight: 500;}
	.mr-b{margin-bottom: 20px;}
	.short-desc{margin-bottom: 26px;}
	.i_btn{font-size: 16px; padding: 10px 24px; margin-top: 8px;}
	.padding-section{padding: 40px 0;}
	.aboutus-section{text-align: center;}
	.img-section{margin-bottom: 10px;}
	.product-name{font-size: 16px;}
	.product-grid {grid-template-columns: 1fr 1fr;; grid-template-areas:  ". .";}
	ul li{line-height: 26px;}	
	.service-desc{margin-top: 20px;}
	.footer-heading{font-size: 24px;}
	.footer-text{line-height: 28px;}
	.logo-text{font-size: 18px; margin-bottom: 16px;}
	.footer-section ul li{padding: 6px 0;}
	.copyright{padding:6px 0; font-size: 14px;}
	.top-heading{ font-size: 38px; }
	.top-sub-heading{ font-size: 24px;}
	.banner-section{height: 300px;}
	.banner-text{padding: 18px;}
	.imp_para{padding: 20px 0;}
	.contact_form label {font-size: 15px;}
	.menu{text-align: center;}
	.trial-mgnt {grid-template-columns: 1fr; grid-template-rows: 1fr; grid-template-areas: "."; gap: 15px 15px;}
	.contact-heading{font-size: 24px; line-height: 36px;}
	.call-details h5 { font-size: 18px;}
	.contact-subheading{margin-bottom: 40px;}
	.text-right{margin-left: 0px;}
	.contact_form .form-group{margin-bottom: 20px;}
	.red-hr{margin-bottom: 15px !important;}
	.contact-info-form .form-group { margin-bottom: 12px;}
	.contact_form label { font-size: 14px;}
	h3{font-size: 21px;}
	.product img{width: 100%;}
	.padding-section h3{line-height: 28px;}
}

@media(max-width: 767px){
	p,a, ul li{font-size: 14px; }
	ul li{line-height: 22px;}	
	body{line-height: 22px;}
	.menu .nav-link{padding: 5px !important;}
	.menu-section{padding: 2px 0;}
	.main-heading{font-size: 24px;}
	.mr-b{margin-bottom: 15px;}
	.short-desc{margin-bottom: 21px;}
	.padding-section{padding: 30px 0;}
	.service-desc{margin-top: 10px;}
	.footer-heading{font-size: 21px;}
	.footer-text{line-height: 22px;}
	.logo-text{font-size: 16px; margin-bottom: 14px;}
	.footer-section ul li{padding: 4px 0;}
	.footer-grid { grid-template-columns: 1fr; grid-template-areas:".";}
	.footer-heading{margin-bottom: 10px;}
	.copyright{font-size: 13px;}
	.top-heading{ font-size: 32px; }
	.top-sub-heading{ font-size: 21px;}
	.banner-section{height: 250px;}
	.banner-text{padding: 15px 0;}
	.imp_para{padding: 15px 0;}
	.product { margin-bottom: 10px;}
	.contact_form label {font-size: 14px;}
	.top-header{text-align: center;}
	.top_contactinfo{float: none;}
	.top_contactinfo.mt-4{margin-top: 10px !important; margin-bottom: 10px;}
	.menu ul li a{font-size: 14px;}
	.contact-heading{font-size: 21px; line-height: 30px;}
	.call-details h5 { font-size: 16px;}
	.contact-subheading{margin-bottom: 30px;}
	.padding-section h3{line-height: 25px;}
	.tags-section .btn-light{font-size: 10px;}
	.contact_form .form-group { margin-bottom: 10px;}
	.contact_form{padding: 20px;}
}

@media(max-width: 575px){
	.top_contactinfo ul, .top_contactinfo ul li, .top_contactinfo ul a{font-size: 14px;}
	.top_contactinfo i{font-size: 18px;}
	.mr-8{margin-right: 6px;}
	.top_contactinfo ul li{padding: 5px 8px;}
	.menu .nav-link{padding: 3px !important;}
	.menu .navbar-brand {margin-right: 0; width: 60%;}
	.short-desc{margin-bottom: 16px;}
	.i_btn{font-size: 14px; padding: 12px 20px;}
	.padding-section{padding: 25px 0;}
	.product-name{font-size: 14px;}
	.top-heading{ font-size: 28px; margin: 0;}
	.top-sub-heading{ font-size: 18px;}
	.banner-section{height: 200px;}
	.banner-text{padding: 12px 0;}
	.imp_para{padding: 12px 0;}
	.btn-links li{margin: 5px 0;}
	.contact-heading{font-size: 18px; line-height: 22px;}
	.call-details h5 { font-size: 14px;}
	h3{font-size: 18px;}
	.banner-text{left: 5%; right: 5%;}
}

@media(max-width: 480px){
	.top_contactinfo{float: none; text-align: center;}
	.footer-text{line-height: 20px;}
	h3{font-size: 16px;}
	.form-group .marg-lhtop a{width: 100%; display: inline-block; font-size: 12px;}
	small{font-size: 12px;}
	.banner-text{left: 3%; right: 3%;}
}

/****************** MIN ******************/

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { 
}
/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
}
/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 
}