/*Client feedback Testimonials*/

.testimonials {
  padding: 80px 0;
  background: url("../img/testimonials-bg.jpg") no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
}
.testimonials::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #262627ac;
}
.testimonials .section-header {
  margin-bottom: 40px;
}
.testimonials .testimonials-carousel, .testimonials .testimonials-slider {
  overflow: hidden;
}
.testimonials .testimonial-item {
  text-align: center;
  color: #fff;
}
.testimonials .testimonial-item .testimonial-img {
  width: 100px;
  border-radius: 50%;
  border: 6px solid rgba(255, 255, 255, 0.15);
  margin: 0 auto;
}
.testimonials .testimonial-item h3 {
  font-size: 20px;
  font-weight: bold;
  margin: 10px 0 5px 0;
  color: #fff;
}
.testimonials .testimonial-item h4 {
  font-size: 14px;
  color: #ddd;
  margin: 0 0 15px 0;
}
.testimonials .testimonial-item .quote-icon-left, .testimonials .testimonial-item .quote-icon-right {
  color: rgba(255, 255, 255, 0.4);
  font-size: 26px;
}
.testimonials .testimonial-item .quote-icon-left {
  display: inline-block;
  left: -5px;
  position: relative;
}
.testimonials .testimonial-item .quote-icon-right {
  display: inline-block;
  right: -5px;
  position: relative;
  top: 10px;
}
.testimonials .testimonial-item p {
  font-style: italic;
  margin: 0 auto 15px auto;
  color: #eee;
}
.testimonials .swiper-pagination {
  margin-top: 20px;
  position: relative;
}
.testimonials .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: rgba(255, 255, 255, 0.5);
  opacity: 1;
}
.testimonials .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #106eea;
}
@media (min-width: 992px) {
  .testimonials .testimonial-item p {
    width: 80%;
  }
}

/*Product Card Design*/
.footer-site{
  text-decoration: underline;
}

.project-title{
  font-size: 20px;
}

/* Image Gallery */

.gallery{
  background:#D4D3DD;
}

.portfolio-menu{
	text-align:center;
}
.portfolio-menu ul li{
	display:inline-block;
	margin:0;
	list-style:none;	
	cursor:pointer;
	-webkit-transition:all 05s ease;
	-moz-transition:all 05s ease;
	-ms-transition:all 05s ease;
	-o-transition:all 05s ease;
	transition:all .5s ease;
}
/*
.portfolio-item{
	width:100%;
}*/
.portfolio-item .item{
	/*width:303px;*/
	float:left;
	margin-bottom:10px;
}

/* Client Feedback */

.feedback{
	background: #20e3b2;
}
.card-main {
    padding: 50px;
    border-radius: 10px;
    margin-top: 50px;
    margin-bottom: 50px;
    box-shadow: 0px 4px 8px 0px #283593
}

.card-0 {
    color: #fff;
    background-color: #536DFE;
    position: relative;
    margin-left: 70px;
    border-radius: 10px;
    min-height: 312px
}

.carousel-indicators li {
    cursor: pointer;
    border-radius: 50% !important;
    width: 10px;
    height: 10px
}

.profile {
    color: #000;
    background-color: #FFD54F;
    position: absolute;
    left: -70px;
    top: 17%;
    border-radius: 8px;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px
}

.profile-pic {
    width: 120px;
    height: 120px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px
}

.open-quotes {
    margin-left: 130px;
    margin-top: 100px
}

.content {
    margin-left: 150px;
    margin-right: 80px
}

.close-quotes {
    margin-bottom: 100px;
    margin-right: 60px
}

@media screen and (max-width: 600px) {
    .card-main {
        padding: 50px 10px
    }

    .card-0 {
        min-height: 432px
    }

    .profile {
        top: 24%
    }

    .profile-pic {
        width: 90px;
        height: 90px
    }

    .open-quotes {
        margin-left: 100px
    }

    .content {
        margin-left: 120px;
        margin-right: 50px
    }

    .close-quotes {
        margin-right: 30px
    }
}

.img-hover:hover{
    transform: scale(1.1);
    transition: .5s;
}

