* {
    margin: 0px;
    padding: 0px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html,
body {
    scroll-behavior: smooth;
    font-family: "Inter", sans-serif;
    width: 100%;
    position: relative;
    z-index: 1;
    }

/* =============================
			Default Css
  ============================== */
a {
    text-decoration: none;
    outline: 0 !important;
}

a:hover {
    text-decoration: none;
}

:focus {
    outline: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

img {
    max-width: 100%;
    height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6,
ul,
p {
    margin: 0px;
    padding: 0px;
}

ul {
    list-style-type: none;
}
.custom-container {
    padding: 0px 54px;
}
header {
    padding: 8px 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background: #000;
}

header.hdr.scroll{
    font-size: 15px;
}
.scroll .logo a img {
    width: 78px;
}
.dropdown-item {
  font-size: 16px;
  font-weight: 500;
  color: #000;
}
nav.navbar.scroll{
	background-color: #f0efff;
	width: 100%;
	height: auto;
	padding: 5px 0px;
	/* transition: background-color .5s ease 0s; */
	top: 0;
	position: fixed;
	transition: all 0.3s ease 0s;
	box-shadow: 0 0 15px 1px rgba(0, 0, 0, .07);
	z-index: 999;
}
/*=============== Mega Menu ================= */
.container-fluid {
	padding: 0px 54px;
}

.mega-menu .nav-link {
    padding: 12px 20px !important;
    font-weight: 500;
    font-size: 18px;
    color: #000;
    }

.navbar-brand.logo {
	width: 240px;
}
.mega-menu .nav-link:hover {
	color: #2E3192 !important;
}
.mega-menu .nav-link.active {
	color: #2E3192 !important;
}
.mega-content h5 {
    text-align: left;
    font-family: "Poppins", sans-serif;
    font-size: 24px;
    letter-spacing: 0px;
    color: #000;
    font-weight: 600;
    padding: 9px 0px;
    }
.list-group-item {
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: left;
    border: 0px solid rgba(0,0,0,.125);
    letter-spacing: 0px;
    padding: 3px 0px;
    }
.list-group-item:hover {
    color: #2E3192;
    }
.download-catalog{
    font-size: 18px;
    color: #2E3192;
    font-weight: 500;
    background: #CCCBCB;
    border: #2E3192 1px solid;
    border-radius: 12px;
    padding: 6px 17px;
    }
.linklogo {
    width: 60px;
    }
.linklogo img {
    width: 100%;
    }
.linklogo2 {
    width: 40px;
    }
.linklogo2 img {
    width: 100%;
    } 
/*===============  Mega Menu End ================= */




.logo a img {
    width: 98px;
}
.stellarnav.mobile > ul > li > a.dd-toggle {
    width: 100%;
}
.stellarnav a.dd-toggle .icon-plus {
    right: -73%;
}
.stellarnav {
    z-index: 99;
}
.stellarnav li a {
    text-align: right;
    position: relative;
    font: normal normal 400 16px/22px Outfit;
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
}

.stellarnav li a:hover {
    color: #EB6B0A !important;
}
.stellarnav ul {
    padding: 0px 0px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: end;
}
.stellarnav a {
    color: #000 !important;
}

.header-right {
    display: flex;
    align-items: center;
    gap: 72px;
    justify-content: space-between;
}
.stellarnav li.has-sub > a:after {
    content: '';
    margin-left: 7px;
    border-left: unset;
    border-right: unset;
    border-top: unset;
    display: inline-block;
    top: -3px;
    position: relative;
    background-image: url(../image/drpdwn.png);
    height: 6px;
    width: 9px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.stellarnav ul {
    text-align: center;
}
.stellarnav > ul > li > a {
    padding: 10px 23px 10px 24px;
    text-align: right;
    text-transform: capitalize;
    font: normal normal normal 17px/22px Work Sans;
    letter-spacing: 0px;
    color: #FFFFFF !important;
}
.stellarnav > ul > li.active > a {
    color: #EB6B0A !important;
}
.stellarnav li li {
    display: block !important;
    width: 100% !important;
}
.stellarnav.desktop li.has-sub ul li a {
    padding: 10px;
    color: #000 !important;
    font-size: 16px;
    /* border-top: 1px solid #0000; */
    border-bottom: 1px solid #CECECE;
    text-align: left;
    text-transform: capitalize;
    font: normal normal normal 17px / 22px Work Sans;
    letter-spacing: 0px;
    color: #EB6B0A !important;
}

.stellarnav.desktop li.has-sub ul li a:hover{
background-color: #F5F8F9 !important;
color: #529BBB !important;
}

.stellarnav.desktop li.has-sub ul li:last-child:hover a{
border-radius: 0 0 10px 10px;

}
.stellarnav.desktop li.has-sub ul {
    padding-top: 0;
    background-color: #fff;
    box-shadow: 0px 12px 25px #0000000A;
}
.viewmore-btn{
    font-size: 20px;
    font-weight: 600;
    text-decoration: underline;
    color: #2E3192;
    margin-top: 11px;
    }
.viewmore-btn:hover{
    text-decoration: none;
    color: #2E3192;
    }



.banner-section {
    margin: 0px 0px;
    padding: 0px;
    width: 100%;
    position: relative;
    z-index: 99;
	}
.banner-section .owl-dots {
	display: block;
	}
.banner-section .owl-dots {
	display: block;
	position: absolute;
	bottom: 21px;
	text-align: center;
	width: 100%;
	}
.banner-section .owl-theme .owl-dots .owl-dot.active span {
	background: #2E3192 !important;
	border:#2E3192 !important;
	width: 20px;
	}
.banner-section .owl-theme .owl-dots .owl-dot span {
	width: 8px;
	height: 8px;
	margin: 5px 3px;
	background: #ffffff;
	border:#ffffff 1px solid;
	display: block;
	-webkit-backface-visibility: visible;
	transition: opacity .2s ease;
	border-radius: 30px;
	}
.banner-section .owl-nav .owl-prev {	
	background: transparent;
	top: 50%;
	position: absolute;
	left: 142px;
	opacity: 1;
	width: 32px;
	border: #716c6c 1px solid !important;
	height: 32px;
	border-radius: 50px;
	color: #888282 !important;
	font-size: 20px !important;
	text-align: center;
	}
.banner-section .owl-nav .owl-next {
	background: transparent;
	top: 50%;
	position: absolute;
	right: 142px;
	opacity: 1;
	width: 32px;
	border: #716c6c 1px solid !important;
	height: 32px;
	border-radius: 50px;
	color: #888282 !important;
	font-size: 20px !important;
	text-align: center;
   }  
/* .banner-section .bannertop {
	position: absolute;
	width: 100%;
	height:34%;
	left: 0;
	right: 0;
	top: 0px;
	cursor: pointer;
	background-image: linear-gradient(180deg, #0d0c0c, #0000);
	z-index: 99;
	} */
/* .banner-section #overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	bottom: 0px;
	cursor: pointer;
	background: #0000006e;
	} */
.bannerleft-text {
    position: absolute;
    top: 15%;
    width: 50%;
    left: 5%;
    text-align: left;
    }
.bannerleft-text ul {
    margin: 0px 0px;
    padding: 0px 0px;
    display: flex;
    align-items: start;
    gap: 15px;
    }
.bannerleft-text li {
    margin: 11px 0px;
    padding: 0px 0px;
    font-size: 17px;
    font-weight: 400;
    color: #c4c1c1;
    }
.bannerleft-text h2{
    margin: 0px 0px;
    padding: 0px 0px;
    font-size: 56px;
    font-weight: 500;    
    color: #fff;
    }
.bannerleft-text h2 span{
    display: block;
    font-weight: 800;
    font-style: italic;
    }
.bannerleft-text h6{
    margin: 0px 0px 19px 0px;
    padding: 10px 10px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    border: #2E3192 1px solid;
    border-radius: 24px;
    width: 49%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    }
.bannerleft-text p {
margin: 9px 0px;
  padding: 0px 0px;
  font-size: 21px;
  font-weight: 400;
  color: #bdbdbd;
  width: 82%;
}
.catalogbtn{
    margin:20px 0px 0px 0px;
    padding: 0px 0px;
    position: relative;
    display: flex;
    align-items: start;
    gap: 22px;
}
.productcat{
  margin: 0px 0px;
  padding: 10px 37px;
  font-size: 22px;
  font-weight: 500;
  text-align: center;
  border-radius: 13px;
  color: #2E3192;
  background: #CCCBCB;
 }
 .productcat:hover{
  color: #ffffff;
  background: #2E3192;
 }
.pequestquote{
margin: 0px 0px;
  padding: 10px 50px;
  font-size: 22px;
  font-weight: 500;
  border-radius: 13px;
  color: #fff;
  background: #444040e5;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
 }
 .pequestquote:hover{
  color: #ffffff;
  background: #2E3192;
 }
.bannerleft-text .plangetstart-btn:hover{
    margin: 0px 0px;
    padding: 0px 0px;
    font-size: 26px;
    font-weight: 400;
    color: #fff;
    }
.bannercarousel-text {
	display: flex;
	align-items: start;
	justify-content: end;
}
.bannerright-text{
  position: absolute;
  right: 3%;
  top: 27%;
  width: 35%;
}
.bannerright-text ul {
    margin: 0px 0px;
    padding: 0px 0px;
    display: flex;
    align-items: start;
    gap: 23px;
    flex-wrap: wrap
    }
.bannerright-text li {
margin: 0px 10px;
  padding: 9px 15px;
  font-size: 20px;
  font-weight: 400;
  color: #ffffff;
  background: #c4c1c17d;
  border-radius: 13px;
  line-height: 28px;
  }
.bannerright-text li span{
    display: block;
    font-size: 26px;
    font-weight: 600;
    color: #2E3192;
    }
.oursolutions-section{
    padding: 50px 0;
    position: relative;
    }
.tophead {
	text-align: center;
    margin-bottom: 30px;
    }
.tophead h6 {
	margin: 0px auto;
	padding: 8px 0px;
	background: #D9D9DA;
	border: #00004C 1px solid;
	border-radius: 18px;
	font-size: 14px;
	color: #00004C;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	width: 12%;
}
.tophead h2 {
	margin: 0px 0px;
	padding: 15px 0px;
	font-size: 36px;
	color: #000000;
	font-weight: 600;
}
.tophead p{
    margin: 0px 0px;
    padding: 0px 14%;
    font-size: 18px;
    color: #666;
    font-weight: 400;
    }
.manuf-solution{
    margin: 0px 0px;
    padding: 0px 0px;
    display: flex;
    justify-content: space-around;
    gap: 22px;

     }
.solutioncard{
    margin: 0px 0px;
    padding: 20px 20px;
    background: #E6E6EE;
    border-radius: 18px;
     }
.solutioncard:hover{
    box-shadow: rgba(0, 0, 0, 0.28) 0px 10px 9px -3px, rgba(0, 0, 0, 0) 0px 4px 6px -2px;
     }
.solutioncard h3 {
	margin: 0px 0px;
	padding: 15px 0px;
	font-size: 36px;
	color: #000000;
	font-weight: 600;
}
.solutioncard h5{
    margin: 0px 0px;
    padding: 0px 0px;
    font-size: 18px;
    color: #666;
    font-weight: 400;
    min-height: 118px;
    }
.learnmor {
margin: 0px 0px;
  padding: 15px 0px;
  font-size: 14px;
  font-weight: 600;
  color: #00004C;
  display: flex;
  align-items: center;
  justify-content: left;
  gap: 11px;
}
.learnmor:hover {
     color: #00004C;
	gap: 15px;
}
.solutionicon {
	margin: 0px 0px;
	padding: 30px 30px;
	background: #00004C;
	border-radius: 18px;
	width: 120px;
	text-align: center;
}
.viewall_solution {
  margin: 40px auto 0px auto;
  padding: 15px 24px;
  background: #CCCBCB;
  font-size: 18px;
  font-weight: 600;
  color: #00004C;
  border: #2E3192 1px solid;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  border-radius: 12px;
  width: 275px;
}
.viewall_solution:hover {
     color: #00004C;
	gap: 15px;
}
.chooseganpati-section{
  padding: 50px 0;
  position: relative;
  background: #ECECF6;
  }
.chooseganpati-section .tophead h6 {
	padding: 9px 0px;
	width: 20%;
}
.chooseganpati-section .tophead h2 {
	padding: 15px 12%;
}
.ganpatigroup-sect{
    display: flex;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
    }
.ganpatigroup-card{
margin: 0px 0px;
  padding: 12px 20px;
  width: 32.5%;
  border-radius: 8px;
  border: #cecece 1px solid;
}
.ganpatigroup-card:hover{
background: #B9B9E3;
  box-shadow: rgba(0, 0, 0, 0.28) 0px 10px 9px -3px, rgba(0, 0, 0, 0) 0px 4px 6px -2px;
  border: #B9B9E3 1px solid;
}
.industrialbox {
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 10px;
    margin-bottom: 12px;
}
.industrialicon {
	margin: 0px 0px;
	padding: 0px 0px;
	width: 73px;
	height: 73px;
	border-radius: 18px;
	background: #00004C;
	display: flex;
	align-items: center;
	justify-content: center;
}
.industrialbox h3 {
	margin: 0px 0px;
	padding: 0px 0px;
	font-size: 24px;
	color: #000000;
	font-weight: 600;
}
.industrialbox p {
	margin: 0px 0px;
	padding: 0px 0px;
	font-size: 24px;
	color: #000000;
	font-weight: 400;
}
.customsolution-section{
    padding: 50px 0;
    position: relative;
}
.customsolution-card{
margin: 0px 0px;
  padding: 30px 20px;
  background: #ECECF6;
  border-radius: 18px;
  text-align: center;
}
.customsolution-card h2 {
	margin: 0px 0px;
	padding: 15px 0px;
	font-size: 36px;
	color: #000000;
	font-weight: 600;
}
.customsolution-card p {
	margin: 0px 0px;
	padding: 0px 14%;
	font-size: 18px;
	color: #666;
	font-weight: 400;
}
.talkexpert {
margin: 30px auto 30px auto;
  padding: 13px 24px;
  background: #CCCBCB;
  font-size: 18px;
  font-weight: 600;
  color: #00004C;
  border: #2E3192 1px solid;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  border-radius: 12px;
  width: 245px;
}
.talkexpert:hover {
    box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
     color: #00004C;
}
.aboutganpati-section {
	padding: 50px 0;
	position: relative;
	background: #DBDBF4;
}
.aboutganpati-section .tophead p {
	padding: 0px 30%;
}
.aboutganpati-sect {
	margin: 0px 0px;
	padding: 0px 0px;
	display: flex;
	justify-content: space-around;
	gap: 22px;
}
.aboutganpati-card {
	margin: 0px 0px;
	padding: 20px 20px;
	background: #AFAFD2;
	border-radius: 8px;
    min-height: 332px;
}
.aboutganpati-icon {
	margin: 0px 0px;
	padding: 14px 14px;
	background: #ECECF6;
	border-radius: 12px;
	width: 80px;
    height: 80px;
	text-align: center;
}
.aboutganpati-card h3 {
	margin: 0px 0px;
	padding: 15px 0px;
	font-size: 26px;
	color: #000000;
	font-weight: 500;
}
.aboutganpati-card h5 {
margin: 0px 0px;
  padding: 0px 0px;
  font-size: 18px;
  color: #666;
  font-weight: 400;
  line-height: 25px;
  width: 86%;
}
.industrialneeds-section {
	padding: 75px 0;
	position: relative;
	background: #ECECF6;
    overflow: hidden;
}
.ellipse1arrow{
  position: absolute;
  left:  -24px;
  top: -33px;
   }
.ellipse2arrow{
  position: absolute;
  right:  -24px;
  bottom: -33px;
}
.industrialneedleft .tophead h6 {
	width: 33%;
    }
.industrialneedleft .tophead h2 {
	width: 75%;
    text-align: left;
    padding: 11px 0px 6px 0px;
    }
.industrialneedleft .tophead p {
	padding: 0px 0px;
	text-align: left;
}
.directly-sect {
	margin: 0px 0px;
	padding: 0px 0px;
	display: flex;
	justify-content: start;
	gap: 22px;
}
.directlycard {
margin: 0px 0px;
  padding: 20px 20px;
  background: #DBDBF4;
  border: #00004C 1px solid;
  border-radius: 18px;
  min-height: 136px;
  width: 43%;
}
 
.directlycard h5 {
	margin: 0px 0px;
	padding: 0px 0px;
	font-size: 14px;
	color: #000000;
	font-weight: 600;
	line-height: 30px;
    } 
.directlycard h5 span {
     display: block;
	font-size: 18px;
	color: #000000;
	font-weight: 400;
    } 
.directlycard-icon {
margin: 0px 0px;
  padding: 5px 5px;
  background: #ECECF600;
  border-radius: 12px;
  width: 58px;
  height: 58px;
  text-align: center;
}
.requestquote-sect {
	margin: 30px 0px 0px 0px;
	padding: 0px 0px;
	position: relative;
	display: flex;
	align-items: start;
	gap: 22px;
}
.quote-btn{
  margin: 0px 0px;
  padding: 12px 26px;
  font-size: 18px;
  font-weight: 600;
  border-radius: 12px;
  color: #2E3192;
  background: #CCCBCB;
  border: #2E3192 1px solid;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
 }
 .quote-btn:hover{
  border: #454ad1 1px solid;
 }
 .catalog-btn{
  margin: 0px 0px;
  padding: 12px 26px;
  font-size: 18px;
  font-weight: 600;
  border-radius: 12px;
  color: #2E3192;
  background: #ffffff;
  border: #ffffff 1px solid;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
 }
 .catalog-btn:hover{
  border: #2E3192 1px solid;
 }

.industrialneedleft ul {
    margin: 0px 0px;
    padding: 0px 0px;
    display: flex;
    align-items: start;
    gap: 25px;
    }
.industrialneedleft li {
    margin: 18px 0px 11px 0px;
    padding: 0px 0px;
    font-size: 16px;
    font-weight: 600;
    color: #737388;
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 5px;
    }
.industrialimg{
    margin: 0px 0px;
	padding: 0px 0px;
    position: relative;
    height: 580px;
    border-radius: 8px;
    overflow: hidden;
   }
.industrialimg img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: 0.3s ease-in-out;
   }
.industrialimg img:hover {
    transform: scale(1.2);
    overflow: hidden;
    transition: 0.3sease-in-out;
    }

.industrialneedright {
	position: relative;
    }
    .qualityqssured {
    position: absolute;
    right: -24px;
    padding: 20px 20px;
    background: #DBDBF4;
    border-radius: 8px;
    z-index: 99;
    top: -33px;
    }
.qualityqssured h4{
margin: 0px 0px;
  padding: 0px 0px;
  font-size: 18px;
  color: #00004C;
  font-weight: 500;
  text-align: center;
} 
.qualityqssured h4 span{
    display: block;
  font-size: 24px;
  font-weight: 600;
} 
 .supportavailable {
    position: absolute;
    left: -24px;
    padding: 20px 20px;
    background: #DBDBF4;
    border-radius: 8px;
    z-index: 99;
    bottom: -33px;
}
.supportavailable h4{
margin: 0px 0px;
  padding: 0px 0px;
  font-size: 18px;
  color: #00004C;
  font-weight: 500;
  text-align: center;
} 
.supportavailable h4 span{
    display: block;
  font-size: 24px;
  font-weight: 600;
} 

/*======== About page ======= */
section{
  padding:50px 54px;
}
.sectionabout h2{
  text-align:center;
  font-size:32px;
  margin-bottom:10px;
  color: #000000;
  font-weight: 600;
}

.sub{
text-align: center;
  font-size: 18px;
  color: #666;
  font-weight: 400;
  margin-bottom: 50px;
  padding: 0px 30%;
}


.about-container{
  display:flex;
  gap:40px;
  flex-wrap:wrap;
  align-items:center;
}

.about-text{
  flex:1;
  min-width:280px;
}
.about-text h3 {
	font-size: 32px;
	color: #000000;
	font-weight: 600;
    margin-bottom: 16px;
}
.about-text p{
font-size: 16px;
  color: #666;
  font-weight: 400;
  margin-bottom: 14px;
  line-height: 22px;
}
.stats-box{
  flex: 1;
  min-width: 280px;
  background: #e9e9f2;
  padding: 55px 30px;
  border-radius: 15px;
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 20px;
}

.stat{
  text-align:center;
}

.stat h3 {
	font-size: 32px;
	color: #0b0f4f;
	font-weight: 700;
}
.stat p {
	font-size: 18px;
	color: #666;
	font-weight: 400;
}
/* TIMELINE */
.timeline{
  position:relative;
  max-width:100%;
  margin:0 auto;
}

.timeline::before{
  content:'';
  position:absolute;
  left:18px;
  top:0;
  width:3px;
  height:100%;
  background:#0b0f4f;
}

.timeline-item{
  position:relative;
  margin-bottom:40px;
  padding-left:97px;
  opacity:0;
  transform:translateY(40px);
  animation:fadeUp 1s forwards;
}

.timeline-item:nth-child(1){animation-delay:0.2s;}
.timeline-item:nth-child(2){animation-delay:0.4s;}
.timeline-item:nth-child(3){animation-delay:0.6s;}
.timeline-item:nth-child(4){animation-delay:0.8s;}
.timeline-item:nth-child(5){animation-delay:1s;}
.timeline-item:nth-child(6){animation-delay:1.2s;}
.timeline-item:nth-child(1)::before{
  content:'88';
}
.timeline-item:nth-child(2)::before{
  content:'95';
}
.timeline-item:nth-child(3)::before{
  content:'05';
    background: #FFDD55;
    color: #000;
}
.timeline-item:nth-child(4)::before{
  content:'15';
}
.timeline-item:nth-child(5)::before{
  content:'20';
}
.timeline-item:nth-child(6)::before{
  content:'24';
    background: #FFDD55;
    color: #000;
}
.timeline-item::before{
  content:'';
position: absolute;
  left: -7px;
  top: -51px;
  width: 54px;
  height: 55px;
  background: #0b0f4f;
  border-radius: 13px;
  color: #fff;
  font-size: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}

.timeline-content{
background: white;
  padding: 20px;
  border-radius: 12px;
  box-shadow: -3px 5px 8px rgba(0,0,0,0.08);
  transition: 0.3s;
  border: #000 1px solid;
}

.timeline-content:hover{
  transform:translateY(-5px);
}
.timeline-content h4 {
text-align: left;
  font-size: 32px;
  color: #000000;
  font-weight: 600;
}
.timeline-content h4 span {
    font-size: 20px;
    display: block;
	color: #00004C;
}
.timeline-content p {
font-size: 18px;
  color: #666;
  font-weight: 400;
  margin-top: 4px;
}
/* VALUES + INFRA GRID */
.grid-4, .grid-3{
  display:grid;
  gap:25px;
}

.grid-4{
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
}

.grid-3{
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
}

.card{
background: white;
  padding: 30px;
  text-align: center;
  border-radius: 15px;
  box-shadow: 0 5px 10px rgba(0,0,0,0.08);
  transition: 0.3s;
  border: #000 1px solid;
}

.card h4 {
	font-size: 26px;
	color: #000000;
	font-weight: 600;
    margin-bottom: 8px;
}
.card p {
font-size: 17px;
  color: #666;
  font-weight: 500;
  line-height: 22px;
  padding: 0px 10%;
}
.card:hover{
  transform:translateY(-8px);
}

.icon{
width: 75px;
  height: 75px;
  margin: 0 auto 15px;
  background: #0b0f4f;
  border-radius: 12px;
  padding: 15px;
}

/* ANIMATION */
@keyframes fadeUp{
  to{
    opacity:1;
    transform:translateY(0);
  }
}


  
/*======== Milestone page ======= */

.milestone-section{
  padding:50px 54px;
  text-align:center;
}

.milestone-section h1{
  font-size:36px;
  margin-bottom:10px;
  color: #000000;
  font-weight: 600;
}

.milestone-section p{
  font-size: 18px;
  color: #666;
  font-weight: 400;
  margin-bottom: 50px;
  margin-bottom:60px;
}

.milestone-section .timeline{
  position:relative;
  max-width:1000px;
  margin:0px auto;
}

.milestone-section .timeline::after{
display: none;
}
.milestone-section .timeline::before {
content: '';
  position: absolute;
  width: 2px;
  background: #001f5b;
  top: 0px;
  bottom: 0;
  left: 50% !important;
  margin-left: 0px;
  z-index: -1;
}

.milestone-section .container{
  padding:20px 40px;
  position:relative;
  width:50%;
  opacity:0;
  transform:translateY(50px);
  transition:all .6s ease;
}

.milestone-section .container.show{
  opacity:1;
  transform:translateY(0);
}

.milestone-section .left{
 right:25%;
}
.milestone-section .left .content{
 text-align: right;
}
.milestone-section .left .content .year {
	justify-content: end;
}
.milestone-section .left .content .desc{
text-align: right;
}
.milestone-section .right{
  left:25%;
}

.milestone-section .content{
  background:white;
  padding:25px;
  border-radius:10px;
  box-shadow:0 5px 20px rgba(0,0,0,0.08);
  text-align:left;
  border: #ccc 1px solid;
}

.milestone-section .year{
  font-weight: 500;
  color: #00004C;
  margin-bottom: 2px;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 8px;
}

.milestone-section .title{
  font-size:26px;
  font-weight:500;
  color: #00004C;
  margin-bottom:2px;

}

.milestone-section .desc{
  color:#666;
  font-size:16px;
  font-weight: 400;
}

.milestone-section .circle{
position: absolute;
  top: -8px;
  right: -34px;
  width: 65px;
  height: 65px;
  background: #001f5b;
  border-radius: 50%;
  z-index: 1;
  padding: 12px;
}

.milestone-section .right .circle{
  left:-31px;
}


/*======== Our Story page ======= */

.sectionstory{
  padding:50px 54px 25px 54px;
  text-align:center;
}
.sectionstory h2{
  font-size: 36px;
  margin-bottom: 10px;
  color: rgb(0, 0, 0);
  font-weight: 600;
}
.sectionstory .sub-text{
  font-size: 18px;
  color: rgb(102, 102, 102);
  font-weight: 400;
  margin-bottom: 30px;
}

/* STORY TEXT */
.sectionstory  .story-text{
  max-width:100%;
  margin:auto;
  text-align:center;
  color:#444;
}

.sectionstory .story-text p{
  font-size: 22px;
  color: #000000;
  font-weight: 500;
  margin-bottom: 20px;
  text-align: left;
}
 

/* CARDS GRID */
.sectionstory .grid-2{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:30px;
  margin-top:50px;
}
.sectionstory .card02 {
	padding: 19px !important;
}
.sectionstory .card{
  background:#CCCCDB;
  padding:40px;
  border-radius:12px;
  transition:0.4s ease;
  opacity:0;
  transform:translateY(40px);
  border: 0px;
  text-align: left;
  border:#CCCCDB 1px solid;
}
.userimg-card {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px;
	border-radius: 12px 12px 0px 0px;
	overflow: hidden;
}
.userimg-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s ease-in-out;
}
.userimg-card img:hover {
    transform: scale(1.2);
    overflow: hidden;
    transition: 0.3sease-in-out;
    }
.sectionstory .card:hover{
  transform:translateY(-8px);
  box-shadow:0 15px 30px rgba(0,0,0,0.1) !important;
  border:#00004C 1px solid;
}
.sectionstory .card h5 {
	font-size: 26px;
	margin-bottom: 10px;
	color: #000000;
	font-weight: 500;
  line-height: 30px;
}
.sectionstory .card h5 span {
  display: block;
	font-size: 20px;
	color: #00004C;
}
.sectionstory .card h3{
font-size: 26px;
  margin-bottom: 10px;
  color: #000000;
  font-weight: 500;
}
.sectionstory .card p {
font-size: 22px;
  color: rgb(94, 91, 91);
  font-weight: 400;
  margin-bottom: 18px;
  padding: 0px;
  line-height: 31px;
  width: 95%;
}
.mission-icon {
	margin: 0px 0px 20px 0px ;
	padding: 14px 14px;
	background: #00004C;
	border-radius: 12px;
	width: 80px;
	height: 80px;
	text-align: center;
}
.sectionstory .card ul{
  margin-top:10px;
  list-style:none;
}

.sectionstory .card ul h4 {
	font-size: 16px;
	color: rgb(94, 91, 91);
	font-weight: 500;
	margin-bottom: 10px;
	padding: 0px;
	line-height: 31px;
}

.sectionstory .card ul li{
  font-size: 22px;
  color: rgb(94, 91, 91);
  font-weight: 400;
  margin-bottom: 60px;
  padding: 0px;
  line-height: 31px;
  margin-bottom:4px;
}
.sectionstory .container {
	max-width: 992px;
}
/* MILESTONE GRID */
.sectionstory .grid-4{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:35px;
  margin-top:40px;
}

.sectionstory .small-card{
  background:#ffffff;
  padding:20px 21px 26px 21px;
  text-align:center;
  border-radius:10px;
  border:1px solid #ddd;
  transition:0.3s;
  text-align: center;
  opacity:0;
  transform:translateY(40px);
}
.sectionstory .small-card h3{
    font-size: 26px;
    margin-bottom: 10px;
    color: rgb(0, 0, 0);
    font-weight: 600;
  }
.sectionstory .small-card p {
  font-size: 18px;
  color: rgb(102, 102, 102);
  font-weight: 400;
  margin-bottom: 13px;
  line-height: 23px;
  }
.sectionstory .small-card:hover{
  background:#ffffff;
  transform:translateY(-5px);
  border: #000000 1px solid;
  box-shadow: 4px 6px 10px rgba(0, 0, 0, 0.23);
}
.safetyicon {
margin: 0px auto 12px auto;
  padding: 0px 0px;
  width: 46px;
  height: 46px;
  text-align: center;
}
/* INFRA GRID */
.sectionstory .grid-3{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-top:40px;
  margin-bottom: 25px;
}

.sectionstory .link-card{
  border:1px solid #000000;
  padding:44px 17px;
  border-radius:10px;
  background:#fff;
  transition:0.3s;
  opacity:0;
  text-align: left;
  transform:translateY(40px);
}

.sectionstory .link-card:hover{
  transform:translateY(-6px);
  box-shadow:0 6px 7px rgba(0, 0, 0, 0.2);
}
.sectionstory .link-card h3 {
	font-size: 24px;
	margin-bottom: 10px;
	color: #000000;
	font-weight: 600;
}
.sectionstory .link-card p {
	font-size: 18px;
	color: rgb(102, 102, 102);
	font-weight: 400;
	margin-bottom: 13px;
	line-height: 23px;
  width: 89%;
}
.sectionstory .link-card a{
display: inline-block;
  margin-top: 15px;
  text-decoration: none;
  color: #1a237e;
  font-weight: 400;
  font-size: 18px;
}

/*===== Key Members Page ======= */
.membercard {
	background: #ffffff;
	padding: 0px 0px;
	border-radius: 10px;
	border: 1px solid #ddd;
	transition: 0.3s;
	transform: translateY(10px);
  margin-bottom: 22px;
}
.membercard:hover {
	background: #ffffff;
	transform: translateY(-2px);
	border: #000000 1px solid;
	box-shadow: 1px 6px 5px rgba(0, 0, 0, 0.23);
}
.memberimg {
	margin: 0px 0px 8px 0px;
	padding: 0px 0px;
	border-radius: 12px 12px 0px 0px;
	overflow: hidden;
}
.memberimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s ease-in-out;
}
.memberimg img:hover {
    transform: scale(1.2);
    overflow: hidden;
    transition: 0.3sease-in-out;
    }
.membertext{ 
  margin: 0px 0px;
  padding: 15px 15px;
  text-align: left;
  }
.membertext h6 {
	font-size: 20px;
	margin-bottom: 10px;
	color: #00004C;
	font-weight: 400;
  }
.membertext h3 {
	font-size: 24px;
	color: #00004C;
	font-weight: 600;
  line-height: 30px;
  margin-bottom: 6px;
  }
.membertext h3 span {
  display: block;
  font-size: 18px;
  color: rgb(102, 102, 102);
  font-weight: 400;
  } 
.membertext p {
  font-size: 18px;
  color: rgb(102, 102, 102);
  font-weight: 400;
  margin-bottom: 10px;
  } 
.memberfooter{
border-top: 1px solid rgb(191, 188, 188);
  padding: 10px 0px;
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 19px;
}
.jointeam-section{
  margin: 0px 0px;
  padding: 60px 0px;
  background: #CCCCDB;
  text-align: center;
}
.jointeam-section h2 {
	font-size: 26px;
	margin-bottom: 10px;
	color: #000000;
	font-weight: 600;
	line-height: 30px;
}
.jointeam-section p {
	font-size: 20x;
	color: rgb(94, 91, 91);
	font-weight: 400;
	margin-bottom: 18px;
	width:100%;
}
.jointeam-viewbtn {
  margin: 40px auto 0px auto;
  padding: 15px 24px;
  background: #00004C;
  font-size: 18px;
  font-weight: 600;
  color: #ffffff;
  border: #00004C 1px solid;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  border-radius: 12px;
  width: 275px;
}
.jointeam-viewbtn:hover {
  color: #ffffff;
	gap: 15px;
}

/*===== Industry Safety Page ======= */
.sectionindustry {
	padding: 50px 0px 25px 0px;
  }
.section-subanner{
  margin: 36px 0px 0px 0px;
  padding: 0px 0px;
  position: relative;
  height: 440px;
  border-radius: 12px;
  overflow: hidden;
  }
  .section-subanner img{
  height: 100%;
  width: 100%;
  object-fit: cover;
  }
.subannerbg{
  padding-top: 62px;
  padding-left: 44px;
  position: absolute;
  background: #04042F8C;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0px;
  right: 0px;
  bottom: 0px;
  }
  .subannerbg h6 {
margin: 0px 0px 12px 0px;
  padding: 9px 8px;
  font-size: 19px;
  font-weight: 500;
  background: #FFDD55;
  color: #000000;
  border-radius: 12px;
  width: 29%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.subannerbg h3 {
margin: 0px 0px;
  padding: 0px 0px;
  font-size: 40px;
  font-weight: 500;
  color: #fff;
  width: 40%;
  line-height: 44px;
}
.subannerbg p {
margin: 11px 0px 19px 0px;
  padding: 0px 0px;
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  width: 44%;
  line-height: 25px;
}
.subcatalogue-card {
	margin: 20px 0px 0px 0px;
	padding: 0px 0px;
	position: relative;
	display: flex;
	align-items: start;
	gap: 22px;
}
.subquote-btn{
  margin: 0px 0px;
  padding: 10px 37px;
  font-size: 22px;
  font-weight: 500;
  text-align: center;
  border-radius: 12px;
  color: #000000;
  border: #FFDD55 1px solid ;
  background: #FFDD55;
 }
 .subquote-btn:hover{
  color: #000000;
  background: #fcd53a;
 }
.subview-btn{
  margin: 0px 0px;
  padding: 10px 50px;
  font-size: 22px;
  font-weight: 500;
  border-radius: 12px;
  color: #fff;
  border: #ffffff 1px solid ;
  background: #444040ab;
 }
 .subview-btn:hover{
  color: #ffffff;
  background: #444040e5;
 }
 .subtext-card{
  margin: 0px 0px;
  padding: 15px 0px;
 }
 .subtext-card ul{
  margin: 0px 0px;
  padding: 0px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 78px;
 }
  .subtext-card li{
  margin: 0px 0px;
  padding: 0px 0px;
  font-size: 22px;
  color: #000;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 12px;
}
.sectionindustry h2 {
	padding: 15px 0px;
	font-size: 28px;
	color: #000000;
	font-weight: 500;
  margin-bottom: 20px;
}
.safetycategcard {
	background: #ffffff;
	padding: 0px 0px;
	border-radius: 10px;
	border: 1px solid #ddd;
	transition: 0.3s;
	transform: translateY(6px);
	margin-bottom: 22px;
}
.safetycategcard:hover {
	background: #ffffff;
	transform: translateY(-2px);
	border: 1px solid #ddd;
	box-shadow: 1px 6px 5px rgba(0, 0, 0, 0.23);
}
.safetycategimg {
	margin: 0px 0px 8px 0px;
	padding: 0px 0px;
	border-radius: 12px 12px 0px 0px;
	overflow: hidden;
}
.safetycategimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s ease-in-out;
}
.safetycategimg img:hover {
    transform: scale(1.2);
    overflow: hidden;
    transition: 0.3s ease-in-out;
}
.memberimg img:hover {
    transform: scale(1.2);
    overflow: hidden;
    transition: 0.3sease-in-out;
    }
.safetycategtext {
	margin: 0px 0px;
	padding: 10px 15px;
	text-align: left;
}
.safetycategtext h3 {
	font-size: 24px;
	margin-bottom: 10px;
	color: #000000;
	font-weight: 500;
}
.safetycategtext ul {
	margin: 0px 0px;
	padding: 0px 0px;
	width: 100%;
	position: relative;
	}
.safetycategtext li {
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 26px;
  width: 100%;
  position: relative;
  font-size: 18px;
  font-weight: 400;
  color: #000000;
  line-height: 24px;
  list-style: none;
	}
.safetycategtext li::before {
	background-image: url(../image/ix_success-filled.png);
	background-repeat: no-repeat;
	content: "";
	width: 20px;
	height: 20px;
	display: inline-block;
	position: absolute;
	left: 0px;
	top: 3px;
	}

.advances-secti{
  padding: 29px 26px 20px 26px;
  background: #F1EEEE;
  border-radius: 12px;
  }
.advances-secti h3 {
  font-size: 28px;
  color: #000000;
  font-weight: 500;
  line-height: 32px;
  margin-bottom: 17px;
  }
.advances-secti h3 span {
  font-size: 18px;
  color: rgb(102, 102, 102);
  font-weight: 400;
  display: block;
  }

.advancescard {
	background: #ffffff;
	padding: 21px 24px;
	border-radius: 10px;
	transition: 0.3s;
	transform: translateY(6px);
	margin-bottom: 22px;
  }
.advancescard:hover {
	transform: translateY(0px);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  }
  .advancescicon {
    margin-bottom: 16px;
    padding: 13px 5px;
    background: #D2D1D1;
    border-radius: 10px;
    width: 69px;
    text-align: center;
    }
.advancescard h4 {
	font-size: 24px;
	margin-bottom: 10px;
	color: #000000;
	font-weight: 500;
  }
.advancescard p {
	font-size: 18px;
	color: rgb(102, 102, 102);
	font-weight: 400;
	margin-bottom: 13px;
	line-height: 25px;
	width: 89%;
  }
.advancesbtn {
  margin: 0px 0px;
  padding: 15px 0px;
  font-size: 20px;
  font-weight: 400;
  color: #00004C;
  display: flex;
  align-items: center;
  justify-content: left;
  gap: 11px;
  }
.advancesbtn:hover {
  color: #00004C;
	gap: 15px;
  }

.readyupgrad{
  margin: 0px 0px;
  padding: 40px 30px;
  background: #CCCCDB;
  border-radius: 12px;
  }

.readyupgrad h2 {
  padding: 0px 0px;
  font-size: 28px;
  color: #000000;
  font-weight: 500;
  width: 74%;
  line-height: 37px;
  margin: 0px;
  }
.readyupgrad p {
  font-size: 20px;
  color: #000000;
  font-weight: 400;
  width: 70%;
  margin-top: 12px;
  }
.readyupgrad-btn{
display: flex;
  align-items: center;
  gap: 12px;
  justify-content: end;
  padding-top: 8%;
}
.downloadbtn {
	padding: 12px 24px;
	background: #ffffff00;
	font-size: 22px;
	font-weight:500;
	color: #ffffff;
	border: #FFFFFF 1px solid;
	border-radius: 12px;
  }
.downloadbtn:hover {
	background: #ffffff;
	color: #000000;
  }
.speakbtn {
	padding: 12px 24px;
	background: #FFDD55;
	font-size: 22px;
	font-weight:500;
	color: #000000;
	border: #FFDD55 1px solid;
	border-radius: 12px;
  }
.speakbtn:hover {
	background: #fdd638;
	color: #000000;
  }
  .safetycategtext p {
  font-size: 18px;
  color: #383737;
  font-weight: 400;
   margin-bottom: 12px;
   }
.systemscard{
  padding: 14px 0px 9px 0px;
  border-top: #e1d8d8 1px solid;
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 20px;
  }
.systemscard h6 {
  font-size: 18px;
  color: #000000;
  font-weight: 400;
  line-height: 30px;
   border-right:#ccc 1px solid ;
   padding-right: 12px;
   }
   .systemscard h6.last {
   border-right:#ccc 0px solid ;
   }
.systemscard h6 span{
  display: block;
  font-size: 22px;
  color: #2E3192;
  font-weight: 500;
   }

.profcard{
  margin: 0px 0px;
  padding: 0px 0px;
  }
.profcard h2 {
  font-size: 28px;
  color: #000000;
  font-weight: 500;
  line-height: 37px;
  width: 70%;
  margin-bottom:48px;
   }
.strictcard{
  margin-bottom: 38px;
  padding: 0px 0px;
  display: flex;
  justify-content: start;
  gap: 14px;
  }
.stricticon {
  padding: 20px 7px;
  background: #666694;
  border-radius: 10px;
  width: 129px;
  text-align: center;
  height: 75px;
}
.strictext h4{  
  font-size: 24px;
  color: #000000;
  font-weight: 500;
  margin-bottom: 7px;
  }
.strictext p{  
  font-size: 20px;
  color: #000000;
  font-weight: 500;
  line-height:28px;
  }
.professional-procur{
  padding: 50px 0px 25px 0px;
  }
.profcard02 {
	display: flex;
	justify-content: space-between;
	gap: 15px;
	flex-wrap: wrap;
}
.profcard-img1 {
  margin: 0px 0px 15px 0px;
  padding: 0px 0px;
  border-radius: 12px;
  overflow: hidden;
  height: 254px;
  width: 240px;
}
.profcard-img1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s ease-in-out;
}
.profcard-img1 img:hover {
    transform: scale(1.2);
    overflow: hidden;
    transition: 0.3s ease-in-out;
}
.profcard-img1 img:hover {
    transform: scale(1.2);
    overflow: hidden;
    transition: 0.3sease-in-out;
    }
 .profcard-img2 {
  margin: 31px 0px 15px 0px;
	padding: 0px 0px;
	border-radius: 12px;
	overflow: hidden;
  height: 254px;
  width: 240px;
}
.profcard-img2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s ease-in-out;
}
.profcard-img2 img:hover {
    transform: scale(1.2);
    overflow: hidden;
    transition: 0.3s ease-in-out;
}
.profcard-img2 img:hover {
    transform: scale(1.2);
    overflow: hidden;
    transition: 0.3sease-in-out;
    }  
 .profcard-img3 {
  margin: -32px 0px 15px 0px;
  padding: 0px 0px;
  border-radius: 12px;
  overflow: hidden;
  height: 254px;
  width: 240px
}
.profcard-img3 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s ease-in-out;
}
.profcard-img3 img:hover {
    transform: scale(1.2);
    overflow: hidden;
    transition: 0.3s ease-in-out;
}
.profcard-img3 img:hover {
    transform: scale(1.2);
    overflow: hidden;
    transition: 0.3sease-in-out;
    }  
