/*================================================css-start=================================================================================*/
/*Default-CSS*/
input[type="file"]::-webkit-file-upload-button {
    cursor: pointer;
}
input[type="file"]::-moz-file-upload-button {
    cursor: pointer;
}
input[type="file"]::-ms-file-upload-button {
    cursor: pointer;
}
input[type="file"]::-o-file-upload-button {
    cursor: pointer;
}
input[type="file"] {
    cursor: pointer;
}
html body {
	font-family: "Noto Sans", sans-serif;
	margin: 0;
	overflow-x: hidden;
}
*::-moz-selection {
    color: #fff;
    background: #1e5192;
}
*::selection {
    color: #fff;
    background: #1e5192;
}
*::-moz-selection {
    color: #fff;
    background: #1e5192;
}
*::-webkit-selection {
    color: #fff;
    background: #1e5192;
}
*::-ms-selection {
    color: #fff;
    background: #1e5192;
}
*::-webkit-input-placeholder {
    color: #535353;
    opacity: 1;
}
*:-moz-placeholder {
    color: #535353;
    opacity: 1;
}
*::-moz-placeholder {
    color: #535353;
    opacity: 1;
}
*:-ms-input-placeholder {
    color: #535353;
    opacity: 1;
}
a,
div a:hover,
div a:active,
div a:focus,
button {
    text-decoration: none;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

a,
span,
div a:hover,
div a:active,
button {
    text-decoration: none;
}
*::after,
*::before,
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
body a {
    font-family: "Noto Sans", sans-serif;
    outline: none;
    color: #333;
}
body a:hover {
	color: #ff742c;
}
body .clearfix,
body .clear {
    clear: both;
    line-height: 100%;
}
body .clearfix {
    height: auto;
}
* {
    outline: none !important;
    list-style: none;
    box-sizing: border-box;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    font-family: "Noto Sans", sans-serif;

}
.clr:after,
ul:after,
.clearfix:after,
li:after,
.grve-container:after {
    clear: both;
    display: block;
    content: "";
    position: absolute;
}
div input,
div select,
div textarea,
div button {
  font-family: "Noto Sans", sans-serif;

}
input,
select,
textarea {
    font-family: "Noto Sans", sans-serif;
    height: 50px;
    width: 100%;
}

body h1, body h2, body h3, body h4, body h5, body h6 {
    font-family: "Noto Sans", sans-serif; 
    line-height: 120%;
    color: #333;
    font-weight: bold;
    margin: 0;
}
body h1 {
    font-size: 35px;
}
body h2 {
    font-size: 30px;
}
body h3 {
    font-size: 25px;
}
body h4 {
    font-size: 20px;
}
body h5 {
    font-size: 15px;
}
body h6 {
    font-size: 14px;
}
body h1:last-child,
body h2:last-child,
body h3:last-child,
body h4:last-child,
body h5:last-child,
body h6:last-child {
    margin-bottom: 0;
}
div select {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
div select option {
    font-size: 15px;
    color: #333;
    padding: 2px 5px;
	font-family: "Noto Sans", sans-serif;
}
img {
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    display: block;
}
body p {
	color: #333;
	font-family: "Noto Sans", sans-serif;
	font-size: 16px;
	line-height: 140%;
	margin: 0 0;
	padding: 0;
	text-align: left;
	font-weight: 400;
}
body p:empty {
    margin: 0;
    line-height: 0;
}
p strong {
    font-weight: bold;
}
.a-left {
    text-align: left;
}
.a-right {
    text-align: right;
}
.a-center {
    text-align: center;
}
label em {
    color: #ff0000;
    display: inline-block;
    font-style: normal;
    vertical-align: top;
    margin-left: 5px;
	font-family: "Noto Sans", sans-serif;
}
.hidden {
    display: none !important;
}
iframe {
    display: block;
    width: 100%;
}
.container:after {
    content: "";
    display: block;
    clear: both;
}
html .container {
	width: 100%;
	max-width: 1380px;
	padding-left: 15px;
	padding-right: 15px;
	margin: 0 auto;
	position: relative;
	float: none;
}
body .container .container {
    padding-left: 0;
    padding-right: 0;
}
/*scroll Hide*/
html.no-scroll {
    overflow: hidden;
}
html.no-scroll body {
    overflow: hidden;
    height: 100%;
}
* {
    box-sizing: border-box;
}
body {
    padding: 0;
    margin: 0;
}
ul {
    margin: 0;
    padding: 0;
}
a,
span,
b,
i {
    display: inline-block;
    vertical-align: top;

}
/*Default-CSS close*/
.row::after,
.row::before {
    clear: both;
    content: "";
    display: table;
}
body a{
    transition: 0.5s all;
}
a#myBtn {
	background: #1e5192;
	font-weight: 300;
	margin: 0;
	color: #fff;
	cursor: pointer;
	/* height: 40px; */
	position: fixed;
	right: 0;
	width: 47px;
	line-height: 45px;
	z-index: 999;
	/* bottom: auto; */
	text-align: center;
	font-size: 0px;
	padding-left: 0px;
	border-radius: 25px 0 0 25px;
	border: 2px solid #ffff;
	top: auto;
	height: 45px;
	border-right: 0;
	bottom: 23px;
}
#myBtn::before {
	font-size: 23px;
	content: "\f238";
	font-family: bootstrap-icons;
	position: absolute;
	top: -4px;
	left: 15px;
	right: auto;
	bottom: auto;
	font-weight: 600;
}
a#myBtn:hover {
	background: #ff742c;
	color: #fff;
	box-shadow: 0px 0px 15px 2px #ff742c;
	border-color: #ff742c;
}
/*********************************************************  CUSTOM CSS START ****************************************************************/
/******Header CSS Start*******/
.top-head {
	padding: 7px 0;
	background: #fff;
	border-bottom: 1px solid #2e3891;
}
.top-head .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.head-logo-wrap {
	width: 20%;
}
.top-head .head-ser-wrap {
	width: 60%;
	padding-right: 0;
	display: flex;
}
.head-category-show-wrap {
	position: relative;
	margin-right: 10px;
	width: 230px;
}
.head-category-show {
	background: #fff;
	padding: 9px 39px 12px 58px;
	font-size: 15px;
	color: #1e5192;
	line-height: 100%;
	font-weight: 600;
	position: relative;
	letter-spacing: 0;
	cursor: pointer;
	border: 1px solid #1e5192;
	border-radius: 4px;
}
.head-category-show::before {
	position: absolute;
	left: 19px;
	right: auto;
	bottom: auto;
	top: 11px;
	font-size: 24px;
	color: #1e5192;
	font-family: bootstrap-icons;
	content: "\f478";
}
.head-category-show-wrap.show-category .head-category-show::before {
	content: "\f659";
	font-size: 20px;
	font-weight: 700;
	color: #fff;
}
.head-category-ul {
	max-width: 258px;
	height: 0;
	overflow-y: auto;
	transition: 0.5s all;
	position: absolute;
	top: auto;
	left: 0;
	right: 0;
	bottom: auto;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	border: 1px solid #cac9c9;
	background: #fff;
	scrollbar-width: thin;
	scrollbar-color: #1e5192 #e6e5de;
	border-top: 0;
	box-shadow: 0 0 5px 0 #22252926;
	z-index: 9999;
}
.head-category-ul li {
	margin: 0;
	position: relative;
	transition: 0.5s all;
}
.head-category-ul li a {
	font-size: 14px;
	line-height: 130%;
	position: relative;
	color: #333;
	padding: 7px 10px;
	display: block;
	border-bottom: 1px solid #e1e1e1;
	z-index: 9;
	transition: 0.5s all;
}
.head-category-ul li::after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: auto;
	bottom: 0;
	background: #1e5192;
	z-index: -1;
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.5s;
}
.head-category-show-wrap.show-category .head-category-show {
	background: #222529;
	border-color: #fff;
	border-bottom-color: #222529;
	color: #fff;
}
.head-category-show-wrap.show-category .head-category-ul {
	height: 573px;
	opacity: 1;
	visibility: visible;
	background: #fff;
}
.head-category-ul li:hover a {
	color: #fff;
}
.head-category-ul li:hover::after {
	right: 0;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	z-index: 1;
}
.head-logo-wrap a {
	max-width: 170px;
}
.head-logo-wrap a img {
	height: 100%;
	width: auto;
	object-fit: contain;
}
.searchInput {
	position: relative;
}
header .searchInput input {
	height: 38px;
	padding: 0px 10px;
	color: #333;
	font-size: 15px;
	line-height: 100%;
	background: #fff;
	font-weight: 400;
	border: 1px solid #2e3995;
	border-radius: 4PX;
	width: 550px;
}
.searchInput .resultBox {
	padding: 0;
	opacity: 0;
	pointer-events: none;
	max-height: 280px;
	overflow-y: auto;
}
.searchInput .icon:hover {
	background: #f49e10;
	border-color: #f49e10;
	color: #fff;
}
.searchInput .icon {
	position: absolute;
	left: auto;
	right: 5px;
	top: 4px;
	bottom: auto;
	z-index: 9;
	cursor: pointer;
	width: auto;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	border-radius: 3px;
	border: 1px solid #f49e10;
	transition: 0.5s all;
	color: #f49e10;
	font-weight: 600;
	letter-spacing: 0.1px;
	padding: 0 11px 2px 11px;
	font-size: 15px;
}
.top-head .head-ser-wrap .searchInput {
	max-width: 550px;
	margin: 0 auto;
}
.top-head .ask-btn-wrp {
	width: 20%;
	text-align: right;
}
.main-header-wrapper {
	padding: 8px 0;
	background: #fff;
	border-bottom: 1px solid #d2e7ee;
}
.main-header-wrapper .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.deklgnt {
	display: none;
}
.header-menu {
	width: 61%;
}
header div {
	transition: 0.5s all;
}
.menu-ul {
	display: flex;
	justify-content: center;
	align-items: center;
}
.menu-ul li {
	line-height: 100%;
}
.menu-ul li a {
	font-weight: 500;
	font-size: 16px;
	margin: 0 20px;
	line-height: 100%;
	position: relative;
	color: #333;
}
.menu-ul li a:hover, .menu-ul li.active a {
	color: #f27841;
}
.menu-ul li:last-child a {
	margin-right: 0;
}
.menu-ul li:first-child a {
	margin-left: 0;
}
.main-header-wrapper .header-menu .nav-span {
	display: none;
}
.header-menu {
	width: 60%;
}
.ask-btn-wrp {
	width: 20%;
	text-align: right;
}
.top-head .Emil-er {
	width: 20%;
}
.head-category-list {
	width: 20%;
}
.call-email-wrap a {
	font-size: 16px;
	line-height: 100%;
	font-weight: 500;
	color:#1e5192;
	padding-left: 35px;
	position: relative;
	margin: 0;
}	
.call-email-wrap a::before {
	position: absolute;
	left: 0px;
	right: auto;
	bottom: auto;
	top: 0px;
	font-size: 25px;
	font-weight: 500;
	color: #1e5192;
	font-family: bootstrap-icons;
	content: "\f68c";
}
.call-email-wrap {
	line-height: 100%;
	text-align: right;
}
.call-email-wrap a:hover {
	color: #f49e10;
}
.searchInput.active .resultBox {
	padding: 10px 8px;
	opacity: 1;
	pointer-events: auto;
	position: absolute;
	background: #ffff;
	width: 100%;
	z-index: 9;
	border: 1px solid #1e5192;
	border-top: 0;
	margin: 0;
	border-radius: 0 0 8px 8px;
	margin-top: 7px;
}
body .invalid-feedback {
	font-size: 13px;
	margin: 0;
	line-height: 120%;
}
.resultBox li {
	list-style: none;
	padding: 8px 12px;
	display: none;
	width: 100%;
	cursor: default;
	border-radius: 3px;
}
.searchInput.active .resultBox li, .searchInput.active .resultBox li a {
	display: block;
	font-size: 14px;
	font-weight: 500;
	color: #333;
	line-height: 100%;
	padding: 7px 0 7px;
	text-align: left;
	border-bottom: 1px solid #f27841;
	border-radius: 0;
	transition: 0.5s all;
	cursor: pointer;
}
.searchInput .resultBox li:hover {
	background: #2d3790;
	color: #fff;
	padding-left: 10px;
}
.menu-ul li a::before, .menu-ul li a::after {
	width: 0;
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	content: "";
	left: -10px;
	right: auto;
	background: #f27841;
	opacity: 0;
	visibility: hidden;
	transition: 0.3s all;
}
.menu-ul li a::after{
	right: -10px;
	left: auto;
}
 .menu-ul li a:hover::before,
 .menu-ul li a:hover::after {
	opacity: 1;
	visibility: visible;
	width: 2px;
	left: -6px;
}
 .menu-ul li a:hover::after{
	left: auto;
	right: -6px;
}
.inner-header.fixed {
	position: fixed;
	z-index: 99;
	width: 100%;
	left: 0;
	right: 0;
	top: 0;
	bottom: auto;
	transition: 0.5s all;
	box-shadow: 0 0 19px rgb(0,0,0,0.5);
	background: #fff;
	margin-top: -52px;
}
/* Start CSS Header Ask Button */
.ask-btn-w {
	position: relative;
	padding: 0 10px;
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	transition: all 0.8s ease;
	z-index: 1;
	line-height: 29px;
	border-radius: 3px;
}
.ask-btn-w:hover {
	transform: scale(1.04);
	color: #fff;
	background: #f49e10;
}
.neon-pulse {
	background: #1e5192;
	border: 2px solid #f49e10;
	box-shadow: none;
	overflow: visible;
}
.ask-btn-wrp {
	margin: 0;
	margin-left: auto;
}
.mobile-ask-ex {
	display: none;
}
.neon-pulse::before, .neon-pulse::after {
	content: "";
	position: absolute;
	inset: -4px;
	border: 1px solid #f7aa86;
	border-radius: inherit;
	animation: pulseOut 2s ease-out infinite;
	opacity: 0;
}
.neon-pulse::after {
  animation-delay: 1s;
}

