#home-carousel.carousel .carousel-control.right i {
	margin-right: 5px;
}
#home-carousel.carousel .carousel-control.left i {
	margin-left: 5px;
}
.products--listing--single--caption {
	padding: 15px 15px;
	text-align: left;
}
.page-home .products,
.home-page-background-wrapper {
	background-image: url(../img/texture-bg.png);
	margin-top: 50px;
	margin-bottom: 30px;
}
.home-page-background-wrapper {
	padding-top: 30px;
	padding-bottom: 60px;
}
.why-choose-wrapper {
	text-align: left;
}
.why-choose-wrapper li::marker {
	font-size: 2rem;
}
.why-choose-wrapper li h3 {
	margin-bottom: 0.6rem;
	font-size: 1.5em;
}
.home-page-welcome-wrapper p,
.why-choose-wrapper li p {
	margin-bottom: 1.2rem !important;
	font-weight: normal !important;
}
.page-home .welcome .home-page-welcome-wrapper p:last-of-type {
	font-weight: normal;
}
.more-text {
	display: block;
}
.read-more-btn {
	display: none;
}
.mobile-readmore-toggle {
	display: none;
}
.mobile-readmore-content {
	display: inline;
	/* Default: visible */
}
.grecaptcha-badge {
    visibility: hidden;
}
.products--listing--single--caption .wrap ul {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}
.products--listing--single--caption .wrap ul li {
	position: relative;
	padding-left: 15px;
}
.products--listing--single--caption .wrap ul li::before {
	content: "\203A";
	position: absolute;
	left: 0;
	top: 0px;
	color: #ffffff;
	font-weight: bold;
	font-size: 20px;
    line-height: 20px;
}
.navbar-toggle:not(.collapsed) {
  border: 0;
  background-color: transparent;
}
.navbar-default .navbar-toggle:focus{
	background-color: transparent;
}
.navbar>.container .navbar-toggle, .navbar>.container-fluid .navbar-toggle {
    padding: 12px;
	border: none;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	background-color: transparent;
}
.navbar-toggle .icon-bar {
    height: 3px;
}
.product-page-separator {
	width: 100%;
	border-top: 1px solid #e6e6e6;
	margin-top: 70px;
	margin-bottom: 70px;
}
/* Hide Read More on desktop */
@media (min-width: 768px) {
	.read-more-btn {
		display: none !important;
	}
}
/* Button styling for mobile */
@media (max-width: 767px) {
	body p,
	body li,
	body .product-page-main-content p {
		font-size: 18px;
		line-height: 28px;
		text-align: left;
	}
	body .copyright {
		text-align: center;
	}
	body .sm-text-center p {
		text-align: center;
	}
	.breadcrumbs {
		display: none;
	}
	/* .read-more-btn {
    display: inline-block;
    margin-top: 10px;
    background-color: #20643A; 
    color: #fff;
    border: none;
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 14px;
    cursor: pointer;
    margin-bottom: 30px;
  } */
	.more-text {
		display: none;
	}
	/* Show the Read More button on mobile */
	.read-more-btn {
        display: block;
        font-size: 16px;
        padding: .6em 1.5em;
        border-radius: 3px;
        font-weight: 600;
        color: #fff;
        background: linear-gradient(180deg,#777,#57585a);
        text-transform: uppercase;
        border: none;
		cursor: pointer;
    }
	/* When the section is "expanded" (JS adds this class), show the content */
	.collapsible-section.expanded .more-text {
		display: block;
	}
	.home-page-welcome-wrapper p {
		text-align: left;
		font-size: 18px;
		line-height: 28px;
	}
	.welcome h2 {
		font-size: 1.8em;
		line-height: 1.2;
		margin-bottom: 1em;
		text-align: left;
		letter-spacing: -1px;
	}
	/* 1. Initially hide the content on mobile */
	.mobile-readmore-content {
		display: none;
	}
	/* 2. Show the "Read More" button on mobile */
	.mobile-readmore-toggle {
		display: inline;
		color: blue;
		cursor: pointer;
		margin-left: 5px;
	}
	/* 3. Class added by JavaScript to make the content visible */
	.mobile-readmore-content.is-visible {
		display: inline;
		/* Use 'block' if the content should be on a new line */
	}
	.carousel-inner .item .carousel-caption h1 {
		font-size: 1.9em !important;
		margin-bottom: 1em !important;
		text-align: left;
		letter-spacing: -1px;
		line-height: 1.2;
		text-align: center;
	}
	.why-choose-wrapper {
		margin-bottom: 10px;
	}
	.why-choose-wrapper li p {
		font-size: 18px;
		line-height: 28px;
	}
	.products--listing--single--caption .wrap a {
		font-size: 16px;
	}
	.joinchat__button {
		bottom: 75px !important;
	}
	.pane.products h3 {
		font-size: 1.7em;
	}
	.products--listing--single--caption .wrap h4 a {
		font-size: 1.18em;
	}
	/* When menu is open (remove 'collapsed' class) */
	.navbar-toggle:not(.collapsed) .icon-bar:nth-child(2) {
	opacity: 0;
	}
	.navbar-toggle:not(.collapsed) .icon-bar:nth-child(3) {
	transform: translateY(1px) rotate(45deg);
	}
	.navbar-toggle:not(.collapsed) .icon-bar:nth-child(4) {
	transform: translateY(-5px) rotate(-45deg);
	}
	.sub-menu .sub-menu-item {
		border-bottom: 2px solid #e6e6e6;
		position: relative;
	}
	.sub-menu .sub-menu-item:last-child {
		border-bottom: 0px;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		display: block;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li.current-menu-item>a {
		max-width: 100%;
	}
	.product-page-separator {
		margin-top: 30px;
		margin-bottom: 30px;
	}
	#otherProductsSlider .slick-prev {
    	left: 5px;	
		z-index: 1;	
	}
	#otherProductsSlider .slick-next {
    	right: 20px;		
	}
	#otherProductsSlider .slick-next:before, 
	#otherProductsSlider .slick-prev:before {
		font-size: 30px;
	}
	.main-content--inner p:last-of-type {
		font-weight: normal !important;
	}
	.main-content--inner .contentTitle,
	.product-page-main-content h2 {
		text-align: left;
	}
	.main-content--inner .contentTitle {
		font-size: 22px;
	}
	.main-content--inner .contentTitle:before{
		margin-left: 0px !important;
	}
}
@media screen and (min-width: 768px) {
	.products--listing--single--caption {
		padding: 2em;
	}
	.products--listing--single--caption {
		width: 290px;
	}
}
.modal-box {
	background: url("../../assets/img/loading.gif") center center no-repeat;
}
.owl-wrapper .item {
	background-color: #fff !important;
}
.navbar > .container-fluid .navbar-nav li.current-menu-ancestor li.current-menu-item > a,
.navbar > .container-fluid .navbar-nav li ul.dropdown-menu li a:hover,
.navbar > .container-fluid .navbar-nav li ul.dropdown-menu li a:focus {
    background: #c8cfd6;
	color: initial;
}
@media screen and (max-width:480px) {
	.products--listing--single--caption .wrap ul li {
		font-size: 0.9em;
	}
	.carousel-inner .item .carousel-caption p {
		font-size: 1.157em;
	}
	.carousel-inner .item .carousel-caption h2 {
		margin-bottom: 0.3em;
	}
}
@media screen and (max-width: 767px) {
	.navbar > .container .navbar-nav > li > a, 
	.navbar > .container-fluid .navbar-nav > li > a {
		padding-top: 14px;
		padding-bottom: 14px;
		line-height: 22px;
	}
	.navbar > .container .navbar-nav li.has-sub .toggle-sub, 
	.navbar > .container-fluid .navbar-nav li.has-sub .toggle-sub {
        padding: 18px 15px;
    }
	.navbar > .container .navbar-nav li.current-menu-item > .toggle-sub, 
	.navbar > .container .navbar-nav li.current-menu-ancestor > .toggle-sub, 
	.navbar > .container-fluid .navbar-nav li.current-menu-item > .toggle-sub, 
	.navbar > .container-fluid .navbar-nav li.current-menu-ancestor > .toggle-sub {
		color: #ffffff;
	}
	.navbar-nav .open .dropdown-menu .dropdown-header, 
	.navbar-nav .open .dropdown-menu>li>a {
        padding: 12px 5px 12px 5px;
    }
	.hover-listing--single--main .hover-text {
		background: url(../img/black-transparent.png);
		background-position: top left;
		background-size: 300%;
		color: #fff;
	}
	.products--listing--single--caption ul li a:hover, .products--listing--single--caption ul li a:active, .products--listing--single--caption ul li a:focus {
		text-decoration: underline !important;
	}
	.products--listing--single--caption h4 a:hover, .products--listing--single--caption h4 a:active, .products--listing--single--caption h4 a:focus {
		text-decoration: underline !important;
	}
	.list-products li a:hover h5, .list-products li a:active h5, .list-products li a:focus h5 {
		text-decoration: underline !important;
	}
	.list-gallery a:hover h5 {
		text-decoration: underline !important;
	}
	.carousel .carousel-control i {
		top: 30% !important;
	}
	.breadcrumbs a:hover {
		text-decoration: underline !important;
	}
}
.wpcf7-form-control-wrap {
	position: relative;
	margin-bottom: 15px;
	display: block;
}
.navbar>.container .contact,
.navbar>.container-fluid .contact {
	font-size: 23px;
	/* line-height: 20px;
	padding: 10px 30px 12px; */
}
.navbar>.container .contact span,
.navbar>.container-fluid .contact span {
	font-size: 12px;
}
.page-wrap .btn.contact {
	font-size: 18px;
}
.welcome h1, .main-content--inner h1 {
	font-size: 2.143em;
	line-height: 1.2;
	margin-bottom: 1em;
}
.main-content--inner h1 {
	margin-bottom: 0.5em;
}
.main-content--inner h2 {
	font-size: 19px;
}
.inner-page-banner--caption h1 {
	font-size: 3.214em;
	margin-bottom: 0;
}
.inner-page-banner--caption h2, .page-contact-us .inner-page-banner--caption h1, .page-gallery .inner-page-banner--caption h1 {
	font-size: 1.357em;
	font-weight: bold;
	margin: 0;
	line-height: 1.6
}
/* 11 Dec 2019 */
/*p.nap {*/
/*	float: left !important;*/
/*}*/
.carousel-inner .item .carousel-caption h1 {
	margin-bottom: 0px;
	font-size: 3.214em;
	text-shadow: 0px 0px 30px white;
}
.welcome h2 {
	font-size: 2.143em;
	line-height: 1.2;
	margin-bottom: 1em;
}
/* 18 Dec 2019 */
/*.page-home .welcome p:last-of-type, .main-content--inner p:last-of-type {
	font-weight: 600;
}*/
.main-content--inner ul li p:last-of-type {
	font-weight: normal;
}
/* Added Jan 6, 2020 */
@media screen and (max-width: 575px) {
	footer .ft-img {
		max-width: 22%;
		margin-left: 3px;
		margin-right: 3px;
	}
}
@media screen and (max-width: 359px) {
	footer .ft-img {
		max-width: 21%;
	}
}
/* Added Jan 6, 2020 END */
.page-products .pane.main-content .breadcrumbs ul {
	padding-left: 0px;
}
.navbar>.container .contact .btn-secoundry, .navbar>.container-fluid .contact .btn-secoundry {
	border-radius: 3px;
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	background-color: #777;
	text-align: center;
	text-transform: uppercase;
	padding: 10px 30px;
}
.navbar>.container .contact .btn-secoundry span, .navbar>.container-fluid .contact .btn-secoundry span {
	display: block;
	text-transform: uppercase;
}
.product-page-box-wrapper {
	box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.5);
}
.product-page-banner-wrapper {
	text-align: center;
	min-height: 30vh;
	height: 365px;
	color: #ffffff;
	position: relative;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.product-page-banner-wrapper .product-page-banner-container {
	margin: 0;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}
.product-page-banner-wrapper h1.page-main-heading,
.product-page-banner-wrapper h1 {
	/* font-size: 2.2rem;
    margin-bottom: 16px; */
	font-size: 48px;
	line-height: 50px;
	margin-bottom: 8px;
	text-shadow: 0px 3px 6px #00000063;
	letter-spacing: -0.48px;
}
.product-page-banner-wrapper h2 {
	/* font-size: 1.4rem; */
	font-size: 20px;
	line-height: 27px;
	letter-spacing: -0.2px;
	text-shadow: 0px 3px 6px #00000063;
	font-weight: 600;
}
.product-page-video-wrapper {
	margin-top: 80px;
	margin-bottom: 80px;
}
.product-page-video-right {
	padding-left: 24px;
}
.product-page-why-choose-wrapper,
.product-page-gallery-wrapper {
	margin-top: 50px;
	margin-bottom: 50px;
}
.product-page-video-left .video-wrapper,
.product-page-video-left .video-wrapper video,
.product-page-video-left .video-wrapper svg {
	border-radius: 10px;
}
.product-page-video-right .video-right-heading {
	/* font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 20px; */
	font-size: 24px;
	line-height: 33px;
	font-weight: 600;
	letter-spacing: -0.24px;
	color: #1D1D1D;
	margin-bottom: 30px;
}
.product-page-video-right .video-right-text,
.product-page-video-right .video-right-text p {
	font-weight: normal;
}
.product-page-video-right .video-right-button a,
.product-page-call-to-action-button {
	padding: 11px 25px;
	background-color: #2ecc37;
	border-radius: 5px;
	margin-top: 15px;
	display: inline-block;
	font-size: 14px;
	line-height: 19px;
	text-transform: uppercase;
	letter-spacing: -0.14px;
	font-weight: 700;
	margin-top: 30px;
}
.product-page-video-right .video-right-button a,
.product-page-video-right .video-right-button a:hover,
.product-page-video-right .video-right-button a:focus,
.product-page-video-right .video-right-button a:visited,
.product-page-video-right .video-right-button a:active,
.product-page-call-to-action-button a,
.product-page-call-to-action-button a:hover,
.product-page-call-to-action-button a:focus,
.product-page-call-to-action-button a:visited,
.product-page-call-to-action-button a:active {
	color: #ffffff;
	text-decoration: none;
}
.video-wrapper {
	position: relative;
}
.video-wrapper>video {
	width: 100%;
	vertical-align: middle;
	max-height: 360px;
}
.video-wrapper>video.has-media-controls-hidden::-webkit-media-controls {
	display: none;
}
.video-overlay-play-button {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding: 10px calc(50% - 50px);
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	opacity: 0.95;
	cursor: pointer;
	background-image: linear-gradient(transparent, #000);
	transition: opacity 150ms;
}
.video-overlay-play-button:hover {
	opacity: 1;
}
.video-overlay-play-button.is-hidden {
	display: none;
}
.product-page-choose-wrapper {
	min-height: 30vh;
	color: #010101;
	position: relative;
	padding: 43px 42px 43px 49px;
	position: relative;
}
.product-page-choose-wrapper::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.8);
	z-index: 0;
}
.product-page-choose-right img {
	border-radius: 4px;
}
.product-page-choose-wrapper .product-page-choose-left,
.product-page-choose-wrapper .product-page-choose-right {
	padding: 0px;
}
.product-page-choose-wrapper .product-page-choose-left h2 {
	font-size: 1.8rem;
	font-weight: 700;
	margin-bottom: 20px;
}
.product-page-choose-wrapper .product-page-choose-left .choose-content,
.product-page-choose-wrapper .product-page-choose-left .choose-content p {
	font-weight: normal;
}
.product-page-gallery-wrapper .product-page-gallery-item-wrapper .product-page-gallery-item-image img,
.product-page-other-products .product-page-other-product-item-wrapper .product-page-other-product-item-image img {
	object-fit: cover;
	min-height: 200px;
	height: 200px;
	width: 100%;
	border-radius: 10px;
}
.product-page-gallery-wrapper .product-page-gallery-item-wrapper .product-page-gallery-item-name,
.product-page-other-products .product-page-other-product-item-wrapper .product-page-other-product-item-name {
	text-align: center;
	padding: 10px 0px;
	font-weight: 700;
	min-height: 80px;
	transform: translate(0%, 15%);
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.16px;
	color: #1D1D1D;
	margin-bottom: 22px;
}
.product-page-gallery-wrapper a,
.product-page-gallery-wrapper a:hover,
.product-page-gallery-wrapper a:focus,
.product-page-gallery-wrapper a:visited,
.product-page-gallery-wrapper a:active,
.product-page-other-products a,
.product-page-other-products a:hover,
.product-page-other-products a:focus,
.product-page-other-products a:visited,
.product-page-other-products a:active {
	color: #010101;
	text-decoration: none;
}
.ekko-lightbox.modal {
	z-index: 10002
}
.main-content--inner .contentTitle {
	font-size: 24px;
	line-height: 33px;
	font-weight: 600;
	letter-spacing: -0.24px;
	color: #1D1D1D;
	margin-bottom: 30px;
	position: relative;
	padding-bottom: 15px;
}
.main-content--inner .contentTitle::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 50px;
	height: 2px;
	background-color: #2ECC37;
	width: 164px;
	max-width: 40%;
	margin-left: auto;
	margin-right: auto;
	height: 4px;
}
.product-page-main-content p {
	font-size: 14px;
	line-height: 22px;
	font-weight: normal;
	letter-spacing: -0.14px;
	color: #58626C;
}
.main-content--inner .other-products-heading {
	font-size: 24px;
	line-height: 33px;
	font-weight: 600;
	letter-spacing: -0.24px;
	color: #1D1D1D;
	margin-bottom: 30px;
	text-transform: capitalize;
}
.product-page-why-choose-wrapper ul {
	list-style: none;
	padding-left: 0 !important;
}
.product-page-why-choose-wrapper ul li {
	font-size: 14px;
	line-height: 22px;
	font-weight: normal;
	letter-spacing: -0.14px;
	color: #58626C;
	position: relative;
	padding-left: 25px;
	margin-bottom: 10px;
}
.product-page-why-choose-wrapper ul li::before {
	content: url(../img/check.svg);
	position: absolute;
	left: 0;
	top: 1px;
}
.post-title a {
	letter-spacing: -0.24px;
	color: #1D1D1D;
	text-decoration: none;
	font-size: 24px;
	line-height: 33px;
	font-weight: 600;
}
.post-excerpt p, .post-excerpt {
	letter-spacing: -0.14px;
	color: #58626C;
	font-size: 14px;
	line-height: 22px;
	font-weight: 400;
}
.post-listing .btn-post {
	background: #2ECC37;
	border-radius: 4px;
	padding: 11px 31px;
}
.blog-post .blog-post--inner {
	padding-bottom: 50px;
	margin-bottom: 50px;
	border-bottom: 1px solid rgba(112, 112, 112, 0.28);
}
.blog-post .blog-post--inner:last-child {
	border-bottom: 0;
	margin-bottom: 0;
}
.blog-page-box-wrapper {
	box-shadow: 0px 0px 6px #0000001A;
}
.post-listing {
	padding: 15px;
	background-color: #fff;
}
.post-title {
	margin-bottom: 8px;
}
.post-meta {
	font-size: 12px;
	line-height: 18px;
	font-weight: 400;
	letter-spacing: -0.12px;
	color: #999999;
	margin-bottom: 15px;
}
.widget .widget-title {
	text-align: left;
	letter-spacing: -0.24px;
	color: #1D1D1D;
	font-size: 24px;
	line-height: 33px;
	font-weight: 600;
	padding-bottom: 9px;
	margin-bottom: 25px;
	border-bottom: 1px solid rgba(112, 112, 112, 0.28);
}
.widget ul {
	list-style: none;
	padding-left: 0;
}
.pane.main-content .widget ul {
	padding-left: 0;
}
.widget ul li {
	position: relative;
	margin-bottom: 10px;
	padding-left: 20px;
}
.widget ul li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 8px;
	width: 5px;
	height: 5px;
	background-color: #2ECC37;
}
.widget ul li, .widget ul li a {
	letter-spacing: -0.14px;
	color: #58626C;
	font-size: 14px;
	line-height: 22px;
	font-weight: 400;
	text-align: left;
}
.blog-content {
	font-size: 14px;
	letter-spacing: -0.14px;
	color: #58626C;
	line-height: 20px;
}
.blog-content h4 {
	text-align: left;
	letter-spacing: -0.24px;
	color: #1D1D1D;
	font-size: 24px;
	line-height: 33px;
	font-weight: 600;
	margin-bottom: 15px;
	margin-top: 20px;
}
.blog-content ol, .blog-content ul {
	margin-top: 15px;
	padding-left: 20px;
}
.blog-content ol li, .blog-content ul li {
	margin-bottom: 10px;
}
.blog-content h5 {
	font-size: 18px;
	line-height: 20px;
	letter-spacing: -0.18px;
	color: #58626C;
}
.blog-page-box-wrapper .blog-post .blog-post--image img {
	object-fit: cover;
	max-height: 250px;
}
.call-to-action-btn {
	padding: 6px 10px;
	background-color: #2ecc37;
	color: #ffffff;
	border: 1px solid #ffffff;
	border-radius: 5px;
	text-decoration: none;
}
.call-to-action-btn:hover {
	color: #2ecc37;
	background-color: #ffffff;
	border: 1px solid #2ecc37;
	text-decoration: none;
}
/* Container stuck to bottom-right */
:root{
	--size: 60px; /* button size */
	--gap: 20px;
	--accent: #0a84ff;
	--bg: #111827;
	--muted: rgba(255,255,255,0.85);
	--shadow: 0 6px 16px rgba(2,6,23,0.6);
}
.social-fixed{
	position:fixed;
	right:16px;
	bottom:16px;
	display:flex;
	flex-direction:column;
	gap:var(--gap);
	align-items:flex-end; /* keep tooltips aligned */
	z-index:9999;
	pointer-events:auto;
}
/* Individual button wrapper so we can show a label */
.social-item{display:flex;align-items:center;gap:10px}
.social-link{
	display:inline-grid;
	place-items:center;
	width:var(--size);
	height:var(--size);
	background:linear-gradient(180deg,#fff 0%, #fff 0%); /* override per-network below */
	color:var(--bg);
	box-shadow:var(--shadow);
	text-decoration:none;
	transition:transform .15s ease, box-shadow .15s ease, filter .15s ease;
	user-select:none;
	-webkit-tap-highlight-color: transparent;
	border-radius: 50%;
    padding: 10px;
}
.social-link:focus{outline:3px solid rgba(10,132,255,0.22);outline-offset:4px}
.social-link:hover{transform:translateY(-4px) scale(1.03)}
/* Small labels that show on the left of buttons */
.social-label{
	background:rgba(17,24,39,0.96);
	color:var(--muted);
	padding:6px 10px;
	border-radius:8px;
	font-size:13px;
	box-shadow:var(--shadow);
	white-space:nowrap;
	transform:translateX(6px);
	opacity:0;
	pointer-events:none;
	transition:opacity .12s ease, transform .12s ease;
}
/* Reveal label on hover/focus of the link */
.social-item:hover .social-label,
.social-item:focus-within .social-label{
	opacity:1;
	transform:translateX(0);
	pointer-events:auto;
}
/* Per-network colors (icon color is white inside each button) */
.social-link.fb{background:linear-gradient(180deg,#1877F2,#0f62d6);color:#fff}
.social-link.tw{background:linear-gradient(180deg,#1DA1F2,#0b8bdc);color:#fff}
.social-link.ig{background:linear-gradient(45deg,#f58529,#dd2a7b 40%,#8134af 80%);color:#fff}
.social-link.li{background:linear-gradient(180deg,#0077B5,#00659a);color:#fff}
.social-link.wa{background:linear-gradient(180deg,#2ecc37,#1dc925);color:#fff}
.social-link.mail-us{background:linear-gradient(180deg,#3BB7E6,#29acdc);color:#fff}
.social-link.call-us{background:linear-gradient(180deg,#777777,#57585a);color:#fff}
/* Slightly larger play on hover for the icon itself */
.social-link svg{width:35px;height:35px}
/* Responsive: reduce size on very small screens */
@media (max-width:420px){
	:root{--gap:10px}
	.social-label{display:none}
	.social-fixed{right:10px;bottom:10px}
	.social-link.wa svg{width: 42px;height: 41px;}
	/* .social-link svg{width:20px;height:20px} */
}
@media screen and (min-width: 1024px) {
	.single-product .main-content--inner {
		padding: 100px;
	}
	.post-listing {
		padding: 87px;
	}
	.product-page-separator.sep-full-width {
		width: calc(100% + 200px);
		margin-left: -100px;
	}
	.blog-content {
		padding-right: 50px;
	}
	.blog-post--image {
		padding-right: 35px;
	}
	.single-post .product-page-banner-wrapper .product-page-banner-container {
		width: 80%;
	}
}


/******** added the new fonts ******/