/*================================================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: "Exo", sans-serif;
	margin: 0;
	overflow-x: hidden;
}

*::-moz-selection {
	color: #fff;
	background: #05487c;
}

*::selection {
	color: #fff;
	background: #05487c;
}

*::-moz-selection {
	color: #fff;
	background: #05487c;
}

*::-webkit-selection {
	color: #fff;
	background: #05487c;
}

*::-ms-selection {
	color: #fff;
	background: #05487c;
}

*::-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: "Exo", sans-serif;
	outline: none;
	color: #333;
}

body a:hover {
	color: #2fb776;
}

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: "Exo", 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: "Exo", sans-serif;

}

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

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
	font-family: "Nunito 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: "Exo", sans-serif;
}

img {
	margin: 0 auto;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	display: block;
}

body p {
	color: #333;
	font-family: "Exo", 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: "Exo", 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: #2eb775;
	font-weight: 300;
	margin: 0;
	color: #fff;
	cursor: pointer;
	height: 40px;
	position: fixed;
	right: auto;
	width: 40px;
	line-height: 40px;
	z-index: 999;
	bottom: 40px;
	text-align: center;
	font-size: 0px;
	padding-left: 0px;
	border-radius: 2px;
	border: 1px solid #333;
	top: auto;
	/* height: 40px; */
	border-radius: 50%;
	left: 10px;
	margin: 0 auto;
}

#myBtn::before {
	font-size: 20px;
	content: "\f238";
	font-family: bootstrap-icons;
	position: absolute;
	top: -2px;
	left: 8px;
	right: auto;
	bottom: auto;
	font-weight: 600;
}

a#myBtn:hover {
	background: #fff;
	color: #333;
	box-shadow: 0px 0px 15px 2px #c7fde3;
	border-color: #333;
}

/*********************************************************  CUSTOM CSS START ****************************************************************/
/******Header CSS Start*******/
.top-head {
	padding: 5px 0;
	background: #fff;
	border-bottom: 1px solid #d2d2d2;
}

.top-head .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.head-logo-wrap {
	width: 20%;
}

.main-header-wrapper .ask-btn-wrp {
	width: 20%;
	text-align: right;
}

.top-head .head-ser-wrap {
	width: 60%;
	padding-right: 0;
}

.top-head .Emil-er {
	width: 40%;
	text-align: right;
}

.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 #0155b5;
	border-radius: 5PX;
}

.searchInput .resultBox {
	padding: 0;
	opacity: 0;
	pointer-events: none;
	max-height: 280px;
	overflow-y: auto;
}

.searchInput .icon:hover {
	background: #fff;
	border-color: #0155b5;
	color: #0155b5;
}

.searchInput .icon {
	position: absolute;
	left: auto;
	right: 4px;
	top: 4px;
	bottom: auto;
	z-index: 9;
	cursor: pointer;
	width: auto;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #2eb775;
	border-radius: 3px;
	border: 1px solid transparent;
	transition: 0.5s all;
	color: #fff;
	font-weight: 600;
	letter-spacing: 0.1px;
	padding: 0 11px 0 11px;
	font-size: 15px;
}

.top-head .head-ser-wrap .searchInput {
	max-width: 600px;
	margin: 0;
}

.main-header-wrapper {
	padding: 7px 0;
	background: #fff;
	border-bottom: 1px solid #b3c7d7;
}

.main-header-wrapper .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.deklgnt {
	display: none;
}

.header-menu {
	width: 60%;
}

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: 600;
	font-size: 16px;
	margin: 0 20px;
	line-height: 100%;
	position: relative;
	color: #313f60;
}

.menu-ul li a:hover,
.menu-ul li.active a {
	color: #2eb775;
}

.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;
}

.call-email-wrap a {
	font-size: 16px;
	line-height: 100%;
	font-weight: 600;
	color: #003e78;
	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: #003d7a;
	font-family: bootstrap-icons;
	content: "\f68c";
}

.call-email-wrap {
	line-height: 100%;
}

.searchInput.active .resultBox {
	padding: 10px 8px;
	opacity: 1;
	pointer-events: auto;
	position: absolute;
	background: #ffff;
	width: 100%;
	z-index: 9;
	border: 1px solid #0155b5;
	border-top: 0;
	margin: 0;
	border-radius: 0 0 8px 8px;
	margin-top: 5px;
}

.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 #2eb775;
	border-radius: 0;
	transition: 0.5s all;
	cursor: pointer;
}

body .searchInput.active .resultBox li {
	padding-top: 0;
	padding-bottom: 0;
	border: 0;
}

body .searchInput.active .resultBox li a:hover {
	color: #fff;
}

.searchInput .resultBox li:hover {
	background: #2eb775;
	color: #fff;
	padding-left: 10px;
}

.menu-ul li a::before {
	width: 100%;
	height: 0px;
	position: absolute;
	top: auto;
	bottom: -17px;
	content: "";
	left: 0;
	right: 0;
	background: #2eb775;
	border-radius: 10px 10px 0 0;
	opacity: 0;
	visibility: hidden;
	transition: 0.6s all;
}

.menu-ul li.active a::before,
.menu-ul li a:hover::before {
	opacity: 1;
	visibility: visible;
	height: 5px;
}

.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: -48px;
}

/******Header CSS End*******/

/******Footer CSS Start*******/
.main-ft .container {
	display: flex;
	flex-wrap: wrap;
}

.main-ft .container::before {
	content: "\f155";
	left: auto;
	right: -10px;
	top: -40px;
	bottom: auto;
	font-size: 60px;
	font-family: bootstrap-icons;
	position: absolute;
	color: #1854a6;
	opacity: 0.08;
}

.inner-footer {
	padding-top: 40px;
	border-top: 3px solid #0675bc;
	background: #ffff;
}

.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: 240px;
	margin-bottom: 15px;
}

.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: #333;
}

.ftt-s {
	font-family: "Nunito Sans", sans-serif;
	font-size: 20px;
	font-weight: 800;
	position: relative;
	display: inline-block;
	letter-spacing: 0.3px;
	color: #333;
	line-height: 120%;
	margin-bottom: 8px;
	padding-bottom: 8px;
}

.ftt-s::before {
	content: "";
	position: absolute;
	top: auto;
	bottom: 0;
	width: 40px;
	height: 2px;
	background: #333;
}

.ft-wrap ul li a,
.ft-wrap ul li {
	font-size: 15px;
	padding-left: 0;
	position: relative;
	transition: 0.5s all;
	color: #333;
	line-height: 130%;
	font-weight: 500;
}

.ft-wrap ul li:not(:last-child) {
	margin-bottom: 10px;
}

.ft-wrap ul li a:hover {
	color: #2eb775;
	padding-left: 0;
}

.ft-wrap ul li a {
	line-height: 120%;
}

.copywrite {
	margin-top: 30px;
	padding: 10px 0;
	background: #183565;
	border-top: 1px solid #cccc;
}

.copywrite .container {
	display: flex;
	justify-content: space-between;
	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: #2eb775;
}

.copywrite a {
	padding-right: 0;
	margin-right: 0;
	border-right: 0;
}

