* {
	margin: 0;
	padding: 0;
	/* 	font-family: 'Segoe UI'; */
	font-family: 'DM Sans 18pt';
}

:root {
	--red: #E52822;
	--black: #000;
	--white: #fff;
}

::-webkit-scrollbar {
	width: 5px;
	background: #ffffff;
	color: var(--red);
	border-radius: 10px;
}

::-webkit-scrollbar-thumb {
	background: var(--red);
	border-radius: 10px;
}

.p_100 {
	padding: 100px 0px;
}
p{
	font-size: 18px;
	line-height: 28px;
	color: var(--white);
}
li{
	font-size: 18px;
	line-height: 28px;
	color: var(--black);
}

.hgi_btn {
	width: fit-content;
	background-color: var(--red);
	color: #fff;
	padding: 13px 31px 13px 31px;
	border: 1px solid var(--red);
	border-radius: 30px;
	transition: 0.3s;
}

.hgi_btn:hover {
	color: var(--red);
	background-color: var(--white);
}
.hgi_btn:hover span svg path{
	fill: var(--red);
}

.cta-more {
	position: relative;
	width: fit-content;
}
.cta-more a {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: max-content;
}
.cta-more-box {
	width: 58px;
	height: 58px;
	border-radius: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: -1;
	background: var(--white);
	border: 1px solid #ccc;
	margin-left: -6%;
	transition: all 0.5s;
}
.cta-more-label {
	font-size: 20px;
	color:var(--black);
}
.cta-more:hover .cta-more-box {
	background:var(--red);
	border:none;
}
.cta-more:hover .cta-more-box .cta-more-arrow svg path {
	fill: #fff !important;
}
.hgi_heading_btn a:hover span img {
	filter: invert(19%) sepia(96%) saturate(2758%) hue-rotate(353deg) brightness(99%) contrast(95%);
}

.hgi_heading_btn a span img {
	width: 20px;
	transition: .2s all linear;
}

.hgi_heading h2 {
	font-size: 56px;
	font-weight: 700;
	line-height: 66px;
	margin-bottom: 12px;
	color: var(--black);
}

.hgi_heading p {
	font-size: 18px;
	line-height: 28px;
	color: var(--black);
}

#bgVideo::-webkit-media-controls {
	display: none !important;
}

#bgVideo::-webkit-media-controls-enclosure {
	display: none !important;
}

#bgVideo::-webkit-media-controls-panel {
	display: none !important;
}


/* Home Banner Css */
.home_banner {
	position: relative;
}

.home_banner video {
	width: 100%;
	height: 690px;
	object-fit: cover;
}

.home_banner:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 99%;
	background: linear-gradient(90deg, rgb(0 0 0 / 40%) 0%, rgb(255 255 255 / 0%) 80%);
}

.banner_content {
	width: 46%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.banner_content h1 {
	font-size: 64px;
	line-height: 68px;
	font-weight: 700;
	color: var(--white);
}

.banner_content p {
	font-size: 20px;
	font-weight: 400;
	color: var(--white);
	line-height: 30px;
	width: 70%;
}

.banner_content .hgi_btn span img {
	width: 20px;
	margin-left: 12px;
	margin-bottom: 3px;
	filter: invert(100%) sepia(0%) saturate(4623%) hue-rotate(312deg) brightness(108%) contrast(92%);
}

.banner_content .hgi_btn {
	display: flex;
	align-items: center;
	gap: 10px;
}

/* About Us */

.about_left {
	padding-right: 30px;
	position: sticky;
	top: 150px;
}

.about_left h6 {
	font-size: 18px;
	font-weight: 600;
	line-height: 28px;
	margin-bottom: 2px;
	color: var(--red);
}

.about_left h2 {
	font-size: 48px;
	font-weight: 700;
	line-height: 58px;
	color: var(--black);
}

.about_left p {
	font-size: 18px;
	font-weight: 400;
	line-height: 28px;
	color: #2A2A2A;
	margin-bottom: 48px;
}

.about_left .hgi_heading_btn a {
	justify-content: start;
	width: fit-content;
}

.about_left .hgi_heading_btn a span {
	margin-left: -8%;
	border: 1px solid #A5A5A5;
}

.about_left .hgi_heading_btn a:hover span {
	margin-left: 0%;
	border: 1px solid var(--red);
}

.about_right img {
	width: 100%;
	border-radius: 12px;
}

.about_bottom_right {
	margin-top: 50px;
}

.about_bottom_right .counter_box {
	display: flex;
}
.about_bottom_right .row .col-md-6:nth-child(2) .counter_box .about_icon_cnt h4 span:before {
	display: none;
}

.about_bottom_right .counter_box {
	display: flex;
	align-items: center;
	gap: 30px;
	padding: 30px;
}

.about_bottom_right .row .col-md-6 {
	border: 1px solid #B8B8B8;
	padding: 0;
}

.about_bottom_right .row .col-md-6:first-child {
	border: none;
}

.about_bottom_right .row .col-md-6:nth-child(2) {
	border-top: none;
	border-right: none;
	border-bottom: none;
}

.about_bottom_right .row .col-md-6:nth-child(3) {
	border-bottom: none;
	border-left: none;
	border-right: none;
}

.about_bottom_right .row .col-md-6:last-child {
	border-bottom: none;
	border-right: none;
}

.about_icon_cnt h4 {
	font-size: 48px;
	font-weight: 700;
	line-height: 50px;
	color: var(--red);
}

.about_icon_cnt h4 span {
	position: relative;
}

.about_icon_cnt h4 span::before {
	content: '+';
	position: absolute;
	top: 0px;
	right: 0px;
	width: 0px;
	height: 100%;
	font-size: 52px;
	font-weight: 700;
	line-height: 62px;
}

.about_icon_cnt p {
	font-size: 17px;
	font-weight: 600;
	line-height: 28px;
	color: #000;
}

.about_us_sec .row {
	justify-content: end;
}


.about_us_sec .row .col-md-6:first-child {
	position: relative;
}

.about_us_sec .row .col-md-6:first-child::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0px;
	width: 90%;
	height: 35%;
	background: url(https://nextstep.net.in/hgi/wp-content/uploads/2024/11/hgi-logo.png);
	background-repeat: no-repeat;
	background-size: contain;
}

.about_bottom_right .row .col-md-6:before {
	display: none;
}

/* Home Our Product */
.product_sec {
	background: #000;
	padding: 100px 50px 100px 50px;
}

.product_sec .top_heading {
	display: flex;
	justify-content: space-between;
	margin-bottom: 48px;
}

.product_sec .main_heading h2 {
	color: #fff;
	width: 75%;
	font-weight: 700;
	font-size: 48px;
	line-height: 58px;

}

.product_sec .product_sec_heading_para p {
	color: #fff;
	margin: 0;
	/* font-weight: 600; */
	font-size: 18px;
	line-height: 28px;
}

.product_sec_heading_para {
	width: 60%;
}

ul.home_tablist li {
	flex-grow: 1;
}

ul.home_tablist {
	display: flex;
	gap: 24px;
	margin: 0;
}

.home_tablist li {
	flex-grow: 1;
	height: 100%;
	background-size: cover;
	background-position: center;
	transition: .5s cubic-bezier(0.05, 0.61, 0.41, 0.95), opacity .5s ease-out;
	position: relative;
	background-color: #00000000;
	background-blend-mode: color;
	background-size: cover;
	background-position: center;
	cursor: pointer;
	height: 633px;
	border-radius:12px;
}

li.hometab_list.active {
	flex-grow: 2.05;
}

.hometab_content {
	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	padding: 24px 24px 32px 24px;
	justify-content: end;
}

.hometab_content h4 {
	color: #fff;
	font-size: 28px;
	font-weight: 600;
	margin: 0;
}

li.hometab_list a,
li.hometab_list p {
	display: none;
	transition: .9s cubic-bezier(0.05, 0.61, 0.41, 0.95), opacity .9s ease-out;
}

li.hometab_list.active a,
li.hometab_list.active p {
	display: block;
}

li.hometab_list.active .plus_icon {
	display: none;
}

li.hometab_list p {
	color: #ffffff;
}

li.hometab_list:not(.active) h4 {
	text-align: center;
	transition: 0.3s;
}

li.hometab_list:not(.active):hover h4 {
	transform: translateY(-20px);
}

li.hometab_list:not(.active):hover .plus_icon {
	transform: translateY(-20px);
}

.hometab_content a {
	width: fit-content;
}

.plus_icon {
	margin-bottom: 12px;
	text-align: center;
	transition: 0.3s;
}

.plus_icon img {
	width: 36px;
	height: 36px;
	margin: auto;
	cursor: pointer;
}
.product_logo_box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 24px;
}
.product_logo_box svg path {
	fill: var(--red);
}
.product_logo_box h4 {
	display: none;
}