@keyframes pulseOut {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
/* End CSS Header Ask Button */
/******Header CSS End*******/

/******Footer CSS Start*******/
.main-ft .container {
	display: flex;
	flex-wrap: wrap;
}
.inner-footer {
	padding-top: 40px;
	border-top: 3px solid #f49e10;
	background: #1e5192;
}
.ft-lo {
	width: 27%;
	padding-right: 40px;
}
.ft-qu {
	width: 16%;
	padding-right: 15px;
}
.ftsele {
	width: 20%;
	padding-right: 15px;
}
.ftcat {
	width: 20%;
	padding-right: 15px;
}
.ft-cnt {
	width: 17%;
}
.ft-lo > a {
	height: auto;
	max-width: 200px;
	margin-bottom: 15px;
}
.ft-lo > a img {
	filter: brightness(0) invert(1);
}
.foot-ab-cnt {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 15px;
	font-weight: 500;
	color: #fff;
}
.ftt-s {
	font-family: "Noto Sans", sans-serif;
	font-size: 20px;
	font-weight: 700;
	position: relative;
	display: inline-block;
	letter-spacing: 0;
	color: #fff;
	line-height: 120%;
	margin-bottom: 14px;
	padding-bottom: 7px;
}
.ft-wrap ul li a, .ft-wrap ul li {
	font-size: 15px;
	padding-left: 0;
	position: relative;
	transition: 0.5s all;
	color: #fff;
	line-height: 130%;
	font-weight: 500;
}
.ft-qu ul li a, .ftsele ul li a, .ftcat ul li a {
	padding-left: 0;
	position: relative;
}
.ft-qu ul li a:hover, .ftsele ul li a:hover, .ftcat ul li a:hover {
	padding-left: 15px;
}
.ft-qu ul li a::before, .ftsele ul li a::before, .ftcat ul li a::before {
	position: absolute;
	top: 5px;
	bottom: auto;
	left: 0;
	right: auto;
	width: 9px;
	height: 9px;
	background: #f49e10;
	border-radius: 50%;
	border: 1px solid #fff;
	content: "";
	opacity: 0;
	visibility: hidden;
	transition: 0.5s all;
}
.ft-qu ul li a:hover::before,
.ftsele ul li a:hover::before, 
.ftcat ul li a:hover::before{
	opacity: 1;
	visibility: visible;
}
.ftt-s::before {
	content: "";
	width: 40px;
	height: 4px;
	position: absolute;
	left: 0;
	right: auto;
	top: auto;
	bottom: 0;
	background: #f49e10;
	border: 1px solid #ddd;
	border-radius: 5px;
}
.ft-wrap ul li:not(:last-child) {
	margin-bottom: 10px;
}
/* .ft-wrap ul li a:hover {
	color: #ff742c;
	padding-left: 5px;
} */
.ft-wrap ul li a {
	line-height: 120%;
}
.copywrite {
	margin-top: 30px;
	padding: 10px 0;
	background: #1e5192;
	border-top: 1px solid #d9d9d9;
}
.copywrite .container {
	display: flex;
	justify-content: center;
	align-items: center;
}
.copywrite a, .copywrite p {
	color: #fff;
	font-weight: 500;
	display: inline-block;
	font-size: 16px;
	padding-left: 0;
	position: relative;
	transition: 0.5s all;
	line-height: 130%;
}
.copywrite p a {
	padding: 0 4px;
	font-weight: 600;
	letter-spacing: 0.3px;
	color: #fff;
	transition: 0.5s all;
	margin: 0;
	border: 0;
}
.copywrite p a:hover {
	color: #f49e10;
}
.copywrite .container a:hover {
	color: #f49e10;
}
.copywrite a {
	padding-right: 10px;
	margin-right: 10px;
	border-right: 1px solid #fff;
}
.ft-wrap .ft-con li {
	padding-left: 28px;
}
.ft-wrap .ft-con li::before {
	position: absolute;
	left: 0;
	top: 0px;
	bottom: auto;
	right: auto;
	font-family: bootstrap-icons;
	font-size: 13px;
	color: #fff;
	content: "\f3e7";
	width: 20px;
	height: 20px;
	border-radius: 3px;
	line-height: 22px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #f49e10;
	border: 1px solid #ccc;
}
.ft-con li.foph::before {
	content: "\f618";
}
.ft-con li.fomail::before {
	content: "\f32f";
}
body .ft-wrap .ft-con li {
	margin-bottom: 15px;
}
/******Footer CSS End*******/

/*********Right Side Button CSS Start**********/
.rght-btn-sh button, .rght-btn-sh a {
	border: 2px solid #333;
	color: #fff;
	width: 47px;
	height: 45px;
	position: relative;
	border-radius: 25px 0 0 25px;
	font-size: 0;
	background: #f49e10;
	border-right: 0;
}
.rght-btn-sh button:hover {
	border-color: #2d378f;
	box-shadow: 0px 0px 15px 2px #2d378f;
	background: #2d378f;
}
.Whatsapp-btn.rght-btn-sh a {
	border: 1px solid #333;
	background: linear-gradient(122deg, rgb(37, 211, 102) 0%, rgb(96, 148, 71) 100%);
}
.Whatsapp-btn.rght-btn-sh a:hover {
	border-color: #36c15d;
	box-shadow: 0px 0px 15px 2px #36c15d;
}
.rght-btn-sh a::before, .rght-btn-sh button::before {
	font-size: 25px;
	font-family: bootstrap-icons;
	position: absolute;
	top: 2px;
	bottom: 0;
	left: 12px;
	right: auto;
	content: "\f618";
	color: #fff;
}
.rght-btn-sh button::before {
	content: "\f84c";
}
.rght-btn-sh {
	position: fixed;
	right: 0;
	left: auto;
	bottom: 70px;
	top: auto;
	z-index: 9;
}
/**************************** HOME PAGE CSS START **************************/
.banner-img img {
	width: 100%;
}
.banner-img {
	margin-bottom: 30px;
}
.home-about {
	position: relative;
	padding-bottom: 60px;
}
.home-about p {
	color: #333;
	font-family: "Noto Sans", sans-serif;
	font-size: 16px;
	line-height: 150%;
	margin: 0 0;
	padding: 0 0 10px 0;
	text-align: left;
	font-weight: 400;
}
.home-about p strong {
	font-weight: 600;
}
.home-about p a {
	color: #1e5192;
	position: relative;
	font-weight: 500;
}
.home-about p a::before {
	content: "";
	position: absolute;
	top: auto;
	left: 0;
	right: auto;
	width: 0;
	height: 2px;
	background: #1e5192;
	bottom: 0;
	opacity: 0;
	visibility: hidden;
	transition: 0.5s all;
}
.home-about p a:hover::before {
	width: 100%;
	opacity: 1;
	visibility: visible;
}
.medical-Equi {
	position: relative;	
}
.main-title {
	text-align: center;
}
.main-title h1, .main-title h2, .main-title h3, .main-title h4, .main-title h5, .main-title h6, .main-title p.nn-head-tag {
	font-family: "Noto Sans", sans-serif;
	font-size: 25px;
	font-weight: 700;
	position: relative;
	display: inline-block;
	letter-spacing: 0;
	color: #1e5192;
	text-transform: capitalize;
}
.prd-det-rela .main-title h1,
 .prd-det-rela  .main-title h2,
  .prd-det-rela  .main-title h3,
   .prd-det-rela  .main-title h4,
    .prd-det-rela  .main-title h5,
	 .prd-det-rela  .main-title h6,
	  .prd-det-rela  .main-title p.nn-head-tag {
		font-size: 22px;
}
.prd-det-rela.related-products .tt-viebtn {
	box-shadow: none;
	padding: 0;
	border: 0;
}
.prd-det-rela.related-products .tt-viebtn .tts-btn {
	display: none;
}
/* .main-title h1::first-letter,
 .main-title h2::first-letter, .main-title h3::first-letter,
  .main-title h4::first-letter, .main-title h5::first-letter,
   .main-title h6::first-letter, .main-title p.nn-head-tag::first-letter{
	color: #1e5192;
	font-size: 33px;
	padding-right: 1px;
	text-transform: uppercase;
} */
.main-title p {
	text-align: center;
	padding-top: 8px;
}
.products-equi {
	display: flex;
	flex-wrap: wrap;
	padding-top: 15px;
	margin: 0 -7px;
}
.med-prodct-wr {
	width: 16.6%;
	padding: 0 5px;
	margin-bottom: 12px;
	display: flex;
	height: inherit;
	flex-direction: column;
}
.med-prodct-wr a {
	background: #fff;
	border-radius: 4px;
	border: 1px solid #ccc;
	display: flex;
	height: inherit;
	flex-direction: column;
	flex: 1;
	text-decoration: none;
	overflow: hidden;
	transition: transform 0.3s ease-in-out;
}
.med-prodct-wr a:hover {
    transform: scale(1.07);
}
.pro-equ-ig-wr {
    height: 200px;
    padding: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform 0.5s ease-in-out;
}
.med-prodct-wr a:hover .pro-equ-ig-wr {
    transform: translateY(10px);
}
.list-pr-bx {
	padding: 7px 5px 7px 5px;
	text-align: center;
	background: #fff;
	border-top: 1px solid #cccccc;
	display: flex;
	height: inherit;
	flex-direction: column;
	flex: 1;
	transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
}
.med-prodct-wr a:hover .list-pr-bx {
	background: #1e5192;
	color: #fff;
	border-color: #1e5192;
}
.med-prodct-wr a:hover .list-pr-bx h2,
.med-prodct-wr a:hover .list-pr-bx h3,
 .med-prodct-wr a:hover .list-pr-bx h4,
  .med-prodct-wr a:hover .list-pr-bx h5, 
  .med-prodct-wr a:hover .list-pr-bx h6{
	color: #fff;
  }
.list-pr-bx p {
	color: #fff;
	font-size: 15px;
	font-family: "Noto Sans", sans-serif;
	text-align: center;
	font-weight: 600;
	letter-spacing: 0.2px;
	line-height: 120%;
	transition: color 0.3s ease-in-out;
}
.list-pr-bx .prdit {
	display: block;
	font-size: 12px;
	padding-top: 3px;
	color: #fff;
	text-align: center;
	line-height: 100%;
	transition: 0.5s all;
	font-weight: 400;
	display: none;
}
.med-prodct-wr a:hover .list-pr-bx p {
    color: #fff;
}
.common-btn .btn {
	color: #fff;
	box-shadow: none;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.3px;
	text-transform: capitalize;
	padding: 7px 13px 6px;
	line-height: 100%;
	border-radius: 20px;
	background: #f49e10;
	position: relative;
	overflow: hidden;
	border: 1px solid #2e3997;
}
.common-btn .btn::before {
	content: "";
	position: absolute;
	left: 0;
	right: auto;
	width: 0;
	height: 100%;
	background: #1e5192;
	top: 0;
	bottom: 0;
	border-radius: 20px;
	transition: 0.5s all;
}
.common-btn .btn:hover::before {
	width: 100%;
	right: 0;
} 
.common-btn .btn span {
	line-height: 100%;
	z-index: 1;
	position: relative;
}
.common-btn {
	padding-top: 15px;
	text-align: center;
}
.medical-Equi {
	padding-bottom: 80px;
}
/* First Category Design CSS Start */
.tt-viebtn {
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-shadow: rgba(100, 100, 111, 0.1) 0px 7px 29px 0px;
	padding: 5px 10px;
	border-radius: 5px;
	border: 1px solid #eee;
	background: #fff;
}
.categ-1 .category-cont {
	display: grid;
	grid-template-columns: repeat(4,1fr);
	padding-top: 15px;
	grid-gap: 15px;
}
.categ-1 .cate-box-wrap {
	border: 1px solid #ccc;
	border-radius: 6px;
}
.vw-btn-wr.main-title p {
	text-align: justify;
}
.tts-btn .btn::before {
	font-size: 20px;
	font-family: bootstrap-icons;
	position: absolute;
	left: auto;
	right: 0px;
	bottom: auto;
	top: 5px;
	content: "\f135";
	font-weight: 400;
	z-index: 1;
}
.tts-btn .btn {
	cursor: pointer;
	width: auto;
	transition: 0.5s all;
	padding: 5px 20px 6px 8px;
	color: #2f3990;
	box-shadow: none;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.3px;
	text-transform: capitalize;
	line-height: 100%;
	border-radius: 20px;
	background: #fff;
	position: relative;
	overflow: hidden;
	border: 1px solid #303999;
}
.tts-btn .btn:hover {
	color: #fff;
}
.tts-btn .btn::after {
	content: "";
	position: absolute;
	left: 0;
	right: auto;
	width: 0;
	height: 100%;
	background: #303999;
	top: 0;
	bottom: 0;
	border-radius: 20px;
	transition: 0.5s all;
}
.tts-btn .btn:hover::after {
	width: 100%;
	right: 0;
}
.tts-btn .btn span {
	line-height: 100%;
	z-index: 1;
	position: relative;
}
.ig-sp-wr {
	padding: 20px 10px 10px;
}
.categ-1 .cate-img-box-wrap {
	width: 100%;
}
.categ-1 .cate-img-box-wrap a {
	padding-right: 10px;
	width: 100%;
}
.categ-1 .cate-img-box-wrap a img {
	height: 180px;
	width: 100%;
	object-fit: contain;
	transition: 0.5s all;
}
.categ-1 .cate-img-box-wrap a:hover img {
	transform: scale(1.05);
}
.categ-1 .cate-uni-wrap {
	width: 100%;
}
.feature-ul li {
	color: #333;
	font-size: 14px;
	line-height: 130%;
	text-align: left;
	font-weight: 400;
	padding-bottom: 3px;
	transition: 0.5s all;
	padding-top: 3px;
}
.categ-2 .feature-ul li {
	border-bottom: 1px dotted #6a6a6a;
	padding-left: 0;
	position: relative;
}
.categ-2 .feature-ul li::before {
	font-size: 10px;
	transition: 0.5s all;
	line-height: 100%;
	font-family: bootstrap-icons;
	position: absolute;
	left: 0;
	right: auto;
	bottom: auto;
	top: 6px;
	font-weight: 400;
	content: "\f233";
	color: #3333338f;
	display: none;
}
.categ-1 .feature-ul li {
	border-bottom: 1px dashed #6a6a6a;
}
.categ-1 .feature-ul li:last-child {
	border: 0;
}
.feature-ul {
	padding: 0;
	max-height: 104px;
	overflow-y: auto;
	scrollbar-width: none;
	height: 104px;
}
.categ-1 .feature-ul {
	max-height: 90px;
	height: 90px;
}
.feature-ul li b {
	font-weight: 600;
}
.cat-pro-titl h2, .cat-pro-titl h3, .cat-pro-titl h4, .cat-pro-titl h5, .cat-pro-titl h6, .cat-pro-titl p {
	font-size: 17px;
	line-height: 120%;
	font-weight: 700;
	text-align: left;
	transition: 0.5s all;
	color: #2d3790;
	letter-spacing: 0.1px;
	font-family: "Noto Sans", sans-serif;
}
.categ-1 .cat-pro-titl:hover {
	background: #fff;
}
.categ-1 .cat-pro-titl:hover h2, .categ-1 .cat-pro-titl:hover h3, .categ-1 .cat-pro-titl:hover h4, .categ-1 .cat-pro-titl:hover h5, .categ-1 .cat-pro-titl:hover h6, .categ-1 .cat-pro-titl:hover p {
	color: #2d3790;
}
.categ-1 .cat-pro-titl {
	padding: 10px 0 8px;
	display: block;
}
.categ-1 .cat-get-btn {
	display: flex;
	padding: 10px;
	align-items: center;
	border-top: 0;
	justify-content: space-between;
}
.categ-1 .cta-qt {
	display: flex;
	align-items: center;
}
.explornt a {
	background: #fff;
	position: relative;
	border: 1px solid #13203b;
	padding: 6px 20px 6px 6px;
	font-size: 14px;
	border-radius: 3px;
	color: #13203b;
	line-height: 100%;
}
.explornt a::before {
	font-size: 14px;
	font-family: bootstrap-icons;
	position: absolute;
	left: auto;
	right: 3px;
	bottom: auto;
	top: 7px;
	font-weight: 600;
	color: #13203b;
	content: "\f138";
	transition: 0.5s all;
	line-height: 100%;
}
.explornt a:hover {
	background: #2f3990;
	color: #fff;
}
.explornt a:hover::before {
	transform: rotate(45deg);
	color: #fff;
}
.sub-cate-catal a {
	width: auto;
	height: auto;
	font-size: 0;
	background: #fff;
	color: #7c0000;
	border-radius: 3px;
	line-height: 27px;
	position: relative;
	transition: 0.5s all;
	display: block;
	text-transform: capitalize;
	padding: 0 14px;
	font-weight: 600;
	letter-spacing: 0.2px;
	border: 1px solid #7c0000;
}
.sub-cate-catal a::before {
	font-size: 18px;
	transition: 0.5s all;
	line-height: 100%;
	font-family: bootstrap-icons;
	position: absolute;
	left: 6px;
	right: auto;
	bottom: auto;
	top: 4px;
	font-weight: 500;
	content: "\f756";
}
.sub-cate-catal a:hover {
	color: #fff;
	background: #7c0000;
}
.gtqtbrn {
	font-size: 15px;
	background: #fff;
	color: #2e3895;
	border-radius: 3px;
	line-height: 27px;
	position: relative;
	transition: 0.5s all;
	display: inline-block;
	text-transform: capitalize;
	padding: 0 7px 0 27px;
	font-weight: 600;
	letter-spacing: 0.2px;
	border: 1px solid #2f3990;
	margin-right: 5px;
}
.gtqtbrn::before {
	font-size: 16px;
	transition: 0.5s all;
	line-height: 100%;
	font-family: bootstrap-icons;
	position: absolute;
	inset: 6px auto 0 6px;
	font-weight: 500;
	content: "\f73d";
}
.gtqtbrn:hover {
	background: #f49e10;
	color: #fff;
}
.cate-box-wrap {
	position: relative;
	transition: 0.5s all;
	background: #fff;
}
.categ-1 .cate-box-wrap {
	display: flex;
	flex-direction: column;
	height: inherit;
}
.categ-1 .cat-pro-titl {
	display: flex;
	flex-direction: column;
	height: inherit;
	flex: 1;
}
.categ-1 {
	padding-bottom: 80px;
}
/* First Category Design CSS End */
/* Second Category Design CSS start */
.categ-2 .cate-box-wrap {
	box-shadow: 1px 1px 4px 0px rgba(9, 103, 159, 0.1);
	border-radius: 5px;
	border: 1px solid #dee7ec;
	height: inherit;
	display: flex;
	flex-direction: column;
}
.categ-2 .category-cont {
	display: grid;
	grid-template-columns: repeat(4,1fr);
	padding-top: 15px;
	grid-gap: 15px;
}
.categ-2 .categ-img-wr {
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #d5d5d5;
}
.categ-2 .cate-img-box-wrap img {
	height: 180px;
	width: 100%;
	object-fit: contain;
	transition: 0.5s all;
	padding: 0;
}
.categ-2 .cate-img-box-wrap:hover img {
	transform: scale(1.1);
}
.categ-conte-wr {
	padding-top: 10px;
	height: inherit;
	display: flex;
	flex-direction: column;
	flex: 1;
	padding-bottom: 15px;
}
.categ-2 .cat-pro-titl {
	padding: 2px 10px;
	position: relative;
	height: inherit;
	display: flex;
	flex: 1;
}
.categ-2 .feature-ul {
	margin-top: 10px;
	padding: 0 10px;
}
.categ-2 .feature-ul li:last-child {
	border: 0;
}
.subreview .stars i {
	color: #f7be01;
	font-size: 10px;
	line-height: 100%;
}
.categ-2 .subreview {
	padding: 10px;
	line-height: 100%;
	display: none;
}
.categ-2 .subreview .stars {
	line-height: 100%;
}
.subreview .stars i {
	color: #f7be01;
	font-size: 10px;
	line-height: 100%;
}
.sub-ico-catal, .bstbtnico, .eye-ex-x {
	width: 25px;
	height: 25px;
	background: #fff;
	position: absolute;
	top: 5px;
	right: 5px;
	left: auto;
	bottom: auto;
	border: 1px solid #2f3990;
	border-radius: 3px;
	transition: 0.5s all;
}
.categ-2 .sub-ico-catal,
.categ-2 .bstbtnico,
.categ-2 .eye-ex-x, .categ-2 .cate-box-wrap .compare {
	right: -30px;
	opacity: 0;
	visibility: hidden;
}
.categ-2 .cate-box-wrap{
	overflow: hidden;
}
.categ-2 .cate-box-wrap:hover .sub-ico-catal,
 .categ-2 .cate-box-wrap:hover .bstbtnico,
 .categ-2 .cate-box-wrap:hover .eye-ex-x,
 .categ-2 .cate-box-wrap:hover .compare{
   right: 5px;
   opacity: 1;
   visibility: visible;
}
.eye-ex-x {
	top: 66px;
	background: #fff;
}
/* .eye-ex-x:hover{
	background: #1e5192;
} */
.eye-ex-x .eye-bxxx {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	font-size: 0;
	color: #f27d49;
}
.eye-ex-x:hover {
	border-color: #f27d49;
}
/* .eye-ex-x .eye-bxxx:hover{
	color: #fff;
} */
.eye-ex-x .eye-bxxx::before {
	font-size: 16px;
	transition: 0.5s all;
	line-height: 100%;
	font-family: bootstrap-icons;
	position: absolute;
	left: 4px;
	right: auto;
	bottom: auto;
	top: 4px;
	font-weight: 400;
	content: "\f341";
	transition: 0.5s all;
}
.eye-ex-x .eye-bxxx:hover::before{
	content: "\f33e";
}
.sub-ico-catal {
	top: 66px;
	border-color: #7c0000;
	color: #7c0000;
}
.bstbtnico {
	right: 5px;
	left: auto;
	background: #2f3990;
}
.sub-ico-catal a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	color: #7c0000;
}
.sub-ico-catal a::before {
	font-size: 16px;
	transition: 0.5s all;
	line-height: 100%;
	font-family: bootstrap-icons;
	position: absolute;
	left: 4px;
	right: auto;
	bottom: auto;
	top: 3px;
	font-weight: 400;
	content: "\f756";
}
.iconfet {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	background: transparent;
}
.iconfet::before {
	font-size: 16px;
	position: absolute;
	left: 4px;
	right: auto;
	bottom: auto;
	top: -1px;
	font-family: bootstrap-icons;
	color: #fff;
	content: "\f73d";
}
.sub-ico-catal:hover {
	background: #1e5192;
	color: #fff;
}
.sub-ico-catal:hover a {
	color: #fff;
	background: #7c0000;
}
.categ-2 .cat-pro-titl h2,
 .categ-2 .cat-pro-titl h3,
  .categ-2 .cat-pro-titl h4, 
  .categ-2 .cat-pro-titl h5,
   .categ-2 .cat-pro-titl h6, 
   	.categ-2 .cat-pro-titl p{
	z-index: 2;
	position: relative;
}
.categ-2 .cat-pro-titl:hover h2, .categ-2 .cat-pro-titl:hover h3, .categ-2 .cat-pro-titl:hover h4, .categ-2 .cat-pro-titl:hover h5, .categ-2 .cat-pro-titl:hover h6, .categ-2 .cat-pro-titl:hover p {
	color: #2f3990;
}
   .categ-2 {
	padding-bottom: 80px;
}
/* Second Category Design CSS End */
body .common-page {
	padding: 60px 0;
}
/* Buy Now after changes */
.nn-cata, .nn-eye {
	display: none;
}
.buyNow.bynw {
	padding: 0 6px 0 6px;
	font-size: 14px;
	color: #f77134;
	border: 1px solid #f77134;
	letter-spacing: 0px;
}
.buyNow.bynw::before{
	display: none;
}
.buyNow.bynw:hover{
	background: #f77134;
	color: #fff;
}
.buyNow.bnnyw {
	width: 25px;
	height: 25px;
	background: #fff;
	position: absolute;
	top: 29px;
	right: -1px;
	left: auto;
	bottom: auto;
	border: 1px solid #f27841;
	border-radius: 3px;
	transition: 0.5s all;
	font-size: 0;
}
.buyNow.bnnyw::before {
	font-size: 17px;
	position: absolute;
	left: 3px;
	right: auto;
	bottom: auto;
	top: -2px;
	font-family: bootstrap-icons;
	color: #f37034;
	content: "\f179";
}
.buyNow.prdbyn {
	font-size: 15px;
	background: #fff;
	color: #333;
	border-radius: 3px;
	line-height: 30px;
	position: relative;
	transition: 0.5s all;
	display: inline-block;
	text-transform: capitalize;
	padding: 0 6px 0 6px;
	font-weight: 500;
	letter-spacing: 0;
	border: 1px solid #333;
	margin-left: 5px;
}
/**************************** HOME PAGE CSS END **************************/

/**************************** About PAGE CSS Start **************************/
.abpgcnt p {
	font-size: 16px;
	padding-bottom: 5px;
}
.abpgcnt {
	padding-top: 20px;
}	
.abpgcnt .why-cho {
	font-family: "Noto Sans", sans-serif;
	font-size: 20px;
	font-weight: 800;
	position: relative;
	display: inline-block;
	letter-spacing: 0.3px;
	color: #f49e10;
	padding-top: 20px;
	padding-bottom: 5px;
}
/**************************** About PAGE CSS END **************************/