.copywrite .container div {
	width: 50%;
	line-height: 100%;
}

.copywrite .container div.rese-ws {
	text-align: right;
}

.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: 19px;
	color: #04467a;
	content: "\f3e7";
	line-height: 22px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.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: 1px solid #fff;
	color: #fff;
	width: 60px;
	height: 60px;
	position: relative;
	border-radius: 50%;
	font-size: 14px;
	background: linear-gradient(122deg, #2eb775 0%, #05487c 100%);
	line-height: 110%;
	font-weight: 700;
}

.rght-btn-sh button:hover {
	border-color: #5681a4;
	box-shadow: 0px 0px 15px 2px #5681a4;
}

.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: 9px;
	right: auto;
	content: "\f618";
	color: #fff;
	display: none;
}

.rght-btn-sh button::before {
	content: "\f8f1";
}

.rght-btn-sh {
	position: fixed;
	right: 10px;
	left: auto;
	bottom: 40px;
	top: auto;
	z-index: 9;
}

.Whatsapp-btn.rght-btn-sh {
	bottom: 115px;
}

.bounce2 {
	animation: bounce2 2s ease infinite;
}

@keyframes bounce2 {

	0%,
	20%,
	50%,
	80%,
	100% {
		transform: translateY(0);
	}

	40% {
		transform: translateY(-30px);
	}

	60% {
		transform: translateY(-15px);
	}
}

/* Header Ask Button CSS Start */
.ask-btnhead {
	position: relative;
	display: inline-block;
	padding: 0px 10px;
	color: #fff;
	text-decoration: none;
	text-transform: capitalize;
	transition: 0.5s;
	overflow: hidden;
	line-height: 32px;
	border: 0;
	font-weight: 700;
	letter-spacing: 0;
	background: #2eb775;
	border-radius: 4px;
	font-size: 15px;
	border: 1px solid #05487c;
}

.ask-btnhead:hover {
	background: #fff;
	color: #2eb775;
	box-shadow: 0 0 19px 1px #f7b9ba5e;
}

.ask-btnhead span {
	position: absolute;
	display: block;
	background: white;
	/* Changed border animation to white */
	border-radius: 20px;
	/* Matching the button’s border-radius */
}

.ask-btnhead span:nth-child(1) {
	top: 0;
	left: 0;
	width: 100%;
	height: 2px;
	animation: animate1 2s ease-in-out infinite;
}

@keyframes animate1 {
	0% {
		left: -100%;
	}

	50%,
	100% {
		left: 100%;
	}
}

.ask-btnhead span:nth-child(2) {
	top: 0;
	right: 0;
	width: 2px;
	height: 100%;
	animation: animate2 2s ease-in-out infinite;
	animation-delay: 0.5s;
}

@keyframes animate2 {
	0% {
		top: -100%;
	}

	50%,
	100% {
		top: 100%;
	}
}

.ask-btnhead span:nth-child(3) {
	bottom: 0;
	right: 0;
	width: 100%;
	height: 2px;
	animation: animate3 2s ease-in-out infinite;
	animation-delay: 1s;
}

@keyframes animate3 {
	0% {
		right: -100%;
	}

	50%,
	100% {
		right: 100%;
	}
}

.ask-btnhead span:nth-child(4) {
	bottom: 0;
	left: 0;
	width: 2px;
	height: 100%;
	animation: animate4 2s ease-in-out infinite;
	animation-delay: 1.5s;
}

@keyframes animate4 {
	0% {
		bottom: -100%;
	}

	50%,
	100% {
		bottom: 100%;
	}
}

/* Header Ask Button CSS End */


