/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 4.19.0.1667893299
Updated: 2022-11-08 07:41:39

*/
/*  */
h2.home-about {
    font-family: 'Lato';
}
.strainght {
    display: none;
}
.img-pro img {
    height: 280px;
}
/*  */
.cnt-icn:hover span.et_pb_image_wrap {
    transition: 2s;
    transform: rotate3d(1, 3, 1, 360deg);
   
}
.cont-icon:hover span.et_pb_image_wrap {
    transition: 2s;
    transform: rotate3d(1, 2, 0, 360deg);
}
.cont-icon:hover .et_pb_blurb_container {
    transition: 2s;
    transform: translate(2px);
}
.cnt-icn:before {
	transition:1s;
    position: absolute;
    height: 100%;
    width: 0%;
    background: #f7c02de3;
    content: '';
    top: 0;
/*     left: 0; */
    bottom: 0;
	right:0;
}
.cnt-icn:hover:before {
	transition:1s;
    position: absolute;
    height: 100%;
    width: 100%;
    background: #f7c02de3;
    content: '';
    top: 0;
   right:0;
     bottom: 0;
	left:0;
}
.about-text{
	    text-align: center !important; 
}
.about-text h5 {
	color:#fff;
	transition:1s;
    background: #74040452;
   
    padding: 0px 0px 0px 0px;
 
    transition: 1s;
    display: inline-block;
    /* left: 93px !important; */
}
.about-text h5 {
    font-size: 0px !important;
    border-radius: 20px 0px;
}
.about-text:hover h5 {
    transition: 1s;
    font-size: 22px !important;
    padding: 8% 12% 8% 12%;
}

.about-text:before {
	transition:1s;
    position: absolute;
    content: '';
    width: 0%;
    height: 0%;
    background: #28272582;
    top: 120px;
    left: 176px;
}
.about-text:hover:before {
	transition:1s;
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: #28272582;
    top: 0px;
    left: 0px;
}
.about-text:hover h5 {
    transition: 1s;
    font-size: 22px !important;
}
.about-text {
	padding:31% 0%;
    width:350px;
	height:300px;
  
}
.about-text h5:before {
	transition:1s;
    position: absolute;
    content: '';
    width: 0%;
    height: 3%;
    background: #fff;
    top: 16px;
}
.about-text:hover h5:before {
	transition:2s;
    position: absolute;
    content: '';
    width: 59%;
    height: 3%;
    background: #fff;
    top: 16px;
}

.about-text h5:after {
	transition:0s;
    position: absolute;
    content: '';
    width: 0%;
    height: 3%;
    background: #fff;
    left: 72px;
    bottom: 14px;
}
.about-text:hover h5:after {
	transition:2s;
    position: absolute;
    content: '';
    width: 59%;
    height: 3%;
    background: #fff;
    left: 72px;
    bottom: 14px;
}
.about-text1 .mission0:before {
	transition:1s;
    position: absolute;
    content: '';
    width: 0%;
    height: 3%;
    background: #f6bf2d;
    top: -115px;
    left: 0;
}
.about-text1:hover .mission0:before {
	transition:2s;
    position: absolute;
    content: '';
    width: 100%;
    height: 3%;
    background: #f6bf2d;
    top: -115px;
    left: 0;
}
.about-text1 .mission1:before {
	transition:1s;
    position: absolute;
    content: '';
    width: 1%;
    height: 0px;
    background: #f6bf2d;
    right: 0;
    top: -115px;
}
.about-text1 .mission2:before {
    transition: 1s;
    position: absolute;
    content: '';
    width: 0%;
    height: 3%;
    background: #f6bf2d;
    left: 0;
    bottom: 0;
    top: 182px;
}
.about-text1:hover .mission2:before {
	transition:2s;
    position: absolute;
    content: '';
    width: 100%;
    height: 3%;
    background: #f6bf2d;
/*     left: 0;
    bottom: -100px; */
	 bottom: 0;
    top: 182px;
}
.about-text1:hover .mission1:before {
transition:2s;
    position: absolute;
    content: '';
    width: 1%;
    height: 300px;
    background: #f6bf2d;
    right: 0;
    top: -115px;
}
.about-text1 .mission3:after {
	transition:1s;
    position: absolute;
    content: '';
    width: 1%;
    height: 0px;
    background: #f6bf2d;
    left: 0;
    top: -117px;
}
.about-text1:hover .mission3:after {
	transition:2s;
    position: absolute;
    content: '';
    width: 1%;
    height: 300px;
    background: #f6bf2d;
    left: 0;
    top: -117px;
}
.about-text1{
	    text-align: center !important; 
}
.about-text1 h5 {
	color:#fff;
	transition:1s;
    background: #74040452;
   
    padding: 0px 0px 0px 0px;
 
    transition: 1s;
    display: inline-block;
    /* left: 93px !important; */
}
.about-text1 h5 {
    font-size: 0px !important;
    border-radius: 20px 0px;
}
.about-text1:hover h5 {
    transition: 1s;
    font-size: 22px !important;
    padding: 8% 12% 8% 12%;
}

