/*
Theme Name: Hello Elementor Child
Theme URI: https://gujaratpackaginghub.com
Description: Child theme for Hello Elementor – Gujarat Packaging Hub
Author: Gujarat Packaging Hub
Author URI: https://gujaratpackaginghub.com
Template: hello-elementor
Version: 1.0
Text Domain: hello-elementor-child
*/

/* Custom CSS below */
.site-header .header-inner, .footer-inner{
margin: auto;
}
.sn-top-header ul {
    display: flex;
    gap: 15px;
	padding: 0px;
}
.main-nav-bar {
	z-index: 999;
	padding: 9px 0px;
}

.main-top-header {
    background: #5D4632;
	width: 100%;
}

.sn-top-header ul li {
    list-style-type: none;
}

header#site-header {
    padding: 0px;
	border-bottom: 1px solid #fff;
	z-index: 999;
}
.sn-top-header {
    display: flex;
    justify-content: space-between;
    width: 100%;
	padding: 6px 0px;
}
.sn-top-header ul li a {
    color: #fff;
    font-size: 15px;
}

.ss-hm-abt-hed-styl span:after {
    content: '';
    position: absolute;
    width: 6px;
    background: #5D4632;
    height: 6px;
    right: -70px;
    top: 11px;
	border-radius: 50%;
}
.ss-hm-abt-hed-styl span:before {
    content: '';
    position: absolute;
    width: 60px;
    background: #5D4632;
    height: 1px;
    right: -67px;
    top: 13px;
}
.ss-hm-abt-hed-styl span{
position: relative;
}
h3.product-title {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    padding: 0px 15px 15px 15px;
    margin: 0px;
}

.product-image img {
   height: 220px !important;
    width: 100% !important;
    object-fit: contain;
    background: #5d463247;
    border-radius: 5px !important;
}
.product-image {
    padding: 15px;
}

.product-item {
    border: 1px solid #5d463236;
    border-radius: 10px;
	height: 100%;
}

.sn-home-products .product-description {
    display: none;
}
.owl-stage {
    display: flex;
    height: 100%;
}
button.owl-prev {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
}

button.owl-next {
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
}