/**************************** Category PAGE CSS Start **************************/
.breadcrumb-sec .breadcrumb {
	margin: 0;
}
.breadcrumb-item.active {
	color: #fff;
	font-weight: 700;
}
.breadcrumb > li {
	font-weight: 500;
	color: #fff;
	line-height: 120%;
	font-size: 14px;
}
.breadcrumb > li a {
	color: #fff;
}
.breadcrumb-item + .breadcrumb-item::before{
	color: #fff;
}
.breadcrumb-sec {
	background: #1e5192;
	padding: 10px 0;
	border: 1px solid #1e5192;
	border-top: 0;
	box-shadow: 0 5px 10px 1px #d9e8f6;
}
.medical-cate-pro-list {
	padding-top: 20px;
}
.medical-pro-list {
	display: grid;
	grid-template-columns: repeat(5,1fr);
	grid-gap: 15px;
}
.product-inner {
	box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.1);
	border-radius: 0;
	border: 1px solid #c4c4c4;
	height: inherit;
	display: flex;
	flex-direction: column;
}
.product-img {
	height: 200px;
	width: 100%;
	display: block;
	padding: 14px;
	background: #f0f2f8;
}
.product-img img {
	height: 100%;
	width: 100%;
	object-fit: contain;
	transition: 0.5s all;
}
.product-img:hover img {
	transform: scale(1.1);
}
.product-title h2, .product-title h3, .product-title h4, .product-title h5, .product-title h6, .product-title p {
	font-weight: 600;
	line-height: 110%;
	font-size: 16px;
	text-transform: capitalize;
	letter-spacing: 0.2px;
	display: block;
	color: #333;
	font-family: "Noto Sans", sans-serif;
	transition: 0.5s all;
}
.product-title {
	display: inline-block;
	text-align: center;
}
body .prd-lst {
	display: block;
	text-align: center;
	padding: 3px 0 0 0;
	line-height: 100%;
	font-size: 13px;
	color: #999898;
	display: none;
}
.medical-equ-pr-cn {
	height: inherit;
	display: flex;
	flex-direction: column;
	flex: 1;
	padding: 6px 10px;
	/* border-left: 2px solid #ff742c; */
	border-top: 1px solid #c4c4c4;
	/* border-right: 2px solid #ff742c; */
}
.product-title:hover h2, .product-title:hover h3, .product-title:hover h4, .product-title:hover h5, .product-title:hover h6, .product-title:hover p {
	color: #ff742c;
}
.searchpage .main-title h1 span {
	font-size: 35px;
	color: #fb8b54;
	background: -webkit-linear-gradient(0deg, #1e5192 0%, #ff742c 16%, #1e5192 98%);
	background-clip: border-box;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
/**************************** Category PAGE CSS END **************************/

/**************************** Sub-Category PAGE CSS Start **************************/
body .sb-ctgpg.categ-2, body .sb-ctgpg .category-cont {
	padding: 0;
}
.subcattabs ul {
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 10px;
}
.subcattabs ul li a {
	cursor: pointer;
	width: auto;
	background: #fff;
	border-radius: 3px;
	border: 1px solid #1e5192;
	transition: 0.5s all;
	color: #1e5192;
	font-weight: 600;
	letter-spacing: 0;
	padding: 6px 6px 6px 6px;
	font-size: 13px;
	line-height: 100%;
	position: relative;
	margin: 0 8px 8px 0;
}
.subcattabs ul li a h2 {
	font-size: 13px;
	line-height: 110%;
	color: #1e5192;
	transition: 0.5s all;
}
.subcattabs ul li a:hover {
	background: #1e5192;
	border-color: #fe742c;
	color: #fff;
}
.subcattabs ul li a:hover h2{
	color: #fff;
}
body .sb-ctgpg .category-cont {
	grid-gap: 14px;
}
body .sb-ctgpg .cate-box-wrap {
	border: 1px solid #ccc;
}
/**************************** Sub-Category PAGE CSS END **************************/

/**************************** Section PAGE CSS Start **************************/
body .section-pg .sb-ctgpg {
	width: 80%;
	padding-left: 30px;
}
.section-pg .sub-ctwr {
	display: flex;
}
.medical-list {
	width: 20%;
}
body .section-pg .sb-ctgpg .category-cont {
	grid-template-columns: repeat(3,1fr);
}
.medical-cate-filter .sub-sec-tog {
	position: relative;
	cursor: pointer;
	margin: 0;
}
.medical-list p.flt-ttl {
	font-size: 15px;
	padding: 5px 23px 5px 10px;
	background: #fff;
	color: #f49e10;
	text-transform: capitalize;
	font-weight: 600;
	position: relative;
	letter-spacing: 0.6px;
	border: 1px solid #f49e10;
	line-height: 120%;
	border-bottom: 1px solid #ccc;
}
.medical-cate-filter {
	background: #f3f9fb;
	border: 1px solid #f49e10;
	margin-bottom: 15px;
}
.medical-cate-filter .sub-sec-tog::before {
	font-size: 15px;
	transition: 0.5s all;
	line-height: 100%;
	font-family: bootstrap-icons;
	position: absolute;
	left: auto;
	right: 9px;
	bottom: auto;
	top: 8px;
	content: "\f238";
	font-weight: 500;
	color: #f49e10;
	z-index: 1;
}
.medical-cate-filter .sub-sec-tog.active::before {
	transform: rotate(180deg);
}
.fil-chck {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 5px 10px;
}

.filter-check-wrap {
	margin: 0 0 0;
	max-height: 0;
	overflow: hidden;
	transition: 0.3s;
}
.filter-check-wrap .fil-chck:first-child {
	padding-top: 12px;
}
.filter-check-wrap .fil-chck:last-child{
	padding-bottom: 12px;
}
.medical-cate-filter:first-child .filter-check-wrap, .medical-cate-filter:nth-child(2) .filter-check-wrap {
	max-height: 100%;
}
/* .sub-sec-tog.active + .filter-check-wrap {
	margin-top: 10px;
} */
.fil-chck span {
	font-size: 14px;
	line-height: 120%;
	padding-left: 3px;
	word-break: break-all;
	width: calc(100% - 28px);
	letter-spacing: 0.1px;
}
.fil-chck {
	display: flex;
	align-items: flex-start;
	gap: 4px;
}
.slect {
	position: relative;
	width: 30px;
	height: 14px;
	appearance: none;
	background-color: #fff;
	cursor: pointer;
	outline: none;
	transition: background-color 0.3s ease;
	border: 1px solid #f4966b;
	border-radius: 7px;
}
.slect::before {
	content: "";
	position: absolute;
	top: 1px;
	left: 2px;
	width: 10px;
	height: 10px;
	background-color: #1e5192;
	border-radius: 0;
	transition: transform 0.3s ease;
	border: 1px solid #1e5192;
	border-radius: 50%;
}
.slect:checked {
	background-color: #1e5192;
	border-color: #1e5192;
}
.slect:checked::before {
	transform: translateX(13px);
	border-color: #fff;
	background: #fff;
}
.compare .cpp {
	padding: 0;
	background: transparent;
	border: 1px solid #2f3990;
	border-radius: 3px;
	overflow: hidden;
}
.compare label.action {
	position: relative;
	pointer-events: all;
	cursor: pointer;
	height: 23px;
	width: 25px;
	display: block;
	background: #fff;
}
.cate-box-wrap .compare {
	width: 25px;
	height: 25px;
	position: absolute;
	top: 67px;
	right: 5px;
	left: auto;
	bottom: auto;
	border-radius: 3px;
	transition: 0.5s all;
}
.compare label.action input.check-hidden {
	height: 25px;
	width: 25px;
	margin: 0;
	opacity: 0;
	cursor: pointer;
	pointer-events: all;
}
.compare label i::before {
	content: "\2b";
	font-family: bootstrap-icons;
	font-weight: 700;
	font-style: normal;
	font-size: 25px;
	color: #f06627;
	line-height: 100%;
	position: absolute;
	right: 6px;
	left: auto;
	bottom: auto;
	top: -4px;
}
.compare label input.check-hidden:checked + i::before {
	content: "\f272";
	font-size: 20px;
	top: 3px;
	right: 3px;
}
.cmpthbtn .compare-section .compare_btn {
	line-height: 30px;
	padding: 0 5px;
	color: #fff;
	z-index: 9;
	border: 1px solid #1e5192;
	font-weight: 600;
	text-transform: capitalize;
	border-radius: 3px;
	font-size: 14px;
	position: static;
	background: #ff742c;
	box-shadow: none;
	letter-spacing: 0.3px;
}
.cmpthbtn {
	position: fixed;
	top: 152px;
	left: auto;
	right: 15px;
	bottom: auto;
	z-index: 999;
}
/**************************** Section PAGE CSS END **************************/
/*******************************Compare page CSS Start*******************************/
.compare-page {
	padding-top: 20px;
}
.compare-page .table th {
	color: #2f3990;
	font-size: 15px;
	line-height: 130%;
	margin: 0 0;
	padding: 5px 10px;
	font-weight: 400;
	font-weight: 600;
}
.compare-page .table > tbody > tr > td, .compare-page .table > tbody > tr > td a {
	color: #333333;
	font-size: 14px;
	line-height: 140%;
	text-align: left;
	font-weight: 400;
	padding: 7px 10px !important;
}
.compare-page .table > tbody > tr > td a{
	padding:0 !important ;
}
.compare-page .table > tbody > tr > td.cmp-ttprd h2, .compare-page .table > tbody > tr > td.cmp-ttprd h3, .compare-page .table > tbody > tr > td.cmp-ttprd h4, .compare-page .table > tbody > tr > td.cmp-ttprd h5, .compare-page .table > tbody > tr > td.cmp-ttprd h6 {
	color: #f36727;
	font-size: 15px;
	font-weight: 600;
	transition: 0.5s all;
}
.compare-page .table > tbody > tr > td.cmp-ttprd a:hover h2,
 .compare-page .table > tbody > tr > td.cmp-ttprd a:hover h3,
  .compare-page .table > tbody > tr > td.cmp-ttprd a:hover h4,
   .compare-page .table > tbody > tr > td.cmp-ttprd a:hover h5,
    .compare-page .table > tbody > tr > td.cmp-ttprd a:hover h6 {
	color: #1e5192;
}
.compare-page .table > tbody > tr > td a:hover{
	color: #f49149;
}
.compare-cart-btn.addToCartBtn {
	background: #f49149;
	background-color: #f49149;
	border-radius: 20px;
	display: inline-block;
	color: #fff;
	font-weight: 500;
	cursor: pointer;
	line-height: 100%;
	padding: 8px 15px 8px 15px;
	font-size: 13px;
	border: 1px solid #33333361;
	text-transform: uppercase;
	position: relative;
	letter-spacing: 0.3px;
}
.compare-cart-btn.addToCartBtn:hover{
	background: transparent;
	color: #333;
	border-color: #333;
}
.cart-compare > div {
	text-align: center;
}
.compare-page .trash_icon {
	position: absolute;
	top: 10px;
	left: auto;
	right: 10px;
	bottom: auto;
}
.compare-page .trash_icon .remove-compare1 {
	background: transparent;
	border: 0;
	padding: 0;
	box-shadow: none;
	color: red;
	width: 20px;
	height: 20px;
}
.compare-page .trash_icon .remove-compare1::before {
	font-size: 15px;
	transition: 0.5s all;
	line-height: 100%;
	font-family: bootstrap-icons;
	font-weight: 400;
	content: "\f78b";
}
.table, td, th {
	border: 1px solid #5f6788;
	margin-top: 5px;
}
.compare-page .table > tbody > tr > td a .featured-image {
	height: 150px;
	width: 150px;
	object-fit: contain;
}
/*******************************Compare page CSS Start*******************************/
/*******************************Sitemap page CSS Start*******************************/
.indian {
	color:#2f8e94;
	font-size:30px;
	font-weight:700
  }
  .heating {
	color:#2e2d2d;
	font-size:30px;
	font-weight:700
  }
  .sitemap ul > li > a.l0bg {
	background: #ff742c;
}
  .l1bg {
	background-color: #ff742c !important;
}
.sitemap ul > li > a.l2bg {
	background-color: #1e5192 !important;
	color: #fff;
}
  .sitemap ul {
	list-style:none;
	padding-left:20px;
	margin:0
  }
  .sitemap ul > li {
	border-left: solid #efefef 2px;
	padding-left: 25px;
	font-size: 14px;
}
.sitemap ul > li > a {
	display: inline-block;
	max-width: 500px;
	padding: 5px 10px;
	background: #047285;
	color: #fff;
	text-decoration: none;
	border-radius: 4px;
	text-overflow: ellipsis;
	margin: 5px 0;
	-webkit-box-shadow: 0 0 1px 0 rgba(0,0,0,.2);
	box-shadow: 0 0 1px 0 rgba(0,0,0,.2);
	position: relative;
	font-weight: 500;
	font-size: 14px;
}
  .sitemap ul>li>a:hover {
	-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.5);
	box-shadow:0 0 5px 0 rgba(0,0,0,.5)
  }
  .sitemap ul>li:before {
	content:""!important
  }
  .sitemap ul > li > a::before {
	content: "";
	position: absolute;
	left: -25px;
	top: 50%;
	margin-top: -1px;
	height: 2px;
	width: 25px;
	background: #efefef;
}
/*******************************Sitemap page CSS End*******************************/
/*******************************Terms page CSS Start*******************************/
body .Terms-page p.terms-head {
	font-family: "Noto Sans", sans-serif;
	font-size: 20px;
	font-weight: 800;
	position: relative;
	display: inline-block;
	letter-spacing: 0.3px;
	color: #f49e10;
	padding-top: 20px;
	padding-bottom: 5px;
}
.Terms-page .content-con p {
	font-size: 16px;
	padding-bottom: 5px;
}
.Terms-page .content-con p.hil {
	padding-left: 15px;
	position: relative;
}
.Terms-page .content-con p.hil::before {
	content: "";
	width: 7px;
	height: 7px;
	background: #1e5192;
	position: absolute;
	left: 0;
	border-radius: 50%;
	top: 7px;
}
.Terms-page .content-con p.hil span {
	font-weight: 600;
}
/*******************************Terms page CSS End*******************************/
/*******************************Thankyou page CSS Start*******************************/
.thanks h1 {
	font-family: "Noto Sans", sans-serif;
	font-size: 35px;
	font-weight: 800;
	position: relative;
	display: inline-block;
	letter-spacing: 0.3px;
	color: #1e5192;
}
.thankwrap {
	text-align: center;
}
.thanks-des {
	text-align: center;
	padding: 20px 0;
	font-size: 18px;
	font-weight: 500;
}
.thanks {
	padding-top: 80px;
	position: relative;
}
.thanks::before {
	font-family: bootstrap-icons;
	font-weight: 300;
	font-style: normal;
	line-height: 100%;
	position: absolute;
	right: 0;
	left: 0;
	bottom: auto;
	top: 0;
	font-size: 50px;
	text-align: center;
	content: "\f47c";
	color: #ff742c;
}

.go-btn .btn {
	font-size: 18px;
	line-height: 40px;
	padding: 0 20px;
	position: relative;
	font-weight: 600;
	display: inline-block;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.9px;
	border-radius: 3px;
	background: #ff742c;
	border: 1px solid #1e5192;
	color: #fff;
}
.go-btn .btn:hover{
	border-color: #ff742c;
	color: #fff;
	background: #1e5192;
}
.thankyou-page.common-page {
	padding: 90px 0;
}
/*******************************Thankyou page CSS End*******************************/

/******************************Error PAGE Start*******************************/
.error-page {
	padding: 80px 0;
}
.error-page .page-title h1 {
	font-family: "Noto Sans", sans-serif;
	font-size: 80px;
	font-weight: 800;
	position: relative;
	display: inline-block;
	letter-spacing: 0.3px;
	color: #1e5192;
	text-transform: uppercase;
}
.error-page .content-area h2 {
	color: #183565;
	font-weight: 600;
	font-size: 22px;
	margin: 0;
	text-align: center;
}
.error-page .content-area p {
	font-weight: 500;
	font-size: 18px;
	text-align: center;
	padding: 20px 0;
}
.error-page .content-area {
	text-align: center;
}
/******************************Error PAGE End*******************************/

/******************************Catalog PAGE Start*******************************/
.cata-box {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	grid-gap: 15px;
	padding-top: 15px;
}
.cata-box-wrap {
	padding: 0 0 10px 0;
	border-radius: 5px;
	border: 1px solid #d5d5d5;
	box-shadow: none;
}
.cata-title {
	text-align: center;
	margin-bottom: 10px;
	border-bottom: 1px solid #d5d5d5;
	background: #1e5192;
}
.cata-title h2, .cata-title h3, .cata-title h4, .cata-title h5, .cata-title h6 {
	font-size: 17px;
	font-weight: 700;
	color: #fff;
	padding: 5px 6px 5px 6px;
	margin: 0;
	text-align: center;
	letter-spacing: 0.3px;
	transition: 0.5s all;
}
.cata-des-wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.cata-img-wrap {
	height: 145px;
	width: 145PX;
	display: flex;
	justify-content: center;
	align-items: center;
}
.cata-img-wrap img {
	object-fit: cover;
	margin: 0;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	display: block;
}
.cata-des-wrap .cata-sub-list {
	width: calc(100% - 145px);
	margin-top: 0;
	padding-left: 10px;
}
.cata-des-wrap .cata-sub-list ul li .sub-cata-btn {
	text-align: left;
	font-size: 14px;
	line-height: 130%;
	text-transform: capitalize;
	letter-spacing: 0;
	background: transparent;
	margin: 0;
	color: #4f5255;
	font-weight: 500;
	position: relative;
	padding: 3px 0 3px 19px;
	border: 0;
}
.cata-des-wrap .cata-sub-list ul li .sub-cata-btn:hover {
	color: #f06c30;
}
.cata-des-wrap .cata-sub-list ul li .sub-cata-btn::before {
	position: absolute;
	left: 0;
	right: auto;
	top: 2px;
	bottom: auto;
	z-index: 1;
	font-style: normal;
	font-family: bootstrap-icons;
	color: #f06c30;
	font-size: 14px;
	content: "\f277";
}
.cata-des-wrap .cata-sub-list ul li:not(:last-child) {
	border-bottom: 1px solid #1e5192;
}
.cata-des-wrap .cata-sub-list ul li {
	line-height: 100%;
}
.cata-des-wrap .cata-sub-list ul li:last-child .sub-cata-btn{
	padding-bottom: 0;
}
.cata-des-wrap .cata-sub-list ul {
	max-height: 100px;
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: #1e5192 #f0f0f0;
}
.cata-title a:hover h2, .cata-title a:hover h3, .cata-title a:hover h4, .cata-title a:hover h5, .cata-title a:hover h6 {
	color: #f49e10;
}
.cata-popup-wrap .modal-dialog {
	max-width: 680px;
	height: 80%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 0 auto;
}
.popu-wrap .modal-header {
	padding: 10px;
	justify-content: center;
	background: #1e5192;
}
.cata-popup-wrap .modal-body {
	padding: 30px 20px;
}
.cata-pop-wrap {
	height: 150px;
	overflow-y: auto;
	scrollbar-width: none;
}
.cata-pop-wrap ul {
	display: flex;
	flex-wrap: wrap;
}
.cata-pop-wrap ul li {
	width: 50%;
}
.pop-cata-btn {
	color: #f49e10;
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 120%;
	margin: 0px;
	background: transparent;
	display: block;
	text-align: left;
	border: 1px solid #f49e10;
	border-radius: 3px;
	transition: 0.5s all;
	padding: 6px 10px 6px 29px;
	margin: 15px 7px 0;
	background-color: transparent;
	position: relative;
	letter-spacing: 0.3px;
}
.pop-cata-btn::before {
	font-family: bootstrap-icons;
	font-size: 16px;
	transition: 0.5s all;
	position: absolute;
	top: 6px;
	left: 7px;
	right: auto;
	bottom: auto;
	content: "\f63e";
}
.popu-wrap .modal-title {
	font-weight: 700;
	line-height: 100%;
	display: block;
	position: relative;
	margin-bottom: 0px;
	text-transform: capitalize;
	font-size: 23px;
	text-align: center;
	letter-spacing: 0.3px;
	color: #fff;
}
.popu-wrap .btn-close {
	background: #ed223d;
	opacity: 1;
	border: 1px solid #ed223d;
	border-radius: 50%;
	position: absolute;
	left: auto;
	right: 5px;
	bottom: auto;
	top: 7px;
	width: 25px;
	height: 25px;
	padding: 0;
	margin: 0;
	font-size: 16px;
	color: #fff;
	font-weight: 600;
}
.pop-cata-btn:hover {
	background: #1e5192;
	color: #fff;
	border-color: #1e5192;
}
.popu-wrap .btn-close:hover {
	background: #fff;
	color: Red;
}
/******************************Catalog  PAGE End*******************************/
/******************************Contact  PAGE  Start*******************************/
.contact-sec {
	padding-top: 0;
}
.with-con {
	display: flex;
	justify-content: space-between;
}
.contact-sec {
	margin: 20px auto 0;
	max-width: 950px;
}
.with-con li {
	border-radius: 5px;
	height: 120px;
	margin-bottom: 10px;
	position: relative;
	width: 250px;
	background: #fff;
	padding: 20px 15px;
	box-shadow: none;
	border: 1px solid #1e5192;
	display: flex;
	text-align: center;
	font-size: 15px;
	color: #212529;
	text-decoration: none;
	font-weight: 500;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background: #f9f9ff;
}
.with-con li span {
	color: #f49e10;
	font-size: 16px;
	font-weight: 600;
	text-transform: capitalize;
	padding-bottom: 5px;
	display: block;
}
.with-con li::before {
	content: "";
	width: 48px;
	height: 45px;
	position: absolute;
	top: 20px;
	bottom: auto;
	left: 0;
	right: 0;
	margin: 0 auto;
	background: url(../images/cntad.png) no-repeat;
	background-size: 100% 100%;
	filter: brightness(0) saturate(100%) invert(92%) sepia(12%) saturate(6191%) hue-rotate(315deg) brightness(89%) contrast(86%);
	display: none;
}
.with-con li.conph::before {
	content: "\f3ef";
	background: transparent;
	font-size: 43px;
	color: #d5825f;
	top: 12px;
	font-family: bootstrap-icons;
}
.with-con li.conmail::before {
	background: url(../images/cntem.png) no-repeat;
	background-size: 100% 100%;
}
.contact-us-form {
	box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
	padding: 30px 25px 30px;
	border-radius: 10px;
	margin-top: 20px;
	background: #fff;
}
.contact-us-form br {
	display: none;
}
.contact-us-form .common-btn {
	padding-top: 40px;
}
.contact-us-form .main-div {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	grid-gap: 0 13px;
}
.lg-form-wr {
	padding: 0 0 14px;
	position: relative;
	margin: 0;
}
.lg-form-wr .form-control {
	height: 38px;
	width: 100%;
	background: transparent;
	border: 1px solid #CCCCCC;
	padding: 0 10px;
	font-size: 14px;
	font-weight: 400;
	border-radius: 3px;
	color: #333;
	margin: 0;
	box-shadow: none;
	resize: none;
}
.rvw-wr.lg-form-wr label, 
.rvw-wr.lg-form-wr.focused label {
	left: 20px;
}
.lg-form-wr label {
	position: absolute;
	font-family: "Noto Sans", sans-serif;
	font-size: 14px;
	top: 12px;
	left: 10px;
	color: #5b5d5e;
	background: #fff;
	line-height: 100%;
	padding: 0 5px;
	transition: 0.5s all;
	pointer-events: none;
	display: inline-block;
}
.lg-form-wr.focused label {
	top: -6px;
	font-size: 11px;
	color: #f49e10;
	padding: 1px 5px;
	border-radius: 8px;
	left: 10px;
	background: #fff;
	border: 1px solid #cccccc;
}
.product.lg-form-wr.if-product label {
	top: -6px;
	font-size: 11px;
	color: #ff732b;
	padding: 1px 5px;
	border-radius: 8px;
	left: 10px;
	background: #fff;
	border: 1px solid #cccccc;
}
.lg-form-wr .textarea.form-control {
	height: 70px;
	resize: none;
	padding: 10px;
} 
.contact-us-form .common-btn .btn {
	font-size: 16px;
	padding: 9px 20px 9px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}
body p.cntfrm-tt {
	font-size: 23px;
	font-weight: 700;
	position: relative;
	display: inline-block;
	letter-spacing: 0.3px;
	color: #1e5192;
	line-height: 130%;
	padding-bottom: 20px;
	text-transform: capitalize;
}
.rvw-wr.lg-form-wr.select-inpt label {
	top: -6px;
	font-size: 11px;
	color: #0155b5;
	padding: 1px 5px;
	border-radius: 8px;
	left: 20px;
	background: #fff;
	border: 1px solid #cccccc;
}
/******************************Contact  PAGE  End*******************************/
/******************************Product Details PAGE Start*******************************/
.product-details-sec .container {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.product-details-sec .product-imgs {
	width: 33%;
	position: sticky;
	top: 110px;
	transition: 0.5s all;
}
.product-details-sec .img-showcase {
	display: flex;
	width: 100%;
	transition: all 0.5s ease;
	height: 400px;
}
.product-details-sec .img-showcase img {
	padding: 15px;
}
.product-details-sec .img-select {
	display: flex;
	justify-content: space-between;
	margin-top: 10px;
}
.product-details-sec .img-select a {
	height: 95px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fbfbfb;
	border-radius: 5px;
	border: 1px solid #c1dde6;
	padding: 6px;
}
.product-details-sec .img-display {
	overflow: hidden;
	background: #fbfbfb;
	border: 1px solid #c1dde6;
	border-radius: 5px;
}
.product-details-sec .pro-del-content-wrap {
	padding-left: 50px;
	width: 67%;
	align-content: center;
	padding-top: 0;
}
.product-imgs .owl-carousel .owl-nav {
	display: flex;
	position: absolute;
	top: 45%;
	left: 0;
	right: 0;
	bottom: auto;
	transform: translateY(-55%);
	justify-content: space-between;
	margin: 0 -10px;
	pointer-events: none;
}
.product-imgs .owl-carousel .owl-nav button.owl-next, .product-imgs .owl-carousel .owl-nav button.owl-prev {
	height: 20px;
	width: 20px;
	margin: 0px;
	position: relative;
	border: 1px solid #f49e10;
	border-radius: 20px;
	background: #1e5192;
	font-size: 0;
	cursor: pointer;
	pointer-events: all;
}
.product-imgs .owl-carousel .owl-nav button::before {
	font-family: bootstrap-icons;
	font-size: 12px;
	color: #fff;
	transition: 0.5s all;
	position: absolute;
	top: auto;
	left: 0;
	right: -1px;
	bottom: 2px;
	font-weight: 700;
	content: "\f285";
}
.product-imgs .owl-carousel .owl-nav button.owl-prev::before {
	transform: rotate(180deg);
	left: 0;
	right: 4px;
	bottom: 2px;
}
.product-imgs .owl-carousel .owl-nav button.disabled {
	background: #d7dadb;
	border-color: #d7dadb;
}
.img-select.product-owl-carousel {
	line-height: 100%;
}
.prodel-title h1, .prodel-title h2, .prodel-title h3, .prodel-title h4, .prodel-title h5, .prodel-title h6 {
	font-size: 25px;
	font-weight: 700;
	color: #1e5192;
	line-height: 130%;
	position: relative;
	letter-spacing: 0;
	padding-bottom: 0;
}
.prodel-title h1::first-letter, .prodel-title h2::first-letter, .prodel-title h3::first-letter, .prodel-title h4::first-letter, .prodel-title h5::first-letter, .prodel-title h6::first-letter {
	font-size: 30px;
	color: #1e5192;
}
.prodel-title p {
	font-size: 16px;
	line-height: 140%;
	padding: 8px 0 8px 0;
	text-align: left;
	font-weight: 400;
}
.pr-q-ad-wr {
	display: flex;
	align-items: center;
	padding-top: 10px;
}
.pr-q-ad-wr .price::before, .pr-q-ad-wr .quantity-wrap::before, .pr-q-ad-wr .prd-getqt::before {
	content: "";
	width: 1px;
	height: 24px;
	position: absolute;
	left: 12px;
	right: auto;
	top: 7px;
	bottom: auto;
	background-color: #ccc;
}
.pr-q-ad-wr .price::before {
	top: -2px;
}
 .pr-q-ad-wr .prd-getqt::before {
	top: 4px;
}
.pr-q-ad-wr .price, .pr-q-ad-wr .quantity-wrap, .pr-q-ad-wr .prd-getqt {
	position: relative;
	padding-left: 25px;
}
.pr-q-ad-wr .quantity-wrap p {
	padding: 0 6px 0 0;
}
.prd-getqt .gtqtbrn {
	line-height: 30px;
	padding: 0 7px 0 29px;
}
.prd-getqt .gtqtbrn::before {
	inset: 7px auto 0 6px;
}
.pro-dt-sub-cate-catal a {
	width: auto;
	height: auto;
	font-size: 15px;
	background: #fff;
	border-radius: 3px;
	line-height: 30px;
	position: relative;
	transition: 0.5s all;
	display: block;
	text-transform: capitalize;
	padding: 0 15px 0 15px;
	font-weight: 600;
	letter-spacing: 0.4px;
	border: 1px solid #f49e10;
	color: #f49e10;
}
.pro-dt-sub-cate-catal a:hover {
	border-color: #f49e10;
	color: #fff;
	background-color: #f49e10;
}
.prod-det-cnt {
	margin-top: 20px;
}
.prod-det-cnt p.prou-det-tisp {
	font-size: 19px;
	padding: 0;
	background: transparent;
	color: #7c0000;
	text-transform: capitalize;
	font-weight: 700;
	letter-spacing: 0.6px;
	margin-bottom: 8px;
	position: relative;
	border: 0;
}
.prod-det-cnt .table {
	margin-top: 10px !important;
}
.speci-table .table, .speci-table td, .speci-table th {
	border-color: #4f5255;
}
.speci-table tr th, .speci-table tr td {
	padding: 0 10px;
	font-size: 15px;
	font-weight: 400;
	color: #333333;
}
.features-des li {
	padding-bottom: 8px;
	font-size: 15px;
	color: #333;
	line-height: 120%;
	text-align: left;
	font-weight: 400;
	padding-left: 15px;
	position: relative;
}
.features-des li::before {
	position: absolute;
	left: 0;
	top: 7px;
	bottom: auto;
	right: auto;
	content: "";
	width: 6px;
	height: 6px;
	background: #2f3990;
	border-radius: 0;
	border: 1px solid #2f3990;
	border-radius: 50%;
}
.prod-det-cnt p.prou-det-tisp::before {
	content: "";
	position: absolute;
	top: auto;
	bottom: -4px;
	left: 0;
	right: 0;
	width: 100%;
	height: 3px;
	background: transparent;
}
/* FAQ Section CSS Start */
.faq-sec {
	padding-bottom: 60px;
}
.Faq-header {
	font-family: "Nunito Sans", sans-serif;
	font-size: 17px;
	font-weight: 700;
	position: relative;
	letter-spacing: 0;
	color: #1e5192;
	line-height: 120%;
	border: 1px solid #ccc;
	padding: 4px 5px;
	display: block;
	margin-bottom: 8px;
	border-radius: 3px;
	background: #f8fdff;
}
.accordion {
	border: 0;
	padding: 30px 0;
	display: grid;
	grid-template-columns: repeat(2,1fr);
	grid-gap: 20px 30px;
	border-radius: 5px;
	margin-top: 9px;
}
.Faq-item {
	padding-left: 15px;
	position: relative;
}
.Faq-item::before {
	content: "";
	position: absolute;
	left: 0;
	right: auto;
	bottom: auto;
	top: 7px;
	color: #e7504f;
}
.Faq-item {
    counter-increment: faq-counter; 
    padding-left: 23px;
    position: relative;
}
.Faq-item::before {
	content: counter(faq-counter) ". ";
	position: absolute;
	left: 0;
	top: -1px;
	font-weight: bold;
	color: #ff742c;
	font-size: 18px;
}
.Faq-content p {
	font-size: 15px;
	line-height: 140%;
	color: #575757;
}
/* FAQ Section CSS End */
/******************************Product Details PAGE End*******************************/
 
/******************************Ask Expert Form Start*******************************/
.ask-expert .modal-dialog {
	max-width: 650px;
}
.ask-expert .modal-header {
	justify-content: center;
	padding: 10px;
}
.ask-expert .modal-title {
	font-weight: 700;
	line-height: 100%;
	display: block;
	position: relative;
	margin-bottom: 0px;
	text-transform: capitalize;
	color: #fff;
	font-size: 20px;
	text-align: center;
}
.ask-expert .modal-header {
	justify-content: center;
	background: #1e5192;
}
.ask-expert .btn-close {
	background: #ed223d;
	opacity: 1;
	border: 1px solid #ed223d;
	border-radius: 50%;
	position: absolute;
	left: auto;
	right: 5px;
	bottom: auto;
	top: 6px;
	width: 25px;
	height: 25px;
	padding: 0;
	margin: 0;
	font-size: 16px;
	color: #fff;
	font-weight: 500;
}
.ask-expert .btn-close:hover {
	background: #fff;
	color: Red;
}
.ask-expert .modal-body > p {
	text-align: center;
	font-size: 17px;
	color: #333;
	font-weight: 500;
	padding-bottom: 15px;
}
.ask-expert-form .lg-form-wr {
	padding: 0 0 13px;
}
.ask-expert-form .main-div {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	grid-gap: 0 10px;
}
.ask-expert .common-btn {
	padding: 0;
	margin: 0;
}
.ask-expert .modal-footer {
	justify-content: center;
	padding: 20px 0 20px 0;
	border: 0;
}
.ask-expert .common-btn .btn {
	font-size: 16px;
	padding: 9px 20px 7px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}
body .ask-expert .ask-expert-form input, body .ask-expert .ask-expert-form textarea {
	border-right: 2px solid #1e5192;
	border-radius: 7px;
	border-left: 2px solid #1e5192;
}
.ask-expert .modal-content {
	border-bottom: 3px solid #1e5192;
}
/******************************Ask Expert Form End*******************************/

/******************************Single-Catalog PAGE Start*******************************/
.body1_part1, .body2, .body3 {
	box-shadow: 0 0 30px #1e519252;
	margin-bottom: 10px;
	border: 1px solid #1e5192;
}
.cat_mtop {
  margin-top:50px
}
.catalog_body {
  max-width:700px;
  height:auto;
  margin:auto auto 50px;
  background-color:#fff
}
.download_box {
  padding-left:50px;
  width:350px;
  height:0;
  border-radius:.2rem;
  margin:10px 0 30px
}
.download_btn{
	background-color: #f66827;
	border: none;
	color: #fff;
	padding: 12px 30px;
	cursor: pointer;
	font-size: 17px;
	margin-top: 20px;
	text-decoration: none;
	font-weight: 700;
	border: 1px solid #1e5192;
	border-radius: 20px;
	transition: 0.5s all;
}
 .download_btn:hover {
	background: #1e5192;
	border-color: #f66827;
	box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
	color: #fff;
 }
.catalog_head,
.check_icon,
.download_1,
.fa-chevron-circle-right {
  color:#1e5192;
}
.download_1 {
  font-size:17px;
  padding-top:25px
}
.text-name h1 {
  margin-bottom:0
}
.body1_part1 {
  height:840px;
  position:relative
}
.catalog_cover {
	background-image: url(../images/catalog-bgm.png);
	background-size: cover;
	max-width: 100%;
	height: 840px;
	margin: auto;
}
.catalog_logo {
  width:25%;
  float:right;
  margin:30px 30px 0 0
}
.catalog_img {
  width:45%;
  margin-top:50px;
  vertical-align:middle
}
.catalog_head {
  font-size:32px;
  text-shadow:1px 0 #5f6788;
  font-weight:700;
  margin:60px 30px 0 20px;
  line-height:49px
}
.catalog_contact {
  color:#272727;
  text-shadow:1px 0 #5f6788;
  margin-top:15px;
  margin-left:15px;
  font-weight:600;
  text-align:left
}
.body2,
.body3 {
  height:auto
}
.body_center {
  margin:0 25px
}
.catalog_subhead {
	color: #1e5192;
	font-size: 21px;
	font-weight: 700;
	padding: 40px 0 4px 10px;
}
.catalog_text {
  margin:0 10px;
  line-height:1.6rem
}
.table,
td,
th {
  border:1px solid #5f6788;
  margin-top:5px
}
.mobile_bottom {
  padding-bottom:15px
}
li,
ul {
  list-style:none;
  margin:0;
  padding:0
}
.catalog_footerlog {
  width:25%;
  margin-top:230px
}
.table>tbody>tr>td {
  font-size:15px;
  line-height:22px;
  padding:5px!important
}


/* Custom CSS  */
.single-catalog .text-center h1 {
	font-family: "Noto Sans", sans-serif;
	font-size: 28px;
	font-weight: 700;
	position: relative;
	display: block;
	letter-spacing: 0.3px;
	color: #1e5192;
}
.single-catalog .download_btn, .download_btn:hover {
	padding: 7px 22px;
	font-size: 15px;
	margin-top: 10px;
	margin: 10px 0 30px !important;
}
.single-catalog .catalog_footerlog {
	width: 25%;
	margin-top: 50px;
	margin-bottom: 10px;
}
.single-catalog .mobile_bottom {
	padding-bottom: 30px !important;
}
.single-catalog .catalog_head {
	font-size: 24px;
	line-height: 130%;
}
.single-catalog > .row {
	display: flex;
}
.catalog_head, .check_icon, .download_1, .fa-chevron-circle-right {
	color: #1e5192;
	font-weight: 700;
	text-shadow: none;
}
html .container.single-catalog a {
	display: unset;
	text-shadow: none;
} 
li.catalog_text {
	position: relative;
	padding-left: 0;
}
li.catalog_text::before {
	position: absolute;
	left: -2px;
	top: 0;
	bottom: auto;
	right: auto;
	font-family: bootstrap-icons;
	font-size: 14px;
	color: #2679a6;
	content: "";
	display: none;
}
/******************************Single-Catalog PAGE End*******************************/

/**************************************************************** RESPONSIVE START ****************************************************************/
@media only screen and (max-width: 1300px) {
}
@media only screen and (max-width: 1200px) {
/******Header CSS Start*******/
	.menu-ul li a {
		font-size: 15px;
		margin: 0 14px;
	}
	.call-email-wrap a {
		font-size: 15px;
		padding-left: 33px;
	}
	.top-head .head-ser-wrap .searchInput {
		max-width: 450px;
		margin: 0 auto;
	}
	.head-category-show {
		padding: 9px 32px 10px 50px;
		font-size: 14px;
	}
	.head-category-show::before {
		left: 15px;
		top: 10px;
		font-size: 20px;
	}
	.head-category-show-wrap {
		width: 205px;
	}
	.head-category-ul li a {
		font-size: 13px;
		padding: 5px 5px;
	}
	.head-category-list {
		width: 25%;
	}
	.top-head .head-ser-wrap {
		width: 50%;
	}
	.top-head .Emil-er {
		width: 25%;
	}
	header .searchInput input {
		width: 450px;
	}
/******Header CSS End*******/

/******Footer CSS Start*******/
.ftcat {
	display: none;
}
.ft-qu {
	width: 20%;
}
.ftsele {
	width: 26%;
}
.ft-lo {
	width: 32%;
}
.ft-cnt {
	width: 22%;
}

/******Footer CSS End*******/

/**************************** HOME PAGE CSS Start **************************/
.med-prodct-wr {
	width: 25%;
}
.main-title h1, .main-title h2, .main-title h3, .main-title h4, .main-title h5, .main-title h6, .main-title p.nn-head-tag {
	font-size: 29px;
}
/* First Category Design CSS Start*/
.categ-1 .cat-get-btn {
	opacity: 1;
	position: static;
}
.categ-1 .cate-box-wrap:hover {
	padding-bottom: 0;
	margin-bottom: 0;
	z-index: 1;
}
.cat-pro-titl h2, .cat-pro-titl h3, .cat-pro-titl h4, .cat-pro-titl h5, .cat-pro-titl h6, .cat-pro-titl p {
	font-size: 16px;
}
.feature-ul li {
	font-size: 13px;
}
.feature-ul {
	max-height: 110px;
}
.categ-1 .category-cont {
	grid-gap: 13px;
	grid-template-columns: repeat(3,1fr);
}
/* First Category Design CSS End */
/* Second Category Design CSS Start */
.categ-2 .category-cont {
	grid-template-columns: repeat(3,1fr);
	grid-gap: 15px;
}
.categ-2 .feature-ul {
	max-height: 100px;
	height: 100px;
}
.categ-2 .sub-ico-catal, .categ-2 .bstbtnico, .categ-2 .eye-ex-x,
.categ-2 .cate-box-wrap .compare {
	right: 5px;
	opacity: 1;
	visibility: visible;
}
.categ-1 .feature-ul {
	max-height: 80px;
	height: 80px;
}
/* Second Category Design CSS End */
/**************************** HOME PAGE CSS END **************************/
/**************************** Category PAGE CSS Start **************************/
.medical-pro-list {
	grid-template-columns: repeat(4,1fr);
	grid-gap: 20px;
}
.product-title h2, .product-title h3, .product-title h4, .product-title h5, .product-title h6, .product-title p {
	font-size: 16px;
}
/**************************** Category PAGE CSS END **************************/

/**************************** Section PAGE CSS Start **************************/
.medical-list {
	width: 25%;
}
body .section-pg .sb-ctgpg {
	width: 75%;
	padding-left: 20px;
}
body .section-pg .sb-ctgpg .category-cont {
	grid-template-columns: repeat(2,1fr);
}
/**************************** Section PAGE CSS END **************************/
/******************************Catalog  PAGE Start*******************************/
.cata-box {
	grid-template-columns: repeat(3,1fr);
}
.cata-des-wrap {
	flex-direction: column;
}
.cata-img-wrap {
	width: 100%;
}
.cata-des-wrap .cata-sub-list {
	width: 100%;
	margin-top: 15px;
	padding-left: 0;
}
.cata-des-wrap .cata-sub-list ul {
	max-height: 74px;
}
.cata-des-wrap .cata-sub-list ul li .sub-cata-btn {
	margin: 0 10px;
}

/******************************Catalog  PAGE End*******************************/
/******************************Product-Details PAGE CSS End*******************************/
.product-details-sec .product-imgs {
	width: 35%;
	top: 160px;
}
.product-details-sec .pro-del-content-wrap {
	width: 65%;
}
.product-details-sec .img-select a {
	height: 80px;
}
/******************************Product-Details PAGE CSS Start*******************************/
}
@media only screen and (max-width: 1024px) {
    .header.fixed {
        position: fixed;
        background: #f57e2b;
        z-index: 999;
        width: 100%;
        transition: 0.5s all;
        box-shadow: 0 0 11px #404040;
        top: 0;
        bottom: auto;
        left: 0;
        right: 0;
        margin-top: -60px;
    }
	.nav-span {
		position: absolute;
		height: 29px;
		width: 29px;
		cursor: pointer;
		top: -1px;
		right: 15px;
		bottom: 0;
		margin: auto;
		background: #ff742c;
		border-radius: 3px;
		border: 1px solid #1e5192;
	}
    .main-header-wrapper .below-header-content .menu-ul {
        display: flex;
        justify-content: flex-start;
        align-items: unset;
        flex-direction: column;
    }
	.menu-header {
		transform: translateX(100%);
		-webkit-transform: translateX(100%);
		-moz-transform: translateX(100%);
		-ms-transform: translateX(100%);
		-o-transform: translateX(100%);
		display: block;
		position: fixed;
		height: 100%;
		max-height: 100%;
		z-index: 9999;
		top: 0;
		right: 0;
		bottom: 0;
		padding: 130px 0 30px;
		overflow: auto;
		transition: 0.5s all;
		float: none;
		margin: 0;
		box-shadow: none;
		left: auto;
		background: #1e5192;
		width: 330px;
		border-left: 2px solid #ff742c;
	}
    .show-menu .menu-header {
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0px, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
    }
	.show-menu .nav-span {
		z-index: 11111;
		background: #ff742c;
		border: 1px solid #ffffff;
	}
	.show-menu .nav-span::before {
		box-shadow: none;
		transform: rotate(45deg);
		background: #fff;
	}
    .show-menu .nav-span::after {
        opacity: 1;
        visibility: visible;
        transform: rotate(-45deg);
    }
	.nav-span::after {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		height: 2px;
		width: 23px;
		background: #fff;
		margin: auto;
		transform: rotate(-45deg);
		transition: 0.5s all;
		opacity: 0;
		visibility: hidden;
	}
	.nav-span::before {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		height: 2px;
		width: 23px;
		background: #fff;
		margin: auto;
		box-shadow: 0 -7px 0 0 #fff,0 7px 0 0 #fff;
		transition: 0.5s all;
	}

/* Custom CSS Start */
.main-header-wrapper .header-menu .nav-span {
	display: block;
}
.header-menu {
	width: 0;
}
.ask-btn-wrp {
	padding-right: 40px;
	width: 80%;
}
.menu-ul {
	display: block;
}
.menu-ul li a {
	margin: 0;
	padding: 12px 20px;
	color: #fff;
	border-bottom: 1px solid #fff;
	display: block;
	transition: 0.5s all;
}
html.show-menu {
	overflow: hidden;
}
.menu-ul li.Mobilehe-menu {
	display: block;
}
.mbacnt {
	display: none;
}
.menu-ul li a::before {
	display: none;
}
.menu-ul li a:hover, .menu-ul li.active a {
	color: #fff;
	background: #ff742c;
}

/************ Header CSS End **********/
/**************************** Category PAGE CSS Start **************************/
.medical-pro-list {
	grid-template-columns: repeat(4,1fr);
	grid-gap: 15px;
}
/**************************** Category PAGE CSS END **************************/
}
@media only screen and (max-width: 991px) {
	/************ Header CSS Start **********/
	.top-head .ask-btn-wrp {
		display: none;
	}
	.top-head .head-ser-wrap {
		width: 70%;
		padding-left: 0;
	}
	.head-logo-wrap {
		width: 30%;
	}
	.ask-btn-wrp {
		width: 70%;
	}
	.top-head .Emil-er {
		width: 25%;
		display: none;
	}
	.head-category-list {
		width: 30%;
	}
	.top-head .head-ser-wrap .searchInput {
		max-width: 500px;
		margin-left: auto;
		margin-right: 0;
	}
	header .searchInput input {
		width: 500px;
	}	
	.home-about {
		padding-bottom: 40px;
	}
	/************ Header CSS End **********/
	/******Footer CSS Start*******/
.ftcat {
	display: none;
}
.ft-qu  {
	width:27.5%;
}
.ft-lo{
	width: 45%;
	padding-right: 30px;
}
.ft-cnt{
	width:27.5%;
}
.ftsele {
	display: none;
}
/******Footer CSS End*******/
/**************************** HOME PAGE CSS Start **************************/
.med-prodct-wr {
	width: 25%;
}
.products-equi {
	margin: 0 -10px;
}
.med-prodct-wr {
	width: 33.33%;
	padding: 0 10px;
	margin-bottom: 20px;
}
.main-title h1, .main-title h2, .main-title h3, .main-title h4, .main-title h5, .main-title h6, .main-title p.nn-head-tag {
	font-size: 27px;
}
/* First Category Design CSS Start*/
.categ-1 .category-cont {
	grid-template-columns: repeat(2,1fr);
}
/* Second Category Design CSS Start */
.categ-2 .category-cont {
	grid-template-columns: repeat(2,1fr);
}
/* Second Category Design CSS End */
.contact-us-form .common-btn {
	padding-top: 20px;
}
/**************************** HOME PAGE CSS END **************************/
/**************************** Category PAGE CSS Start **************************/
.medical-pro-list {
	grid-template-columns: repeat(3,1fr);
	grid-gap: 20px;
}
/**************************** Category PAGE CSS END **************************/

/**************************** Sub-Category PAGE CSS Start **************************/
.categ-1.sb-ctgpg .category-cont > .cate-box-wrap:nth-child(3n) {
	border-right: 1px solid #ccc;
}
/**************************** Sub-Category PAGE CSS END **************************/
/**************************** Section PAGE CSS Start **************************/
.medical-list {
	width: 35%;
}
body .section-pg .sb-ctgpg {
	width: 65%;
}
body .section-pg .sb-ctgpg .category-cont {
	grid-template-columns: repeat(1,1fr);
}
/**************************** Section PAGE CSS END **************************/
/*******************************Product-details page CSS Start*******************************/
/* Rating Section CSS Start */
.rvw-wr {
	width: 50%;
	padding: 0 5px;
}
.tangcnt {
	font-size: 14px;
	padding: 0;
	height: 39px;
}
.ratbgbx .ratng-star .stars i {
	font-size: 13px;
}
.ratbgbx .ratng-star {
	padding-bottom: 6px;
}
.rvw-wr.lg-form-wr label, .rvw-wr.lg-form-wr.focused label {
	left: 10px;
}
.rvw-wr.lg-form-wr.select-inpt label {
	left: 10px;
}
.prd-det-rela .main-title h1,
 .prd-det-rela  .main-title h2,
  .prd-det-rela  .main-title h3,
   .prd-det-rela  .main-title h4,
    .prd-det-rela  .main-title h5,
	 .prd-det-rela  .main-title h6,
	  .prd-det-rela  .main-title p.nn-head-tag {
		font-size: 20px;
}
/* Rating Section CSS End */
.product-details-sec .product-imgs {
	width: 40%;
}
.product-details-sec .img-select a {
	height: 65px;
	border-radius: 2px;
}
.prodel-title h1, .prodel-title h2, .prodel-title h3, .prodel-title h4, .prodel-title h5, .prodel-title h6 {
	font-size: 20px;
}
.prodel-title p {
	font-size: 14px;
	padding: 7px 0 5px;
}
.pr-q-ad-wr .price, .pr-q-ad-wr .quantity-wrap, .pr-q-ad-wr .pro-dt-add-cart {
	padding-left: 10px;
}
.prod-det-cnt p.prou-det-tisp {
	font-size: 18px;
	padding: 0;
	margin-bottom: 10px;
}
.product-details-sec .pro-del-content-wrap {
	padding-left: 30px;
	width: 60%;
}
.pr-q-ad-wr .price::before, .pr-q-ad-wr .quantity-wrap::before, .pr-q-ad-wr .prd-getqt::before {
	display: none;
}
.features-des li::before {
	top: 5px;
	width: 6px;
	height: 6px;
}
.features-des li {
	padding-bottom: 6px;
	font-size: 15px;
	padding-left: 13px;
}
.prod-det-cnt p {
	font-size: 15px;
}
.speci-table tr th, .speci-table tr td {
	font-size: 14px;
}
.pr-q-ad-wr .price, .pr-q-ad-wr .quantity-wrap, .pr-q-ad-wr .prd-getqt {
	padding-left: 10px;
}
.pro-dt-sub-cate-catal {
	display: none;
}
/*******************************Product-details page CSS End*******************************/


}
@media only screen and (max-width: 850px) {
/**************************** Category PAGE CSS Start **************************/
.medical-pro-list {
	grid-template-columns: repeat(3,1fr);
	grid-gap: 15px;
}
.product-img {
	height: 170px;
	padding: 10px;
}
/**************************** Category PAGE CSS END **************************/
/**************************** Section PAGE CSS Start **************************/
body .section-pg .sb-ctgpg .category-cont {
	grid-template-columns: repeat(1,1fr);
}
/**************************** Section PAGE CSS END **************************/
/******************************Catalog  PAGE Start*******************************/
.cata-box {
	grid-template-columns: repeat(2,1fr);
}
/******************************Catalog  PAGE End*******************************/

/******************************Contact  PAGE  Start*******************************/
.with-con li {
	width: 240px;
}
/******************************Contact  PAGE  End*******************************/
}
@media only screen and (min-width: 768px) and (max-width:991px) {
	.product-details-sec .img-showcase {
		height: 100%;
	}
}
@media only screen and (max-width: 767px) {
	/************ Header CSS Start **********/
	.top-head .head-ser-wrap {
		width: 100%;
	}
	.head-category-list {
		display: none;
	}
	.top-head .head-ser-wrap .searchInput {
		margin-right: auto;
	}
	html, html body {
		overflow-x: hidden;
	}
	/************ Header CSS End **********/

	/******Footer CSS Start*******/
			.ft-qu  {
				width:50%;
				padding-left: 30px;
				padding-right: 0;
			}
			.ft-lo{
				width: 50%;
				padding: 0;
			}
			.ft-cnt{
				width: 100%;
				margin-top: 25px;
			}
	/******Footer CSS End*******/

/**************************** HOME PAGE CSS Start **************************/
.banner-img {
	display: none;
}
.home-about {
	display: none;
}
.main-title p {
	display: none;
}
.med-prodct-wr {
	padding: 0 5px;
	margin-bottom: 10px;
}
.pro-equ-ig-wr {
	height: 180px;
}
.products-equi {
	margin: 0 -5px;
}
.list-pr-bx p {
	font-size: 15px;
}
.list-pr-bx {
	padding: 5px;
}
.categ-2 {
	padding-bottom: 50px;
}
.categ-1 .cate-img-box-wrap a img {
	height: 160px;
}
/* First Category Design CSS Start */
.categ-1 .cate-img-box-wrap a {
	padding-right: 0;
	width: 100%;
	padding-bottom: 15px;
}
.categ-1 .cate-img-box-wrap {
	width: 100%;
}
.categ-1 .cate-uni-wrap {
	width: 100%;
}
.feature-ul {
	max-height: 100%;
}
.feature-ul li {
	font-size: 14px;
}
.medical-Equi {
	padding-bottom: 40px;
	padding-top: 40px;
}
.categ-1 {
	padding-bottom: 40px;
}
.tt-viebtn {
	justify-content: center;
}
.tts-btn {
	display: none;
}
.categ-1 .feature-ul {
	max-height: 100%;
	height: 100%;
}
/* First Category Design CSS End */
	/* Second Category Design CSS Start*/
	.categ-2 .cate-img-box-wrap img {
		height: 160px;
	}
	.categ-2 .category-cont {
		grid-gap: 10px;
	}
	/* Second Category Design CSS End */
/**************************** HOME PAGE CSS END **************************/
/**************************** Category PAGE CSS Start **************************/
.medical-pro-list {
	grid-template-columns: repeat(2,1fr);
	grid-gap: 15px;
}
/**************************** Category PAGE CSS END **************************/
/**************************** Section PAGE CSS Start **************************/
.medical-list {
	display: none;
}
body .section-pg .sb-ctgpg {
	width: 100%;
	padding: 0;
}
body .section-pg .sb-ctgpg .category-cont {
	grid-template-columns: repeat(2,1fr);
}
/**************************** Section PAGE CSS END **************************/
/*******************************Compare page CSS Start*******************************/
.compare-page {
	padding-top: 20px;
}
.compare-page .table th {
	font-size: 13px;
	padding: 3px 8px;
}
.compare-page .table > tbody > tr > td, .compare-page .table > tbody > tr > td a {
	font-size: 12px;
	padding: 3px 8px !important;
}
.compare-cart-btn.addToCartBtn {
	padding: 4px 8px 4px 8px;
	font-size: 12px;
	letter-spacing: 0.3px;
}
.compare-page .table {
	width: 767px;
}
/*******************************Compare page CSS End*******************************/

/******************************Catalog  PAGE Start*******************************/
.cata-pop-wrap ul li {
	width: 100%;
}
.cata-popup-wrap .modal-dialog {
	max-width: 350px;
}
.pop-cata-btn {
	margin: 10px 0 0;
}
.cata-pop-wrap {
	height: 130px;	
}
/******************************Catalog  PAGE End*******************************/

/******************************Contact  PAGE  Start*******************************/
.with-con li {
	height: 145px;
	width: 33.33%;
	background: #fff;
	padding: 10px 10px 10px 10px;
	font-size: 15px;
	margin: 0 5px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.with-con li::before {
	display: none;
}
/******************************Contact  PAGE  End*******************************/
/******************************Ask Expert Form Start*******************************/
.ask-expert .btn-close {
	right: 8px;
	top: 7px;
}
.ask-expert .modal-dialog {
	margin: 40px 15px 0;
}
/******************************Ask Expert Form End*******************************/
/*******************************Product-details page CSS Start*******************************/
.product-details-sec .product-imgs {
	width: 100%;
	padding: 0;
	max-width: 340px;
	margin: 0 auto;
	position: static;
}
.product-details-sec .pro-del-content-wrap {
	padding-left: 0;
	padding-top: 20px;
	width: 100%;
}
.product-details-sec .container {
	display: block;
}
.product-details-sec .img-showcase {
	height: 350px;
}
/* FAQ Section CSS Start */
.accordion {
	padding: 20px 0;
	grid-template-columns: repeat(1,1fr);
	grid-gap: 15px;
	margin-top: 5px;
}
.Faq-header {
	font-size: 15px;
}
.subcateg-FAQ{
	padding-bottom: 50px;
}
/* FAQ Section CSS End */
/*******************************Product-details page CSS End*******************************/
}
@media only screen and (min-width: 586px) and (max-width:768px) {
}
@media only screen and (max-width: 585px) {
	/************ Header CSS Start **********/
	.main-header-wrapper .Emil-er {
		display: none;
	}
	.head-logo-wrap.deklgnt {
		width: 45%;
		display: block;
	}
	.main-header-wrapper .header-menu {
		width: 55%;
	}
	.top-head .head-logo-wrap {
		display: none;
	}
	.top-head .head-ser-wrap {
		width: 100%;
		padding: 0;
	}
	.head-logo-wrap a {
		max-width: 170px;
		height: 33px;
	}
	.top-head .head-ser-wrap .searchInput {
		max-width: 100%;
		margin: 0 auto;
		width: 100%;
	}
	header .searchInput input {
		width: 100%;
	}
	.ask-btn-wrp {
		display: none;
	}
	.head-logo-wrap {
		width: 50%;
	}
	header .searchInput input {
		height: 36px;
		font-size: 14px;
		border-radius: 3PX;
	}
	.searchInput .icon {
		height: 28px;
		font-size: 13px;
		padding: 0 7px 0 7px;
	}
	.top-head {
		background: #1e5192;
	}
	.main-header-wrapper {
		padding: 6px 0;
		background: #fff;
		border-bottom: 1px solid #b5cdea;
	}
	.nav-span{
		border: 1px solid #333;
	}
	.show-menu .nav-span {
		border: 1px solid #fff;
	}
	.inner-header.fixed {
		margin-top: -50px;
	} 
	/************ Header CSS End **********/
		/******Footer CSS Start*******/
		.ft-qu  {
			width:100%;
			padding-left: 0;
			margin-top: 25px;
		} 
		.ft-lo{
			width: 100%;
			padding: 0;
		}
		.ftt-s {
			font-size: 19px;
			margin-bottom: 10px;
		}
		.ft-wrap ul li:not(:last-child) {
			margin-bottom: 5px;
		}
		body .ft-wrap .ft-con li {
			margin-bottom: 15px;
		}
		.copywrite .container {
			display: block;
			text-align: center;
		}
		.copywrite a {
			padding-right: 0;
			margin-right: 0;
			border-right: 0;
		}
		.foot-ab-cnt {
			text-align: justify;
		}
		/******Footer CSS End*******/
	/**************************** HOME PAGE CSS Start **************************/
	.med-prodct-wr {
		width: 50%;
	}
	.pro-equ-ig-wr {
		padding: 8px;
	}
	/* First Category Design CSS Start */
	.categ-1 .category-cont {
		grid-template-columns: repeat(1,1fr);
	}
	.categ-1 .cate-box-wrap {
		border: 1px solid #ccc;
	}
	.categ-1 .category-cont > .cate-box-wrap:nth-child(3n) {
		border-right: 1px solid #ccc;
	}
	.main-title h1,
	 .main-title h2,
	  .main-title h3, 
	  .main-title h4, 
	  .main-title h5,
	   .main-title h6, 
	   .main-title p.nn-head-tag {
		font-size: 22px;
	}
	.main-title h1::first-letter,
	 .main-title h2::first-letter,
	  .main-title h3::first-letter,
	   .main-title h4::first-letter,
	    .main-title h5::first-letter,
		 .main-title h6::first-letter,
		  .main-title p.nn-head-tag::first-letter {
		font-size: 30px;
	}
	/* First Category Design CSS End */
	/* Second Category Design CSS Start*/
	.categ-2 .category-cont {
		grid-template-columns: repeat(1,1fr);
		grid-gap: 15px;
	}
	.categ-2 .feature-ul {
		max-height: 100%;
	}	
	/* Second Category Design CSS End */
	body .common-page {
		padding: 40px 0;
	}
	/**************************** HOME PAGE CSS END **************************/
	/**************************** Section PAGE CSS Start **************************/
	body .section-pg .sb-ctgpg .category-cont {
		grid-template-columns: repeat(1,1fr);
	}
	/**************************** Section PAGE CSS END **************************/
	/*******************************Terms page CSS Start*******************************/
		.Terms-page .content-con p.hil {
			text-align: justify;
		}
		.Terms-page .content-con p {
			font-size: 15px;
			padding-bottom: 7px;
			line-height: 130%;
		}
		.Terms-page .content-con p.hil::before {
			top: 5px;
		}
	/*******************************Terms page CSS End*******************************/
	/*******************************About page CSS End*******************************/
		.abpgcnt {
			padding-top: 15px;
		}
		.abpgcnt p {
			font-size: 15px;
			padding-bottom: 7px;
			text-align: justify;
		}
	/*******************************About page CSS End*******************************/
	/******************************Thankyou PAGE Start*******************************/
			.thankyou-page {
				padding: 60px 0;
			}
			.thanks h1 {
				font-size: 30px;
			}
			p.thanks-des {
				font-size: 18px;
				padding-top: 10px;
			}
			.go-btn .btn {
				font-size: 16px;
				line-height: 40px;
				padding: 0 30px;
				border-radius: 20px;
				margin-top: 10px;
			}
	/******************************Thankyou PAGE End*******************************/
	/******************************Error PAGE Start*******************************/
			.error-page .page-title h1 {
				font-size: 55px;
				padding-bottom: 20px;
			}
			.error-page .content-area h2 {
				font-size: 18px;
				line-height: 140%;
			}
			.error-page .content-area p {
				font-size: 16px;
				padding: 20px 0 30px;
			}
			.error-page {
				padding: 40px 0;
			}
	/******************************Error PAGE End*******************************/	
	/******************************Catalog  PAGE Start*******************************/
	.cata-box {
		grid-template-columns: repeat(1,1fr);
	}
	.cata-title h2, .cata-title h3, .cata-title h4, .cata-title h5, .cata-title h6 {
		font-size: 16px;
		padding: 4px 6px 4px 6px;
	}
	.cata-des-wrap .cata-sub-list ul {
		max-height: 100%;
	} 
	/******************************Catalog  PAGE End*******************************/
	/******************************Contact  PAGE  Start*******************************/
	.with-con {
		flex-wrap: wrap;
	}
	.with-con li {
		height: 125px;
		width: 100%;
		font-size: 15px;
		margin: 0 0 10px 0;
	}
	.contact-us-form {
		padding: 20px 15px 20px;
		margin-top: 20px;
	}
	.contact-us-form .main-div {
		grid-template-columns: repeat(1,1fr);
		grid-gap: 0;
	}
	/******************************Contact  PAGE  End*******************************/
	/******************************Ask Expert Form Start*******************************/
	.ask-expert .modal-dialog {
		margin: 30px 15px 0;
	}
	.ask-expert .modal-body > p {
		font-size: 16px;
	}
	.ask-expert .modal-title {
		font-size: 21px;
	}
	.ask-expert-form .lg-form-wr {
		padding: 0 0 10px;
	}
	.ask-expert-form .main-div {
		grid-template-columns: repeat(1,1fr);
	}
	.ask-expert .modal-body {
		padding: 10px;
	}
	/******************************Ask Expert Form End*******************************/

	/*******************************Product-details page Start*******************************/
	/* Rating Section CSS Start*/
	.rvw-wr .syr {
		height: 35px;
	}
	.rvw-wr {
		width: 100%;
		padding: 0;
	}
	.ratbgbx {
		padding: 12px 16px;
	}
	.ratngcrousl.owl-carousel .owl-nav {
		margin: 0 -14px;
	}
	/* Rating Section CSS End */
	.pro-dt-sub-cate-catal a {
		font-size: 14px;
		line-height: 27px;
		padding: 0 10px 0 10px;
	}
	.prd-getqt .gtqtbrn {
		line-height: 27px;
		padding: 0 7px 0 7px;
		font-size: 14px;
	}
	.buyNow.prdbyn {
		line-height: 28px;
	}
	.prd-getqt .gtqtbrn::before {
		display: none;
	}
	.ratngcrousl.owl-carousel .owl-nav button::before {
		left: 0;
		bottom: 0px;
	}
	/*******************************Product-details page CSS End*******************************/
}
@media only screen and (max-width: 450px) {
	/**************************** Category PAGE CSS Start **************************/
	.medical-pro-list {
		grid-template-columns: repeat(1,1fr);
		grid-gap: 15px;
	}
	.medical-cate-pro-list {
		padding-top: 15px;
	}  
	/**************************** Category PAGE CSS END **************************/  
}
/****************************** Single-Catalog page CSS Start*******************************/
@media only screen and (min-width:320px) and (max-width:580px) {
	.body1_part1,
	.body2,
	.body3 {
	  box-shadow:0 0 30px rgb(0 0 0 / .253)
	}
	.download_btn {
		background-color: #ff742c;
		/* border: none; */
		color: #fff;
		padding: 9px 20px;
		cursor: pointer;
		font-size: 17px;
		margin-top: 17px;
		text-decoration: none;
		border: 1px solid #1e5192;
	}
	.download_btn:hover {
		background: #1e5192;
		border-color: #ff742c;
		box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
		color: #fff;
	}
	.body1_part1 {
	  max-height:840px;
	  position:relative;
	  margin-top:0
	}
	.catalog_cover {
	  background-image:url(../images/catalog-bgm.png);
	  background-size:cover;
	  max-width:100%;
	  max-height:840px;
	  margin:auto
	}
	.catalog_logo {
	  width:35%;
	  margin:20px 20px 0 0
	}
	.catalog_img {
	  width:60%;
	  margin-top:115px
	}
	.catalog_head {
	  font-size:21px;
	  margin-top:150px;
	  line-height:25px;
	  margin-left:8px
	}
	.catalog_contact {
	  margin-top:30px;
	  margin-bottom:auto;
	  margin-left:8px;
	  font-size:14px
	}
	.body2,
	.body3 {
	  height:auto;
	  padding:10px 0
	}
	.body_center {
	  margin:0 25px
	}
	.catalog_subhead {
		color: #1a63be;
		font-size: 20px;
		padding: 15px 0 0;
	}
	.catalog_text {
	  margin:5px 10px 0 0
	}
	.table,
	td,
	th {
	  border:1px solid #5f6788;
	  margin-top:2px
	} 
	.table {
	  padding-bottom:10px
	}
	.catalog_footerlog {
	  width:40%;
	  margin-top:120px;
	  margin-bottom:10px
	}
	/* Custom CSS */
	.container.single-catalog {
		padding: 10px;
	}
	.single-catalog .catalog_head {
		font-size: 22px;
		line-height: 140%;
		margin-top: 150px;
	}
	.single-catalog .catalog_contact {
		margin-top: 10px;
	}
	.single-catalog .text-center h1 {
		font-size: 19px;
	}
	.table > tbody > tr > td {
		font-size: 13px;
	}

}
  @media only screen and (min-width:576px) and (max-width:768px) {
	.body1_part1,
	.body2,
	.body3 {
	  box-shadow:0 0 30px rgb(0 0 0 / .253)
	}
	.download_btn {
		background-color: #ff742c;
		/* border: none; */
		color: #fff;
		padding: 9px 20px;
		cursor: pointer;
		font-size: 17px;
		margin-top: 17px;
		text-decoration: none;
		border: 1px solid #1e5192;
	}
	.download_btn:hover {
		background: #1e5192;
		border-color: #ff742c;
		box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
		color: #fff;
	}
	.check_icon {
	  margin-left:-30px
	}
	.body1_part1 {
	  max-height:840px;
	  position:relative;
	  margin-top:0
	}
	.catalog_cover {
	  background-image:url(../images/catalog-bgm.png);
	  background-size:cover;
	  max-width:100%;
	  max-height:840px;
	  margin:auto
	}
	.catalog_logo {
	  width:120px;
	  margin:20px 20px 0 0
	}
	.catalog_img {
	  width:220px;
	  margin-top:115px
	}
	.catalog_head {
	  font-size:22px;
	  margin-top:180px;
	  line-height:25px;
	  margin-left:8px
	}
	.catalog_contact {
	  margin-top:30px;
	  margin-bottom:auto;
	  margin-left:8px;
	  font-size:14px
	}
	.body2,
	.body3 {
	  height:auto;
	  padding:10px 0
	}
	.body_center {
	  margin:0 25px
	}
	.catalog_subhead {
		color: #1a63be;
		font-size: 20px;
		padding: 15px 0 0;
	}
	.catalog_text {
	  margin:5px 10px 0 0
	}
	.table,
	td,
	th {
	  border:1px solid #5f6788;
	  margin-top:2px
	}
	.table {
	  padding-bottom:10px
	}
	.catalog_footerlog {
	  width:30%;
	  margin-top:120px;
	  margin-bottom:10px
	}
/* Custom CSS */
	.single-catalog .catalog_head {
		font-size: 24px;
	}
  }
/****************************** Single-Catalog page CSS End*******************************/

/* font-family: "Noto Sans", sans-serif; */



/* Quick-vw CSS start */
.product-inner {
	position: relative;
}
.quickvwbt {
	width: 25px;
	height: 25px;
	background: #1e5192;
	border-radius: 3px;
	position: absolute;
	top: 5px;
	left: auto;
	right: 5px;
	bottom: auto;
	z-index: 1;
	cursor: pointer;
	pointer-events: all;
	border: 1px solid #ff742c;
}
.quickvwbt:hover{
	background-color: #ff742c;
	border-color: #fff;
}
.quickvwbt span {
	position: relative;
	display: block;
	height: 100%;
	width: 100%;
	font-size: 0;
}
.quickvwbt span::before {
	content: "\f228";
	font-family: bootstrap-icons;
	font-size: 17px;
	font-weight: 400;
	color: #fff;
	position: absolute;
	top: 3px;
	left: 4px;
	line-height: 100%;
}
.quickvwbt span {
	position: relative;
	display: block;
	height: 100%;
	width: 100%;
	font-size: 0;
}
.quic-cnt p {
	text-align: center;
	color: #fff;
	font-size: 14px;
}
.quic-cnt {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 0;
	background: #00000094;
	opacity: 0;
	transition: 0.5s all;
	padding: 10px;
}
.quickvwbt:hover + .quic-cnt{
	opacity: 1;
	height: 100%;
}

/* =============================== */
/* Loader */
/*.lab_loader {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 9999;
	width: 100px;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
  }
  
  .dual-ring {
	display: inline-block;
	width: 64px;
	height: 64px;
  }
  .dual-ring:after {
	content: " ";
	display: block;
	width: 46px;
	height: 46px;
	margin: 1px;
	border-radius: 50%;
	border: 5px solid #5887c7;
	border-color: #5887c7 transparent #5887c7 transparent;
	animation: dual-ring 1.2s linear infinite;
  }
  
  @keyframes dual-ring {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
  }*/
  /* Loader Ends */
  /* ======================================== */
  
  
/* CAPTCHA */
.input-groups {
	display: flex;
	align-items: center;
	margin: 0;
	justify-content: flex-start;
}
  
  .input-wrapper {
	display: flex;
	/* width: 100%; */
	position: relative;
  } 
  .input-wrapper .captacha_refresh {
	border: none;
	outline: 0 none;
	position: absolute;
	top: 11px;
	right: 10px;
	color: #565656;
	background: transparent;
	padding: 0;
	height: auto;
}
  .input-wrapper i{
  background: #fff;
  padding: 6px 3px;
  }	
  .ask-expert .ask-expert-form br {
	display: none;
}
  .input-wrappersss {
	display: flex;
	width: 100%;
	position: relative;
  } 
  
  .input-wrappersss i {
	background: #fff;
	padding: 6px 3px;
	position: relative;
	left: -29px;
	top: 20px;
  }
  
  .input-wrapper .captcha_refresh{
	position: absolute;
	top: 0px;
	right: -18px;
	font-size: 13px;    
  }
  .input-wrapper .captcha_refresh .refresh-btn {
	background: #fff;
	padding: 6px 3px;
  }
  .input-wrapperss{display:flex;align-items:center;margin-left:5px}
  .input-wrapperss i {
	background: #fff;
	padding: 6px 3px;
	position: relative;
	left: -30px;
	top: 2px;
	color: #7c7979;
  }
  
  #contact_captcha {
	height: 46px;
  }
  
  .captcha-wrapper {
	display: flex;
	align-items: center;
  }
  .captcha-box {
	padding: 0;
	border-radius: 5px;
	background-color: #a4c4ca;
	font-family: Arial, sans-serif;
	color: #333;
	text-align: center;
	background-image: repeating-linear-gradient(19deg, transparent, transparent 7px, rgba(255, 255, 255, 0.1) -25px, rgba(255, 255, 255, 0.1) 13px);
	margin-right: 10px;
	margin-top: 0;
	height: 38px;
	width: 74px;
	margin-left: 0;
}
.input-groups .input-wrapper .captcha {
	height: 38px;
	width: 140px;
}
.input-wrapper .captacha_refresh .refresh-btn {
	padding: 0;
}
  .prod-captcha-box{border:1px solid #ccc;border-radius:5px;background-color:#0690bf;font-family:Arial,sans-serif;font-size:16px;background-size:8px 8px;color:#333;text-align:center;position:relative;}

input#contact_captcha {
	height: 38px;
	margin-top: 0;
	width: 200px;
}

/* Captcha End */
/* ============================= */


/* Search */

.scrollsearchbar {
	max-height: 300px;
	overflow-y: auto;
	background: #fff;
	padding: 10px;
	border: 1px solid #ccc;
	position: absolute;
	width: 100%;
	z-index: 1000;
	display: none;
  }
  .scrollsearchbar li {
	list-style: none;
	margin-bottom: 8px;
  }
  .scrollsearchbar a {
	text-decoration: none;
	display: block;
  }

#scrollsearch {
	display: none; /* Hidden by default until results appear */
	width: 100%;
	max-height: 300px; /* Set a max height for the dropdown */
	overflow-y: auto; /* Scrollable if content exceeds height */
	background: #fff;
	position: absolute;
	top: 100%;
	left: 0;
	box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	z-index: 1000;
  }
  
  /* Search content */
  .search-content {
	display: inline-flex;
	justify-content: space-between;
	width: 100%;
	padding: 10px;
	flex-direction: row-reverse;
  }
  .searchInput .search-content {
	padding: 0;
}
.search-content .categories-list ul, .search-content .products-list ul {
	height: 100%;
	padding: 0;
	margin-top: 0;
}
.searchInput.active .search-content .categories-list ul li,
 .searchInput.active .search-content .products-list ul li {
	padding: 0;
	border: 0;
	margin: 0;
}
.searchInput.active .search-content .categories-list ul li a:hover, .searchInput.active .search-content .products-list ul li a:hover {
	color: #fff !important;
	padding-left: 10px;
}
  /* Style for the products list */
  .products-list {
	flex: 1; /* Take equal width of the space */
	margin-right:0px; /* Add some spacing between categories */
  }
  
  .products-list h5 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
  }
  
  .products-list ul {
	padding: 0;
	list-style-type: none;
  }
  
  .products-list li {
	font-size: 14px;
  }
  
  .categories-list {
	flex: 1; 
  }
  
  .categories-list h5 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
  }
  
  .categories-list ul {
	padding: 0;
	list-style-type: none;
	margin-top: 15px;
	overflow: hidden;
	padding-right: 10px;
	overflow-y: auto;
	overflow-x: hidden;
	height: 65px;
	margin-right: 8px;
  }
  
  .categories-list li {
	font-size: 14px;
	margin-bottom: 8px;
  }
  
  /* Search End */
  /* =========================== */
  
  
