* {
	padding: 0;
	margin: 0;
	scroll-behavior: smooth;
	font-family: inter, 'sans-serif;';
	box-sizing: border-box;
}

ul,
ol {
	list-style: none;
}

p {
	margin-bottom: 10px;
}

:root {
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 0;
}

.container,
.container-fluid {
	width: 100%;
	padding-right: var(--bs-gutter-x, .75rem);
	padding-left: var(--bs-gutter-x, .75rem);
	margin-right: auto;
	margin-left: auto;
}

@media (min-width: 576px) {
	.container {
		max-width: 540px;
	}
}

@media (min-width: 768px) {
	.container {
		max-width: 720px;
	}
}

@media (min-width: 992px) {
	.container {
		max-width: 960px;
	}
}

@media (min-width: 1200px) {
	.container {
		max-width: 1180px;
	}
}

@media (min-width: 1400px) {
	.container {
		max-width: 1320px;
	}
}

.row {
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 0;
	display: flex;
	flex-wrap: wrap;
	margin-top: calc(-1 * var(--bs-gutter-y));
	margin-right: calc(-0.5 * var(--bs-gutter-x));
	margin-left: calc(-0.5 * var(--bs-gutter-x));
}

.row>* {
	box-sizing: border-box;
	flex-shrink: 0;
	width: 100%;
	max-width: 100%;
	padding-right: calc(var(--bs-gutter-x) * 0.5);
	padding-left: calc(var(--bs-gutter-x) * 0.5);
	margin-top: var(--bs-gutter-y);
}

.col-6 {
	flex: 0 0 auto;
	width: 50%;
}

/*------------ Layout media query starts ------------*/
@media (min-width: 768px) {

	.col-md-6 {
		flex: 0 0 auto;
		width: 50%;
	}
}

@media (min-width: 992px) {

	.col-lg-2 {
		flex: 0 0 auto;
		width: 16.66666667%;
	}

	.col-lg-3 {
		flex: 0 0 auto;
		width: 25%;
	}

	.col-lg-4 {
		flex: 0 0 auto;
		width: 33.33333333%;
	}

	.col-lg-5 {
		flex: 0 0 auto;
		width: 41.66666667%;
	}

	.col-lg-7 {
		flex: 0 0 auto;
		width: 58.33333333%;
	}

	.col-lg-6 {
		flex: 0 0 auto;
		width: 50%;
	}

	.col-lg-8 {
		flex: 0 0 auto;
		width: 66.66666667%;
	}

	.col-lg-9 {
		flex: 0 0 auto;
		width: 75%;
	}

	.col-lg-10 {
		flex: 0 0 auto;
		width: 83.33333333%;
	}

	.col-lg-12 {
		flex: 0 0 auto;
		width: 100%;
	}
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	margin-top: 0;
	margin-bottom: .5rem;
	font-weight: 500;
	line-height: 1.4;
	font-family: 'Lora', sans-serif !important;
}

.h1,
h1 {
	font-size: calc(1.375rem + 1.5vw)
}

@media (min-width:1200px) {

	.h1,
	h1 {
		font-size: 3.5rem
	}
}

.h2,
h2 {
	font-size: calc(1.2rem + .9vw)
}

@media (min-width:1200px) {

	.h2,
	h2 {
		font-size: 2.8rem
	}
}

.h3,
h3 {
	font-size: calc(1.3rem + .6vw)
}

@media (min-width:1200px) {

	.h3,
	h3 {
		font-size: 1.75rem
	}
}

.h4,
h4 {
	font-size: calc(1.275rem + .3vw)
}

@media (min-width:1200px) {

	.h4,
	h4 {
		font-size: 1.5rem
	}
}

.h5,
h5 {
	font-size: 1.25rem
}

.h6,
h6 {
	font-size: 1rem
}

[class*="row-gap"] {
	row-gap: 20px;
}

.row-gap-3 {
	row-gap: 30px;
}

img,
svg {
	vertical-align: middle;
}

.img-fluid {
	max-width: 100%;
	height: auto;
}

:where(.section, section, .sec-space, .mt-5, .mt-auto) {
	margin-top: 60px;
}

.mt-3 {
	margin-top: 30px !important;
}

.mb-0{
	margin-bottom: 0 !important;
}

[class*="flex-"] {
	display: flex;
	align-items: center;
}

[class*="flex-col"] {
	flex-flow: column;
	align-items: unset;
}

[class*="-between"] {
	justify-content: space-between;
}

.justify-content-center {
	justify-content: center;
}

.align-items-center {
	align-items: center;
}

/*//site-header---*/

.header{
	position: sticky;
	top: -1px;
	z-index: 999;
}

.header>.container {
	display: grid;
	grid-template-columns: 46% 8% auto;
	text-align: center;
}

.header nav ul {
	gap: 20px 35px;
}

.bwe-service-logo img {
	height: 70px;
	width: auto;
}

.header .flex-head-righbar {
	justify-content: end;
	gap: 25px;
}

.header :where(#openToggle, #closeToggle) {
	display: none;
}

.header button, .close-search, .open-search{
 cursor:pointer	
}

