body{

	scroll-behavior: smooth;

}

h1,h2,h3,h4,h5,h6{

  font-weight: 600;

  color:#3E3E3E;

}



#header{

	padding-top: 20px;

	padding-bottom: 10px;

	border-bottom: 2px solid #374C9F;

	border-color: rgba(55,76,159,0.5);

}

.pd50{

	padding-top:50px;

	padding-bottom: 50px;

}

header a[title='home'] img{

	margin-top: 10px;

}

header a{

	transition: .3s;

}

header a:hover{

	color: #374C9F;

}

header nav{

	border-color: transparent!important;

}

.primary-color{

	color: #374C9F;

}

#slider h2{

	font-size: 40px;

	color: #333;

}

#slider #caption{

	top: 100px;

}

.btn-primary{

	background-color: #374C9F!important;

	border-radius: 0;

}

#our_services_2 .sub_category {

	background-color: #efefef;

	transition: 0.3s;

  }

#our_services_2 .sub_category .text-right {

	padding-top: 20px;

	padding-bottom: 20px;

	color: inherit;

  }



#our_services{

	margin-top: 30px;

}

.sub_category h4 {

	font-size: 25px;

	color: inherit;

  }

.sub_category p{

	line-height: 25px;

	font-size: 16px;

}

#offer {

	margin-top: 50px;

	margin-bottom: 50px;

	background-color: #374C9F;

	padding-top: 50px;

	padding-bottom: 50px;

}

#offer h3,#offer p{

	color: #fff;

}

#offer h1 {

	color: #eee;

  }

  .car {

	position: absolute;

	top: -85px;

	z-index: 9999;

	left: 0;

  }

.ams_weare{

	margin-top: 100px;

}

.ams_weare p{

	font-size: 18px;

}

.ams_weare h2{

	line-height: 40px;

}

.m-0{

	margin: 0 auto;

}

#head_footer p{

	margin-top: 30px;

	font-size: 16px;

	line-height: 25px;

}

#head_footer .mt_100{

	margin-top: 150px!important;

}

footer{

	 background-color: #001c5b !important;

}

footer h3{

	color: #fff;

}

footer p{

	color: #fff;

	font-size: 16px;

	line-height: 27px;

}

footer a{

	color: #fff!important;

	font-size: 16px;

}

.f_bg{

	background-color: #33A7B1;

}

.net{

	color: #fff;

	font-weight: bold;

}

.net:hover{

	color: #00f;

}

.f_bg p {

    padding-top: 15px;

    padding-bottom: 0px;

    color: #fff;

    font-size: 13px;

}

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

/* S E R V I C E */

@media(min-width: 767px){

	header .contact_us{

		border: 1px solid #374C9F;

	}

	header .contact_us:hover,

	header .contact_us:focus{

		background-color: #374C9F!important;

		color: #fff!important;

		transition: 0.3s;

	}

	#head_footer{

		margin-top: 50px;

	}

}

@media(max-width: 991px){

	#slider #caption{

		top: 10px!important;

	}

	#slider #caption h2{

		font-size: 20px!important;

	}

}

@media(min-width: 991px) and (max-width: 1200px){

	#slider #caption{

		top: 100px!important;

	}

}

@media(max-width: 767px){

	h1{

		font-size: 25px!important;

	}

	#head_footer .mt_100{

		margin-top: 50px!important;

	}

	.ams_weare{

		margin-top: 30px!important;

	}

}

/*------------- go to top strat---------------*/



/* .scrollToTop {

  text-decoration: none;

  cursor: pointer;

  

  background: #fff;



  position: fixed;

  bottom: -50px;

  right: 30px;

  width: 40px;

  height: 40px;

  border-radius: 25px;

  z-index: 999;

  transition: 1.5s ease;

  border:2px solid #374c9f;

} */