.proc_catalog {
	text-align: center;
	font-weight: 600;
	margin-bottom: 50px;
  }
  
  #scrollsearch {
	display: none;
	width: 100%;
	max-height: 300px;
	overflow-y: auto;
	background: #fff;
	position: absolute;
	top: 100%;
	left: 0;
	box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	z-index: 1000;
	scrollbar-width: thin;
	scrollbar-color: #1e5192 #dfe0e0;
}
  .cart_empimg{
	width:20%;
  }
  .list-pr-bx h2, .list-pr-bx h3, .list-pr-bx h4, .list-pr-bx h5, .list-pr-bx h6 {
	font-size: 15px;
	color: #333;
	transition: 0.5s all;
}
h2.cntfrm-tt {
	font-size: 23px;
	font-weight: 700;
	position: relative;
	display: inline-block;
	letter-spacing: 0.3px;
	color: #1e5192;
	line-height: 130%;
	padding-bottom: 20px;
	text-transform: capitalize;
	display: block;
	text-align: center;
}
@media only screen and (max-width: 767px) {
	.searchInput .search-content {
		flex-wrap: wrap;
	}
	.searchInput .search-content .products-list {
		width: 100%;
		flex: unset;
		margin-bottom: 15px;
	}
	.products-list h5 {
		margin-bottom: 3px;
	}
}

