@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;500;600;700;800&display=swap');

* {
	box-sizing: border-box;
}

body {
	font-family: 'Nunito', sans-serif;
	padding: 0px !important;
	margin: 0px !important;
}

header {
	position: fixed;
	float: left;
	background: #fff;
	width: 100%;

	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
	padding: 0px 30px;
	z-index: 999;
}

.main-navbar {
	background: #fff !important;
}

.navbar-brand {
	padding-right: 50px;
	height: 0px;
	padding: 0px;
	margin: 0px;
	float: left;
	width: auto;
	margin-top: -4px;
}

.navbar-brand img {
	width: auto;
}

.nav-ul a {
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	/* identical to box height */
	display: flex;
	align-items: center;
	text-align: center;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: #200E32;

}

.nav-ul a:hover {
	color: #FE1D26;
}

.nav-ul li {

	display: inline-block;
}


.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse ..nav-ul>.active>a:focus,
.navbar-inverse ..nav-ul>.active>a:hover {
	color: #106D7B;
	background-color: #fff;
}

.right-top-header .login-header {
	border: 1px solid #FF1818;
	text-align: center;
	/* padding: 0px 14px;
     */
	width: 100%;
	height: 40px;
	border-radius: 285px;
	width: 89px;
	text-align: center;
	margin: 0px;
	display: flow-root;
	margin-right: 15px;
	color: #FF1818;
}


/* li.dropdown:hover>.dropdown-menu { */
/* display: block; */
/* margin-top: 0px; */
/* } */
/* .dropdown-menu>li>a { */
/* display: block; */
/* padding: 6px 20px; */
/* /* clear: both; */
*/
/* font-weight: 400; */
/* line-height: 1.42857143; */
/* color: #fff; */
/* white-space: nowrap; */
/* font-size: 15px; */
/* text-transform: capitalize; */
/* text-align: left; */
/* } */

/* .dropdown-menu { */
/* position: absolute; */
/* top: 100%; */
/* left: 0; */
/* z-index: 1000; */
/* display: none; */
/* float: left; */
/* min-width: 160px; */
/* padding: 10px 0; */
/* margin: 5px 0 0; */
/* font-size: 14px; */
/* text-align: left; */
/* list-style: none; */
/* background-color: #106d7b; */
/* -webkit-background-clip: padding-box; */
/* background-clip: padding-box; */
/* border: 1px solid #ccc; */
/* border: 0px solid rgba(0, 0, 0, .15); */
/* border-radius: 0px; */
/* -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%); */
/* box-shadow: 0 0px 0px rgb(0 0 0 / 18%); */

/* } */


/*=================================  Header Css ==================================*/

nav.navbar {
	background-color: #ff1f00;
	margin-bottom: 0px;
	transition: 0.3s all ease;
	border-radius: 0px;
	min-height: 45px;
	padding-left: 10%;
}

.headernav .navbar-nav>li>a {
	color: white;
	padding: 0px 10px;
	margin: 0px 20px;
	font-size: 18px;
}

.headernav .navbar-nav>li+li>a {
	padding: 0px 10px;
	margin: 0px 20px;
	font-size: 18px;
}

.headernav .nav>li>a:focus,
.headernav .nav>li>a:hover {
	text-decoration: none;
	background-color: #efefef;
	color: #106D7B;
}

.navbar-nav a .active {
	float: left;
	background: #f0f0f0;
	color: #106D7B;
}

.right-header-contact-info {
	float: right;
}

.navbar {
	position: relative;
	margin-bottom: 0px;
	border: 1px solid transparent;
	background: transparent;
}

.navbar-default .navbar-brand {
	color: #777;
	padding: 15px;
}

.navbar-nav {
	float: left;
	margin: 0;
}

.nav-ul li a {

	padding: 20px 15px 20px 15px;
	margin: 0px 0px;
	font-size: 18px;
	text-align: center;
	float: left;
	color: #000;
	text-transform: capitalize;
	font-size: 16px;
	font-weight: 700;
	padding: 30px 15px;
	line-height: 16px;
	margin-bottom: 0px;
	;
}

.nav-ul {
	list-style: none;
	margin: 0;
	padding: 0px 0px 0px 0px;
}

.nav-ul li {
	display: inline-block;
	float: left;
}

.navbar-collapse .menu-bar .nav-ul li a.current {
	color: #171515;
	background: rgb(231, 208, 167);
	width: 100%;
}

.nav-ul>li>a:focus,
.nav-ul>li>a:hover {
	text-decoration: none;
	background: none !important;
	color: #106D7B;
}

.navbar-collapse .menu-bar .nav-ul li a.current {
	text-decoration: none;
	background: none !important;
	color: #106D7B;
}

