/* Font */
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap");
/* Comman css */
:root
{
	--priprimary-color: #005db2;
	--priprimary-light-color: #0088cf;
	--secondary-color: #00aec9;
	--white-color: #fff;
	--black-color: #000;
	--text-color: #4b4b4b;
	--green-color: #25d366;
	--gay-color: #eff2f5;
}
*
{
	margin: 0;
}
html, body
{
	height: 100%;
	margin: 0;
}
body
{
	font-family: "Manrope", sans-serif;
	background-color: var(--white-color);
	color: var(--black-color);
	display: flex;
	flex-direction: column;
	top: 0 !important;
}
p
{
	font-size: 16px;
	color: var(--text-color);
	line-height: 24px;
	margin-bottom: 15px;
}
b, strong
{
	/* font-weight: normal; */
	/* color: #1d1d1f; */
}
a
{
	text-decoration: none;
	color: var(--black-color);
}
a:hover
{
	text-decoration: none;
	color: var(--priprimary-color);
}
img
{
	max-width: 100%;
}
/* Form */
.form-group
{
	margin-bottom: 20px;
}
label
{
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: 700;
}
.form-control
{
	background: var(--white-color);
	border-radius: 0;
	border: 1px solid #e1e4e7;
	font-size: 14px;
	min-height: 44px;
}
input:focus, select:focus, textarea:focus, button:focus
{
	/* box-shadow: none !important; */
}
select
{
	background-image: url(../../images/drop-down.svg) !important;
	background-size: 15px !important;
	background-position: calc(100% - 15px) !important;
	background-repeat: no-repeat !important;
	padding-right: 15px !important;
	-webkit-appearance: none;
}
.form-check-input[type="checkbox"]
{
	float: inherit;
	border-radius: 0;
	margin-right: 5px;
	border-color: #a3a3a3;
	background-color: #fefaf0;
}
.form-check-input:checked
{
	border-color: var(--priprimary-color);
	background-color: var(--priprimary-color);
}
.form-check-input:checked+label
{
	color: var(--priprimary-color);
}
/* Selection */
::-moz-selection
{
	color: var(--white-color);
	background: var(--text-color);
}
::selection
{
	color: var(--white-color);
	background: var(--text-color);
}
/* wrapper */
.wrapper-main
{
	flex: 1 0 auto;
	/* overflow: hidden; */
}
.container
{
	max-width: 1260px;
}
/* Custom Comman css */
.comman-btn-1 a, .comman-btn-1 .btn
{
	background: var(--priprimary-color);
	color: var(--white-color);
	display: inline-block;
	vertical-align: middle;
	border-radius: 5px;
	border: 1px solid var(--priprimary-color);
	padding: 10px 20px;
	transition: 0.5s;
	text-transform: uppercase;
	font-family: "DM Sans", sans-serif;
}
.comman-btn-1 a:hover, .comman-btn-1 .btn:hover
{
	background-color: #00c9f2;
	border-color: #00c9f2;
	color: #000000;
}
.comman-btn-2 a, .comman-btn-2 .btn
{
	background: var(--white-color);
	color: var(--green-color);
	display: inline-block;
	vertical-align: middle;
	border-radius: 5px;
	border: 1px solid var(--green-color);
	padding: 10px 20px;
	transition: 0.5s;
	font-size: 16px;
	font-weight: 400;
	/* text-transform: uppercase; */
	font-family: "DM Sans", sans-serif;
}
.comman-btn-2 a img, .comman-btn-2 .btn img
{
	filter: invert(42%) sepia(86%) saturate(661%) hue-rotate(73deg) brightness(97%) contrast(90%);
	width: 20px;
	margin-right: 5px;
}
.comman-btn-2 a:hover, .comman-btn-2 .btn:hover
{
	color: var(--white-color);
	background: var(--green-color);
}
.comman-btn-2 a:hover img, .comman-btn-2 .btn:hover img
{
	filter: inherit;
}
.comman-btn-3 a, .comman-btn-3 .btn
{
	background: var(--white-color);
	color: var(--priprimary-color);
	display: inline-block;
	vertical-align: middle;
	border-radius: 5px;
	border: 1px solid var(--white-color);
	padding: 10px 20px;
	transition: 0.5s;
	text-transform: uppercase;
	font-family: "DM Sans", sans-serif;
}
.comman-btn-3 a:hover, .comman-btn-3 .btn:hover {}
/* Padding css */
.pt-70
{
	padding-top: 70px;
}
.pb-70
{
	padding-bottom: 70px;
}
/* Comman title */
.comman-title
{
	margin-bottom: 40px;
}
.comman-title .top-title
{
	font-family: "DM Sans", sans-serif;
	color: var(--priprimary-color);
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
}
.comman-title .title
{
	color: var(--black-color);
	margin-bottom: 0;
	font-size: 36px;
	font-weight: 700;
}
.comman-title .sub-title
{
	/* color: var(--black-color); */
}
/* owl */
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot.owl-nav
{
	position: absolute;
	left: 30px;
	top: 50%;
	width: 25px;
	height: 25px;
	background-color: var(--white-color) !important;
	border: 1px solid #4b4b4b;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0px !important;
	font-size: 20px;
	margin: 0;
	cursor: pointer;
	color: var(--priprimary-color);
	transform: translate(-50%, -50%);
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot.owl-nav
{
	position: absolute;
	right: 0;
	top: 50%;
	width: 25px;
	height: 25px;
	background-color: var(--white-color) !important;
	border: 1px solid #4b4b4b;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0px !important;
	font-size: 20px;
	margin: 0;
	cursor: pointer;
	color: var(--priprimary-color);
	transform: translate(-50%, -50%);
}
.owl-carousel .owl-nav button.owl-prev:hover, .owl-carousel .owl-nav button.owl-prev:hover, .owl-carousel button.owl-dot.owl-nav:hover, .owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-next:hover, .owl-carousel button.owl-dot.owl-nav:hover
{
	background: var(--priprimary-color) !important;
	border-color: var(--priprimary-color) !important;
	color: var(--white-color);
}
.owl-dots
{
	display: inline-block;
	text-align: center;
	margin: 0 auto;
	max-width: 1280px;
	width: 100%;
}
.owl-dots .owl-dot span
{
	display: inline-block;
	width: 10px;
	height: 8px;
	transition: 0.5s;
	background: #00000080;
	border-radius: 5px;
	margin: 0 5px;
}
.owl-dots .owl-dot.active span
{
	width: 20px;
	background: var(--priprimary-color);
}
/* Header css */
.top-header
{
	background: var(--priprimary-color);
	overflow: hidden;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.top-header .links
{
	list-style-type: none;
	padding-left: 0;
	margin-bottom: 0;
	display: inline-block;
}
.top-header .links li
{
	margin-right: 10px;
	display: inline-block;
	padding: 8px 0px;
}
.top-header .links li::after
{
	content: "|";
	margin-left: 10px;
	color: var(--white-color);
	display: inline-block;
	vertical-align: middle;
}
.top-header .links li:last-child:after
{
	display: none;
}
.top-header .links li a
{
	color: var(--white-color);
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
}
.top-header .links li a img, .top-header .links li a svg
{
	margin-right: 5px;
}
.socials
{
	display: inline-block;
	vertical-align: middle;
	list-style-type: none;
	padding-left: 0;
	background: var(--secondary-color);
	margin: 0;
	padding: 0 15px;
	position: relative;
}
.socials::after
{
	content: "";
	position: absolute;
	right: -200%;
	background: var(--secondary-color);
	width: 200%;
	height: 100%;
	z-index: 0;
}
.socials li
{
	display: inline-block;
	margin-right: 20px;
}
.socials li:last-child
{
	margin-right: 0;
}
.socials li a
{
	padding: 10px 0px;
	display: inline-block;
}
.navbar
{
	background: var(--white-color);
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.navbar .navbar-brand img
{
	max-width: 170px;
}
.navbar .nav-link
{
	font-size: 14px;
	font-weight: 500;
	color: var(--black-color);
	text-align: center;
}
.navbar form select
{
	background: #e9e9e9;
	max-width: 130px;
	border-radius: 10px 0px 0px 10px;
}
.navbar form input
{
	max-width: 130px;
	border: 1px solid #d7d7d7;
}
.navbar form .btn
{
	background: var(--priprimary-light-color);
	padding: 10px;
}
.navbar-collapse .btn-close
{
	position: absolute;
	right: 10px;
	top: 10px;
}
.navbar-toggler
{
	padding: 5px;
	font-size: 16px;
}
.dropdown-menu
{
	padding: 10px;
	border: none;
	box-shadow: 0px 0px 5px 5px #0000000d;
}
.dropdown-menu li
{
	position: relative;
}
.dropdown-menu li a
{
	border-radius: 5px;
	padding: 5px 10px;
}
.dropdown-menu li a:hover
{
	background: var(--priprimary-color);
	color: var(--white-color);
}
.dropdown-menu .dropdown-submenu
{
	display: none;
	position: absolute;
	left: 100%;
	top: -7px;
}
.dropdown-menu .dropdown-submenu-left
{
	right: 100%;
	left: auto;
}
.dropdown-menu>li:hover>.dropdown-submenu
{
	display: block;
}
/* Footer css*/
footer
{
	position: relative;
	border-top: 1px solid #e9ebf4;
}
footer::before
{
	content: "";
	position: absolute;
	top: -260px;
	height: 260px;
	background: url(../../images/footer-top.svg);
	width: 100%;
	z-index: -1;
	pointer-events: none;
}
footer .footer-gay-box
{
	background: var(--gay-color);
	padding: 50px 50px 50px 0px;
	position: relative;
	height: 100%;
}
footer .footer-gay-box:before
{
	content: "";
	width: 200%;
	height: 100%;
	position: absolute;
	top: 0;
	left: -200%;
	background: var(--gay-color);
}
footer .footer-logo
{
	width: 170px;
	margin-bottom: 30px;
}
footer .contact-info
{
	margin-bottom: 10px;
}
footer .contact-info .contact-icon
{
	background: transparent !important;
	width: 20px;
	min-width: 20px;
	height: 30px;
	padding: 0;
}
footer .contact-info .contact-icon img
{
	/* width: 100%; */
}
footer .contact-info .contact-details
{
	font-family: "DM Sans", sans-serif;
	font-size: 16px;
	font-weight: 400;
}
.footer-conatint
{
	padding: 30px 0px 100px 30px;
}
.footer-conatint h6
{
	font-family: "DM Sans", sans-serif;
	color: #041d2c;
	font-size: 26px;
	font-weight: 700;
}
.footer-conatint .input-group .form-control
{
	border-radius: 0;
}
.footer-conatint .input-group .btn
{
	border-radius: 0;
}
.footer-divider
{
	height: 1px;
	width: 100%;
	background: #e9ebf4;
	margin: 20px 0;
}
.footer-menu ul
{
	list-style-type: none;
	display: inline-block;
	padding-left: 0;
}
.footer-menu ul li
{
	display: inline-block;
	vertical-align: middle;
}
.footer-menu ul li a
{
	font-size: 12px;
	font-weight: 400;
	color: var(--text-color);
	display: inline-block;
	vertical-align: middle;
	padding-left: 7px;
	padding-right: 7px;
	position: relative;
}
.footer-menu ul li a:after
{
	content: "";
	height: 10px;
	width: 1px;
	display: block;
	background-color: #000000;
	position: absolute;
	top: 23%;
	right: -2px;
}
.footer-menu ul li:last-child a:after
{
	content: none;
}
.footer-conatint .logos
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
}
.footer-conatint .logos img
{
	width: 70px;
}
.footer-conatint p
{
	font-size: 14px;
	font-weight: 500;
	color: var(--black-color);
}
.footer-social
{
	text-align: center;
	margin-bottom: 20px;
}
.footer-social ul
{
	padding-left: 0;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	margin: 0 auto;
}
.footer-social ul li
{
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px;
}
.footer-social ul li a
{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 30px;
	width: 30px;
	background: #e9ebf4;
	border-radius: 50px;
	vertical-align: middle;
}
.cpy-right-text
{
	background: var(--priprimary-color);
	margin-top: -88px;
}
.cpy-right-text p
{
	margin-bottom: 0;
	font-size: 14px;
	text-align: center;
	padding: 10px 0;
	color: var(--white-color);
}
/* Body css */
.banner-se .banner
{
	position: relative;
	padding: 80px 0;
	min-height: 450px;
	display: flex;
	align-items: center;
}
.banner-se .banner .banner-img
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}
.banner-se .banner .banner-img img
{
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.banner-se .banner-containt
{
	position: relative;
}
.banner-se .banner-containt span
{
	color: var(--priprimary-color);
	font-size: 22px;
	font-weight: 800;
	display: inline-block;
	margin-bottom: 20px;
}
.banner-se .banner-containt .banner-title
{
	color: var(--black-color);
	font-size: 50px;
	font-weight: 800;
	margin-bottom: 20px;
}
.banner-se .banner-containt p
{
	color: var(--black-color);
	font-size: 22px;
	font-weight: 500;
	margin-bottom: 40px;
}
.product-grid .product-box
{
	border-radius: 6px;
	overflow: hidden;
	padding: 20px;
	position: relative;
	/* margin-bottom: 26px; */
	transition: 0.5s;
	/* backdrop-filter: blur(10px); */
	box-shadow: 0px 0px 5px 5px #0000000d;
	border: 1px solid var(--white-color);
	background: var(--white-color);
}
.product-grid .product-box .product-title
{
	min-height: 100px;
	font-size: 18px;
	font-weight: 700;
	line-height: 26px;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
}
.product-grid .product-box p
{
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
}
.product-grid .product-box:hover
{
	border: 1px solid var(--priprimary-color);
}
.product-grid .product-box .sale-badge
{
	position: absolute;
	background: #e9ebf4;
	color: #005db2;
	top: 0;
	left: 0;
	padding: 2px 10px;
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
}
.product-grid .product-box .product-img img
{
	width: 100%;
	height: 250px;
	object-fit: contain;
}
.product-grid .product-box:hover .comman-btn-2 a
{
	background: var(--green-color);
	color: var(--white-color);
}
.product-grid .product-box:hover .comman-btn-2 a img
{
	filter: inherit;
}
.product-list .product-box
{
	border-radius: 6px;
	overflow: hidden;
	padding: 20px;
	position: relative;
	margin-bottom: 26px;
	transition: 0.5s;
	/* backdrop-filter: blur(10px); */
	box-shadow: 0px 0px 5px 5px #0000000d;
	border: 1px solid var(--white-color);
	background: var(--white-color);
}
.product-list .product-box .product-title
{
	font-size: 18px;
	font-weight: 700;
	line-height: 26px;
	align-items: center;
	justify-content: space-between;
	display: flex;
}
.product-list .product-box p
{
	font-size: 16px;
	line-height: 26px;
}
.product-list .product-box p b
{
	font-weight: 600;
}
.product-list .product-box:hover
{
	border: 1px solid var(--priprimary-color);
}
.product-list .product-box .sale-badge
{
	position: absolute;
	background: #ea4335;
	color: var(--white-color);
	top: 0;
	left: 0;
	padding: 2px 10px;
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
}
.product-list .product-box .product-img img
{
	width: 100%;
	height: 250px;
	object-fit: contain;
	border: 1px solid #d9dbdc;
	border-radius: 5px;
}
.product-list .product-box:hover .comman-btn-2 a
{
	background: var(--green-color);
	color: var(--white-color);
}
.product-list .product-box:hover .comman-btn-2 a img
{
	filter: inherit;
}
.water-bg-se
{
	background-color: var(--priprimary-color);
	background-size: 100% 550px;
	background-repeat: no-repeat;
	background-position: bottom;
}
.water-bg-se .comman-title .title, .water-bg-se .comman-title .top-title
{
	color: var(--white-color);
}
.icon-se .icon-with-title-box
{
	text-align: center;
	transition: 0.5s;
}
.icon-se .icon-with-title-box .icon
{
	margin: auto;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #00519be5;
	width: 180px;
	height: 180px;
	border-radius: 20px;
	transition: 0.5s;
}
.icon-se .icon-with-title-box .icon-title
{
	color: var(--white-color);
	font-size: 20px;
	font-weight: 700;
}
.icon-se .icon-with-title-box:hover .icon
{
	background: var(--secondary-color);
}
.icon-se .icon-with-title-box .icon img
{
	transition: 0.5s;
}
.icon-se .icon-with-title-box:hover .icon img
{
	filter: contrast(1) brightness(0) invert(1);
}
.icon-se p
{
	font-size: 16px;
	font-weight: 400;
	margin-top: 30px;
	margin-bottom: 0;
	color: var(--white-color);
}
.pump-img-box img
{
	border-radius: 8px;
	/* height: 360px; */
	object-fit: cover;
}
.pump-img-box
{
	margin-bottom: 30px;
}
.pump-img-box .details-box
{
	opacity: 1;
	position: absolute;
	transition: 0.5s;
	right: 0;
	bottom: 0px;
	background: var(--priprimary-color);
	border-radius: 5px 0 0 0px;
	padding: 8px 20px;
	z-index: 99;
	min-width: auto;
}
.pump-img-box:hover .details-box
{
	opacity: 1;
}
.pump-img-box .details-box p
{
	color: var(--white-color);
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 0;
}
.pump-img-box .details-box .title
{
	color: var(--white-color);
	font-size: 18px;
}
.custom-container
{
	padding-left: calc(50vw - 1280px / 2);
}
.vm-box
{
	background: #eff2f5;
	border-radius: 6px;
	padding: 30px;
	margin: 10px 0px;
	display: inline-block;
	width: 100%;
}
.vm-box h4
{
	font-size: 20px;
	font-weight: 700;
}
.vm-box p
{
	margin-bottom: 0;
	font-size: 16px;
	font-weight: 400;
	color: var(--text-color);
}
.icon-box-w-text .icon
{
	width: 120px;
	height: 120px;
	border-radius: 100px;
	border: 1px dashed var(--white-color);
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
	transition: 0.5s;
}
.icon-box-w-text .icon
{
	position: relative;
}
.icon-box-w-text .icon::after
{
	content: "";
	position: absolute;
	border: 2px dashed var(--secondary-color);
	width: 120px;
	height: 120px;
	border-radius: 50%;
}
.icon-box-w-text:hover .icon::after, .icon-box-w-text:focus .icon::after
{
	animation: rotate-border 5s linear infinite;
}
@keyframes rotate-border
{
	from
{
		transform: rotate(0deg);
		/* Starting rotation */
	}
	to
{
		transform: rotate(360deg);
		/* Complete one rotation */
	}
}
.icon-box-w-text .title
{
	color: var(--black-color);
	font-size: 70px;
	font-weight: 800;
	margin-bottom: 0;
}
.icon-box-w-text p
{
	color: var(--text-color);
	font-family: Manrope;
	font-size: 20px;
	font-weight: 700;
}
.blue-bg
{
	background-color: var(--priprimary-color);
}
.blue-bg .comman-title .title, .blue-bg .comman-title .top-title
{
	color: var(--white-color);
}
.icon-box-se .icon-box
{
	background: #00519bcc;
	padding: 30px;
	border-radius: 6px;
	border: 1px solid #00519bcc;
	transition: 0.5s;
	margin-bottom: 30px;
}
.icon-box-se .icon-box:hover
{
	border: 1px solid var(--white-color);
}
.icon-box-se .icon-box img
{
	width: 80px;
	height: 80px;
	object-fit: contain;
	margin-bottom: 20px;
	transition: 0.5s;
}
.icon-box-se .icon-box:hover img
{
	filter: brightness(0) contrast(1) invert(1);
}
.icon-box-se .icon-box .title
{
	color: var(--white-color);
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 20px;
}
.icon-box-se .icon-box .containt
{
	min-height: 200px;
}
.icon-box-se .icon-box p
{
	color: var(--white-color);
	font-size: 16px;
}
.icon-box-img img
{
	height: 410px;
	border-radius: 6px;
	width: 100%;
	object-fit: cover;
}
.gay-bg
{
	background: var(--gay-color);
}
.contact-form-se
{
	background-image: url(../../images/water.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.contact-form-box
{
	/* backdrop-filter: blur(10px); */
	box-shadow: 0px 0px 5px 5px #0000000d;
	background: var(--white-color);
	border-radius: 6px;
	padding: 60px;
}
.contact-info
{
	display: flex;
	gap: 20px;
	align-items: start;
	margin-bottom: 20px;
}
.contact-info:last-child
{
	margin-bottom: 0;
}
.contact-info .contact-icon
{
	background: var(--priprimary-color);
	padding: 10px;
	width: 60px;
	min-width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}
.contact-info .contact-icon img
{
	width: 25px;
}
.contact-info .contact-icon.map
{
	background: rgba(0, 136, 207, 1);
}
.contact-info .contact-icon.phone
{
	background: rgba(0, 174, 201, 1);
}
.contact-info .contact-icon.email
{
	background: rgba(0, 206, 169, 1);
}
.contact-info .contact-icon.span-text
{
	font-size: 16px;
	font-weight: 700;
	line-height: 26px;
	background: transparent;
	justify-content: start;
	height: auto;
	width: auto;
	border-radius: 0;
	padding: 0;
}
.contact-info h4
{
	font-size: 20px;
	font-weight: 700;
	color: var(--black-color);
}
.contact-info h5
{
	font-size: 18px;
	font-weight: 700;
	color: var(--priprimary-color);
}
.contact-info p, .contact-info a
{
	margin-bottom: 0;
	color: var(--text-color);
}
.blog-grid .blog-box
{
	background: var(--white-color);
	z-index: 99;
	position: relative;
	border-radius: 6px;
	box-shadow: 0px 0px 5px 5px #0000000d;
	display: inline-block;
	overflow: hidden;
	width: 100%;
	min-height: auto;
	margin: 10px 0;
}
.blog-grid .blog-box .blog-img
{
	position: relative;
}
.blog-grid .blog-box .blog-img img
{
	height: auto;
	width: 100%;
	filter: grayscale(0);
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.blog-grid .blog-box a:hover .blog-img img, .blog-grid .blog-box a:focus .blog-img img
{
	filter: grayscale(1);
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.blog-grid .blog-box .blog-img .blog-date
{
	position: absolute;
	right: 0;
	bottom: -28px;
	background: #fff;
	text-align: center;
	/* padding-top: 5px; */
	font-size: 50px;
	color: var(--priprimary-color);
	font-weight: 700;
}
.blog-grid .blog-box .blog-img .blog-date span
{
	display: block;
	padding: 5px;
	background: var(--priprimary-color);
	color: var(--white-color);
	font-size: 12px;
	/* margin-top: 5px; */
}
.blog-grid .blog-box .blog-containt
{
	padding: 20px;
	min-height: 120px;
}
.blog-grid .blog-box .blog-containt .blog-title
{
	color: #041d2c;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.5;
	margin-bottom: 0px;
}
.blog-grid .blog-box:hover .blog-containt .blog-title
{
	color: var(--priprimary-color);
}
.blog-grid .blog-box .blog-containt p
{
	margin-top: 10px;
}
.blog-grid-blogs .blog-box
{
	box-shadow: none;
	text-align: center;
	background: transparent;
	margin-bottom: 20px;
}
.blog-grid-blogs .blog-box .blog-img
{
	border-radius: 0px;
	overflow: hidden;
}
.blog-grid-blogs .blog-box .blog-containt
{
	padding: 15px;
	min-height: 100px;
}
.blog-grid-blogs .blog-box .blog-img .blogDate
{
	background-color: #005db2;
	position: absolute;
	top: 0;
	left: 0;
	padding: 10px;
	text-align: center;
	border-radius: 5px;
	z-index: 9;
}
.blog-grid-blogs .blog-box .blog-img .blogDate h3
{
	font-family: "DM Sans", sans-serif;
	font-weight: 800;
	font-size: 30px;
	color: #ffffff;
	margin-bottom: 0px;
}
.blog-grid-blogs .blog-box .blog-img .blogDate p
{
	font-size: 16px;
	color: #ffffff;
	margin-bottom: 0;
}
.breadcrumb-se
{
	position: relative;
}
.breadcrumb-se .banner .banner-img
{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
.breadcrumb-se .banner .banner-img img
{
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.breadcrumb-se .banner .banner-containt
{
	position: relative;
	padding: 100px 0;
}
.breadcrumb-se .banner .banner-containt .banner-title
{
	font-size: 50px;
	font-weight: 800;
}
.breadcrumb-se .banner .banner-containt .breadcrumb
{
	margin-bottom: 0;
}
.breadcrumb-se .banner .banner-containt .breadcrumb .breadcrumb-item
{
	font-size: 22px;
	font-weight: 500;
}
.img-box
{
	transition: 0.5s;
}
.img-box:hover
{
	background: var(--white-color);
}
.img-box .containt
{
	padding: 20px;
}
.img-box .containt .img-box-title
{
	color: var(--black-color);
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 15px;
}
.certifications-img-box img
{
	border-radius: 8px;
	/* height: 360px; */
	object-fit: cover;
}
.certifications-img-box
{
	margin-bottom: 30px;
}
.need-help-se
{
	position: relative;
	z-index: 1;
}
.need-help-se .need-help-box
{
	padding: 60px;
	background: var(--priprimary-color);
}
.need-help-se .need-help-box .title
{
	color: var(--white-color);
}
.need-help-se .need-help-box .sub-title
{
	color: var(--white-color);
}
/*Product page*/
.left-sidebar
{
	padding-top: 10px;
	padding-right: 30px;
	border-right: 1px solid #ededed;
}
.left-sidebar .comman-title
{
	padding-bottom: 9px;
	border-bottom: 1px solid #c0c0c0;
	margin-bottom: 20px;
}
.products-se {}
.products-se .comman-title
{
	border-bottom: 1px solid #c0c0c0;
	padding-bottom: 15px;
}
.left-sidebar .accordion-item
{
	background: transparent;
	border: none;
	padding: 0;
	border-radius: 0;
}
.left-sidebar .accordion-item .accordion-button
{
	background: transparent;
	border: none;
	padding: 10px 0px;
	font-size: 16px;
	font-weight: 500;
	color: #1f1e0b;
	border-radius: 0;
}
.left-sidebar .accordion-body
{
	padding: 15px 0;
}
.left-sidebar .categories-list .form-check
{
	margin-bottom: 10px;
	display: flex;
	justify-content: space-between;
	gap: 10px;
}
.left-sidebar .categories-list .form-check .form-check-label
{
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-bottom: 0;
}
.product-fliter
{
	margin-bottom: 30px;
}
.product-fliter .list-grid-filter
{
	display: flex;
	gap: 10px;
}
.product-fliter .sorting-filter
{
	display: flex;
	gap: 20px;
	justify-content: end;
}
.product-fliter .sorting-filter .form-control
{
	border-radius: 0px;
	border: 1px solid #c0c0c0;
	padding: 10px 15px;
	line-height: normal;
	min-height: inherit;
	background: var(--white-color);
	width: 35%;
}
.page-pagination
{
	margin-top: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	gap: 15px;
}
.page-pagination .pagination
{
	margin-bottom: 0;
	gap: 10px;
}
.page-pagination .pagination .page-item .page-link
{
	border: 1px solid #d0d3d7;
	color: #4b4b4b;
	min-width: 35px;
}
.page-pagination .pagination .page-item.active .page-link
{
	border: 1px solid var(--priprimary-color);
	background: var(--priprimary-color);
	color: var(--white-color);
	min-width: 35px;
}
.page-pagination .pagination .page-item:first-child .page-link, .page-pagination .pagination .page-item:last-child .page-link
{
	border-radius: 0;
	/* background: #EFF2F5; */
	min-width: 35px;
}
/* Part and servics */
.part-services-se .nav
{
	display: flex;
	justify-content: center;
	max-width: 1200px;
	margin-bottom: 50px;
	border: none;
}
.part-services-se .nav .nav-link
{
	width: calc(33.33% - 15px);
	background: #eff2f5;
	border-radius: 0;
	padding: 12px;
	text-transform: uppercase;
	color: #515253;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
}
.part-services-se .nav .nav-link.active, .part-services-se .nav .nav-link:hover
{
	background: var(--priprimary-color);
	color: var(--white-color);
}
.part-services-se .custom-container-se
{
	max-width: 1100px;
	margin: 0 auto;
}
.partservices-details .title
{
	color: var(--black-color);
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 15px;
}
.services-se
{
	margin-top: 50px;
}
.services-se .title
{
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 30px;
}
.services-box .services-img
{
	position: relative;
	border-radius: 6px;
	margin-bottom: 20px;
}
.services-box .services-img img
{
	width: 100%;
}
.services-box .services-img span
{
	background: #00000060;
	display: inline-block;
	padding: 10px 30px;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	color: var(--white-color);
	font-size: 36px;
	font-weight: 700;
}
.search-pump
{
	background: #eff2f5;
}
.search-pump .serch-form
{
	padding: 50px;
}
.custom-tabs-pills .nav
{
	display: flex;
	justify-content: center;
	/* justify-content: space-between; */
	/* background: #EFF2F5; */
	max-width: 1200px;
	margin-bottom: 50px;
	border: none;
	gap: 0px;
}
.custom-tabs-pills .nav .nav-link
{
	min-width: 15%;
	background: #eff2f5;
	border-radius: 0;
	padding: 12px 30px;
	text-transform: uppercase;
	color: #515253;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
}
.custom-tabs-pills .nav .nav-link.active, .custom-tabs-pills .nav .nav-link:hover
{
	background: var(--priprimary-color);
	color: var(--white-color);
}
.map-box
{
	margin-bottom: 30px;
	border-radius: 5px;
	overflow: hidden;
}
.map-box .location-title
{
	color: var(--black-color);
	min-height: 60px;
	font-size: 20px;
	font-weight: 700;
}
.map-box .location-details
{
	min-height: 60px;
}
.map-box .phonenumber
{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 0px;
}
.map-box .phonenumber a
{
	font-size: 18px;
	color: var(--priprimary-color);
	font-weight: 700;
}
.gallery .gallery-box a
{
	display: inline-block;
	position: relative;
	margin-bottom: 28px;
}
.gallery .gallery-box a .img
{
	position: relative;
}
.gallery .gallery-box a .img:after
{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	transform: translateZ(-50%);
	background-color: #d9d9d9;
	background-image: url(../../images/pluse-icon.svg);
	background-size: 20px;
	background-position: center;
	background-repeat: no-repeat;
	width: 40px;
	height: 40px;
	display: flex;
	border-radius: 10px;
	align-items: center;
	justify-content: center;
	opacity: 0;
}
.gallery .gallery-box a .img:before
{
	content: "";
	width: 100%;
	height: 100%;
	opacity: 0;
	background-color: #005db2;
	position: absolute;
	border-radius: 6px;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.gallery .gallery-box a:hover .img:before
{
	opacity: 0.8;
}
.gallery .gallery-box a:hover .img:after
{
	opacity: 1;
}
.gallery .gallery-box a img
{
	border-radius: 6px;
}
.gallery .gallery-box a .card-title
{
	font-size: 20px;
	font-weight: 700;
	line-height: 26px;
	margin-top: 15px;
}
.lightbox-modal .modal-body
{
	padding: 50px;
}
.lightbox-modal .btn-close
{
	position: absolute;
	top: 20px;
	right: 20px;
	display: inline-block;
	width: 20px;
	height: 20px;
	background-color: #005db2;
	border-radius: 30px;
	background-size: 10px;
	opacity: 1;
	color: #fff;
	fill: #fff;
	--bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
}
.exhibition-codal-contint .exhibition-slider {}
.exhibition-codal-contint .exhibition-contint .exhibition-title
{
	color: var(--black-color);
	font-size: 20px;
	font-weight: 700;
	line-height: 26px;
}
.exhibition-codal-contint .exhibition-contint p
{
	color: #515253;
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
}
.policy-content .policy-titles
{
	margin-bottom: 15px;
	font-size: 20px;
	font-weight: 700;
	line-height: 26px;
}
.policy-content img
{
	margin: 20px 0;
}
.questions-box
{
	border-radius: 6px;
	overflow: hidden;
	padding: 20px;
	position: relative;
	margin-bottom: 26px;
	transition: 0.5s;
	box-shadow: 0px 0px 5px 5px #0000000d;
	border: 1px solid var(--white-color);
	background: var(--white-color);
}
.contact-detail-box
{
	margin-bottom: 30px;
}
.contact-detail-box .contact-info
{
	margin-bottom: 5px;
}
.blog-sidebar .sidebar-box
{
	background: #f4f5f8;
	padding: 30px;
	margin-bottom: 30px;
	border-radius: 6px;
}
.blog-sidebar .sidebar-box .sidebar-box-title
{
	color: var(--black-color);
	font-size: 20px;
	font-weight: 700;
	line-height: 26px;
	margin-bottom: 15px;
}
.blog-sidebar .sidebar-box .input-group
{
	border: 1px solid #e7e7e8;
	background: var(--white-color);
	border-radius: 5px;
}
.blog-sidebar .sidebar-box .input-group input
{
	border: none;
}
.sidebar-post-list .sidebar-post
{
	display: flex;
	gap: 20px;
	border-bottom: 1px solid #d9d9d9;
	margin-bottom: 15px;
}
.sidebar-post-list .sidebar-post:last-child
{
	border-bottom: 0;
}
.sidebar-post-list .sidebar-post .sidebar-post-img
{
	width: 80px;
	min-width: 80px;
	height: 80px;
}
.sidebar-post-list .sidebar-post .sidebar-post-img img
{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.sidebar-post-list .sidebar-post .sidebar-post-content span
{
	color: #515253;
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
}
.sidebar-post-list .sidebar-post .sidebar-post-content p
{
	color: var(--black-color);
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.sidebar-cat-arch-list
{
	padding-left: 0;
	margin-bottom: 0;
	list-style-type: none;
}
.sidebar-cat-arch-list li
{
	border-bottom: 1px solid #d9d9d9;
	margin-bottom: 15px;
	padding-bottom: 15px;
	font-size: 16px;
	font-weight: 400;
}
.sidebar-cat-arch-list li:last-child
{
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}
.blog-content .blog-titles
{
	margin-bottom: 15px;
	font-size: 20px;
	font-weight: 700;
	line-height: 26px;
}
.blog-content .blog-title
{
	margin-bottom: 15px;
	font-size: 30px;
	font-weight: 700;
	line-height: 40px;
}
.blog-content .blog-description *
{
	color: var(--text-color);
	font-family: "Manrope", sans-serif;
}
.blog-content .blog-description h1
{
	font-size: 24px;
}
.blog-content .blog-description h2
{
	font-size: 22px;
}
.blog-content .blog-description h3
{
	font-size: 20px;
}
.blog-content .blog-description h4
{
	font-size: 18px;
}
.blog-content .blog-description h5
{
	font-size: 16px;
}
.blog-content .blog-description h6
{
	font-size: 16px;
}
.blog-content p
{
	line-height: 30px;
}
.blog-content .blog-description p
{
	font-size: 16px;
	line-height: 24px;
}
.blog-content .blog-meta
{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	align-items: center;
	margin-bottom: 20px;
}
.blog-related
{
	margin-top: 50px;
}
.blog-related .blog-grid-blogs .blog-box
{
	text-align: left;
	min-height: auto;
}
.blog-related .blog-grid-blogs .blog-img img
{
	height: 200px;
}
.blog-related .blog-grid-blogs .blog-containt
{
	padding-left: 0;
	padding-right: 0;
}
.commant-se
{
	border-radius: 6px;
	overflow: hidden;
	padding: 20px;
	position: relative;
	margin-bottom: 26px;
	transition: 0.5s;
	box-shadow: 0px 0px 5px 5px #0000000d;
	border: 1px solid var(--white-color);
	background: var(--white-color);
}
body.scrolled .navbar
{
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 999;
	padding: 5px 0;
	background-color: #fff !important;
	box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 		0 2px 4px -1px rgba(0, 0, 0, 0.3);
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
body.scrolled .navbar .top-header
{
	display: none;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
body.scrolled .navbar .navbar-brand img
{
	width: 70%;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.product-box.grid-boxes
{
	text-align: center;
}
.product-box.list-boxes
{
	display: flex;
	text-align: left;
	align-items: center;
}
.product-box.list-boxes .product-containt .product-title
{
	min-height: auto;
}
.product-box.list-boxes .product-img
{
	width: 30%;
}
.product-box.list-boxes .product-containt
{
	width: 70%;
}
.product-box.grid-boxes .product-containt .product-description
{
	display: none;
}
.product-box.list-boxes .product-containt .product-description
{
	display: block;
}
.product-layout-change.active
{
	border: 1px solid #727272;
}
.left-sidebar ul.categories-list
{
	list-style-type: none;
	padding-left: 0;
}
.left-sidebar ul.categories-list a
{
	margin-bottom: 5px;
	display: flex;
	justify-content: space-between;
	font-size: 16px;
	color: #000000;
}
.left-sidebar ul.categories-list a:hover, .left-sidebar ul.categories-list a:focus, ul.categories-list a.active
{
	color: #005db2;
}
.galleryBox .lSSlideWrapper
{
	border: 1px solid #cccccc;
	margin-bottom: 20px;
}
.galleryBox .lSPager
{
	width: 100% !important;
}
.lSSlideOuter .lSPager.lSGallery li
{
	width: 50px !important;
	border: 1px solid #cccccc;
	margin-bottom: 2px;
	border-radius: 0 !important;
}
.lSSlideOuter .lSPager.lSGallery li.active
{
	border: 1px solid #005db2;
}
.comman-btn-2 .btn-brochure
{
	font-family: "DM Sans", sans-serif;
	font-size: 16px;
	font-weight: 400;
	background-color: transparent;
	color: #005db2;
	display: inline-block;
	vertical-align: middle;
	border-radius: 5px;
	border: 1px solid #005db2;
	padding: 10px 20px;
	transition: 0.5s;
}
.comman-btn-2 .btn-brochure i
{
	font-size: 20px;
	margin-right: 5px;
}
.comman-btn-2 .btn-brochure:hover, .comman-btn-2 .btn-brochure:focus
{
	background-color: #005db2;
	color: #ffffff;
	border: 1px solid #005db2;
}
label.error
{
	width: 100%;
	margin-top: 0.25rem;
	margin-bottom: 0;
	font-size: 80%;
	color: #dc3545;
	text-align: left;
	font-weight: 400;
}
#blog_search-error
{
	position: absolute;
	bottom: -20px;
	left: 0;
}
#openVideoModal .modal-dialog
{
	max-width: 60%;
	top: 10%;
	padding: 0;
	border-radius: 0;
}
#openVideoModal .modal-dialog .modal-body
{
	padding: 0;
}
#openVideoModal .embed-responsive .embed-responsive-item
{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 460px;
	object-fit: fill;
	border: none;
	outline: none;
	box-shadow: none;
}
.gallery .gallery-box a .img .galleryDate
{
	background-color: #005db2;
	position: absolute;
	top: 0;
	left: 0;
	padding: 10px;
	text-align: center;
	border-radius: 5px;
	z-index: 9;
}
.gallery .gallery-box a .img .galleryDate h3
{
	font-family: "DM Sans", sans-serif;
	font-weight: 800;
	font-size: 30px;
	color: #ffffff;
	margin-bottom: 0px;
}
.gallery .gallery-box a .img .galleryDate p
{
	font-size: 16px;
	color: #ffffff;
	margin-bottom: 0;
}
#partSelecBox1 ul
{
	list-style-type: none;
	background-color: #ffffff;
	padding-left: 0;
}
#partSelecBox1 ul li
{
	padding: 15px;
	border-bottom: 1px solid #eeeeee;
}
#partSelecBox1 ul .suggestionItem a
{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
#partSelecBox1 ul .suggestionItem a .suggestionImage img
{
	width: 250px;
}
#partSelecBox1 ul .suggestionItem a .suggestionDesc h3
{
	font-size: 16px;
}
#partSelecBox1 ul .suggestionItem a .suggestionDesc p
{
	font-size: 14px;
	margin-bottom: 0;
}
#partSelecBox1 ul .suggestionItem a .suggestionImage
{
	width: 25%;
}
#partSelecBox1 ul .suggestionItem a .suggestionDesc
{
	width: 75%;
}
#selectionResultSection #resultBody .product-box .comman-btn-2
{
	position: absolute;
	right: 0;
	text-align: right;
	width: auto;
}
.home-blog-slider .item .blog-img
{
	position: relative;
}
.home-blog-slider .item .blog-img .blogDate
{
	background-color: #005db2;
	position: absolute;
	top: 0;
	left: 0;
	padding: 10px;
	text-align: center;
	border-radius: 5px;
	z-index: 9;
}
.home-blog-slider .item .blog-img .blogDate h3
{
	font-family: "DM Sans", sans-serif;
	font-weight: 800;
	font-size: 30px;
	color: #ffffff;
	margin-bottom: 0px;
}
.home-blog-slider .item .blog-img .blogDate p
{
	font-size: 16px;
	color: #ffffff;
	margin-bottom: 0;
}
.pump-img-box
{
	position: relative;
	overflow: hidden;
	border-radius: 10px;
}
.pump-img-box .galleryDate
{
	background-color: #005db2;
	position: absolute;
	top: 0;
	left: 0;
	padding: 10px;
	text-align: center;
	border-radius: 5px;
	z-index: 9;
}
.pump-img-box .galleryDate h3
{
	font-family: "DM Sans", sans-serif;
	font-weight: 800;
	font-size: 30px;
	color: #ffffff;
	margin-bottom: 0px;
}
.pump-img-box .galleryDate p
{
	font-size: 16px;
	color: #ffffff;
	margin-bottom: 0;
}
.serviceMainPage .icon-box
{
	background: transparent;
	position: relative;
}
.serviceMainPage .icon-box .title
{
	color: #00b0c7;
}
.serviceMainPage .icon-box p
{
	color: #555555;
}
.serviceMainPage .icon-box:hover
{
	border: 1px solid #00519bcc;
}
.serviceMainPage .icon-box:hover img
{
	filter: none;
}
#subscription_email-error
{
	position: absolute;
	bottom: -20px;
	left: 0px;
}
.map-box .map-box-content
{
	padding: 20px;
}
.map-box .location
{
	height: 200px;
}
.navbar .nav-link:before
{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	width: 90%;
	height: 2px;
	background: #005db2;
	transform: scaleX(0);
	transition: transform 0.5s ease;
	margin: 0 auto;
}
.navbar .nav-item .nav-link:hover, .navbar .nav-item .nav-link:focus, .navbar .nav-item .nav-link.active
{
	background-color: transparent;
	color: #005db2;
}
.navbar .nav-item .nav-link:hover:before, .navbar .nav-item .nav-link.active:before
{
	transform: scaleX(1);
}
.navbar .nav-item .nav-link
{
	position: relative;
}
.dropdown-item.active, .dropdown-item:active
{
	background-color: #005db2;
}
.select2-container, .select2-container .select2-selection--single
{
	height: 50px;
	margin-bottom: 0px;
}
.select2-container--default .select2-selection--single
{
	border: 1px solid #d7d7d7;
	background-color: #ffffff;
	border-radius: 5px 0px 0px 5px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered
{
	color: #000000;
	line-height: 50px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow
{
	height: 49px;
}
.select2-results__option--selectable
{
	cursor: pointer;
	font-size: 16px;
}
.select2-results__option--selectable span.text-muted
{
	margin-left: 10px;
	font-size: 14px;
	color: #000000;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable span.text-muted
{
	color: #ffffff !important;
}
.select2-container--open .select2-dropdown--below
{
	width: 350px !important;
}
.select2-results__option--selectable
{
	cursor: pointer;
	font-size: 14px;
}
.webpageContent *
{
	color: #4b4b4b;
}
.webpageContent ol li, .webpageContent ul li, .webpageContent p, .webpageContent a
{
	font-size: 16px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered
{
	font-size: 14px;
	font-weight: 500;
	color: var(--black-color);
}
.whatsapp-stiky-btn
{
	position: fixed;
	top: 40%;
	right: 0;
	z-index: 99;
	width: auto;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.whatsapp-stiky-btn a.stickey-btn
{
	padding: 10px;
	border-radius: 10px 0 0 10px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 50px;
	height: 50px;
	margin-left: auto;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.whatsapp-stiky-btn .btn-whatsapp
{
	background-color: #25d366;
	margin-bottom: 5px;
}
.whatsapp-stiky-btn .btn-mail
{
	background-color: #555555;
    margin-bottom: 5px;
}
.whatsapp-stiky-btn a.stickey-btn:hover
{
	width: 150px;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.whatsapp-stiky-btn span
{
	margin-left: 10px;
	font-size: 14px;
	color: #ffffff;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.top-header .right-items
{
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.top-header .right-items #google_translate_element
{
	margin-right: 10px;
}
.goog-te-banner-frame
{
	display: none !important;
}
/* Optionally, you can also hide the floating iframe (if it appears) */
iframe.VIpgJd-ZVi9od-ORHb-OEVmcd.skiptranslate
{
	display: none !important;
}
span.indicator
{
	display: none;
}
.goog-te-gadget-simple
{
	background-color: #fff;
	border-left: 1px solid #d5d5d5;
	border-top: 1px solid #9b9b9b;
	border-bottom: 1px solid #e8e8e8;
	border-right: 1px solid #d5d5d5;
	font-size: 10pt;
	display: inline-block;
	padding-top: 2px !important;
	padding-bottom: 2px !important;
	cursor: pointer;
	border-radius: 10px;
	min-height: 30px;
	line-height: 2;
	display: flex;
	align-items: center;
}
.accordion-button, .accordion-button:not(.collapsed)
{
	background-color: #e9fbff;
}
.accordion-button:focus
{
	box-shadow: none;
}
.accordion-body
{
	background-color: #fefefe;
}
.accordion-flush .accordion-item
{
	margin-bottom: 10px;
	border-bottom: 0;
}
footer p.font-12
{
	font-size: 12px;
}
footer a
{
	color: #ffffff;
}
footer a:hover, footer a:focus
{
	color: #00c8ef;
}
.product-containt table
{
	width: 100%;
	border-collapse: collapse;
}
.product-containt table td, .product-containt table th
{
	border: 1px solid #ddd;
	padding: 8px;
}
.product-containt ul, .product-containt ol
{
	padding-left: 20px;
}

.whatsapp-stiky-btn i
{
    font-size: 30px;
    color: #ffffff;
    width: 30px;
    height: 30px;
    min-width: 30px;
}
.whatsapp-stiky-btn .btn-share
{
    background-color: #005db2;
}
#frequencyTab .nav-item .nav-link
{
    font-size: 16px;
    color: #000000;
}
#frequencyTab .nav-item .nav-link.active
{
    background-color: #005db2;
    color: #ffffff;
    border-color: #005db2;
}