/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 25 2026 | 05:17:05 */
.products-slider-wrap .swiper-button-prev,.products-slider-wrap .swiper-button-next {
    display: none;
}

.indcontainer >.indtext,
.indcontainer > p{
    display: none;
}

.inner-header .brand-logo a img {
    width: 200px;
}
.products-banner .pro-banner-bg {
    width: 100%;
}

@media(max-width:1440px) {
	.products-banner .inner-banner-img img:first-child {
/* 		height: 100vh; */
	}
	.products-banner .inner-banner-img .desktop_banner {
		height: 100%;
		max-height: 340px;
	}
}
	

@media(max-width:1150px) {
	.hodek_culter_sec {
		height: auto !important;
		flex-wrap: wrap;
		justify-content: center !important;
		align-items: center !important;
		gap: 30px;
		margin-top: 30px !important;
	}

	.hodek_culter_ul li {
		position: static !important;
		flex-flow: row !important;
	}


	.hodek_culter_sec .hodek_culter_head {
		position: static !important;
		min-height: auto !important;
		max-width: none !important;
		display: block !important;
	}

	.hodek_culter_ul li:after {
		border: 0  !important;
	}

	.hodek_culter_content {
		text-align: left !important;
		width: 77%;
	}

	.hodek_culter_ul li {
		max-width: none  !important;
		width: 47%  !important;
	}

	.hodek_culter_content p {
		font-size: 16px !important;
		line-height: 20px !important;
	}

	.hodek_culter_head:before,
	.hodek_culter_head:after {
		width: 0 !important;
	}

	.hodek_culter_head p {
		max-width: none !important;
	}

	.hodek_culter_sec .hodek_culter_ul {
		gap: 20px;
		display: flex;
		flex-wrap: wrap;
		width: 100% !important;
	}
	.hodek_culter_content b {
		font-size: 18px !important;
		line-height: 25px !important;
	}
	body .hodek_culter_sec .hodek_culter_head {
		max-width: 100% !important;
	}
	.hodek_culter_sec .hodek_culter_ul li {
        scale: 1 !important;
    }
}

