/*
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/
body.stuk-header .main-header { 
    position:fixed!important; width:100%!important; background: rgb(0 0 0 / 30%)!important;
    backdrop-filter: blur(18px);
    padding : 5px 60px 5px 60px !important;
    transition: all .5s !important; top: 0; 
}
body.stuk-header .mail-info{ display:none; }

.main-header{ transition: all .5s;  }
/* .main-header.elementor-sticky--effects{
    background: rgb(0 0 0 / 63%)!important;
    backdrop-filter: blur(18px);
    padding : 5px 60px 5px 60px !important;
    transition: all .5s !important;
} */
.slider-contains .swiper-button-next,
.slider-contains .swiper-button-prev{
    left: 0;
    top: -70px;
    color: #fff;
    fill: #fff;
    background: none;
    width: 45px;

}
.slider-contains .swiper-button-next:after,
.slider-contains .swiper-button-prev:after{
    width: 45px;
    height: 45px;
    border: 1px solid #fff;
    border-radius: 50%;
    padding: 12px 17px;
    font-size: 18px
}
.slider-contains .swiper-button-next{
    left: 67px;
}

.inquiry-form>p{
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
	margin-bottom:0
}
.inquiry-form .wpcf7-form-control-wrap{
    width: 50%;
    padding-left: 15px;
    padding-right: 15px;
	margin-bottom:20px;
}

.inquiry-form .wpcf7-form-control-wrap:last-child{
    width: 100%}

.inquiry-form{margin-top:15px}

.inquiry-form .wpcf7-form-control-wrap input:focus{box-shadow:none; outline:none}
/*Hero SLider NOte: Do not change css siqunce.*/


.hero-slider .container {
    width:1200px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.hero-slider {
    width: 100%;
    height: 700px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 0;
}

.hero-style .slide-text p {
	font-size: 24px !important;
}
	
.hero-slider .swiper-button-prev:after, .hero-slider .swiper-rtl .swiper-button-next:after,
.hero-slider .swiper-button-next:after, .swiper-rtl .hero-slider .swiper-button-prev:after{
    content:inherit;
}
.hero-slider .swiper-slide:before {
    content: '';
    background-color: #0000006e;
    position: absolute;
    width: 100%;
    height: 100%;
}
.cat_section .cat_row{
    display: flex;
    flex-wrap: wrap;
    margin-left: -25px;
    margin-right: -25px;
}
.cat_section .cat_row .cat_item{
    width: 50%;
    flex:0 0 auto;
    padding-left: 25px;
    padding-right: 25px;
}
.cat_section .cat_row .cat_item a{
    display: block;
}
.cat_section .cat_image{
    position: relative;
    overflow: hidden;
    border-radius: 10px;
	height: 500px;
}
.cat_section .cat_image:hover img{
	transform:scale(1.1)
}
.cat_section .cat_title{
    position: absolute;
    bottom: 5px;
    width:100%;
    background: rgba(255, 255, 255, 0.32);
    backdrop-filter: blur(6px);
    border-radius: 10px 10px 0px 0px ;
    padding: 15px;
    font-family: "Raleway", Sans-serif;
    font-size: 25px;
    font-weight: 700;
    line-height: 20px;
    color:#fff;
    text-align: center;
	display:none;
}
.cat_section .cat_row .cat_item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
	transition: all 0.5s;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
/* product section */
.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1300px;
}

.product_section{
    position: relative;
    margin-top: 60px;
    margin-bottom: 60px;
}
.product_section .product_row{
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}
.product_section .product_row .cat_item{
    width: 33%;
    flex:0 0 auto;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 1.5em;
}
.product_section .product_row .cat_item a{
    display: block;
}
.product_section .cat_image{
    position: relative;
    border-radius: 10px;
}
.product_section .cat_title {
    position: absolute;
  bottom: 7px;
  width: 100%;
  background: rgba(181, 181, 181, 0.32);
  backdrop-filter: blur(6px);
  border-radius: 0px;
  padding: 15px;
  font-family: arial;
  font-size: 25px;
  font-weight: 700;
  line-height: 20px;
  color: #000;
  text-align: center;
}
.product_section .product_row .cat_item img{
    width: 100%;
	  padding: 0 0 51px 0;
}
/* tab panel */
.product_section ul.nav.nav-tabs {
    clear: both;
    display: flex;
    justify-content: center;
}
.product_section ul.nav.nav-tabs li {
    list-style: none;
    margin: 0 8px;
}   
.product_section  .nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
    line-height: 1.42857143;
    border-radius: 0;
    color: #000;
    background: #ddd;
}
.product_section  .nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}     