img.no_product {
    width: 60%;
}



/************************************************************ CONVERTED TO ECOMMERCE SITE ****************************************************************************/
/******************* Header CSS Start **********************/
.account-ul {
	border: 1px solid #ff9500;
	position: relative;
}
.account-ul {
	min-width: 130px;
	z-index: 1;
	position: absolute;
	left: auto;
	right: 0;
	bottom: -63px;
	top: auto;
	opacity: 0;
	visibility: hidden;
	height: 0px;
	transition: ease-in-out;
	border-radius: 5px;
	background: #fff;
	display: none;
	min-height: 64px;
}
.account-show-wrap:hover .account-ul {
	opacity: 1;
	visibility: visible;
	pointer-events: all;
	z-index: 2;
	display: block;
}
.account-ul::before {
	position: absolute;
	top: -11px;
	bottom: auto;
	left: auto;
	right: 40px;
	color: #ff9500;
	line-height: 100%;
	font-family: bootstrap-icons;
	content: "\f235";
}
.account-ul a {
	font-size: 14px;
	line-height: 150%;
	display: block;
	color: #2c3691;
	padding: 5px 10px;
	font-weight: 500;
	text-transform: capitalize;
}
.account-ul a:hover {
	background: #ff9500;
	color: #fff;
}
.account-show {
	font-weight: 500;
	font-size: 16px;
	margin: 0;
	line-height: 100%;
	position: relative;
	padding-left: 10px;
	color: #1e5192;
	margin-left: 10px;
	border-left: 1px solid #ccc;
	pointer-events: all;
	cursor: pointer;
}
.account-show:hover {
	color: #f68552;
}
.account-ul::after{
    width: 76%;
    height: 10px;
    position: absolute;
    background: transparent;
    content: "";
    top: -10px;
    left: auto;
    right: 0;
    cursor: pointer;
    pointer-events: all;
}
.account-show-wrap {
	line-height: 100%;
}
.top-head .Emil-er {
	width: 30%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.top-head .head-ser-wrap {
	width: 50%;
}
.account-ul::after {
	width: 76%;
	height: 10px;
	position: absolute;
	background: transparent;
	content: "";
	top: -10px;
	left: auto;
	right: 0;
	cursor: pointer;
	pointer-events: all;
}
.afterlogin {
	display: none;
}
.menu-ul li.Mobilehe-menu {
	display: none;
}
/* What's app chat css Start*/
.rght-btn-sh a {
	position: relative;
	background: linear-gradient(122deg, rgb(37, 211, 102) 0%, rgb(96, 148, 71) 100%);
	border: 2px solid #fff;
	color: #fff;
	width: 47px;
	height: 45px;
	border-radius: 25px 0 0 25px;
	font-size: 0;
	border-right: 0;
}
.rght-btn-sh a::before {
	font-size: 27px;
	font-family: bootstrap-icons;
	position: absolute;
	top: 4px;
	bottom: 0;
	left: 10px;
	right: auto;
	content: "\f618";
	color: #fff;
}
.side-add-ct-btn.rght-btn-sh {
	bottom: 117px;
}
.side-add-ct-btn.rght-btn-sh a .product_numbers {
	font-size: 9px;
	width: 12px;
	height: 12px;
	background: #e7194f;
	transition: 0.5s all;
	border-radius: 50%;
	color: #fff;
	font-weight: 600;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 100%;
	position: absolute;
	top: 7px;
	left: auto;
	right: 4px;
	bottom: auto;
}
.rght-btn-sh a.headcart::before {
	content: "";
	background: url(../images/cartic.png) no-repeat;
	width: 25px;
	height: 25px;
	background-size: 100%;
	top: 9px;
	left: 10px;
	filter: brightness(0) invert(1);
}
/* What's app chat css End */
/******************* Header CSS Start **********************/

/******************* Footer CSS Start **********************/
.ftcat {
	padding-left: 30px;
}
/******************* Footer CSS End **********************/

/******************* Home Page CSS Start **********************/
.bstbtn .ask-quote {
	display: none;
}
.gtqtbrn.adrtdr::before {
	content: "\f245";
	font-size: 18px;
	inset: 4px auto 0 6px;
}
p.pricese {
	font-size: 16px;
	padding-bottom: 0;
	color: #7c0000;
	padding-top: 0;
	font-weight: 600;
} 
.bstbtnico .ask-quote {
	display: none;
}
.bstbtnico .cratsf::before {
	content: "\f245";
	font-size: 19px;
	left: 2px;
	top: -4px;
}
.prscr {
	margin-top: 10px;
	padding: 0 10px;
}
.categ-2 .feature-ul {
	max-height: 88px;
	height: 88px;
}
.pr-q-ad-wr .quantity-wrap {
	display: flex;
	align-items: center;
	padding: 0 0 0 15px;
}
.pr-q-ad-wr .price {
	padding-left: 15px;
}
.pr-q-ad-wr .quantity-wrap p {
	padding: 0 6px 0 0;
}
.pro-dt-add-cart {
	padding-left: 15px;
}
.pr-q-ad-wr .price, .pr-q-ad-wr .quantity-wrap, .pr-q-ad-wr .pro-dt-add-cart {
	position: relative;
	padding-left: 25px;
}
.pr-q-ad-wr .price::before, .pr-q-ad-wr .quantity-wrap::before, .pr-q-ad-wr .pro-dt-add-cart::before {
	content: "";
	width: 1px;
	height: 24px;
	position: absolute;
	left: 12px;
	right: auto;
	top: 7px;
	bottom: auto;
	background-color: #ccc;
}
.pr-q-ad-wr .price::before {
	top: -2px;
}
 .pr-q-ad-wr .pro-dt-add-cart::before {
	top: 4px;
}
.quantity {
	display: inline-flex;
	border-radius: 2px;
	overflow: hidden;
	border: 1px solid #e5e5e5;
	align-items: center;
}
.quantity button {
	background-color: transparent;
	color: #2d2d2d;
	font-size: 20px;
	width: 30px;
	height: auto;
	transition: background-color .2s;
	box-shadow: none;
	border: 0;
	pointer-events: all;
	cursor: pointer;
}
.quantity .input-box {
	width: 45px;
	padding: 2px 5px;
	font-size: 16px;
	text-align: center;
	height: auto;
	border: 1px solid #e5e5e5;
	border-top: 0;
	border-bottom: 0;
}
.quantity button:hover {
	background-color: #e4e4e4;
}
.input-box[type="number"] {
	-moz-appearance: textfield;
}
.pr-q-ad-wr .prd-getqt .gtqtbrn.ask-quote {
	display: none;
}
.prd-getqt .gtqtbrn {
	margin: 0;
}
.prd-getqt .cart.gtqtbrn::before {
	content: "\f245";
	font-size: 18px;
	inset: 5px auto 0 6px;
}
.price .op {
	font-size: 16px;
	padding-bottom: 0;
	color: #7c0000;
	padding-top: 0;
	font-weight: 600;
}
/******************* Home Page CSS End**********************/

/******************************Myaccount PAGE Start*******************************/
/* Myaccount-orders Start */
/* Tracking Section CSS Start*/
.Myaccount-sec .card{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0.10rem
}
.Myaccount-sec .card-header:first-child{
    border-radius: calc(0.37rem - 1px) calc(0.37rem - 1px) 0 0
}
.Myaccount-sec .card-header{
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}
.Myaccount-sec .track {
	position: relative;
	background-color: #ddd;
	height: 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 50px;
	margin-top: 35px;
}
.Myaccount-sec .track .step{
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 25%;
    margin-top: -18px;
    text-align: center;
    position: relative
}
.Myaccount-sec .track .step.active::before {
	background: #2f3990;
}
.Myaccount-sec .track .step::before {
        height: 5px;
        position: absolute;
        content: "";
        width: 100%;
        left: 0;
        top: 18px;
		animation: none99;
    }
.Myaccount-sec .track .step.active .icon {
	background: #2f3990;
	color: #2f3990;
}
.Myaccount-sec .track .icon {
        display: inline-block;
        width: 35px;
        height: 35px;
        line-height: 35px;
        position: relative;
        border-radius: 100%;
        background: #ddd;
    }
	.Myaccount-sec .track .step.active .text {
		font-weight: 500;
		color: #5f6788;
	}
.Myaccount-sec .track .text {
	display: block;
	margin-top: 7px;
	font-size: 14px;
}
.Myaccount-sec .itemside{
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%
    }
.Myaccount-sec .itemside .aside{
        position: relative;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
.Myaccount-sec .img-sm{
        width: 80px;
        height: 80px;
        padding: 7px
    }
.Myaccount-sec  ul.row, ul.row-sm{
        list-style: none;
        padding: 0
    }
.Myaccount-sec .itemside .info{
        padding-left: 15px;
        padding-right: 7px
    }
.Myaccount-sec .itemside .title{
        display: block;
        margin-bottom: 5px;
        color: #212529
    }
.Myaccount-sec p{
        margin-top: 0;
    }
.Myaccount-sec  .order-card .track-div {
        display: none;
    }
.Myaccount-sec .order-card.tracking-show .track-div {
	display: block;
	padding: 0 30px;
}
.Myaccount-sec .Tracking-section .track-order .track:first-child {
	margin-top: 50px;
}
.Myaccount-sec .order-table {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.Myaccount-sec .order-card, .order-title {
	border-bottom: 1px solid #dee2e6;
}
.Myaccount-sec .order-card.tracking-show {
	background: #ffff;
}
.Myaccount-sec .order-card.tracking-show > .order-table {
	background: #faf8f5;
}
.Myaccount-sec .align-items-start {
	flex-wrap: wrap;
}
html .Myaccount-sec .container {
	max-width: 1200px;
}

.Myac-1-btns .myaccount-main-btn::after {
	font-family: bootstrap-icons;
	font-weight: 500;
	font-style: normal;
	font-size: 26px;
	color: #ff9401;
	line-height: 50px;
	position: absolute;
	right: 0;
	left: 0;
	bottom: 9px;
	top: auto;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #fff;
	margin: 0 auto;
	content: "\f4db";
	box-shadow: 0 20px 10px -20px rgba(0, 0, 0, 0.51) inset, 20px 0 10px -20px rgba(0, 0, 0, 0.28) inset;
}
.Myac-1-btns .myaccount-main-btn.myaddress-tab::after{
	content: "\f64c";
}
.Myac-1-btns .myaccount-main-btn.account-details-tab::after{
	content: "\f676";
}
.Myac-1-btns .myaccount-main-btn.change-password-tab::after {
	content: "\f538";
}
/* My Account tracking Bootstrap icon set CSS Start */
.track .icon > i {
	display: none;
}
.Myaccount-sec  .track .step .icon::before {
	font-family: bootstrap-icons;
	font-weight: 500;
	font-style: normal;
	font-size: 18px;
	color: #5f6788;
	line-height: 100%;
	position: absolute;
	right: 8px;
	left: auto;
	bottom: auto;
	top: 8px;
	content: "\f272";
}
.Myaccount-sec  .track .step.active .icon::before{
	color: #fff;
}
.Myaccount-sec  .track .step .icon.pickup::before {
	content: "\f4e1";
}
.Myaccount-sec  .track .step .icon.way::before {
	content: "\f5ea";
}
.Myaccount-sec  .track .step .icon.ready::before {
	content: "\f70d";
}
/* My Account tracking Bootstrap icon set CSS End*/

/* Tracking Section CSS End*/
.Myaccount-sec {
	padding: 90px 0;
}
.Myac-1-btns {
	margin: 20px 0 70px 0 !important;
	width: 100%;
	display: grid;
	grid-template-columns: repeat(4,1fr);
	grid-gap: 40px;
	border: 1px solid #6aadce;
	padding: 20px;
	border-radius: 5px;
	background: #f0f4fa;
}
.myac-1-content {
	width: 100%;
}
.Myac-1-btns .myaccount-main-btn {
	font-size: 16px;
	padding: 10px 10px 70px 10px;
	font-weight: 600;
	position: relative;
	letter-spacing: 0.4px;
	text-transform: capitalize;
	color: #4f5255;
	text-align: center;
	border-radius: 10px;
	overflow: hidden;
	border: 1px solid #9ba0cb;
	box-shadow: 0 0 2px 1px #f491491a;
	background: #fff;
}
.Myac-1-btns .myaccount-main-btn::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: auto;
	height: 4px;
	width: 100%;
	background: transparent;
}
.Myac-1-btns .myaccount-main-btn.active {
	color: #000;
	border-color: #fec274;
	background: linear-gradient(0deg, rgb(255, 255, 255) 0%, #fec27414 100%);
	box-shadow: 0 0 8px 1px #2679a624;
}
.Myac-1-btns .myaccount-main-btn.active::before {
	background-color: #ff9500;
}
.Myac-1-btns .myaccount-main-btn.active::after {
	color: #2e3997;
}
.my-ac-heading h2, .my-ac-heading h3, .my-ac-heading h4, .my-ac-heading h5, .my-ac-heading h6, .my-ac-heading h1, .my-ac-heading p {
	background-color: #fff;
	border-bottom: 1px solid #efefef;
	text-align: center;
	padding: 10px;
	letter-spacing: 0.5px;
	border-radius: 7px 7px 0 0;
	color: #2f3990;
	font-size: 21px;
	line-height: 120%;
	font-weight: 600;
}
.myac-content {
	border: 1px solid #cccccc;
	border-radius: 7px;
	background: transparent;
}
.order-wrap {
	padding: 25px 15px;
}
.order-card p, .order-title p {
	font-weight: 400;
	font-size: 14px;
	color: #545454;
	padding: 10px 0;
}
.order-title p {
	color: #777777;
	font-weight: 600;
}
.track .step .icon i {
	line-height: 35px;
}
.my-accnt .step::before {
	animation: none;
}
.Myaccount-sec .order-table button {
	background: #2679a60a;
	border: 1px solid #ff9d17;
	font-size: 14px;
	font-weight: 600;
	padding: 0 16px;
	line-height: 30px;
	color: #ff9d17;
	border-radius: 5px;
}
.Myaccount-sec .order-table button:hover {
	background-color: #1e5192;
	border-color: #ff9d17;
	color: #ffff;
}
/* Myaccount-orders End */
/* Myaccount-Address Start*/
.addres-bx-wrap {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	grid-gap: 20px;
	padding: 40px 15px 30px;
	max-width: 750px;
	margin: 0 auto;
}
.addres-bx-wrap .addres-wrap {
	border: 1px solid #ccc;
	padding: 20px;
	border-radius: 4px;
}
.myacnt-subheading p {
	color: #333333;
	font-size: 20px;
	line-height: 120%;
	padding: 0 15px 12px;
	font-weight: 600;
	margin: 0;
	display: block;
	text-align: center;
	letter-spacing: 0.4px;
}
 .Addres-frm form {
	display: flex;
	flex-wrap: wrap;
}
.Addres-frm form p {
	margin: 0 auto;
	width: 50%;
	padding: 0 10px 8px;
	position: relative;
}
.Addres-frm {
	padding: 0 15px 25px;
}
.submit .addres-btn {
	background: #1e5192;
	border: 1px solid #ff9400;
	color: #fff;
	font-weight: 500;
	text-transform: capitalize;
	line-height: 28px;
	letter-spacing: 0.2px;
	transition: 0.5s all;
	margin: 10px 0 0 0;
	padding: 0px 13px;
	border-radius: 4px;
	font-size: 14px;
}
.Addres-frm form p.submit {
	text-align: center;
}
.Addres-frm form p label {
	font-size: 13px;
	text-transform: capitalize;
	line-height: 100%;
}
.Addres-frm form p input {
	height: 38px;
	width: 100%;
	background: transparent;
	border: 1px solid #CCCCCC;
	padding: 0 10px;
	font-size: 14px;
	font-weight: 400;
	border-radius: 5px;
	color: #5f6788;
	margin: 0;
}
.textarea1 {
	height: 38px;
	width: 100%;
	background: transparent;
	border: 1px solid #CCCCCC;
	padding: 0 10px;
	font-size: 14px;
	font-weight: 400;
	border-radius: 5px;
	color: #5f6788;
	margin: 0;
}
.addres-bx-wrap .addres-wrap address {
	margin: 0;
	padding-bottom: 9px;
	font-size: 14px;
}
.Edit-btn {
	background: #2f3990;
	border: 1px solid #ff9700;
	color: #fff;
	font-weight: 500;
	text-transform: capitalize;
	line-height: 28px;
	letter-spacing: 0.2px;
	transition: 0.5s all;
	margin: 10px 0 0 0;
	padding: 0px 13px;
	border-radius: 4px;
	font-size: 14px;
}
.Address-form p.submit {
	text-align: center;
}
/* Myaccount-Address End*/

/* Myaccount-details Start*/
.orders-myacdeta form {
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
}
.orders-myacdeta form > .form-group {
	width: 50%;
	padding: 0 10px 6px;
}
.myac-content .card-body p.note-txt {
	font-size: 20px;
	line-height: 120%;
	padding: 20px 0 5px;
	font-weight: 500;
	margin: 0;
	display: block;
	text-align: left;
	letter-spacing: 0.4px;
}
.deta-pwd li {
	font-size: 14px;
	color: #333;
	font-size: 14px;
	line-height: 120%;
	padding: 0 0 6px 15px;
	font-weight: 400;
	position: relative;
}
.deta-pwd li::before {
	position: absolute;
	top: 5px;
	right: auto;
	bottom: auto;
	width: 6px;
	height: 6px;
	background: #ffab31;
	content: "";
	left: 0;
	border-radius: 50px;
}
.change-password.orders-myacdeta form .Submit {
	text-align: left;
	padding-left: 10px;
}
.orders-myacdeta form > .form-group input {
	height: 38px;
	width: 100%;
	background: transparent;
	border: 1px solid #CCCCCC;
	padding: 0 10px;
	font-size: 14px;
	font-weight: 400;
	border-radius: 5px;
	color: #5f6788;
	margin: 0;
}
.orders-myacdeta form > .form-group label {
	font-size: 13px;
	text-transform: capitalize;
	line-height: 100%;
}
.myac-content .card-body p {
	color: #333;
	font-size: 14px;
	line-height: 120%;
	padding: 0;
	font-weight: 400;
	margin: 0;
}
.myac-content .card-body p a {
	color: #ff9700;
}
.orders-myacdeta form .Submit {
	width: 100%;
	text-align: center;
}
.orders-myacdeta .Submit .btn {
	background: #2f398f;
	border: 1px solid #ff9900;
	color: #fff;
	font-weight: 500;
	text-transform: capitalize;
	line-height: 28px;
	letter-spacing: 0.2px;
	transition: 0.5s all;
	margin: 10px 0 0 0;
	padding: 0px 13px;
	border-radius: 4px;
	font-size: 14px;
}
.orders-myacdeta .Submit .btn:hover{
	border-color: #5f6788;
	background-color: transparent;
	color: #5f6788;
}
/* Myaccount-details End*/
/******************************My account PAGE End*******************************/
/*******************************Edit Address Popup CSS Start*******************************/
.Address-form input[type="number"] {
	-moz-appearance: textfield;
}
.checkout-pop-up .modal-title {
	text-transform: capitalize;
	font-weight: 700;
	line-height: 100%;
	display: block;
	position: relative;
	margin-bottom: 0px;
	color: #1e5192;
	font-size: 19px;
	text-align: center;
	letter-spacing: 0.3px;
}
.checkout-pop-up .modal-dialog {
	max-width: 650px;
}
.Address-form p {
	display: block;
	width: 100%;
	margin-bottom: 10px;
}
.Address-form label {
	position: relative;
	padding-bottom: 2px;
	margin-bottom: 0px;
	text-transform: capitalize;
	text-align: left;
	font-weight: 400;
	font-size: 13px;
	color: #5f6788;
	display: block;
	line-height: 100%;
}
.Address-form input {
	height: 38px;
	width: 100%;
	background: transparent;
	border: 1px solid #CCCCCC;
	font-weight: 400;
	margin: 0;
	border-left: 2px solid #ff9800;
	border-right: 2px solid #ff9800;
	border-radius: 5px;
	font-size: 14px;
	padding: 6px;
	color: #999;
}
.Address-form .submit input {
	font-style: normal;
	margin: 0px;
	display: block;
	text-align: center;
	height: 32px;
	font-weight: 500;
	text-transform: capitalize;
	line-height: 32px;
	letter-spacing: 0;
	padding: 0 7px;
	background: #1e5192;
	font-size: 14px;
	position: relative;
	border-radius: 2px;
	border: 1px solid #ff9800;
	transition: 0.5s all;
	color: #fff;
	display: inline-block;
	width: 120px;
}
.Address-form .submit input:hover{
	background-color: transparent;
	border-color: #5f6788;
	color: #5f6788;
}
/*******************************Edit Address Popup CSS End*******************************/
/******************************Addtocart popup Start*******************************/
.popu-wrap .pop-sub-title {
	display: flex;
	justify-content: space-between;
}
.popu-wrap .pop-sub-title h3, .popu-wrap .pop-sub-title h2, .popu-wrap .pop-sub-title h4, .popu-wrap .pop-sub-title h5, .popu-wrap .pop-sub-title h6, .popu-wrap .pop-sub-title p {
	font-weight: 600;
	font-size: 16px;
	line-height: 100%;
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 0px;
	text-transform: capitalize;
	color: #1e5192;
	letter-spacing: 0.6px;
}
.contnet-pop-des li {
	display: flex;
	justify-content: space-between;
	border-top: 1px solid #cccccc;
	align-items: center;
	padding: 7px 10px;
}
.popup-new-des li .pro-inp {
	display: flex;
	align-items: center;
}
.popup-new-des li .pro-inp input {
	width: 15px;
	height: 15px;
	margin-right: 10px;
	cursor: pointer;
}
.popup-new-des li .pro-inp img {
	height: 70px;
	border: 1px solid #2d8a99;
	border-radius: 3px;
	background: #f3f9fb;
	padding: 4px;
	width: 70px;
	object-fit: contain;
}
.contnet-pop-des li .pro-inp span, .contnet-pop-des .po-price {
	padding-left: 8px;
	text-transform: capitalize;
	text-align: left;
	font-weight: 400;
	display: inline-block;
	line-height: 150%;
	font-size: 14px;
	color: #333;
}
.popu-wrap .modal-header {
	justify-content: center;
}
.pop-btn {
	text-align: center;
}
.pop-btn .btn {
	border: 2px solid #f49149;
	color: #5f6788;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 35px;
	letter-spacing: 0.2px;
	padding: 0 15px;
	background: #f49149;
	transition: 0.9s all;
	font-size: 15px;
	margin-top: 10px;
}
.pop-btn .btn:hover{
	border: 2px solid #5f6788;
	font-weight: 500;
	border-radius: 35px;
	background: transparent;
}
/******************************Addtocart popup End*******************************/

/*******************************Addtocart page CSS Start*******************************/
.addtocart-sec {
	padding: 80px 0;
}
.add-to-cart-form {
	display: flex;
	justify-content: space-between;
	padding-top: 30px;
	margin: 0 150px;
}
.add-to-cart-form .shipping-cart {
	width: 65%;
}
.add-to-cart-form .price-pr-box {
	width: 35%;
	padding: 0 0 0 50px;
}
.add-to-cart-form .price-box {
	background: #fff;
	padding: 20px;
	box-shadow: 0 0 9px 0 #4db7b340;
	border-radius: 10px;
}
.price-box > h2, .price-box > h3, .price-box > h4, .price-box > h5, .price-box > h6, .price-box > p.prvtt {
	font-weight: 700;
	font-size: 18px;
	line-height: 100%;
	display: block;
	position: relative;
	text-transform: capitalize;
	color: #1e5192;
	text-align: left;
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 1px solid #dddddd;
	letter-spacing: 0.4px;
}
.price-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 17px;
}
.price-item p {
	text-align: left;
	font-size: 15px;
	line-height: 100%;
	text-transform: capitalize;
	margin: 0;
	font-weight: 500;
}
.price-item span {
	text-align: left;
	font-size: 16px;
	line-height: 100%;
	text-transform: capitalize;
	font-weight: 500;
}
.add-to-cart-form .Buy {
	line-height: 30px;
	padding: 0 20px;
	position: relative;
	font-weight: 600;
	display: block;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.9px;
	font-size: 13px;
	background: #1e5192;
	border: 1px solid #ff9800;
	border-radius: 5px;
	color: #fff;
}
.sub-total p, .sub-total span {
	font-weight: 600;
}
.add-to-cart-form .Buy:hover {
	border-color: #5f6788;
	background: transparent;
	color: #5f6788;
}
.addtocart-sec .product-des:not(:last-child) {
	margin-bottom: 20px;
}
.addtocart-sec .product-des {
	padding: 10px;
	box-shadow: none;
	border-radius: 5px;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border: 1px solid #90a9c9;
}
.addtocart-sec .remove {
	position: absolute;
	top: -10px;
	right: -13px;
	left: auto;
	bottom: auto;
	height: auto;
	line-height: 100%;
}
.addtocart-sec .remove button {
	font-size: 0;
	background: transparent;
	position: relative;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 1px solid #a7a7a7;
	padding: 0;
	background-color: #fff;
}
.addtocart-sec .remove button::before {
	font-family: bootstrap-icons;
	font-style: normal;
	font-weight: 600;
	font-size: 22px;
	padding: 0;
	content: "\f62a";
	position: absolute;
	left: 3px;
	top: 6px;
}
.addtocart-sec .remove button:hover {
	background-color: red;
	border-color: red;
	color: #fff;
}
.addtocart-sec .product-des img {
	height: 130px;
}
.addtocart-sec .pr-title h2, .addtocart-sec .pr-title h3, .addtocart-sec .pr-title h4, .addtocart-sec .pr-title h5, .addtocart-sec .pr-title h6 {
	color: #1e5192;
	display: inline-block;
	font-weight: 600;
	font-size: 16px;
	line-height: 130%;
	position: relative;
	padding-bottom: 7px;
	text-transform: capitalize;
	transition: 0.5s all;
}
.addtocart-sec .product-title-des {
	width: 75%;
}
.addtocart-sec .pr-des li {
	color: #6c6c6c;
	font-size: 13px;
	line-height: 100%;
	text-align: left;
	font-weight: 400;
	padding-bottom: 7px;
}
.addtocart-sec .pr-des li span {
	font-weight: 500;
	color: #333;
}
.addtocart-sec .price-other {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 10px;
}
.addtocart-sec .product-title-des .subul {
	height: 41px;
	overflow-y: auto;
	scrollbar-width: none;
}
.addtocart-sec .quantity-wrap {
	display: flex;
	align-items: center;
}
.addtocart-sec .quantity-wrap p {
	line-height: 100%;
	padding-right: 10px;
	font-size: 15px;
	color: #6c3428;
	font-weight: 500;
}
.addtocart-sec  p.stock {
	font-weight: 500;
	font-size: 15px;
	line-height: 100%;
	text-transform: capitalize;
	color: #007600;
	display: inline-block;
}
.addtocart-sec  .price span.dp {
	font-size: 14px;
}
.addtocart-sec .price span {
	font-size: 16px;
	color: #7c0000;
	font-weight: 600;
}
.addtocart-sec .pr-title h2:hover, .addtocart-sec .pr-title h3:hover, .addtocart-sec .pr-title h4:hover, .addtocart-sec .pr-title h5:hover, .addtocart-sec .pr-title h6:hover {
	color: #ff9500;
}
.medical-Equi.All-products-lis, .medical-Equi.search-page {
	padding: 60px 0 80px;
}
.accories-edit {
	padding: 7px 0 0 0;
	margin-top: 8px;
	border-top: 1px solid #ccc;
}
.scc-ti {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 10px;
}
body .acc-s {
	color: #1e5192;
	display: inline-block;
	font-weight: 600;
	font-size: 15px;
	line-height: 120%;
	position: relative;
	padding-bottom: 0;
	text-transform: capitalize;
	transition: 0.5s all;
}
.accories-edit .accedtbt button {
	display: inline-block;
	text-align: left;
	font-size: 16px;
	font-weight: 500;
	color: #1385b6;
	line-height: 100%;
	background: transparent;
	border: 0;
	padding: 0;
}
.accories-edit .accessory-details {
	display: flex;
	justify-content: space-between;
	padding-bottom: 6px;
}
.accories-edit .accessory-details span {
	font-weight: 500;
	font-size: 13px;
}
.accories-edit .accessory-details span.accessory-name {
	padding-right: 10px;
}
.breadcrumb-item .fa-house-chimney {
	display: none;
}
/*******************************Addtocart page CSS End*******************************/

/*******************************Checkout page CSS Start*******************************/
.Checkout-page {
	padding: 90px 0;
}
.checkout-ad {
	display: flex;
	margin: 0 auto;
	width: 100%;
	max-width: 900px;
	padding-top: 20px;
}
.checkout-address {
	width: 70%;
	padding-right: 20px;
	border-right: 1px solid #cecede;
	padding-top: 20px;
}
.checkout-price {
	width: 30%;
	padding-left: 20px;
	padding-top: 20px;
}
.checkout-address .adresses {
	border: 1px solid #1e5192;
	background-color: rgb(255, 255, 255);
	padding: 20px 30px 20px 50px;
	border-radius: 8px;
	box-shadow: 0 0 8px 0 #1e519273;
}
.check-title {
	display: flex;
	justify-content: space-between;
}
.check-title h2, .check-title .chk-tip {
	color: #1e5192;
	font-style: normal;
	font-weight: 600;
	font-size: 17px;
	line-height: 100%;
	margin: 0;
	padding: 0 0 0 0;
}
.check-title a {
	font-weight: 500;
	font-size: 15px;
	display: inline-block;
	color: #1e5192;
}
p.adress-des {
	text-align: left;
	color: #606060;
	font-size: 14px;
	line-height: 160%;
	margin: 0 0;
	padding: 15px 0 15px;
	font-weight: 500;
}
.adress-des.number {
	padding: 0;
}
.check-sub {
	font-weight: 500;
	font-size: 15px;
	line-height: 100%;
	display: block;
	position: relative;
	padding-bottom: 15px;
	margin-bottom: 0px;
	text-transform: capitalize;
	color: #353543;
	text-align: left;
}
.checkout-price .total-pro {
	display: flex;
	justify-content: space-between;
}
.checkout-price .total-pro p {
	margin: 0 0;
	padding: 0 0 8px 0;
	font-weight: 400;
	font-size: 14px;
	color: #333;
	line-height: 150%;
	text-align: left;
	display: flex;
	justify-content: flex-end;
}
.checkout-price .total-pro p input {
	-moz-appearance: textfield;
	background: transparent;
	padding: 0;
	font-size: 14px;
	color: #333;
	display: inline-block;
	border: 0;
	height: auto;
	width: 55px;
	font-weight: 500;
	box-shadow: none;
}
.checkout-price .total-pro.total-dis p input {
	color: #038d63;
}
.checkout-price .total-dis {
	border-bottom: 1px solid #b0b0b5;
}
.checkout-price .total-dis p {
	color: #038d63;
}
.checkout-price .order-total p {
	padding-top: 10px;
	font-weight: 600;
	color: #333;
	font-size: 16px;
}
.congr-to::before {
	font-family: bootstrap-icons;
	font-weight: 700;
	font-style: normal;
	line-height: 100%;
	position: absolute;
	right: auto;
	left: 12px;
	bottom: auto;
	top: 12px;
	width: 16px;
	height: 16px;
	background: #0c986e;
	border-radius: 50%;
	color: #fff;
	font-size: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	content: "\f4d1";
}
.congr-to {
	margin: 0;
	font-weight: 400;
	font-size: 13px;
	color: #019367;
	line-height: 40px;
	background: #d3f4ea;
	border-radius: 5px;
	padding: 0 0 0 40px;
	position: relative;
}
.checkout-price .Buy {
	font-size: 12px;
	line-height: 30px;
	padding: 0 20px;
	position: relative;
	font-weight: 600;
	display: block;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.9px;
	background: #1e5192;
	border: 1px solid #ff9502;
	color: #fff;
	margin-top: 20px;
	border-radius: 3px;
}
.checkout-price .Buy:hover {
	background: transparent;
	border-color: #5f6788;
	color: #5f6788;
}
body .btn:focus{
	box-shadow: none;
}
/*******************************Checkout page CSS End*******************************/
/****************************** Order Page CSS Start*******************************/
.details-order-page {
	padding: 50px 0;
}
.detor-bx {
	margin: 30px 0 0 0;
	border: 1px solid #ccc;
}
.detbsor {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #1e5192;
	padding: 10px;
}
.detbsor .detracking-id {
	margin: 0px;
	color: rgb(255, 255, 255);
	font-size: 16px;
	font-family: "Poppins", sans-serif;
	position: relative;
	text-align: left;
	line-height: 120%;
	font-weight: 600;
	text-transform: uppercase;
}
.detbsor .detracking-id span {
	text-transform: inherit;
	padding-left: 4px;
	font-weight: 500;
}
.detor-bx .pr-ct-im img{
	padding: 10px;
	height: 160px;
}
.trackgopag {
	color: #1e5192;
	text-decoration: none;
	border: 1px solid #fff;
	padding: 6px 8px 6px;
	font-size: 15px;
	line-height: 100%;
	background: #fff;
	font-weight: 500;
	border-radius: 3px;
}
.trackgopag:hover{
	color: #fff;
	background: transparent;
}
.ofrd-det {
	display: flex;
	justify-content: space-between;
	padding: 10px;
}
.ofrd-det > div {
	color: #8a8787;
	font-size: 15px;
	font-family: "Poppins", sans-serif;
	text-align: left;
	line-height: 120%;
	font-weight: 500;
}
.ofrd-det > div span {
	color: #333;
	font-weight: 500;
}
.detor-bx .Pr-cart-wr.row {
	border: 0;
	padding: 10px 0 20px;
}
.accories-txt {
	color: #333;
	font-size: 14px;
	line-height: 100%;
	text-align: left;
	font-weight: 600;
	font-family: "Poppins", sans-serif;
	padding: 0 0 9px 0;
	margin: 0;
}
.ct-pr-des li span.pdt-take {
	color: #6c6c6c;
	font-size: 13px;
	padding-left: 10px;
	font-weight: 400;
}
.detor-bx .ct-pr-des li {
	font-size: 14px;
	line-height: 110%;
	padding: 0 0 5px 0;
}
.trackgopagmob {
	display: none;
}
.single-pr-tit p {
	font-size: 16px;
	line-height: 120%;
	letter-spacing: 0;
	font-weight: 700;
	color: #1e5192;
	padding: 0 0 7px;
}
.ct-pr-des {
	margin: 0;
	padding: 0;
	max-height: 80px;
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: #1e5192 #dfdfdfb2;
	margin-right: 10px;
}
/****************************** Order Page CSS End*******************************/
/******************************Login PAGE Start*******************************/
.login-section {
	padding: 80px 0 80px;
}
.login-section .bg-white {
	width: 100%;
	margin: 0 auto;
	padding: 38px;
	margin-top: 0;
	max-width: 500px;
	border: 1px solid #e6e9e9;
	background: #fafafb;
	border-radius: 10px;
	box-shadow: 0 0 26px 0px #3333330d;
}
.login-section h3, .login-section h1, .login-section h2, .login-section h4, .login-section h5, .login-section h6 {
	font-size: 25px;
	display: block;
	text-align: center;
	padding-bottom: 20px;
	color: #1e5192;
	font-weight: 700;
}
.login-section .login_footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.login-section .heatingmt-btn {
	font-size: 13px;
	line-height: 30px;
	padding: 0 20px;
	position: relative;
	font-weight: 600;
	display: inline-block;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.9px;
	background: #2e3896;
	color: #fff;
	width: auto !important;
	border-radius: 3px;
	border: 1px solid #ff9500;
}
.login-section .heatingmt-btn:hover{
	background-color: transparent;
	border-color: #5f6788;
	color: #5f6788;
}
.login-section .sign-in-btn {
	text-align: center;
}
.different_login span {
	font-size: 16px;
	text-align: center;
	display: block;
	text-transform: uppercase;
	color: #0d4fa0;
	font-weight: 500;
}
.different_login {
	padding-bottom: 10px;
}
.login-section .form-note a {
	color: #2e3896;
	font-weight: 600;
}
.login-section .form-note a:hover {
	color: #ff9205;
}
/******************************Login PAGE End*******************************/
/******************************Register PAGE Start*******************************/
.register .input-wrap > div {
	padding-bottom: 9px;
}
.sign-up-btn {
	text-align: center;
	margin: 20px 0 10px 0;
}
.login-section input.form-control {
	height: 38px;
	width: 100%;
	background: transparent;
	border: 1px solid #CCCCCC;
	padding: 0 10px;
	font-size: 14px;
	font-weight: 400;
	border-radius: 5px;
	color: #5f6788;
	margin: 0;
	box-shadow: none;
}
/******************************Register PAGE End*******************************/

/* Confirm Order Popup CSS Start */
.Confirm-rdo .modal-header {
	justify-content: center;
	background: #1e5192;
	padding: 10px;
}
.Confirm-rdo .modal-title {
	font-weight: 700;
	line-height: 100%;
	display: block;
	position: relative;
	margin-bottom: 0px;
	text-transform: capitalize;
	color: #fff;
	font-size: 20px;
	text-align: center;
}
.Confirm-rdo .btn-close {
	background: #ed223d;
	opacity: 1;
	border: 1px solid #ed223d;
	border-radius: 50%;
	position: absolute;
	left: auto;
	right: 5px;
	bottom: auto;
	top: 6px;
	width: 25px;
	height: 25px;
	padding: 0;
	margin: 0;
	font-size: 16px;
	color: #fff;
	font-weight: 500;
}
.Confirm-rdo .modal-body {
	padding: 30px 15px;
	text-align: center;
}
.Confirm-rdo .modal-body {
	padding: 30px 15px;
	text-align: center;
	font-weight: 500;
	font-size: 17px;
	margin: 0 20px;
	line-height: 130%;
}
.Confirm-rdo .modal-footer {
	display: flex;
	justify-content: space-between;
	padding: 10px;
}
.Confirm-rdo .modal-footer button {
	color: #fff;
	box-shadow: none;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.3px;
	text-transform: capitalize;
	padding: 7px 13px 6px;
	line-height: 100%;
	border-radius: 20px;
	background: #f49e10;
	border: 1px solid #2e3997;
}
.Confirm-rdo .modal-footer button#cancelOrderBtn {
	background: #fff;
	color: #f49e10;
}
#confirmationModal.Confirm-rdo {
	padding: 0 !important;
}
/* Confirm Order Popup CSS End*/