.scrollToTop{

	text-decoration: none;

    cursor: pointer;

    position: fixed;

    bottom: -50px;

    right: 15px;

    z-index: 999;

    transition: 1.5s ease;

  

}

.scrollToTop.show{

	left:unset;

	bottom:80px

}

.scrollToTop.hide{

	left:-50px;

	right: unset;

}

.scrollToTop i {

	color: #374c9f;

	font-size: 22px;

	padding-left: 11px;

	padding-top: 8px;

  }

/* .carousel-caption {

  text-align: left;

  position: absolute;

  top: 30%;

  color:#000;

  max-width: 528px;

}

.caption-inner{

  max-width:500px;

}

.carousel-caption h1 {

  font-weight: bold;

} */

.btn-primary {

  color: #fff;

  background-color: #374C9F;

  border-color: #374C9F;

  border-radius: 0;

  text-transform: capitalize;

  padding: 5px 25px 10px 25px;

}

.btn-primary:hover {

  color: #fff;

  background-color: #374C9F;

  border-color: #374C9F;

}

.btn-success {

	color: #fff;

	background-color: #28a745;

	border-color: #28a745;

	border-radius: 0;

	text-transform: capitalize;

	padding: 5px 25px 10px 25px;

  }

  .btn-success:hover {

	color: #fff;

	background-color: #28a745;

	border-color: #28a745;

  }

.caption-inner h2 {

	font-size: 35px;

	font-weight: 700;

	letter-spacing: 2px;

	max-width: 500px;

	margin-bottom: 30px;

	color: #fff;

  }

.text-primary{

  color:#374C9F !important;

}

