.list-unstyled::-webkit-scrollbar {
    height: 5px; /* Width of the scrollbar */
}

.list-unstyled::-webkit-scrollbar-track {
    background: #f1f1f1; /* Track color */
}

.list-unstyled::-webkit-scrollbar-thumb {
    background: #888; /* Thumb color */
    border-radius: 6px; /* Roundness of the thumb */
}

.list-unstyled::-webkit-scrollbar-thumb:hover {
    background: #555; /* Thumb color on hover */
}


.list-unstyled {
    list-style: none outside none;
    padding-left: 0;
    margin-bottom:0;
}
.list-unstyled li{
    display: block;
    float: left;
    margin-right: 6px;
    cursor:pointer;
}

.thumbnail-img{
	width: 100px;
	border-radius: 20px;
}
.small-image{
	width: 100px;
}
.model-img-width{
	width: 400px;
}
.indicators-align{
	display: flex;
	align-items: center;
}

.indicators-align span svg{
	color: #db2c6c !important;
}
.image-name{
	font-size: 11px;
}
.p-button-section{
	margin-top: 40px;
}
.p-font-size-15{
	font-size: 15px;
}
.mv-title-display{
	display: none !important;
}
.dekstop-title-display{
	display: flex !important;
}
#tableSwitch:checked {
    border-color: #db2c6c !important;
}
#tableSwitch:checked{
    background-color: #db2c6c !important;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23FFFFFF'/%3E%3C/svg%3E") !important;
}
#tableSwitch{
    border-color: #db2c6c !important;
}
#tableSwitch{
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23db2c6c'/%3E%3C/svg%3E") !important;
}
.switch-btn-toggle{
	display: none;
}
.membership-btn{
	background-color: #FFE632 !important;
	border-radius: 10px;
	height: 33px;
	padding: 3px 20px;
}
.arrow-gif{
	position: fixed;
	right: 76px;
}
.arrow-height{
	height: 80px;
	width: 141px;
}
.table-responsive{
	overflow-x: hidden !important;
}
.membershipDiv {
    transition: transform 2s ease-in-out;
    transform: translateX(100%);
    overflow: hidden !important;
    margin-top: -20px !important;
    overflow-x: hidden !important;
}
.stock-label{
	font-size: 14px;
	color: #b3acac;
/*	position: absolute;*/
/*	top: -5px;*/
}

.animate-slide-in {
    transform: translateY(0);
    overflow-x: hidden !important;
}

.p-breadcrumb-sidebar{
/*    top: 192px;*/
/*    position: fixed;*/
    z-index: 1000;
    width:100%;
/*    height:46px;*/
    background-color: #FFFFFF;
}

.breadcrumb-item{
    font-size: 11px !important;
}
.textbox{
	border-radius: 6px !important;
	margin-left: 35px;
	width: 72%;
	margin-top: 20px !important;

}
.phone-input-box{
    border-right: 2px solid gray !important;
    border-top-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}