.dropdown-menu>li>a {
    padding: 4px 20px;
    clear: both;
    font-weight: 400;
    white-space: nowrap;
    width: 100%;
    margin: 0px 0px;
    font-size: 15px;
    color: #fff !important;
    text-align: left;
    padding: 10px 20px;
    background-color: #106d7b !important;
}

.dropdown-menu li {
	display: block;
	/* float: left; */
	width: 100%;
	text-align: left;
}

.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 0px 0;
	margin: 0px 0 0;
	font-size: 14px;
	text-align: left;
	list-style: none;
	background-color: #106D7B;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 0px solid rgba(0, 0, 0, .15);
	border-radius: 0px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 0px 0px rgba(0, 0, 0, .175);
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #106D7B !important;
    text-decoration: none;
    background-color: #fff !important;
}
.caret-up {
	width: 0;
	height: 0;
	border-left: 6px solid rgba(0, 0, 0, 0);
	border-right: 6px solid rgba(0, 0, 0, 0);
	border-bottom: 6px solid;
	display: inline-block;
	margin-left: 3px;
	vertical-align: middle;
}

.caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 3px;
	vertical-align: middle;
	border-top: 6px dashed;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
}

.navbar-default .navbar-nav>li.dropdown:hover>a,
.navbar-default .navbar-nav>li.dropdown:hover>a:hover,
.navbar-default .navbar-nav>li.dropdown:hover>a:focus {
	background-color: rgb(231, 231, 231);
	color: rgb(85, 85, 85);
}

li.dropdown:hover>.dropdown-menu {
    display: block;
    background: #106d7b;
    float: left;
}

.navbar-default .nav-ul .active a,
.navbar-default .nav-ul .active>a:focus,
.navbar-default .nav-ul.active>a:hover {
	color: #106D7B;
	background-color: #fff;
}

/*===========================   Header Css End ===================================*/

.carousel-indicators li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 1px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #000\9;
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid #fff;
	border-radius: 10px;
	display: none;
}

.banner-section {
	height: auto;
	float: left;
	width: 100%;
	padding-top: 80px;


}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img {
	line-height: 1;
	width: 100%;

}