/************************************* RESPONSIVE CSS START ***********************************************/
@media only screen and (max-width: 1200px) {
/******************************My account PAGE Start*******************************/
	/* Myaccount-details Start*/
	.Myaccount-sec {
		padding: 60px 0;
	}
	.Myac-1-btns {
		margin: 15px 0 50px 0 !important;
		grid-gap: 30px;
	}
	/* Myaccount-details End*/
/******************************My account PAGE End*******************************/
/*******************************Addtocart page CSS Start*******************************/
.add-to-cart-form {
	margin: 0;
}
.add-to-cart-form .price-pr-box {
	padding: 0 0 0 20px;
}
.addtocart-sec {
	padding: 60px 0;
}
/*******************************Addtocart page CSS End*******************************/
/*******************************Checkout page CSS Start*******************************/
.Checkout-page {
	padding: 70px 0;
}
/*******************************Checkout page CSS End*******************************/
/******************************Login PAGE Start*******************************/
.login-section {
	padding: 60px 0px;
}
/******************************Login PAGE End*******************************/

}
@media only screen and (max-width: 1024px) {
	.menu-ul li.Mobilehe-menu {
		display: block;
	}
	.account-show-wrap {
		display: none;
	}
	.top-head .head-ser-wrap {
		width: 50%;
	}
	.top-head .Emil-er {
		width: 25%;
	}
}
@media only screen and (max-width: 991px) {
/******************************Header CSS Start*******************************/
	.top-head .head-ser-wrap {
		width: 70%;
		padding-left: 0;
	}
	.top-head .Emil-er {
		display: none;
	}
/******************************Header CSS End*******************************/
/******************************My account PAGE Start*******************************/
.order-card p, .order-title p {
	font-size: 14px;
	color: #545454;
	padding: 7px 0;
}
.my-ac-heading h2, .my-ac-heading h3, .my-ac-heading h4, .my-ac-heading h5, .my-ac-heading h6, .my-ac-heading h1,  .my-ac-heading p{
	padding: 7px;
	font-size: 20px;
}
.Myaccount-sec .track .icon {
	width: 30px;
	height: 30px;
	line-height: 30px;
}
.track .step .icon i {
	line-height: 30px;
}
.Myaccount-sec .track .step::before {
	top: 14px;
}
.Myaccount-sec .track .step {
	margin-top: -14px;
}
.Myaccount-sec .track .text {
	font-size: 11px;
}
.Myaccount-sec .order-card .track-div.tracking-show {
	padding: 0 10px;
}
.Myaccount-sec .order-table button {
	font-size: 12px;
	padding: 0 12px;
	line-height: 25px;
}
.Myac-1-btns .myaccount-main-btn {
	font-size: 15px;
	padding: 90px 10px 15px 14px;
}
.Myac-1-btns {
	margin: 0 0 40px 0 !important;
	grid-gap: 15px;
}
.Myac-1-btns .myaccount-main-btn::after {
	font-size: 30px;
	line-height: 60px;
	top: 18px;
	width: 60px;
	height: 60px;
}
.address-wrap .card-body {
	padding: 10px 5px;
}
.address-wrap {
	grid-gap: 10px;
}
.address-wrap .myadd p {
	margin: 5px 0;
	font-size: 14px;
}
.address-wrap .myadd .btn {
	font-size: 13px;
	padding: 0 15px;
	line-height: 25px;
}
.orders-myacdeta .card-body {
	padding: 10px 10px;
}
.orders-myacdeta .card-body p {
	font-size: 14px;
}
.orders-myacdeta form > .form-group {
	padding: 0 5px 7px;
}
.orders-myacdeta .Submit .btn {
	height: 35px;
	line-height: 35px;
	margin: 10px 0 0 0;
	padding: 0 30px;
	font-size: 14px;
}
.orders-myacdeta form {
	display: block;
	margin-top: 20px;
}
.orders-myacdeta form > .form-group {
	width: 100%;
}
.Myaccount-sec {
	padding: 50px 0;
}
/* My Account tracking Bootstrap icon set CSS Start */
.Myaccount-sec .track .step .icon::before {
	font-size: 15px;
	right: 7px;
	top: 7px;
}
/* My Account tracking Bootstrap icon set CSS Start */
/******************************My account PAGE End*******************************/
/*******************************Addtocart page CSS Start*******************************/
.addtocart-sec .product-des:not(:last-child) {
	margin-bottom: 15px;
}
.addtocart-sec .product-des {
	padding: 10px;
	border-radius: 4px;
}
.add-to-cart-form .price-box {
	padding: 10px 15px;
	border-radius: 7px;
}
.addtocart-sec .product-title-des .subul {
	height: 37px;
}
.addtocart-sec .pr-title h2,
 .addtocart-sec .pr-title h3,
  .addtocart-sec .pr-title h4,
   .addtocart-sec .pr-title h5,
    .addtocart-sec .pr-title h6 {
	font-size: 15px;
	padding-bottom: 8px;
}
.addtocart-sec .pr-des li {
	font-size: 13px;
	padding-bottom: 5px;
}
.addtocart-sec .product-des img {
	height: 100px;
}
.addtocart-sec .price-other {
	padding-top: 10px;
}
.addtocart-sec .quantity-wrap p {
	padding-right: 7px;
	font-size: 14px;
}
.addtocart-sec p.stock {
	font-size: 13px;
}
.addtocart-sec .quantity button {
	width: 25px;
}
.addtocart-sec .quantity .input-box {
	width: 35px;
	padding: 0 5px;
	font-size: 14px;
}
.addtocart-sec {
	padding: 50px 0;
}
.addtocart-sec .remove button {
	width: 25px;
	height: 25px;
}
.addtocart-sec .remove button::before {
	font-weight: 500;
	font-size: 19px;
	left: 2px;
	top: 4px;
}
.add-to-cart-form {
	padding-top: 15px;
}

/*******************************Addtocart page CSS End*******************************/
/*******************************Checkout page CSS Start*******************************/
.Checkout-page {
	padding: 50px 0;
}
.checkout-address {
	padding-right: 10px;
	padding-top: 10px;
	width: 60%;
}
.checkout-address .adresses {
	padding: 20px;
}
p.adress-des {
	font-size: 14px;
	padding: 10px 0 5px;
}
.checkout-price .total-pro p {
	padding: 0px 0 5px 0;
	font-size: 13px;
}
.checkout-price {
	padding-left: 10px;
	padding-top: 10px;
	width: 40%;
}
.check-sub {
	font-size: 14px;
	padding-bottom: 10px;
}
.congr-to::before {
	left: 4px;
	top: 13px;
	width: 14px;
	height: 14px;
	font-size: 9px;
}
.congr-to{
	font-size: 11px;
	line-height: 40px;
	padding: 0px 0 0 22px;
}
.category-5 .main-title {
	text-align: center;
}
/*******************************Checkout page CSS End*******************************/
/******************************Login PAGE Start*******************************/
.login-section {
	padding: 40px 0px;
}
.login-section .bg-white {
	padding: 15px;
}
/******************************Login PAGE End*******************************/
.pr-q-ad-wr .price, .pr-q-ad-wr .quantity-wrap, .pr-q-ad-wr .pro-dt-add-cart {
	padding-left: 9px;
}
.pr-q-ad-wr .prd-getqt {
	padding: 0;
}


}
@media only screen and (max-width: 850px) {
/****************************** Order Page CSS Start*******************************/
.ofrd-det > div {
	font-size: 14px;
}
.ct-pr-des {
	max-height: 100%;
}

/****************************** Order Page CSS End*******************************/
}
@media only screen and (min-width: 586px) and (max-width:768px) {
/****************************** Order Page CSS Start*******************************/
.ofrd-det > div {
	font-size: 14px;
}
.ct-pr-des {
	max-height: 100%;
}
.detor-bx .pr-ct-im {
	display: none;
}
.ofrd-det {
	flex-wrap: wrap;
}
.ofrd-det div {
	width: 50%;
	padding-bottom: 10px;
	text-align: center;
}
.detor-bx .single-pr-tit {
	margin-top: 0;
	display: block;
	padding: 0 15px;
}
.detor-bx .ct-pr-des {
	max-height: 100%;
	margin: 0;
	padding: 0 15px;
}
.detor-bx .ct-pr-des li::marker {
	font-size: 0;
}
.accories-txt {
	font-size: 15px;
}
.detor-bx .ct-pr-des li {
	padding: 0 0 3px 0;
}
.detor-bx .Pr-cart-wr.row {
	border: 0;
	padding: 10px 0 0;
}

/****************************** Order Page CSS End*******************************/
}
@media only screen and (max-width: 767px) {
/******************************Header CSS Start*******************************/
	.top-head .head-ser-wrap {
		width: 100%;
	}
/******************************Header CSS End*******************************/
/*******************************My account PAGE Start*******************************/ */
.myac-1-content {
	width: 100%;
	padding-left: 0;
	margin-top: 0;
}
.Myac-1-btns {
	width: 100%;
	padding: 10px;
}
.Myaccount-sec .d-flex {
	flex-wrap: wrap;
}
.Myac-1-btns .myaccount-main-btn {
	font-size: 14px;
	padding: 65px 7px 15px 7px;
}
.Myac-1-btns .myaccount-main-btn::after {
	font-size: 23px;
	line-height: 48px;
	top: 13px;
	width: 48px;
	height: 48px;
}
.Myac-1-btns {
	margin: 15px 0 30px 0 !important;
	grid-gap: 10px;
}
.addres-bx-wrap .addres-wrap {
	padding: 10px;
}
/******************************My account PAGE End*******************************/
/*******************************Addtocart page CSS Start*******************************/
.addtocart-sec .add-to-cart-form {
	flex-direction: column;
	margin: 0 50px;
}
.add-to-cart-form .price-pr-box {
	padding: 20px 0 0 0;
	width: 100%;
}
.add-to-cart-form .price-box {
	padding: 20px;
}
.add-to-cart-form .shipping-cart {
	width: 100%;
}
.addres-bx-wrap {
	grid-gap: 10px;
	padding: 20px 10px 20px;
	max-width: 100%;
}
.Addres-frm form p {
	margin: 0 auto;
	width: 100%;
	padding: 0 0 4px;
}
.orders-myacdeta .Submit .btn {
	height: 32px;
	line-height: 32px;
	padding: 0 10px;
	font-size: 13px;
}
.quantity .input-box {
	width: 34px;
	padding: 0px 2px;
	font-size: 15px;
}
.pr-q-ad-wr .quantity-wrap p {
	display: none;
}
/*******************************Addtocart page CSS End*******************************/


}
@media only screen and (max-width: 585px) {
/******************************Header CSS Start*******************************/
.pr-q-ad-wr .price, .pr-q-ad-wr .quantity-wrap, .pr-q-ad-wr .pro-dt-add-cart {
	position: relative;
	padding-left: 10px;
}
/******************************Header CSS End*******************************/
/******************************My account PAGE End*******************************/
	.address-wrap {
		grid-template-columns: repeat(1,1fr);
		grid-gap: 10px;
	}
	.order-wrap {
		overflow-x: auto;
	}
	.Myaccount-sec .order-card, .order-title {
		width: 585px;
	}
	.Myac-1-btns {
		grid-template-columns: repeat(2,1fr);
	}
/******************************My account PAGE End*******************************/


/******************************Addtocart popup Start*******************************/
.pop-btn .btn {
	line-height: 30px;
	padding: 0 10px;
	font-size: 13px;
}
.popu-wrap .modal-dialog {
	max-width: 100%;
	margin: 20px 15px 0;
}
.popu-wrap .modal-title {
	font-size: 19px;
}

/******************************Addtocart popup End*******************************/
/*******************************Addtocart page CSS Start*******************************/
.addtocart-sec .add-to-cart-form {
	margin: 0;
}
.addtocart-sec .remove {
	top: -7px;
	right: -8px;
}
.addtocart-sec .product-des {
	flex-wrap: wrap;
}
.addtocart-sec .product-title-des {
	width: 100%;
	padding: 10px 0 0 0;
}
.addtocart-sec .product-des img {
	height: 130px;
}
.breadcrumb-sec {
	display: none;
}
/*******************************Addtocart page CSS End*******************************/
/*******************************Checkout page CSS Start*******************************/
.checkout-ad {
	flex-wrap: wrap;
	flex-direction: column-reverse;
}
.checkout-address {
	padding: 0;
	width: 100%;
	border: 0;
}
.checkout-price {
	padding: 15px 15px;
	width: 100%;
	border: 1px solid #5f6788;
	border-radius: 8px;
	margin-bottom: 20px;
}
/*******************************Checkout page CSS End*******************************/
/****************************** Order Page CSS Start*******************************/
.ofrd-det > div {
	font-size: 14px;
}
.ct-pr-des {
	max-height: 100%;
}
.detor-bx .pr-ct-im {
	display: none;
}
.ofrd-det {
	flex-wrap: wrap;
}
.ofrd-det div {
	width: 100%;
	padding-bottom: 10px;
	text-align: left;
}

.detor-bx .single-pr-tit {
	margin-top: 0;
	display: block;
	padding: 0;
}
.detor-bx .ct-pr-des {
	max-height: 100%;
	margin: 0;
	padding: 0 ;
}
.detor-bx .ct-pr-des li::marker {
	font-size: 0;
}
.accories-txt {
	font-size: 15px;
}
.detor-bx .ct-pr-des li {
	padding: 0 0 3px 0;
}
.detor-bx .Pr-cart-wr.row {
	border: 0;
	padding: 10px 0 0;
	margin: 0 0 10px 0;
}
.trackgopag {
	display:none;
}
.trackgopagmob, .trackgopagmob:hover {
	display: inline-block;
	border: 1px solid #1e5192;
	margin: 10px 0;
	font-size: 14px;
	color: #1e5192;
}
/****************************** Order Page CSS End*******************************/

}