.profcard-img4 {
	margin: 0px 0px 15px 0px;
	padding: 0px 0px;
	border-radius: 12px;
	overflow: hidden;
  height: 254px;
  width: 240px;
}
.profcard-img4 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s ease-in-out;
}
.profcard-img4 img:hover {
    transform: scale(1.2);
    overflow: hidden;
    transition: 0.3s ease-in-out;
}
.profcard-img4 img:hover {
    transform: scale(1.2);
    overflow: hidden;
    transition: 0.3sease-in-out;
    }  

/*===== Earth Moving Page ======= */
.sectionearth {
	padding: 50px 0px 25px 0px;
  }
.earthcardleft {
	background: #ffffff;
	padding: 15px 15px;
	border-radius: 10px;
	border: 1px solid #ddd;
 }
.earthcardleft h3 {
padding: 5px 0px;
  font-size: 28px;
  color: #000000;
  font-weight: 500;
  margin-bottom: 21px;
}
.earthcardleft ul {
  position: relative;
  }
.earthcardleft li {
  position: relative;
  }
.earthcardleft li a {
  font-size: 20px;
  color: #000000;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 12px;
  padding: 10px 15px;
  border-radius: 12px;
  margin-bottom: 9px;
}
.earthcardleft li a:hover {
background: #FFDD55;
}
.earthcardleft li a.active{
background: #FFDD55;
}
.earthcardleft h6 a{
  font-size: 20px;
  color: #000000;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 12px;
  padding: 10px 15px;
  border-radius: 12px;
  margin-bottom: 9px;
}
.earthcardleft h6 a:hover{
background: #FFDD55;
}   
.technicalsuppor{
  border-top: #ccc 1px solid;
  padding: 24px 0px 15px 0px;
  margin-top: 22px;
}
.technicalsuppor h4 {
  font-size: 24px;
  color: #000000;
  font-weight: 500;
  margin-bottom: 24px;
 }