.hometab_list.active .product_logo_box h4 {
	display: block;
}
.home_tablist li:before {
	content: '';
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(0 0 0 / 0%) 28%, rgb(0 0 0 / 3%) 65%, rgba(0, 0, 0, 0.74967) 83%, #000000 100%);
}

.plus_icon svg {
	width: 80px;
	height: 80px;
}
.product_sec .main_heading h6{
	font-size: 18px;
	font-weight: 600;
	line-height: 28px;
	color: var(--white);
}
/*  Corporate Social */
.corporate_image_outer::before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #00000030;
	border-radius: 12px;
}
.corporate_image_outer img {
	border-radius: 12px;
}
.corporate_sec img {
	height: 670px;
	object-fit: cover;
}

.corporate_image_outer {
	position: relative;
}


.corporate_cont {
	position: absolute;
	width: 50%;
	top: 45%;
	color: var(--white);
	transform: translateY(-50%);
}

.corporate_cont h4 {
	font-size: 64px;
	font-weight: 700;
	line-height: 70px;
	color: var(--white);
	margin-bottom: 12px;
}

.corporate_cont p {
	font-weight: 400;
	line-height: 30px;
	font-size: 20px;
	width: 80%;
	margin: 0;
}
.corporate_cont h6 {
	font-size: 18px;
	font-weight: 600;
	line-height: 28px;
	color: var(--white);
}

.corporate_btn {
	position: absolute;
	right: 8%;
	bottom: 15%;
	width: 15%;
}

.corporate_btn .cta-more-label {
	color: var(--white);
	transition: .5s all;
}
.corporate_btn .cta-more-box {
	border: 1px solid #fff !important;
	background: transparent;
	z-index: 0;
}

.corporate_btn .cta-more:hover .cta-more-label {
	z-index: 1;
}
.corporate_btn .cta-more:hover .cta-more-box {
	border: none !important;
}
.corporate_sec .container-fluid{
	padding:0px 50px;
}
.corporate_sec:before {
	position: absolute;
	content: '';
	top: 0;
	width: 100%;
	background: linear-gradient(90.57deg, rgba(0, 0, 0, 0.8) -0.53%, rgba(43, 43, 43, 0.3) 52.86%, rgba(102, 102, 102, 0) 127.19%);
	height: 100%;
}
.corporate_sec {
	position: relative;
}

/* Quality Css */
.quality_breadcum .single_capabilities_outer p {
	width: 75%;
}
.quality_box {
	background: var(--red);
	border-radius: 12px;
	height: 100%;
}
.quality_box img {
	width: 100%;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}

.quality_icon img {
	width: 60px;
}
.quality_cnt {
	padding: 40px;
}
.quality_icon {
	margin-top: -13%;
}
.quality_cnt p{

} 
.quality_cnt h6::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 16px;
	height: 2px;
	background: #fff;
}
.quality_cnt h6 {
	font-size: 18px;
	font-weight: 600;
	line-height: 28px;
	margin-bottom: 0px;
	color: var(--white);
	position: relative;
	padding-left: 24px;
	margin-top: 12px;
}
.quality_cnt h4 {
	font-weight: 700;
	font-size: 28px;
	color: #fff;
	margin-bottom: 16px;
}
.quality_cnt p{
	font-size: 18px;
	line-height: 28px;
	color:#fff;
	margin-bottom:24px;
}
.quality_cnt a {
	color: #fff;
	font-weight: 500;
	font-size: 18px;
	line-height: 28px;
}
.quality_cnt a span {
	margin-left: 4px;
}
.quality_box_txt {
	position: absolute;
	bottom: 0px;
	background: var(--red);
	height: 52px;
	display: flex;
	align-items: center;
	width: 100%;
	padding: 0px 24px;
	border-top-right-radius: 24px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
}
.quality_box_image.single_img_box {
	position: relative;
	cursor:pointer;
	/* 	transition:.4s all; */
}
.quality_box_txt p{
	margin:0px;
}
/* .quality_box_txt{
transition:.4s all;
} */
/* .quality_box_image.single_img_box:hover .quality_box_txt {
height: 100%;
border-radius: 12px;
align-items: start;
padding-top: 24px;
background: #ff00004a;
} */

.single_capabilities_image .row.mt-5 .col-md-4 {
	margin-bottom: 1.5rem;
}
.single_capabilities_image .row.mt-5 h4 {
	font-size: 36px;
	line-height: 46px;
	font-weight: 700;
	color: #000;
	text-transform: capitalize;
	width: 67%;
}
.single_capabilities_image .row.mt-5 p {
	color: #000;
}
.quality_box_txt p {
	color: #fff !important;
}
.certificate_sec {
	color: #000;
}
.certificate_sec h6 {
	font-size: 18px;
	position: relative;
	margin-bottom: 12px;
}
.certificate_sec h6:before {
	content: '';
	position: absolute;
	bottom: -5px;
	width: 35px;
	height: 1px;
	background: #d6d6d6;
}


/* News & Event */
.news_event_sec {
	overflow-x: hidden;
	padding: 70px 0px;
}
.news_event_sec .row {
	justify-content: space-between;
	align-items: center;
}
.news_events_slider {
	margin-top: 48px;
}
.news_events_items {
	background-color: #F1F1F1;
	border-radius: 24px;
	padding: 20px 20px 40px 20px;
}
.news_events_items img {
	width: 100%;
	border-radius: 24px;
}
.news_events_items p {
	font-size: 24px;
	line-height: 34px;
	margin-top: 24px;
	width: 80%;
	color: #000;
}

.news_events_items a {
	width: fit-content;
	font-size: 18px;
	font-weight: 4 00;
	line-height: 28px;
	color: var(--red);
	display: flex;
	align-items: center;
	gap: 7px;
}
.news_events_items a span img {
	width: 20px !important;
	filter: invert(19%) sepia(96%) saturate(2758%) hue-rotate(353deg) brightness(99%) contrast(95%);
}
.news_events_slider .owl-nav {
	display: block;
}
.news_events_slider .owl-nav button span img {
	width: 20px;
	margin-bottom: 5px;
	filter: invert(83%) sepia(1%) saturate(0%) hue-rotate(34deg) brightness(97%) contrast(91%);
}
.news_events_slider .owl-stage-outer {
	width: 70vw !important;
	margin-left: auto;
}
.news_events_slider {
	position: relative;
}

.news_events_slider .owl-nav {
	position: absolute;
	top: 25%;
	left: 15%;
	transform: translateY(-50%);
}

.news_events_slider .owl-nav .owl-prev span img {
	transform: rotate(180deg);
}