.about-text1:before {
	transition:1s;
    position: absolute;
    content: '';
    width: 0%;
    height: 0%;
    background: #28272582;
    top: 120px;
    left: 176px;
}
.about-text1:hover:before {
	transition:1s;
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: #28272582;
    top: 0px;
    left: 0px;
}
.about-text1:hover h5 {
    transition: 1s;
    font-size: 22px !important;
}
.about-text1 {
	padding:31% 0%;
    width:350px;
	height:300px;
  
}
.about-text1 h5:before {
	transition:1s;
    position: absolute;
    content: '';
    width: 0%;
    height: 2%;
    background: #fff;
    top: 46px;
}
.about-text1:hover h5:before {
	transition:2s;
    position: absolute;
    content: '';
    width: 59%;
    height: 2%;
    background: #fff;
    top: 46px;
}
.about-text1 h5:after {
	transition:0s;
    position: absolute;
    content: '';
    width: 0%;
    height: 2%;
    background: #fff;
    left: 72px;
    bottom: 31px;
}
.about-text1:hover h5:after {
	transition:2s;
    position: absolute;
    content: '';
    width: 59%;
    height: 2%;
    background: #fff;
    left: 72px;
    bottom: 31px;
}
.tablepress tr td {
    font-size: 15px;
    font-family: 'Lato';
    font-weight: 500;
    border: 1px solid;
}

/* .tablepress>:where(tbody)>.even>* {
    background-color: #e02b20;
    color: #fff;
} */
.tablepress>.row-hover>tr:hover>* {
    background-color: #e02b20;
    color: #fff;
}
.tablepress tr th {
    font-size: 17px;
    color: #fff;
    font-weight: 600;
    font-family: 'Lato';
    background: #282725;
}
ul.sub-menu li {
    border-bottom: 1px solid #e02b20;
}
.banner-text h2 {
    font-family: Parisian !important;
}
.about-heading h2 {
    font-family: Parisian !important;
}
.capbility:before {
    position: absolute;
    content: '';
    width: 7%;
    height: 9%;
    background: #eab62b;
    left: 30%;
    top: 17px;
}
.capbility:after {
    position: absolute;
    content: '';
    width: 7%;
    height: 9%;
    background: #eab62b;
    right: 30%;
    top: 17px;
}
.grade-heading h2 {
    font-family: Parisian !important;
}
.palin-carbon:before {
    position: absolute;
    content: '';
    width: 7%;
    height: 8%;
    background: #eab62b;
    left: 26%;
    top: 14px;
}.palin-carbon:after {
    position: absolute;
    content: '';
    width: 7%;
    height: 8%;
    background: #eab62b;
    right: 26%;
    top: 14px;
}

.case-hardening:before {
    position: absolute;
    content: '';
    width: 7%;
    height: 8%;
    background: #eab62b;
    left: 24%;
    top: 14px;
}.case-hardening:after {
    position: absolute;
    content: '';
    width: 7%;
    height: 8%;
    background: #eab62b;
    right: 24%;
    top: 14px;
}

.through:before {
    position: absolute;
    content: '';
    width: 7%;
    height: 8%;
    background: #eab62b;
    left: 20%;
    top: 14px;
}.through:after {
    position: absolute;
    content: '';
    width: 7%;
    height: 8%;
    background: #eab62b;
    right: 20%;
    top: 14px;
}

.free-semi:before {
    position: absolute;
    content: '';
    width: 7%;
    height: 8%;
    background: #eab62b;
    left: 20%;
    top: 14px;
}.free-semi:after {
    position: absolute;
    content: '';
    width: 7%;
    height: 8%;
    background: #eab62b;
    right: 20%;
    top: 14px;
}
.testing-certification ul li {
    font-family: 'Lato';
    line-height: 1.9em;
}
.test-certificate img {
    width: 300px;
    height: 220px;
    box-shadow: 10px 10px #f7c02d;
    border-radius: 8px;
}
.strngth p {
    padding: 0px 10px;
}
.strngth {
    background-color: #000003;
}
.production:before {
    position: absolute;
    content: '';
    width: 13%;
    height: 10%;
    background: #f7c02d;
    left: 0px;
    top: 33%;
}
.production:after {
    position: absolute;
    content: '';
    width: 13%;
    height: 10%;
    background: #f7c02d;
    right: 0px;
    top: 33%;
}

.turnover:before {
    position: absolute;
    width: 13%;
    height: 10%;
    content: '';
    background: #f7c02d;
    top: 33%;
    left: 18%;
}
.turnover:after {
    position: absolute;
    width: 13%;
    height: 10%;
    content: '';
    background: #f7c02d;
    top: 33%;
    right: 18%;
}