@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap');

:root {
	--grey: #ddd;
  --black: #000;
  --white: #fff;
  --lightCyan: #f2fafe;
  --body: #555;
  --primary: #E40045;
  --secondary: #156B19;
}

ul{
	margin: 0;
	padding: 0;
}

a{
	text-decoration: none;
	color: var(--black);
}

img{
	width: 100%;
	transition: all .3s linear;
}

.section-thumb:hover img {
	transform: scale(1.1);
}

body{
	font-family: "Open Sans", sans-serif;

	color: var(--body);

	font-size: 17px;

  line-height: 24px;

  font-weight: 400;

}

.element-row{

	width: 100%;

	position: relative;

	padding: 80px 0;

}

.section-thumb{

	overflow: hidden;

}

.section-content, .section-thumb{

	position: relative;

}

header ul, footer ul{

	list-style: none;

}

h1, h2, h3, h4{

	font-family: "DM Serif Display", serif;

	font-weight: 400;

	color: var(--black);

}

h1 {

	font-size: 48px;

	letter-spacing: -0.1px;

}

h2 {

	font-size: 44px;

}

h3 {

	font-size: 40px;

}

h4 {

	font-size: 24px;

}

h5{

	color: var(--primary);

	text-transform: uppercase;

	font-size: 16px;

  	letter-spacing: 2px;

}

.section-heading{

	padding-bottom: 30px;

}

.card {

	background: hwb(0 100% 0%);

	box-shadow: 0px 6px 38px 0 #dae0e5;

	padding: 30px;

	border-radius: 14px;

	border: none;

	transition: all 0.3s ease-out;

}

.card .card-body{

	padding: 20px 0 0 0;

}

.slick-prev::before, .slick-next::before {

	opacity: 1;

	color: var(--primary);

	font-family: "Font Awesome 6 Free";

	font-weight: 700;

	font-size: 50px;

}

.slick-next::before{

	content: "\f105";

}

.slick-prev::before{

	content: "\f104";

}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
	color: var(--white);
	outline: none;
	background: var(--primary);
}






/* Buttons */

.site-btn a, .gform_button, .button, .woocommerce a.add-request-quote-button.button {

	color: var(--white) !important;

	font-weight: bold;

	background-color: var(--primary) !important;

	padding: 16px 37px 16px 37px !important;

	font-size: 16px !important;

	line-height: 24px;

	display: inline-block;

	transition: all 0.3s ease-out;

	border: 1px solid var(--primary) !important;

}

.site-btn a:hover, .gform_button:hover, .button:hover, .woocommerce a.add-request-quote-button.button:hover{

	border: 1px solid var(--primary) !important;

	color: var(--primary) !important;

	background: var(--white) !important;

}

.nav-btn a{

	background: var(--white);

	color: var(--primary) !important;

}

.texture-btn {

	font-size: 15px;

	text-transform: uppercase;

	font-weight: 600;

	letter-spacing: 0.8px;

}



/* Animation */



@keyframes floating{

0% {

  transform: translateY(0);

}

100% {

  transform: translateY(-30px);

}

}





/* Header */

.top-bar {

	border-bottom: 1px solid var(--grey);

	padding: 6px 0;

	position: relative;

	background: #f5f5f5;

}

.topbar-inner {

	display: flex;

	align-items: center;

	justify-content: space-between;

}

.topbar-block ul {

	display: flex;

	gap: 30px;

}

.topbar-block ul li i {
	color: var(--primary);
}

.topbar-block .social-bar{

	margin: 0;

}

header {

	position: relative;

	width: 100%;

	z-index: 9;

}

.header {

	position: relative;

	width: 100%;

	z-index: 9;

}

.header.sticky {

	position: fixed;

	top: 0;

	background: var(--white);

	box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;

	z-index: 9;

}

.toggle-nav {

	display: none;

}

.header-inner {

	flex-wrap: wrap;

	align-items: center;

	justify-content: space-between;

}

.site-brand {

	flex-basis: 14%;

	position: relative;

}

.site-brand img {

	width: 100%;

	padding: 8px 0;

}

.navigation-bar {

	flex-basis: 80%;

}

.main-menu .menubar {

	display: flex;

	justify-content: flex-end;

	align-items: center;

	gap: 40px;

}

.main-menu ul li a {

	font-size: 14px;

  	line-height: 18px;

  	font-weight: 600;

  	color: var(--black);

	text-transform: uppercase;

}

.main-menu ul li a:hover{
	color: var(--primary);
}

.main-menu ul li.current-menu-item a {
	color: var(--primary);
}


/* Footer */

