/*
Theme Name: SAMS Bathware
Theme URI: http://example.com/twenty-twenty-one-child/
Description: SAMS Bathware
Author: Pink SAMSBath Fittings
Author URI: https://www.samsbathfittings.com/
Template: hello-elementor
Version: 1.0.0
*/
/* Add your custom styles here */
body, a, button, input, textarea, select {}
body{
	overflow-x:hidden;
}

/* Enlarge cursor when hovering over interactive elements */


/* Click effect */

.elementor-widget-navigation-menu .hfe-nav-menu .menu-item a.hfe-menu-item:hover{
	color:#bf9d78!important;
}
.main-header .elementor-widget-navigation-menu .hfe-nav-menu .menu-item:last-child a.hfe-menu-item:hover{
	color:#fff!important;
}
.sanitary:hover .elementor-widget-icon .elementor-icon svg path{
	stroke:#fff;
}
.openproduct{
	/*cursor:pointer;*/
}
/*About page*/
/*Mission vision section */
.mission-vision-sec > .e-con-inner{
	position:relative;
}
.mission-vision-head{
	position: absolute;
    left: 0;
    padding: 0;
    top: 60px;
    width: 45%;
}
.serve_all{
	text-decoration:none!important;
}

.modal_product_content{
    padding: 50px 90px 50px 70px;
}

.modal_product_content h3{
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    font-family: 'Raleway';
    line-height: 31px;
}

.modal_product_content h4{
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    font-family: 'Raleway';
    line-height: 26px;
}

.modal_product_content h3 small{
    font-family: 'Lato';
    font-weight: 300;
    font-size: 16px;
}

.modal_product_content ul{
    margin-left: 5px;
    padding-left: 23px;
}

.modal_product_content ul li {
    font-family: 'Lato';
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    line-height: 35px;
}

.modal_product_content a{
	font-size:18px;
	font-weight: 700;
    font-family: 'Raleway';
    line-height: 31px;
    color: #fff;
    margin-top: 26px;
    display: flex;
    gap: 10px;
    transition: all ease-in 0.3s;
}

.modal_product_content a:hover{
    color: #bf9d78;
    gap: 20px;
}

.enquiry_form_main {
	top:auto;
    position: absolute;
    bottom: 0;
    top:0;
    visibility:hidden;
    left: 0;
    right: 0;
    background-color: black;
    overflow:auto;
}

.modal_product_content .row{
    display: flex;
    flex-direction: row;
    gap:20px;
}

.modal_product_content .row .col-sm-7{
    flex:2;
}

.modal_product_content .row .col-sm-5{
    flex:1;
    background-color:#fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal_box{
		overflow:hidden;
        min-height: 463px;
}

