/*
Theme Name: Seosight child Theme
Theme URI: http://theme.crumina.net/seosight/
Author: Crumina Team
Author URI: http://crumina.net/
Description: Unique portfolio & agency Wordpress theme
Version: 1
Template:seosight
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: seosight
*/

/*****************************************************************
Add Custom styles below 
******************************************************************/
.bannerSection>.elementor-container {
    align-items: baseline!important;
    -webkit-box-align: baseline!important;
}
.bannerSection .swiper-wrapper{
	height: 100vh !important;
}
.bannerSection .swiper-slide>.overlay~.container{
	    justify-content: center;
}
.contactUsField input{
width:100%!important
}
/* 404 Page stying start */
.content-page-404 {
    padding: 100px 0 200px;
    background-image: url(https://kit.baliniz.com/syngenic/wp-content/uploads/sites/18/2021/12/green-energy-solar-energy-panel-everywhere-in-our-city-for-make-our-planet-health-place.jpg);
    text-align: center;
    background-position: 0;
    background-size: cover;
    background-repeat: repeat-x;
    color: #fff;
}
.content-page-404 .title{
    color: #fff;	
}
.content-page-404:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #333333de;
}
/* 404 Page stying close */
.featureBoxstyle {
	
}
.featureBoxstyle .crumina-info-box.info-box--standard-centered .info-box-image {
	width: 120px;
	height: 120px;
}
.featureBoxstyle .crumina-info-box.info-box--standard-centered .info-box-image,
.featureBoxstyle .crumina-info-box.info-box--standard-centered:hover .info-box-image {
	padding: 15px;
    box-shadow: rgb(50 50 93 / 25%) 0px 30px 60px -12px inset, rgb(0 0 0 / 30%) 0px 18px 36px -18px inset;
}
.featureBoxstyle > div {
box-shadow: 0 0 15px #ddd;
height: 400px;
padding: 15px 20px 0;
border-radius: 15px;
}
.BulletPoints .elementor-widget-container>p:before{
	content: "";
    background-image: url(/wp-content/uploads/2023/01/bullet.png);
    width: 20px;
    height: 20px;
    position: absolute;
    top: 2px;
    left: 0;
    background-size: cover;
}
.AboutFirstPara .elementor-widget-container>p:before {
        content: "";
    background-image: url(/wp-content/uploads/2023/01/bullet.png);
    width: 20px;
    height: 20px;
    position: absolute;
    top: 2px;
    left: 0;
    background-size: cover;
}
.BulletPoints .elementor-widget-container>p,
.AboutFirstPara .elementor-widget-container>p{
	    padding-left: 30px;
    position: relative;
}
.iconClass{
	padding:15px;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
/* About us styling close */
/* industrial page styling start */
.industrialBox {
	transition: 1s all;
    min-height: 300px;
}
.industrialBox:hover {
    background-color: #64da0c!important;
	transition: 1s all;
}
.industrialBox .info-box-title{
    font-weight: bolder;
}
.industrialBox:hover .info-box-title {
    color: #fff!important;
}
.industrialBoxDesign2 {
    background-color: #fff;
    padding: 20px;
    box-shadow: rgb(0 0 0 / 16%) 0px 10px 36px 0px, rgb(0 0 0 / 6%) 0px 0px 0px 1px;
    height: 470px;
	transition: 1s all;
}
.industrialBoxDesign2:hover{
	transition: 1s all;
    background-color: #64da0c!important;
}
.industrialBoxDesign2 .info-box-title{
	transition: 1s all;
	font-weight:bolder!important;
}
.industrialBoxDesign2:hover .info-box-image i,
.industrialBoxDesign2:hover .info-box-content .info-box-title,
.industrialBoxDesign2:hover .info-box-content{
    color: #fff!important;
	transition: 1s all;
}
.industrialBoxDesign2 .info-box-image {
	box-shadow: rgb(50 50 93 / 25%) 0px 30px 60px -12px inset, rgb(0 0 0 / 30%) 0px 18px 36px -18px inset;
	width: 120px!important;
    height: 120px;
    border-radius: 100px!important;
	transition: 1s all;
}
.industrialBoxDesign2 .info-box-image i {
    top: 10px;
    position: relative;
	transition: 1s all;
}
.industrialBoxDesign2 .info-box-title{
	
}
/* industrial page styling close */

@media (min-width: 0px) and (max-width: 767px) {
	.bannerSection .swiper-wrapper{
		height: auto !important;
	}
}