.empty_cart {
    font-weight: 700;
    text-align: center;
    padding: 14px
}
/* Example: style the custom cart popup */
.iziToast.cart-popup {
    background: #f0f8ff;
    color: #333;
    font-family: 'Segoe UI', sans-serif;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.2);
}

/* Style buttons inside the toast */

.Offcanvas_menu_wrapper .follow_us,
.cart-option-popup-overlay.show,
.cart-option-popup.show,
.mega_menu_inner>li ul li,
.tracking .progress-1>ul>li.bullet-1 .el i,
.tracking .progress-2>ul>li.bullet-1 .el i,
.tracking .progress-3>ul>li.bullet-1 .el i,
.tracking .progress-3>ul>li.bullet-2 .el i,
.tracking .progress-4>ul>li.bullet-1 .el i,
.tracking .progress-4>ul>li.bullet-2 .el i,
.tracking .progress-5>ul>li.bullet-1 .el i,
.tracking .progress-5>ul>li.bullet-2 .el i,
.tracking .progress-5>ul>li.bullet-3 .el i,
.tracking .progress-6>ul>li.bullet-1 .el i,
.tracking .progress-6>ul>li.bullet-2 .el i,
.tracking .progress-6>ul>li.bullet-3 .el i,
.tracking .progress-7>ul>li.bullet-1 .el i,
.tracking .progress-7>ul>li.bullet-2 .el i,
.tracking .progress-7>ul>li.bullet-3 .el i,
.tracking .progress-7>ul>li.bullet-4 .el i,
li.box-category {
    display: block
}