.news_events_slider .owl-nav .owl-prev {
	border: 1px solid #C8C8C8 !important;
	width: 60px;
	height: 60px;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.news_events_slider .owl-nav .owl-next {
	border: 1px solid #C8C8C8 !important;
	width: 60px;
	height: 60px;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 24px;
}
.news_event_sec .cta-more-box {
	border: 1px solid #000;
}
.new_event_sec .single_capabilities_outer p {
	width: 65%;
}
.single_blog_heading h1 {
	font-size: 36px;
	line-height: 46px;
	color: var(--black);
	margin-bottom: 12px;
	text-transform: capitalize;
}
.single_blog_image {
	border-radius: 12px;
	overflow: hidden;
	margin-bottom: 48px;
}
.single_blog_content p {
	font-size: 21px;
	color: #111;
	line-height: 31px;
}
.single_blog_content p strong {
	font-weight: 600;
}
.single_blog_content h2 {
	font-size: 24px;
	line-height: 2rem;
	font-weight: 500;
	color: var(--black);
	margin: 0px 0px 20px 0px;
}
.single_blog_content ul {
	margin-left: 0;
	margin-bottom: 20px;
}
.single_blog_content ul li {
	list-style: circle;
	margin-bottom: 8px;
	font-size: 18px;
	font-weight: 400;
	line-height: 28px;
	color: #242222;
}
.lastest_blog {
	position: sticky;
	top: 136px;
	padding: 0px 30px;
	border-radius: 4px;
}
.lastest_blog h4 {
	color: var(--red);
	margin-bottom: 24px;
	font-size: 28px;
	line-height: 36px;
}
.lastest_blog ul li {
	margin-bottom: 20px;
	border-bottom: 1px solid var(--red);
	padding-bottom: 18px;
}
.lastest_blog ul li a {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.lastest_blog ul li a img {
	width: 100%;
	height: 180px;
	object-fit: cover;
	object-position: top;
	border-radius: 12px;
	overflow: hidden;
}
.lastest_blog ul li a p {
	font-size: 18px;
	line-height: 24px;
	color: var(--black);
	margin: 0px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.single_blog_gallery {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
	margin-top: 48px;
}
.single_blog_gallery .single_blog_gallery_box img {
	width: 100%;
	border-radius: 12px;
}
.single_blog_image img {
	border-radius: 12px;
}
.single_blog_heading span {
	color: var(--red);
	font-size: 21px;
	font-weight: 600;
}
.media_sec .container {
	border-top: 1px solid #d6d6d6;
	padding: 70px 0px 100px 0px;
}
.media_box img {
	width: 100%;
	border-radius: 12px;
}
.media_box {
	border: 1px solid #d6d6d6;
	padding: 12px;
	border-radius: 12px;
	display: block;
}
.media_heading h2 {
	font-size: 36px;
	line-height: 46px;
	color: #5f5f5f;
	margin-bottom: 36px;
	font-weight: 600;
}

/* client */
.client_sec {
	background-color: #F1F1F1;
}

.client_sec .row {
	align-items: center;
	justify-content: space-between;
}

.client_grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 24px;
	margin-top: 48px;
}
.client_item img {
	width: 100%;
	border-radius: 12px;
}

.client_sec .hgi_heading_btn .cta-more-box {
	border: 1px solid var(--black);
	z-index: 1;
	background: transparent;
}
.client_sec .cta-more:hover .cta-more-box {
	background:var(--red);
	z-index:1;
	border:none;
}
.client_sec .cta-more:hover .cta-more-box .cta-more-arrow svg path {
	fill: #fff !important;
}
.client_sec .cta-more:hover .cta-more-label {
	z-index: 2;
}
.client_sec .hgi_heading h6{
	font-size: 18px;
	font-weight: 600;
	line-height: 28px;
	color: var(--red);
}
/* footer */
footer {
	background-color: var(--black);
	color: var(--white);
	overflow-x: hidden;
}

.footer_top_text {
	padding: 40px 0px;
}


.footer_top .row {
	align-items: center;
	justify-content: space-between;
}

.footer_top_text {
	width: 90%;
}

.footer_top_social_link {
	text-align: right;
	display: flex;
	justify-content: end;
	align-items: center;
	gap: 20px;
}

.footer_top_social_link ul {
	padding: 0;
	margin: 0;
	display: flex;
	gap: 21px;
}

.footer_top_social_link ul li a img {
	width: 40px;
	height: 40px;
}

.footer_top_social_link p {
	font-size: 18px;
	font-weight: 400;
	line-height: 28px;
	margin: 0;
}

.footer_top_text p {
	font-size: 32px;
	font-weight: 700;
	line-height: 42px;

}

.footer_mid {
	border-top: 1px solid #ffffff4f;
	border-bottom: 1px solid #ffffff4f;
	padding: 40px 0px;
}

.footer_mid .row {
	justify-content: space-between;
}

.footer_mid h4 {
	font-size: 24px;
	font-weight: 700;
	line-height: 34px;
	margin-bottom: 18px;
}

.footer_mid .row .col-md-3 .footer_link ul {
	margin: 0px;
	padding: 0;
}

.footer_mid .row .col-md-3 .footer_link ul li a {
	font-size: 18px;
	font-weight: 400;
	line-height: 40px;
	color: var(--white);
}

.footer_bottom {
	padding: 20px 0px;
}

.footer_bottom .row {
	align-items: center;
	justify-content: space-between;
}

.footer_bottom_right p {
	font-size: 18px;
	font-weight: 400;
	line-height: 28px;
	text-align: right;
	color: var(--white);
	margin: 0px;
}

.footer_link p {
	font-size: 18px;
	line-height: 28px;
}

.footer_link ul li a {
	font-size: 18px;
	line-height: 28px;
}

.footer_mid .row .col-md-3 {
	position: relative;
}

.footer_mid .row .col-md-3::before {
	content: '';
	width: 1px;
	height: 66%;
	position: absolute;
	right: -2%;
	top: 38%;
	transform: translateY(-50%);
	background-color: #ffffff4f;
}

.footer_mid .row .col-md-3:last-child::before {
	display: none;
}

/* Bottom to Top Button */
.backToTopBtn {
	position: fixed;
	bottom: 50px;
	right: 50px;
	z-index: 1;
	height: 50px;
	width: 50px;
	font-size: 20px;
	border: none;
	color: #fff;
	border-radius: 100%;
	transition: 0.5s;
	cursor: pointer;
}
.backToTopBtn:not(:hover) {
	background: var(--red);
}
.backToTopBtn:hover {
	background: #0f0f0f;
}
.backToTopBtn.active {
	visibility: visible;
	opacity: 1;
	pointer-events: auto;
}
.backToTopBtn:not(.active) {
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
}


@keyframes scroll-in {
	from {
		opacity: 0;
		scale: 0.75;
	}
	to {
		opacity: 1;
		scale: 1;
	}
}

.u-animate-scroll-in {
	@starting-style {
		opacity: 0;
		scale: 0.75;
	}

	animation-name: scroll-in;
	animation-timing-function: linear;
	animation-timeline: view();
	animation-range: entry -10% cover 35%;
	animation-fill-mode: forwards;
}



/* Breadcrumb */
.breadcum_sec {
	position: relative;
}
.breadcum_sec:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #00000030;
}
.breadcum_sec img {
	width: 100%;
	height: 400px;
	object-fit: cover;
}

.breadcum_text {
	position: absolute;
	bottom: 10%;
}

.breadcum_text h1 {
	font-size: 48px;
	font-weight: 600;
	line-height: 58px;
	color: #fff;
	margin: 0px;
}

/* Contact Us */
.contact_main_map.padding {
	overflow-x: hidden;
	padding: 100px 0px 70px 0px;
}
.contact_main_main_outer {
	padding: 100px 0px;
	position: relative;
	height: 100%;
}
.form_main_outer p {
	color: #000;
	margin-bottom: 24px;
}
.contact_main_main_outer .form_main_outer h2 {
	margin-bottom: 8px;
}
.form_main_outer {
	position: sticky;
	top: 30px;
}
.form_main_outer {
	padding: 0px 30px 30px 0px;
	position: sticky;
	top: 0;
}
.form_main_outer h2 {
	font-size: 42px;
	line-height: 52px;
	font-weight: 600;
	margin-bottom: 0;
	color: #000;
	margin-left: 0;
	margin-bottom: 48px;
}
.form-item {
	position: relative;
	margin-bottom: 30px;
}
section.contact_main_map.padding .container .row > *:last-child .contact_main_main_outer {
	margin-left: 64px;
}
.contact_main_main_outer {
	padding: 100px 0px;
	position: relative;
	height: 100%;
}

.contact_left_main {
	padding-top: 0;
	padding-bottom: 50px;
	margin-left: 50px;
}
.contact_left_main {
	padding-left: 50px;
}
.contact_left_main:before {
	content: '';
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
	background: #f7f7f7;
	width: 50vw;
	z-index: -1;
}
.contact_info {
	margin-bottom: 0px;
	padding-bottom: 50px;
	position: relative;
	border-bottom: 1px solid #a1a1a1;
}
.contact_info ul li:not(:last-child) {
	margin-bottom: 48px;
	padding-bottom: 48px;
	border-bottom: 1px solid #a1a1a1;
}
.ico {
	display: flex;
	column-gap: 16px;
	margin-bottom: 24px;
}
.contact_info ul li svg {
	width: 30px;
}
.contact_info ul li h4 {
	font-size: 30px;
	color: #000;
}
.contact_info ul li a{
	color:#000;
}
.contact_plant_box img {
	width: 100%;
}
.plant_cnt h4 {
	font-size: 32px;
	line-height: 42px;
	color: var(--black);
	margin-bottom: 24px;
}
.plant_cnt p {
	font-size: 20px;
	line-height: 30px;
	color: var(--black);
	margin-bottom: 42px;
}
.plant_cnt h6 {
	font-size: 28px;
	color: #000;
}
.contact_plant_box a {
	font-size: 18px;
	background-color: var(--red);
	color: var(--white);
	border:1px solid var(--red);
	padding:12px 24px;
	border-radius:4px;
	transition: .4s all;
}
.contact_plant_box a:hover {
	background-color: transparent;
	color: var(--red);
}
.plant_heading h2 {
	font-size: 52px;
	line-height: 62px;
	margin-bottom: 48px;
	font-weight: 700;
	color: var(--black);
}
.contact_input input {
	width: 100%;
	border: none;
	border-bottom: 1px solid #000;
	padding: 16px 8px;
	font-size: 18px;
	outline: none;
	color: #666;
	margin-bottom: 16px;
}
.contact_input textarea {
	width: 100%;
	border: none;
	border-bottom: 1px solid #000;
	padding: 16px 8px;
	font-size: 18px;
	outline: none;
	color: #666;
	margin-bottom: 48px;
	resize:none;
	height:62px;
}
.contact_form .wpcf7-submit {
	border: 1px solid #000;
	color: #000;
	padding: 12px 36px;
	border-radius: 50px;
	transition: 0.4s;
	font-size:18px;
	background:transparent;
}
.contact_form .wpcf7-submit:hover {
	border: 1px solid #000;
	color: #fff;
	padding: 12px 36px;
	border-radius: 50px;
	background:#000;
}

.contact_input p {
	margin: 0;
}
.contact_input .wpcf7-not-valid-tip {
	color: #dc3232;
	font-size: 1em;
	font-weight: normal;
	display: none;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.wpcf7-not-valid {
	border-bottom: 1px solid var(--red);
}
.contact_plant_sec .container{
	border-top:1px solid #d6d6d6;
}
.contact_address p {
	color: #000;
}
.contact_address h4 {
	font-size: 24px !important;
	/* 	margin: 0; */
}

.contact_address {
	display: flex;
	gap: 12px;
}

.contact_plant_box iframe {
	width: 100%;
}

/* career */
.career_sec {
	padding-bottom: 100px;
}
.career_heading{
	width:90%;
}
.career_heading h2 {
	font-size: 42px;
	color: #000;
	font-weight: 600;
}
.career_heading p {
	color: #000;
}
.career_heading {
	width: 90%;
	margin: 0px auto 48px;
}
.career_heading h6 {
	color: var(--red);
	font-size: 16px;
	line-height: 26px;
}
.career_sec .row {
	width: 92%;
	margin: auto;
}
.career_box:hover {
	transform: translateY(-8px);
}
.career_box {
	background: transparent;
	border: 1px solid #d7d7d7;
	padding: 24px 42px;
	border-radius: 12px;
	color: #000;
	height: 100%;
	box-shadow: rgb(0 0 0 / 6%) 0px 5px 15px 0px;
	transition: 0.4s all;
	cursor: pointer;
}
.career_box p {
	color: #000;
}

.career_icon {
	font-size: 52px;
	border-radius: 50%;
	width: max-content;
	margin-bottom: 12px;
}
.career_box h4 {
	font-size: 28px;
	margin-bottom: 8px;
}
.career_sec .row .col-md-6 {
	margin-bottom: 1.5rem;
}
.career_sec .row .col-md-4 {
	margin-bottom: 1.5rem;
}
.career_bottom_cnt p {
	color: #000;
	width: 80%;
	margin-bottom: 48px;
}
.career_hr hr {
	width: 90%;
	margin: auto;
}
.apply-now {
	width: 50%;
	margin: 48px auto 0px;
}
.apply-now h2 {
	color: var(--red);
	font-size: 36px;
	line-height: 46px;
	font-weight: 600;
}
.apply-now p {
	color: #000;
	margin-bottom: 24px;
}
.apply-form .form-group label {
	color: #000;
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 12px;
}
.apply-form .form-group input {
	border: 1px solid #ddd;
}
.file-upload {
	border: 2px dashed #ddd;
	padding: 30px;
	text-align: center;
	border-radius: 8px;
	cursor: pointer;
	transition: all 0.3s ease;
}
.file-upload i {
	font-size: 48px;
	color: var(--gray);
	margin-bottom: 15px;
	display: block;
}
.apply-now p {
	margin-bottom: 30px;
	font-size: 18px;
}
.form-control {
	width: 100%;
	padding: 15px;
	border: 1px solid #ddd;
	border-radius: 8px;
	font-size: 16px;
	transition: all 0.3s ease;
}
.apply-form .form-group {
	margin-bottom: 24px;
}
textarea.form-control {
	min-height: calc(1.5em +(.75rem + 2px)) !important;
	height: 150px;
}




/* Quality */

.quality_sec_heading h2{
	font-weight: 700;
	font-size: 48px;
	line-height: 58px;
	color: var(--red);
	margin-bottom: 48px;
}

.quality_sec_left p strong {
	font-size: 21px;
}
.quality_sec_left ul{
	list-style:disc;
}
.quality_sec_left p {
	color: var(--black);
}


/*About us Page css  */
.about_heading {
	display: flex;
	justify-content: space-between;
	margin-bottom: 60px;
}
.about_heading h2 {
	font-weight: 700;
	font-size: 56px;
	line-height: 66px;
	text-transform: capitalize;
	color:#000;
}
.about_heading p {
	color: #000;
	width: 48%;
}

.about_counter_row #counter-box {
	display: grid;
	grid-template-columns: 0.4fr 1fr;
	align-items: center;
	padding-left: 24px;
}
.about_counter_row .about_icon_cnt {
	padding-left: 12px;
}
.about_counter_row .col-md-3:nth-child(2) #counter-box .about_icon_cnt h4 span::before{
	content:'';
}
.core-values {
	background-color: #000;
	color: #fff;
}
.core-values-header {
	display: flex;
	justify-content: space-between;
	margin-bottom: 98px;
}
.core-values-header p {
	width: 45%;
	font-weight: 500;
	font-size: 18px;
	line-height: 28px;
}