form.siteSearchBar{
                  position: absolute;
                  bottom: -20px;
                  transform: translateY(10px);
                  opacity: 0;
                  visibility: hidden;
	transition: transform .3s ease;
               }

form.showSearchBar{
                  transform: translateY(0px) !important;
                  opacity: 1 !important;
	transition: transform .3s ease;
                  visibility: visible !important;
               }

               form.siteSearchBar input{
                  padding: 10px 15px;
                  font-size: 16px;
                  border: 1px solid #ccc;
                  border-radius: 4px 0 0 4px;
               }

               form.siteSearchBar button{
                  background: var(--pc);
                  border: 0;
                  padding: 11px;
               }

/*//site-hero-bannerr*/

.hero-banner {
	height: 100%;
	width: 100%;
	position: relative;
}

.hero-banner .primary-btn {
	position: absolute;
	bottom: 100px;
	left: 250px;
}

.hero-banner .small_device {
	display: none;
}

/*//site-buttons*/

[class*="-btn"] {
	padding: 15px 25px;
}

/* //blog-card-start */

.flex-col-nature-cards {
    align-items: start !important;
    gap: 20px;
    height: 100%;
    position: relative;
    width: 100%;
}

.img-placeholder {
    background-color: #c7c7c7;
    aspect-ratio: 16 / 9;
}

.img-placeholder, .img-placeholder img {
    border-radius: 8px;
    width: 100%;
}

.flex-col-nature-crd-content {
    gap: 15px;
    flex: 1;
}

.flex-col-calender {
    align-items: center !important;
    position: absolute;
    right: 20px;
    top: 20px;
    padding: 10px;
    background: var(--pc);
    color: var(--white);
}


/*//responsive-@media-Query//*/


/* both Screens handle under 1023  */
@media (width <=1023px) {

	.header {
		padding-block: 10px !important;
	}

	.header .flex-container {
		justify-content: space-between !important;
		display: flex !important;
	}

	.header nav {
		position: absolute;
	}

	.header nav ul {
		flex-direction: column;
		position: fixed;
		align-items: unset !important;
		height: 100%;
		inset: 0;
		text-align: left;
		padding: 50px 30px;
		transform: translateX(120%);
		z-index: 999;
	}

	.header nav ul.showMenu {
		opacity: 1;
		visibility: visible;
		transition: all .2s ease;
		transform: translateY(0%);
	}

	.header :where(#openToggle, #closeToggle) {
		display: block !important;
	}

	#closeToggle {
		position: absolute;
		right: 20px;
		top: 20px;
	}

	.hero-banner .desktop_view {
		display: none;
	}

	.hero-banner .small_device {
		width: 100%;
		display: block !important;
	}

	.hero-banner .primary-btn {
		left: 50% !important;
		transform: translate(-50%, -40%);
	}

	.cta-wrapper img{
	    height: 300px !important;
    width: 100% !important;
    object-fit: cover !important;
}

    .cta-wrapper .cta-card-content .primary-btn {
    width: unset !important;
}
	
	.footer .flex-social-media{
		justify-content:flex-start !important;
	}
	
}

/* Tablet Screens */
@media (600px <=width <=1023px) {

	.header nav ul {
		width: 50%;
	}

	.header .bwe-service-logo {
		margin-left: 80px;
	}

	.hero-banner .primary-btn {
		bottom: 55% !important;
	}

	.cta-wrapper .cta-card-content {
    top: 50% !important;
    left: unset !important;
    transform: translateY(-50%) !important;
    }
}

/* Small Mobile Screens */
@media (width <=600px) {

	.header nav ul {
		width: 80%;
	}

	.header .flex-head-righbar #head-cart{
		display: none;
	}

	.header .bwe-service-logo {
		margin-left: 50px;
	}

	.hero-banner .primary-btn {
		bottom: 46% !important;
	}
	
	.bwe-service-logo img{
		height:50px !important
	}

	.cta-wrapper .cta-card-content {
    top: 30px !important;
    left: unset !important;
    transform: unset !important;
    }
}












/* //new-css */

body.single-product .single-product{
	margin-top:50px
}

body.single-product .single-product .custom-title{
	font-size:26px !important;
	margin-bottom:15px !important;
}

body.single-product .single-product table.variations tbody tr th{
	text-align:left !important;
}

body.single-product .single-product .woocommerce-variation-price{
	margin-bottom:20px !important
}

body.single-product .woocommerce div.product form.cart{
	margin-bottom:0 !important
}

body.single-product .single-product .variations_button{
	    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 20px !important;
}

body.single-product .single-product .custom-fixed-image img{
	height:300px !important
}

body.single-product .woocommerce .flex-viewport .woocommerce-product-gallery__wrapper div img{
    height: 100% !important;
	object-fit:cover
}

body.single-product .single-product .flex-viewport{
	display:inline-block !important
}

body.single-product .woocommerce span.onsale {
    top: 5px !important;
    left: 5px !important;
}

.flex-col-error-wraaper{
      gap: 20px;
      text-align: center;
   }

   .flex-col-error-wraaper img{
      height: auto;
      width: auto;
      object-fit: contain;
   }