/**************************** 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: "Exo", 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;
	color: #000;
}

.home-about ul li {
	color: #333;
	font-family: "Exo", sans-serif;
	font-size: 16px;
	line-height: 150%;
	margin: 0 0;
	padding: 0 0 5px 15px;
	text-align: left;
	font-weight: 400;
	position: relative;
}

.home-about ul li::before {
	content: "";
	position: absolute;
	left: 0;
	right: auto;
	top: 8px;
	bottom: auto;
	width: 7px;
	height: 7px;
	background: #4269a4;
	border-radius: 50%;
}

.home-about p a {
	color: #0c5fbe;
	position: relative;
}

.medical-Equi {
	position: relative;
}

.medical-Equi::before {
	content: "\f155";
	left: auto;
	right: 10px;
	top: -160px;
	bottom: auto;
	font-size: 110px;
	font-family: bootstrap-icons;
	position: absolute;
	color: #2eb775;
	opacity: 0.07;
}

.medical-Equi::after {
	content: "\f155";
	left: 10px;
	right: auto;
	top: auto;
	bottom: 20px;
	font-size: 80px;
	font-family: bootstrap-icons;
	position: absolute;
	color: #2eb775;
	opacity: 0.07;
}

.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: "Nunito Sans", sans-serif;
	font-size: 30px;
	font-weight: 800;
	position: relative;
	display: inline-block;
	letter-spacing: 0.3px;
	color: #2eb775;
}

.prd-det-cratg .main-title h1,
.prd-det-cratg .main-title h2,
.prd-det-cratg .main-title h3,
.prd-det-cratg .main-title h4,
.prd-det-cratg .main-title h5,
.prd-det-cratg .main-title h6,
.prd-det-cratg .main-title p.nn-head-tag {
	padding: 20px 0 0px;
	font-size: 25px;
}

.prd-det-cratg .categ-ctbt {
	padding-top: 10px;
}

.main-title p {
	text-align: center;
	padding-top: 8px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 15px;
}

.products-equi {
	display: flex;
	flex-wrap: wrap;
	padding-top: 15px;
	margin: 0 -7px;
}

.med-prodct-wr {
	width: 16.6%;
	padding: 0 7px;
	margin-bottom: 14px;
	display: flex;
	height: inherit;
	flex-direction: column;
}

.med-prodct-wr a {
	box-shadow: 1px 1px 4px 0px rgba(9, 103, 159, 0.1);
	border-radius: 5px;
	border: 1px solid #bdc0c2;
	display: flex;
	height: inherit;
	flex-direction: column;
	flex: 1;
	text-decoration: none;
	overflow: hidden;
	transition: transform 0.3s ease-in-out;
	padding: 15px 10px 15px;
	background: linear-gradient(180deg, #e9eef4 0%, rgb(255, 255, 255) 100%);
}

.med-prodct-wr a:hover {
	transform: scale(1.06);
}

.pro-equ-ig-wr {
	height: 180px;
	padding: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: transform 0.5s ease-in-out;
	width: 180px;
	margin: 0 auto 15px;
	border: 1px solid #c7cfe8;
	border-radius: 50%;
	background: #fff;
	overflow: hidden;
}

.med-prodct-wr a:hover .pro-equ-ig-wr {
	transform: translateY(10px);
}

.list-pr-bx {
	padding: 0;
	text-align: left;
	background: #fff;
	border-top: 0;
	display: flex;
	height: inherit;
	flex-direction: column;
	flex: 1;
	transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
}

.list-pr-bx p {
	color: #333;
	font-size: 16px;
	font-family: "Nunito Sans", sans-serif;
	text-align: center;
	font-weight: 700;
	letter-spacing: 0.3px;
	line-height: 120%;
	transition: color 0.3s ease-in-out;
}

.common-btn .btn {
	color: #fff;
	box-shadow: none;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.3px;
	text-transform: capitalize;
	padding: 8px 27px 7px 6px;
	line-height: 100%;
	border-radius: 3px;
	background: #014378;
	position: relative;
	overflow: hidden;
}

.common-btn .btn::before,
.common-btn .btn::after {
	font-size: 20px;
	font-family: bootstrap-icons;
	position: absolute;
	top: 8px;
	left: auto;
	right: 4px;
	bottom: auto;
	font-weight: 600;
	content: "\f135";
	transition: 0.5s all;
}

.common-btn .btn::after {
	top: -13px;
	right: 6px;
	content: "\f124";
}

.common-btn .btn:hover {
	background-image: linear-gradient(100deg, #05487c 0%, #2eb775 100%);
}

.common-btn .btn:hover::before {
	right: -20px;
}

.common-btn .btn:hover::after {
	top: 8px;
}

.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;
}

.vw-btn-wr.main-title p {
	text-align: justify;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 15px;
}

.tts-btn .btn {
	color: #fff;
	box-shadow: none;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.3px;
	text-transform: capitalize;
	padding: 8px 27px 7px 8px;
	line-height: 100%;
	border-radius: 20px;
	background: #014378;
	position: relative;
	overflow: hidden;
}

.tts-btn .btn:hover {
	background-image: linear-gradient(100deg, #05487c 0%, #2eb775 100%);
}

.tts-btn .btn::before,
.tts-btn .btn::after {
	font-size: 20px;
	font-family: bootstrap-icons;
	position: absolute;
	top: 8px;
	left: auto;
	right: 4px;
	bottom: auto;
	font-weight: 600;
	content: "\f135";
	transition: 0.5s all;
}

.tts-btn .btn::after {
	top: -13px;
	right: 6px;
	content: "\f124";
}

.tts-btn .btn:hover::before {
	right: -20px;
}

.tts-btn .btn:hover::after {
	top: 8px;
}

.categ-1,
.categ-2,
.popular-prdcts {
	padding-bottom: 80px;
	position: relative;
}

.categ-ctbt {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	padding-top: 15px;
	grid-gap: 15px;
}

.categ-ctbt .cate-box-wrap {
	padding: 0;
	background: #fff;
	border-radius: 5px;
	border: 1px solid #d1d1d1;
	box-shadow: none;
	transition: 0.5s all;
	display: flex;
	flex-direction: column;
	height: inherit;
}

.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: center;
	transition: 0.5s all;
	color: #183565;
	letter-spacing: 0.1px;
	font-family: "Nunito Sans", sans-serif;
}

.cat-pro-titl:hover h2,
.cat-pro-titl:hover h3,
.cat-pro-titl:hover h4,
.cat-pro-titl:hover h5,
.cat-pro-titl:hover h6,
.cat-pro-titl:hover p {
	color: #fff;
}

.cat-pro-titl:hover {
	background: #183565;
}

.cat-pro-titl {
	padding: 5px 10px;
	border-bottom: 1px solid #d1d1d1;
	display: flex;
	flex-direction: column;
	height: inherit;
	flex: 1;
	justify-content: center;
}

.cate-img-box-wrap img {
	height: 180px;
	width: 100%;
	object-fit: contain;
	transition: 0.5s all;
	padding: 10px;
}

.cate-img-box-wrap:hover img {
	transform: scale(1.1);
}

.categ-img-wr {
	text-align: center;
}

.feature-ul {
	padding: 0;
	max-height: 107px;
	overflow-y: auto;
	scrollbar-width: none;
	height: 107px;
}

.feature-ul li {
	color: #333;
	font-size: 14px;
	line-height: 120%;
	text-align: left;
	font-weight: 400;
	padding-bottom: 3px;
	transition: 0.5s all;
	padding-top: 3px;
}

.feature-ul li b,
.feature-ul li strong {
	font-weight: 600;
	color: #21436e;
}

.categ-conte-wr {
	padding: 0 10px;
}

.categ-conte-wr {
	padding: 4px 10px 4px;
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
}

.btn-ad-w {
	display: flex;
	justify-content: space-between;
	padding: 5px 10px;
	align-items: center;
}

.sub-ico-catal a {
	width: auto;
	height: auto;
	font-size: 15px;
	background: #2eb775;
	color: #fff;
	border-radius: 3px;
	line-height: 26px;
	position: relative;
	transition: 0.5s all;
	display: block;
	text-transform: capitalize;
	padding: 0 6px 0 6px;
	font-weight: 600;
	letter-spacing: 0.2px;
	border: 1px solid #333;
}

.sub-ico-catal a:hover {
	background-color: #fff;
	color: #2eb775;
	border-color: #2eb775;
}

.bstbtnico button {
	font-size: 15px;
	background: #fff;
	background-image: none;
	color: #183565;
	border-radius: 3px;
	line-height: 26px;
	position: relative;
	transition: 0.5s all;
	display: inline-block;
	text-transform: capitalize;
	padding: 0 6px 0 6px;
	font-weight: 600;
	letter-spacing: 0.2px;
	border: 1px solid #183565;
}

.bstbtnico button:hover {
	background-color: #183565;
	color: #fff;
}

.btn-ad-w {
	display: flex;
	justify-content: space-between;
	padding: 7px;
	align-items: center;
}

.content-ctg {
	padding-top: 15px;
}

.content-ctg .btn-wr li button {
	color: #324a76;
	box-shadow: none;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 0.3px;
	text-transform: capitalize;
	padding: 8px 13px 7px 13px;
	line-height: 100%;
	border-radius: 2px;
	position: relative;
	border: 1px solid #ccc;
	margin-bottom: 5px;
	margin-right: 5px;
}

.content-ctg .btn-wr li button.active {
	background: #2eb775;
	border: 1px solid #5b4d70;
	font-weight: 700;
}

.categ-1::before {
	content: "\f155";
	left: auto;
	right: 0px;
	top: auto;
	bottom: -30px;
	font-size: 90px;
	font-family: bootstrap-icons;
	position: absolute;
	color: #2eb775;
	opacity: 0.07;
}

/* First Category Design CSS End */
/* Second Category Design CSS Start */
.secnd-ctgbwr {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	padding-top: 15px;
	grid-gap: 15px;
}

.secndcate-bx {
	display: flex;
	flex-direction: row;
	align-items: center;
	box-shadow: none;
	border-radius: 5px;
	padding: 20px 10px 20px;
	border: 1px solid #7b9ab5;
	transition: 0.5s all;
	background: #fff;
	position: relative;
}

.secndcate-img-wr {
	width: 30%;
}

.secndcate-img-box-wrap {
	display: block;
	position: relative;
}

.secndcate-img-box-wrap img {
	height: 100%;
	transition: 0.5s all;
	width: 100%;
	object-fit: contain;
}

.secndcate-img-box-wrap:hover img {
	transform: scale(1.1);
}

.secndcate-conte-wr {
	width: 70%;
	padding-left: 15px;
}