/* .menu {

	border-bottom: 2px solid #d8dbec;

  } */

  @media (max-width:767px){

	.car {

		position: absolute;

		z-index: 9999;

		left: unset;

		width: 70%;

		right: 0;

		top: 0;

	  }

  }

  .nav-link {

    color: #353535;

    font-size: 17px;

    text-transform: uppercase;

    font-weight: 600;

}

  @media (min-width: 992px) {

	.navbar-expand-lg .navbar-nav .nav-link {

	  padding-right: .5rem;

	  padding-left: 2.5rem;

	}

  }



  .logodiv {

	display: flex;

	justify-content: center;

	align-content: center;

	align-items: center;

  }

  

  .logodiv h4 {

    margin: 0;

    color: #1d387e;

    font-weight: bold;

    font-size: 20px;

  }

  .logodiv  p{

	font-size: 14px;

  }

  .logodiv p {

	font-size: 16px;

	margin: 0;

	letter-spacing: 0.5px;

	color: #0a1040;

	font-weight: 600;

  }

  /* .carousel-item img {

	transition: 10s ease-out;

	transform: scale(1.1);

	min-height: 350px;

	object-fit: cover;

	object-position: right;

  }

  .carousel-item.active img{

	transform: scale(1);

  }



  .carousel-item.active.activee img{

	transform: scale(1.3);

  } */

 

  .sub_category .text-right{

	text-align: center!important;

  }

  a:hover{

	text-decoration: none;

  }

  .sub_category:hover i {

	color: #21347b;

  }

  .sub_category p {

	line-height: 25px;

	font-size: 16px;

	text-transform: capitalize;

	font-weight: 600;

	color: #14206c;

	text-align: center;

  }

  .sub_category:hover p{

	color:#fff;

  }

  @media(max-width:1200px){

	.caption-inner h2 {

		font-size: 22px;

		font-weight: 700;

		letter-spacing: 2px;

		max-width: 350px;

		margin-bottom: 10px;

	  }

	  /* .carousel-caption {

		  text-align: left;

		  position: absolute;

		  top: 10%;

		  color: #000;

		} */

  }

  @media(max-width:436px){

	.logodiv img {

		height: 50px;

		margin-right: 0px;

	  }

	.logodiv h4 {

		font-size: 18px;

	  }

	  .logodiv p {

		font-size: 11px;

	  }

	  .navbar-brand{

		margin-right: 0;

	  }

	  .caption-inner h2 {

		font-size: 14px;

		font-weight: 700;

		letter-spacing: 2px;

		max-width:100%;

		margin-bottom: 10px;

	  }

  }



  /* .vendor.page-title-section::after{

	

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	background: url(../img/banner-after.png) no-repeat bottom center;

	z-index: 1;

  } */

  .vendor.page-title-section::before {

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	background: rgba(0, 0, 0, 0.3);

	z-index: 1;

  }

  .vendor.page-title-section {

	background: url(../img/banner/iso-banner2.jpg);

	min-height: 400px;

	position: relative;

  }
  .sunagrain-section{
	background: url(../img/banner/sunagrain.png)  !important;

	min-height: 400px;

	position: relative;
  }
  .about-banner{
	background: url(../img/banner/vision-banner.jpg)  !important;

	min-height: 400px;

	position: relative;
  }

  .vendor.page-title-section .container {

	position: absolute;

	left: 0;

	right: 0;

	color: #fff;

	z-index: 99;

	bottom: 35%;

	text-align: center;

  }

  .vendor.page-title-section ul{

	list-style: none;

	text-transform: uppercase;

  }

  .vendor.page-title-section h1 {

	color: #fff;

    margin-bottom: 30px;

    letter-spacing: 3px;

    font-size: 40px;

  }

  .list-inline-item {

	display: inline-block;

	margin: auto 25px;

  }

  .vendor.page-title-section a{

	color: #fff;

  }

  .vendor li.highlight {

	position: relative;

	padding: 1px 10px 4px;

  }

  .vendor li.highlight::before {

	content: '';

	/* transform: skew(-25deg); */

	display: block;

	z-index: -1;

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: #3d96ff;


  }
  .list-inline > .highlight{
	font-size: 20px !important;
  }

  .pd50{

	padding-top: 50px;

	padding-bottom: 50px;

  }

  .about .text-primary.h4 {

	font-weight: 700;

  }

  .mb30{

	margin-bottom: 30px;

  }

  .bglight{

	background:#eff3ff;

  }

  .mt-100{

	margin-top: 100px;

  }

  .about .vimg {

	margin-top: -200px;

	position: relative;

  }

  .about .vimg img {

	position: relative;

	z-index: 2;

  }

  .vimg::after {

	content: "";

	position: absolute;

	left: 20px;

	top: 0;

	right: -20px;

	bottom: -20px;

	background: #fff;

  }

  /* .about .bglight{

	margin-top: 100px;

  } */

  .pd100{

	padding-top: 100px;

	padding-bottom: 100px;

  }

  .visionbox {

	padding: 20px;

	margin: 30px 0px;

  }

  .visionbox h3 {

	background: #323c96;

	color: #fff;

	padding: 15px;

	font-size: 20px;

	text-transform: uppercase;

	max-width: 200px;

	text-align: center;

	margin-bottom: 20px;

	border-top-right-radius: 20px;

	border-bottom-left-radius: 20px;

  }

  .nav-item.active .nav-link {

	color: #ffad00;

  }

  .form-group label {

	text-transform: uppercase;

	letter-spacing: 1px;

	font-size: 14px;

	font-weight: 600;

  }

  .contact-us .bgwhite{

	background-color: #fff;

  }

  .br-20 {

	border-radius: 20px;

	overflow: hidden;

  }

  .contactbox

  .contact-information {

	text-align: center;

	max-width: 200px;

	margin: auto;

	margin-bottom: 30px ;

  }

  .contact-us p{

	color:#6C757D;

  }

  .contactbox {

	padding: 30px 0px;

  }

  .contact-icon {

	width: 60px;

	height: 60px;

	display: flex;

	align-items: center;

	justify-content: center;

	background: #323c96;

	color: #fff;

	border-radius: 100%;

	font-size: 32px;

	margin: auto;

	margin-bottom: 15px;

  }

  .contact-information p, .contact-information a {

	color: #6C757D;

  }

  .form-control {

	padding: 20px;

	min-height: 45px;

	padding: 7px 20px;

	background: #F8F9FA;

	border: 1px solid #ddd;

	border-width: 1px 1px 1px 1px;

	border-radius: 0;

  }

  .form-control:focus {

	box-shadow: inset 0 0 0 1px rgba(0,0,0,.1);

	outline: 0;

	border:1px solid #69727d;

  }

  .pd30{

	padding-top: 30px;

	padding-bottom: 30px;

  }

  #contact-form {

	max-width: 700px;

	margin: auto;

  }

  .btn-submit {

	background: #323c96;

	color: #fff;

	padding: 10px 50px;

	text-transform: uppercase;

	border-radius: 0px;

  }

  .sub-title {

	text-transform: uppercase;

	font-weight: 600;

  }

  .teams .text-primary{

	font-weight: 600;

  }

  .imgcover{

	height: 100%;

	object-fit: cover;

  }

  .teams ul,#our_services ul{

	list-style: none;

	margin-left: -40px;

  }

  .teams li i,#our_services li i {

	color: #1ea419;

	font-size: 20px;

  }

  .teams li,#our_services li {

	display: flex;

	margin-bottom: 10px;

  }

  .teams ul li i,#our_services ul li i {

	width: 30px;

	margin-top: 5px;

	margin-right: 10px;

  }

  .msgbox {

	background: #fff;

	border-radius: 20px;

	padding: 20px 40px;

	margin-top: 40px;

	margin-bottom: -150px;

	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;

  }

  .mb50{

	margin-bottom: 50px;

  }

  .teams ul {

	color: #444A4F;

  }

  .team-img {

	background: #e6ecff;

	display: flex;

	min-height: 300px;

	justify-content: center;

	align-items: center;

  }

  .team-img img{

	max-width: 200px;

  }

  .teambox::before {

	content: "";

	position: absolute;

	left: 150px;

	top: 0;

	bottom: 0;

	right: 0;

	border: 5px solid #e6ecff;

  }

  .teambox {

	position: relative;

	padding: 50px 0px;

  }

  .titleimage > img {
    display: block;
	}

  @media(max-width:1199px) and (min-width:992px){

	

	.navbar-expand-lg .navbar-nav .nav-link {

		padding-right: .5rem;

		padding-left: 1.5rem;

	  }

  }

  @media (max-width:991px){

	.teams .p-5 {

		padding: 30px 10px !important;

	  }

	  .teambox::before {

		content: "";

		position: absolute;

		left: 0px;

		top: 150px;

		bottom: 0;

		right: 0;

		border: 5px solid #e6ecff;

	  }

	  .team-img {

		max-width: 300px;

		margin: auto;

		margin-bottom: 30px;

	  }

	  .team-desc{

		max-width: 600px;

		margin:auto;

	  }

	  .team-desc h3,

	  .team-desc p{

		text-align: center;

	  }

	  .vendor.page-title-section {

		min-height: 300px;

		position: relative;

	  }

	  .about .vimg {

		margin-top: -167px;

		position: relative;

		max-width: 300px;

	  }

	  footer h3 {

		font-size: 20px;

	  }

	  footer p,footer a,.f_bg p,.f_bg a{

		font-size: 14px;

	  }

	  .f_bg a:hover{

		color:#ddd;

	  }

	  .img-fluid.imgcover {

		margin-bottom: 20px;

		height: auto;

	  }

	  .contact-us .container{

		padding-top: 0px;

	  }

	  .contact-us p.pd30 {

		padding-top: 0px;

		padding-bottom: 30px;

	  }

  }



  @media(max-width:575px){

	.teams .pd50:first-child {

		padding-top: 0;

	  }

	  .teams .teambox {

		padding-top: 0px;

	  }

	  .navbar.navbar-expand-lg {

		padding: 10px 0px;

	  }

	  .vendor.page-title-section {

		min-height: 220px;

		position: relative;

	  }

	  h2 {

		font-size: 1.7rem;

	  }

	  .p-5 {

		padding: 1rem !important;

	  }

	  .visionbox {

		padding: 0px;

		margin: 30px 0px;

	  }

	  .visionbox h3 {

		font-size: 18px;

	  }

  }

  .mm-navbar {

	background: #323c96;

	color: #fff;

  }

  .mm-listitem_selected{

	color:#323c96;

  }

  .ser-list {

	box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.1);

	margin-top: 50px;

	margin-left: -200px;

	padding: 25px;

	z-index: 999;

	position: relative;

	background: #fff;

  }

  p{

	color:#444A4F;

  }

  .ser-list .d-flex {

	justify-content: space-around;

	padding: 0;

	width: 100% !important;

  }

  .ser-list ul{

	width:50%;

  }

  @media (max-width:991px){

	.h3, h3 {

		font-size: 1.3rem;

	  }

	.ser-list {

		margin-left: 0;

		position: relative;

	  }

	  .ser-list::after {

		background: url(../img/ser.png) no-repeat center;

		content: "";

		background-size: cover;

		position: absolute;

		top: 0;

		left: 0;

		right: 0;

		z-index: 1;

		bottom: 0;

	  }

	  .ser-list::before {

		background: rgb(255,255,255,0.7);

		content: "";

		background-size: cover;

		position: absolute;

		top: 0;

		left: 0;

		right: 0;

		z-index: 2;

		bottom: 0;

	  }

	  .ser-list div,.ser-list h3,.ser-list p{

		position: relative;

		z-index: 3;

	  }

	  .ser-list ul{

		width: 100%;

	  }

  }

  .serbox {

	min-height: 88px;

	padding: 16px;

	background: rgba(50, 60, 150, 0.8);

	color: #fff;

	font-size: 18px;

	border: 1px solid rgba(255, 255, 255, 0.5);

	display: flex;

	justify-content: flex-start;

	align-content: center;

  }

  .serbox i {

	margin-right: 10px;

	margin-top: 5px;

  }

  .bgservice{

	background: url(../img/slider-bg.jpg) no-repeat bottom center;

	background-attachment: fixed;

  }

  .gbox h5 {

	padding: 20px;

	background: #323c96;

	color: #fff;

	text-transform: capitalize;

	font-size: 19px;

  }

  .link {

	background: #fff;

	display: flex;

	align-items: center;

	justify-content: center;

  }

  .link a {

	width: 40px;

	height: 40px;

	display: inline-block;

	display: flex;

	align-items: center;

	justify-content: center;

	background: #fff;

	border-top-left-radius: 5px;

	color: #323c96;

	border-top-right-radius: 5px;

	margin: auto 3px;

	  margin-top: auto;

	margin-top: -20px;

	z-index: 999;

	position: relative;

  }

  @media (max-width:767px){

	.serbox {

	  min-height: auto;

	

	  padding: 16px;

	

	  font-size: 18px;

	

	}

}