.contactbtn{
  margin: 0px 0px;
  padding: 13px 24px;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  border-radius: 12px;
  color: #ffffff;
  background: #00004C;
 }
 .contactbtn:hover{
  color: #ffffff;
  background: #01016d;
 }

.earthcardright{
  position: relative;
  }
.earthcardright h2 {
	padding: 0px 0px;
	font-size: 32px;
	color: #000000;
	font-weight: 600;
	margin-bottom: 21px;
}
.excavatorcard{
  border-radius: 12px;
  border: 1px solid #ddd;
  overflow: hidden;
  margin-bottom: 28px;
  }
.excavatorimg{
  width: 100%;
  height: 100%;
  }
.excavatorimg img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.excavator-text{
  padding:36px 43px 26px 43px;
}
.excavator-text h6 {
  background: #D7E3F4;
  font-size: 16px;
  color: #00004C;
  font-weight: 400;
  border-radius: 12px;
  display: inline;
  padding: 8px 12px;
}
.excavator-text p {
  font-size: 20px;
  color: #000000;
  font-weight: 400;
  margin-bottom: 7px;
  margin-top: 25px;
}
.rangecard01{
  border-bottom: #d7d7d7 1px solid;
  padding: 9px 0px;
  margin-top: 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  }
.excavator-text h3 {
  font-size: 20px;
  color: #000000;
  font-weight: 700;
  padding: 8px 0px;
}
.talkrange-btn {
	padding: 9px 22px;
	background: #00004C;
	font-size: 20px;
	font-weight: 600;
	color: #ffffff;
	border: #00004C 1px solid;
	border-radius: 12px;
  display: inline flow-root list-item;
  margin-top: 30px;
}
.talkrange-btn:hover {
	background: #010177;
  color: #ffffff;
}
.toothadaptorcard {
	border-radius: 12px;
	border: 1px solid #ddd;
	overflow: hidden;
	margin-bottom: 28px;
}
.toothadaptor-text {
	padding: 28px 43px 26px 39px;
}
.earthcardright h3 {
	padding: 0px 0px;
	font-size: 20px;
	color: #000000;
	font-weight: 600;
	margin-bottom: 15px;
}
.toothadaptor-text p {
  font-size: 20px;
  color: #000000;
  font-weight: 400;
  margin-bottom: 7px;
  margin-top: 10px;
  line-height: 28px;
}
.toothadaptor-text ul {
	margin: 20px 0px;
	padding: 0px 0px;
	width: 100%;
	position: relative;
	}
