@import url('https://fonts.googleapis.com/css2?family=Eczar:wght@400;500;600;700;800&display=swap');
*{
box-sizing: border-box;
padding: 0;
margin: 0;
font-family: 'Roboto', sans-serif;
}

audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
display: block;
height: auto;
max-width: 100%;
width: 100%;
vertical-align: middle;
}

summary {
display: list-item;
}

body,
html {
height: 100%;
}
body{  background: #ffffff !important;}
html {
font-size: 100%;
}

body{
line-height: 1.4;
}

p { 
font-size: 15px;
color: #484848;
line-height: 1.55;
margin-bottom: 1rem; font-weight: 500;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {     color: #000;   font-family: 'Roboto', sans-serif;}


/*=========Button Area==============*/

.btn_left{float:left;}

.btn.btn-default{
/*display: block; */
text-decoration: none;
/* width: max-content; */
background: #e4262c;
text-align: center;
color: #fff;
text-transform: uppercase;
position: relative;
letter-spacing: 0px;
padding: 10px 25px;
margin: 20px 0 0;
font-weight: 500;
font-size: 14px;
border-radius: 0;
letter-spacing: .5px;
}
.btn.btn-default:hover, 
.btn.btn-default:focus{
background: #2c9847;
color: #fff;
outline: none;
box-shadow: none;
}


/*=========Main Header==============*/

.main-header{transition: all 500ms ease;}


.main-header.sticky .top_header{display: none;}
.main-header.sticky .top_menu{

}
.main-header .top_menu{
background-color: rgb(44 152 71);
position: relative;
display: block;
padding: 0;
margin: 0;
width: 100%;
height: 45px;
}
.main-header .top_menu.sticky{ 
    display: block;
    position: fixed;
    z-index: 99;
    width: 100%;
    transition: all 500ms ease;
    top: 0;
    left:0;
    right:0;
    box-shadow: 0px 0px 30px 0px #0000004d;
-webkit-box-shadow: 0px 0px 30px 0px #0000004d;
-ms-box-shadow: 0px 0px 30px 0px #0000004d;
-moz-box-shadow: 0px 0px 30px 0px #0000004d;
-o-box-shadow: 0px 0px 30px 0px #0000004d;
animation: smoothScroll 1s forwards;
}

@keyframes smoothScroll {
	0% {
		transform: translateY(-40px);
	}
	100% {
		transform: translateY(0px);
	}
}
.main-header .top_menu .stellarnav{}
.main-header .top_menu .btn.btn-enquiry {
float: right;
padding: 5px 20px;
background: #2b2a29;
height: 45px;
border-radius: 0;
line-height: 35px;
font-weight: 400;
color: #fff;
font-size: 15px;
text-transform: uppercase;
letter-spacing: .5px;

margin-top: 0px;

margin-right: 102px;
}


#brocher {
position: absolute;
font-size: 22px;
color: blue;
float: inline-start;
right: top;
right: 0px;
top: 0px;
background: #2b2a29;
padding: 5px 31px;
border-radius: 0px;
color: #fff;
}

#brocher:hover{    outline: none !important;
box-shadow: none;
background: #f08322;
color: #fff;
}



#brocher img{width:30px;}

.main-header .top_menu .btn.btn-enquiry:hover,
.main-header .top_menu .btn.btn-enquiry:focus{ 
outline: none;
box-shadow: none;
background: #f08322;
color: #fff;
}
.stellarnav.dark li a:hover, 
.stellarnav.dark li a:focus {
color: #fff !important;
}


.stellarnav li:last-child a:after{display:none;}


.top_header{
height: 110px;
padding: 0;
background: #fff;
position: relative;
display: block;
z-index: 9;
width: 100%;
}

.top_header .top_left_bar {
float: left;
width: 58.33%;
position: relative;
}

.email-right{ 
display: block;
position: relative;
margin: 8px 0 0;
text-align: center;
padding-left: 22px

}

.email-right #email-right {
position: relative !important;
left: auto !important;
top: auto !important;
font-size: 17px;
color: #f18d33;
text-decoration: none;
}

.email-right #email-right i{    margin-right: 5px;}
.email-right #email-right span{    font-size: 17px;}
/*.top_header .top_left_bar:after{
content: '';
border-right: 1px solid #2b2a292e;
position: absolute;
right: 0;
top: -4px;
height: 100%;
}*/

.top_header .top_right_bar {
float: left;
display: block;
width: 40.33%;
position: relative;
text-align: right;
}

.top_right_bar .social_top{
display: inline-block;
position: relative;
text-align: right;
margin: 0;
float: right;
padding: 10px 0;
}
.top_right_bar .social_top li{
list-style: none;
position: relative;
display: inline-block;
}

.top_right_bar .social_top li a{
width: 30px;
height: 30px;
display: block;
background: #f18d33;
text-align: center;
line-height: 30px;
font-size: 15px;
color: #fff;
margin: 0 5px;
border-radius: 50px;
}


.top_header .top_contact_left{
text-align: left;
display: inline-flex;
position: relative;
width: max-content;
margin: 0;
}
/*.top_contact_left:after{
content: '';
border-right: 1px solid #2b2a292e;
position: absolute;
right: 0;
height: 100%;
}*/

.top_header .top_contact_left a{
display: block;
position: relative;
text-decoration: none;
color: #f08322;
font-size: 15px;
font-weight: 600;
letter-spacing: 1px;
border-right: 1px solid #2b2a292e;
height: 110px;
padding: 30px;
}
.top_header .top_contact_left a:last-child{border-right:0;}
.top_header .top_contact_left a:hover, 
.top_header .top_contact_left a:focus {
color: #cb2a15;
}

.top_header .top_contact_left a i{margin-right: 5px;}	


.top_header .top_contact_left a span{
display: block;
position: relative;
margin: 0;
font-size: 18px;
letter-spacing: .5px;
color: #2d2c2b;
font-weight: 400;
}

.top_header .navbar-brand{
display: block;
    /* width: 165px; */
    /* padding: 5px 0; */
    margin: 0;
    position: relative;
}

.top_header .navbar-brand img{
width: 100%;
margin: 0 auto;
display: block;
position: relative;
filter: contrast(2);
}
.top_header .btn_right_top{
text-align: right;
display: block;
position: relative;
margin: 0;
padding: 47px 0;
}
.top_header .btn_right_top .btn{
display: block;
text-decoration: none;
background: #cb2a15;
text-align: center;
color: #fff;
text-transform: uppercase;
position: relative;
letter-spacing: 0px;
font-weight: 600;
font-size: 15px;
border-radius: 0;
}
.top_header .btn_right_top .btn:hover, 
.top_header .btn_right_top .btn:focus{
background: #2c9747;
color: #fff;
outline: none;
box-shadow: none;
}
/*
===========Main Slider========*/
@-webkit-keyframes zoom {
from {
-webkit-transform: scale(1, 1);
}
to {
-webkit-transform: scale(1.2, 1.2);
}
}
@keyframes zoom {
from {
transform: scale(1);
}
to {
transform: scale(1.2, 1.2);
}
}


.main_slider .owl-nav{
width: 100%;
position: absolute;
top: 50%;
z-index: 1;
display: block;
}
.main_slider .owl-nav .owl-prev span, 
.main_slider .owl-nav .owl-next span{
top: 0;
width: 35px;
height: 35px;
line-height: 28px;
padding: 0;
background: #e63b40;
opacity: .5;
font-size: 40px;
color: #fff;
left: 40px;
position: absolute;
transition:all 700ms ease; 
-webkit-transition:all 700ms ease;
}
.main_slider:hover .owl-nav .owl-prev span, 
.main_slider:hover .owl-nav .owl-next span{   opacity: 1; transition:all 700ms ease; -webkit-transition:all 700ms ease;}
.main_slider .owl-nav .owl-next span{right:40px;left: auto;}