@media (max-width:991px){

	.gbox {

		max-width: 500px;

		margin-bottom: 30px;

	  }

}



.sub_category .content {

	background: url(../img/service_box_shape1.png) no-repeat top right #F3F1F2;

	padding: 20px;

	margin-top: -20px;

	position: relative;

	z-index: 999;

	max-width: 95%;

	margin: auto;

	  margin-top: auto;

	margin-top: -50px;

	border-top: 2px solid #374c9f;

	transition: 0.4s;

  }

.link-btn::before {

	content: "";

	position: absolute;

	left: 0;

	bottom: 0;

	width: 0;

	height: 2px;

	background-color: #323c96;

	-webkit-transition: all ease 0.4s;

	transition: all ease 0.4s;

  }

  .link-btn:hover::before {

	width: 100%;

  }

  .link-btn i {

	margin-left: 5px;

	font-size: 0.9rem;

	transform:rotate(-45deg);

  }

  .link-btn {

	font-weight: 700;

	font-size: 14px;

	display: inline-block;

	line-height: 0.8;

	position: relative;

	padding-bottom: 2px;

	margin-bottom: -2px;

	text-transform: uppercase;

	color: #323c96;

  }

  .c-icon {

	width: 76px;

	height: 76px;

	padding: 15px;

	background: #374c9f;

	border-radius: 100%;

	margin-top: -50px;

	margin-bottom: 20px;

  }

  .sub_category h4 {

	font-size: 25px;

	color: inherit;

	border-bottom: 1px solid #CDCDCD;

	padding-bottom: 20px;

	margin-bottom: 15px;

  }

  .sub_category:hover .content{

	background: url(../img/service_box_shape1.png) no-repeat top right #374c9f;

	color:#fff;

  }

  .sub_category:hover .link-btn,.sub_category:hover .link-btn i{

	color:#fff;

  }

  .sub_category:hover .link-btn::before {

	background-color: #fff;

  }

  .sub_category{

	overflow: hidden;

  }

  .sub_category img {

	width: 100%;

	-webkit-transition: 0.4s;

	transition: 0.4s;

  }

  .sub_category:hover img {

	-webkit-transform: scale(1.1);

	-ms-transform: scale(1.1);

	transform: scale(1.1);

  }



  .c-icon img {

	-webkit-transition: 0.4s;

	transition: 0.4s;

  }

  .sub_category:hover .c-icon img {

	-webkit-transform: rotateY(180deg);

	transform: rotateY(180deg);

  }

  .wt-separator-outer {

	overflow: hidden;

  }

  .m-b30 {

	margin-bottom: 30px;

  }

  .wt-separator {

	display: inline-block;

	height: 3px;

	width: 50px;

	position: relative;

  }

  .wt-separator.style-square {

	width: 10px;

	height: 10px;

	background-color: transparent;

	border-width: 3px;

	border-style: solid;

	border-color: #2d3239;

  }

  .wt-separator .separator-left, .wt-separator .separator-right {

	position: absolute;

	top: 50%;

	width: 70px;

	height: 2px;

	margin-top: -1px;

  } 

  .wt-separator .separator-left {

	left: -80px;

  }

  .wt-separator .separator-right {

	right: -80px;

  }

  .wt-separator.style-square .separator-left, .wt-separator.style-square .separator-right {

	height: 3px;

  }

  .site-bg-primary{

	background-color: #374c9f;

  }

  .cbox {

	border: 2px solid #2d5696;

	height: 100%;

	text-align: center;

	padding: 10px;

	box-shadow: 2px 1px 15px -9px rgba(66, 68, 90, 1);

  }

  .cbox .corner {

	width: 80px;

	height: 80px;

	background: #33A7B1;

	position: relative;

	overflow: hidden;

	margin: auto;

	display: flex;

	align-items: center;

	justify-content: center;

	font-size: 25px;

	margin: 20px auto;

	color:#fff;

  }