.toothadaptor-text li {
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 26px;
  width: 100%;
  position: relative;
  font-size: 18px;
  font-weight: 500;
  color: #000000;
  line-height: 24px;
  list-style: none;
	}
.toothadaptor-text li::before {
	background-image: url(../image/qlementine-icons_success-02.png);
	background-repeat: no-repeat;
	content: "";
	width: 20px;
	height: 20px;
	display: inline-block;
	position: absolute;
	left: 0px;
	top: 3px;
	}
.toothadaptorimg{
  width: 100%;
  height: 100%;
  position: relative;
  }
.toothadaptorimg img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.forgedbg{
  position: absolute;
  background: #000000a6;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
}
.forgedtext{
  position: absolute;
  left: 34px;
  bottom: 36px;
 }
 .forgedtext h4 {
  padding: 0px 0px;
  font-size: 24px;
  color: #ffffff;
  font-weight: 600;
  margin-bottom: 12px;
}
.forgedtext h6 {
  font-size: 19px;
  color: #ffffff;
  font-weight: 400;
  margin-bottom: 12px;
  margin-top: 10px;
  line-height: 25px;
  width: 74%;
}
.technical-btn {
  padding: 6px 12px;
  background: #FFDD55;
  font-size: 20px;
  font-weight: 600;
  color: #00004C;
  border: #FFDD55 1px solid;
  border-radius: 12px;
  display: inline flow-root list-item;
  margin-top: 17px;
}
.technical-btn:hover {
	background: #f3cc32;
  color: #00004C;
}
.pinbushercard{
  padding: 24px 24px;
  border-radius: 12px;
  border: 1px solid #ddd;
  overflow: hidden;
  margin-bottom: 28px;
}
.pinbushercard h2 {
	font-size: 24px;
	color: #000000;
	font-weight: 600;
  display: flex;
  align-items: center;
  justify-self: start;
  gap: 12px;
  }
.pinbushericon {
  padding: 13px 7px;
  background: #1877F2;
  border-radius: 10px;
  width: 65px;
  text-align: center;
  height: 65px;
}
.pinbushercard p {
  font-size: 20px;
  color: #000000;
  font-weight: 400;
  width: 93%;
  margin-bottom: 20px;
  }
.parameter-text{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
.parameter-text h4 {
	padding: 0px 0px;
	font-size: 20px;
	color: #000000;
	font-weight: 600;
}
.parameter-text h3 {
	padding: 0px 0px;
	font-size: 20px;
	color: #000000;
	font-weight: 500;
  margin-bottom: 0px;
}
.parameter-text h3 span {
	font-weight: 400;
}
.variants-btn {
  margin: 0px 0px;
  padding: 15px 0px;
  font-size: 24px;
  font-weight: 600;
  color: #00004C;
  display: flex;
  align-items: center;
  justify-content: left;
  gap: 11px;
}
.variants-btn:hover {
  color: #00004C;
	gap: 15px;
}
.highpresurecard{
  padding: 35px 24px;
  border-radius: 12px;
  border: 1px solid #ddd;
  overflow: hidden;
  margin-bottom: 28px;
}
.highpresure-left h3{
  font-size: 28px;
  color: #000000;
  font-weight: 600;
  width: 93%;
  margin-bottom: 15px;
}
.highpresure-left p{
  font-size: 20px;
  color: #000000;
  font-weight: 400;
  width: 93%;
  margin-bottom: 20px;
}
.maxtemp-section{
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 14px;
  }
.highpresure-left h6{
  background: #F1F1F1;
  font-size: 18px;
  color: #000000;
  font-weight: 400;
  text-align: center;
  border-radius: 12px;
  padding: 15px 17px;
  width: 37%;
  line-height: 30px;
}
.highpresure-left h6 span{
  font-size: 20px;
  font-weight: 600;
  display: block;
}
.highpresure-img{
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
}
.highpresure-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: 0.3s ease-in-out;
}
.highpresure-img img:hover {
	transform: scale(1.2);
	overflow: hidden;
	transition: 0.3sease-in-out;
}