.show-total-finel{
    color: black;
    font-size: 14px;
}
.calculater-div{
    /*overflow-y: scroll !important;
    max-height: 800px;*/
}
.calculater-div::-webkit-scrollbar{
    display: none;
}
.input-color{
	font-weight: normal !important;
}
.default-font{
    font-weight: normal !important;
}
.product-details{
	font-family: Varela Round, sans-serif !important;
}
.product-details-style{
	border-radius: 6px !important;
}
.select-brand{
	width: 95%;
}
.add-more-branding {
    width: 100%;
}
.product-details-color{
	color: #666 !important;
	font-size: 16px !important;
}
.breadcrumb-style{
	font-size: 17px !important;
	font-weight: 400;
}
.code-style{
	margin-top: 0px !important;
	margin-bottom: 15px !important;
	color: #666;
	font-size: 29px;
}
i, .fav-item-collection{
	font-size: 22px;
}
.pricing-style{
	border-radius: 6px;
	border: 1px solid #AEAEAE;
	background: unset !important;
	margin-bottom: 7px !important;
	padding: 3px;
}
.pricing-table-header span{
	color: #666666 !important;
	font-size: 21px!important;
	font-weight: 400 !important;
}
.pricing-table-header h2.workingdays{
	color: #666666 !important;
	font-size: 21px!important;
	font-weight: 400 !important;
	padding: 8px 5px 0px 5px;
}
.pricing-table-style{
	border: 1px thin #AEAEAE;
	background: #FFF;
}
.pricing-table-style tr th {
	color: #666666 !important;
	font-size: 17px !important;
	font-weight: 400 !important;
	padding: 8px !important;
}
.pricing-table-style tr td {
	color: #666666 !important;
	font-size: 17px !important;
	font-weight: 400 !important;
	padding: 8px !important;
}
.price-table-div{
	height: auto;
}
.calculate-header-style{
    margin: 20px 0px -22px 0px;
}
.online-header-style{
	border-radius: 6px;
	margin: 0px 23px;
}
.label-main-style{
	margin-top: 8px;
}
.actual-working-style{
	padding: 10px 15px 10px 15px !important;
	font-size: 17px!important;
}
.calculate-style{
	margin-top: 10px;
}
.sub-2-common-style{
	margin-left: 30px;
}
.web-form-btn-style{
	font-size: 16px !important;
	font-weight: 400 !important;
}
.web-form-link-style{
	font-size: 13px !important;
	font-weight: 400 !important;
}
.tab-content-style{
	border-radius: 6px;
}
.link-color-style{
	color: #1C2BD3 !important;
}
.switch-btn-toggle tr td{
	font-size: 15px !important;
}
.btn-text-color{
	font-size: 15px !important;
	font-weight: 400 !important;
}
.switch-btn-toggle tr th{
	font-size: 15px !important;
}
.recently-viewed-img-box-style{
	background: url('/frontTheme/assets/img/recentlyView/bg.jpg'), lightgray 50% / cover no-repeat;
	border-radius: 6px !important;
	border: 1px solid #d9d9d9 !important;
}
.recently-viewed-img-box-style:hover{
	border: 1px solid #d9d9d9 !important;
	border-radius: 6px !important;
}
.card-style{
	text-align: center !important;
	color: #db2c6c;
	margin-top: 8px !important;
	padding: 0px 9px;
}
.img-box-style{
	margin: 0px 50px;
}
.box-title-style{
	margin-top: 0px !important;
	min-height:30px !important;
	color: #db2c6c !important;
}
.button-action-style{
	top: 10px !important;
	margin-bottom: 10px;
}.gradient-btn-style{
    border-radius: 5px;
    color: #000000;
    font-size: 12px;
    font-weight: 500;
    padding: 7px;
    border: 1px solid transparent;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(to right,#db2c6c,#fbd020, #01b4df);
    background-origin: border-box;
    background-clip: content-box, border-box;
    box-shadow: 2px 1000px 1px #fff inset;
}
.buynow-button-style{
	color: #000000 !important;
	font-weight: 500;
	border: 1px solid #8B8A8A !important;
}
.recently-viewed-img-box-style .button-action {
    opacity: 1;
}
.container-style{
	max-width: 1230px;
}
.product-stock-label{
	color: #B3B3B3;
	line-height: 15px;
}
.stock-date{
	font-size: 9px;
	color: #d1cfcf
}


/*New Design*/
.nav.nav-tabs .nav-link{
	padding: 0px;
}
.nav-tabs li.active {
    border-bottom: 3px solid #db2c6c !important;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
	color: #db2c6c;
}
.code-style{
	font-size: 25px;
}
.flickity-slider{
	left: -65px !important;
}
.flickity-viewport{
	width: 100%;
}
.btn-buy-sample{
	font-weight: unset;
/*	margin-top: 80px !important;*/
}
.web-request-link{
	margin: 54px 0px;
}
.tab-gap{
	margin-right: 40px;
}
.product-d-stock {
    position: absolute;
    left: 17px;
    color: gray;
    font-size: 15px;
    border-radius: 50%;
    display: inline;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 999;
}
.dropdown-design{
	padding: 5px;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    color: #B6BBC2;
    width: 249px;
    margin-left: 10px;
    border-radius: 6px;
    margin-top: 5px;
}
.colour-box-design{
	padding: 5px;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    width: auto;
    border-radius: 6px;
    width: 100%;
}
.colour-quote-design{
	padding: 5px;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 6px;
    width: 386px;
    text-align: center;
}

.view-total{
	height: 34px !important;
}

.view-total-login{
	height: 30px;
}
.brand-text-height{
	height: 28px !important;
}
.mobile-span-text{
/*	float: right;
	font-size: 7px;
	display: flex;
	align-items: center;
	color: #BFBFBF;
	justify-content: center;*/
	display: none;
}
/*.input-phone-style{
	display: flex;
	padding-left: 16px;
	padding-right: 0px;
}*/
@media only screen and (max-width: 700px){
	.mobile-style-buy-sample{
		padding-right: 0px !important;
	}
	.mobile-slider-style{
		display: none;
	}
	.mobile-submit-btn{
		display: flex;
		justify-content: center;
	}
	.register-form-submit{
		margin-top: 10px;
	}
	.mobile-span-text{
		text-align: center;
		display: inline;
		margin-top: 8px;
		font-size: 13px;
		color: #BFBFBF;
	}
	.form-mobile-view{
		margin-top: 0px !important;
	}
	.membership-arrow-gif{
		display: none;
	}
	.error-input{
		margin-top: 10px;
	}
	.table-responsive {
		overflow-x: scroll !important;
	}
	.web-form-link-style{
		font-size: 13px !important;
	}
	.navbar-nav .nav-link{
		z-index: 1;
		position: relative !important;
	}
	.colour-quote-design{
		width: 263px !important;
	}
    .control-next-icon-img{
    	height: 28px;
    }
	.carousel-counter{
		float: right !important;
	}
	.carousel-control-prev,
	.carousel-control-next {
	    color: black; 
	}

	.carousel-control-prev:hover,
	.carousel-control-next:hover {
	    color: black; 
	}
	.carousel-control-prev-icon{
		color: black !important;
	}
	.colour-dropdown-mobile{
		width: 82% !important;
	}
	.custom-textbox-mobile{
		width: 82% !important;
	}
	.form-position-mobile{
		position: relative;
	}
	.arrow-gif{
		right: 4px;
		top: 22px;
	}
	.arrow-height{
		height: 50px;
		width: 50px;
	}
	.btn-text-color{
		font-size: 12px !important;
	}
	.brand-text-height{
		height: 34px !important;
	}
	.view-total{
		height: 28px !important;
	}
	.view-total-login{
		height: 30px !important;
	}
	.description-mobile{
		width: 145px !important;
		text-align: start !important;
	}
	.gst-mobile{
		width: 121px !important;
		text-align: start !important;
	}
	.qty-mobile{
		width: 62px !important;
		text-align: start !important;
	}
	.btn-outline-selected{
		background-color: #ffe632 !important;
	}
	.display-tr-mobile{
		display: table !important;
		height: 20px;
		border: none !important;
	}
	.show-total-mobile {
        border-radius: 6px;
        border-color: #E5E5E5 !important;
    }
	.switch-btn-toggle-mobile{
		padding: 0px !important;
	}
	.form-btn-process-mobile{
		padding: 5px 24px !important;
	}
	.details-section-mobile{
		margin-top: 0px !important;
	}
	.quote-modal-header-mobile{
		font-size: 30px !important;
	}
	.g-recaptcha-mobile{
		margin-left: 6px !important;
		transform: scale(0.92) !important;
	}
	.subscribe-mobile{
		margin-left: 5px;
	}
	.phone-form-input-mobile{
		padding-right: 16px !important;
	}
	.mobile-form-input-mobile{
		padding-left: 16px !important;
	}
	.product-img-mobile{

	}
	.form-group-mobile{
		margin-top: -98px !important;
	}
	.btn-buy-sample-mobile{
/*		margin-top: 30px !important;*/
	}
	.product-details-color{
		font-size: 15px !important;
		color: #b3b3b3 !important;
	}
	.gradient-btn-style-mobile{
		margin-top: 10px !important;
		height: 36px !important;
		width: 145px !important;
	}
	.buynow-button.tooltip-custom.hash{
		margin-right: 0px !important;
/*		margin-left: -80px;*/
	}
	.tooltip-custom-mobile{
		margin-right: 0px !important;
		margin-left: -80px;
	}
	.button-action-style{
		display: inline-grid !important;
	}
	.recently-viewed-img-box{
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
	.card-footer{
		padding: 0px !important;
	}
	.recently-viewed-footer-mobile{
		margin-top: 0px !important;
		font-size: 13px;
	}
	.show-button-sub-text{
		display: inline!important;
	}
	.hide-mobile{
		display: none !important;
	}
	.color-hover-btn{
		width: 100% !important;
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	.request-btn-collection{
		width: 100% !important;
	}
	.product-tab{
		font-size: small;
	}
	.get-stock-menu{
		font-size: small;
	}
	.product-page-mobile{
		display: inline-grid !important;
	}
	.actual-working-style{
		font-size: 10px !important;
	}
	.sub-2-common span{
		margin-right: 0px !important;
		background-color: white !important;
		border: 1px solid #b3b3b3!important;
	}
	.sub-2-common-style{
		margin-left: 0px;
	}
	.code-style{
		position: relative;
		bottom: 545px;
		text-align: center;
	}
	.buynow-button.tooltip-custom.hash:active{
		background-color: #ebebeb;
	}
	.breadcrumb-font-size{
		font-size: 14px !important;
		font-weight: 400;
	}
	.code-style{
		font-size: 16px;
	}
	i, .fav-item-collection{
/*		font-size: 19px !important;*/
	}
	.pricing-table-header span{
		font-size: 18px!important;
	}
	.pricing-table-style tr th {
		color: #666666 !important;
		font-size: 15px !important;
		font-weight: 400 !important;
		padding: 8px !important;
	}
	.pricing-table-style tr td {
		font-size: 15px !important;
	}
	.price-table-div{
/*		height: 170px;*/
	}
	.actual-working-style{
		width: 100% !important;
		height: 100% !important;
	}
	.working-days-style{
		padding-left: 0px !important;
	}
	.common-style{
		margin-left: 7px !important;
	}
	.quantity-label{
		width: 44% !important;
	}
	.button-action-style{
		margin: 0px 10px !important;
	}
	.buynow-button-style{
		margin-top: 4px !important;
		border: 2px solid #8B8A8A;
	}
	.gradient-btn-style{
		padding: 0px !important;
		font-size: 11px !important;
	}
	.recently-viewed-img-box-style{
		height: 315px !important;
	}
	.img-box-style{
		margin: 0px 20px;
	}
	.product-stock-label{
		position: relative;
	    top: 47px;
	    text-align: start;
	    padding-left: 35px;
	    margin-bottom: 28px;
	}
	
}

@media screen and (min-width: 1024px) {
	.breadcrumb-style{
		font-size: 12px !important;
		font-weight: 400;
	}
}

@media only screen and (max-width: 700px) and (min-width: 300px){
	.pricing-table-header span{
		font-size: 14px!important;
	}
	.pricing-table-style tr td {
		font-size: 12px !important;
		padding: 3px !important;
	}
	.pricing-table-style tr th {
		color: #666666 !important;
		font-size: 10px !important;
		font-weight: 400 !important;
		padding: 3px !important;
	}
	.overflow-x-auto{
		overflow-x: auto !important;
	}
	.flickity-slider{
		left: 0px !important;
	}
	.slider-img-mobile{
		width: 75% !important;
	}
	.btn-buy-sample-mobile{
/*		display: block;*/
	  	margin-left: auto;
	  	margin-right: auto;
/*	  	margin-top: 50px !important;*/
	}
	.tab-gap{
		margin-right: 0px;
	}
	.card-img-top{
		width: 90% !important;
	}
	.ml-27{
		margin-left: 15px !important;
	}
	.flickity-slider a{
		text-align: center;
	}
	.product-d-stock{
		left: 45px;
    	top: 50px;
	    font-size: 13px !important;
	    z-index: 4 !important;
	}
	.web-request-link{
		margin: 50px 0px 15px 0px;
		text-align: center !important;
	}
	.code-style{
		margin-top: 0px !important;
		top: -422px !important;
	}
	.btn-buy-sample{
		font-size: 13px !important;
	}
	.buy-plain-sample-btn-style{
		font-size: 17px !important;
	}
	.filter-input{
		z-index: 9 !important;
	}
	.menu-bar{
		top: 0px !important;
	}
	.stock-label{
/*		top: 45px;*/
/*    	left: 36px;*/
	}
	.p-font-size-17{
		font-size: 10px !important;
	}
	.p-button-section{
		margin-top: 20px;
	}
	.web-form-link-style{
		font-size: 8px !important;
	}
	.p-font-size-15{
		font-size: 14px;
	}
	.buy-plain-sample-btn-style{
		font-size: 13px !important;
	}
	.p-carousel-inner{
/*		height: 260px;*/
	}
	.mv-title-display{
		display: inline-flex !important;
		margin-top: 60px;
		justify-content: center;
		margin-bottom: -30px;
	}
	.product_detail_title{
		color: #666;
		font-size: 19px !important;
		margin-left: 10px;
		margin-bottom: 0px !important;
	}
	.dekstop-title-display{
		display: none !important;
	}
	.fn-zise-20{
		font-size: 20px;
	}
}

@media (min-width: 1281px) { 
	.container-product {
	    display: flex !important;
	    align-items: flex-start !important; 
	}

	.fixed-column {
		overflow: hidden !important;
		position: sticky !important;
		bottom: 0% !important;
		top: 15% !important;
	}
}
.carousel-control-next, .carousel-control-prev{
	top: 60%;
    bottom: 45%;
}

.member-tab .nav-item.show .nav-link, .member-tab .nav-link.active{
	color: unset;
}
.member-tab li.active{
	border-bottom: unset !important;
}

.member-nav-link{
	border: 1px solid !important;
    padding: 8px 20px !important;
	margin: 0px 5px !important;
    background-color: #54B6E2 !important;
    color: white !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.member-nav-link:hover{
	border: unset !important;
	color: white !important;
}
.member-tab-data{
	border: 1px solid #54B6E2;
	border-radius: 5px;
}
.form-submit-btn{
	height: 34px;
    padding: 5px;
    width: 150px;
    border: 1px solid #54B6E2;
    color: #54B6E2;
}
.form-submit-btn:hover{
    color: white;
    background-color: #54B6E2;
    border: 1px solid #54B6E2;
}
.membership-arrow-gif{
	position: fixed;
	right: 60px;
	top: 15px;
}
.membership-arrow-height{
	height: 80px;
    width: 100px;
}
.real-sample-slider-prev-icon,
.real-sample-slider-next-icon {
	height: 30px;
	width: 32px;
	outline: black;
	background-size: 100%, 100%;
	border-radius: 50%;
	border: 1px solid black;
	background-image: none;
	background-color: white;
}

.real-sample-slider-next-icon:after
{
	content: '>';
	font-size: 18px;
	color: black;
}

.real-sample-slider-prev-icon:after {
	content: '<';
	font-size: 18px;
	color: black;
}

.carousel-indicators [data-bs-target]{
    background-color:gray;
}
.productextradetails li h3
{
	font-size: 14px;
}
.product-page-mobile h3.specialproductbutton
{
	width: 100%;
position: relative;
float: left;
padding: 15px 15px 0px 15px;
}
.product-page-mobile .color-hover-btn
{
	padding: 13px 13px 10px 13px;
	width: 100%;
}