.modal_product_content{
    background-position: left top;
    background-repeat: no-repeat !important;
    background: url(https://web.pinklemonadedigital.com/sams/wp-content/uploads/2025/01/Group-9641.png);
}

.modal_product_content2{
    background-position: center right !important;
    background-repeat: no-repeat !important;
    background: url(https://web.pinklemonadedigital.com/sams/wp-content/uploads/2025/01/Group-9642-2.png);
}

.modal_product_content3{
    background-position: bottom center!important;
    background-repeat: no-repeat !important;
    background: url(https://web.pinklemonadedigital.com/sams/wp-content/uploads/2025/01/Group-2664-1.png);
}

@media only screen and (max-width: 1024px) {
	.mission-vision-head{
		width: 60%;
        top: 30px;
	}
}
@media only screen and (max-width: 880px) {
	.mission-vision-head{
		position:unset;
		width: 100%;
        top: 0px;
		margin-bottom:20px;
	}
}
@media only screen and (max-width: 767px) {
	.footer-sec h2.elementor-heading-title {
        font-size: 24px !important;
        line-height: 28px;
    }
	.banner-heading h2.elementor-heading-title{
		font-size:36px!important;
		line-height:40px;
	}
	h2.elementor-heading-title{
		font-size:30px!important;
		line-height:35px;
	}
	.accessories h2.elementor-heading-title{
		font-size:17px!important;
		line-height:22px!important;
	}
	h2.elementor-heading-title br{
		display:none;
	}
	.main-banner p br{
		display:none;
	}
	.team-container {
		display: block;
		justify-content: flex-start;
		row-gap: 30px;
		column-gap: 2.6%;
		flex-wrap: wrap;
  }
  .flip-card-container {
    overflow: hidden;
    width: 100%;
    height: 370px;
    animation: slideIn 2s forwards ease-out;
    border-radius: 5px;
  }
	.flip-card-front p {
		padding-right: 35px;
	}
	.mission-vision-content{
		display:block!important;
	}
	.mission-vision-tab .e-n-tab-title{
		display:none;
	}
	.team-container .flip-card-container{
		width:100%;
	}
	.flip-card-container {
        height: 410px !important;
		padding:0px 20px 20px;
    }
	.slick-dots .slick-active button:hover, .slick-dots .slick-active button:focus{
		background:none;
	}
    .modal_product_content {
        padding: 20px;
    }
    .modal_product_content .row {
        flex-direction: column;
        gap:20px;
    }
}
/* Blog style */
    .blog-container {
      display: flex;
      justify-content: space-between;
      gap: 20px;
	  flex-wrap:wrap;
    }

    .blog-card {
      width: 32%;
      background-color: #fff;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
      border-radius: 0px;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      transition: all 1s;
    }
    .blog-card a, .blog-card a:hover{
        text-decoration: none;
    }
    .blog-card:hover{
       box-shadow: 0 15px 24px rgb(23 23 23 / 10%);
    }
    .blog-card:hover .blog-image{
        transform: scale(1.1);
    }
    .blog-card svg{
        transition: 0.5s ease-in;
    }
    .blog-card:hover svg {
      transform: translateX(50%);
    }
    .blog-image {
      width: 100%;
      height: 175px!important;
      object-fit: cover;
      background-position: bottom;
      background-size: cover;
      transition: all 1s;
    }

    .blog-content {
      padding: 20px;
    }

    .blog-date {
      color: #3E3E3E;
      margin-bottom: 10px;
      font-size: 16px;
      font-weight: 400;
      line-height: 22px;
    }

    .blog-title {
      color: #3E3E3E;
      margin-bottom: 10px;
      font-size: 20px;
      font-weight: 700;
      line-height: 22px;
      text-align: left;
    }

    .blog-description {
      color: #3E3E3E;
      margin-bottom: 15px;
      font-size: 16px;
      font-weight: 400;
      line-height: 22px;
      text-align: left;
      min-height: 50px;
    }

    .blog-link {
      display: flex;
      align-items: center;
      font-size: 14px;
      color: #007bff;
      text-decoration: none;
      font-weight: bold;
    }

    .blog-link:hover {
      text-decoration: underline;
    }

    .blog-link-arrow {
      margin-left: 5px;
      font-size: 16px;
    }
   	.filter-row{
		display:grid;
		grid-template-columns:50% 50%;
		justify-content:space-between;
		margin-bottom: 40px;
	}
	.filter-row h2{
		font-family: "Raleway", Sans-serif;
    	font-size: 52px;
    	font-weight: 700;
	}
	.category-holder{
		display: flex;
    	justify-content: flex-end;
    	align-items: center;
	}
	.category-holder select{
		width:220px;
	}
	.blog-row{
		justify-content:flex-start;
	}
	.blog-row .blog-card{
		background: #F6F6F6;
	}
	
	.custom-select {
  position: relative;
  font-family: Arial;
}

.custom-select select {
  display: none; /*hide original SELECT element: */
}

.select-selected {
  background-color:#3E3E3E;

}

/* Style the arrow inside the select element: */
.select-selected:before{
  position: absolute;  
	content:'';
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    background: #2E2E2E;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 15px;
	transition:0.5s ease all;
}
.select-selected:after {
  position: absolute;
  content:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxMiAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuOTk5OSAyMEwxMS4xMDc0IDExLjE1MzdMMC44OTI1MzUgMTEuMTUzN0w1Ljk5OTkgMjBaTTUuMTE1MzcgLTQuNDYxODFlLTA2TDUuMTE1MzEgMTIuMDM4M0w2Ljg4NDU3IDEyLjAzODNMNi44ODQ2MyA0LjQ2MTgxZS0wNkw1LjExNTM3IC00LjQ2MTgxZS0wNloiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=");
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 15px;
	transition:0.5s ease all;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
  transform: rotate(180deg);
}

/* style the items (options), including the selected item: */
.select-items div,.select-selected {
  color: #ffffff;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
}

/* Style items (options): */
.select-items {
  position: absolute;
  background-color: #3E3E3E;

  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

/* Hide the items when the select box is closed: */
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}
.paginationwrap .pagination{
	display:flex;
	justify-content:center;
	align-items:center;
	margin-top:40px;
}
.paginationwrap .pagination li{
	padding:0px;
	list-style: none;
}
.paginationwrap .pagination li a{
	font-size:24px;
	font-weight:500;
	padding:0px 10px 0px 10px;
	font-family: 'Raleway' !important;
	text-decoration:none;
	color:#fff;
	background: #BF9D78;
    border:1px solid #BF9D78;
	display: inline-block;
	width: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 45px;
	margin-right:7px;
	margin-left:7px;
	opacity: 0.8;
}
.paginationwrap .pagination li a:hover{
	color:#fff;
	border: 1px solid #000;
    opacity: 1;
}
.paginationwrap .pagination li .prev, .paginationwrap .pagination li .next{
	display: flex;
    background: transparent;
    border: none;
    padding: 0px;
    height: 45px;
    justify-content: center;
    align-items: center;
	width: 30px;
}
.paginationwrap .pagination li .prev{
	margin-right:0px;
}
.paginationwrap .pagination li .next{
	margin-left:0px;
}
.paginationwrap .pagination .current{
	font-size:24px;
	border: 1px solid #2E2E2E;
    display: inline-block;
	background: #BF9D78;
    color: #fff;
    width: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 45px;
	font-weight:500;
	font-family: 'Raleway' !important;
	margin-right:7px;
	margin-left:7px;
	opacity: 1;
}
     @media only screen and (max-width: 1024px) {
         .blog-container{
             gap:18px;
         }
         .blog-card {
		  	width: 32%;
		}
     }
     @media only screen and (max-width: 880px) {
         .blog-card {
      		width: 48%;
         }
		 .blog-row {
			justify-content: space-between;
		}
     }
     @media only screen and (max-width: 767px) {
         .blog-container .slick-dots {
    		bottom: -35px;
         }
		 .blog-card {
      		width: 100%;
         }
     }
.loader {
	width: 60px;
    height: 60px;
    border: 6px solid #3e3e3e4d;
    border-top: 6px solid #2e2e2e;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin: auto;
}

@keyframes spin {
    0% { transform: rotate(0deg);}
    100% { transform: rotate(360deg);}
}
/* Blog style */
/*Blog inner */
.single .post{
	padding-top:210px;
	padding-bottom:60px;
}
.single .post .entry-title{
	opacity:1;
}
	.single .post{
		display:grid;
		grid-template-columns:69% 29%;
		gap: 2%;
	}
	.single header > div > div{
		background-color: transparent;
    	background-image: linear-gradient(180deg, var(--e-global-color-secondary) 0%, #2E2E2EB8 100%);
		min-height:150px;
	}
	.latest-card{
		display: flex;
		align-items: center;
		gap: 10px;
		margin-bottom: 20px;
		background: #F6F6F6;
	}
	.latest-card .blog-image-link{
		width: 40%;
		height: 100px;
		position: relative;
		display: block;
	}
	.latest-card .blog-image-link img{
		width: 100%;
		height: 100px !important;
		object-fit: cover;
	}
	.latest-card .blog-content-link:hover{
		text-decoration:none;
	}
	.latest-card .blog-content-link .blog-content{
		padding:10px;
	}
	.latest-heading{
		padding: 15px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		background: #FFFFFF;
		border: 1px solid #dee2e6;
		border-left: 5px solid #3db5c3;
	}
.latest-heading h3{
	margin:0px;
}
.back-button{
	margin-bottom: 25px;
}
.back-button .elementor-button-icon{
	transform:rotate(180deg);
}
.back-button .elementor-button:hover {
    background-color: #bf9d78;
    color: #fff;
}
.back-button .elementor-button {
    background-color: #3DB5C3;
    padding: 15px 50px 15px 30px;
    position: relative;
    transition: all ease-in 0.4s;
    color: #fff;
	border-radius:0px;
}
.back-button .elementor-button .elementor-button-text{
	font-family: "Raleway", Sans-serif;
    font-size: 18px;
    font-weight: 500;
}
.back-button .elementor-button .elementor-button-icon{
	font-size: 20px;
    margin-right: 5px;
    line-height: 22px;
}
.single .post p{
	color: #000000;
    font-family: "Lato", Sans-serif;
    font-size: 18px;
    font-weight: 400;
}
.single .post h1.entry-title{
	font-family: "Raleway", Sans-serif;
    font-size: 52px;
    font-weight: 700;
    color: #000000;
}
@media only screen and (max-width: 880px) {
	.single .post {
		margin:0px;
        padding-inline-start: 30px!important;
        padding-inline-end: 30px!important;
		max-width: calc(100% - 60px)!important;
		grid-template-columns: 68% 30%;
    	gap: 2%;
	}
}
@media only screen and (max-width: 767px) {
	.single .post {
		display: flex;
		gap: 10px;
		flex-direction: column;
		padding:180px 30px 30px;
        padding-inline-start: 30px!important;
        padding-inline-end: 30px!important;
	}
	.single .post h1.entry-title{
		font-size:30px;
		line-height:35px;
		padding: 0;
        margin-top: 15px;
	}
}
/*Blog inner */
/*Product listing*/
.product-card{
	width:23.5%;
}
.product-container{
    display: flex;
    justify-content: flex-start;
    column-gap: 22px;
    row-gap: 40px;
    flex-wrap: wrap;
}
.card-box {
        border: 2px solid #000;
        padding: 0;
        height: 100%;
        position: relative;
        font-family: "Lato", sans-serif;
		display: flex;
    	flex-direction: column;
    	justify-content: space-between;
    }
    .product-card-new{
        position: absolute;
        top: 20px;
        left: 10px;
    }
    .product-card-new p{
       width: fit-content;
       font-size: 14px;
       padding: 3px 20px;
       background: #CBF4D8;
       color:#328C50;
    }
    .product-card-catg{
        padding: 20px 10px;
    }
    .product-card-catg h6{
        color:#AFAFAF;
        font-size: 16px;
		margin:0px;
		line-height:20px;
    }
    .product-card-catg h3{
	color: #000;
    font-size: 20px;
    margin-top: 5px;
    line-height: 25px;
    margin-bottom: 15px;
    }
    .product-card-select select{
		padding: 8px 5px;
		width: 100%;
		margin-top: 5px;
		border: 1px solid #000;
		font-weight: 400;
		border-radius: 0px;
        pointer-events: none;
    }
    .product-card-img{
        min-height: 210px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .product-card-img img{
        padding: 80px 15px 0px 15px;
        width: 100%;
        max-height: 210px;
        object-fit: contain;
    }

    .hover-card{
        background: #3E3E3E;
        position: absolute;
        top: 0;
        height: 100%;
        opacity: 0;
        transition: all .3s ease-in-out;
		width:100%;
        visibility:hidden;
    }
    .hover-card .product-specification{
        color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
    }
    .hover-card .product-list-contect h4{
        font-size: 18px;
    }
    .hover-card .product-list-contect{
        font-size: 14px;
		padding: 10px 20px 0px 20px;
		height: 100%;
		overflow-y: auto;
    }
	.enquiry_form_main::-webkit-scrollbar-track
	{
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
		background-color: #F5F5F5;
	}

	.enquiry_form_main::-webkit-scrollbar
	{
		width: 6px;
		background-color: #F5F5F5;
	}

	.enquiry_form_main::-webkit-scrollbar-thumb
	{
		background-color: #000000;
		border: 1px solid #555555;
	}
    .hover-card .productlist-card-catg h6{ 
            font-size: 14px;
			line-height: 18px;
			margin-bottom: 0px;
			margin-top: 0;
    }
    .hover-card .productlist-card-catg h3{ 
            font-size: 21px;
    		line-height: 25px;
    		margin-bottom: 5px;
    }
    .hover-card .productlist-card-catg a{ 
        font-size: 16px;
		color:#fff;
		text-decoration:none;
    }
    .hover-card .productlist-card-catg{
        background-color: #000;
        padding: 15px 20px 15px 20px;
    }
.product-card-rating{
    font-size: 1.2em;
    margin: 10px 0 15px;
}

.product-card-rating span {
    font-size: 1.2em;
    padding: 0 1px;
}
.product-card-select select {
  -webkit-appearance: none;
  appearance: none;
}
.product-card-select{
  position: relative;
}

.product-card-select::after {
  content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDExIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjc5NTg5OCAwLjc0NTk3Mkw1LjQwMTUzIDUuMzUxNkwxMC4wMDcyIDAuNzQ1OTcyIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEuNTM1MjEiLz4KPC9zdmc+Cg==');
  font-size: 1rem;
  top: 6px;
  right: 10px;
  position: absolute;
}
.custom-dropdown {
    appearance: none; /* Remove default browser styling */
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTgiIGhlaWdodD0iNTgiIHZpZXdCb3g9IjAgMCA1OCA1OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjU4IiBoZWlnaHQ9IjU4IiBmaWxsPSIjMkUyRTJFIiBmaWxsLW9wYWNpdHk9IjAuMyIvPgo8cGF0aCBkPSJNMjguOTk5OSA0MS4wODM0TDM1LjE3MTQgMzAuMzk0MkwyMi44Mjg1IDMwLjM5NDFMMjguOTk5OSA0MS4wODM0Wk0yNy45MzExIDE2LjkxNjdMMjcuOTMxIDMxLjQ2MzFMMzAuMDY4OSAzMS40NjMxTDMwLjA2ODkgMTYuOTE2OEwyNy45MzExIDE2LjkxNjdaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K');
    background-repeat: no-repeat;
    background-position: right -1px center;
	background-size: contain;
	padding-right: 50px;
}
.enq_col input::placeholder, .enq_col select option{
	color: #656565;
}
.enq_col select {
  color: #656565;
}
option:not(:first-of-type) {
  color: black;
}
.custom-dropdown:focus {
    border-color: #0073e6; /* Highlighted border on focus */
    outline: none; /* Remove default outline */
}

.custom-dropdown option {
    padding: 10px;
    color: #000; /* Text color for dropdown options */
}
@media only screen and (max-width: 1024px) {
.product-container{
    column-gap: 18px;
}
}
@media only screen and (max-width: 880px) {
	.product-card{
		width:31%;
	}
	.product-container{
		column-gap: 25px;
	}
}
@media only screen and (max-width: 768px) {
	.product-container{
		column-gap: 22px;
	}
}
@media only screen and (max-width: 767px) {
	.product-card{
		width:100%;
	}
	.product-container{
		row-gap:20px;
	}
	.home-products{
		margin-bottom:15px!important;
	}
	.home-products .product-card{
		margin-bottom:15px;
	}
	.openproduct{
		width:200px;
	}
	.openproduct h2{
		font-size:18px!important;
		line-height:24px;
	}
}
/*team member*/
 .team-container {
    display: flex;
    justify-content: flex-start;
    row-gap: 30px;
    column-gap: 2.6%;
    flex-wrap: wrap;
  }



  .flip-card-container {
    overflow: hidden;
    width: 23%;
    height: 370px;
    animation: slideIn 2s forwards ease-out;
    border-radius: 5px;
  }



  .flip-card {
    background-color: transparent;
    width: 100%;
    height: 100%;
    position: relative;
  }
  
  .flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
 
  }
  
  .flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
  }
  
  .flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border: 2px solid transparent;
    background-clip: padding-box;
  }
  .flip-card-front {
    background-color: #fff;
    background-size: cover;
    background-position: center;
    color: black;
    z-index: 1;
  }
  
  .flip-card-back {
    background-color: #3E3E3E;
    color: white;
    transform: rotateY(180deg);
    z-index: 1;
    padding:25px;
    text-align:left;
  }
	.team_bio{
		height:180px;
		overflow-y:auto;
	}
  .flip-card-back i{
    background: #9EDAE1;
    color: #000;
    padding: 8px;
    border-radius: 50%;
    line-height: 18px;
    font-size: 15px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
  }
  .flip-card-front h5{
    font-family: Lato;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 15px;
  }
  .flip-card-front h5:before{
    content: '';
    position: absolute;
    width: 4px;
    height: 15px;
    left: 0;
    top: 0;
    background: #3DB5C3;
    transform: translateY(-50%);
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .flip-card-front p{
    font-family: Lato;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    text-align: left;
    padding-right: 20px;
  }
  .flip-card-front img{
      width:100%;
  }
	.flip-card-back a{
		text-decoration:none;
	}
  .flip-card-back p{
    font-size: 15px;
    font-weight: 700;
    line-height: 21px;
    text-align: left;
	margin-bottom: 0px;
  }
  .back-footer{
    position: absolute;
    bottom: 25px;
    left: 25px;
    border-top: 1px solid #fff;
    padding-top: 10px;
    width: calc(100% - 50px);
  }
  .back-footer h6{
     font-family: Lato;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    margin-top:0px;
    margin-bottom:5px;
  }
  .back-footer p{
      margin-bottom:0px;
      text-align:left;
     font-size: 14px;
     font-weight: 400;
     line-height: 16px;
  }
.team_bio::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.team_bio::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

.team_bio::-webkit-scrollbar-thumb
{
	background-color: #000000;
	border: 1px solid #555555;
}
.productlist-card-catg a:hover{
	color:#bf9d78!important;
}
.productlist-card-catg a:hover svg path{
	fill:#bf9d78!important;
}
@media (max-width: 820px) {
	body:not(.rtl) .elementor-6 .elementor-element.elementor-element-c0f5258 {
		right: 15px;
		bottom: 49%;
	}
}
@media (max-width: 768px) {
	body:not(.rtl) .elementor-6 .elementor-element.elementor-element-c0f5258 {
		right: 13px;
		bottom: 51%;
	}
}
@media (max-width: 478px) {
    body:not(.rtl) .elementor-6 .elementor-element.elementor-element-c0f5258 {
        bottom: 26%;
        left: 28px;
    }
}
@media (max-width: 375px) {
    body:not(.rtl) .elementor-6 .elementor-element.elementor-element-c0f5258 {
        bottom: 26%;
        left: 55px;
    }
}
  @media only screen and (max-width: 1024px) {
.team-container {
    display: flex;
    justify-content: space-between;
    row-gap: 30px;
    column-gap: 1%;
    flex-wrap: wrap;
  }
 .flip-card-container {
    overflow: hidden;
    width: 32%;
    height: 370px;
  }
}
/*team */
/*FAQ*/
@media only screen and (max-width: 767px) {
	.faq-accordions h2.elementor-heading-title{
		font-size:26px!important;
	}
	.prod-name h2.elementor-heading-title{
		font-size:20px!important;
	}
}
@media only screen and (min-width: 1920px) {
	.shower_tube{
		bottom: 170px!important;
		right:185px!important;
	}
	.about-banner{
		background-position:bottom center!important;
	}
	.shower_drain{
		bottom: 55px!important;
		right:460px!important;
	}
}
@media only screen and (min-width: 2560px) {
    .shower_tube {
        bottom: 290px !important;
        right: 240px !important;
    }
	.shower_drain {
        bottom: 80px !important;
        right: 580px !important;
    }
}
.modal_box .wpcf7 form.sent .wpcf7-response-output{
    position: absolute;
    bottom: 13px;
    left: 50%;
    transform: translateX(-50%);
}

/* CSS added for Product link */
.product-card .card-link{
	position: absolute;
	z-index: 1;
	opacity: 0;
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
}