.require-customcard{
  padding: 35px 35px;
  background: #0A66C2;
  border-radius: 12px;
  text-align: center;
  margin-bottom: 30px;
}
.require-customcard h2 {
	font-size: 28px;
	color: #ffffff;
	font-weight: 600;
	width: 93%;
	margin-bottom: 15px;
}
.require-customcard p {
  font-size: 20px;
  color: #ffffff;
  font-weight: 400;
  width: 93%;
  margin-bottom: 20px;
  line-height: 28px;
}
.requirecard-section{
  margin: 30px 0px 0px 0px;
  padding: 0px 0px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
}
.engineeringteam-btn{
  margin: 0px 0px;
  padding: 12px 26px;
  font-size: 20px;
  font-weight: 600;
  border-radius: 12px;
  color: #00004C;
  background: #ffffff;
  border: #ffffff 1px solid;
 }
 .engineeringteam-btn:hover{
  border: #ffffff 1px solid;
  color: #ffffff;
  background: #ffffff00;
 }
 .booksurvey-btn{
  margin: 0px 0px;
  padding: 12px 26px;
  font-size: 20px;
  font-weight: 600;
  border-radius: 12px;
  color: #ffffff;
  background: #ffffff00;
  border: #ffffff 1px solid;
 }
 .booksurvey-btn:hover{
  background: #ffffff;
  border: #ffffff 1px solid;
  color: #00004C;
 }

/*===== Consult Page ======= */
.sectionconsult {
	padding: 50px 0px 25px 0px;
}
  .sectionconsult .container{
    max-width: 1026px;
  }
.subannerbg h4 {
  padding-top: 25px;
  font-size: 42px;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  width: 40%;
  line-height: 58px;
  }
.subannerbg h4 span {
  display: block;
	color: #FACC15;
  }