.footer {

	width: 100%;

	position: relative;

	background: #1e1d1d;

  padding: 60px 0 0;

}

.footer-area {

	padding-bottom: 50px;

}

.social-bar {

	display: flex;

	position: relative;

}

.footer-column ul.menu li a {

	font-size: 16px;

	color: var(--white);

	font-weight: 400;

	padding-left: 3px;

}

.footer-column .widget-title{

	padding-bottom: 20px;

}

.footer-column .widget p {

	margin: 0;

	color: var(--white);

}

.social-bar ul{

	gap: 20px;

  position: relative;

}

.social-bar ul li a {

	font-size: 16px;

	color: var(--white);

	text-align: center;

	margin-right: -9px;

	width: 30px;

	height: 30px;

	line-height: 30px !important;

	transition: transform ease 300ms;

	background: var(--primary);

	display: inline-block;

}

.social-bar ul li a i{
	color: var(--white);
}

.footer-column:nth-child(2), .footer-column:nth-child(3){

	display: flex;

	justify-content: center;

}

.footer-column ul li{

	margin-bottom: 10px;

	color: var(--white);

}

.footer-column .widget-title h4, .footer-column ul li a{

	color: var(--white);

}

.footer-contact li {

	display: flex;

	gap: 8px;

}

.footer-column:last-child ul li span{

	display: block;

}

.footer-column:first-child {

	display: flex;

	justify-content: flex-end;

}

.footer-logo {

	max-width: 70%;

	padding-bottom: 30px;

}

.footer-column .social-bar {
	margin-top: 30px;
}

.copyright{

	background-color: var(--primary);

	padding: 12px 0 10px 0;

	text-align: center;

}

.copyright p{

	margin: 0;

	font-size: 15px;

	color: var(--white);

}

.copyright p a{

	color: var(--white);

}



/* Page Breadcrumb */

.page-breadcrumb {

	min-height: 250px;

	background-size: cover;

	background-position: center;

	display: flex;

  	align-items: center;

  	position: relative;

}

.page-breadcrumb::before{

	content: "";

	background: #00000090;

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

}

.page-bg-banner {

	width: 100%;

	position: relative;

}

.page-big-title h2 {

	color: var(--white);

	font-size: 36px;

	font-weight: 700;

}
.featured-post-row {
	display: grid;
	grid-template-columns: 2fr 1fr;
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 12px;
	grid-row-gap: 12px;
}
.featured-post-block {
	position: relative;
}
.featured-post-row .featured-post-block:nth-child(1) {
	grid-area: 1 / 1 / 3 / 2;
}
.featured-post-row .featured-post-block:nth-child(2) {
	grid-area: 1 / 2 / 2 / 3;
}
.featured-post-row .featured-post-block:nth-child(3) {
	grid-area: 2 / 2 / 3 / 3;
}
.post-bg-overlay {
	background-repeat: no-repeat;
	position: relative;
	overflow: hidden;
	background-position: center;
	background-size: cover;
	transition: all ease .4s;
	height: 100%;
}
.featured-post-content {
	display: flex;
	color: var(--white);
	flex-direction: column;
	justify-content: end;
	height: 100%;
	z-index: 2;
	position: absolute;
	bottom: 0;
}
.featured-post-content .post-content {
	padding: 180px 10px 20px 10px;
	position: relative;
}
.featured-post-content .post-content h2 {
	font-size: 30px;
}
.featured-post-content .post-content h2 a{
	color: var(--white);
}
.featured-post-block::after {
	content: "";
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100%;
}
.featured-image.post-bg-overlay:hover img {
	transform: scale(1.1);
}

/* Hero Area */

.hero-area {

	position: relative;

	background-repeat: no-repeat;

  background-size: cover;

 	background-position: top;

}



.hero-section {

	position: relative;

}







/* Support */

.support-area{

	position: relative;

	width: 100%;

	padding-top: 80px;

}

.support-card{

	position: relative;

	padding: 50px 20px;

	background-color: var(--primary);

	color: var(--white);

	height: calc(100%);

}

.support-card:hover{
	box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
}

.support-area .support-items .row .col-lg-4 .support-card h4{

	color: var(--white);

}

.support-area .support-items .row .col-lg-4 .support-card img{

	filter: brightness(0) invert(1);

}

.support-card img{

	width:60px;

	margin-bottom: 30px;

}

.support-card .section-content hr {

	max-width: 30%;

	margin: 16px auto;

}

.large-text {

	position: absolute;

	font-size: 14vw;

	font-family: "DM Serif Display", serif;

	z-index: -1;

	opacity: .1;

}