.carousel-control.left {
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
	background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
	background-image: linear-gradient(to right, rgba(0, 0, 0, .0) 0, rgba(0, 0, 0, .0001) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
	background-repeat: repeat-x;
}

.carousel-control.right {
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
	background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
	background-image: linear-gradient(to right, rgba(0, 0, 0, .0) 0, rgba(0, 0, 0, .0001) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
	background-repeat: repeat-x;
}


.header-top-margin {
	margin-top: 8%;
	float: left;
	width: 100%;
}

.main-navbar {
	display: content;
}

.navbar-inverse {
	background-color: #fff;
	border-color: #fff;
	margin-bottom: 0px;
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a:hover {
	color: #106D7B;
	background-color: #fff;
}

.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav>li>a:hover {
	color: #106D7B;
	background-color: transparent;
}

.navbar-inverse .navbar-nav>li>a {
	color: #000;
	text-transform: capitalize;
	font-size: 16px;
	font-weight: 700;
	padding: 30px 15px;
}

.navbar-inverse .navbar-brand {
	color: #9d9d9d;
	padding: 15px 15px;
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover {
	color: #000;
	background-color: #fff;
}

.heading-desing-part {
	text-align: center;
}

.margin-b-80 {
	margin-bottom: 80px;
}

.margin-b-70 {
	margin-bottom: 70px;
}

.margin-b-60 {
	margin-bottom: 60px;
}

.margin-b-50 {
	margin-bottom: 50px;
}

.margin-b-40 {
	margin-bottom: 40px;
}

.margin-b-30 {
	margin-bottom: 30px;
}

/**=================== Footer Css Start ========================**/
footer {
	float: left;
	width: 100%;
	background: #58C5C2;
	padding: 30px 0px;
}

.footer-logo img {
	width: 100%;
}

.footer-menu {
	background: #F5F5FF;
	padding: 20px 0px;
}

.footer-menu ul {
	list-style: none;
	margin: 0px;
}

.footer-contact ul {}

.footer-contact ul li {
	color: #fff;
	text-decoration: none;
	margin: 0px 30px;
	font-size: 15px;
	font-weight: 400;
	line-height: 21px;
}

.footer-contact ul li span {
	width: 100%;
	float: left;
	border-bottom: 1px solid #fff;
	margin-bottom: 10px;
	padding-bottom: 5px;
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	color: #FFFFFF;
}

.footer-contact ul li span i {
	font-size: 22px;
	margin-right: 7px;
}


.footer-menu ul li {
	display: inline-block;
}

.footer-menu ul li a {

	text-decoration: none;
	margin: 0px 30px;

	line-height: 21px;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	color: #FFFFFF;
}

.footer-logo-ul {
	list-style: none;
	padding: 0px;
	margin-top: 20px;
}

.footer-logo-ul h5 {
	color: #F8F4F4;
	font-size: 14px;
	font-weight: 700;
}

.footer-logo-ul li {
	display: inline-block;
}


.footer-logo-ul li a:hover {
	background: #e62e2d;
	width: 25px;
	height: 25px;
	margin-right: 3px;
	padding: 3px 2px;
	border-radius: 100%;
	/* width: 100%;
     */
	text-align: center;
	color: #f5f5ff;
	font-size: 17px;
}

.footer-logo-ul li a i {
	width: 25px;
	height: 25px;
	font-size: 17px;
	vertical-align: -webkit-baseline-middle;
	line-height: 14px;
}

.footer-barcode {
	margin-top: 27px;
}

.footer-barcode img {
	width: 75px;
}

.footer-barcode p {
	color: #FFf;
	font-size: 14px;
	font-weight: 700;
	margin-top: 20px;
}

.footer-listing-col {
	width: 22%;
}

.footer-listing-col h5 {

	line-height: 20px;
	margin-bottom: 5px;
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 22px;
	color: #FFFFFF;
	float: left;
	width: 100%;
}

.footer-listing-col ul {}

.footer-listing-col ul li {
	margin: 5px 0px;
	float: left;
	width: 100%;
}

.footer-listing-col ul li a {
	font-style: normal;
	font-weight: 500;
	font-size: 15px;
	line-height: 20px;
	color: #FFFFFF;
}

.footer-listing-col ul li a:hover {
	text-decoration: underline;
}

.footer-listing-col hr {
	margin-top: 0px;
	margin-bottom: 15px;
	border: 0;
	border-top: 4px solid #0078CE;
	width: 60px;
	float: left;
	width: 22%;

}

.footer-logo-col {
	padding-right: 30px;
}

.footer-contact {
	width: 30%;
}

/**=================== Footer Css End ========================**/


/*======================  other parts css  =============================*/


.about-section {

	float: left;
	width: 100%;
	padding: 60px 0px;
	padding-left: 3%;

}

.about-section .about-heading {
	float: left;
	/* width: 28%; */
	margin-right: 50px;
}

.about-section .about-heading h1 {
	font-style: normal;
	font-weight: 700;
	font-size: 32px;
	line-height: 44px;
	color: #106D7B;
	margin: 0px;


	color: #106D7B;
}

.about-section .about-content {
	float: left;
	width: 70%;
}

.about-section .about-content p {
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 19px;

	color: #959595;
}

.about-section .about-content a {
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 19px;


	text-decoration-line: underline;

	color: #106D7B;
}

.overlay {
	position: absolute;
	bottom: 0;

	color: #f1f1f1;
	width: 100%;
	transition: .5s ease;
	opacity: 0;
	color: white;
	font-size: 20px;
	padding: 20px;
	text-align: center;
	height: 100%;
	padding-top: 130px;
	left: 0;
	border-radius: 19px;
	background: rgba(16, 109, 123, 0.87);
}

.overlay a {

	text-decoration: none;
	padding: 9px 21px;
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 22px;
	color: #106D7B;
	background: #FFFFFF;
	border-radius: 10px;
}

.sigment-grid:hover .overlay {
	opacity: 1;
}

.sigment-grid {
	position: relative;
	width: 22%;
	/* max-width: 300px; */
	text-align: center;
	padding: 42px 21px;
	height: 291px;
	background: #F4FFFF;
	border-radius: 19px;
	margin-right: 16px;
	margin-bottom: 30px;
	margin-left: 16px;
}

.sigment-grid img {}

.sigment-grid h4 {

	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 21px;
	/* identical to box height */
	margin: 20px 0px;


	color: #000000;
}

.sigment-grid p {

	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 19px;
	text-align: center;

	color: #5A5A5A;
}

.segment-section {

	float: left;
	width: 100%;
	margin: 0px 0px;
	background: #6AA3AC;
	padding: 30px 0px;

}

.segment-section .container h1 {
	font-family: 'Nunito';
	font-style: normal;
	font-weight: 700;
	font-size: 32px;
	line-height: 44px;
	text-align: center;
	color: #FFFFFF;
	margin-bottom: 0px;
}

.ourspeak-section {
	text-align: center;
	background-image: url(../img/counter-bg.png);
	float: left;
	width: 100%;
	padding: 55px 0px 75px 0px;
	border-bottom: 3px solid #106D7B;
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-size: cover;
	background-position: center;
}

.ourspeak-section h1 {
	font-style: normal;
	font-weight: 700;
	font-size: 32px;
	line-height: 44px;
	color: #106D7B;
	margin-bottom: 0px;


	color: #106D7B;
}

.ourspeak-section .number-part h2 {
	font-style: normal;
	font-weight: 300;
	font-size: 64px;
	line-height: 87px;


	color: #106D7B;
}

.ourspeak-section .number-part h4 {
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 27px;


	color: #000000;
}


/*================   Slide css    ==================*/

.bbb_main_container {
	background-color: #fff;
	padding: 11px;
}

.bbb_viewed_title_container {}

.bbb_viewed_title {
	margin-bottom: 16px;
	margin-top: 8px;

}

.bbb_viewed_nav_container {
	position: absolute;
	right: -5px;
	bottom: 14px
}

.bbb_viewed_nav {
	display: inline-block;
	cursor: pointer
}

.bbb_viewed_nav i {
	color: #dadada;
	font-size: 18px;
	padding: 5px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease
}

.bbb_viewed_nav i {
	color: #fff;
	background: #106D7B;
	width: 30px;
	text-align: center;
	line-height: 25px;
}

.bbb_viewed_prev {
	margin-right: 15px
}

.bbb_viewed_slider_container {
	padding-top: 13px;
	margin-left: -70px;
	margin-top: 14px;
	background: transparent;
}

.bbb_viewed_item {
	width: 100%;
	background: #FFFFFF;
	border-radius: 2px;
	/* padding-top: 25px; */
	/* padding-bottom: 25px; */
	/* padding-left: 30px; */
	/* padding-right: 30px; */
	border: 1px solid #D9D9D9;
	width: 240px;
	height: 240px;
	padding: 30px 10px 10px 10px;
}

.bbb_viewed_image {}


.bbb_viewed_image img {

	width: auto !important;
	display: inline-block !important;
}


.bbb_viewed_content {
	width: 100%;
	margin-top: 25px
}


.bbb_viewed_name a:hover {
	color: #0e8ce4
}

.principle-section {
	float: left;
	width: 100%;
	padding: 100px 0px 60px 0px;
}

div {
	display: block;
	position: relative;

}

.owl-item {
	background: transparent;
	/* border: 1px solid #D9D9D9; */
	border-radius: 0px;
	width: 240px;
	height: 240px;
}

.principle-heading {

	background: #2C9EC8;
	border-radius: 4px;
	height: 300px;
	text-align: center;
	width: 24%;
}

.principle-heading h1 {
	font-style: normal;
	font-weight: 600;
	font-size: 36px;
	line-height: 42px;
	color: #FFFFFF;
	height: 100%;
	line-height: 290px;
	text-align: left;
	margin: 0px;
}

.owl-carousel .owl-item img {
	display: inline-block;
	width: auto;
}

.overlay1 {
	position: absolute;
	bottom: 0;
	color: #f1f1f1;
	width: 94%;
	transition: .5s ease;
	opacity: 0;
	color: white;
	font-size: 20px;
	padding: 20px;
	text-align: center;
	height: 100%;
	padding-top: 100px;
	left: 0;
	border-radius: 0px;
	background: rgba(16, 109, 123, 0.87);
}

.overlay1 a {
	text-decoration: none;
	padding: 9px 21px;
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 22px;
	color: #106D7B;
	background: #FFFFFF;
	border-radius: 10px;
}

.sigment-grid1 {
	position: relative;
	width: 100%;
	/* max-width: 300px; */
	text-align: center;
	padding: 0px 0px;
	height: 291px;
	background: transparent;
	border-radius: 19px;
	margin-right: 16px;
	margin-bottom: 30px;
	margin-left: 16px;
}

.sigment-grid1:hover .overlay1 {
	opacity: 1;
}

/*================   Slide css    ==================*/


.contactus-home-belt-section {
	float: left;
	width: 100%;
	margin-bottom: 50px;
}

.contactus-home-belt-section .container {
	padding: 0px 25px;
}

.contactus-home-belt-section .contactus-belt-wrap {
	background: #F4FFFF;
	border: 1px solid #58C5C2;
	box-shadow: 0px 4px 4px rgb(0 0 0 / 10%);
	border-radius: 10px;
	float: left;
	width: 100%;
	padding: 15px 40px;
}

.contactus-home-belt-section .contact-withUs {}

.contactus-home-belt-section .contact-withUs h4 {
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 21px;
	/* identical to box height */


	color: #000000;

}

.contactus-home-belt-section .contact-withUs p {
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 19px;


	color: #5A5A5A;
}

.contactus-home-belt-section.dropmailon {}

.contactus-home-belt-section .dropmailon h4 {
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 19px;
	/* identical to box height */


	color: #5A5A5A;
}

.contactus-home-belt-section .dropmailon h4 i {
	color: #106D7B;
	margin-right: 4px;
	font-size: 16px;

}

.contactus-home-belt-section .dropmailon p {
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 22px;


	color: #106D7B;
}

.contactus-home-belt-section .dropmailon p a {
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 22px;
	/* identical to box height */


	color: #106D7B;
}

/*=======================   About Us Css ==============================*/
.innerpage-spacer {
	float: left;
	width: 100%;
	height: auto;
	margin-top: 80px;
}

.company-profile-section {
	margin: 4% 0% 2% 0%;
}

.company-profile-section h1 {
	font-style: normal;
	font-weight: 700;
	font-size: 32px;
	line-height: 44px;
	color: #106D7B;
	margin-bottom: 0px;
	text-align: center;

}

.company-profile-section .row {
	background: #f6f6f6;
	height: auto;
	display: flex;
}

.company-profile-section .company-profile-image {
	background: url(../img/company-profile.jpg);
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-size: cover;
	background-position: center;
	z-index: 0;
	position: relative;
	display: grid;
	align-items: center;
}

.company-profile-mobile {
	display: none;
}

.company-profile-section .company-profile-content {
	border: 1px solid #ddd;
}

.company-profile-section .company-profile-content .semi-content {
	padding: 45px 50px;
}

.company-profile-section .company-profile-content .semi-content p {
	margin-bottom: 15px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
	color: #666;
}

.company-profile-section .company-profile-content .semi-content p:last-child {
	border-bottom: 0px solid #ddd;
}

.managment-profile-section {
	margin: 5% 0% 7% 0%;
}

.managment-profile-section h1 {
	font-style: normal;
	font-weight: 700;
	font-size: 32px;
	line-height: 44px;
	color: #106D7B;
	margin-bottom: 0px;
	text-align: center;
}

.managment-profile-section .profile-card {
	border: 1px solid #ddd;
	float: left;
	padding: 0px 0px 0px 0px;
	width: 100%;

}

.managment-profile-section .profile-card .img-card {
	float: left;
	width: 38%;
}

.managment-profile-section .profile-card .img-card img {
	width: 100%;
}

.managment-profile-section .profile-card .img-content {
	float: left;
	/* display: contents; */
	width: 62%;
	padding-left: 30px;
	padding-right: 20px;
}

.managment-profile-section .profile-card .img-content h3 {
	color: #106D7B;
	font-size: 24px;
	font-weight: 600;
}

.managment-profile-section .profile-card .img-content h4 {
	color: #000;
	font-size: 18px;
	font-weight: 400;

}

.managment-profile-section .profile-card .img-content .owner-para {
	height: 97px;
	float: left;
}

.managment-profile-section .profile-card .img-content .owner-para p {
	color: #333;
	font-size: 14px;
	padding-top: 10px;
}

.managment-profile-section .profile-card a {
	float: right;
	position: relative;

	/* bottom: -6px; */
	background: #106d8f;
	color: #fff;
	padding: 8px 20px;
	border-radius: 20px 0px 0px 0px;
	text-decoration: none;
	transition: 0.3s;

}

.managment-profile-section .profile-card a:hover {
	background: #58C5C2;
}

.modal-dialog {
	width: 800px;
	margin: 30px auto;
}

.modal-content {
	overflow: auto;
}

.modal-header {
	padding: 15px;
	border-bottom: 0px solid #e5e5e5;
	background: #106D7B;
	color: #fff;
}


.modal-body {
	position: relative;
	padding: 20px;
	overflow: auto;
}

.modal-header .close {
	margin-top: -2px;
	color: #fff;
	opacity: 1;
	font-size: 30px;
}

.modal-title span {
	font-size: 14px;
	color: #fff;
}


/*********************************  Contact Css  ******************************/


.contact-section {
	margin: 4% 0% 2% 0%;
}

.contact-section .contact-1 h1 {
	font-style: normal;
	font-weight: 700;
	font-size: 32px;
	line-height: 44px;
	color: #106D7B;
	margin-bottom: 0px;
	text-align: center;

}

.content-area-6 {}

.main-title {
	text-align: center;
	margin-bottom: 50px;
}

.main-title h1 {
	font-weight: 700;
	margin: 0 0 15px;
	color: #212121;
	text-transform: uppercase;
}

.contact-1 .contact-form .form-group {
	margin-bottom: 30px;
}

.contact-1 .contact-form form .input-text {
	width: 100%;
	padding: 10px 17px;
	font-size: 15px;
	border: 1px solid #e8e7e7;
	outline: none;
	color: #6c6c6c;
	height: 45px;
	border-radius: 3px;
}

.contact-1 .contact-form form .input-text:focus,
.contact-1 .contact-form form textarea:focus,
.contact-1 .contact-form form select:focus {
	border: 1px solid #106D7B;
	color: #000;
}

.contact-1 .contact-form form select {
	width: 100%;
	padding: 10px 17px;
	font-size: 15px;
	border: 1px solid #e8e7e7;
	outline: none;
	color: #6c6c6c;
	height: 45px;
	border-radius: 3px;
}

.contact-1 .contact-form form textarea {
	min-height: 210px;
}

.main-title-2 {
	margin-bottom: 30px;
}

.contact-1 .main-title-2 h3 {
	font-size: 26px;
	font-weight: 600;
	margin: 0 0 35px;
	text-transform: uppercase;
	color: #333;
}

.contact-1 .contact-details .media {
	margin: 0 0 20px;
	border: 1px solid #D9D9D9;
	padding: 20px 15px;
	cursor: pointer;
	border-radius: 3px;
	background: #f5f5f5;
}

.contact-1 .contact-details .media .media-left {
	padding-right: 0px;
	background: #106D7B;
	height: 45px;
	width: 44px;
	float: left;
	text-align: center;
	line-height: 50px;
	margin-right: 20px;
	border-radius: 3px;
}

.contact-1 .contact-details .media .media-left i {
	color: #fff;
	/* border: 1px solid #106D7B; */

}

.contact-1 .contact-details .media:hover .media-left {
	background: #58C5C2;
	transition: 0.9s;
	transform: rotateY(180deg);
	padding-right: 0px;
}

.media-body,
.media-left,
.media-right {
	display: table-cell;
	vertical-align: top;
}

.contact-1 .contact-details .media .media-body h4 {
	letter-spacing: 1px;
	font-weight: 600;
	font-size: 16px;
	font-style: normal;
	margin: 0 0 10px;
}

.contact-1 .contact-details .media .media-body p {
	font-size: 14px;
	letter-spacing: 0.52px;
	line-height: 20px;
	color: #333;
	margin-bottom: 0px;
}

.contact-1 .contact-details .media .media-body p a {
	color: #535353;
}

.btn-theme {
	background: #106D7B;
	border: 4px double #fff;
	cursor: pointer;
	padding: 11px 30px;
	letter-spacing: 1px;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	color: #555;
	transition: .5s;
	border-radius: 2px;
}

.btn-theme {
	color: #FFF !important;
}

.btn-theme:hover {
	background: #58C5C2;
	border: 4px double #fff;
}

.btn-theme:hover,
.btn-theme:focus {
	outline: none;
	color: #fff;
}

.contact-1 .contact-details .media .media-left i {

	font-size: 24px;


	border-radius: 50%;
	text-align: center;
}

.map-secton {
	margin-top: 40px;
}

.map-secton iframe {
	width: 100%;
	height: 350px;
}

.address-col-4 {
	float: right;
}


/*=========================  Media Css  =======================*/


.media-section {
	margin-bottom: 6%;
	margin-top: 2%;

}

.media-section h1 {
	font-style: normal;
	font-weight: 700;
	font-size: 32px;
	line-height: 44px;
	color: #106D7B;
	margin-bottom: 0px;
	text-align: center;
}

.grid {
	position: relative;
	list-style: none;
	text-align: center;
}


/* Common style */

.grid figure {
	position: relative;
	overflow: hidden;
	background: #3085a3;
	text-align: center;
	cursor: pointer;

}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 1;
	height: 212px;
}

.grid figure figcaption {
	padding: 2em 2em;
	color: #fff;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption>a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 500;
	font-size: 25px;
	text-transform: capitalize;
	color: #000;
}

.grid figure h2,
.grid figure i {
	margin: 0;
}

.grid figure i {
	letter-spacing: 0px;
	font-size: 30px;
	/* margin-top: 28%; */
	text-align: center;
	margin: 0 auto;
	margin-top: 23%;
}

.gallery-grids {
	border: 1px solid #ddd;
	padding: 5px;
	/* margin-right: 30px; */
	margin: 15px 15px;
	width: 22%;
}

.nav-tabs {
	border-bottom: 1px solid #ddd;
	background: #fff;
	margin: 30px 0px;
	text-align: center;
}

.nav-tabs>li {
	float: initial;
	margin-bottom: -1px;
	display: inline-block;
}

.nav-tabs>li>a {
	margin-right: 7px;
	line-height: 1.42857143;
	border: 1px solid transparent;
	border-radius: 7px 7px 0 0;
	padding: 10px 23px;
	border: 1px solid #ddd;
	font-size: 15px;
	font-weight: 600;
	color: #000;
}

.nav-tabs li a i {

	font-size: 20px;
	margin-right: 7px;
	top: 2px;
	position: relative;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
	color: #fff;
	cursor: default;
	background-color: #106D7B;
	border: 1px solid #106D7B;
	/* border-bottom-color: transparent; */
	border-bottom: 0px solid;
	border-radius: 7px 7px 0px 0px;
}

.nav-tabs>li>a:hover {

	border: 1px solid #106D7B;
	border-radius: 7px 7px 0px 0px;
	background: #106D7B;
	color: #fff;
}


figure.effect-roxy {
	/* background: -webkit-linear-gradient(45deg, #ff89e9 0%, #05abe0 100%); */
	/* background: linear-gradient(45deg, #349427 0%, #ec3237 100%); */
	background: rgba(16, 109, 123, 0.87);
}

figure.effect-roxy img {
	max-width: none;
	width: -webkit-calc(100% + 60px);
	width: calc(100% + 60px);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-50px, 0, 0);
	transform: translate3d(-50px, 0, 0);
}

figure.effect-roxy figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 1px solid #fff;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-20px, 0, 0);
	transform: translate3d(-20px, 0, 0);
}

figure.effect-roxy figcaption {
	padding: 3em;
	text-align: center;
}

figure.effect-roxy h2 {
	padding: 54px 0 10px 0;
	font-size: 24px;
	font-weight: 600;
	color: #fff;
}

figure.effect-roxy i {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-10px, 0, 0);
	transform: translate3d(-10px, 0, 0);
}