/* .cbox .corner::after {

	border-left: 20px solid transparent;

  

	border-bottom:20px solid #eff3ff;

	bottom: 3px;

  

	right: 3px;

  

	content: "";

  

	z-index: 0;

  

	position: absolute;

} */

.cbox p,.cbox a{

	color:#767676;

}



/* aboutus */

.checklist {

	list-style: none;

	margin-left: -40px;

  }

  .checklist li {

	display: flex;

	margin-bottom: 15px;

	font-size: 18px;

  }

  .checklist li i{

	color: #374c9f;

	padding-top: 5px;

	padding-right: 10px;

  }

  .subtitle {

	font-weight: bold;

	text-transform: uppercase;

	letter-spacing: 1px;

  }

  .abimg{

	display: flex;

	justify-content: space-between;

	align-items: center;

  }

  .abimg img{

	width: 49%;

  }

  .bglightgray{

	/* background-color: #F9F9F9; */

	background-color: #F8F9FA;

  }

  .vmicon {

	width: 60px;

	height: 60px;

  }

  .vmbox {

	box-shadow: 0px 0px 18px 1px rgba(0, 0, 0, 0.1);

	background-color: #fff;

	border-left: 2px solid #374c9f;

  }

  .vmbox .break {

	border-bottom: 1px solid #eee;

  }

  .vmbox .title{

	display: flex;

	align-items: center;

  }

  .vmbox .vmicon{

	margin-right: 20px;

  }

  .vmbox .title,.vmbox .content{

	padding: 30px 40px;

  }