.secndcate-pro-titl h2,
.secndcate-pro-titl h3,
.secndcate-pro-titl h4,
.secndcate-pro-titl h5,
.secndcate-pro-titl h6,
.secndcate-pro-titl p {
	font-size: 17px;
	line-height: 120%;
	font-weight: 700;
	text-align: left;
	transition: 0.5s all;
	color: #183565;
	letter-spacing: 0.1px;
	font-family: "Nunito Sans", sans-serif;
}

.secndcate-pro-titl h2:hover,
.secndcate-pro-titl h3:hover,
.secndcate-pro-titl h4:hover,
.secndcate-pro-titl h5:hover,
.secndcate-pro-titl h6:hover,
.secndcate-pro-titl p:hover {
	color: #2eb775;
}

.secndcate-conte-wr .feature-ul {
	height: 107px;
	margin-top: 8px;
}

.catalog-btn {
	font-size: 14px;
	color: #2eb775;
	position: relative;
	transition: 0.5s all;
	display: inline-block;
	font-weight: 600;
	letter-spacing: 0;
	margin-top: 5px;
	text-transform: capitalize;
}

.catalog-btn::before {
	font-size: 20px;
	font-family: bootstrap-icons;
	position: absolute;
	top: -3px;
	left: auto;
	right: -22px;
	bottom: auto;
	font-weight: 600;
	content: "\f135";
	transition: 0.5s all;
}

.catalog-btn:hover {
	color: #183565;
}

.secndcatgqut {
	position: absolute;
	top: 5px;
	left: 5px;
	right: auto;
	bottom: auto;
	line-height: 100%;
}

.qtsbtn {
	width: 27px;
	height: 27px;
	background: #fff;
	border: 1px solid #183565;
	border-radius: 3px;
	color: #183565;
	position: relative;
	padding: 0;
}

.qtsbtn::before {
	position: absolute;
	left: 4px;
	right: auto;
	top: 4px;
	bottom: auto;
	font-size: 18px;
	font-family: bootstrap-icons;
	content: "\f73d";
}

.qtsbtn:hover {
	background: #183565;
	color: #fff;
}

.categ-2::before {
	content: "\f155";
	left: 10px;
	right: auto;
	top: auto;
	bottom: -10px;
	font-size: 80px;
	font-family: bootstrap-icons;
	position: absolute;
	color: #1854a6;
	opacity: 0.08;
}

/* Second Category Design CSS End */
/* Popular Products Design CSS Start*/
.all-ctg-cruls .owl-dots {
	display: none;
}

.all-ctg-cruls {
	padding-top: 20px;
	position: relative;
}