.core-values-header h2 {
	margin-bottom: 0px;
	font-weight: 700;
	font-size: 56px;
	line-height: 66px;
	text-transform: capitalize;
	margin-top: -8px;
}
.values-container {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 95px;
	justify-items: center;
}
.value-item {
	text-align: center;
}
.value-item img {
	width: 60px;
	height: 60px;
	margin-bottom: 20px;
}

.value-item h3 {
	margin-bottom: 10px;
	font-weight: 600;
	font-size: 32px;
	line-height: 42px;
}

.value-item p {
	color: #fff;
	font-weight: 500;
	font-size: 18px;
	line-height: 28px;
}

.mission-vision-content h1 {
	font-size: 2.5rem;
	margin-bottom: 40px;
	text-align: center;
}

.mission-vision-container {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
	align-items: center;
}
.mission_cnt_box {
	display: grid;
	grid-template-columns: 0.4fr 1fr;
	gap: 0px;
	margin-bottom: 42px;
}
.mission_cnt_box h3 {
	font-weight: 700;
	font-size: 24px;
	line-height: 34px;
}
.mission_cnt_box p {
	font-size: 18px;
	line-height: 28px;
	color: #000;
	margin: 0;
}

.mission_vision_content_img img {
	width: 100%;
	height: 468px;
	object-fit: cover;
	border-radius: 24px;
}
.mission-vision-container .text-content h2 {
	font-weight: 700;
	font-size: 56px;
	line-height: 66px;
	text-transform: capitalize;
	color:#000;
	margin-bottom:42px;
}