/* end aboutus */



/* service */

.servicebox img {

	height: 400px;

	object-fit: cover;

	object-position: left;

	width: 100%;

  }

  .servicebox{

	position: relative;

	margin: 2px;

  }

  .servicebox::after {

	content: "";

	position: absolute;

	left: 0;

	top: 0;

	right: 0;

	bottom: 0;

	background: linear-gradient(to bottom, rgba(45,45,45,0) 0%,rgba(45,45,45,0.2) 60%,rgb(55, 76, 159) 100%);

	color: #fff;

	z-index: 1;

  }

  .servicebox .content {

	position: absolute;

	left: 15px;

	right:15px;

	bottom: 5%;

	z-index: 2;

	padding: 10px;

  }

  .servicebox .content h4{

	color:#fff;

	font-size: 38px;

  }

  .servicebox .content span{

	color: #ddd;

  }

  .cap span {

    padding: 2px 5px 5px;

    /* height: 30px; */

    background: #10131e;

    color: #fff !important;

    display: inline-block;

    margin: 5px;

    text-align: center;

}

/* end service */



/* projects */

.projectdiv{

	border-bottom: 1px solid #ddd;

	padding-bottom: 50px;

	margin-bottom: 50px;

  }

  .projectdiv:last-child{

	border: none;

	padding-bottom: 0px;

  }