.heading__bold{
    color: #283593;
    font-size: 20px;
}

.sub-t{
    text-transform: none;
    font-size: 20px;
    color: green;
}
.sub-text{
    
    font-size: 17px;
    font-weight: 700;
    color: #0e2b3d;
    text-align: left;
}

.product-text{
    font-size: 13px;
    color: #666666;    
    line-height: 25px;   
    list-style: none; 
}

.card-product:hover{
    transform: scale(1.1);
    transition: .5s;    
}

.toner-menu{
    min-width: 120px;
}

/*Product Card Start Design*/
.card-free{
  display: inline-block;
  background: #5cb85c;
  color: #fff;
  font-size: 30px;
  font-weight: 400;
  font-weight: bold;
  text-transform: uppercase;
  text-shadow: 0 1px rgb(0 0 0 / 30%);
}

.entry-content {
  color: gray;
  font-size: 95%;
  padding: 0;
  margin: 0 0 15px !important;
}

.card-title-text1{
  font-size: 22px;
  line-height: 1.45;
  text-align: center;
  font-family: Roboto Slab;
  font-weight: 700;
  font-style: normal;
  --fontSize: 22;
  --minFontSize: 22;
}
.card-title-text{
  font-size: 22px;
  line-height: 1.45;
  text-align: center;
  font-family: Roboto Slab;
  font-weight: 700;
  font-style: normal;
  --fontSize: 22;
  --minFontSize: 22;
  font-size: 1.5em;
  color: white;
}

/*Button Color CSS*/
.btn-color:hover {
background-color: #000 !important;
} 

/*Table Color CSS*/

.table-design{
  background: #04AA6D;
  font-size: 25px;
  color:#ddd;
}
.list-partner{
  list-style: none;   
  text-align: center; 
}

.list-partner li{
  display: inline-block;   
}

/*Result CSS*/

.result_table {
  border: 1px solid white;
}

.result-b{
  background-color: #2a2771 !important; 
  height:100% !important;
}