/* Responsive Design */
@media (max-width: 768px) {
	.mission-vision-container {
		grid-template-columns: 1fr;
	}

	.image-placeholder {
		height: 200px;
	}
}


/* Products Page Css */
.product_box img {
	width: 100%;
	height: 512px;
	object-fit: cover;
}

.product_box {
	position: relative;
	overflow: hidden;
	border-radius: 12px;
}

.product_cnt {
	position: absolute;
	bottom: -50px;
	width: 100%;
	left: 0;
	padding-left: 18px;
	transition: 0.5s all ease;
}

.product_sec_ .row {
	row-gap: 32px;
}

.product_box:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 50%;
	bottom: 0;
	background: linear-gradient(to top, #333333, transparent);
}

.product_cnt h4 {
	font-size: 28px;
	line-height: 38px;
	font-weight: 600;
	margin-bottom: 18px;
	color: var(--white);
}

.product_btn a {
	font-size: 20px;
	line-height: 30px;
	font-weight: 400;
	color: var(--white);
}

.product_btn {
	background-color: var(--red);
	padding: 12px 0px 12px 15px;
}

.product_box:hover .product_cnt {
	transition: 0.5s all ease;
	bottom: 0;
}

/* Capabilities */
.cap_sec {
	padding-bottom: 100px;
}
.capa_breadcum .single_capabilities_breadcum_inner {
	padding: 0;
	border: none;
	padding-top: 100px;
}
.cap_heading p {
	color: #000;
	margin-top: 12px;
	font-size: 20px;
	line-height: 30px;
	width: 90%;
	margin-bottom: 48px;
}
.cap_box {
	position: relative;
	overflow: hidden;
	border-radius: 12px;
}

.cap_cnt {
	position: absolute;
	bottom: -50px;
	width: 100%;
	left: 0;
	padding-left: 18px;
	transition: 0.5s all ease;
}
.cap_sec .cap_heading {
	border-bottom: 1px solid #d7d7d7;
	margin-bottom: 48px;
}
.cap_sec .row {
	row-gap: 32px;
}

.cap_box:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 50%;
	bottom: 0;
	background: linear-gradient(to top, #333333, transparent);
}

.cap_cnt h4 {
	font-size: 28px;
	line-height: 38px;
	font-weight: 600;
	margin-bottom: 18px;
	color: var(--white);
}

.product_btn a {
	font-size: 20px;
	line-height: 30px;
	font-weight: 400;
	color: var(--white);
}

.product_btn {
	background-color: var(--red);
	padding: 12px 0px 12px 15px;
	border-top-left-radius: 12px;
}

.cap_box:hover .cap_cnt {
	transition: 0.5s all ease;
	bottom: 0;
}
.cap_box img {
	width: 100%;
}
.product_btn a svg {
	margin-left: 10px;
}
.fancybox__footer {
	display: none;
}
.product-content .products-grid:last-child {
	margin-bottom: 0;
}

/* Single Capabilities */
.single_capabilities_breadcum_inner {
	border-bottom: 1px solid #d6d6d6;
	padding: 50px 0px 40px 0px;
}

.single_capabilities_outer h1 {
	font-weight: 700;
	font-size: 32px;
	line-height: 42px;
	text-transform: capitalize;
	position: relative;
	width: max-content;
	color: #5f5f5f;
	margin-bottom: 32px;
}
.single_capabilities_outer h1:before {
	content: '';
	position: absolute;
	bottom: -10px;
	width: 35%;
	height: 1px;
	background: #d6d6d6;
}
.single_capabilities_outer p {
	font-weight: 800;
	font-size: 48px;
	line-height: 58px;
	color: var(--red);
	margin: 0;
	width: 90%;
}
.single_capabilities_image {
	padding: 50px 0px 50px 0px;

}
section.single_cap_bottom_sec .container .row {
	padding-top: 66px;
	border-top: 1px solid #d6d6d6;
}
.single_capabilities_image_outer {
	overflow: hidden;
}
.single_capabilities_image_outer img {
	border-radius: 12px;
	width: 100%;
}