figure.effect-roxy:hover img {
	opacity: 0.7;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

figure.effect-roxy:hover figcaption::before,
figure.effect-roxy:hover i {
	opacity: 10;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.gallery-section {
	margin-bottom: 4%;
}

.lb-outerContainer {
	/* width: 800px !important; */
	/* height: auto !important; */
	margin-top: 0px !important;
	overflow: auto !important;
}

.lb-image {
	/* width: 100%  !important; */
	/* height: auto  !important; */
}

/*===========================================================*/


/*===========================  Service Center Css    ================================*/

.service-center-section {
	margin-top: 30px;
}

.service-center-section h1 {
	font-style: normal;
	font-weight: 700;
	font-size: 32px;
	line-height: 44px;
	color: #106D7B;
	margin-bottom: 0px;
	text-align: center;
}

.services-single {
	background: var(--bg-color);
	/* box-shadow: 0 0.125rem 0.25rem var(--box-shadow-color-2); */
	margin-bottom: 60px;
	transition: all 0.3s ease-in;
	box-shadow: 0px 1px 1.5px 0px #bbb;
	padding: 10px 20px;
	overflow: auto;
	height: 200px;
}

.services-single:hover,
.service-single-grid:hover {
	box-shadow: 0px 17px 26px -16px rgb(0 0 0 / 41%);
}

.service-icon {
	width: 20%;
	float: left;
	display: flex;
}

.service-icon img {
	width: 100%;
}

.services-content {
	float: left;
	width: 80%;
	padding: 0px 0px 0px 20px;
}

.services-content h5 {
	font-size: 20px;
	color: #106d7b;

	font-weight: 600;
}

.services-content p {
	color: #000;
	font-size: 14px;
}

.services-content ul {
	padding: 0px;
	list-style: none;
}

.services-content ul li {
	color: #222;
	font-size: 14px;
	line-height: 23px;
}

.services-content ul li i {
	color: #525252;
	margin-right: 8px;
}

.services-content ul li a {
	font-size: 14px;
	color: #106d7b;
}

/*========================    Principle Css   ========================*/
.inner-principle-section {
	margin: 3% 0% 4% 0%;
}

.inner-principle-section h1 {
	font-style: normal;
	font-weight: 700;
	font-size: 32px;
	line-height: 44px;
	color: #106D7B;
	margin-bottom: 0px;
	text-align: center;
}

.inner-principle-section .sigment-grid {
	position: relative;
	width: 22%;
	text-align: center;
	background: #FFFFFF;
	border-radius: 3px;
	border: 1px solid #D9D9D9;
	height: 240px;
	padding: 20px 15px 15px 15px;

}

.overlay2 {
	position: absolute;
	bottom: 0;
	color: #f1f1f1;
	width: 100%;
	transition: .5s ease;
	opacity: 0;
	color: white;
	font-size: 20px;
	padding: 20px;
	text-align: center;
	height: 100%;
	padding-top: 100px;
	left: 0;
	border-radius: 3px;
	background: rgba(16, 109, 123, 0.87);
}

.inner-principle-section .sigment-grid h4 {
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 21px;
	margin: 15px 0px;
	color: #000000;
}

.principle-product-section {
	margin-bottom: 6%;
	margin-top: 2%;
}

.principle-product-section h1 {
	font-style: normal;
	font-weight: 700;
	font-size: 32px;
	line-height: 44px;
	color: #106D7B;
	margin-bottom: 35px;
	text-align: center;
}

.principle-product-section .principle-product-grid {}

.principle-product-section .principle-product-grid .sigment-grid {
	position: relative;
	width: 22%;
	text-align: center;
	background: #FFFFFF;
	border-radius: 3px;
	border: 1px solid #D9D9D9;
	height: 240px;
	padding: 10px 5px 10px 5px;
}

.principle-product-section .principle-product-grid .sigment-grid img {
	max-width: 100%;
	height: 100%;
}

/*====================================================================*/


/*=============================  Principl Product Details Css   =====================*/

.product-details-section {
	margin: 3% 0% 4% 0%;
}

.product-details-section h1 {
	font-style: normal;
	font-weight: 700;
	font-size: 32px;
	line-height: 44px;
	color: #106D7B;
	margin-bottom: 40px;
	text-align: center;
}

.product-details-section .lef-product-summry {}

.product-details-section .lef-product-summry h3 {
	font-style: normal;
	font-weight: 600;
	font-size: 22px;
	/* line-height: 44px; */
	color: #106D7B;
	margin-bottom: 17px;

}

.product-details-section .lef-product-summry h4 {
	color: #000;
	font-size: 18px;
	font-weight: 600;
}

.product-details-section .lef-product-summry p {
	font-size: 15px;
	color: #333;
}

.product-details-section .lef-product-summry a {

	text-decoration: none;
	color: #fff;
	border-radius: 5px;
	font-size: 16px;
	float: left;
	margin-top: 20px;
	text-transform: capitalize;
	padding: 10px 20px;
}

.product-details-section .lef-product-summry a i {
	font-size: 20px;
	color: #fff;
	margin-right: 10px;
}

.product-details-section .right-product-img {
	border: 1px solid #ddd;
}

.product-details-section .right-product-img img {
	width: 100%;
}

.product-overview-section {
	margin: 0% 0% 6% 0%;
}

.product-overview-section .nav-tabs {

	border-bottom: 1px solid #ddd;
	background: #fff;
	margin: 30px 0px;
	text-align: center;
	margin-bottom: 0px;
}

.product-overview-section .tab-content {
	padding: 30px 40px;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-radius: 0px;
}

.product-overview-section .product-details-grid {}

.product-overview-section .product-details-grid h3 {
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	/* line-height: 44px; */
	color: #106D7B;
	margin-bottom: 20px;

}

.product-overview-section .product-details-grid p {
	color: #333;
	font-size: 15px;
}

.product-overview-section .tab-content .table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 1px solid #ddd;
	font-size: 15px;
	color: #333;
}

.product-overview-section .tab-content .table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 0px;
}