/* About us */

.why-choose-card {

	display: flex;

	flex-wrap: wrap;

	gap: 20px;

	padding: 18px;

	border-radius: 14px;

	border: none;

	transition: all 0.3s ease-out;

}

.why-choose-card .section-thumb{

	width: 70px;

}

.why-choose-card .section-content{

	width: 70%;

}

.why-choose-card .section-content p{
	margin: 0;
}



/* Overlay section */
.overlay-section{
	padding: 80px 0 0 0;
	position: relative;
}

.overlay-bg {

	position: relative;

	padding: 160px 0;

	overflow: hidden;

	border-radius: 12px;

	display: flex;

	align-items: center;

	justify-content: center;

	text-align: center;

	background-position: top center;

	background-repeat: no-repeat;

	background-size: cover;

	box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;

}

.overlay-bg::before{
	content: "";
	width: 100%;
	height: 100%;
	background: var(--black);
	position: absolute;
	top: 0;
	left: 0;
	opacity: .2;
}

.overlay-section-inner {
	max-width: 70%;
	margin: 0 auto;
	position: relative;
}

.overlay-bg .overlay-section-inner h2 {
	color: var(--white);
}

/* Counter */
.counters {
	background: var(--primary);
	position: relative;
	width: 100%;
}

.counter-pattren {
	background-position: top center;
	background-size: cover;
	background-repeat: repeat;
}

.counter-stastic h4 {

	font-size: 150px;

  line-height: 150px;

	font-weight: 400;

	color: var(--white);	

	margin: 0;

	display: inline-block;

	position: relative;

}

.counter-inner-row .row .col-lg-3 .counter-stastic h4::after{
	position: absolute;
	top: 0;
	font-size: 50px;
  line-height: 1;
  font-weight: 800;
}
.counter-inner-row .row .col-lg-3:nth-child(1) .counter-stastic h4::after{
	content: "+";
}
.counter-inner-row .row .col-lg-3:nth-child(2) .counter-stastic h4::after{
	content: "%";
}
.counter-inner-row .row .col-lg-3:nth-child(3) .counter-stastic h4::after{
	content: "+";
}
.counter-inner-row .row .col-lg-3:nth-child(4) .counter-stastic h4::after{
	content: "+";
}

.counter-stastic {
	position: relative;
}
.counter-stastic p {
	margin: 0;
	color: var(--white);
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 16px;
	font-weight: 700;
}




/* Testimonial */

.testimonials {

	background: var(--primary);

	padding: 80px 0;

	position: relative;

  background-repeat: no-repeat;

  background-position: top center;

  background-size: cover;

}

.testimonials .section-heading h2 {
	color: var(--white);
}

.review-thumb img {

	width: 100px;

	height: 100px;

	margin: 0 auto 30px auto;

}

.testimonial-slides {

	padding: 50px 60px;

	background: var(--white);

	border-radius: 20px;

}

.testimonial-slides h4 {

	color: var(--body);

	text-align: center;

	font-style: italic;

	font-weight: 400;

	font-size: 24px;

	line-height: 36px;

	letter-spacing: 0.1px;

	word-spacing: 0.5px;

}

.testimonial-slider .slick-list {

	max-width: 95%;

	margin: 0 auto;

}

.revire-author{

	position: relative;

	display: inline-block;

	margin-top:16px;

	padding-top: 16px;

}

.revire-author::before {

	content: "";

	background: var(--primary);

	position: absolute;

	top: 0;

	width: 100%;

	height: 1px;

	left: 0;

}

.revire-author h4 {

	margin: 0;

	color: var(--black);

}

.testimonial-slider .slick-prev::before, .testimonial-slider .slick-next::before{
	color: var(--white);
}


/* Post */

.post-block {

	position: relative;

	width: 100%;

}

.article {

	position: relative;

}

.article .blog-thumb {

	aspect-ratio: 4 / 3;

  	overflow: hidden;

  	border-radius: 12px;

}

.article .blog-thumb img {

	aspect-ratio: 4 / 3;

	overflow: hidden;

	object-fit: cover;

	border-radius: 12px;

	height: 100%;

}

.article .blog-content {

	position: relative;

	padding-top: 20px;

}

.article .blog-content h4 {
	margin: 0;
	padding: 16px 0;
}
.article .blog-content ul {

	list-style: none;

}

.article .blog-content ul  li{

	color: var(--primary);

	font-size: 15px;

  	font-weight: 500;

}

.latest-posts .article{

	height: calc(100%);

}

.latest-posts .col-lg-4.col-md-6.col-sm-12.col-12 {

	margin-bottom: 30px;

}