.single_cap_highlight {
	border-radius: 12px;
	margin-top: -10%;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	transition: .4s all;
	padding: 48px;
	/* background: linear-gradient(180deg, rgb(153 153 153) 0%, rgba(255, 255, 255, 1) 30%); */
	background: linear-gradient(359.73deg, rgba(255, 255, 255, 0) 2.63%, #F6F6F6 43.3%, #E7E7E7 99.77%);
}
.single_cap_highlight:hover {
	transform: translateY(-10px);
}

.single_cap_detailed_cnt {
	margin-top: 64px;
	width: 98%;
	margin-left: auto;
}
.single_img_box img {
	border-radius: 12px;
}
.single_cap_highlight {
	padding: 55px 70px 55px 70px;
}
.single_cap_highlight .capa_highlight {
	color: #000;
	font-weight: 500;
	font-size: 28px;
	line-height: 38px;
}
.single_cap_highlight p {
	font-weight: 400;
	font-size: 20px;
	line-height: 30px;
	color: var(--black);
}
.single_capabilities_image .row.mt-5 {
	width: 92%;
	margin: auto;
}
section.single_cap_bottom_sec .row {
	width: 92%;
	margin: auto;
}
.single_cap_bottom_img img {
	width: 100%;
	height: 300px;
	object-fit: cover;
	border: 1px solid #d6d6d6;
	border-radius: 12px;
	/* padding: 24px; */
}
.single_cap_bottom_sec {
	padding-bottom: 100px;
}
.single_cap_bottom_sec .row .col-md-12:last-child .single_cap_bottom_img{
	padding-top: 50px;
	padding-bottom: 0px;
	border-bottom: none;
}

/* Company Profile */
.company_profile_cum .single_capabilities_outer p {
	width: 70%;
}
.company_profile_cum .single_capabilities_breadcum_inner {
	padding: 100px 0px 50px 0px;
	border-bottom: none;
}
section.about_tab_sec {
	border-bottom: 1px solid #949494;
}
.about_tab_sec{
	margin-bottom:50px;
}
.about_tabs_inner {
	display: flex;
	gap: 38px;
}
.about_tabs_inner a {
	font-weight: 700;
	font-size: 24px;
	line-height: 34px;
	text-transform: capitalize;
	color: #989898;
	padding-bottom: 15px;
}
.about_tabs_inner a.tab.active{
	color:#000000;
	border-bottom: 3px solid var(--red);
}
/* section.about_tabs_cnt_sec {
padding-bottom: 100px;
} */
.about_tabs_banner_img {
	position: relative;
}
.about_tab_highlight_cnt {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 40%;
	background: #ff0000a8;
	padding: 30px;
	border-radius: 12px;
	border-top-left-radius: 0px;
	border-bottom-right-radius: 0px;
}
.about_tab_highlight_cnt p {
	margin: 0;
}
.about_tab_main_cnt {
	margin-top: 50px;
}
.about_tab_main_cnt p {
	color: #000;
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 12px;
}
.about_tab_mission{
	margin-top: 50px;
}
section.about_tabs_cnt_sec {
	padding-bottom: 50px;
	overflow: hidden;
}
section.ab_mision_vision {
	padding-bottom: 100px;
}
.mision_image {
	height: 100%;
	position: relative;
}
.mision_image img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.about_accordian_outer .accordion-item {
	background: var(--red);
	border: none;
}

.about_accordian_outer .accordion-button:not(.collapsed) {
	color: #fff;
	background-color: var(--red);
	box-shadow: none !important;
}
.about_accordian_outer .accordion-button {
	padding: 24px 42px;
	font-size: 32px;
	line-height: 42px;
	font-weight: 500;
	color: #fff;
	background-color: var(--red);
}
.about_accordian_outer .accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='2' viewBox='0 0 29 2' fill='none'%3E%3Cpath d='M1 1H28' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
	transform: rotate(-180deg);
}
.about_accordian_outer .accordion-button::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='28' viewBox='0 0 27 28' fill='none'%3E%3Cpath d='M1 14.4629H26' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M13.9629 26.5L13.9629 1.5' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}
.about_accordian_outer .accordion-item:first-of-type {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}
.about_accordian_outer .accordion-item:last-of-type {
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}
#accordionExample .accordion-item:last-child h2 .accordion-button{
	background:#333333;
}
div#collapseTwo {
	background: #333333;
}
.accordion-body span {
	color: #fff;
}
.accordion-body p {
	margin-bottom: 0px;
	font-size: 20px;
	line-height: 30px;
}
.accordion-button:focus {
	box-shadow: none;
}
.accordion-body {
	padding: 0px 42px 42px;
}
.about_tabs_banner_img img {
	border-radius: 12px;
}
/* .milestone_sec .about_tab_main_cnt {
display: grid;
grid-template-columns: 2fr 2fr;
}
.milestone_sec .about_tab_main_cnt_left h4{
color:#000;
font-weight: 700;
font-size: 56px;
line-height: 66px;
text-transform: capitalize;
}
.milestone_slider .owl-nav {
display: flex;
align-items: center;
gap: 12px;
width: max-content;
position: absolute;
bottom: -40%;
left: 0;
}
.milestone_slider .owl-nav button span img {
width: 100%;
}
.milestone_slider .owl-nav .owl-prev {
border: 1px solid #8f8f8f !important;
width: 60px;
height: 60px;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.milestone_slider .owl-nav .owl-prev span img {
transform: rotate(180deg);
}
.milestone_slider .owl-nav button span img {
width: 20px;
margin-bottom: 5px;
filter: invert(41%) sepia(0%) saturate(0%) hue-rotate(170deg) brightness(92%) contrast(86%);
}

.milestone_slider .owl-nav .owl-next {
border: 1px solid #8f8f8f !important;
width: 60px;
height: 60px;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
margin-top: 0;
}

.milestone_slider .owl-stage-outer {
width: 100vw !important;
margin-left: auto;
overflow-x: hidden;
}
.milestone_slider {
position: relative;
}
.milestone_slider {
margin-top: 48px;
}
.milestone_slider {
margin-top: 50px;
margin-bottom: 150px;
}
.milestone_item svg {
width: 90px;
height: 90px;
}
.milestone_item h4 {
color: var(--red);
padding: 0;
border-bottom: 1px dashed #969696;
margin-top: 24px;
padding-bottom: 24px;
margin-bottom: 0;
font-weight: 700;
font-size: 48px;
line-height: 58px;
text-transform: capitalize;

}
.milestone_item p {
color: #000;
margin: 0;
font-size: 18px;
line-height: 28px;
margin-top:24px;
}

.milestone_item img {
width: 100px !important;
}
.milestone_item {
width: 90%;
}
.milestone_slider .owl-dots {
display: none;
}
.milestone_heading img {
width: 54px;
height: 54px;
}
.milestone_awards_sec {
padding-bottom: 100px;
margin-top: 50px;
}
.milestone_heading h2 {
font-weight: 700;
font-size: 56px;
line-height: 66px;
text-transform: capitalize;
color: #000;
}
.milestone_heading {
display: flex;
align-items: center;
justify-content: center;
gap: 24px;
margin-bottom: 24px;
}
.milestone_outer p {
color: #000;
font-size: 20px;
line-height: 28px;
text-align: left;
width: 75%;
}
.milestone_outer {
width: 80%;
margin-right: auto;
}
*/

.tabs-container .tab {
	padding: 12px 24px;
	cursor: pointer;
	text-align: center;
	border: none;
	background: none;
	transition: all 0.3s ease;
	font-weight: 400;
	font-size: 24px;
	line-height: 34px;
	letter-spacing: 0%;
	text-transform: capitalize;
}

/* .tab {
padding: 12px 24px;
cursor: pointer;
font-size: 16px;
font-weight: bold;
text-align: center;
border: none;
background: none;
transition: all 0.3s ease;
} */

.tabs-container .tab:hover {
	background-color: #f0f0f0;
}

.tabs-container .tab.year-active {
	color: #ff0000;
	border-bottom: 3px solid #ff0000;
}
.tabs-container .tabs {
	margin-top: 48px;
	margin-bottom: 48px;
	display: flex;
}
.tabs-container .year-active{
	display: block;
}
.content {
	display: none;
}
.content-flex {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}
.content.active {
	display: block;
	animation: fadeIn 0.5s ease;
}

.content img {
	max-width: 100%;
	height: auto;
	display: block;
	margin-bottom: 15px;
	border-radius: 12px;
}

.milestone_awards_image img {
	width: 100%;
}
.milestone_awards_sec {
	padding-bottom: 100px;
}
.content-item p {
	color: #000;
	text-align: center;
	font-size: 24px;
}

@keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}
.milestone_awards_image {
	position: relative;
}
.content-item h4 {
	font-size: 21px;
	line-height: 32px;
	color: #000;
	margin: 0;
}
.milestone_awards_image p {
	position: absolute;
	top: 12px;
	right: 12px;
	padding: 1px 16px;
	font-size: 12px;
	background: var(--red);
	color: #fff;
	border-radius: 29px;
}
/* Leadership */
.leadership_content {
	width: 100%;
}
.leadership_content p {
	color: #000;
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 12px;
}
.leadership_wrap {
	width: 100%;
	height: auto;
	padding: 100px 0px;
	position: relative;
}
.leadership_wrap .col-lg-4::before {
	background: #F1F1F1;
	width: 26%;
	height: 100%;
	position: absolute;
	left: 0rem;
	bottom: 0;
	content: "";
	z-index: -1;
	border-radius: 12px;
}
.leadership_wrap h3 {
	text-align: center;
	letter-spacing: -1.61px;
	position: relative;
	margin: auto;
	padding: 1.3rem 0;
	color: #000;
}
section.leadership_wrap.section_2 .leadership_content {
	width: 100%;
}
section.leadership_wrap.section_2 .row .col-lg-4::before {
	right: 0;
	left: auto;
}
.leadership_wrap .row .col-lg-4 figure img {
	border-radius: 12px;
}
.leadership_wrap .row .col-lg-4 figure {
	width: 90%;
}
.section_2 .row .col-lg-4 figure {
	width: 90%;
	margin-left: auto;
}
.leadership_wrap h3 span {
	font-size: 22px;
	color: var(--red);
}
/* Skill Development */
.skill_development_sec .about_tab_main_cnt {
	margin-top: 50px;
	display: grid;
	grid-template-columns: 1fr;
	gap: 24px;
}
.skill_right_img img {
	width: 100%;
	height: 380px;
	object-fit: cover;
}
.skill_cnt_left ul {
	margin-bottom: 0;
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	align-items: center;
}
.skill_cnt_left ul li {
	font-size: 18px;
	font-weight: 400;
	position: relative;
	display: flex;
	align-items: center;
}
.skill_cnt_left ul li svg path {
	fill: #fff;
}
.skill_cnt_left ul li svg {
	background: var(--red);
	border-radius: 100%;
	width: 40px;
	height: 40px;
	padding: 8px;
	margin-right: 18px;
}
.skill_cnt_left ul li:before {
	content: '';
	position: absolute;
	right: 12px;
	width: 1px;
	height: 40px;
	background: #999;
}
.skill_cnt_left ul li:last-child::before{
	display:none;
}
.skill_cnt_left p {
	font-size: 18px;
}
.skill_cnt_left p:first-child {
	margin-bottom: 20px;
	width: 80%;
}
.skill_right_img img {
	border-radius: 12px;
}
.skill_bottom_cnt p {
	color: #000;
	font-size: 18px;
	line-height: 28px;
}
.skill_bottom_cnt p {
	width: 90%;
}
.skill_bottom_cnt {
	margin-top: 20px;
}
.skill_bottom_cnt ul li {
	font-size: 18px;
	font-weight: 400;
	padding-left: 24px;
	position: relative;
}
.skill_bottom_cnt ul li:before{
	content: '';
	position: absolute;
	top: 35%;
	left: 0;
	background: var(--red);
	width: 10px;
	height: 10px;
	border-radius: 50%;
}
.skill_bottom_cnt ul {
	margin-bottom: 24px;
}

.skill_development_sec {
	padding-bottom: 100px !important;
	overflow: hidden !important;
}
ul.skill_grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}
ul.skill_grid li::before {
	display: none;
}
ul.skill_grid li svg {
	margin-bottom: 12px;
	border: 1px solid #d7d7d7;
	border-radius: 64px;
}
ul.skill_grid li {
	background: transparent;
	border: 1px solid #d7d7d7;
	padding: 24px 28px;
	border-radius: 12px;
	color: #000;
	height: 100%;
	box-shadow: rgb(0 0 0 / 6%) 0px 5px 15px 0px;
	transition: 0.4s all;
	cursor: pointer;
}
.skill_cnt p {
	width: 100%;
}
ul.subcategories {
	display: none;
}






/* Our Client */
.client_page_sec{
	padding:100px 0px;
}
.client_page_sec .client_grid {
	margin: 0;
}
.client_item img{
	transition: 0.4s all;
}
.client_item:hover img {
	transform: translateY(-10px);
	cursor:pointer;
}
.client_breadcum .container {
	border-bottom: 1px solid #d7d7d7;
	margin-bottom: 48px;
}

/* Product Page */
.product-page-wrapper {
	display: grid;
	grid-template-columns: 30% 70%;
	gap: 0;
	padding: 100px 0px;
}
.product-range-wrapper {
	padding: 100px 0px;
}
.products-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 16px;
}
.product-item .product-image {
	border: 1px solid #ccc;
	padding: 24px;
	border-radius: 12px;
	margin-bottom: 0;
}
.product-sidebar {
	width: 90%;
}
ul.sidebar-categories li {
	margin-bottom: 4px;
	border-radius: 0px;
	border-bottom: 1px solid #000;
	margin: 0;
}
ul.sidebar-categories li.active {
	background: var(--red);
	border-bottom: none;
}
ul.sidebar-categories li a {
	font-size: 20px;
	line-height: 30px;
	display: flex;
	color: #000;
	padding: 12px 24px;
	font-weight: 500;
}
ul.sidebar-categories li.active a{
	color:#fff;
}

.product-item .product-title p::before {
	content: '';
	position: absolute;
	left: 0;
	background: var(--red);
	width: 20px;
	height: 1px;
	top: 50%;
}
.product-item .product-title p {
	color: #000;
	margin-top: 12px;
	padding-left: 30px;
	position: relative;
	transition: 0.4s all;
}
.product-item:hover .product-title p {
	padding-left: 35px;
}
.sidebar-categories .parent-category {
	/* 		position: relative; */
	margin-bottom: 0px;
}

.subcategory-item h3 {
	margin: 0;
	font-size: 18px;
	line-height: 28px;
	color: #000;
}
.product-sidebar ul {
	position: sticky;
	top: 20%;
}

.products-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	margin-bottom: 48px;
}
.product-content h2 {
	font-size: 28px;
	color: #000;
	margin-bottom: 18px;
}



/* Milestone Our Journey so Far  */
section.main-maile {
	padding: 50px 0px 0px;
}
.milestone {
	width: 73%;
	margin: 0 auto;
	padding: 0 0 100px;
}
.milestone ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.milestone ul li:nth-child(4n + 1) {
	margin-top: 32px;
}
.jq_hidden.jq_active {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}
.milestone ul li {
	position: relative;
}
.jq_hidden {
	-webkit-transform: translateY(150px);
	transform: translateY(150px);
	opacity: 0;
	-webkit-transition: all 1.2s ease 0s;
	transition: all 1.2s ease 0s;
}
.milestone ul li:nth-child(4n + 1):before {
	bottom: -15px;
	right: 32%;
	background: #e4002b;
	top: 34px;
}
.milestone ul li:before {
	content: "";
	position: absolute;
	top: 101px;
	left: 51%;
	width: 155px;
	height: 2px;
	background: #e4002b;
	z-index: 999999;
}
#pointer {
	width: 80px;
	height: 40px;
	position: relative;
	background: #e4002b;
	transform: rotate(90deg);
	margin: 0 auto;
	display: none;
}
.milestone ul li:nth-child(4n + 1) .left-aerow-area #pointer-1 {
	top: 140px;
	background: #e4002b;
}
#pointer-1 {
	width: 170px;
	height: 40px;
	position: relative;
	background: #e4002b;
	transform: rotate(270deg);
	top: 150px;
	margin: 0 auto;
}
.milestone ul li:nth-child(4n + 1) #pointer-1:before {
	border-left: 20px solid #e4002b;
}
#pointer-1:before {
	content: "";
	position: absolute;
	right: -20px;
	bottom: 0;
	width: 0;
	height: 0;
	border-left: 20px solid #e4002b;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
}
#pointer-1:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 0;
	border-left: 20px solid white;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
}
.milestone ul li:nth-child(4n + 1):after {
	left: 49%;
	background: #fff;
	border: solid 5px #e4002b;
	bottom: 0;
	top: 24px;
}
.milestone ul li:after {
	content: "";
	position: absolute;
	top: 92px;
	left: 49%;
	border-radius: 100px;
	width: 20px;
	height: 20px;
	background: #fff;
	border: solid 5px #e4002b;
}