@media(max-width:1024px) {
	.indcontainer >.indtext,
	.indcontainer > p{
		display: block;
		width: 100% !important;
	}
	.career_indcontainer {
		height: auto !important;
		padding-bottom: 50px;
	}

	.career_indcontainer .career-ind-inner,
	.indcontainer .home-ind-inner{
		padding-bottom: 70px;
		flex-wrap: inherit;
        align-items: inherit;
        justify-content: inherit;
        gap: inherit;
	}
	.indcontainer {
		padding-bottom: 30px !important;
	}

	.career_indcontainer .swiper-button-next,
	.indcontainer .swiper-button-next {
		right: 50% !important;
		margin-right: -60px;
		top: auto !important;
		bottom: 0;
		z-index: 99999;
		width: 44px;
	}

	.career_indcontainer .swiper-button-prev,
	.indcontainer .swiper-button-prev {
		top: auto !important;
		bottom: 0 !important;
		left: 50% !important;
		margin-left: -60px;
		box-shadow: none;
		width: 44px;
	}

	.career_indcontainer .swiper-button-next:after,
	.career_indcontainer .swiper-button-prev:after,
	.indcontainer .swiper-button-next:after,
	.indcontainer .swiper-button-prev:after,
	.products-slider-wrap .swiper-button-next:after,
	.products-slider-wrap .swiper-button-prev:after{
		width: 0;
		font-size: 0;
	}

	.indcontainer .swiper-button-prev,
	.indcontainer .swiper-button-next {
		background-color: #fff;
		background-image: url(https://www.hodekindia.com/wp-content/uploads/2026/03/prv-orng-arw.svg);
	}

	.indcontainer .swiper-button-next {
		transform: rotate(180deg);
	}

	.indcontainer .swiper-button-prev:hover,
	.indcontainer .swiper-button-next:hover {
		background-image: url(https://www.hodekindia.com/wp-content/uploads/2025/03/left.svg);
		background-color: #F07C00;
	}

	

	.life_at_hodek_slider .swiper-slide img {
		width: 100%;
	}

	.life_at_hodek_slider .swiper-3d {
		perspective: none !important;
		padding-top: 0 !important;align-content
	}

	.career_pillarbox {
		min-height: auto !important;
		width: 100% !important;
		gap: 20px;
		padding-bottom: 20px;
	}

	.contact-form-sec ul.cust-form,
	.career_form ul.cust-form {
		gap: 20px 17px !important;
	}

	.hodek_culter_head h3 {
		font-size: 30px !important;
	}

	.hodek_culter_head p {
		font-size: 20px !important;
	}	

	.indcontainer {
		height: auto !important;
		display: block !important;
	}

	.indcontainer .indtext br {
		display: none !important;
		width: auto !important;
	}

	.indcontainer > p {
		max-width: none !important;
		margin-bottom: 20px;
		margin-top: 10px !important;
	}
	.indcontainer .content_box_start {
		display: none !important;
	}

	.filter-group label {
		font-size: 19px !important;
	}

	.job_filter .job-card h4 {
		font-size: 21px !important;
		line-height: 28px !important;
	}

	.job_filter select#job_location {
		padding: 10px 17px !important;
		font-size: 16px !important;
	}

	.job_filter .card {
		padding: 20px 20px 15px !important;
	}

	.filter-group label {
		padding-bottom: 10px !important;
		margin-bottom: 10px !important;
	}

	.job_content_left h2 {
		font-size: 35px !important;
		line-height: 42px !important;
	}

	.job_detail_content .cust-container {
		flex-flow: column;
		gap: 30px;
	}

	.job_detail_content .cust-container > div {
		width: 100% !important;
	}

	.products-slider-wrap .swiper-button-next {
		z-index: 99999;
		top: auto !important;
		bottom: 0 !important;
		right: 50% !important;
		width: 40px;
		height: 40px;
		margin-right: -60px;
		opacity: 1 !important;
	}

	.products-slider-wrap .swiper-button-prev {
		z-index: 99999;
		top: auto !important;
		bottom: 0 !important;
		width: 40px;
		height: 40px;
		left: 50% !important;
		margin-left: -60px;
		opacity: 1 !important;
		box-shadow: none;
	}

	.products-slider-wrap .product-nav {
		display: none;
	}

	.product-swiper-container {
		transform: rotate(0deg)  !important;
	}

	.product-card-wrap {
		transform: rotate(0) translateX(0px) !important;
		max-width: 100% !important;
		align-items: center;
		justify-content: center;
		gap: 30px;
	}

	.product-card-wrap .prod-content .prod-content_inner {
		flex-flow: column;
		margin: 0 !important;
		transform: translateY(0%) !important;
		position: static !important;
	}

	.products-slider-wrap .product-swiper-container .swiper-slide .prod-img img {
		transform: scale(1) !important;
		height: 100%;
	}

	.product-card-wrap .prod-content {
		height: auto !important;
	}
	
	.latest-updates-list .latest-updates-content {
		bottom: -210px !important; 
	}
	
	.latest-updates-card:hover .latest-updates-content {
		bottom: 0 !important;
	}

	.latest-updates-list .latest-updates-content {
		padding: 20px !important;
	}
	
	.products-slider-wrap .swiper-button-prev,.products-slider-wrap .swiper-button-next {
		display: block !important;
		background-color: #fff;
	}
	
	ul.latest-updates-list {
		justify-content: space-between;
		gap: 30px;
	}
	.latest-updates-list li {
		width: 47% !important;
	}
	
	.prod_page_slider .product-swiper-container {
		padding: 20px 0 70px 0 !important;
	}
	.job_detail_content {
		padding: 90px 10px 20px !important;
	}
	
	.contact-form-sec ul.cust-form li, .career_form ul.cust-form li {
		width: 48% !important;
	}
	
	.animated .hodek_culter_head,
	.hodek_culter_sec .hodek_culter_ul li{
		scale: 1 !important;
	}

.certificate_slider_about .elementor-swiper-button {
    top: auto !important;
    bottom: 0 !important;
}

.certificate_slider_about .elementor-swiper-button-prev {
    left: 50% !important;
    margin-left: -60px;
}

.certificate_slider_about .elementor-swiper-button-next {
    right: 50% !important;
    margin-right: -60px;
}
	
	.career_indcontainer .career_pillarbox {
/*         min-height: 670px !important; */
    }
	
	.products-banner .inner-banner-img .desktop_banner {
		max-height: none;
		height: auto;
	}
}

@media(max-width:820px) {
	.job_filter {
		display: block !important;
	}

	.job_filter .jobs,
	.job_filter .sidebar{
		width: 100% !important;
	}

	.job_filter .job-card {
		padding: 20px !important;
	}

	.job_content_left h2 {
		font-size: 30px !important;
		line-height: 38px !important;
	}
}
	

@media(max-width:767px) {
	.hodek_culter_ul li,
	.contact-form-sec ul.cust-form li, .career_form ul.cust-form li{
		width: 100% !important;
	}

	.hodek_culter_content {
		width: 69%;
	}
	.hodek_culter_content b {
		font-size: 17px !important;
		line-height: 20px !important;
	}


	.prod-content h2 {
		max-width: none !important;
		text-align: left;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		margin-left: 25px !important;
	}
	
	.product-swiper-container {
        padding: 30px 0 40px 0 !important;
    }
	
	.latest-updates-list li {
		width:100% !important;
	}

	ul.latest-updates-list {
		gap: 20px !important;
	}
	.latest-updates-card .latest-updates-content .para-two {
		margin-bottom: 10px !important;
	}
	
	.latest-updates-card {
		box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	}
	
	body .hodek_culter_sec .hodek_culter_ul li {
        scale: 1 !important;
    }
	.ta-list .ta-card-wrap:after {
		opacity: 1 !important;
	}
}