.schedule_custom_pagination {

	display: flex;

	align-items: center;

	justify-content: center;

	gap: 12px;

}

.latest-posts .article .blog-content {

	padding-top: 20px;

	text-align: center;

}





/* Contact Us */

.contact-inner {

	box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;

	background: var(--white);

	padding: 40px;
}

.map-area iframe {

	width: 100%;

	min-height: 480px;

}

.contact-details {

	background: var(--primary);

	padding: 40px 40px;

	position: relative;

}

.contact-details ul li {

	display: flex;

	flex-direction: column;

	margin-bottom: 20px;

	color: var(--white);

}

.contact-details ul li a{

	color: var(--white);

}

.gform-theme--foundation .gform_fields{

	row-gap: 14px !important;

}

.map-content {
	background: var(--primary);
	padding: 40px;
	color: var(--white);
	position: relative;
}

.map-content h2{
	color: var(--white);
}
.map-content-right {
	left: -100px;
}
.map-content-left {
	right: -100px;
	z-index: 2;
}
.map-area {
	padding-bottom: 80px;
}


/* Woocommerce */

.woocommerce-Tabs-panel h2 {

	font-size: 30px;

}

#wpgs-gallery.wcgs-woocommerce-product-gallery .wcgs-carousel .wcgs-slider-image {

	width: 100%;

}

.related.products {

	position: relative;

	width: 100%;

	display: block;

	clear: both;

}

.woocommerce ul.products li.product{

	text-align: center;

}

.woocommerce ul.products li.product h2{

	font-size: 22px !important;

	line-height: 26px;

}

.product-area ul.products li.product{

	margin-bottom: 0;

}

.ajax-loading {

	width: 25px;

}

.woocommerce .woocommerce-ordering select {

	background: var(--white);

	border: 1px solid var(--grey);

	height: 48px;

	padding: 0 30px;

}
.woocommerce table.shop_table td.product-thumbnail {
	width: 150px;
}
.ywraq-form-table-wrapper .yith-ywraq-mail-form-wrapper {
	box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}
#yith-ywraq-form {
	padding-bottom: 40px;
}

.gform-theme--foundation .gfield .ginput_password.large, .gform-theme--foundation .gfield input.large, 
.gform-theme--foundation .gfield select.large, .woocommerce form .form-row input.input-text {
	border: 1px solid var(--grey);
	min-height: 48px;
	box-shadow: none;
}
.gform-theme--foundation .gfield textarea.small, .woocommerce form .form-row textarea{
	border: 1px solid var(--grey);
}
.woocommerce form .form-row textarea {
	min-height: 140px;
}

/* Sidebar */

.sidebar-widget {

	background: #f8f8f8;

	padding: 40px;

	margin-bottom: 30px;

}

.sidebar-widget ul li{

	list-style: none;

	border-bottom: 1px solid var(--grey);

	padding: 10px 0;

}

.sidebar-widget:last-child{

	margin-bottom: 0;

}


/* Distribution */
.distribution-area {
	position: relative;
	padding: 30px 0;
	border-top: 1px solid var(--grey);
}
.distribution-slide img {
	width: 150px;
}
.distribution .slick-track {
  display: flex;
}
.distribution .slick-track .slick-slide {
  display: flex;
  height: auto;
  align-items: center;
  justify-content: center;
}

/* Gallery */
.gallery {
	column-count: 3;
	column-gap: 14px;
}
.gallery img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.gallery img:hover{
	transform: scale(1.1);
}
.all-main-gallery .gallery-thumb .bg {
	margin-bottom: 14px;
	overflow: hidden;
}
.gallery-area .gallery {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 12px;
	grid-row-gap: 12px;
}
.gallery-area .gallery .gallery-thumb:nth-child(1){
	grid-area: 1 / 1 / 2 / 2;
}
.gallery-area .gallery .gallery-thumb:nth-child(2){
	grid-area: 2 / 1 / 3 / 2;
}
.gallery-area .gallery .gallery-thumb:nth-child(3){
	grid-area: 1 / 2 / 2 / 4;
}
.gallery-area .gallery .gallery-thumb:nth-child(4){
	grid-area: 2 / 2 / 3 / 3;
}
.gallery-area .gallery .gallery-thumb:nth-child(5){
	grid-area: 2 / 3 / 3 / 4;
}
.gallery-area .gallery .gallery-thumb:nth-child(6){
	grid-area: 1 / 4 / 3 / 5;
}
.gallery-area .gallery .bg{
	height: 100%;
	overflow: hidden;
}