.main_slider{
overflow: hidden;
    position: relative;
    display: block;
    height: 100%;
    max-height: 75vh;
}
.main_slider .item .slider_caption{
position: absolute;
z-index: 99;
top: 45%;
width: 100%;
text-align: center;
margin: 0 auto;
display: block;
}
.main_slider .item .slider_caption .title_caption{
font-size: 45px;
color: #ffffff;
font-weight: bold;
font-family: 'Cormorant Infant', serif;
text-transform: uppercase;
margin: 0;
position: relative;
}

.main_slider .item::after{
content: '';
background-color: rgb(0 0 0);
position: absolute;
left: 0;
top: 0;
z-index: 0;
width: 100%;
height: 100%;
opacity: .4;
}

/*
=============Section Padding============*/
.section_padding iframe{height:450px;}
.section_padding{padding:30px 0;overflow: hidden;}
.p-relative{ position: relative;}
.m-auto{margin:0 auto !important;}
.mt-50{margin-top:50px !important;}
.mb-25{margin-bottom:25px !important;}
.pd-10{padding:10px !important;}
.pd-5{padding:5px !important;}

.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.text-green{color:#2c9747;}
.text-orange { color: #f08322;}
.text-black{color:#2b2a29;}
.text-white{color:#ffffff;}
.over_lay{
position: absolute;
width: 100%;
height: 100%;
background: #0000006b;
top: 0;
left: 0;
}


/*
=============Title Area============*/
.sec_title{
display: block;
position: relative;
margin: 0 0 50px;
width: 100%;
}
.sec_title .sub_heading{
text-transform: uppercase;
font-weight: bold;
letter-spacing: .5px;
font-size: 15px;
margin: 0 0 10px;
}
.sec_title .sec_heading{
position: relative;
display: block;
font-size: 30px;
font-weight: 400;
letter-spacing: .5px;
text-transform: uppercase;
font-weight:bold;
margin: 0;
}
.sec_title .sec_heading span{
display: block;
position: relative;
}
.sec_title:before{
content: '';
width: 21px;
height: 4px;
background: #f08322;
position: absolute;
bottom: -13px;
left: 0;
right: 0;
margin: 0 auto;
z-index: 1;
}
.sec_title.text-left:after, 
.sec_title.text-left:before{
bottom: -12px;
left: 0;
right: auto;
}


.sec_title:after{ 
content: '';
width: 110px;
height: 2px;
background: #e4e4e4;
position: absolute;
bottom: -12px;
left: 0;
right: 0;
margin: 0 auto;
}

.sec_title.white:after{background: #fff;}



/*
==============product Area========*/
.product_sec{ padding: 0;}

.product_wrap{
background: #fff;
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
box-shadow: 0px 0px 5px 0px #0000002e;
-weblit-box-shadow: 0px 0px 5px 0px #0000002e;
position: relative;
display: block;
width: 100%;
}
.item.product-item{margin: 10px 0;}

.product-item.roof-top .product_cnt, 
.product-item.solar-hybrid .product_cnt, 
.product-item.solar-thermal .product_cnt, 
.product-item.smart-locks .product_cnt, 
.product-item.carport .product_cnt, 
.product-item.evacuated-tubular-collector .product_cnt, 
.product-item.flat-plate-collector .product_cnt, 
.product-item.solar-pump .product_cnt, 
.product-item.ground-mount .product_cnt, 
.product-item.lantern .product_cnt, 
.product-item.streetlight .product_cnt, 
.product-item.home-lighting-system .product_cnt
{display: none;}
.product-item.roof-top .product_img, 
.product-item.solar-hybrid .product_img, 
.product-item.solar-thermal .product_img, 
.product-item.smart-locks .product_img, 
.product-item.carport .product_img, 
.product-item.evacuated-tubular-collector .product_img, 
.product-item.flat-plate-collector .product_img, 
.product-item.solar-pump .product_img, 
.product-item.ground-mount .product_img, 
.product-item.lantern .product_img, 
.product-item.streetlight .product_img, 
.product-item.home-lighting-system .product_img{ border-radius: 7px;}

.product-slide .item{    margin: 10px 10px 0;}
.product_wrap .product_img{ 
overflow: hidden;
position: relative;
border-top-left-radius: 7px;
-webkit-border-top-left-radius: 7px;
-ms-border-top-left-radius: 7px;
-moz-border-top-left-radius: 7px;
border-top-right-radius: 7px;
-webkit-border-top-right-radius: 7px;
-ms-border-top-right-radius: 7px;
-moz-border-top-right-radius: 7px;
}
/*.product_wrap .product_img:after{*/
/*content: '';*/
/*display: block;*/
/*position: absolute;*/
/*left: 0;*/
/*right: 0;*/
/*bottom: -2px;*/
/*height: 50px;*/
/*width: calc(100% + 10px);*/
/*-webkit-clip-path: polygon(0 0, 0% 100%, 100% 100%);*/
/*clip-path: polygon(0 0, 0% 100%, 100% 100%);*/
/*background-color: #fff;*/
/*-webkit-transition: all 300ms ease-in-out;*/
/*-khtml-transition: all 300ms ease-in-out;*/
/*-moz-transition: all 300ms ease-in-out;*/
/*-ms-transition: all 300ms ease-in-out;*/
/*-o-transition: all 300ms ease-in-out;*/
/*transition: all 300ms ease-in-out;*/
/*}*/
/*.product-slide .item:hover .product_img:after {*/
/*-webkit-clip-path: polygon(0 100%, 0 100%, 100% 100%);*/
/*clip-path: polygon(0 100%, 0 100%, 100% 100%);*/
/*}*/
.product-slide .item:hover img{
transform: scale(1.1);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.product_wrap .product_img img{
transform: scale(1);
-webkit-transform: scale(1);
-ms-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.product_wrap .product_cnt{
padding: 10px 10px 20px;
position: relative;
border-bottom: 1px solid #2c9847;
border-radius: 7px;
}
.product_wrap .product_cnt h3{
text-align: center;
font-size: 15px;
text-transform: uppercase;
letter-spacing: .5px;
color: #2b2a29;
position: relative;
margin-bottom: 25px;
}
.product_wrap .product_cnt h3:after{
content: '';
position: absolute;
bottom: 0;
width: 50px;
height: 2px;
background: #2c9847;
bottom: -7px;
left: 0;
right: 0;
margin: 0 auto;
}

.product_wrap .product_cnt p{    font-size: 13px;
font-weight: 400;
text-align: justify;}
.product_wrap .product_cnt a:after{
font: normal normal normal 13px/1 FontAwesome;
font-size: 10px;
content: "\f054";
margin-left: 5px;
}


.product-slide .owl-dots{display:none;}

.product-item .product_cnt{height: 22rem;
box-sizing: border-box;}



.breadcrumb-item.active {
color: #000000 !important;
}


.product_wrap .product_cnt a{
position: relative;
text-decoration: none;
text-align: center;
display: block;
font-size: 13px;
width: max-content;
margin: 0 auto;
padding: 2px 10px;
color: #e6373d;
}
.product-slide .owl-nav{
position: absolute;
top: -40px;
right: 15px;
}
.product-slide .owl-nav .owl-prev span, 
.product-slide .owl-nav .owl-next span{ 
background: #f08322;
width: 30px;
height: 30px;
display: block;
margin-left: 10px;
color: #fff;
font-size: 30px;
line-height: 27px;
}
.product-slide .owl-nav .owl-prev:hover, 
.product-slide .owl-nav .owl-prev:focus, 
.product-slide .owl-nav .owl-next:hover, 
.product-slide .owl-nav .owl-next:focus{outline:none;box-shadow:none;}

/*
==============About Area========*/
.about_sec{
position: relative;
display: flex;
width: 100%;
padding: inherit;
}

.abt-left{
background: url(../../assets/image/bg/bg-black-with-line.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
background-attachment: fixed;
position: relative;
display: block;
width:100%;
}

.abt-right{
position: relative;
display: block;
width:100%;
}

.abt-left.section_padding, 
.abt-right.section_padding{padding: 50px;}

.about_sec p{
text-align: justify;
font-size: 15px;
color: #fff;
font-weight: 400;
line-height: 28px;
}

.why_wrap{}
.why_wrap ul{
padding: 0;
margin: 0;
display: block;
position: relative;
width: 100%;
}
.why_wrap ul li{
list-style: none;
display: block;
position: relative;
margin-bottom: 30px;
padding: 25px 15px;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.why_wrap ul li:first-child{   
box-shadow: 0px 0px 20px #0000001f;
-webkit-box-shadow: 0px 0px 20px #0000001f;
-ms-box-shadow: 0px 0px 20px #0000001f;
-moz-box-shadow: 0px 0px 20px #0000001f;
-o-box-shadow: 0px 0px 20px #0000001f;

}
.why_wrap ul li:hover{
box-shadow: 0px 0px 20px #0000001f;
-webkit-box-shadow: 0px 0px 20px #0000001f;
-ms-box-shadow: 0px 0px 20px #0000001f;
-moz-box-shadow: 0px 0px 20px #0000001f;
-o-box-shadow: 0px 0px 20px #0000001f;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.why_wrap ul li:last-child{    margin-bottom: 0px;}
.why_wrap ul li i{ 
width: 30px;
height: 30px;
background: #f08322;
text-align: center;
line-height: 30px;
float: left;
color: #fff;
font-size: 15px;
border-radius: 50%;
margin-right: 25px;
box-shadow: 0px 0px 13px #00000052;
-webkit-box-shadow: 0px 0px 13px #00000052;
-ms-box-shadow: 0px 0px 13px #00000052;
-moz-box-shadow: 0px 0px 13px #00000052;
}
.why_wrap ul li h3{
font-size: 18px;
text-transform: uppercase;
letter-spacing: .8px;
color: #2c9747;
overflow: hidden;
}
.why_wrap ul li p{
color: #2b2a29;
overflow: hidden;
display: block;
position: relative;
font-size: 14px;
text-align: inherit;
}

/*
==============Testiminial Area========*/
.testim_brand{
display: flex;
position: relative;
margin: 0;
padding: 0;
}
.testiminial_sec{
width: 100%;
position: relative;
display: block;
}

.testiminial_sec.section_padding {
padding: 50px;
background-color: rgb(238 238 238);

}
.brand_slide_sec{}


.testim_wrap{
width: 100%;
/* background-color: #f3f3f3; */
position: relative;
display: block;
padding: 20px;
}
.testim_wrap .testim_img{

}
.testim_wrap .testim_img img{
position: absolute;
top: -50px;
left: 0;
right: 0;
margin: 0 auto;
width: 100px !important;
height: 100px;
z-index: 9;
border-radius: 50%;
background: #f5f2ed;
padding: 5px;
}	

.testim_wrap p{
text-align: center;
font-size: 15px;
font-weight: 400;
margin-bottom: 5px;
color: #2b2a29;
}
.testim_wrap h3{   
margin-top: 30px;
text-align: center;
font-size: 14px;}

.testim_slide .owl-nav{
position: absolute;
top: 45%;
left: 0;
width: 100%;
bottom: auto;
z-index: 1;
}
.testim_slide .owl-nav .owl-prev,
.testim_slide .owl-nav .owl-next{}

.testim_slide .owl-nav .owl-prev span,
.testim_slide .owl-nav .owl-next span{
position: absolute;
left: 0;
top: 0;
z-index: 99;
color: #ffffff;
font-size: 35px;
background: #f08322;
padding: 0 10px;
}
.testim_slide .owl-nav .owl-next span{left: auto;right:0;}
.testim_slide .owl-nav .owl-prev span:before, 
.testim_slide .owl-nav .owl-next span:before{
content: '';
position: absolute;
top: 0;
text-align: center;
line-height: 28px;
color: #717171;
right: auto;
font-size: 20px;
left: -19px;
width: 60px;
height: 60px;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
background: url(../../assets/image/bg/down-bg.png);
background-repeat: no-repeat;
background-position: left;
background-size: contain;
z-index: -1;
}
.testim_slide .owl-nav .owl-next span:before{
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
left: auto;
right: -19px;
}	




/*
==============brand Area=============*/
.brand_slide_sec{
background-color: rgb(255 255 255);
position: relative;
display: block;
width: 100%;
}
.brand_wrap{  
position: relative;
text-align: center;
display: inline-block;
width: 100%;
}
.brand_wrap .item-img{
background-color: rgb(255 255 255);
box-shadow: 0px 0px 10px #0000001f;
-webkit-box-shadow: 0px 0px 10px #0000001f;
-moz-box-shadow: 0px 0px 10px #0000001f;
margin: 15px 15px;
border: 1px solid #ababab;
padding: 5px;
display: inline-block;
height: auto;
width: 15%;
}
.brand_slide .item img{}

.over_lay_white{
position: absolute;
background: #ffffffcf;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.over_lay_dark{
position: absolute;
background: #0a0a0acf;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
}

/*
==============Footer Area=============*/

.footer_area{
padding: 30px 0 0;
position: relative;
width: 100%;
background: url(../../assets/image/bg/1.jpg);
background-position: center;
background-size: cover;
background-attachment: fixed;
background-repeat: no-repeat;
}
.footer_area:after{
content: '';
background-color: #000000;
position: absolute;
width: 100%;
height: 100%;
opacity: .9;
top: 0;
left: 0;
display: block;
}
.footer_wrap{
position: relative;
z-index: 1;
display: block;
}
.title_footer{
position: relative;
display: block;
color: #f08322;
text-transform: uppercase;
font-size: 20px;
margin-bottom: 30px;
font-weight: 500;
letter-spacing: 1px;
}
.title_footer:after{
content: '';
position: absolute;
left: 0;
height: 2px;
width: 40px;
background-color: rgb(44 152 71);
bottom: -10px;
}
.footer_wrap ul{
position: relative;
display: block;
padding: 0 0 0 15px;
margin: 0;
}
.footer_wrap ul li{
list-style: none;
display: block;
position: relative;
margin: 0 0 3px;
}
.footer_wrap ul li:before{
content: '';
background: linear-gradient(45deg, #ffffff, #000000);
background: -webkit-linear-gradient(45deg, #ffffff, #f0751d);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
position: absolute;
border-radius: 50%;
left: 0;
top: 7px;
width: 5px;
height: 5px;
z-index: 9;
transform: translate3d(-1rem, 4px, 10px);
-webkit-transform: translate3d(-1rem, 4px, 10px);
-ms-transform: translate3d(-1rem, 4px, 10px);
-moz-transform: translate3d(-1rem, 4px, 10px);
}
.footer_wrap ul li a{
font-size: 15px;
color: #ffffff;
text-decoration: none;
font-weight: 500;
letter-spacing: .5px;
}

.footer_brand{
position: relative;
display: block;
z-index: 9;

}
.footer_brand img{ 
width: 80%;
padding: 0 0;
}
.footer_about{
position: relative;
z-index: 1;
display: block;
}
.footer_about img{
width: 50%;
margin-bottom: 15px;
display: block;
position: relative;
}
.footer_about p{
position: relative;
display: block;
color: #fff;
font-size: 15px;
}

.footer_contact_wrap{
position: relative;
z-index: 1;
display: block;
}
.footer_contact_wrap ul{
position: relative;
padding: 0 0 0 0;
display: block;
margin: 0;
}
.footer_contact_wrap ul li{
overflow: hidden;
display: block;
margin-bottom: 10px;
position: relative;
list-style: none;
margin: 0 0 15px;
}
.footer_contact_wrap ul li a{
text-decoration: none;
font-size: 15px;
color: #fff;
letter-spacing: .5px;
font-weight: 500;
}
.footer_contact_wrap ul li a b{
display: block;
font-size: 14px;
font-weight: 600;
color: #1d98d4;
}
.footer_contact_wrap ul li a i{
width: 25px;
height: 25px;
float: left;
font-size: 14px;
text-align: center;
border: 1px dotted #2c9847;
line-height: 22px;
border-radius: 50%;
margin: 3px 5px 0 0;
color: #2c9847;
}
.footer_contact_wrap ul li a span{
width: 90%;
float: right;
}

.footer_bottom{
margin-top: 30px !important;
position: relative;
z-index: 1;
display: block;
border-top: 1px dotted #ffffff45;
background-color: rgb(0 0 0 / 37%);
}
.footer_bottom p{
    display: block;
position: relative;
text-align: center;
color: #fff;
font-size: 15px;
margin: 0;
padding: 12px 0;
}

.footer_bottom .textwidget  p{ display:block;}

.footer_bottom p a{
color: #79d3ff;
text-decoration: none;
}


/*
===========Scroll To Top===========*/

.scrollToTop{
width: 35px;
height: 35px;
border-radius: 50%;
text-align: center;
background: #2c9747;
font-weight: bold;
color: #fff;
text-decoration: none;
position: fixed;
bottom: 20px;
right: 4px;
line-height: 31px;
box-shadow: 0px 0px 21px #0000004f;
display: none;
z-index: 99;

}
.scrollToTop i{}
.scrollToTop:hover{
text-decoration:none;
}	


.dwn-btn-browser{
display: block;
position: fixed;
top: 15rem;
z-index: 999;
background: #2c9847;
padding: 5px 9px;
color: #fff;
left: -5rem;
text-decoration: none;
letter-spacing: 1px;
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
}
.dwn-btn-browser i{
padding: 0 5px;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
}

.dwn-btn-browser:hover{  
color: #fff;
transition: all 700ms ease;
-webkit-transition: all 700ms ease;
-ms-transition: all 700ms ease;
background: #f08322;
}





.about-text {
padding-top: 65px;
background: #f1f1f1;
padding-bottom: 65px;
}

.text-section{ text-align:justify;}
.about-right img{border-radius: 52px 0px;
border: 2px solid #2c9847;}


.about-text {
background: url(../../assets/image/bg/content.jpg);
background-repeat: repeat-x;
background-size: cover;
background-position: center;
width: 100%;
}

.content {
background: #fff;
padding: 20px;
box-shadow: 0px 0px 38px #00000030;
}


.content p{font-weight: normal;
text-align: justify;
margin-bottom: 10px;}

.breadcrumb-item active {color:#000;}
.breadcrumb-item a{color:#fff;}
.breadcrumb{ padding: 3px 0px !important;}
.bread {
background: #ea8b36ad;
}
.content h1{font-size: 33px;     font-weight: 500;}


/*
=========Contact Us Area============*/

.contact {
position: relative;
z-index: 2;
color: #fff;
background: url(../../assets/image/bg/content.jpg);
/* background-repeat: no-repeat; */
/* background-size: cover; */
background-position: center;
width: 100%;
background-repeat: no-repeat;
}

.bg {
background: #fff;
padding: 40px 0px;
margin: 30px 0;
box-shadow: 0px 0px 38px #00000030;
}
.contact-form .form-group{margin-bottom:1rem;}
.contact-form input,
textarea {
width: 100%;
border: 1px solid #555;
padding: 5px 10px;
text-transform: capitalize;
margin-top: 15px;
background-color: transparent;
color: #000;
}

.single-contact {
text-align: left;
position: relative;
padding-left: 70px;
margin-bottom: 50px;
margin-top: 10px;
}
.single-contact i.fa {
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background-color: #f08322;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
border-radius: 3px;
}
.single-contact h5 {
font-size: 18px;
margin-bottom: 10px;
font-weight: 500;
}
.single-contact p {
font-size: 15px;
font-weight: 400;
}
.contact-form input[type="submit"] {
background-color: #f08322;
border: 0px;
cursor: pointer;
font-size: 16px;
-webkit-transition: .4s;
transition: .4s
}
.contact-form input[type="submit"]:hover {
background-color: #CC5B00
}
.contact-form input:focus, textarea:focus {
border-color: #CC5B00
}



/*.stellarnav.dark.right.mobile .menu-toggle:first-child{display:none;}*/




.breadcrumb-list > li {
font-size: 14px;
list-style: none;
display: inline;
}
.breadcrumb-list > li a:after {
content: "/";
vertical-align: middle;
margin: 0 5px;
color: #7a7a7a;
}
.action-wishlist:hover,
.action-wishlist:focus{
color:#fff;
}
.add-to-cart.action-wishlist {
width: 50px;
text-align: center;
padding: 0;
}
.add-to-cart.action-wishlist i {
margin-right: 0px;
}
.product-add-to-cart .cart-title,
.product-add-to-cart .cart-title:hover,
.product-list-action .cart-title,
.product-list-action .cart-title:hover {
background-color: transparent;
border-bottom: none;
color: inherit;
}
.product-add-to-cart .pro-add-btn i,
.product-list-action .pro-add-btn i {
margin-right: 10px;
font-size: 18px;
}
.add-to-cart {
display: inline-block;
}
.action-wishlist:hover,
.action-wishlist:focus{
color:#fff;
}
.add-to-cart.action-wishlist i {
margin-right: 0px;
}
.product-add-to-cart {
float: none;
}
.single-product-wishlist{
display: inline-block;
position: relative;
margin-left: 20px;
}
.product-thumbnail .owl-nav  {display: none;}
.breadcrumb-area {
padding: 30px 0;
background-color: #f3f3f3;
}
.breadmome-name {
color: #ff6a00;
font-size: 24px;
font-weight: 500;
text-transform: capitalize;
margin: 0 0 18px;
}
.breadcrumb-content > ul > li {
display: inline-block;
list-style: none;
position: relative;
font-size: 14px;
color: #333;
}
.breadcrumb-content > ul > li.active{
color: #ff6a00;
}
.breadcrumb-content > ul > li:after {
content: "/";
vertical-align: middle;
margin: 0 5px;
color: #7a7a7a;
}
.breadcrumb-content > ul > li:last-child:after{
display: none;
}
.mt-80 { margin-top: 80px }.mb-80 { margin-bottom: 80px }
.single-product-name {
font-size: 22px;
text-transform: capitalize;
font-weight: 900;
color: #444;
line-height: 24px;
margin-bottom: 15px;
}
.single-product-reviews {
margin-bottom: 10px;
}
.single-product-price {
margin-top: 25px;
}
.single-product-action {
margin-top: 30px;
padding-bottom: 30px;
border-top: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb;
float: left;
width: 100%;
}
.product-discount {
display: inline-block;
margin-bottom: 20px;
}
.product-discount span.price {
font-size: 28px;
font-weight: 900;
line-height: 30px;
display: inline-block;
color: #2c9847;
}
.product-info {
color: #333;
font-size: 14px;
font-weight: 400;
}
.product-info p {
line-height: 30px;
font-size: 14px;
color: #333;
margin-top: 30px;
}
.product-add-to-cart span.control-label {
display: block;
margin-bottom: 10px;
text-transform: capitalize;
color: #232323;
font-size: 14px;
}
.product-add-to-cart {
overflow: hidden;
margin: 20px 0px;
float: left;
width: 100%;
}
.cart-plus-minus-box {
border: 1px solid #e1e1e1;
border-radius: 0;
color: #3c3c3c;
height: 49px;
text-align: center;
width: 50px;
padding: 5px 10px;
}
.product-add-to-cart .cart-plus-minus {
margin-right: 25px;
}
.cart-plus-minus {
position: relative;
width: 75px;
float: left;
padding-right: 25px;
}
.add-to-cart {
background: #008bff;
border: 0;
border-bottom: 3px solid #0680e5;
color: #fff;
box-shadow: none;
padding: 0 30px;
border-radius: 3px;
font-weight: 400;
cursor: pointer;
font-size: 14px;
text-transform: capitalize;
height: 50px;
line-height: 50px;
}
.add-to-cart:hover {
background: #ff6a00;
border-color: #e96405;
}

.product-sku{color:#000;}


.ProductPhotoImg img{border: 2px solid #f1e9e9;
box-shadow: 0px 0px 30px;
border-radius: 21px 0px;}




.product-info p {
color: #333;
font-size: 14px;
font-weight: 400;
text-align:justify;
margin-top:0px;
}


.product-zoom {
border: 1px solid #f7f1f1;
border-radius: 31px 0px;
box-shadow: 0px 0px 1px;
}


.pt-100 {
padding-top: 100px;
}
.pb-100 {
padding-bottom: 100px;
}
.services-area {
background-color: #f6f6f6;
}
.section-title {
margin-bottom: 60px;
}
.section-title p {
color: #777;
font-size: 16px;
}
.section-title h4 {
text-transform: capitalize;
font-size: 40px;
position: relative;
padding-bottom: 20px;
margin-bottom: 20px;
font-weight: 600;
}
.section-title h4:before {
position: absolute;
content: "";
width: 60px;
height: 2px;
background-color: #ff3636;
bottom: 0;
left: 50%;
margin-left: -30px;
}
.section-title h4:after {
position: absolute;
background-color: #ff3636;
content: "";
width: 10px;
height: 10px;
bottom: -4px;
left: 50%;
margin-left: -5px;
border-radius: 50%;
}
.single-service {
border: 1px solid #eee;
padding: 30px 10px;
position: relative;
text-align: center;
margin-bottom: 30px;
}
.single-service i.fa {
width: 60px;
height: 60px;
background-color: #ff3636;
font-size: 25px;
color: #fff;
line-height: 60px;
text-align:center;
margin-bottom:20px;
}
.single-service i.fa {
-webkit-transition: .4s;
transition: .4s;
}
.single-service:hover i.fa {
border-radius: 50%;
}
.single-service h4 {
text-transform: capitalize;
font-size: 22px;
margin-bottom: 10px;
font-weight: 500;
}




.section_padding_product {
padding: 40px 0;
overflow: hidden;
}



.bg-contact{
background: #fff;
padding: 40px 34px;
margin: 30px 0;
box-shadow: 0px 0px 38px #00000030;
}

.smart-home{
background: #fff;
padding: 40px 0px;
margin: 30px 0;
box-shadow:none;
border-bottom:double #f3e8e8;

}

.form-group{
margin-bottom: 1rem;
border: 1px solid #fff5f5;
}

.inner_banner {
background-size: cover !important;
-webkit-background-size: cover !important;
position: relative;
width: 100%;
padding: 100px 0;
box-sizing: border-box;
}
.inner_banner:after{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgb(0 0 0 / 78%);

}
.inner_banner .banner_text{
position: relative;
z-index: 1;
width: 100%;

}
.inner_banner .banner_text h1{font-size: 38px;
text-transform: uppercase;
letter-spacing: .5px;
color: #fff;}


.brdcrm{
position: relative;
z-index: 1;
width: 100%;

}
.brdcrm ul{
padding: 10px 0;
margin: 0;
position: relative;
display: inline-block;

}
.brdcrm ul li{  
display: inline-block;
position: relative;
list-style: none;
margin: 0;
padding: 0;

}
.brdcrm ul li a{
color: #fff;
font-size: 15px;
font-weight: 500;
padding-right: 10px;
margin: 0 10px 0 0;
text-decoration: none;
}
.brdcrm ul li a.active{}
.brdcrm ul li a:after{  
content: "\f054";
font-family: 'FontAwesome';
position: absolute;
right: 5px;
font-size: 10px;
top: 7px;
color: #afafaf;

}
.brdcrm ul li:last-child a:after{display:none;}

.brdcrm ul li:last-child a{ color: #f18d33;}


.site-description {
position: absolute;
    top: 2.8rem;
    right: 2rem;
    color: #f08329 !important;
    font-size: 28px;
    font-weight: 600 !important;
    font-family: 'Eczar', serif;
    display: block !important;
    letter-spacing: 1px !important;
    transition: all 0.15s linear !important;
}


.product_text{
border-bottom: 1px dotted #d0cccc;
margin-bottom: 20px;
padding: 10px 0;
position: relative;
display: block;
overflow: hidden; 
}
.product_text.d-flex{
    display: flex;
    position: relative;
    flex-direction: row;
    width: 100%;
    gap: 100px;
    
}
.product_text.d-flex h2{width: 100%;}
.product_text.d-flex img{width: 30%;}    
.product_text.d-flex h2{}    
.product_text h2{
font-size: 25px;
margin-bottom: 10px;
position: relative;
color: #f18d33;
letter-spacing: .5px;
font-weight: 500;
overflow: hidden;
}
.product_text p{
text-align: justify;
margin-bottom: 10px;
font-size: 15px;
}
.product_text .img-right{
width: 30%;
float: right;
margin: 0 0px 10px 15px;
border: 4px double #f18d33;
position: relative;
}

.product_text .img-left{
width:30%;
float: left;
margin: 0 15px 10px 0;
border: 4px double #f18d33;
position: relative;
}

.product_text ul{ 
padding: 0;
position: relative;
margin: 10px 0;
display: block;
overflow: hidden;
}

.product_text ul li{
list-style: disc;
position: relative;
margin-bottom: 10px;
font-size: 15px;
color: #333;

}

.product_text ul li strong{
color: #000;
display: block;
}


.gallery-area{
background-image: linear-gradient(to top, #f18d33 20%, #844105 100%);
background-image: -webkit-linear-gradient(to top, #f18d33 20%, #844105 100%);
background-image: -moz-gradient(to top, #f18d33 20%, #844105 100%);
background-image: -ms-gradient(to top, #f18d33 20%, #844105 100%);
background-image: -o-gradient(to top, #f18d33 20%, #844105 100%);
position: relative;
width: 100%;

}

.gallery_slide{}

.gallery_slide .item{ 
padding: 20px;
position: relative;
}
.gallery_slide .item img{
    height: 200px;
    width: 100%;
    border: 1px solid #eee;
    margin-bottom: 0 !important;
    object-fit: cover;
}


.gallery_slide .owl-nav{
    position: absolute;
    top: 50%;
    width: 100%;
    display: block !important;
}

.gallery_slide .owl-nav .owl-prev, 
.gallery_slide .owl-nav .owl-next{ 
position: absolute;
left: 0;
right: auto;
width: 30px;
height: 30px;
background-color: #2c9847 !important;
color: #fff !important;
font-size: 32px !important;
opacity: .2;
transition:all 500ms ease-in-out;
-webkit-transition:all 500ms ease-in-out;
-ms-transition:all 500ms ease-in-out;
-moz-transition:all 500ms ease-in-out;
-o-transition:all 500ms ease-in-out;
}
.gallery_slide:hover .owl-nav .owl-prev, 
.gallery_slide:hover .owl-nav .owl-next{
transition:all 500ms ease-in-out;
-webkit-transition:all 500ms ease-in-out;
-ms-transition:all 500ms ease-in-out;
-moz-transition:all 500ms ease-in-out;
-o-transition:all 500ms ease-in-out;
opacity: 1; }

.gallery_slide .owl-nav .owl-prev span, 
.gallery_slide .owl-nav .owl-next span{ 
line-height: normal;
position: absolute;
left: 0;
right: 0;
top: -6px;
}
.gallery_slide .owl-nav .owl-next{
right: 0;
left: auto;
}

.sub_nav_area{
position: relative;
display: block;
width: 100%;
padding: 20px 0;

}

.sub_nav_area ul{
margin: 0;
padding: 0;
position: relative;
display: inline-block;

}

.sub_nav_area ul li{
margin: 0;
list-style: none;
display: inline-block;
position: relative;

}

.sub_nav_area ul li a{
font-size: 15px;
padding: 10px 15px;
background-color: #2c9847;
border-radius: 4px;
margin-right: 10px;
color: #fff;
font-weight: 500;
text-decoration: none;
letter-spacing: 1px;

}


.homeshow_product{
border: 1px solid #ddd;
width: 100%;
position: relative;
margin: 0 0 15px;
padding: 5px;
}
.homeshow_product:hover{}	
.homeshow_product:hover .pro_img img{}	
.homeshow_product:hover .over_lay_cnt{}	
.homeshow_product:hover .over_lay_cnt a{
transform: translateX(0rem);
-webkit-transform: translateX(0rem);
-moz-transform: translateX(0rem);
-ms-transform: translateX(0rem);
-o-transform: translateX(0rem);
transition: all 500ms ease-out;
-webkit-transition: all 500ms ease-out;
-ms-transition: all 500ms ease-out;
-moz-transition: all 500ms ease-out;
-o-transition: all 500ms ease-out;
}	
.homeshow_product:hover .over_lay_cnt:after{
transform: skewY(0deg);
-webkit-transform: skewY(0deg);
-moz-transform: skewY(0deg);
-ms-transform: skewY(0deg);
-o-transform: skewY(0deg);
opacity: 1;
transition: all 500ms ease-out;
-webkit-transition: all 500ms ease-out;
-ms-transition: all 500ms ease-out;
-moz-transition: all 500ms ease-out;
-o-transition: all 500ms ease-out;
}	


.homeshow_product .pro_img{
position: relative;
width: 100%;
display: flex;
vertical-align: middle;
align-items: center;
overflow: hidden;
}
.homeshow_product .pro_img img{}

.homeshow_product .pro_wrap{ 
display: flex;
flex-direction: column;
position: relative;
margin: 0;
padding: 10px;
background-color: #eee;
}

.vdp_products .homeshow_product .pro_wrap{height: 7rem;}
.homeshow_product .pro_wrap h3{
text-transform: uppercase;
font-size: 17px;
letter-spacing: .5px;
color: #f08322;
position: relative;
text-align: center;
}
.homeshow_product .pro_wrap p{
font-size: 15px;
font-weight: 400;
color: #484848;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 2;
}
.homeshow_product .over_lay_cnt{
position: absolute;
text-align: center;
display: inline-grid;
align-items: center;
vertical-align: middle;
width: 100%;
height: 100%;
overflow: hidden;
}
.homeshow_product .over_lay_cnt:after{ 
content: '';
position: absolute;
width: 100%;
background-color: rgb(0 0 0 / 76%);
height: 100%;
z-index: 0;
transform: skewY(-33deg);
-webkit-transform: skewY(-33deg);
-moz-transform: skewY(-33deg);
-ms-transform: skewY(-33deg);
-o-transform: skewY(-33deg);
opacity: 0;
transition: all 500ms ease-out;
-webkit-transition: all 500ms ease-out;
-ms-transition: all 500ms ease-out;
-moz-transition: all 500ms ease-out;
-o-transition: all 500ms ease-out;
}
.homeshow_product .over_lay_cnt a{ 
line-height: 30px;
color: #2c9847;
position: relative;
text-align: center;
display: inline-block;
width: 30px;
height: 30px;
background-color: #fff;
border-radius: 50%;
margin: 0 5px;
z-index: 1;
transform: translateX(-5rem);
-webkit-transform: translateX(-5rem);
-moz-transform: translateX(-5rem);
-ms-transform: translateX(-5rem);
-o-transform: translateX(-5rem);
transition: all 500ms ease-out;
-webkit-transition: all 500ms ease-out;
-ms-transition: all 500ms ease-out;
-moz-transition: all 500ms ease-out;
-o-transition: all 500ms ease-out;
}

.smart_pro{
position: relative;
width: 100%;
padding: 30px 0;
}
.smart_pro ul{
display: inline-block;
position: relative;
margin: 0;
padding: 0;
text-align: center;
}

.smart_pro ul li{
        list-style: none;
    position: relative;
    display: inline-block;
    width: 16.333%;
    flex: 0 0 auto;
    margin: 20px 20px;
    text-align: center;
/*list-style: none;*/
/*position: relative;*/
/*display: inline-block;*/
/*width: 16.333%;*/
/*margin: 15px;*/
/*text-align: center;*/
}
.smart_pro ul li a{
display: block;
position: relative;
text-decoration: none;
}
.smart_pro ul li a .img_wrap{
width: 60%;
box-shadow: 0px 0px 12px 0px #0000003b;
padding: 25px;
margin: 0 auto 20px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
transform: rotateZ(0deg);
-webkit-transform: rotateZ(0deg);
-ms-transform: rotateZ(0deg);
-moz-transform: rotateZ(0deg);
-o-transform: rotateZ(0deg);
transition: all 500ms ease-in-out;
-webkit-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
}
.smart_pro ul li:nth-child(1) a .img_wrap{
background-image: linear-gradient(to top, #f44336 0%, #9c27b0 100%);
background-image: -webkit-linear-gradient(to top, #f44336 0%, #9c27b0 100%);
background-image: -ms-linear-gradient(to top, #f44336 0%, #9c27b0 100%);
background-image: -moz-linear-gradient(to top, #f44336 0%, #9c27b0 100%);
background-image: -o-linear-gradient(to top, #f44336 0%, #9c27b0 100%);
}
.smart_pro ul li:nth-child(2) a .img_wrap{
background-image: linear-gradient(to top, #68e287 0%, #348637 100%);
background-image: -webkit-linear-gradient(to top, #68e287 0%, #348637 100%);
background-image: -ms-linear-gradient(to top, #68e287 0%, #348637 100%);
background-image: -moz-linear-gradient(to top, #68e287 0%, #348637 100%);
background-image: -o-linear-gradient(to top, #68e287 0%, #348637 100%);
}
.smart_pro ul li:nth-child(3) a .img_wrap{
background-image: linear-gradient(to top, #ff5722 0%, #ff9800 100%);
background-image: -webkit-linear-gradient(to top, #ff5722 0%, #ff9800 100%);
background-image: -ms-linear-gradient(to top, #ff5722 0%, #ff9800 100%);
background-image: -moz-linear-gradient(to top, #ff5722 0%, #ff9800 100%);
background-image: -o-linear-gradient(to top, #ff5722 0%, #ff9800 100%);
}

.smart_pro ul li:nth-child(4) a .img_wrap{
background-image: linear-gradient(to top, #cddc39 0%, #7d8811 100%);
background-image: -webkit-linear-gradient(to top, #cddc39 0%, #7d8811 100%);
background-image: -ms-linear-gradient(to top, #cddc39 0%, #7d8811 100%);
background-image: -moz-linear-gradient(to top, #cddc39 0%, #7d8811 100%);
background-image: -o-linear-gradient(to top, #cddc39 0%, #7d8811 100%);
}

.smart_pro ul li:nth-child(5) a .img_wrap{
background-image: linear-gradient(to top, #ab89e8 0%, #673ab7 100%);
background-image: -webkit-linear-gradient(to top, #ab89e8 0%, #673ab7 100%);
background-image: -ms-linear-gradient(to top, #ab89e8 0%, #673ab7 100%);
background-image: -moz-linear-gradient(to top, #ab89e8 0%, #673ab7 100%);
background-image: -o-linear-gradient(to top, #ab89e8 0%, #673ab7 100%);  
}

.smart_pro ul li:nth-child(6) a .img_wrap{
background-image: linear-gradient(to top, #03a9f4 0%, #00557b 100%);
background-image: -webkit-linear-gradient(to top, #03a9f4 0%, #00557b 100%);
background-image: -ms-linear-gradient(to top, #03a9f4 0%, #00557b 100%);
background-image: -moz-linear-gradient(to top, #03a9f4 0%, #00557b 100%);
background-image: -o-linear-gradient(to top, #03a9f4 0%, #00557b 100%);   
}

.smart_pro ul li:nth-child(7) a .img_wrap{
background-image: linear-gradient(to top, #ffeb3b 0%, #655a00 100%);
background-image: -webkit-linear-gradient(to top, #ffeb3b 0%, #655a00 100%);
background-image: -ms-linear-gradient(to top, #ffeb3b 0%, #655a00 100%);
background-image: -moz-linear-gradient(to top, #ffeb3b 0%, #655a00 100%);
background-image: -o-linear-gradient(to top, #ffeb3b 0%, #655a00 100%); 
}


.smart_pro ul li:nth-child(8) a .img_wrap{
background-image: linear-gradient(to top, #795548 0%, #1b100d 100%);
background-image: -webkit-linear-gradient(to top, #795548 0%, #1b100d 100%);
background-image: -ms-linear-gradient(to top, #795548 0%, #1b100d 100%);
background-image: -moz-linear-gradient(to top, #795548 0%, #1b100d 100%);
background-image: -o-linear-gradient(to top, #795548 0%, #1b100d 100%); 
}

.smart_pro ul li:nth-child(9) a .img_wrap{
background-image: linear-gradient(to top, #3f51b5 0%, #0e184e 100%);
background-image: -webkit-linear-gradient(to top, #3f51b5 0%, #0e184e 100%);
background-image: -ms-linear-gradient(to top, #3f51b5 0%, #0e184e 100%);
background-image: -moz-linear-gradient(to top, #3f51b5 0%, #0e184e 100%);
background-image: -o-linear-gradient(to top, #3f51b5 0%, #0e184e 100%);     
}

.smart_pro ul li a:hover .img_wrap{
transform: rotateZ(360deg);
-webkit-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-o-transform: rotateZ(360deg);
transition: all 500ms ease-in-out;
-webkit-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
}
.smart_pro ul li a .img_wrap img{}
.smart_pro ul li a h3{ 
position: relative;
font-size: 15px;
text-transform: uppercase;
color: #000;
letter-spacing: 1px;
}


.smart_feature{
position: relative;
width: 100%;
margin: 0;
padding: 20px 0;
display: block;
}
.smart_feature ul {
padding: 0;
margin: 0;
width: 100%;
display: inline-block;
text-align: center;
position: relative;
}
.smart_feature ul li{
    width: 31.333%;
    display: inline-block;
    flex: 0 0 auto;
    position: relative;
    padding: 15px;
    margin: 10px 5px 10px;
    border: 1px solid #f18d33;
    border-radius: 10px;
    vertical-align: top;
    text-align: center;
}
.smart_feature ul li a{
display: block;
position: relative;
text-decoration: none;
text-align: center;
}
.smart_feature ul li a .img_wrap{
background-image: linear-gradient(to left, rgb(33 142 161), rgb(33 142 161));
-webkit-background-image: linear-gradient(to left, rgb(33 142 161), rgb(33 142 161));
-ms-background-image: linear-gradient(to left, rgb(33 142 161), rgb(33 142 161));
-moz-background-image: linear-gradient(to left, rgb(33 142 161), rgb(33 142 161));
-o-background-image: linear-gradient(to left, rgb(33 142 161), rgb(33 142 161));
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
width: 70px;
height: 70px;
line-height: 100px;
margin: 0 auto 20px;
position: relative;
z-index: 1;
}
.smart_feature ul li a .img_wrap:after{content: '';
width: 100%;
height: 100%;
background-image: linear-gradient(to left, rgb(33 142 161), rgb(33 142 161));
-webkit-background-image: linear-gradient(to left, rgb(33 142 161), rgb(33 142 161));
-ms-background-image: linear-gradient(to left, rgb(33 142 161), rgb(33 142 161));
-moz-background-image: linear-gradient(to left, rgb(33 142 161), rgb(33 142 161));
-o-background-image: linear-gradient(to left, rgb(33 142 161), rgb(33 142 161));
position: absolute;
z-index: 0;
top: 0;
left: 0;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg); 
}

.smart_feature ul li a .img_wrap img{
width: 50%;
margin: 0 auto;
display: block;
position: absolute;
top: 25%;
right: 0;
left: 0;
z-index: 1;
filter: brightness(20);
}
.smart_feature ul li a h3{
text-transform: uppercase;
font-size: 16px;
letter-spacing: 1px;
color: #000;
}
.smart_feature ul li a p{ 
font-size: 15px;
    text-align: center;
    margin: 5px 0;
    /*line-break: auto;*/
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    /*display: -webkit-box;*/
    /*-webkit-line-clamp: 3;*/
    /*-webkit-box-orient: vertical;*/
    margin-bottom: 0;
}

.smart_feature ul li a p details{ font-size: 15px;color: #484848;}
.smart_feature ul li a p details summary{color: #f18d33;
    font-size: 15px;}
 p:empty{display:none;} 
    
.img-default{height: 250px;
width: 100%;}



.detail_wrap{}
.detail_wrap .detail_img{}
.detail_wrap .detail_cnt{}
.detail_wrap .detail_cnt h2{
color: #f08322;
font-size: 28px;
letter-spacing: 1px;
position: relative;
}
.detail_wrap .detail_cnt p{
font-size: 15px;
font-weight: 400;
text-align: justify;
}
.detail_wrap .detail_cnt h4{
margin: 15px 0 0;
position: relative;
font-size: 16px;
color: #2c9847;
letter-spacing: .5px;
}
.detail_wrap .detail_cnt table{}
.detail_wrap .detail_cnt ul{
padding: 0;
padding: 0 0 0 15px;
position: relative;
margin: 0;
margin-bottom: 20px;
}
.detail_wrap .detail_cnt ul li{
padding: 10px 0 0;
text-align: justify;
font-size: 15px;
color: #484848;
}
.detail_wrap .detail_cnt ul li{    font-size: 15px;
color: #484848color: #484848;margin: 0 0 5px;}


.detail_wrap .table tbody tr td{color: #484848;font-size: 15px;}


/*#lightcase-content .lightcase-contentInner img{width:500px !important;height:500px !important;}*/
.wpcf7 form.sent .wpcf7-response-output {
border: 1px solid #e4262c !important;
color: #000 !important;
}

.enquiry_form{
width: 100%;
display: flex;
gap: 185px;
flex-direction: row;
align-items: center;
justify-content: center;
}
.enquiry_form form{
width: 100%;
padding: 20px;
border: 1px solid #eee;
position: relative;

}
.enquiry_form form .form-group{
border: none;
position: relative;
margin-bottom: 1.5rem;

}
.enquiry_form form .form-group .form-control, .form-select{ 
height: 40px;
width: 100%;
font-size: 14px;
color: #000;

}
.enquiry_form form .form-group .form-label{    font-size: 15px;}

.enquiry_form form .form-group textarea.form-control{    height: 100px;}

.enquiry_form form .btn-enquiry{}
.enquiry_form img{
width: 40%;
position: relative;
}


.coming_text{}

.coming_text h2{}

.service_text{}
.service_text h4{font-size: 18px;
margin-bottom: 10px;color: #f08322;}
.service_text h3{font-size: 23px;
    margin-bottom: 10px;
    color: #f08322;}
.service_text p{}
.service_text ul{    margin: 0 0 10px;
padding: 0;
}
.service_text ul li{    font-size: 15px;
    font-weight: 400;
    list-style: decimal;
    color: #484848;}
.brochure_download_area{}    
    
 .brochure_download_area ul{    margin: 0;
    padding: 0;
    position: relative;
    display: block;}   
  .brochure_download_area ul li{    display: block;
    position: relative;
    margin-bottom: 1rem;
    padding: 10px 0;
    list-style: none;
    border-bottom: 1px solid #e4e4e4;}   
   .brochure_download_area ul li a{    display: flex;
    gap: 20px;
    position: relative;
    text-decoration: none;
    font-size: 23px;
    text-transform: uppercase;}  
   .brochure_download_area ul li a i{} 
    .brochure_download_area ul li a h3{} 
    
.dwn_anim{
    color: #cd2653;
    animation-name: dwn_anim;
    animation-duration: 500ms;
    animation-iteration-count: infinite;
    font-size: 15px;
    text-transform: capitalize;
    
}

@keyframes dwn_anim {
  0%   {color: #2c9747;}
  25%  {color: #e91e63;}
  50%  {color: #2196f3;}
  100% {color: #673ab7;}
}   

/*
===========Responsive Start===========*/
@media only screen and (max-width: 1200px){
 .site-description { font-size: 28px;}
@media only screen and (max-width: 992px) and (min-width: 1200px) {
.container, .container-lg, .container-md, .container-sm { max-width: 100%;} 
.stellarnav ul { width: 100%;}
.main-header .top_menu .stellarnav { display: flex;}
.main-header .top_menu .btn.btn-enquiry {white-space: nowrap;}
.stellarnav.mobile {position: inherit;}

.stellarnav.dark.right.mobile .menu-toggle {
padding: 7px 0;
right: 41px;
z-index: 999999;
}
.site-description { right: 0rem;font-size: 20px ;}
}



@media only screen and (max-width:996px){
.stellarnav .menu-toggle span.bars {top: 4px;;}
.stellarnav.dark.right.mobile .menu-toggle {padding: 7px 0;}
.top_header .navbar-brand:before {bottom: -50px;}
.top_header .btn_right_top .btn {font-size: 12px;white-space: nowrap;}
.main_slider .item .slider_caption {top: 50%;}
.main_slider { height: 85vh;}
.about_sec:before {top: -32%;}
.section_padding {padding: 20px 0;}
.main_slider .item .slider_caption .title_caption {font-size: 35px;}
.site-description { top: 2.8rem; right: 0rem; font-size: 20px;letter-spacing: 1px !important;}
.top_header .top_contact_left a i { font-size: 25px;}
.top_header .top_contact_left a { font-size: 0;}
.top_header .top_contact_left a span {display: none;}
.stellarnav { text-align: right;}
#brocher {position: relative;}
.main-header .top_menu .btn.btn-enquiry {margin-right: 0;position: relative; float: none;}
.stellarnav.dark.right.mobile .menu-toggle { margin-left: 25px;}
.abt-left.section_padding, .abt-right.section_padding {
padding: 27px;
}

.stellarnav.dark.right.mobile .menu-toggle {
padding: 7px 0;
display: block;
position: absolute;
right: 26px;
}


#brocher {
position: inherit; 
font-size: 22px;
color: blue;
right: 0px;
top: 0px;
background: #2b2a29;
padding: 5px 31px;
border-radius: 0px;
color: #fff;
}


.main_slider .owl-nav .owl-prev span{ left: 0;}
.main_slider .owl-nav .owl-next span { left: auto; right:0;}
.main_slider .item .slider_caption {
    position: absolute;
    z-index: 1111;
    top: 0;
    padding: 100px 60px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    display: block;
}

.container, .container-md, .container-sm {
max-width: 960px !important;
}
.top_right_bar .social_top li {margin: 0;}
.top_header .top_right_bar { display: flex;}
}

@media only screen and (max-width:890px){
    .site-description{ font-size: 15px;}   
}


@media only screen and (max-width:770px){
body, html {height: 50% !important;}
.top_header{height: auto;}
.main-header .top_menu {height: auto;}
.main-header .top_menu .btn.btn-enquiry, #brocher {padding:0px 20px;height: 35px;line-height: 35px;}
#brocher img { width: 23px;}
#brocher {padding: 5px 30px;}
.top_header .col-md-3 .top_contact_left{display:none;}
.top_header .btn_right_top {padding: 0;position: absolute;top: -50%;}
.main-header.sticky .top_header .btn_right_top {top: 8px;padding: 0;position: fixed;}
.main-header.sticky .top_header .navbar-brand {display: none;}
.main-header.sticky .top_header {display: none;}
.stellarnav { text-align: left;}
.top_header .navbar-brand:before {bottom: -13px;}
.main_slider {height: auto;}
.main_slider .owl-item img { height: auto;}
.main_slider .item .slider_caption {padding: 45px 60px;}
.main_slider .item .slider_caption .title_caption {font-size: 20px;}
.sec_title .sec_heading {font-size: 25px;}
.event_wrap {margin: 15px 0;}
.event_wrap .dwn-btn { bottom: -10px;line-height: 29px; width: 63px;height: 32px;}
.event_wrap h3 {font-size: 25px;}
.about_sec:before {top: 0;background-size: cover !important;height: 50vh;}
.about_wrap {display: block;}
.about_wrap_right {padding: 20px;}
.about_wrap_right p {text-align: justify;}
.btn_left {float: none;}
.catering_slide {margin-bottom: 0;}
.pl_event_wrap { margin-bottom: 25px;}
.pl_event_wrap h2, .pl_event_wrap.text-left h2 { margin-left: 0;font-size: 30px;float: none;margin-left: 0;}
.btn_center.text-center.mt-50{margin-top: 0 !important;}
.testim_wrap {padding: 70px 20px 50px;}
.efeect_area{margin-top: 25px;}
.contact_wrap ul {display: inline-block;text-align: center;}
.product-slide .item { margin: 10px;}
.brand_wrap .item-img {margin: 5px;width: 46.33%;}
.smart_feature ul li {width: 100%;}
.service_text h3 { font-size: 18px;}
.single-product-name {
font-size: 22px;
text-transform: capitalize;
font-weight: 900;
color: #444;
line-height: 24px;
margin-bottom: 15px;
padding-top: 20px;}
.stellarnav.dark .menu-toggle span.bars span {background: #ffffff;}
.sub_nav_area ul {text-align: center;}
.smart-home {background: #fff;padding: 0px 0px !important;margin: 30px 0;box-shadow: none;}
.sub_nav_area ul li a { margin-right: 0px;}
.product_text h2 { font-size: 18px;}
.inner_banner {padding: 40px 0;}
.content {box-shadow: none;}
.bg-contact .form-group {text-align: left;}
.bg-contact .form-group br {display:none;}
.sec_title .sub_heading {font-size: 13px;margin: 10px 0 10px;}
.smart_pro ul li {width: 39.333%;}
 .enquiry_form {display: block;}
.enquiry_form img { display: none;}
.enquiry_form form {padding: 0;border: none;}
.about-text {
padding-top: 0px;
background: #f1f1f1;
padding-bottom: 0px;
}

.content p {
font-weight: normal;
text-align: justify;
padding: 0px 0px;
}

.stellarnav.dark.right.mobile .menu-toggle {
color: #fff;
}	
.top_header .top_contact_left a span {
display: block;
position: relative;
margin: 0;
font-size: 11px;
letter-spacing: .5px;
color: #2d2c2b;
font-weight: 400;
}

.top_header .navbar-brand {
padding: 5px 0;
width: 50%;
margin: 0 auto;
}

.top_header .navbar-brand img {
width: 100%;
position: relative;
}
.top_header .top_left_bar {
float: none;
width: 100%;
position: relative;
}
.top_header .top_right_bar {
display: none;
}
.top_header .top_contact_left a {
height: auto;
padding: 10px 30px;
}
.top_right_bar .social_top {
display: none;
}


.about_sec {
position: relative;
display: block;
width: 100%;
}

.footer_brand img {
width: 43%;
padding: 0 0;
}

#brocher{right: 110px !important;}
.stellarnav.dark.right.mobile .menu-toggle {
padding: 7px 0;
position: absolute !important;
right: 10px !important;
top: 0px;}


.stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul{max-width: 340px !important;}

.testim_brand{display: inherit !important;}
.img-default{height:auto; width: 100%;}
.gallery_slide .item img {height:220px;}
.site-description {display: none !important;}
.site-logo img {
max-height: 100% !important;
margin: 0 auto 10px !important;
height: auto !important;
width: 45% !important;
}
.product_text .img-left, .product_text .img-right {    width: 100% !important; margin: 0px auto 10px; display: block;float: none;}    
.product_text ul li {text-align: justify;}
}
@media (min-width: 700px){
.site-description {  font-size:15px;}
.top_header .top_contact_left a span {font-size: 13px;}   
.top_right_bar .social_top li { margin: 0;}
    
}
@media (max-width:360px){
 .smart_pro ul li { width: 60%;}
 .enquiry_form {display: block;}
}