.popup-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ddd
}
.popup-body {
    margin: 10px 0;
    padding: 13px
}
.close-btn {
    background: 0 0;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #333
}
.accessories-popup,
.cart-option-popup {
    position: fixed;
    transform: translate(-50%, -50%);
    padding: 20px
}

.cart-option-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 1000;
    display: none
}

.cart-option-popup {
	top: 50%;
	left: 50%;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, .1);
	z-index: 1001;
	display: none;
	max-width: 345px;
	width: 100%;
	border-radius: 5px;
}

.acc_sub, .acc_cancel {
	margin: 5px;
}

input::-ms-reveal,
input::-ms-clear {
  display: none;
}

.accessories-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 1000
}

.accessories-popup {
	top: 50%;
	left: 50%;
	margin-top: 0;
	background: #fff;
	box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
	z-index: 1001;
	width: 100%;
	max-width: 650px;
	max-height: 80vh;
	overflow-y: auto;
}

.header-item,
.table-item {
    display: table-cell;
    padding: 8px;
    border-bottom: 1px solid #ddd
}
.table-header,
.table-row {
    display: table-row
}
.table-row:hover {
    background-color: #f9f9f9
}
.popup-table {
    display: table;
    width: 100%;
    border-collapse: collapse
}
.popup-body {
    margin: 10px 0;
    padding: 13px
}
.accessory-image {
	width: 40px;
	border-radius: 3px;
}
/* Accessories Section */
.accessories-section h2 {
    font-size: 17px;
    margin: 6px 0 10px 0;
}

.accessories-section {
    width: 75%;
    position: relative;
    top: 15px;
/*    margin: 0px auto;*/

}
button.Editbtng {
    border: 2px solid #147bad;
    background: #147bad;
    color: #ffff;
    font-size: 11px;
    padding: 4px 10px;
    /* height: 29px; */
    /* width: 123px; */
    border-radius: 10px;
    margin: 0px 19px;
}
.flexkl {
display: flex;
/* justify-content: space-between; */
}
.accessory-name {
    text-align: left;
}

.accessory-price {
    text-align: right;
    font-weight: 500;
}
.accessory-item {
    display: flex;
    justify-content: space-between;
    padding: 3px 0;
    font-size: 14px;
}

.accessory-item .accessory-name {
    flex-basis: 80%;
}
.accessory-item .accessory-price {
    flex-basis: 26%;
    text-align: left;
}
.quantity-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
    max-width: 120px;
}
.qty-btn {
    width: 32px;
    height: 32px;
    background: #f1f1f1;
    border: none;
    font-size: 18px;
    cursor: pointer;
    transition: 0.3s;
}

.qty-btn:hover {
    background: #ddd;
}

.qty-input {
    width: 40px;
    height: 32px;
    text-align: center;
    border: none;
    background: #fff;
    font-size: 16px;
    pointer-events: none; 
}

/************************ Accessories popup CSS Start *************************/
.accessories-popup, .cart-option-popup  {
	padding: 0;
}
.accessories-popup .popup-header, .cart-option-popup .popup-header {
	padding: 10px;
	background: #1e5192;
	justify-content: center;
}
.accessories-popup .popup-header h1, 
.accessories-popup .popup-header h2, 
.accessories-popup .popup-header h3, 
.accessories-popup .popup-header h4, 
.accessories-popup .popup-header h5, 
.accessories-popup .popup-header h6, 
.accessories-popup .popup-header p , 
.cart-option-popup .popup-header h1, 
.cart-option-popup .popup-header h2, 
.cart-option-popup .popup-header h3, 
.cart-option-popup .popup-header h4, 
.cart-option-popup .popup-header h5, 
.cart-option-popup .popup-header h6, 
.cart-option-popup .popup-header p {
	font-weight: 700;
	line-height: 100%;
	display: block;
	position: relative;
	margin-bottom: 0px;
	text-transform: capitalize;
	font-size: 19px;
	text-align: center;
	letter-spacing: 0px;
	color: #fff;
}
.accessories-popup .popup-header .close-btn, .cart-option-popup .popup-header .close-btn {
	background: #ed223d;
	opacity: 1;
	border: 1px solid #ed223d;
	border-radius: 50%;
	position: absolute;
	left: auto;
	right: 5px;
	bottom: auto;
	top: 8px;
	width: 26px;
	height: 26px;
	padding: 0;
	margin: 0;
	font-size: 26px;
	color: #fff;
	font-weight: 600;
	line-height: 24px;
}
.accessories-popup .popup-body, .cart-option-popup .popup-body {
	margin: 0;
	padding: 20px 15px;
}
.popup-table .table-header .header-item {
	font-weight: 600;
	font-size: 15px;
	line-height: 100%;
	position: relative;
	margin-bottom: 0px;
	text-transform: capitalize;
	color: #1e5192;
	letter-spacing: 0.3px;
	padding: 0 5px 10px 5px;
}
.accessories-popup .table-item {
	vertical-align: middle;
	padding: 10px 5px;
}
.accessories-popup .table-item label, .accessories-popup .table-item span, .accessories-popup .table-item {
	font-size: 14px;
}
.accessories-popup .quantity-wrapper {
	width: 100%;
	max-width: 80px;
	border-radius: 3px;
}
.accessories-popup .quantity-wrapper .qty-input {
	width: 25px;
}
.accessories-popup .popup-footer, .cart-option-popup .popup-footer {
	display: flex;
	justify-content: space-between;
	padding: 10px 15px 20px;
	align-items: center;
}
.accessories-popup .popup-footer .btn, .cart-option-popup .popup-footer .btn {
	font-size: 13px;
	background: #fff;
	border-radius: 3px;
	line-height: 30px;
	position: relative;
	transition: 0.5s all;
	display: block;
	text-transform: capitalize;
	padding: 0 10px 0 10px;
	font-weight: 600;
	letter-spacing: 0;
	border: 1px solid #f49e10;
	color: #f49e10;
	margin: 0;
}
.accessories-popup .popup-footer .btn.btn-success, .cart-option-popup .popup-footer .btn.btn-success{
	background: #f49e10;
	color: #fff;
}
.cart-option-popup .popup-body p {
	font-size: 17px;
	text-align: center;
}
/**** Accessories Popup Responsive CSS Start ****/
@media only screen and (max-width: 767px) {
	.accessories-popup .table-item label,
	 .accessories-popup .table-item span,
	  .accessories-popup .table-item {
		font-size: 13px;
	}
	.accessories-popup .table-item {
		padding: 10px;
	}
	.accessories-popup .popup-body, .cart-option-popup .popup-body  {
		margin: 0;
		padding: 15px 10px;
	}
}	
@media only screen and (max-width: 650px) {
	.accessories-popup , .cart-option-popup{
	padding: 0;
	max-width: 100%;
	width: 345px;
}
.accessories-popup .popup-footer .btn , .cart-option-popup .popup-footer .btn {
	margin: 0 auto 5px;
}
.accessories-popup .popup-header h1,
 .accessories-popup .popup-header h2,
  .accessories-popup .popup-header h3, 
  .accessories-popup .popup-header h4,
   .accessories-popup .popup-header h5,
    .accessories-popup .popup-header h6,
	 .accessories-popup .popup-header p, 
.cart-option-popup .popup-header h1,
 .cart-option-popup .popup-header h2,
  .cart-option-popup .popup-header h3, 
  .cart-option-popup .popup-header h4,
   .cart-option-popup .popup-header h5,
    .cart-option-popup .popup-header h6,
	.cart-option-popup .popup-header p {
	font-size: 19px;
}
.popup-table .table-header .header-item {
	font-size: 14px;
	letter-spacing: 0px;
	padding: 0 10px 10px;
}
.accessories-popup .popup-footer, .cart-option-popup .popup-footer{
	display: block;
	padding: 0 10px 15px;
}
}	
/************************ Accessories popup CSS End*************************/

.product-priceop-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* or center if you want center alignment */
}
.cart_packof {
    font-size: x-small;
    color: #555;
}



/*skeleton loading*/
@keyframes shimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}

.skeleton {
  display: block;
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
  background-size: 800px 100px;
  animation: shimmer 1.5s linear infinite;
  background-color: #ccc;
  border-radius: 4px;
}

.equipment-loader-horizontal {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.equipment-card-horizontal {
  display: flex;
  align-items: center;
  gap: 20px;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);
  padding: 15px;
  border-radius: 8px;
}

.skeleton-img-horizontal {
  width: 160px;
  height: 120px;
  flex-shrink: 0;
}

.equipment-content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.skeleton-title {
  height: 20px;
  width: 60%;
}

.skeleton-count {
  height: 14px;
  width: 30%;
}
@media (max-width: 768px) {
  .equipment-card-horizontal {
    flex-direction: column;
    align-items: flex-start;
  }

  .skeleton-img-horizontal {
    width: 100%;
    height: 180px;
  }

  .skeleton-title,
  .skeleton-count {
    width: 80%;
  }
}
/**/