.consultcardleft {
	background: #ffffff;
	padding: 35px 27px;
	border-radius: 12px;
	border: 1px solid #ddd;
}
.consultcardleft h3 {
	padding: 0px 0px;
	font-size: 14px;
	color: #000000;
	font-weight: 600;  
  text-transform: uppercase;
	margin-bottom: 21px;
}
.projectform{}
.projectform label{
  padding: 0px 0px;
  font-size: 14px;
  color: #111318;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 9px;
}
.form-select{
  background: #E5E7EBFC;
  color: #111318;
  font-size: 16px;
  font-weight: 400;
  border-radius: 8px;
  border: 1px solid #D8DBDF;
  padding: 10px 15px;
  appearance: auto;
}
.form-control {
  background: #E5E7EBFC;
  color: #111318;
  font-size: 16px;
  font-weight: 400;
  border-radius: 8px;
  border: 1px solid #D8DBDF;
  padding: 10px 15px;
}
.submitbtn {
	padding: 21px 12px;
	background: #01014C;
	border-radius: 12px;
	font-size: 16px;
	font-weight: 700;
	border: 0;
	color: #ffffff;
	width: 100%;
	text-transform: uppercase;
	margin-top: 25px;
  box-shadow: 0 0 15px 1px rgba(0, 0, 0, .07);
}
.submitbtn:hover {
	background: #010172;
}
.consultcardright {
	background: #00004C;
	padding: 35px 35px 25px 35px;
	border-radius: 16px;
  margin-bottom: 27px;
}
.formtext{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.formtext{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 7px;
}
.formtext h5{
  font-size: 12px;
  color: #6B7280;
  font-weight: 400;
}
.formtext h6{
  font-size: 14px;
  color: #1152D4;
  font-weight:700;
}
.formtext h6 a{
  color: #1152D4;
  text-decoration: none;  
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 8px;
}
.formtext h6 a:hover{
  text-decoration: underline;
}
.consultcardright h2 {
  padding: 0px 0px;
  font-size: 20px;
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 21px;
  text-transform: uppercase;
  line-height: 27px;
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 12px;
}
.expertcard{
  margin-bottom: 20px;
  display: flex;
  justify-content: start;
  gap: 14px;
  }
.expertcard-icon {
  padding: 5px 3px;
  background: #fefeff2b;
  border-radius: 8px;
  width: 111px;
  text-align: center;
  height: 47px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.expertcard-text h4{
  font-size: 14px;
  color: #ffffff;
  font-weight: 700;
  line-height: 20px;
  text-transform: uppercase;
  margin-bottom: 4px;
 }
 .expertcard-text p{
	font-size: 12px;
	color: #9CA3AF;
	font-weight: 400;
 }
 .regionalcard{
  background: #ffffff;
  padding: 35px 27px 18px 27px;
  border-radius: 12px;
  border: 1px solid #ddd;
  margin-bottom: 27px;
}
.regionalcard h3{
  font-size: 16px;
  color: #1152D4;
  font-weight: 700;
  line-height: 20px;
  text-transform: uppercase;
  margin-bottom: 15px;
  width: 76%;;
 }
.regionaltext{
  padding: 0px 19px;
  border-left: #f4f4f4 2px solid;
  margin-bottom: 25px;
   }
  .regionaltext h5{
  font-size: 12px;
  color: #9CA3AF;
  font-weight: 700;
  line-height: 20px;
  text-transform: uppercase;
  margin-bottom: 2px;
 } 
.regionaltext h4{
  font-size: 16px;
  color: #111318;
  font-weight: 800;
  line-height: 27px;
  margin-bottom: 4px;
 } 
 .regionaltext h4 span{
  display: block;
  font-size: 14px;
  color: #6B7280;
  font-weight: 400;
 } 
.needimmediatcard{
  background: #FFDD55;
  padding: 29px 29px;
  border-radius: 16px;
  margin-bottom: 27px;
}
.needimmediatcard h3 {
	padding: 0px 0px;
	font-size: 14px;
	color: #111318;
	font-weight: 700;
	margin-bottom: 21px;
	text-transform: uppercase;
	line-height: 27px;
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 12px;
}
.needimmediatcard p {
  font-size: 13px;
  color: #111318;
  font-weight: 500;
}
.support-btn{
  margin-top: 25px;
  padding: 12px 37px;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  border-radius: 8px;
  color: #ffffff;
  background: #00004C;
  display: inline flow-root list-item;
  width: 100%;
  list-style: none;
  }
 .support-btn:hover{
  color: #ffffff;
  background: #020269;
 }

/*===== Request quote Page ======= */
.sectionrequest {
	padding: 50px 0px 25px 0px;
}
.sectionrequest h2 {
	font-size: 48px;
	margin-bottom: 10px;
	color: #111318;
	font-weight: 700;
}
.sectionrequest h2 span {
  display: block;
	font-size: 12px;
	color: #1152D4;
	font-weight: 700;
  text-transform: uppercase;
}
.sectionrequest p {
  font-size: 18px;
  color: #616F89;
  font-weight: 400;
  margin-bottom: 40px;
  width: 56%
}
.submitquot-btn{
  margin-top: 25px;
  padding: 12px 37px;
  font-size: 28px;
  font-weight: 700;
  text-align: center;
  border-radius: 8px;
  color: #0A0E17;
  background: #FFDD55;
  border: #FFDD55 1px solid;
  display: inline flow-root list-item;
  width: 100%;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  }
 .submitquot-btn:hover{
   border: #FFDD55  1px solid;
  color: #0A0E17;
  background: #fad43a;
 }
 .downcatalogcard{
  background: #00004C;
  position: relative;
  padding: 28px 26px 22px 26px;
  border-radius: 16px;
  margin-bottom: 27px;
 }
 .catalogarrow{
  position: absolute;
  top: 0px;
  right: 0px;
  opacity: 0.1;
 }
 .downcatalogcard h2 {
	font-size: 24px;
	margin-bottom: 10px;
	color: #ffffff;
	font-weight: 700;
}
.downcatalogcard p {
  font-size: 14px;
  color: #ffffff;
  font-weight: 400;
  margin-bottom: 20px;
  width: 97%;
}
.safetycard{
  padding: 16px 15px;
  background: #FFFFFF0D;
  border-radius: 10px;
  margin-bottom: 15px;
  border: #ffffff1f 1px solid;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.safetycard-icon {
  padding: 5px 3px;
  background: #FBBF2438;
  border-radius: 8px;
  width: 45px;
  text-align: center;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.safetycard-icon2 {
  padding: 5px 3px;
  background: #FFFFFF1F;
  border-radius: 8px;
  width: 45px;
  text-align: center;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.safetycard-icon3 {
  padding: 5px 3px;
  background: #10B98140;
  border-radius: 8px;
  width: 45px;
  text-align: center;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.safetycard-text{
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 10px;
}
.safetycard-text h6 {
  font-size: 15px;
  color: #ffffff;
  font-weight: 600;
  line-height: 20px;
}
.safetycard-text h6 span {
  display: block;  
	font-size: 10px;
	font-weight: 400;
}
.ourcommitmecard {
	background: #ffffff;
	padding: 28px 26px 22px 26px;
	border-radius: 12px;
	border: 1px solid #ddd;
	margin-bottom: 27px;
}
.ourcommitmecard h2 {
	font-size: 13px;
	color: #616F89;
	font-weight: 700;
	line-height: 20px;
	text-transform: uppercase;
	margin-bottom: 15px;
 }
 .ourcommit-text {
	display: flex;
	align-items: center;
	justify-content: start;
  gap: 12px;
  margin-bottom: 20px;
}
.ourcommit-text h6 {
  font-size: 17px;
  color: #111318;
  font-weight: 700;
  line-height: 28px;
}
.ourcommit-text h6 span {
  display: block;
  color: #616F89;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
}
.ourcommit-icon1 {
  padding: 5px 3px;
  background: #1152D426;
  border-radius: 8px;
  width: 67px;
  text-align: center;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ourcommit-icon2 {
  padding: 5px 3px;
  background: #FBBF242B;
  border-radius: 8px;
  width: 67px;
  text-align: center;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ourcommit-icon3 {
  padding: 5px 3px;
  background: #10B9811A;
  border-radius: 8px;
  width: 67px;
  text-align: center;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.facilitycard {
	background: #ffffff;
	padding: 0px 0px;
	border-radius: 12px;
	margin-bottom: 27px;
  overflow: hidden;
  position: relative;
}
.facilitycard img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.facilitycardbg {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background: #00000080;
  padding-top: 38%;
}
.facilitycardbg h6 {
  font-size: 20px;
  color: #ffffff;
  font-weight: 600;
  line-height: 28px;
  text-align: center;
}

/*===== Ppe age ======= */
.sectionppe{
padding: 50px 0px 25px 0px;
}
.sectionppe .container{
	max-width: 100%;
	margin: auto;
	display: flex;
	gap: 35px;
	flex-wrap: wrap;
	width: 100%;
	padding: 0px 54px;
}

.sectionppe .left{
  flex:1 1 500px;
}

.sectionppe .main-img{
  width:100%;
  border-radius:20px;
  overflow:hidden;
  cursor:zoom-in;
  position:relative;
}

.sectionppe .main-img img{
  width:100%;
  transition:0.4s ease;
}

.sectionppe .fade{
  animation:fadeIn 0.4s ease;
}

@keyframes fadeIn{
  from{opacity:0;}
  to{opacity:1;}
}

.sectionppe .thumbnails{
  margin-top:20px;
  display:flex;
  gap:20px;
}

.sectionppe .thumbnails img{
  width:100px;
  height:80px;
  object-fit:cover;
  border-radius:12px;
  cursor:pointer;
  transition:0.3s;
  border:3px solid transparent;
}

.sectionppe .thumbnails img:hover{
  transform:scale(1.05);
}

.sectionppe .thumbnails img.active{
  border:3px solid #00008b;
}

.sectionppe .right{
  flex:1 1 400px;
}

.sectionppe .badge{
display: inline-block;
  padding: 8px 14px;
  background: #00004C;
  color: white;
  border-radius: 12px;
  font-size: 15px;
  margin-bottom: 15px;
  font-weight: 300;
}

.sectionppe h1{
font-size: 34px;
  margin-bottom: 15px;
  color: #000;
  font-weight: 600;
}

.sectionppe .rating{
margin-bottom: 15px;
  color: #000;
  font-size: 18px;
  font-weight: 600;
}

.sectionppe .stock{
  color:#34C759;
  font-size: 18px;
  font-weight:600;
}

.sectionppe .desc{
color: #555;
  line-height: 1.6;
  margin-bottom: 25px;
  font-size: 18px;
  font-weight: 500;
}

.sectionppe .btn{
display: inline-block;
  padding: 9px 56px;
  background: #00004C;
  color: white;
  border-radius: 12px;
  text-decoration: none;
  font-weight: 500;
  transition: 0.3s;
  font-size: 24px;
}

.sectionppe .btn:hover{
  background:#000066;
}

/* Lightbox */
.sectionppe .lightbox{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.8);
  display:none;
  justify-content:center;
  align-items:center;
  z-index:999;
}

.sectionppe .lightbox img{
  max-width:90%;
  max-height:90%;
  border-radius:20px;
}

.sectionppe .lightbox.show{
  display:flex;
}
.logisticard{
background: #ffffff;
  padding: 17px 30px;
  border-radius: 12px;
  border: 1px solid #ddd;
  margin-bottom: 27px;
  margin-top: 27px;
}
.logisticard h5{
color: #000000;
  line-height: 1.6;
  margin-bottom: 4px;
  font-size: 22px;
  font-weight: 500;
}
.logisticard p{
color: #323131;
  line-height: 25px;
  margin-bottom: 9px;
  font-size: 17px;
  font-weight: 400;
}
.technicalspec{
  background: #ECECF6;
  padding: 17px 15px;;
  border-radius: 12px;
  min-height: 327px;
  transition: 0.3s;
}
.technicalspec:hover {
  transform: translateY(-6px);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.16);
}
.technicalspec h3 {
	font-size: 24px;
	color: #000000;
	font-weight: 500;
	line-height: 20px;
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 12px;
  margin-bottom: 30px;
}
.technicon {
  padding: 5px 3px;
  background: #00004C;
  border-radius: 12px;
  width: 60px;
  text-align: center;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.techtext {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 17px;
}
.techtext h3 {
	padding: 0px 0px;
	font-size: 20px;
	color: #000000;
	font-weight: 400;
  margin-bottom: 0px;  
  line-height: 25px;
}
.techtext h3 span {
	font-size: 20px;
	font-weight: 500;
}
.boughttoge{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
  }
.boughttoge h2 {
	font-size: 28px;
	color: #000000;
	font-weight: 500;
	line-height: 20px;
  }
.viewacces{
  font-size: 18px;
  color: #00004C;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 6px;
  }
.viewacces:hover{
	color: #00004C;
  text-decoration: underline;
  }
.boughttogecard {
	background: #ffffff;
	padding: 0px 0px;
	border-radius: 10px;
	border: 1px solid #ddd;
	transition: 0.3s;
	transform: translateY(6px);
	margin-bottom: 22px;
}
.boughttogeimg {
	margin: 0px 0px 8px 0px;
	padding: 0px 0px;
	border-radius: 12px 12px 0px 0px;
	overflow: hidden;
}
.boughttogeimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s ease-in-out;
}
.boughttogeimg img:hover {
    transform: scale(1.2);
    overflow: hidden;
    transition: 0.3s ease-in-out;
}
.boughttogetext {
	margin: 0px 0px;
	padding: 14px 10px;
	text-align: left;
}
.boughttogetext h3 {
  font-size: 19px;
  margin-bottom: 6px;
  color: #000000;
  font-weight: 500;
}
.boughttogetext p {
  font-size: 16px;
  color: #55575B;
  font-weight: 400;
  margin-bottom: 19px;
  line-height: 20px;
  min-height: 40px;
}
.addquote{
  background: #FFE501;
  font-size: 19px;
  color: #000000;
  font-weight: 500;
  border-radius: 12px;
  padding: 5px 12px;
  width: 100%;
  display: block;
  text-align: center;
  margin-bottom: 14px;
}
.addquote:hover{
  background: #f7e016;
  color: #000000;
}
.protection-solution {
  padding: 35px 35px;
  background: #00004C;
  border-radius: 71px;
  text-align: center;
  width: 89%;
  margin: 40px auto;
}
.protection-solution h2 {
  font-size: 32px;
  color: #ffffff;
  font-weight: 600;
  width: auto;
  margin-bottom: 10px;
}
.protection-solution p {
  font-size: 18px;
  color: #ffffff;
  font-weight: 400;
  width: auto;
  margin-bottom: 20px;
  line-height: 28px;
  padding: 0px 25%;
}
.pro-solution {
	margin: 30px 0px 0px 0px;
	padding: 0px 0px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 22px;
}
.consultexper-btn{
  margin: 0px 0px;
  padding: 6px 26px;
  font-size: 25px;
  font-weight: 500;
  border-radius: 9px;
  color: #000000;
  background: #FFDD55;
  border: #FFDD55 1px solid;
 }
 .consultexper-btn:hover{
  color: #000000;
  background: #f8d23a;
  border: #f8d23a 1px solid;
 }
 .bulkorder-btn{
  margin: 0px 0px;
  padding: 6px 26px;
  font-size: 25px;
  font-weight: 500;
  border-radius: 9px;
  color: #000000;
  background: #ffffff;
  border: #ffffff 1px solid;
 }
 .bulkorder-btn:hover{
  color: #ffffff;
  background: #f8d23a00;
  border: #ffffff 1px solid;
 }

/*===== Contact Page ======= */
.directcont-card h2 {
  font-size: 20px;
  color: #000000;
  font-weight:700;
  text-transform: uppercase;
	display: flex;
	align-items: center;
	justify-content: start;
  gap: 12px;
	margin-bottom: 30px;
}
.directcont-card h3 {
	font-size: 16px;
	margin-bottom: 6px;
	color: #000000;
	font-weight: 600;
}
.directcont-card p {
	font-size: 14px;
	color: #94A3B8;
	font-weight: 400;
	margin-bottom: 16px;
	line-height: 20px;
  width: 51%;
}
.directcont-card h6 a {
  font-size: 16px;
  color: #000000;
  font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: start;
  gap: 6px;
	margin-bottom: 30px;
}
.emergencysupport{
  padding: 30px 26px;
  background: #00004C;
  border-radius: 16px;
  width: 100%;
   }
.emergencysupport h3 {
  font-size: 18px;
  margin-bottom: 15px;
  color: #ffffff;
  font-weight: 700;
}
.emergencysupport p {
  font-size: 13px;
  color: #94A3B8;
  font-weight: 400;
  margin-bottom: 22px;
  line-height: 18px;
  width: 100%;
  }
.emergencybtn {
	background: #DC2626;
	font-size: 15px;
	color: #ffffff;
	font-weight: 700;
	border-radius: 8px;
	padding: 10px 12px;
	width: 100%;
	text-align: center;
	margin-top: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}
.emergencybtn:hover{
  background: #e61a1a;
  color: #ffffff;
}

.sendinquiry-card {
	padding: 35px 35px;
	background: #00004C;
	border-radius:12px;
	width: 100%;
   }
.sendinquiry-card h2 {
	font-size: 30px;
	margin-bottom: 10px;
	color: #ffffff;
	font-weight: 600;
}
.sendinquiry-card p {
	font-size: 16px;
	color: #94A3B8;
	font-weight: 400;
	margin-bottom: 16px;
	line-height: 23px;

}
.sendinquiryform label{
  padding: 0px 0px;
  font-size: 13px;
  color: #94A3B8;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 9px;
}
.sendinquiryform .form-select{
  background: #ffffff;
  color: #6B7280;
  font-size: 16px;
  font-weight: 400;
  border-radius: 8px;
  border: 1px solid #D8DBDF;
  padding: 10px 15px;
  appearance: auto;
}
.sendinquiryform .form-control {
  background: #ffffff;
  color: #6B7280;
  font-size: 16px;
  font-weight: 400;
  border-radius: 8px;
  border: 1px solid #ffffff;
  padding: 10px 15px;
}
.department-card h2 {
  font-size: 20px;
  color: #000000;
  font-weight: 700;
  text-transform: uppercase;
	display: flex;
	align-items: center;
	justify-content: start;
  gap: 12px;
	margin-bottom: 30px;
}
.globalsales{
  padding: 20px 18px;
  border-radius: 12px;
  border: #1E293B 1px solid;
  margin-bottom: 23px;
}
.globalsales h2 {
	font-size: 16px;
	color: #000000;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 12px;
	margin-bottom: 17px;
}
.globalsales p {
	font-size: 14px;
	color: #94A3B8;
	font-weight: 400;
	margin-bottom: 16px;
	line-height: 20px;
	width: 76%;
}
.globalsales h6 a {
  font-size: 16px;
  color: #000000;
  font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: start;
  gap: 6px;
	margin-bottom: 10px;
}


/*===== Careers Page ======= */
.section-careerbanner {
	margin: 36px 0px 0px 0px;
	padding: 0px 0px;
	position: relative;
	height: 570px;
	border-radius: 12px;
	overflow: hidden;
}
.section-careerbanner img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.careerbannerbg {
	padding-top: 62px;
	padding-left: 44px;
	position: absolute;
	background-image: linear-gradient(to top, #231B12, #7C716500);
	width: 100%;
	height: 76%;
	left: 0px;
	right: 0px;
	bottom: 0px;
}
.careerbannerbg h6 {
  margin: 86px 0px 5px 0px;
  padding: 6px 11px;
  font-size: 13px;
  font-weight: 700;
  background: #FFDD55;
  color: #0F172A;
  border-radius: 8px;
  width: auto;
  text-transform: uppercase;
  text-align: center;
  display: inline flow-root list-item;
  list-style: none;
}
.careerbannerbg h5 {
  padding-top: 10px;
  font-size: 50px;
  font-weight: 700;
  color: #F1F5F9;
  width: 57%;
  line-height: 56px;
}
.careerbannerbg h4 {
	padding-top: 25px;
	font-size: 42px;
	font-weight: 600;
	color: #F1F5F9;
	width: 44%;
	line-height: 58px;
}
.careerbannerbg h4 span {
	color: #FFDD55;
}
.careerbannerbg p {
	margin: 11px 0px 40px 0px;
	padding: 0px 0px;
	font-size: 18px;
	font-weight: 400;
	color: #fff;
	width: 44%;
	line-height: 25px;
}
.viewopening-btn{
  padding: 17px 30px;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  border-radius: 8px;
  color: #221910;
  background: #FFDD55;
  }
 .viewopening-btn:hover{
  color: #221910;
  background: #fdd63c;
  }
.leadsafetycard{
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 12px;
  margin-top: 27px;
}
.leaduser{
  width: 48px;
  height: 48px;
  overflow: hidden;
  border: #FFDD55 2px solid;
  border-radius: 50px;
}
.leaduser img{
  width: 1005;
  height: 100%;
  object-fit: cover;
}
.leaduser-text h3{
  font-size: 18px;
  color: #ffffff;
  font-weight: 800;
  }
.leaduser-text ul {
    margin: 0px 0px;
    padding: 0px 0px;
    display: flex;
    align-items: start;
    gap: 7px;
    }
.leaduser-text li {
  padding: 0px 0px;
  font-size: 14px;
  font-weight: 400;
  color: #CBD5E1;
  }  
.safetyinnovation {
  padding: 0px 8%;
  width: 100%;
  }

.safetyinnovation h3 {
  font-size: 36px;
  margin-bottom: 35px;
  color: #000000;
  font-weight: 600;
  line-height: 31px;
}
.safetyinnovation h3 span {
  display: block;
	font-size: 12px;
	color: #F27F0D;
	font-weight: 600;
  text-transform: uppercase;
}
.safecard{
  padding: 27px 23px;
  background: #8080A5;
  border-radius: 12px;
  transition: 0.3s;
  transform: translateY(5px);
  }
  .membercard:hover {
	background: #ffffff;
	transform: translateY(-2px);
	border: #000000 1px solid;
	box-shadow: 1px 6px 5px rgba(0, 0, 0, 0.23);
}
.safecard:hover{
	transform: translateY(-2px);
	box-shadow: 1px 6px 5px rgba(0, 0, 0, 0.23);
  }
.safcard-icon {
  padding: 5px 3px;
  background: #ffffff3d;
  border-radius: 8px;
  width: 45px;
  text-align: center;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 21px;
}
.safecard h3 {
	font-size: 20px;
	margin-bottom: 10px;
	color: #000000;
	font-weight: 600;
  }
.safecard p {
  padding: 0px 0px;
  font-size: 15px;
  font-weight: 400;
  color: #00004C;
  line-height: 22px;
}
.engineeredrrowth{
  padding: 45px 50px;
  background: #00004C;
  border-radius: 12px;  
}
.engineeredrrowth h3 {
	font-size: 30px;
	margin-bottom: 30px;
	color: #F1F5F9;
	font-weight: 600;
  text-align: center;
  }
.healthcard{
  text-align: center;
   }
 .healthcard-icon {
  padding: 5px 3px;
  width: 45px;
  text-align: center;
  height: 45px;
  margin: 0px auto 11px auto;
}  
.healthcard h5{
  font-size: 16px;
	margin-bottom: 8px;
	color: #F1F5F9;
	font-weight: 600;
  text-align: center;
   }
.healthcard p {
  padding: 0px 10px;
  font-size: 14px;
  font-weight: 400;
  color: #64748B;
  line-height: 18px;  
  text-align: center;
}
.currentopenings{
  padding: 0px 8%;
  width: 100%;
} 
.currentopening-head{
  display: flex;
  justify-content: space-between;
  align-items: end;
  margin-bottom: 35px;
  }
.currenheadleft h3{
  font-size: 30px;
	margin-bottom: 19px;
	color: #000000;
	font-weight: 700;
  text-align: left;
}
.searchrole{
  position: relative;
}
.searchicon{
  position: absolute;
  left: 15px;
  top: 16px;
}
.searchrole .form-control{
  padding: 16px 22px 18px 44px;
  background: #00004C;
  border-radius: 9px;
  font-size: 16px;
  color: #6B7280;
  font-weight: 400;
  border: 1px solid #00004C;
}
.currenheadright ul{
  display: flex;
  gap: 8px;
}
.currenheadright li a{
  background: #00004C;
  font-size: 14px;
	color: #F1F5F9;
	font-weight: 600;
  text-align: left;
  border-radius: 22px;
  padding: 11px 22px;
}
.currenheadright li a:hover{
  background: #FFDD55;
	color: #221910;
}
.currenheadright li a.active{
  background: #FFDD55;
	color: #221910;
}

.safetyequicard{
  padding: 30px 30px;
  background: #00004C;
  border-radius: 12px;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.safetyequileft h4 {
	font-size: 20px;
	margin-bottom: 13px;
	color: #F1F5F9;
	font-weight: 600;
}
.safetyequileft p {
	padding: 0px 0px;
	font-size: 15px;
	font-weight: 400;
	color: #00004C;
	line-height: 22px;
}
.safetyequileft ul{
  display: flex;
  gap: 35px;
  align-items: center;
  justify-content: start;
}
.safetyequileft li a{
  font-size: 14px;
  color: #94A3B8;
  font-weight: 400;
  text-align: left;
  border-radius: 22px;
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 5px;
  text-decoration: none;
}
.safetyequileft li a.active{
	color: #FFDD55;
}
.viewrole-btn{
  padding: 8px 37px;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  border-radius: 8px;
  color: #FFDD55;
  background: #ffdd5500;
  border: #FFDD55 2px solid;
  }
 .viewrole-btn:hover{
  color: #221910;  
  border: #FFDD55 2px solid;
  background: #FFDD55;
  }

.jointalentcard{
  padding: 45px 50px;
  background: #00004C;
  border-radius: 12px;
  margin-bottom: 20px;
  overflow: hidden;
}
.inboxicon {
background: #180D46;
  border-radius: 50%;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  padding: 14px 0px;
}
.jointalentleft h2 {
	font-size: 36px;
	margin-bottom: 15px;
	color: #F1F5F9;
	font-weight: 600;
  margin-top: 67px;
}
.jointalentleft p {
font-size: 17px;
  font-weight: 400;
  color: #94A3B8;
  line-height: 24px;
  margin-bottom: 31px;
  width: 82%;
}
.jointalentleft h6 a {
  padding: 0px 0px;
  font-size: 16px;
  font-weight: 400;
  color: #F1F5F9;
  line-height: 22px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 14px;
  margin-bottom: 13px;
}
.applicationform{
  padding: 33px 33px 44px 33px;
  background: #1E293B;
  border-radius: 12px;
  border: 1px solid #6B728054;
}
.applicationform label {
	padding: 0px 0px;
	font-size: 14px;
	color: #F1F5F9;
	font-weight: 700;
	margin-bottom: 9px;
}
.applicationform .form-control {
	background: #0F172A;
	color: #6B7280;
	font-size: 16px;
	font-weight: 400;
	border-radius: 8px;
	border: 1px solid #0F172A;
	padding: 13px 15px;
}
.applicationform .form-select {
	background: #0F172A;
	color: #6B7280;
	font-size: 16px;
	font-weight: 400;
	border-radius: 8px;
	border: 1px solid #0F172A;
	padding: 15px 15px;
	appearance: auto;
}
.application-btn{
  margin-top: 14px;
  padding: 11px 37px;
  font-size: 17px;
  font-weight: 700;
  text-align: center;
  border-radius: 8px;
  color: #221910;
  background: #FFDD55;
  border: #FFDD55 1px solid;
  display: inline flow-root list-item;
  width: 100%;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  }
 .application-btn:hover{
   border: #FFDD55  1px solid;
  color: #221910;
  background: #FFDD55;
 }

/*===== Blog Page ======= */

.section-blogbanner{
  margin: 36px 0px 0px 0px;
  padding: 0px 0px;
  position: relative;
  height: 440px;
  border-radius: 12px;
  overflow: hidden;
  }
  .blogbanner{
    width: 100%;
    height:440px;
    position: relative;
  }
  .blogbanner img{
  height: 100%;
  width: 100%;
  object-fit: cover;
  }
.blogbannerbg{
  padding-top: 62px;
  padding-left: 44px;
  position: absolute;
  background: #04042F8C;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0px;
  right: 0px;
  bottom: 0px;
  }

.blogtext{
  padding: 49px 48px;
  width: 100%;
  height: 100%;
  background: #00004C;
  position: relative;
  }
.blogtext h6 {
 margin: 0px 0px 7px 0px;
  padding: 9px 16px;
  font-size: 13px;
  font-weight: 700;
  background: #FFDD55;
  color: #0F172A;
  border-radius: 8px;
  width: 33%;
  text-transform: uppercase;
  text-align: center;
}
.blogtext h4 {
  font-size: 40px;
  font-weight: 600;
  color: #ffffff;
  width: 100%;
  line-height: 45px;
  margin-top: 11px;
}
.blogtext p {
  margin: 13px 0px 19px 0px;
  font-size: 17px;
  font-weight: 400;
  color: #CBD5E1;
  width: 98%;
  line-height: 25px;
}
.blogtext h3 {
  font-size: 15px;
  font-weight: 500;
  color: #94A3B8;
  width: auto;
  line-height: 45px;
}
.blogcard{
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 14px;
}
.latestindustrycard-right {
	padding-left: 33px;
}
.morpening-btn{
  padding: 14px 28px;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  border-radius: 8px;
  color: #221910;
  background: #FFDD55;
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 9px;
  }
 .morpening-btn:hover{
  color: #221910;
  background: #fdd63c;
  }
.latestindustry-head{
  margin-bottom: 26px;
  padding-bottom: 7px;
  border-bottom: 1px solid #E2E8F0;
  }
.latestindustry-head h2{
  font-size: 24px;
  margin-bottom: 10px;
  color: #0F172A;
  font-weight: 600;
  }  
.industrycard{
  background: #ffffff;
  padding: 0px 0px;
  border-radius: 10px;
  border: 1px solid #ddd;
  transition: 0.3s;
  transform: translateY(6px);
  margin-bottom: 22px;
}
.industrycard:hover {
	background: #ffffff;
	transform: translateY(-2px);
	border: 1px solid #ddd;
	box-shadow: 1px 6px 5px rgba(0, 0, 0, 0.23);
}
.industryimg {
	margin: 0px 0px 8px 0px;
	padding: 0px 0px;
	border-radius: 10px 10px 0px 0px;
	overflow: hidden;
  position: relative;
}
.industryimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s ease-in-out;
}
.enginetext{
  top: 18px;
  left: 17px;
  position: absolute;
  padding: 3px 11px;
  background: #FFDD55;
  font-size: 14px;
  color: #0F172A;
  font-weight: 700;
  border-radius: 4px;
}
.industrytext {
	margin: 0px 0px;
	padding: 16px 26px;
	text-align: left;
}
.industrytext h3 {
  font-size: 21px;
  margin-bottom: 13px;
  color: #0F172A;
  font-weight: 800;
  line-height: 29px;
  width: 81%;
}
.industrytext p {
  font-size: 15px;
  color: #475569;
  font-weight: 400;
  margin-bottom: 21px;
  width: 80%;
}
.industrytext h6 a {
  padding: 0px 0px;
  font-size: 14px;
  font-weight: 800;
  color: #0F172A;
  line-height: 22px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 14px;
  margin-bottom: 13px;
}
.industrytext ul{  
  margin-bottom: 4px;
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 14px;
  }
.industrytext li {
  font-size: 12px;
  color: #64748B;
  font-weight: 400;
}
 .searchinsightcard {
  padding: 23px 22px;
  border: 1px solid #E2E8F0;
  border-radius: 12px;  
  margin-bottom: 20px;
 }
 .searchinsightcard h2{
  font-size:18px;
  margin-bottom: 15px;
  color: #0F172A;
  font-weight: 700;
  }  
.searchinput{
  position: relative;
}
.searchinputicon {
	position: absolute;
	left: 15px;
	top: 8px;
}
.searchinput .form-control {
  padding: 10px 22px 10px 44px;
  background: #E2E8F069;
	border-radius: 9px;
	font-size: 14px;
	color: #6B7280;
	font-weight: 400;
	border: 1px solid #E2E8F0;
}
.loadmore-btn{
  padding: 11px 20px;
  font-size: 14px;
  color: #0F172A;
  font-weight: 800;
  border: #E2E8F0 2px solid;
  border-radius: 8px;
  width: 230px;
  margin: 24px auto;
  text-align: center;
  cursor: pointer;
}
.loadmore-btn:hover{
  background: #fcd53a;
  color: #0F172A;
  border: #fcd53a 2px solid;
}
.categoriecard{
  padding: 23px 20px;
  border: 1px solid #E2E8F0;
  border-radius: 12px;
  margin-bottom: 20px;
 }
 .categoriecard h2{
  font-size:18px;
  margin-bottom: 15px;
  color: #0F172A;
  font-weight: 700;
  }  
.categoriecard ul{

}
.categoriecard li {
  font-size: 15px;
  color: #475569;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}
.categoriecard li span {
  padding: 1px 9px;
  background: #F1F5F9;
  border-radius: 17px;
  font-size: 12px;
  color: #475569;
  }  
.popularpost{
  padding: 23px 20px;
  border: 1px solid #E2E8F0;
  border-radius: 12px;
  margin-bottom: 20px;
 }
 .popularpost h2{
  font-size:18px;
  margin-bottom: 15px;
  color: #0F172A;
  font-weight: 700;
  }
.popularpostbox{
  display: flex;
  justify-content: start;
  gap: 12px;
  margin-bottom: 23px;
}  
.popularpost-icon{
  width: 64px;
  height: 64px;
  overflow: hidden;
  border-radius: 8px;
}
.popularpost-icon img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.popularpost-text h5 {
  font-size: 14px;
  margin-bottom: 3px;
  color: #0F172A;
  font-weight: 800;
  line-height: 29px;
}
.popularpost-text p {
  font-size: 12px;
  color: #64748B;
  font-weight: 400;
  margin-bottom: 21px;
}
.stayupdatedcard {
	background: #FFDD55;
	padding: 29px 29px;
	border-radius: 16px;
	margin-bottom: 27px;
}
.stayupdatedcard h3 {
	padding: 0px 0px;
	font-size: 20px;
	color: #0F172A;
	font-weight: 700;
	margin-bottom: 10px;
	line-height: 27px;
}
.stayupdatedcard p {
	font-size: 14px;
	color: #0F172A;
	font-weight: 400;
  margin-bottom: 26px;
}
.stayupdatedcard h6 {
  font-size: 11px;
  color: #826E1E;
  font-weight: 600;
  text-transform: uppercase;
  margin-top: 10px;
}
.stayupdat-icon {
	margin-bottom: 17px;
}
.stayupdatedcard .form-control {
  padding: 10px 12px;
  background: #ffffff47;
  border-radius: 9px;
  font-size: 14px;
  color: #6B7280;
  font-weight: 500;
  border: 1px solid #ffffff0f;
}
.subscrib-btn {
  margin-top: 15px;
  padding: 12px 37px;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  border-radius: 8px;
  color: #ffffff;
  background: #0F172A;
  display: inline flow-root list-item;
  width: 100%;
  list-style: none;
}
.subscrib-btn:hover {
  color: #ffffff;
  background: #192C5B;

}
.blogdetaileft h2 {
  padding: 11px 0px;
  font-size: 16px;
  color: #0F172A;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 21px;
  border-bottom: #E2E8F0 1px solid;
  letter-spacing: 1x;
}
.blogdetaileft ul {
  position: relative;
  }
.blogdetaileft li {
  position: relative;
  }
.blogdetaileft li a {
  font-size: 15px;
  color: #64748B;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 9px;
  padding: 2px 15px;
  border-radius: 12px;
  margin-bottom: 9px;
}
.blogdetaileft li a:hover {
 color: #FFDD55;
  }
.blogdetaileft li a.active{
color: #FFDD55;
font-weight: 700;
}
.sharearticle{
  padding: 20px 22px 31px 22px;
  background: #0F172A;
  border-radius: 12px;
  margin-top: 50px;
}
.sharearticle h3 {
	font-size: 16px;
	color: #ffffff;
	font-weight: 800;
	margin-bottom: 24px;
}
.shareicon{
  position: relative;
  background: #ffffff14;
  border-radius: 4px;
  padding: 6px 8px;
  width: 40px;
  height: 40px;
  margin-right: 5px;
}
.blogdetai-detection {
	padding: 0px 15px;
}
.blogdetai-detection h4 {
  font-size: 20px;
  color: #334155;
  font-weight: 500;
  margin-bottom: 26px;
  line-height: 33px;
}
.blogdetai-detection h2 {
  font-size: 30px;
  color: #0F172A;
  font-weight: 800;
  margin-bottom: 13px;
}
.blogdetai-detection p {
  font-size: 16px;
  color: #334155;
  font-weight: 400;
  margin-bottom: 23px;
  line-height: 26px;
}
.blogdetai-detection ul {
	margin: 20px 0px;
	padding: 0px 0px;
	width: 100%;
	position: relative;
	}
.blogdetai-detection li {
  margin: 0px 0px 15px 0px;
  padding: 0px 0px 0px 32px;
  width: 100%;
  position: relative;
  font-size: 17px;
  font-weight: 400;
  color: #000000;
  line-height: 23px;
  list-style: none;
	}
.blogdetai-detection li::before {
	background-image: url(../image/Arrow02.png);
	background-repeat: no-repeat;
	content: "";
	width: 20px;
	height: 20px;
	display: inline-block;
	position: absolute;
	left: 0px;
	top: 3px;
	}
.datalifecycle-card {
	background: #ffffff;
	padding: 30px 30px;
	border-radius: 10px;
	border: 1px solid #ddd;
  margin-top: 41px;
  margin-bottom: 36px;
}
.datalifecycle-card h2 {
  font-size: 15px;
  color: #0F172A;
  letter-spacing: 1px;
  font-weight: 800;
  margin-bottom: 26px;
  text-transform: uppercase;
  text-align: center;
}
.datalifecycle-card h6 {
	font-size: 14px;
	color: #334155;
	font-weight: 400;
  text-align: center;
  margin-top:25px;
	margin-bottom: 13px;
}
.datalifecycle-img{
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.datalifecycle-img img{
  width: 100%;
  height: 100%;object-fit: cover;
}

.aristhornecard {
  background: #ffffff;
  padding: 30px 30px;
  border-radius: 10px;
  border: 1px solid #ececec;
  margin-top: 41px;
  margin-bottom: 36px;
  display: flex;
  justify-content: start;
  gap: 40px;
}
.aristhuserimg{
  width: 84px;
  height: 84px;
  overflow: hidden;
  border-radius: 50%;
  display: contents;
}
.aristhuserimg img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.aristhuserhead {
	display: flex;
	align-items: center;
	justify-content: space-between;
  margin-bottom: 8px;
}
.aristhuserhead h4 {
	font-size: 20px;
	color: #0F172A;
	font-weight: 800;
  margin-bottom: 0px;
}
.aristhuserhead h6 a {
	font-size: 15px;
	color: #FFDD55;
	font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 6px;
}
.aristhusertext p {
  font-size: 14px;
  color: #334155;
  font-weight: 400;
  margin-bottom: 12px;
  line-height: 21px;
}


.discusscard {
	display: flex;
	justify-content: start;
	gap: 12px;
  margin-bottom: 21px;
}
.discusscard02 {
  margin-left: 47px;
  }
.discusscard02 .discususerimg {
	border: #FFDD55 1px solid;
  }


.discussioncard h3{
  padding: 11px 0px;
	font-size: 24px;
	color: #0F172A;
	font-weight: 700;
	margin-bottom: 21px;
  }
.discustext {
	position: relative;
	width: 84%;
  }
.discushead{
  display: flex;
  justify-content: start;
  gap: 10px;
  align-items: center;
  }
.discushead h4{
  font-size: 15px;
  color: #0F172A;
  font-weight: 800;
  line-height: 30px;
  margin-bottom: 0px;
  }
.discushead h5{
  margin-left: 12px;
	font-size: 13px;
	color: #94A3B8;
	font-weight: 400;
  }
  .authortext{
  color: #FFDD55;
  margin-right: 7px;
  border-radius: 4px;
  font-size: 11px;
  background: #FFDD551F;
  font-weight: 700;
  padding: 2px 6px;
  }
 .discustext p {
  font-size: 14px;
  color: #475569;
  font-weight: 400;
  margin-bottom: 12px;
  line-height: 21px;
} 
.discustext h6 a{
  font-size: 14px;
  color: #FFDD55;
  font-weight: 600;
  }
.discustext h6 a:hover{
  color: #FFDD55;
  text-decoration: underline;
  }
.discususerimg{
  background: #E2E8F0;
  width: 40px;
  height: 40px;
  font-size: 16px;
  color: #64748B;
  text-align: center;
  font-weight: 700;
  overflow: hidden;
  border-radius: 50%;
  border: #E2E8F0 1px solid;
  display: flex;
  align-items: center;
  justify-content: center;
}
.discususerimg img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  }
.joindiscusform .form-control {
	padding: 10px 12px;
	background: #FFF;
	border-radius: 12px;
	font-size: 16px;
	color: #6B7280;
	font-weight: 400;
	border: 1px solid #E2E8F0;
}
.postbtn {
  margin-top: 18px;
  padding: 8px 37px;
  font-size: 14px;
  font-weight: 800;
  text-align: center;
  border-radius: 10px;
  color: #ffffff;
  background: #0F172A;
  border: 1px solid #0F172A;
  width: auto;
}
.postbtn:hover {
  color: #0F172A;
  background: #FFDD55;  
  border: 1px solid #FFDD55;
}
.blogdetairight h2 {
	padding: 11px 0px;
	font-size: 16px;
	color: #0F172A;
	font-weight: 800;
	text-transform: uppercase;
	margin-bottom: 21px;
	border-bottom: #E2E8F0 1px solid;
	letter-spacing: 1px;
} 
.safetyregulatimg{
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 8px;
}
.safetyregulatimg img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s ease-in-out;
}
.safetyregulatimg img:hover {
	transform: scale(1.2);
	overflow: hidden;
	transition: 0.3sease-in-out;
}
.safetyregulat h3 {
	padding-top: 11px;
	font-size: 16px;
	color: #1E293B;
	font-weight: 800;
} 
.safetyregulat p {
  padding-top: 11px;
	font-size: 12px;
	color: #64748B;
	font-weight: 400;
	margin-bottom: 21px;
} 
.safetybriefin{
  background: #FFFCEE;
  border: #F9F5E1 1px solid;
  padding: 22px 22px;
  border-radius: 16px;
  margin-bottom: 27px;
}
.safetybriefin h3 {
  padding: 0px 0px;
  font-size: 17px;
  color: #0F172A;
  font-weight: 700;
  margin-bottom: 10px;
  line-height: 16px;
}
.safetybriefin p {
	font-size: 14px;
	color: #475569;
	font-weight: 400;
	margin-bottom: 20px;
}
.safetybriefin .form-control {
  padding: 10px 12px;
  background: #FFF;
  border-radius: 9px;
  font-size: 14px;
  color: #6B7280;
  font-weight: 400;
  border: 1px solid #6B72801F;
}
.subbtn {
  margin-top: 11px;
  padding: 10px 37px;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  border-radius: 8px;
  color: #0F172A;
  background: #FFDD55;
  display: inline flow-root list-item;
  width: 100%;
  list-style: none;
}
.subbtn:hover {
  color: #0F172A;
  background: #FFD631;

}
.downloadcard{
  margin-top: 65px;
  padding: 35px 22px;
  background: #FFDD55;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.downloadcard h3 {
  padding: 0px 0px;
  font-size: 30px;
  color: #0F172A;
  font-weight: 700;
  margin-bottom: 10px;
  line-height: 33px;
}
.downloadcard h3 span {
  display: block;
  font-size: 17px;
  color: #0F172A;
  font-weight: 400;
}
.downbtn {
  padding: 9px 20px;
  font-size: 17px;
  font-weight: 600;
  text-align: center;
  border-radius: 8px;
  color: #fff;
  background: #0F172A;
  width: auto;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.downbtn:hover {
  color: #ffffff;
  background: #000000;

}
/* ANIMATION ACTIVE CLASS */
.sectionstory .show{
  opacity:1 !important;
  transform:translateY(0) !important;
  transition:all 0.8s ease;
}
 
/*=============== Footer ================= */
/* go-to */
.go-top img {
    transform: rotate(-90deg);
    width: 20px;
}

.go-top {
    position: fixed;
    cursor: pointer;
    bottom: 100px;
    right: 20px;
    border-radius: 50%;
    background-color: #E66809;
    color: #fff;
    z-index: 999;
    width: 40px;
    text-align: center;
    height: 40px;
    opacity: 0;
    visibility: hidden;
    font-size: 25px;
    -webkit-transition: var(--transition);
    -webkit-transition: 0.5s;
    transition: 0.5s;
    -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
}

.go-top.active {
    opacity: 1;
    visibility: visible;
    bottom: 25px;
    -webkit-animation: top-bottom 5s infinite linear;
    animation: top-bottom 5s infinite linear;
}

.go-top i {
    position: absolute;
    right: 0;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.go-top:hover {
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
    background-color: #E66809;
    color: #fff;
    border: 1px solid #E66809;
}
.go-top.active svg {
    font-size: 19px;
}
.footer {
	margin: 0px 0px;
	padding: 35px 0px 0px 0px;
	width: 100%;
	position: relative;
    background: #ffffff;
    border-top: #ececf6 1px solid;
    }
.footer-links p {
    margin: 0px 0px;
    padding: 0px 0px;
    font-size: 15px;
    color: #666;
    font-weight: 400;
    width: 69%;
    line-height: 20px;
    }
.footer-logo-area {
    margin: 0px 0px 12px 0px;
    padding: 0px 0px;
    width: 219px;
    position: relative;
    z-index: 99;
	}
.footer-logo-area img {
	width: 100%;
	object-fit: cover;
	}
.footer-socialicon{
    margin: 16px 0px 1px 0px;
    padding: 0px 0px;
    width: auto;
    position: relative;
    z-index: 99;
    gap: 18px;
    display: flex;
    }
.footer-socialicon a img{ width: 28px;}
.footer-socialicon a{
	margin: 0px 0px;
	padding: 0px 0px;
	position: relative;
	text-decoration: none;
	transition: 0.3s ease-in-out;
	}
.footer-socialicon a:hover {
	transform: translateY(-5px);
	transition: 0.3s ease-in-out;
	}

.footer-links h3 {
    margin: 0px 0px 15px 0px;
    padding: 0px;
    position: relative;
    width: auto;
    text-align: left;
    color: #000;
    font-size: 18px;
    font-weight: 600;
    line-height: 21px;
    display: block;
	}
.footer-links ul {
	margin: 0px;
	padding: 0;
	width: 100%;
	list-style: none;
	/* column-count: 2; */
	}
.footer-links ul li {
	width: 100%;
	float: left;
    line-height: 25px;
    }
.footer-links ul li a {
	display: inline-block;
	color: #000000;
	font-size: 16px;
	font-weight: 400;
	text-decoration: none;
	}
.footer-links ul li a:hover {
	color:#5658AC;
	text-decoration: none;
	}


.contactcard {
	margin: 0px 0px;
	padding: 0px 0px;
	position: relative;
	display: flex;
	justify-content: start;
	gap: 13px;
	}
.contactcard h5 {
    margin:3px 0px 3px 0px;
    padding: 0px 0px;
    text-align: left;
    letter-spacing: 0px;
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    width: auto;
	}
.contactcard h5 a {
	color: #000000;
	text-decoration: none;
	}
 .contactcard h5 a span {
    display: block;
	color: #000000;
	text-decoration: none;
	}
.contactcard h5 a:hover {
	color: #5658AC;
	text-decoration: underline;
	}	
.conticon {
	margin-top: 5px;
	}
.conticon img{
	width: 22px;
	}

.footer-right{
	float: right;
}

.footer-links h6 {
	margin: 1px 0px 10px 32px;
	padding: 0px 0px;
	text-align: left;
	letter-spacing: 0px;
	color: #222222;
	font-size: 17px;
	font-weight: 500;
	line-height: 25px;
	width: 81%;
	}
.footer-links h6 a {
	color: #D4967D;
	text-decoration: underline;
	}
.footer-links h6 a:hover {
	color: #D4967D ;
	text-decoration: none;
	}

.footersocial-sect{
	margin: 11px 0px 0px 0px;
	padding: 0px 0px;
	position: relative;
	width: auto;
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 18px;
    }


.copyright {
    margin: 53px 0px 0px 0px;
    padding: 19px 0px 16px 0px;
    color: #000;
    font-size: 12px;
    background: #FD5;
    font-weight: 500;
    z-index: 99;
    position: relative;
	}
.copyright a {
	color: #000;
	text-decoration: none;
	}
.copyright a:hover {
	color: #000;
	text-decoration: underline;
	}
.copytext-left {
    text-align: left;
	}
.copytext-right {
    text-align: right;
	}
.copytext-right ul{
margin: 0px 0px;
  padding: 0px 0px;
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 30px;
}
.copytext-right ul li {
    margin: 0px 0px;
    padding: 0px 0px;
    color: #000;
    position: relative;
	}
.copytext-right ul li a {
	color: #000;
	text-decoration: none;
	}
.copytext-right ul li a:hover {
	color: #000;
	text-decoration: underline;
	}