.product_section  .nav-tabs>li.active>a, .product_section  .nav-tabs>li.active>a:focus, .product_section  .nav-tabs>li.active>a:hover {
    color: #fff;
    cursor: default;
    background-color: #E2000F;
    font-weight: 600;
}
.product_section  .nav>li {
    position: relative;
    display: block;
}
.product_section .nav-tabs>li {
    float: left;
}
.product_section .nav:after, .product_section .nav:before, .product_section .navbar-collapse:after, .product_section .navbar-collapse:before, .product_section .navbar-header:after, .product_section .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
    display: table;
    content: " ";
}
.product_section .nav:after, .product_section .navbar-collapse:after, .product_section .navbar-header:after, .product_section .navbar:after, .pager:after, .panel-body:after, .row:after {
    clear: both;
}   

.product_section .tab-pane:not(.active) {
    display: none;
}

.c-box{height:100%}

.elementor-9 .elementor-element.elementor-element-3fc1ba2{display:none}

.e-hotspot__tooltip{padding: 0px !important; background-color: #fff !important; border: #c8c7c7 1px solid;}
.e-hotspot__tooltip table{margin-bottom: 0 !important; font-size: 14px !important; background: #fff !important;}
.e-hotspot__tooltip table td{font-size: 14px !important; padding: 0px !important; color: #000 !important; border: none !important;}
.e-hotspot__tooltip p{font-size: 14px !important; color: #000 !important; padding: 7px 15px !important;}

.elementor-965 .elementor-element.elementor-element-c73e0b7 > .elementor-element-populated {
  padding: 0 !important;
}
.elementor-965 .elementor-element.elementor-element-51d0ca6 img{height:auto !important;}
.elementor-widget:not(:last-child) {
  margin-block-end: 0;
}
#elementor-popup-modal-965 .dialog-widget-content{background-color: #fff !important;}
.elementor-134 .elementor-element.elementor-element-950cd48{display:none;}

#menu-2-5def1098 {
  display: none !important;
}
.elementor-nav-menu--dropdown.elementor-nav-menu__container {
  display: none !important;
}
	
ul#menu-1-5def1098 {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
ul, li, ol{list-style:none}
.elementor-928 .elementor-element.elementor-element-5def1098 .elementor-nav-menu--main .elementor-item{width:100%; padding-left:20px; padding-right:20px;}

/* end tab panel */
@media (max-width: 1024px) {
    .cat_section .cat_row .cat_item{
        width: 33.33%;
        margin-bottom: 15px;
    }
}

@media (max-width: 1024px) and (min-width:767px) {
    .cat_section .cat_title{ font-size: 18px; }

}

@media (max-width: 991px) {
    .hero-slider {
        height: 600px;
    }
    .cat_section .cat_row .cat_item img{
        height: 280px;
    }
    .product_section .product_row .cat_item img{
        height: 280px;
    }
}

@media (max-width: 767px) {
    .hero-slider {
        height: 500px;
    }
	
	.slider-content{
		flex-direction:column !important
	}
	.slider-content .titlebar {width:100% !important;padding-left:0 !important;border-left:none !important; border-bottom: #ffffff78 2px solid !important}

    .cat_section .cat_row{ margin: 0;}
    .product_section .product_row{ margin: 0; }
    .cat_section .cat_row .cat_item{
        width: 100%;
		padding:0;
        margin-bottom: 30px;
    }
	
	.cat_section .cat_image{
    position: relative;
    overflow: hidden;
    border-radius: 10px;
	height: 250px;
	}
    .product_section .product_section .cat_item{
        width: 100%;
        margin-bottom: 15px;
    }
    .container {
        width: 720px;
    }
	
}

.hero-slider .swiper-slide {
    overflow: hidden;
    color: #fff;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
}

.hero-slider .swiper-container {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.hero-slider .slide-inner {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: left;
}

.hero-slider .swiper-button-prev,
.hero-slider .swiper-button-next {
    background: transparent;
    width: 55px;
    height: 55px;
    line-height: 53px;
    margin-top: -30px;
    text-align: center;
    border: 2px solid #d4d3d3;
    border-radius: 55px;
    opacity:0;
    visibility:hidden;
    transition:all .3s ease;
}
.hero-slider:hover .swiper-button-prev,
.hero-slider:hover .swiper-button-next {
    transform:translateX(0);
    opacity:1;
    visibility:visible;
}

@media (max-width: 767px) {
    .hero-slider .swiper-button-prev,
    .hero-slider .swiper-button-next {
        display: none;
    }
}

.hero-slider .swiper-button-prev {
    left: 25px;
    transform:translateX(50px);
}

.hero-slider .swiper-button-prev:before {
    font-family: "Font Awesome 5 Free";
    content: "\f060";
    font-size: 15px;
    color: #d4d3d3;
    font-style: normal;
    display: inline-block;
    vertical-align: middle;
    font-weight: 900;
}

.hero-slider .swiper-button-next {
    right: 25px;
    transform:translateX(-50px);
}

.hero-slider .swiper-button-next:before {
    font-family: "Font Awesome 5 Free";
    content: "\f061";
    font-size: 15px;
    color: #d4d3d3;
    font-style: normal;
    display: inline-block;
    vertical-align: middle;
    font-weight: 900;
}

.hero-slider .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    text-align: left;
    line-height: 12px;
    font-size: 12px;
    color: #000;
    opacity: 0.3;
    background:#fff;
    transition:all .2s ease;
}

.hero-slider .swiper-pagination-bullet-active {
    opacity:1;
}

.hero-slider .swiper-container-horizontal > .swiper-pagination-bullets,
.hero-slider .swiper-pagination-custom,
.hero-slider .swiper-pagination-fraction {
    bottom: 30px;
}

@media screen and (min-width: 992px) {
    .hero-slider .swiper-container-horizontal > .swiper-pagination-bullets,
    .hero-slider .swiper-pagination-custom,
    .hero-slider .swiper-pagination-fraction {
        /*     display: none; */
    }
}
.hero-slider  .swiper-pagination {
    text-align:left;
}

.hero-slider .swiper-container-horizontal > .swiper-pagination-bullets{
    bottom:50px;
    max-width: 1200px;
    padding: 0 15px;
    margin: 0 auto;
    left: 50%;
    transform: translateX(-50%);
}

@media (min-width: 767px) {
    .hero-slider .swiper-container-horizontal > .swiper-pagination-bullets{
        bottom:30px;

    }
}
/*--------------------------------------------------------------
        #hero-style
--------------------------------------------------------------*/
.hero-style {
    height: 850px;
    transition:all .4s ease;
}

@media (max-width: 991px) {
    .hero-style {
        height: 600px;
    }
}

@media (max-width: 767px) {
    .hero-style{
        height: 500px;
    }
}

@media screen and (min-width: 992px) {
    .hero-style .container {
        padding-top: 95px;
    }
}

/*.hero-style .slide-title,
.hero-style .slide-text,
.hero-style .slide-btns {
    max-width: 690px;
}*/

.slider-content {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    align-items: center;
}

.slider-content .contentbar {
    padding-right: 50px;
    text-align: right;
    width: 50%;
}
.slider-content .titlebar {
    padding-left: 50px;
    border-left: #ffffff78 2px solid;
    width: 50%;
}

.hero-style .slide-title h2 {
    font-size: 70px;
    font-weight: 600;
    line-height: 1;
    color: #ffffff;
    margin: 0;
    padding: 30px 0;
    text-transform: capitalize;
    transition:all .4s ease;
}

@media (max-width: 1199px) {
    .hero-style .slide-title h2 {
        font-size: 75px;
    }
}

@media (max-width: 991px) {
    .hero-style .slide-title h2 {
        font-size: 50px;
        margin: 0 0 35px;
    }
}

@media (max-width: 767px) {
    .hero-style .slide-title h2 {
        font-size: 35px;
        padding: 0 0 20px ;
		margin:0px;
		    text-align: center;

    }
	.slider-content .contentbar{
		width:100%;
		padding-right: 0;
    text-align: center;
    width: 100%;
		padding-top:20px
}

.hero-style .slide-text p {
    opacity: 0.8;
    font-family: Rajdhani;
    font-size: 20px !important;
    font-weight: 500;
    line-height: 1.25;
    letter-spacing: normal;
    color: #ffffff;
    margin: 0;
    transition:all .4s ease;
    text-transform: capitalize;
}

@media (max-width: 767px) {
    .nav-tabs {
        text-align: center;
    }

    .nav-tabs li {
        display: block;
        margin: 0;
    }

    .nav-tabs li a {
        border-bottom: 1px solid #ccc;
        border-right: none;
        border-left: none;
    }

    .nav-tabs li:last-child a {
        border-bottom: none;
    }
    .hero-style .slide-text p {
        font-size: 20px !important;
        font-size: 1rem;
        font-weight: normal;
        margin: 0 0 30px;
    }
	.elementor-9 .elementor-element.elementor-element-0fdc086 {
    margin-top: 50px;
    margin-bottom: 50px;
}
}
.hero-style .slide-btns > a {
    padding-top: 20px;
    display: inline-block;
}
/*--------------------------------------------------------------
        #button-style
--------------------------------------------------------------*/
.hero-slider  .theme-btn, .theme-btn-s2{
    background-color: #ffffff;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    text-align: center;
    color:#2b3b95;
    padding: 9px 32px;
    border: 0;
    border-radius: 3px;
    text-transform: uppercase;
    display: inline-block;
    line-height: initial;
    transition:all .4s ease;
}
.hero-slider  a {
    text-decoration: none;
    transition: all 0.2s ease;
}
.hero-slider  .theme-btn-s2{
    background-color: rgba(255, 255, 255, 0.9);
    color: #131e4a;
}
.hero-slider .theme-btn:hover,.hero-slider  .theme-btn-s2:hover, .hero-slider .theme-btn:focus, .hero-slider .theme-btn-s2:focus, .hero-slider .theme-btn:active, .hero-slider .theme-btn-s2:active {
    background-color:#2b3b95 ;
    color: #fff;
}
.hero-slider .theme-btn-s3{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    color: #ffffff;
    text-transform: uppercase;
}
.hero-slider  i.fa-chevron-circle-right{
    height:22px;
    width:22px;
}
.hero-slider  a:hover {
    text-decoration: none;
}

.railing_slide .elementor-widget-image a {
    display: inline-block;
    width: 100% !important;
}
.elementor-9 .elementor-element.elementor-element-471193f > .elementor-element-populated,
.elementor-9 .elementor-element.elementor-element-e2feb29 > .elementor-element-populated
{
    margin: 0px 0px 45px 0px !important;
}


@media (max-width: 991px){
    .hero-slider .theme-btn, .hero-slider  .theme-btn-s2, .hero-slider .theme-btn-s3 {
        font-size: 13px;
        padding: 15px 25px;
    }
}
@media (max-width: 767px){
    .hero-slider  .theme-btn, .hero-slider  .theme-btn-s2{
        padding: 13px 20px;
        font-size: 13px;
    }
}
/*ENd hero SLider*/
@media only screen and (max-width: 1024px) {
    body.stuk-header .main-header {
        padding: 5px 10px 5px 10px !important;
    }
}
@media only screen and (max-width: 768px) {
    .inquiry-form .wpcf7-form-control-wrap{
        width: 100%;
    }
    .inquiry-form>p{ margin: 0;  }
    .main-header.elementor-sticky--effects{
        padding : 5px 10px 5px 10px !important;
    }
}