.milestone ul li:nth-child(4n + 1) .right-content-area {
	top: -81px;
	margin-left: auto;
	text-align: left;
	width: 45%;
	position: relative;
}
.right-content-area {
	width: 45%;
	margin-left: auto;
	position: relative;
	top: -81px;
}
.milestone ul li:nth-child(4n + 1) .icon {
	margin: 31px 0px 0px 140px;
	width: 90px;
	height: 90px;
	background: #e4002b;
	position: relative;
}
.icon {
	width: 90px;
	height: 90px;
	background: #e4002b;
	border-radius: 100px;
	position: relative;
	margin: 58px 0px 0px 140px;
}
.milestone ul li:nth-child(4n + 1) .icon:before {
	border: solid 1px #e4002b;
}
.icon:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border: solid 1px #e4002b;
	width: 110px;
	height: 110px;
	border-radius: 100px;
}
.jq_hidden.jq_active img {
	max-width: 100%;
}
.icon img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	padding: 25px;
}
.milestone ul li:nth-child(4n + 1) .icon:after {
	border-right: 20px solid #e4002b;
	left: -29px;
	top: 35px;
	transform: rotate(360deg);
}
.icon:after {
	content: "";
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-right: 20px solid #e4002b;
	border-bottom: 10px solid transparent;
	position: absolute;
	left: -29px;
	top: 35px;
}
.right-content-area .date span {
	font-size: 26px;
	font-weight: 700;
	margin-top: -25px;
	display: block;
	padding-bottom: 16px;
}
.content-block p {
	font-size: 17px;
	color: #000;
	font-weight: normal;
	line-height: 25px;
	margin-bottom: 8x;
}
.milestone ul li:nth-child(4n + 2):before {
	top: -15px;
	left: 32%;
	background: #007AFF;
}
.milestone ul li:nth-child(4n + 2) .left-aerow-area #pointer-1 {
	top: 90px;
	background: #007AFF;
}
.milestone ul li:nth-child(4n + 2) .left-aerow-area #pointer-1 {
	top: 90px;
	background: #007AFF;
}
.milestone ul li:nth-child(4n + 2) #pointer-1:before {
	border-left: 20px solid #007AFF;
}
.milestone ul li:nth-child(4n + 2) .right-content-area {
	top: -160px;
	margin-left: inherit;
	text-align: right;
}
.milestone ul li:nth-child(4n + 2) .icon {
	margin: 61px 0px 0px 185px;
	background: #007AFF;
}
.milestone ul li:nth-child(4n + 2) .icon:before {
	border: solid 1px #007AFF;
}
.milestone ul li:nth-child(4n + 2) .icon:after {
	border-right: 20px solid #007AFF;
	left: 99px;
	top: 35px;
	transform: rotate(181deg);
}
.milestone ul li:nth-child(4n + 2):after {
	top: -22px;
	left: 49%;
	background: #fff;
	border: solid 5px #007AFF;
}
.milestone ul li:nth-child(4n + 3):before {
	top: -38px;
	left: 51%;
	background: #34C759;
}
.milestone ul li:nth-child(4n + 3) .left-aerow-area #pointer-1 {
	top: 70px;
	background: #34C759;
}
.milestone ul li:nth-child(4n + 3) #pointer-1::before {
	border-left: 20px solid #34C759;
}
#pointer-1:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 0;
	border-left: 20px solid white;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
}
.milestone ul li:nth-child(4n + 3) .right-content-area {
	top: -190px;
}
.milestone ul li:nth-child(4n + 3):after {
	top: -47px;
	left: 49%;
	border: solid 5px #34C759;
}
.milestone ul li:nth-child(4n + 3) .icon {
	background: #34C759;
	margin: 68px 0px 0px 140px;
}
.milestone ul li:nth-child(4n + 3) .icon:before {
	border: solid 1px #34C759;
}
.milestone ul li:nth-child(4n + 3) .icon:after {
	border-right: 20px solid #34C759;
}
.milestone ul li:nth-child(4n + 4) {
	margin-top: -38px;
	margin-bottom: -93px;
}
.milestone ul li:nth-child(4n + 4):before {
	top: -20px;
	left: 32%;
	background: #efdf00;
}
.milestone ul li:nth-child(4n + 4) .left-aerow-area #pointer {
	display: none;
}
.milestone ul li:nth-child(4n + 4) .left-aerow-area #pointer-1 {
	top: 90px;
	background: #efdf00;
}
.milestone ul li:nth-child(4n + 4) #pointer-1:before {
	border-left: 20px solid #efdf00;
}
.milestone ul li:nth-child(4n + 4) .right-content-area {
	top: -165px;
	margin-left: inherit;
	text-align: right;
}
.milestone ul li:nth-child(4n + 4) .icon {
	margin: 61px 0px 0px 185px;
	background: #efdf00;
}
.milestone ul li:nth-child(4n + 4) .icon:before {
	border: solid 1px #efdf00;
}
.milestone ul li:nth-child(4n + 4) .icon:after {
	border-right: 20px solid #efdf00;
	left: 99px;
	top: 35px;
	transform: rotate(181deg);
}
.milestone ul li:nth-child(4n + 4):after {
	top: -29px;
	left: 49%;
	background: #fff;
	border: solid 5px #efdf00;
}

.milestone ul li:nth-child(4n + 5) {
	margin-top: 48px;
}
.milestone ul li:nth-child(4n + 6) {
	margin-top: 48px;
}
.content-block p svg {
	margin-bottom: 2px;
	margin-right: 8px;
}

/* Csr */
.career_sec .col-md-4 .csr_bottom_img_box img {
	width: 100%;
	border-radius: 12px;
	cursor:pointer;
	border-bottom-left-radius: 24px;
}
.csr_bottom_img_box:hover {
	transform: translateY(-10px);
}
.csr_bottom_img_box {
	position: relative;
	transition: 0.4s;
}

.csr_bottom_img_box .csr_image_text {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 12px 20px;
	background: var(--red);
	border-top-right-radius: 24px;
	border-bottom-left-radius: 24px;
}
.csr_bottom_img_box .csr_image_text h4 {
	color: #fff;
	margin: 0;
	font-size: 21px;
	line-height: 31px;
}
.fancybox-image{
	background:#fff;
	width: 500px !important;
}

/************************Investor Page******************/

.investor_img img {
	border-radius: 12px;
}

.investor_main {
	padding-bottom: 50px;
}
.inves_box {
	display: flex;
	flex-direction: column;
	border: 1px solid #c3c3c3;
	border-radius: 10px;
}

.inves_box .inves_head {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 24px 20px;
	border-bottom: 1px solid #c3c3c3;
	gap: 10px;
}

.inves_box .inves_foot a {
	display: flex;
	flex-direction: row;
	font-size: 16px;
	line-height: 26px;
	font-weight: 500;
	color: #0280bd;
	gap: 8px;
}

.inves_box .inves_foot a svg {
	height: 20px;
	width: 20px;
	color: #0280bd;
}

.inves_box .inves_head svg {
	height: 50px;
	width: 50px;
}

.inves_box .inves_head p {
	color: var(--black);
	margin-bottom: 0px;
	font-weight: 500;
	line-height: 26px;
}

.inve_sec {
	display: grid;
	grid-template-columns: 1fr;
	gap: 20px;
}

.inves_box .inves_foot {
	padding: 10px 20px;
}

.inves_box .inves_foot a svg path {fill: #0280bd;}
.cust h1{
	text-transform: none !important;
}