.table-result {
  background: hsl(72, 93%, 47%);
  font-size: 14px;
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

.tr-result:nth-child(even) {
  background-color: #dddddd;
}
.f_col {
  width: 30%;
  padding-left: 10px;
  height: 40px;
  font-weight: bolder;
}

.std_image {
  vertical-align: auto;  
  width: 140px;
  height: 150px;
}

.result-bd{
  border: 2px solid white;
  padding: 2ch;
}

.safety-home:hover {
  text-decoration: none;
}

.banner-img{  
  background-image: url("/assets/img/banner/workplace-safety.jpg");
  color:whitesmoke;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-img-team{  

  color:rgb(66, 12, 124);
  overflow: hidden; 
  background-repeat: no-repeat;
  background-size: cover;

}
.banner-img-team::before{  
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-color: rgba(0,0,0,0.55);
}

.banner-img-gallery{  
  
  color:rgb(66, 12, 124);
  overflow: hidden; 
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-img-training{  
 
  color:rgb(66, 12, 124);
  overflow: hidden;  
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-img-contact{  

  color:rgb(66, 12, 124);
  overflow: hidden;  
  background-repeat: no-repeat;
  background-size: cover; 
}


.banner-img-contact::before{  
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: rgba(0,0,0,0.25);
}

.haeder-text::after{
position: absolute;
content: "";
width: 100px;
height: 2px;
left: calc(50% - 50px);
bottom: 45px;
background: black;
}


@media (min-width: 992px){
.col-custom {  
  flex: 0 0 41.666667%;
  max-width: 30.7%;
 
  }
}

/*training CSS*/

.training-text{
  font-size: 17px;
  line-height: 2.0;
  font-family: Roboto Slab;
  font-weight: 800;
  font-style: normal;
  --fontSize: 17;
  --minFontSize: 17;
}
.training-card{
  font-size: 16px;
  line-height: 1.45;
  font-family: Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  font-weight: 500;
  font-style: normal;
  --fontSize: 15;
  --minFontSize: 15;
}

.btn-custom{
font-family: "Roboto", Sans-serif !important;
font-size: 22px !important;
font-weight: 600 !important;
text-transform: uppercase !important;
fill: #000000 !important;
color: #000000 !important;
background-color: #FFC000 !important;
border-radius: 30px 30px 30px 30px !important;
padding: 13px 20px 13px 20px !important;
}

.text-nav{
  background: #000;
}
.text-nav li{
  display: table;
}
.text-nav li a{
  font-size: 18px;
  font-weight:600;
  color: #fff !important;

}

.training-color{
  background: #35079e !important;
}

/*Management CSS*/
.ps-center{
  text-align:center !important;
  margin-top: 60px;

}

.v1-relative{ 
position: relative;
}
.v2-relative{
  position: relative;
  margin-top: 25px;
}

.vl {
  border-left: 6px solid #0000cc;
  position: absolute;
  height: 73%;  
  top: 18%;
  left: 50%; 

}
.v2 {
  border-top: 6px solid #0000cc; 
  width: 40%; 
  position: absolute;
  left: 30%;
  top:50%;  
 
}

.mg-position{
  width: 200px;  
  color: #fff;
  margin:auto;
  z-index: 100;
  background: #000099
  ;
}
.right-line {
  border-right: 5px #ccc solid; 
 
  height:5em
}

.top-line {
  border-top: 5px #ccc solid;
}

.halved {
  width: 50%;
  float:left;
}

/*Safety Banner CSS*/
.banner-custom{
  font-family: "Roboto", Sans-serif !important;
  font-size: 40px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
     
  }

  .fact-custom{
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    background: rgb(37, 3, 77);

  }

  /*Safety arrow symbol CSS*/
.custom-icon::before{
  position: relative;
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 10px;
}

/*Safety Notice Button CSS*/

.notice-link{
  
background: rgb(68, 4, 164) !important;
border-radius: 10px !important; 
}
.notice-link a{  
  font-size:16px;
  font-weight: 700;
  color:white;
  text-decoration: none;
  padding: 5px 0px 5px 10px;
  text-align: left !important;
  
}

.notice-link a:hover {
  background-color: rgb(231, 33, 33);
  text-decoration: none;
  color: #fff;
  border-radius: 10px;  
}

/*Safety Register CSS*/
.rf{
  color: red;
}
/*Safety Navbar CSS*/
.hover-class {
  transition: none !important;
}

/*Safety breaking news CSS*/
/*****************************
*	horizontal news ticker
******************************/

.ticker-wrapper-h{
	display: flex;	
	position: relative;
	overflow: hidden;
  background: rgb(80, 51, 228);
}

.ticker-wrapper-h .heading{
	background-color: #f92e2e;
	color: #fff;
	padding: 5px 10px;
	flex: 0 0 auto;
	z-index: 1000;
}
.ticker-wrapper-h .heading:after{
	content: "";
	position: absolute;
	top: 0;
	border-left: 20px solid #f92e2e;;
	border-top: 17px solid transparent;
	border-bottom: 15px solid transparent;
}


.news-ticker-h{
	display: flex;
	margin:0;
	padding: 0;
	padding-left: 90%;
	z-index: 999;
	
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-name: tic-h;
	animation-duration: 30s;
	
}
.news-ticker-h:hover { 
	animation-play-state: paused; 
}

.news-ticker-h li{
	display: flex;
	width: 100%;
	align-items: center;
	white-space: nowrap;
	padding-left: 20px;
}

.dot {
	height: 6px;
	width: 6px;
	margin-left: 6px;
	margin-right: 3px;
	margin-top: 2px !important;
	background-color: tomato;
	border-radius: 50%;
	display: inline-block
}
.news-ticker-h li{
	color: #fff;
  font-weight: 600;
	font-weight: bold;
}

@keyframes tic-h {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		visibility: visible;
	}
	100% {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}

/*Safety Header Responsive CSS*/

@media screen and (max-width:450px) {
  
  .responsive-300 h1{

font-size: 30px !important;
  }  
}

@media screen and (min-width: 1000px){
.col-lg-5 {  
   
    max-width: 40.666667%;
  }
}