/*====================================================================*/


/*===========================   Sigment Textile Css   =================================*/

.sigment-textile-section {}

.sigment-textile-section h1 {}

.sigment-textile-section .sigment-textile-top {
	background: #106D7B;
	padding: 15px 30px;
	border-radius: 5px;
	margin-bottom: 40px;
	margin-top: 20px;

}

.sigment-textile-section .sigment-textile-top h1 {
	font-style: normal;
	font-weight: 700;
	font-size: 32px;
	line-height: 44px;
	color: #fff;
	margin-bottom: 0px;
	text-align: center;
}

.sigment-textile-section .sigment-textile-top p {
	color: #fff;
	font-size: 14px;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 35px;
	margin-top: 15px;
}

.sigment-textile-section p {}


.sigment-textile-section .nav-tabs>li>a {
	margin-right: 7px;
	line-height: 1.42857143;
	border: 1px solid transparent;
	border-radius: 7px 7px 0 0;
	padding: 5px 10px;
	border: 1px solid #ddd;
	font-size: 15px;
	font-weight: 600;
	border-bottom: 3px solid #fff;

}

.sigment-textile-section .nav-tabs li .sigment-all-show-a {
	padding: 15px 20px;

}

.sigment-textile-section .nav>li>a>img {
	max-width: none;
	max-width: 120px;
	height: 40px;
}