span.owl-nav-left , span.owl-nav-right{
    color: #fff;
    background: #8ca318;
    border-radius: 50px;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.industries-shortcode-list {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
}

h3.industry-title {
    font-size: 18px;
    font-weight: 500;
    position: absolute;
    color: #fff;
    left: 0px;
    right: 0px;
    margin: auto;
    text-align: center;
    z-index: 9;
    bottom: 0px;
    padding: 12px 15px;
}

.industry-image img {
    width: 100%;
    height: 225px !important;
    object-fit: cover;
    border-radius: 10px !important;
}

.industry-item {
    position: relative;
    width: 14.6%;
}

.industry-item:after {
    position: absolute;
    background: #1c1c1c;
    content: "";
    width: 100%;
    height: 100%;
    top: 0px;
    opacity: 0.5;
    left: 0px;
    border-radius: 10px;
}

.industry-image {
    height: 225px !important;
    border-radius: 10px !important;
    overflow: hidden;
}
.footer-widgets {
    display: grid;
    grid-template-columns: 1fr 1fr 1.5fr 1.2fr;
    gap: 20px;
	z-index: 12;
}

h3.footer-widget-title {
    font-size: 22px;
    font-weight: 600;
    margin: 0px;
    padding-bottom: 22px;
	color: #fff;
}

ul#menu-main-manu-2 {
    list-style-type: none;
    padding: 0px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.sn-our-address ul {
    list-style-type: none;
    padding: 0px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.sn-footer-bg{
	
	background: #5d4632;
	position: relative !important;
	padding-top: 50px !important;
	padding-bottom: 0px !important;
}
.sn-footer-bg:after {
    content: "";
    position: absolute;
    background: #000;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    opacity: 0.5;
    pointer-events: none;
    z-index: 0;
}
.footer-widgets .menu-item a{
    color: #fff;
	font-size: 15px;
}
.sn-our-address ul li a {
    color: #fff;
	font-size: 15px;
}

.footer-widget.footer-widget-1 {
    color: #fff;
	font-size: 15px;
	padding-top: 15px;
}

.email-flied input {
    width: 100% !important;
    padding: 12px 15px !important;
    font-size: 15px;
    color: #000 !important;
}

.btn-flied input {
    
	border: 1px solid #fff;
    color: #fff;
    padding: 9px 20px;
}

.btn-flied input:hover {
    background: #b0cc1e;
	border: 1px solid #b0cc1e;
}
.sn-copy-right {
    text-align: center;
    width: 100%;
    color: #fff;
    z-index: 3;
    padding-top: 19px;
    border-top: 1px solid #ffffff3d;
    margin-top: 40px;
    font-size: 15px;
}
.sn-copy-right p a {
    color: #b0cc1f;
    font-size: 14px;
}

.sn-page-products {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.product-description {
    padding: 0px 15px 0px 15px;
    text-align: center;
    font-size: 16px;
}
.sn-page-products h3.product-title {
    padding: 0px 15px 6px 15px !important;
}
.sn-mb-0 p{
margin-bottom: 0px;
}
.input-flieds input, .textarea-flieds textarea {
    width: 100% !important;
    font-size: 14px;
    border: 1px Solid #5d46327a !important;
    border-radius: 5px !important;
    padding: 13px 15px !important;
}
.textarea-flieds textarea{
	height: 150px;
}
.btn-flieds p {
    margin: 0px;
}

.btn-flieds input {
    background: #2e2319;
    color: #fff;
    border: none;
    padding: 10px 26px;
    font-size: 16px;
}
.sn-info-flied h3 {
    margin: 0px !important;
}
li.sn-follow-text {
    color: #fff;
    font-weight: 500;
}
.e-con-inner, .footer-inner, .header-inner, .sn-single-container{
	max-width: 1360px !important;
	width: 90% !important;
	margin: auto;
}
.sn-stiky-nav{
width: 100%;
}
.product-read-more {
    display: none;
}
.sn-page-products .product-read-more{
	display: block !important;
	text-align: center;
	padding: 10px 0px;
}
.product-read-more a {
    text-align: center;
    font-size: 15px;
    color: #5d4632;
	font-weight: 500;
}
.sn-input-flied input , .sn-textarea-flied textarea{
    font-size: 14px;
    border: 1px solid #5d463259 !important;
    padding: 10px 15px !important;
    width: 100%;
	border-radius: 3px !important;
}
.sn-textarea-flied textarea{
height: 110px;
}
.sn-main-page-single {
    border: 1px solid #5d46327a;
    padding: 25px;
    border-radius: 10px;
}
.sn-main-page-single h5 {
    font-size: 25px;
    font-weight: 600;
    margin: 0px;
}

.sn-main-page-single p {
    font-size: 15px;
    margin-top: 4px;
}

.sn-btn-flied p {
    margin: 0px;
}

.sn-btn-flied input {
    font-size: 15px;
    padding: 9px 25px;
    border: 1px solid #5d4632;
    color: #5d4632;
    font-weight: 500;
}
.sn-btn-flied input:hover{
background: #b0cc1f;
	border: 1px solid #b0cc1f;
}
@media only screen and (min-width: 320px) and (max-width: 767px){
	.footer-widgets {
    grid-template-columns: repeat(1, 1fr);
		gap: 25px 0px;
}
	ul.sn-socials-icon {
    display: none;
}
	ul.sn-address-icon li:nth-child(2) {
    display: none;
}
ul.sn-address-icon li:nth-child(1) {
   text-align: center;
	width: 100%;
}
	.sn-top-header ul{
		width: 100%;
	}
	.industry-item {
    position: relative;
    width: 47%;
}
	h3.footer-widget-title{
		padding-bottom: 10px;
	}
	.sn-page-products{
		grid-template-columns: repeat(1, 1fr);
}
	h3.industry-title{
word-break: break-word;
	}
	.site-navigation-dropdown ul.menu li a{
		background: #5d4632 !important;
		color: #fff !important;
		border-top: 1px solid #ffffff59;
		padding: 16px 20px !important;
	}
	.site-navigation-dropdown ul.menu{
		width: 95% !important;
		margin: auto !important;
		left: 0px;
		right: 0px;
		border-top: 5px solid #94ac19;
        top: -5px;
	}
	h1.entry-title{
		font-size: 30px !important;
	}
	.product-content{

	padding: 15px !important;
	}
	.single-product-image img {
    width: 100% !important;
}
}

@media only screen and (min-width: 768px) and (max-width: 1024px){
	.industry-item{
width: 31%;
	}
	.footer-widgets{
		grid-template-columns: repeat(2, 1fr);
    gap: 25px;
	}
	.sn-why-box-tab .elementor-image-box-wrapper {
    flex-direction: column !important;
}
	.sn-page-products {
		grid-template-columns: repeat(2, 1fr);
	}
	.sn-info-flied p.elementor-icon-box-description{
		line-break: anywhere;
	}
		.site-navigation-dropdown ul.menu li a{
		background: #5d4632 !important;
		color: #fff !important;
		border-top: 1px solid #ffffff59;
		padding: 16px 20px !important;
	}
	.site-navigation-dropdown ul.menu{
		width: 90% !important;
		margin: auto !important;
		left: 0px;
		right: 0px;
		border-top: 5px solid #94ac19;
        top: -3px;
	}
}
/* Sticky Nav Bar Style */
.sn-stiky-nav.is-sticky {
  position: fixed !important;
  top: 0;
  width: 1360px;
  max-width: 100%;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  animation: slideDown 0.35s ease-out;
  background-color: #fff;
  z-index: 999;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
/* Sticky Nav Bar Style end*/
.single-product-wrapper{
	display:flex;
	gap:35px;
	padding: 50px 0px;
}
.product-content{
	width:70%;
	background: #fff;
	padding: 30px;
	border-radius: 5px;
}
.product-sidebar{
	width:30%;
	background: #fff;
	padding: 15px;
	border-radius: 5px;
}
.product-sidebar img{
	width:100%;
	height:auto;
	border-radius:8px;
}
@media(max-width:1024px){
	.single-product-wrapper{
		flex-direction:column;
	}
	.product-content,
	.product-sidebar{
		width:100%;
	}
}
.single-product-image img {
    width: 300px;
}

h1.entry-title {
    font-size: 35px;
}
.sn-single-page-bg {
    background: #5d46321c;
}