.category-img-link {
	width: 180px;
	height: 180px;
	border: 1px solid #c4cdda;
	border-radius: 50%;
	overflow: hidden;
	padding: 20px;
	background: linear-gradient(180deg, #e9eef4 0%, rgb(255, 255, 255) 100%);
	position: relative;
}

.category-img-link::before {
	content: "\f138";
	font-family: bootstrap-icons;
	font-size: 25px;
	color: #fff;
	transition: 0.5s all;
	position: absolute;
	top: 75px;
	left: 0;
	right: auto;
	bottom: auto;
	font-weight: 700;
	opacity: 0;
	z-index: 1;
}

.category-img-link::after {
	background: #33333363;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	content: "";
	opacity: 0;
	transition: 0.5s all;
}

.category-img-link:hover::before {
	left: 75px;
	opacity: 1;
}

.category-img-link:hover::after {
	opacity: 1;
}

.pp-prdimg {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.centrifuge-link {
	margin: 10px 5px 0;
}

.centrifuge-link:hover p {
	color: #2eb775;
}

.centrifuge-link p {
	font-size: 16px;
	line-height: 120%;
	font-weight: 700;
	text-align: center;
	transition: 0.5s all;
	color: #183565;
	letter-spacing: 0;
	font-family: "Nunito Sans", sans-serif;
}

.all-ctg-cruls {
	position: relative;
	padding-top: 20px;
}

.all-ctg-cruls .owl-nav {
	display: flex;
	justify-content: flex-end;
	position: absolute;
	top: -33px;
	left: auto;
	right: 0;
	bottom: auto;
	line-height: 100%;
}

.all-ctg-cruls.owl-carousel .owl-nav button.owl-next,
.all-ctg-cruls.owl-carousel .owl-nav button.owl-prev {
	height: 32px;
	width: 32px;
	margin: 0px;
	position: relative;
	background: #fff;
	border-radius: 4px;
	border: 1px solid transparent;
	background: linear-gradient(122deg, #f2555b 0%, #05487c 100%);
	overflow: hidden;
}

.all-ctg-cruls.owl-carousel .owl-nav button.owl-prev:hover::before {
	left: -60px;
}

.all-ctg-cruls.owl-carousel .owl-nav button.owl-next:hover::before {
	right: -60px;
}

.all-ctg-cruls.owl-carousel .owl-nav button.owl-prev::after {
	content: "\f12f";
	font-family: bootstrap-icons;
	font-size: 20px;
	color: #FFF;
	transition: 0.5s all;
	position: absolute;
	top: auto;
	left: 0;
	right: -50px;
	bottom: 8px;
	font-weight: 700;
}

.all-ctg-cruls.owl-carousel .owl-nav button.owl-next::after {
	content: "\f138";
	font-family: bootstrap-icons;
	font-size: 20px;
	color: #FFF;
	transition: 0.5s all;
	position: absolute;
	top: auto;
	left: -50px;
	right: 0;
	bottom: 8px;
	font-weight: 700;
}

.all-ctg-cruls.owl-carousel .owl-nav button.owl-next:hover::after {
	left: 0;
}

.all-ctg-cruls.owl-carousel .owl-nav button.owl-prev:hover::after {
	right: 0;
}

.all-ctg-cruls.owl-carousel .owl-nav button.owl-next:hover,
.all-ctg-cruls.owl-carousel .owl-nav button.owl-prev:hover {
	background: linear-gradient(122deg, #05487c 0%, #f2555b 100%);
}

.all-ctg-cruls .owl-nav button::before {
	content: "\f138";
	font-family: bootstrap-icons;
	font-size: 20px;
	color: #FFF;
	transition: 0.5s all;
	position: absolute;
	top: auto;
	left: 0;
	right: 0;
	bottom: 8px;
	font-weight: 700;
}

.all-ctg-cruls .owl-nav button.owl-prev::before {
	transform: rotate(180deg);
}

.all-ctg-cruls.owl-carousel .owl-nav button.owl-prev {
	margin-right: 10px;
}

/* Popular Products Design CSS End*/
body .common-page {
	padding: 60px 0;
}

/**************************** HOME PAGE CSS END **************************/

/**************************** About PAGE CSS Start **************************/
.abpgcnt p b {
	color: #183565;
	font-weight: 600;
}

.abpgcnt p {
	padding-bottom: 5px;
}

.Aboutpage .abpgcnt {
	padding-top: 8px;
}

.abpgcnt .why-cho {
	font-family: "Nunito Sans", sans-serif;
	font-size: 20px;
	font-weight: 800;
	position: relative;
	display: inline-block;
	letter-spacing: 0.3px;
	color: #2eb775;
	padding-top: 20px;
	padding-bottom: 5px;
}

/**************************** About PAGE CSS END **************************/

/**************************** Category PAGE CSS Start **************************/
.breadcrumb-sec .breadcrumb {
	margin: 0;
}

body .breadcrumb-item.active a {
	color: #2eb775;
	font-weight: 600;
	pointer-events: none;
}

.breadcrumb>li {
	font-weight: 500;
	color: #8f8f8f;
	line-height: 120%;
}

.breadcrumb-sec {
	background: transparent;
	padding: 10px 0;
	border: 1px solid #d9e8f6;
	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(9, 103, 159, 0.1);
	border-radius: 5px;
	border: 1px solid #b4b9bb;
	height: inherit;
	display: flex;
	flex-direction: column;
	background: linear-gradient(180deg, #e9eef4 0%, rgb(255, 255, 255) 100%);
	overflow: hidden;
}

.product-img {
	height: 200px;
	width: 100%;
	display: block;
	padding: 14px;
}

.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: 700;
	line-height: 110%;
	font-size: 16px;
	text-transform: capitalize;
	letter-spacing: 0;
	display: block;
	color: #fff;
	font-family: "Nunito Sans", sans-serif;
	transition: 0.5s all;
}

.product-title {
	display: inline-block;
	text-align: center;
	padding: 7px 10px;
}

.medical-equ-pr-cn {
	height: inherit;
	display: flex;
	flex-direction: column;
	flex: 1;
	padding: 0;
	justify-content: center;
	background: #05487c;
	border-top: 1px solid #b4b9bb;
	transition: 0.5s all;
}

.medical-equ-pr-cn:hover {
	background: #fff;
}

.medical-equ-pr-cn:hover .product-title h2,
.medical-equ-pr-cn:hover .product-title h3,
.medical-equ-pr-cn:hover .product-title h4,
.medical-equ-pr-cn:hover .product-title h5,
.medical-equ-pr-cn:hover .product-title h6,
.medical-equ-pr-cn:hover .product-title p {
	color: #05487c;
}

.searchpage .main-title h1 span {
	font-size: 35px;
	color: #0b3f8b;
}

/**************************** Category PAGE CSS END **************************/

/**************************** Sub-Category PAGE CSS Start **************************/
body .sb-ctgpg .categ-ctbt {
	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 #c35262;
	transition: 0.5s all;
	color: #c35262;
	font-weight: 600;
	letter-spacing: 0;
	padding: 6px 5px 5px 6px;
	font-size: 13px;
	line-height: 100%;
	position: relative;
	margin: 0 8px 8px 0;
}

.subcattabs ul li a h2 {
	font-family: "Exo", sans-serif;
	transition: 0.5s all;
	color: #c35262;
	font-weight: 600;
	letter-spacing: 0;
	font-size: 13px;
	line-height: 100%;
}

.subcattabs ul li a:hover h2 {
	color: #fff;
}

.subcattabs ul li a:hover {
	background: #c35262;
	border-color: #c35262;
	color: #fff;
}

/**************************** 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 .categ-ctbt {
	grid-template-columns: repeat(3, 1fr);
}

.medical-cate-filter .sub-sec-tog {
	margin-bottom: 10px;
	position: relative;
	cursor: pointer;
	margin-top: 15px;
}

.medical-list p.flt-ttl {
	font-size: 15px;
	padding: 5px 23px 5px 10px;
	background: #fff;
	color: #2eb775;
	text-transform: capitalize;
	font-weight: 600;
	position: relative;
	letter-spacing: 0.6px;
	border: 1px solid #05487c;
	line-height: 120%;
	border-left: 3px solid #2eb775;
}

.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;
	font-weight: 700;
	color: #2eb775;
	z-index: 1;
	content: "\f286";
}

.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;
}

.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: 27px;
	height: 14px;
	appearance: none;
	background-color: #e0dff3;
	cursor: pointer;
	outline: none;
	transition: background-color 0.3s ease;
	border: 1px solid #cccccc;
	border-radius: 3px;
}

.slect::before {
	content: "";
	position: absolute;
	top: 1px;
	left: 1px;
	width: 10px;
	height: 10px;
	background-color: white;
	border-radius: 0;
	transition: transform 0.3s ease;
	border: 1px solid #709fd4;
	border-radius: 2px;
}

.slect:checked {
	background-color: #0066b0;
	border-color: #0066b0;
}

.slect:checked::before {
	transform: translateX(12px);
	border-color: #0066b0;
}

.compare .cpp {
	padding: 0;
	background: transparent;
	border: 1px solid #274a77;
	border-radius: 3px;
	overflow: hidden;
	display: inline-block;
}

.btn-ad-w .compare {
	line-height: 100%;
}

.compare label.action {
	position: relative;
	pointer-events: all;
	cursor: pointer;
	height: 25px;
	width: 25px;
	display: block;
	background: #fff;
}

.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: 26px;
	color: #2eb775;
	line-height: 100%;
	position: absolute;
	right: 5px;
	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 #333;
	font-weight: 600;
	text-transform: capitalize;
	border-radius: 3px;
	font-size: 14px;
	position: static;
	box-shadow: none;
	letter-spacing: 0.3px;
	background: linear-gradient(122deg, #f2555b 0%, #05487c 100%);
}

.cmpthbtn {
	position: fixed;
	top: 112px;
	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: #05487c;
	font-size: 15px;
	line-height: 160%;
	margin: 0 0;
	padding: 5px 10px;
	font-weight: 400;
	font-weight: 500;
}

.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: 5px 10px !important;
}

.compare-page .table>tbody>tr>td a.table_text h2,
.compare-page .table>tbody>tr>td a.table_text h3,
.compare-page .table>tbody>tr>td a.table_text h4,
.compare-page .table>tbody>tr>td a.table_text h5,
.compare-page .table>tbody>tr>td a.table_text h6 {
	color: #05487c;
	font-size: 16px;
	line-height: 120%;
	text-align: left;
	font-weight: 600;
}

.compare-page .gtqtbrn {
	line-height: 25px;
	padding: 0 10px;
	background: #c85361;
	color: #fff;
	font-size: 14px;
	border: 1px solid #333;
	border-radius: 3px;
	font-weight: 600;
}

.compare-page .gtqtbrn:hover {
	border-color: #c85361;
	color: #c85361;
	background: #fff;
}

.compare-page .table>tbody>tr>td a {
	padding: 0 !important;
}

.compare-page .table>tbody>tr>td a:hover {
	color: #2eb775;
}

.compare-cart-btn.addToCartBtn {
	background: #2eb775;
	background-color: #2eb775;
	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: 130px;
	font-size: 0;
	width: 130px;
	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: #2eb775;
}

.l1bg {
	background-color: #2eb775 !important;
}

.sitemap ul>li>a.l2bg {
	background-color: #05487c !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 h2,
.sitemap ul>li h3,
.sitemap ul>li h4,
.sitemap ul>li h5,
.sitemap ul>li h6 {
	font-size: 14px;
	color: #fff;
}

.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: "Nunito Sans", sans-serif;
	font-size: 20px;
	font-weight: 800;
	position: relative;
	display: inline-block;
	letter-spacing: 0.3px;
	color: #2eb775;
	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: #0a5ebc;
	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: "Nunito Sans", sans-serif;
	font-size: 35px;
	font-weight: 800;
	position: relative;
	display: inline-block;
	letter-spacing: 0.3px;
	color: #05487c;
}

.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: #2eb775;
}

.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: #2eb775;
	border: 1px solid #333;
	color: #fff;
}

.go-btn .btn:hover {
	border-color: #0470b7;
	color: #0470b7;
	background: #fff;
	box-shadow: 0 0 15px rgba(41, 197, 255, 0.34);
}

.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: "Nunito Sans", sans-serif;
	font-size: 80px;
	font-weight: 800;
	position: relative;
	display: inline-block;
	letter-spacing: 0.3px;
	color: #05487c;
	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(4, 1fr);
	grid-gap: 15px;
	padding-top: 15px;
}

.cata-box-wrap {
	padding: 0 0 10px 0;
	box-shadow: 1px 1px 4px 0px rgba(9, 103, 159, 0.1);
	border-radius: 5px;
	border: 1px solid #b4b9bb;
	overflow: hidden;
}

.cata-title {
	text-align: center;
	margin-bottom: 10px;
}

.cata-title h2,
.cata-title h3,
.cata-title h4,
.cata-title h5,
.cata-title h6 {
	font-size: 17px;
	font-weight: 700;
	color: #05487c;
	padding: 5px 6px 5px 6px;
	margin: 0;
	text-align: center;
	letter-spacing: 0;
	transition: 0.5s all;
}

.cata-des-wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: column;
}

.cata-img-wrap {
	height: 145px;
	width: 100%;
	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: 100%;
	margin-top: 15px;
}

.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 0 3px 0;
	color: #4f5255;
	font-weight: 500;
	position: relative;
	padding: 3px 10px 3px 10px;
	display: block;
	border-bottom: 1px solid #ccc;
	width: 100%;
	border-top: 1px solid #ccc;
	border-left: 0;
	border-right: 0;
}

.cata-des-wrap .cata-sub-list ul li .sub-cata-btn:hover {
	color: #fff;
	background: #313f60;
}

.cata-des-wrap .cata-sub-list ul li {
	line-height: 100%;
}

.cata-des-wrap .cata-sub-list ul {
	max-height: 80px;
	overflow-y: auto;
	scrollbar-width: none;
	scrollbar-color: #354b75 #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: #2eb775;
}

.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 {
	justify-content: center;
	padding: 10px;
}

.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: #05487c;
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 120%;
	margin: 0px;
	background: transparent;
	display: block;
	text-align: left;
	border: 1px solid #05487c;
	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: rgb(5, 72, 124);
}

.popu-wrap .btn-close {
	background: #ed223d;
	opacity: 1;
	border: 1px solid #ed223d;
	border-radius: 50%;
	position: absolute;
	left: auto;
	right: -13px;
	bottom: auto;
	top: -9px;
	width: 25px;
	height: 25px;
	padding: 0;
	margin: 0;
	font-size: 16px;
	color: #fff;
	font-weight: 600;
}

.pop-cata-btn:hover {
	background: #05487c;
	color: #fff;
}

.popu-wrap .btn-close:hover {
	background: #fff;
	color: Red;
}

/******************************Catalog  PAGE End*******************************/
/******************************Contact  PAGE  Start*******************************/
.contact-sec {
	padding-top: 0;
}

.with-con {
	display: block;
	justify-content: space-between;
}

.contact-sec {
	margin: 20px auto 0;
	max-width: 100%;
	display: flex;
	flex-direction: row-reverse;
}

.with-con li {
	border-radius: 5px;
	height: 145px;
	margin-bottom: 10px;
	position: relative;
	width: 250px;
	background: #fff;
	padding: 15px;
	display: flex;
	text-align: center;
	font-size: 15px;
	color: #212529;
	text-decoration: none;
	font-weight: 500;
	box-shadow: rgb(204, 219, 232) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset;
	border: 1px solid #d7e3ed;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.with-con li span {
	color: #05487c;
	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(72%) sepia(23%) saturate(7488%) hue-rotate(104deg) brightness(95%) contrast(64%);
	display: none;
}

.with-con li.conph::before {
	content: "\f3ef";
	background: transparent;
	font-size: 43px;
	color: #2eb775;
	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 {
	padding: 30px 25px 30px;
	border-radius: 10px;
	margin-top: 0;
	background: #fff;
	box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
	width: calc(100% - 250px);
	margin-right: 50px;
}

.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: "Exo", 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,
.ask-expert-form .lg-form-wr.if-product label {
	top: -6px;
	font-size: 11px;
	color: #2eb775;
	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: 14px;
	padding: 8px 27px 8px 6px;
	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: #05487c;
	line-height: 130%;
	padding-bottom: 20px;
	text-transform: capitalize;
}

.rvw-wr.lg-form-wr.select-inpt label {
	top: -6px;
	font-size: 11px;
	color: #d56769;
	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: #fff;
	border-radius: 5px;
	border: 1px solid #6b93b2;
	padding: 6px;
}

.product-details-sec .img-display {
	overflow: hidden;
	background: #fff;
	border: 1px solid #6b93b2;
	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 #0067B0;
	border-radius: 20px;
	font-size: 0;
	cursor: pointer;
	pointer-events: all;
	background: linear-gradient(132deg, #f2555b 35%, #05487c 100%);
}

.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: 800;
	color: #05487c;
	line-height: 130%;
	position: relative;
	letter-spacing: 0;
	padding-bottom: 0;
}

.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 .quantity-wrap {
	display: flex;
	align-items: center;
	padding: 0 0 0 15px;
}

.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 {
	font-size: 15px;
	background: #fff;
	background-color: rgb(255, 255, 255);
	background-image: none;
	color: #183565;
	border-radius: 3px;
	line-height: 28px;
	position: relative;
	transition: 0.5s all;
	display: inline-block;
	text-transform: capitalize;
	padding: 0 10px 0 30px;
	font-weight: 600;
	letter-spacing: 0.2px;
	border: 1px solid #183565;
	position: relative;
}

.prd-getqt .gtqtbrn:hover {
	color: #fff;
	background: #183565;
}

.pr-q-ad-wr .prd-getqt .gtqtbrn::after {
	font-size: 17px;
	content: "\f73d";
	font-family: bootstrap-icons;
	position: absolute;
	top: -1px;
	left: 6px;
	right: auto;
	bottom: auto;
	font-weight: 400;
}

.prd-getqt .gtqtbrn::before {
	inset: 7px auto 0 6px;
}

.pro-dt-sub-cate-catal a {
	width: auto;
	height: auto;
	font-size: 15px;
	background: #2eb775;
	color: #fff;
	border-radius: 3px;
	line-height: 28px;
	position: relative;
	transition: 0.5s all;
	display: block;
	text-transform: capitalize;
	padding: 0 10px 0 10px;
	font-weight: 600;
	letter-spacing: 0.2px;
	border: 1px solid #333;
}

.pro-dt-sub-cate-catal a:hover {
	border-color: #2eb775;
	color: #2eb775;
	background-color: #fff;
}

.prod-det-cnt {
	margin-top: 20px;
}

.prod-det-cnt p.prou-det-tisp {
	font-size: 19px;
	padding: 0 0 8px 0;
	background: transparent;
	color: #2cb674;
	text-transform: capitalize;
	font-weight: 600;
	letter-spacing: 0.6px;
	margin-bottom: 13px;
	position: relative;
}

.speci-table .table,
.speci-table td,
.speci-table th {
	border-color: #4f5255;
}

.speci-table td strong {
	font-weight: 600;
}

.speci-table tr th,
.speci-table tr td {
	padding: 0 10px;
	font-size: 16px;
	font-weight: 400;
	color: #333333;
}

.features-des li {
	padding-bottom: 8px;
	font-size: 16px;
	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: 5px;
	bottom: auto;
	right: auto;
	content: "";
	width: 7px;
	height: 7px;
	background: #fff;
	border-radius: 50%;
	border: 2px solid #564c71;
}

.prod-det-cnt p.prou-det-tisp::before {
	content: "";
	position: absolute;
	top: auto;
	bottom: 0;
	left: 0;
	right: auto;
	width: 40px;
	height: 3px;
	background: #05487c;
}

.prod-det-cnt p.prou-det-tisp::after {
	content: "..";
	position: absolute;
	left: 45px;
	top: auto;
	bottom: 6px;
	right: auto;
	font-size: 26px;
	color: #05487c;
	line-height: 5px;
}

/* 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;
	display: inline-block;
	letter-spacing: 0;
	color: #0c4d7e;
	line-height: 120%;
	padding-bottom: 6px;
}

.accordion {
	border: 1px solid #ccc;
	padding: 30px 15px;
	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: #2eb775;
	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: #05487c;
	font-size: 23px;
	text-align: center;
}

.ask-expert .modal-header {
	justify-content: center;
}

.ask-expert .btn-close {
	background: #ed223d;
	opacity: 1;
	border: 1px solid #ed223d;
	border-radius: 50%;
	position: absolute;
	left: auto;
	right: -13px;
	bottom: auto;
	top: -9px;
	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 15px 0;
	border: 0;
}

.ask-expert .common-btn .btn {
	font-size: 14px;
	padding: 8px 27px 8px 6px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

body .ask-expert .ask-expert-form input,
body .ask-expert .ask-expert-form textarea {
	border-left: 2px solid #2eb775;
	border-radius: 5px;
}

.ask-expert .modal-content {
	border-bottom: 3px solid #2eb775;
}

/******************************Ask Expert Form End*******************************/

/******************************Single-Catalog PAGE Start*******************************/
.body1_part1,
.body2,
.body3 {
	box-shadow: 0 0 30px #37b8fe29;
	margin-bottom: 10px;
	border: 1px solid #37b8fe29;
}

.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,
.download_btn:hover {
	background-color: #2eb775;
	border: none;
	color: #fff;
	padding: 12px 30px;
	cursor: pointer;
	font-size: 17px;
	margin-top: 20px;
	text-decoration: none;
	font-weight: 700;
}

.catalog_head,
.check_icon,
.download_1,
.fa-chevron-circle-right {
	color: #2f8e94
}

.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: 60px 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: #324a76;
	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: "Nunito Sans", sans-serif;
	font-size: 30px;
	font-weight: 800;
	position: relative;
	display: block;
	letter-spacing: 0.3px;
	color: #05487c;
}

.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: #05487c;
	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) {

	/**************************** HOME PAGE CSS Start **************************/
	.med-prodct-wr {
		width: 20%;
	}

	/* Popular Products Design CSS Start*/
	.category-img-link {
		width: 180px;
	}

	/* Popular Products Design CSS End*/
	/**************************** HOME PAGE CSS End **************************/
}

@media only screen and (max-width: 1200px) {

	/******Header CSS Start*******/
	.top-head .head-ser-wrap .searchInput {
		max-width: 550px;
	}

	.menu-ul li a {
		font-size: 15px;
		margin: 0 14px;
	}

	.call-email-wrap a {
		font-size: 15px;
		padding-left: 33px;
	}

	/******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 */
	.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;
	}

	.categ-ctbt {
		grid-template-columns: repeat(3, 1fr);
	}

	/* First Category Design CSS End */

	/* Second Category Design CSS Start */
	.secnd-ctgbwr {
		grid-template-columns: repeat(2, 1fr);
	}

	.secndcate-img-box-wrap img {
		height: 140px;
	}

	/* 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 .categ-ctbt {
		grid-template-columns: repeat(2, 1fr);
	}

	/**************************** Section PAGE CSS END **************************/
	/******************************Catalog  PAGE Start*******************************/
	.cata-box {
		grid-template-columns: repeat(3, 1fr);
	}

	/******************************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: 30px;
		width: 30px;
		display: block;
		cursor: pointer;
		top: -1px;
		right: 15px;
		bottom: 0;
		margin: auto;
		background: #2eb775;
		border-radius: 3px;
		border: 1px solid #05487c;
	}

	.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: #05487c;
		width: 330px;
		border-left: 2px solid #2eb775;
	}

	.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: #f7702c;
	}

	.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: 0px;
		right: 0;
		top: 0;
		bottom: 0;
		height: 2px;
		width: 20px;
		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%;
	}

	.menu-ul {
		display: block;
	}

	.main-header-wrapper .ask-btn-wrp {
		width: 80%;
		text-align: right;
		padding-right: 45px;
	}

	.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: #f7702c;
	}

	/************ 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;
	}

	.top-head .Emil-er {
		width: 30%;
	}

	.head-logo-wrap {
		width: 30%;
	}

	.main-header-wrapper .ask-btn-wrp {
		width: 70%;
	}

	.home-about {
		padding-bottom: 40px;
	}

	/* Header Ask Button CSS Start */
	.ask-btnhead {
		border-radius: 2px;
		font-size: 14px;
		line-height: 30px;
	}

	/* Header Ask Button CSS End */
	/************ 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);
	}

	.categ-1 .category-cont>.cate-box-wrap:last-child {
		border-right: 1px solid #ccc;
	}

	.categ-1 .category-cont>.cate-box-wrap:nth-child(3n) {
		border-right: 0;
	}

	.categ-1 .category-cont>.cate-box-wrap:nth-child(2n) {
		border-right: 1px solid #ccc;
	}

	.categ-1 .category-cont>.cate-box-wrap:nth-last-child(-n+3) {
		border-bottom: 0;
	}

	.content-ctg .btn-wr li button {
		font-size: 14px;
		padding: 7px 10px 6px 10px;
	}

	.categ-ctbt {
		grid-template-columns: repeat(2, 1fr);
	}

	/* First Category Design CSS End */
	/* Second Category Design CSS Start */
	.secndcate-pro-titl h2,
	.secndcate-pro-titl h3,
	.secndcate-pro-titl h4,
	.secndcate-pro-titl h5,
	.secndcate-pro-titl h6,
	.secndcate-pro-titl p {
		font-size: 16px;
		letter-spacing: 0;
	}

	.secndcate-conte-wr {
		padding-left: 10px;
	}

	/* Second Category Design CSS End */
	/**************************** 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 .categ-ctbt {
		grid-template-columns: repeat(1, 1fr);
	}

	/**************************** Section PAGE CSS END **************************/
	/*******************************Product-details page CSS Start*******************************/
	.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: 17px;
		padding: 0 0 5px 0;
		margin-bottom: 10px;
	}

	.product-details-sec .pro-del-content-wrap {
		padding-left: 20px;
		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;
	}

	/*******************************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 **************************/

	/******************************Catalog  PAGE Start*******************************/
	.cata-box {
		grid-template-columns: repeat(2, 1fr);
	}

	/******************************Catalog  PAGE End*******************************/

	/******************************Contact  PAGE  Start*******************************/
	.with-con li {
		width: 240px;
		height: 125px;
	}

	.contact-us-form {
		margin-right: 20px;
	}

	/******************************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%;
		padding: 0;
	}

	.top-head .head-ser-wrap .searchInput {
		max-width: 600px;
		margin: 0 auto;
	}

	.top-head .Emil-er {
		display: none;
	}

	html {
		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;
	}

	.medical-Equi::before {
		top: 0px;
		font-size: 60px;
	}

	.medical-Equi::after {
		bottom: 20px;
		font-size: 50px;
	}

	.main-title p {
		display: none;
	}

	.med-prodct-wr {
		padding: 0 5px;
		margin-bottom: 10px;
	}

	.pro-equ-ig-wr {
		width: 160px;
		height: 160px;
		padding: 10px;
		margin: 0 auto 10px;
	}

	.med-prodct-wr a {
		padding: 10px 10px 10px;
	}

	.products-equi {
		margin: 0 -5px;
	}

	.list-pr-bx p {
		font-size: 15px;
	}

	.list-pr-bx {
		padding: 0;
	}

	.medical-Equi {
		padding-bottom: 40px;
		padding-top: 40px;
	}

	.categ-1,
	.categ-2,
	.popular-prdcts {
		padding-bottom: 40px;
	}

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

	.tts-btn {
		display: none;
	}

	/* First Category Design CSS Start*/
	.content-ctg .btn-wr {
		justify-content: center;
	}

	.categ-1::before {
		right: 10px;
		bottom: -20px;
		font-size: 50px;
	}

	/* First Category Design CSS End */

	/* Second Category Design CSS Start */
	.secndcate-bx {
		flex-direction: column;
		padding: 15px 10px 15px;
	}

	.secndcate-img-wr {
		width: 100%;
	}

	.secndcate-conte-wr {
		width: 100%;
		padding-left: 0;
	}

	.secndcate-conte-wr .feature-ul {
		margin-top: 5px;
	}

	.secndcate-img-box-wrap {
		margin-bottom: 10px;
	}

	.secndcate-img-box-wrap {
		margin-bottom: 10px;
	}

	.categ-2::before {
		left: 6px;
		bottom: -10px;
		font-size: 50px;
	}

	/* Second Category Design CSS End */
	/* Popular Products Design CSS Start*/
	.all-ctg-cruls {
		padding-top: 15px;
	}

	.all-ctg-cruls .owl-nav {
		display: flex;
		justify-content: center;
		position: static;
		line-height: 100%;
		margin-top: 10px;
	}

	.category-img-link {
		width: 160px;
		height: 160px;
	}

	.category-img-link::before {
		top: 65px;
	}

	.category-img-link:hover::before {
		left: 65px;
	}

	/* Popular Products 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 .categ-ctbt {
		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;
	}

	.contact-sec {
		display: block;
	}

	.with-con li::before {
		display: none;
	}

	.with-con {
		display: flex;
	}

	.contact-us-form {
		width: 100%;
		margin-right: 0;
		margin-top: 20px;
	}

	/******************************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*******************************/
	.rarevt {
		padding-bottom: 40px;
	}

	.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 15px;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 15px;
		margin-top: 5px;
	}

	/* 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 {
		width: 40%;
	}

	.main-header-wrapper .header-menu {
		width: 60%;
	}

	.head-logo-wrap.deklgnt {
		width: 45%;
		display: block;
	}

	.main-header-wrapper .header-menu {
		width: 70%;
	}

	.main-header-wrapper .ask-btn-wrp {
		display: none;
	}

	.top-head .head-logo-wrap {
		display: none;
	}

	.top-head .head-ser-wrap {
		width: 100%;
		padding: 0;
	}

	.head-logo-wrap a {
		max-width: 160px;
	}

	.top-head .head-ser-wrap .searchInput {
		max-width: 350px;
		margin: 0 auto;
	}

	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: #05487c;
	}

	.main-header-wrapper {
		padding: 7px 0;
		background: #fff;
		border-bottom: 1px solid #b5cdea;
	}

	.nav-span {
		border: 1px solid #333;
		top: 0px;
	}

	.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 .container div {
		width: 100%;
		line-height: 100%;
	}

	.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: 0;
		width: 100%;
		height: 145px;
		border: 0;
		background: transparent;
	}

	body .common-page {
		padding: 40px 0;
	}

	.feature-ul {
		height: 100%;
		max-height: 100%;
	}

	/* First Category Design CSS Start*/
	.categ-ctbt {
		grid-template-columns: repeat(1, 1fr);
	}

	/* First Category Design CSS End */
	/* Second Category Design CSS Start */
	.secnd-ctgbwr {
		grid-template-columns: repeat(1, 1fr);
	}

	/* Second Category Design CSS End */
	/*************************** HOME PAGE CSS END **************************/
	/**************************** Section PAGE CSS Start **************************/
	body .section-pg .sb-ctgpg .categ-ctbt {
		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*******************************/
	.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 6px 0 30px;
		font-size: 14px;
	}

	.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: #fb8b54;
		border: none;
		color: #fff;
		padding: 9px 20px;
		cursor: pointer;
		font-size: 17px;
		margin-top: 17px;
		text-decoration: none;
	}

	.check_icon {
		margin-left: -30px
	}

	.body1_part1 {
		max-height: 840px;
		position: relative;
		margin-top: 0
	}

	.catalog_cover {
		background-image: url(assets/images/catalog.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: #fa7939;
		border: none;
		color: #fff;
		padding: 9px 20px;
		cursor: pointer;
		font-size: 17px;
		margin-top: 17px;
		text-decoration: none
	}

	.check_icon {
		margin-left: -30px
	}

	.body1_part1 {
		max-height: 840px;
		position: relative;
		margin-top: 0
	}

	.catalog_cover {
		background-image: url(assets/images/catalog.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*******************************/

.capbox .fake-input {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 0;
	margin-top: 0;
}

.capbox .fake-input input {
	height: 38px;
	padding: 10px;
	background: transparent;
	border: 1px solid #CCCCCC;
	font-size: 14px;
	width: 150px;
}

.capbox .fake-input .captcha_image {
	height: 37px;
	margin-right: 10px;
	border-radius: 6px;
	margin-left: 0;
}

.refresh a.text-dark {
	pointer-events: all;
	cursor: pointer;
}

.refresh {
	margin-left: 12px
}


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