.sigment-textile-section .nav-tabs .active a {
	color: #000;
	cursor: default;
	border: 1px solid #106D7B;
	background-color: #fff;
	border-bottom: 4px solid #106D7B;
	/* border-bottom-color: transparent; */
	/* border-bottom: 0px solid; */
	border-radius: 7px 7px 0px 0px;

}


.sigment-textile-section .nav-tabs li a:focus {
	color: #000;
	cursor: default;
	border: 1px solid #106D7B;
	background-color: #fff;
	border-bottom: 4px solid #106D7B;
	/* border-bottom-color: transparent; */
	/* border-bottom: 0px solid; */
	border-radius: 7px 7px 0px 0px;

}

.sigment-textile-section .nav-tabs li a:hover {
	border: 1px solid #106D7B;
	border-radius: 7px 7px 0px 0px;
	background: #fff;
	color: #000;
	border-bottom: 4px solid #106D7B !important;
}


/*====================================================================*/


/*========================    Industries we serve Css   =================*/

.industries-we-serve-section {
	margin: 3% 0% 4% 0%;

	width: 100%;
}

.industries-we-serve-section h1 {
	font-style: normal;
	font-weight: 700;
	font-size: 32px;
	line-height: 44px;
	color: #106D7B;
	margin-bottom: 0px;
	text-align: center;
}

.industries-we-serve-section .sigment-grid {
	position: relative;
	width: 22%;
	/* max-width: 300px; */
	text-align: center;
	padding: 42px 21px;
	height: 291px;
	background: #F4FFFF;
	border-radius: 19px;
	margin-right: 16px;
	margin-bottom: 30px;
	margin-left: 16px;
	border: 1px solid #106d7bba;
}

/*=======================================================================*/