/*
Theme Name: Steeler
Theme URI: http://demo.7iquid.net/steeler/
Author: 7iquid
Author URI: http://themeforest.net/user/7iquid
Description: Steeler is a WordPress theme exclusively built for manufacture, industry, factory, laboratory or construction company websites. The theme helps you to get your site up and running in less than minutes with the One Click Demo Importer. Create pages easily with the Drag & Drop Page Builder (Elementor Free) and fully responsive, retina ready and easy to customize.
Version: 1.0.1
License: ThemeForest
License URI: https://themeforest.net/licenses
Text Domain: steeler
Tags: elementor, factory, industrial, gas, chemical, company, construction, engineering, industry, laboratory, manufacture, mechanical, mining, oil, pharmaceutical, refinery, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

 #site-header-wrap.header-layout3 .site-header-main .site-branding img {
    max-height: 66px !important;
  }

@media (min-width: 1200px) and (max-width: 1510px){
.header-layout2 .site-menu-right .site-menu-right-button .btn, .header-layout3 .site-menu-right .site-menu-right-button .btn {
    padding: 0 20px !important;
    font-size: 13px !important;
}
	
	.header-layout2 .site-menu-right .site-menu-right-button .btn i, .header-layout3 .site-menu-right .site-menu-right-button .btn i {
    font-size: 18px;
    margin: 0 0 0 10px !important;
}
}

#site-header-wrap #site-header{
    padding: 0 3% !important;
}

#site-header-wrap #site-header.h-fixed{padding: 0 3% !important;}

.widget_search .search-submit {
    background-color: #fff !important;
    color: #111 !important;
}

#site-header-wrap .site-branding {
    position: relative;
    margin-left: 20px !important;
}

#site-header-wrap.header-layout3 .site-header-main.h-fixed{
	background: #fff !important;
}

.header-layout2 .primary-menu > li, .header-layout3 .primary-menu > li {
    margin: 0 19px !important;
}

#site-header-wrap {
    position: relative;
    z-index: 999;
    background: #fff !important;
    left: 0;
    top: 0;
    width: 100%;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.primary-menu > li > a{color: #000 !important; font-size: 14px !important; text-transform: uppercase;}

.primary-menu > li.current-menu-ancestor.current-menu-parent > a{color: #f1bd38 !important;}

.primary-menu > li:hover > a, .primary-menu > li.current_page_item > a, .primary-menu > li.current-menu-item > a, .primary-menu > li.current_page_ancestor > a, .primary-menu > li.current-menu-ancestor > a{color: #f1bd38 !important;}

#site-header-wrap.header-layout3 .site-header-main .primary-menu > li > a:before{
	background-color: #f1bd38 !important;
}

.primary-menu > li.menu-item-has-children > a:after{color: #000 !important;}

#site-header-wrap.header-layout3 .site-header-main .site-menu-right .icon-item{color: #000 !important;}

#site-header-wrap.header-layout3 .site-header-main .site-navigation-main-content .main-navigation{margin-left: 50px;}

.header-layout2 .site-menu-right .site-menu-right-button .btn:hover:after, .header-layout3 .site-menu-right .site-menu-right-button .btn:hover:after{
	background-color: #fff !important;
}

.header-layout2 .site-menu-right .site-menu-right-button .btn:hover, .header-layout3 .site-menu-right .site-menu-right-button .btn:hover{
	color: #000 !important;
}

span.heading-design{
	background-color: #f1bd38 !important;
    width: 30px;
    height: 5px;
    display: inline-flex;
    position: relative;
    top: 6px;
	margin-right: 10px;
}

.service_box_c{position: relative;}

.service_box_c:before{
	position: absolute;
    content: "";
    height: 70px;
    width: 140px;
    background: #fff;
    opacity: .02;
    z-index: 0;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
}

.service_box_c1{position: relative;}

.service_box_c1:before{
	position: absolute;
    content: "";
    height: 70px;
    width: 140px;
    background: #fff;
    opacity: .02;
    z-index: 0;
    left: 50%;
    top: 20px;
    transform: translateX(-50%);
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
}

.service_box_c:hover:before{
	position: absolute;
    content: "";
    height: 70px;
    width: 140px;
    background: #fff;
    opacity: 0.1;
    z-index: 1;
    left: 50%;
    top: 0px;
    transform: translateX(-50%);
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
}

.service_box_c1:hover:before{
	position: absolute;
    content: "";
    height: 70px;
    width: 140px;
    background: #fff;
    opacity: 0.1;
    z-index: 1;
    left: 50%;
    top: 20px;
    transform: translateX(-50%);
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
}

.service_box_c:hover .elementor-icon-box-icon .elementor-icon i{color: #fff !important;}
.service_box_c1:hover .elementor-icon-box-icon .elementor-icon i{color: #fff !important;}

.service_box_c .elementor-icon-box-icon .elementor-icon i{
	transform: rotate(0deg);
}

.service_box_c:hover .elementor-icon-box-icon .elementor-icon i{
  	animation-name: elementor-animation-wobble-skew;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
}

.service_box_c1:hover .elementor-icon-box-icon .elementor-icon i{
  	animation-name: elementor-animation-wobble-skew;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
}


.service_box_c .elementor-icon-box-content h3.elementor-icon-box-title a{
	color: #fff !important;
}

.service_box_c .elementor-icon-box-content h3.elementor-icon-box-title a:hover{
	color: #fff !important;
}

.service_box_c1 .elementor-icon-box-content h3.elementor-icon-box-title a{
	color: #fff !important;
}

.service_box_c1 .elementor-icon-box-content h3.elementor-icon-box-title a:hover{
	color: #fff !important;
}

.kabout-img-small-icon {
	position: absolute;
	top: -330px;
    left: 40%;
	height: 150px;
	width: 150px;
	text-align: center;
	border: 1px dashed rgba(255, 255, 255, .3);
	padding: 18px;
	display: inline-block;
	border-radius: 50%;
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s
}

.kabout-img-small-icon span {
	height: 114px;
	width: 114px;
	line-height: 145px;
	display: inline-block;
	background: #fff;
	border-radius: 50%
}

.kabout-img-small-icon span img {
	vertical-align: middle;
	-webkit-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-moz-filter: grayscale(0%)
}

.kabout-img-small-icon span i {
	font-size: 60px;
	color: #f29337;
	margin-top: 10px;
	display: inline-block;
	transform: rotate(180deg);
}

.kabout-img-small-icon:hover {
	animation-name: wobble-vertical;
	animation-duration: 1s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
}

.play_btn::after,
.play_btn::before {
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	border-radius: 50%;
	width: 100%;
	height: 100%;
	border: 1px dashed rgba(255, 255, 255, .7);
	animation-name: popupBtn;
	animation-duration: 1.8s;
	animation-timing-function: linear;
	animation-iteration-count: infinite
}

.play_btn::before {
	animation-delay: 0.8s
}

@keyframes popupBtn {
	0% {
		transform: scale(1);
		opacity: .6
	}
	50% {
		transform: scale(1.6);
		opacity: .3
	}
	100% {
		transform: scale(2.2);
		opacity: 0
	}
}

.work_carousel{position: relative;}

.work_carousel .cms-slick-slider .slick-slider .slick-prev{
    right: 141px !important;
	top: -90px !important;
	left: auto !important;
	width: 60px;
    height: 60px;
    background-color: #fff;
    color: #000;
    border: 1px solid #ddd;
    border-radius: 50%;
}

.work_carousel .cms-slick-slider .slick-slider .slick-next {
    right: 73px !important;
	top: -90px !important;
	width: 60px;
    height: 60px;
    background-color: #fff;
    color: #000;
    border: 1px solid #ddd;
    border-radius: 50%;
}

.work_carousel .cms-slick-slider .slick-slider .slick-prev:before, .work_carousel .cms-slick-slider .slick-slider .slick-next:before{
	font-size: 35px;
}




.blog_sec_home{position: relative;}

.blog_sec_home .cms-slick-slider .slick-slider .slick-prev{
    left: -49% !important;
	top: 59% !important;
	right: auto !important;
	width: 60px;
    height: 60px;
    background-color: #ddd;
    color: #000;
    border: 1px solid #ddd;
    border-radius: 50%;
	opacity: 1;
    visibility: visible;
}

.blog_sec_home .cms-slick-slider .slick-slider .slick-next {
    left: -41% !important;
	top: 59% !important;
	width: 60px;
    height: 60px;
    background-color: #ddd;
    color: #000;
    border: 1px solid #ddd;
    border-radius: 50%;
	opacity: 1;
    visibility: visible;
}

.blog_sec_home .cms-slick-slider .slick-slider .slick-prev:before, .blog_sec_home .cms-slick-slider .slick-slider .slick-next:before{
	font-size: 35px;
}

#site-header-wrap.header-layout3 .site-header-main .site-navigation-main-content .main-navigation {
    margin-left: 190px !important;
}

.new-launches-sec .product-grid-sec .product_box a h3 {
    color: #000 !important;
    font-size: 14px !important;
    text-transform: capitalize !important;
    line-height: 18px !important;
    text-align: center;
    margin-top: 15px;
    padding: 0 30px;
}

.new-launches-sec .product-grid-sec .product_box a:hover h3 {
    color: #f1bd38 !important;
}

.new-launches-sec .product-grid-sec .product_box img{width: 100%;}

.categories-sec{
	position: relative;
}

.categories-sec:after {
    content: "CATEGORIES";
    position: absolute;
    top: 50%;
    left: 29%;
    color: #d1d1d1;
    font-size: 68px;
    font-weight: 600;
    letter-spacing: 12px;
    transform: rotate(90deg);
}

.blog_home .cms-post-carousel.layout1 .carousel-item-inner .entry-body-inner .entry-content {
    display: none !important;
}

.blog_home .cms-post-carousel.layout1 .carousel-item-inner .entry-body-inner .action-buttons .entry-readmore {
    margin-top: 0;
}

.blog_home .cms-post-carousel.layout1 .carousel-item-inner .entry-body-inner .entry-title {
    font-size: 17px !important;
    line-height: 26px !important;
	font-weight: 600 !important;
}

.blog_home .entry-meta li i {
   color: #f1bd38 !important;
}

.blog_home .entry-meta {
    color: #000 !important;
    font-weight: 500 !important;
}

#pagetitle {
	background-image: url('https://maheshkumars.com/wp-content/uploads/2023/07/blog.jpg') !important;
    padding: 125px 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

#pagetitle .page-title {
    font-size: 32px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
	color: #000 !important;
}

#pagetitle:after {
    display: none !important;
}

#pagetitle .page-title-inner .cms-breadcrumb {
    color: #000 !important;
	background-color: rgba(0, 0, 0, 0.15) !important;
}

.breadcrumb-sec .cms-breadcrumb {
    color: #000 !important;
	background-color: rgba(0, 0, 0, 0.15) !important;
}

.contact-page .wpcf7-form .ct-input button.wpcf7-submit {
    background: #f1bd38 !important;
    color: #111 !important;
    border: none !important;
}

.contact-page .wpcf7-form .ct-input button.wpcf7-submit:hover {
    background: #111 !important;
    color: #fff !important;
    border: none !important;
}


.desktop-slider .slider-caption{
	font-size: 33px !important;
    line-height: 42px !important;
	font-weight: 600 !important;
	color: #fff !important;
	font-family: 'Montserrat', sans-serif !important;
}

.mobile-slider .slider-caption_r{
	font-size: 17px !important;
    line-height: 22px !important;
	font-weight: 600 !important;
	color: #fff !important;
	font-family: 'Montserrat', sans-serif !important;
	text-align: center !important;
}

.tablet-slider .slider-caption_t{
	font-size: 25px !important;
    line-height: 32px !important;
	font-weight: 600 !important;
	color: #fff !important;
	font-family: 'Montserrat', sans-serif !important;
	text-align: center !important;
}

.desktop-slider{display: block !important;}
.tablet-slider{display: none !important;}
.mobile-slider{display: none !important;}

@media screen and (min-width:641px) and (max-width: 1024px){
	.desktop-slider{display: none !important;}
	.tablet-slider{display: block !important;}
	.mobile-slider{display: none !important;}
}

@media screen and (min-width:320px) and (max-width: 640px){
	.desktop-slider{display: none !important;}
	.tablet-slider{display: none !important;}
	.mobile-slider{display: block !important;}
}

@media screen and (min-width:320px) and (max-width: 800px){
	#site-header-wrap .site-branding {
		margin-left: 10px !important;
	}

	#site-header-wrap.header-layout3 .site-header-main .site-branding img {
		max-height: 18px !important;
	}
	
	#site-header-wrap.header-layout3 .site-header-main .site-navigation-main-content .main-navigation {
		margin-left: 0 !important;
	}
	
	.site-navigation {width: 100% !important;}
	.site-navigation .site-navigation-inner{width: 100% !important;}
	
	.mission-vision-sec .elementor-image-box-wrapper .elementor-image-box-content h2.elementor-image-box-title {
		font-size: 17px !important;
		margin-top: 10px;
	}
	
	.mission-vision-sec .elementor-image-box-wrapper .elementor-image-box-img{width: 16% !important;}
	
	.new-launches-sec .product-grid-sec .col-lg-3{width: 50% !important; padding: 10px !important;}
	
	.new-launches-sec .elementor-tabs .elementor-tab-content {
		padding: 0 10px !important;
	}
	
	.elementor-739 .elementor-element.elementor-element-5e4da58 {
		text-align: left !important;
		margin-left: 10px !important;
	}
	
	.categories-sec h2.elementor-heading-title{font-size: 18px !important;}
	
	.elementor-739 .elementor-element.elementor-element-959309b > .elementor-widget-container {
		margin: 20px 0px 0px 0px !important;
	}
	
	.elementor-739 .elementor-element.elementor-element-417b22d > .elementor-widget-container {
		margin: -1px 0px 0px 14px !important;
	}
	
	.elementor-739 .elementor-element.elementor-element-b65fcf3 > .elementor-widget-container {
		margin: 0px 0px 0px 0px !important;
	}
	
	.elementor-739 .elementor-element.elementor-element-d605653 {
		text-align: left !important;
	}
	
	.elementor-739 .elementor-element.elementor-element-0df18c8 {
		padding: 0px !important;
	}
	
	.footer-logo img{height: 20px !important;}
	
	.elementor-46 .elementor-element.elementor-element-dfabbd3 {
		padding: 0px 0px 30px 0px !important;
	}
	
	.footer-custom-inner .elementor-icon-box-wrapper{text-align: center !important;}
	
	.elementor-46 .elementor-element.elementor-element-89c624b > .elementor-element-populated {
		margin: 0 !important;
		padding: 0 !important;
	}
	
	.footer-custom-inner .elementor-icon-box-wrapper .elementor-icon-box-content h3.elementor-icon-box-title{
		margin: 0 !important;
	}
	
	.elementor-46 .elementor-element.elementor-element-f3ee368 > .elementor-widget-container {
		margin: 20px 0px 0px 0px !important;
		text-align: center !important;
	}
	
	.elementor-46 .elementor-element.elementor-element-5337927e {
		padding: 35px 0px 20px 0px !important;
	}
	
	.breadcrumb-sec h2.elementor-heading-title{font-size: 28px !important;}
	
	.breadcrumb-sec {padding:70px 0px 70px 0px !important;}
	
	.elementor-6510 .elementor-element.elementor-element-7abdaf6 {
		margin-top: 40px !important;
	}
	
	.elementor-6510 .elementor-element.elementor-element-4f10f03 > .elementor-widget-container {
		margin: 20px 0px -20px 0px !important;
	}
	
	.elementor-6510 .elementor-element.elementor-element-15e7699 {
		margin-top: 25px !important;
	}
	
	.elementor-6510 .elementor-element.elementor-element-602f521 .custom-heading {
		font-size: 28px !important;
	}
	
	.why-choose-us-sec .elementor-icon-box-wrapper .elementor-icon-box-content h2.elementor-icon-box-title{
		font-size: 18px !important;
	}
	
	body #pagetitle.pagetitle {
		padding-top: 70px !important;
		padding-bottom: 70px !important;
	}
	
	#pagetitle .page-title {
		font-size: 28px !important;
	}
	
	.type-post .entry-body .entry-holder h2.entry-title{
		font-size: 18px !important;
	}
	
	.single-hentry .entry-content h3{font-size: 18px !important;}
	.single-hentry .entry-content p{font-size: 14px !important;}
	
	
	.contact-page{padding: 40px 0px 50px 0px !important;}
	.contact-page .cms-heading{padding: 0 12px !important; text-align: center;}
	.contact-page .cms-heading .custom-heading{font-size: 25px !important;}
	.contact-page .cms-heading .custom-description{font-size: 14px !important;}
	
	.contact-page .elementor-element-c3f1ac7{padding-top: 40px !important;}
	
	.elementor-14412 .elementor-element.elementor-element-1062871 .elementor-heading-title {
		font-size: 28px !important;
	}
	
	.elementor-14412 .elementor-element.elementor-element-17618f0 {
		padding: 40px 0px 0px 0px !important;
	}
	
	.elementor-14412 .elementor-element.elementor-element-40e8148 {
		padding: 0px !important;
	}
	
	body.page-id-14412 #content{padding-bottom: 34px;}
	
	.elementor-14428 .elementor-element.elementor-element-17618f0 {
		padding: 40px 0px 10px 0px !important;
	}
	
	.elementor-14428 .elementor-element.elementor-element-1062871 .elementor-heading-title {
		font-size: 28px !important;
	}
	
	.elementor-14428 .elementor-element.elementor-element-40e8148 {
		padding: 0px !important;
	}
	
	body.page-id-14428 #content{padding-bottom: 34px;}
	
	.elementor-3218 .elementor-element.elementor-element-17618f0 {
		padding: 40px 0px 10px 0px !important;
	}

	.elementor-3218 .elementor-element.elementor-element-1062871 .elementor-heading-title {
		font-size: 28px !important;
	}
	
	.elementor-3218 .elementor-element.elementor-element-40e8148 {
		padding: 0px !important;
	}
	
	body.page-id-3218 #content{padding-bottom: 34px;}
	
	
}