.subbox span {

	background: #000;

	color: #fff;

	padding: 5px 10px;

	display: inline-block;

	text-transform: uppercase;

  }

  .pjbox{

	position: relative;

	transition: 3s ease;

	margin:2px;

  }

  .pjbox::after {

	content: "";

	position: absolute;

	left: 0;

	top: 0;

	right: 0;

	bottom: 0;

	background: linear-gradient(to bottom, rgba(45,45,45,0) 0%,rgba(45,45,45,0.2) 60%,rgb(55, 76, 159) 100%);

	color: #fff;

	z-index: 1;

  }

.pjbox .content {

	position: absolute;

	bottom: 30px;

	left: 10%;

	right: 10%;

	z-index: 2;

  }

  .pjbox .pdiv {

	background: #fff;

	font-size: 18px;

	padding: 10px;

  }

  .pjbox .pdiv p{

	margin: 0;

  }

  .pjgallery img {

	transition: 2s ease;

	max-height: 276px;

	width: 100%;

	object-fit: cover;

  }

  .pjgallery .gimg{	

	margin: 2px;

  }

  .pjgallery div{

	overflow: hidden;

  }

  .pjgallery div:hover img{

	transform: scale(1.1);

  }

  .pjdetail p{

	font-size: 17px;

  }

  .projects button[aria-expanded="false"] .more,.projects button[aria-expanded="true"] .less{

	display: block;

  }

  .projects button[aria-expanded="false"] .less,.projects button[aria-expanded="true"] .more{

	display: none;

  }

  .sl-overlay {

	background: #000;

  }

  .btn-link {

	font-weight: 400;

	color: #364a98;

	background-color: transparent;

  }

/* end projects */