/*
Theme Name: Medtra
Theme URI: #
Author: Medtra Dev Team
Author URI: #
Description: 8Clicks
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: 
License URI: LICENSE
Text Domain: Medtra
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, .header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, 
footer, .header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a:hover {
	color: unset;
}
/* 
//fonts
*/
@font-face {
    font-family: Outfit;
    src: url(assets/fonts/Outfit/static/Outfit-Regular.ttf);
}

@font-face {
    font-family: Outfit-Medium;
    src: url(assets/fonts/Outfit/static/Outfit-Medium.ttf);
}

@font-face {
    font-family: Poppins;
    src: url(assets/fonts/Poppins/Poppins-Regular.ttf);
}

@font-face {
    font-family: Poppins-medium;
    src: url(assets/fonts/Poppins/Poppins-Medium.ttf);
}

@font-face {
    font-family: Poppins-Semibold;
    src: url(assets/fonts/Poppins/Poppins-SemiBold.ttf);
}

:root {
	--secondary_green: #B8C445;
	--text-black: #333;
	--text-gray: #4F4F4F;
	--background-grey:#F2F2F2;
	--primary-blue:#306CB4;
	--input-border: #E0E0E0;
}

.outfit-normal {
	font-family: "Outfit";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
}

.outfit-txt {
	font-family: Outfit;
	font-style: normal;
	line-height: 150%;
	letter-spacing: -0.5px;
}

.fixed-position {
    position: fixed;
}

h1, h2, h3, h4, h5, p, a{
	font-family: Outfit;
	font-style: normal;
	line-height: 150%;
	letter-spacing: -0.5px;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/*
//
// Code Start here
*/

/* 
	##loading
*/
.pg_loading {
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	background: white;
	display: flex;
	align-items: center;
	justify-content: center;
}

.med_label_blue {
	font-size: 16px;
	font-weight: 400;
	line-height: normal;
	color: var(--primary-blue);
}

.med_label_black {
	color: #333;
	font-family: Outfit;
	font-size: 32px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
	letter-spacing: -0.5px;
}

/* 
	##menu_search_icon
*/
.menu__search  .aws-form-btn {
	background: white !important;
	border: 1px solid #E0E0E0 !important;
	border-right: 0 !important;
	border-top-left-radius: 10px !important;
	border-bottom-left-radius: 10px !important; 
}

.menu__search .aws-search-field {
	border: 1px solid #E0E0E0 !important;
	border-left: 0 !important;
	border-top-right-radius: 10px !important;
	border-bottom-right-radius: 10px !important; 
	color: var(--Gray-4, #BDBDBD) !important;
	font-family: Outfit !important; 
	font-size: 15px !important; 
	font-style: normal !important; 
	font-weight: 400 !important; 
	line-height: 150%; /* 22.5px */
	letter-spacing: -0.5px;
}

.menu__search {
	margin-right: 16px;
}
/* 
	##cart icon 
*/
a {
	text-decoration: none;
	color: #333;
}

.xoo-wsc-menu-item {
	list-style: none;
}

.xoo-wsc-sc-subt, .xoo-wsc-footer-txt, .xoo-wsc-ft-btn-checkout {
	display: none !important;
}

.xoo-wsc-icon-cart2:before {
	content: '' !important;
	display: block;
	background-image: url(./assets/img/icon/cart_icon.svg);
	width: 32px;
	height: 32px;
	background-size: 24px;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}

.hide-on-lg , .megaMenu__industry, .sub-menu {
	display: none;
}

.hide-on-mb {
	display: block;
}

.hovered {
	display: block !important;
}

/* 
	##menu
*/

.blackFilter {
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	background: black;
	z-index: 2;
	opacity: 0.6;
	display: none;
}

.header {
	border-bottom:	1px solid #E0E0E0;
	height: 109px;
	position: fixed;
	z-index: 99;
	width: 100%;
	background: white;
	padding-top: 22px;
}

/* .mainMenu, .megaMenu-container,  */
.footer__container {
	margin: 0 auto;
	display: flex;
	align-items: center;
	max-width: 1170px;
	padding: 0 15px;
}

.container-layout, .menu, .megaMenu-container, .whyMedtra__wrapper, .base-container{
	display: block;
	margin: 0 auto;
	max-width: 1170px;
	padding: 0 15px;
}

.container-layout, #primary {
	padding-top: 109px;	
}

.site {
	overflow: hidden;
}

.menu {
	display: flex;
	align-items: center;
	height: 100%;
}

	.menu__logo {
		display: block;
		width: 132px;
	}

		.menu__logo img {
			width: 100%;
			height: 100%;
			object-fit: contain;
		}

	.menu__panel {
		display: flex;
		height: 100%;
		gap: 20px;
		margin-left: 24px;
	}

		.menu__panel > .menu__item, .menu__panel > .menu__item > a {
			display: block;
			font-weight: 400;
			font-size: 15px;
			height: 100%;
			display: flex;
			align-items: center;
		}

			.menu__panel > .menu__item {
				white-space: nowrap;
			}

			.menu__panel .mega_menu-product::after, .menu__panel .mega_menu-industry::after, .mainMenu_children::after {
				content: ' ';
				width: 12px;
				height: 12px;
				display: inline-block;
				position: absolute;
				background: url('./assets/img/icon/dropdown.svg');
				background-repeat: no-repeat;
				background-position: center;
				background-size: contain;
				top: 50%;
				right: 0;
				transform: translateY(-50%);
				margin-left: 0;
			}
		
		.mega_menu-product, .mega_menu-industry, .mainMenu_children {
			position: relative;
		} 			

			.mega_menu-product > a, .mega_menu-industry > a, .mainMenu_children > a {
				padding-right: 20px !important;
				z-index: 1;
				position: relative;
			}

		/* .mega_menu-product:hover .megaMenu {
			display: block;
		} */

		.menu__panel > .mainMenu_children > a:hover {
			position: relative;
		}

		.menu__panel > .mainMenu_children:hover > .sub-menu {
			display: block;
		}

			.menu__panel > .mainMenu_children > .sub-menu {
				box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
				position: absolute;
				top: 86px;
				left: 0px;
				background: white;
				border-radius: 5px;
				border-top-right-radius: 0;
				border-top-left-radius: 0;
				padding: 20px;
			}

	.menu__search {
		margin-left: auto;
	}

.megaMenu, .megaMenu__industry {
	display: none;
	width: 100vw;
	background: white;
	left: 0;
	top: 109px;
	position: fixed;
	padding: 24px;
	border: 1px solid var(--background-grey);
	border-top: 0;
	box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.05);
}

.megaMenu:hover {
	display: block !important;
}

	.megaMenu__industry  {
		padding: 36px 0 40px 0;
	}

	.megaMenu__content {
		display: flex;
		justify-content: space-between;
		width: 100%;
	}

	.megaMenu__left {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

		.megaMenu__left .wp-block-columns  {
			gap: 72px;
		}

			.megaMenu__left .wp-block-columns .wp-block-column {
				flex-grow: unset;
				flex-basis: unset;	
			}

		.meagaMenu__left-col1 h4, .meagaMenu__left-col2 h4, .meagaMenu__left-col3 h4 {
			color: var(--text-gray);
			font-family: Outfit;
			font-size: 16px;
			font-style: normal;
			font-weight: 700;
			line-height: 17px;
			letter-spacing: -0.5px;
			display: block;
			margin-bottom: 20px;
		}

			.meagaMenu__left-col1 ul li, .meagaMenu__left-col2 ul li, .meagaMenu__left-col3 ul li {
				margin-bottom: 12px;
			}

	.megaMenu__shopAll {
		color: var(--primary-blue);
		font-family: Outfit;
		font-size: 15px;
		font-style: normal;
		font-weight: 400;
		line-height: 17px; 
		letter-spacing: -0.5px;
		text-decoration-line: underline;
	}

		.megaMenu__right {
			max-width: 273px;
		}

		.megaMenu__right--heading {
			color: #333;
			font-family: Outfit;
			font-size: 18px;
			font-style: normal;
			font-weight: 400;
			line-height: 150%; /* 27px */
			letter-spacing: -0.5px;
			margin-top: 24px;
			margin-bottom: 16px;
		}

		.megaMenu__right--shop {
			color: #828282;
			font-family: Outfit;
			font-size: 16px;
			font-style: normal;
			font-weight: 400;
			line-height: 150%;
			letter-spacing: -0.5px;
			text-decoration-line: underline;
		}

		.megaMenu__right figure {
			width: 273px;
			height: 315px;
		}

			.megaMenu__right img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				border-radius: 5px;
			}

		.megaMenu__IndustryContent--title {
			font-size: 16px;
			font-weight: 600;
			margin-bottom: 24px;
		}

		.megaMenu__indstryBlock--img-wrapper {
			width: 100%;
			height: 100px;
			display: inline-block;
		}

			.megaMenu__indstryBlock--image {
				width: 100%;
				height: 100% !important;
				object-fit: cover;
				border-radius: 5px;
			}

			.megaMenu__indstryBlock--name {
				font-size: 16px;
				font-weight: 400;
				margin-top: 12px;
			}

	.current-menu-item > a {
		color: var(--primary-blue);
		font-size: 15px;
		font-weight: 600 !important;
		font-family: Outfit;
		font-style: normal;
		line-height: 150%;
		letter-spacing: -0.5px;
		display: block;
	}		

/* 
	##footer
*/
footer {
	width: 100%;
	background: var(--background-grey);
}

	.footer__container {
		padding-top: 50px;
		flex-direction: column;
		align-items: flex-start;
	}

		.footer__top {
			width: 100%;
			display: flex;
			padding-bottom: 40px;
			border-bottom: 2px solid #BDBDBD;
		}

		.footer__logo {
			max-width: 353px;
		}

			.footer__logo img {
				width: 194px;
				height: auto;
				object-fit: contain;
			}

			.footer__logo--name {
				color:var(--text-black);
				font-family: Outfit-Medium;
				font-size: 24px;
				font-style: normal;
				font-weight: 500;
				line-height: 150%;
				letter-spacing: -0.5px;
				margin-top: 12px;
			}

			.footer__slogan {
				color: var(--text-black);
				font-family: Outfit;
				font-size: 20px;
				font-style: normal;
				font-weight: 400;
				line-height: 150%;
				letter-spacing: -0.5px;
				margin-top: 26px;
			}

		.footer__content {
			display: flex;
			gap: 80px;
			margin-left: 72px;
		}

			.footer__col1,  .footer__col2{
				width: fit-content;
			}

			.footer__content > div > h3 {
				display: block;
				color: var(--text-black);
				font-family: Outfit;
				font-size: 16px;
				font-style: normal;
				font-weight: 600;
				line-height: 150%;
				margin-bottom: 22px;
			}

			.footer__content > div > a {
				display: block;
				font-family: Outfit;
				font-size: 16px;
				font-style: normal;
				font-weight: 400;
				line-height: 150%; 
				letter-spacing: -0.5px;
				margin-bottom: 15px;
			}

			.footer__col3 > a {
				display: inline-block !important;
				margin-right: 18px;
			}

			.footer__col3 > img, .menu__mb-social img {
				width: 20px;
				height: 20px;
			}

			.footer__col3 {
				max-width: 150px;
			}

	.footer__bottom {
		padding: 32px 0;
	}

		.footer__bottom p {
			color: #616161;
			font-family: Outfit;
			font-size: 16px;
			font-style: normal;
			font-weight: 400;
			line-height: 150%; /* 24px */
			letter-spacing: -0.5px;
		}

	/* 
		##search_homepage
	*/
	.hp_src {
		background-image: url('assets/img/homepage/homepage_banner.png');
		width: 100%;
		height: 500px;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		border-radius: 20px;
		margin-top: 36px;
	}

		.hp_search__container {
			width: 80%;
		}

		.hp_search {
			display: flex;
			align-items: center;
			height: 100%;
			padding-left: 53px;
		}

			.hp_search__title {
				font-family: Outfit;
				font-size: 36px;
				font-style: normal;
				font-weight: 600;
				line-height: 150%;
				letter-spacing: -0.5px;
				color: var(--text-black);
				max-width: 480px;
			}

			.hp_search__subtitle {
				color: var(--text-black);
				font-family: Outfit;
				font-size: 16px;
				font-style: normal;
				font-weight: 400;
				line-height: 150%; 
				letter-spacing: -0.5px;
				margin-top: 12px;
				display: block;
				margin-bottom: 24px;
			}

			.hp_search--highlight {
				color: var(--primary-blue);
			}
	
	.hp_search__product {
		width: 100%;
		max-width: 784px;
	}

		.hp_search__input {
			position: relative;
			width: 100%;
			display: flex;
		}

		.hp_search__input-field {
			display: flex;
			flex: 1 1 auto
		}

		.hp_search__dropdown {
			height: 48px;
			background: white;
			border-radius: 8px 0 0 8px;
			border: 2px solid var(--input-border);
			border-right: 0;
		}

			.hp_search__input--dropdown {
				height: 100%;
				color: #828282;
				font-family: Outfit;
				font-size: 15px;
				font-style: normal;
				font-weight: 400;
				line-height: 150%; 
				letter-spacing: -0.5px;
				border-radius: 8px 0 0 8px;
				-moz-appearance:none; 
				-webkit-appearance:none; 
				appearance:none;
				border: none;
				padding: 12px 32px 12px 15px;
				position: relative;
				z-index: 1;
				background: transparent;
			}

			.hp_search__input .drop-down {
				font-size: 12px;
				width: 12px;
				height: 12px;
				position: absolute;
				top: 20px;
				left: 109px;
				-webkit-text-stroke: 1.2px;
				color: #828282;
			}

			.hp_search__input--box {
				width: 100%;
				height: 48px;
				max-width: 527px;
				background: white;
				border-radius: 0 8px 8px 0;
				border: 2px solid var(--input-border);
				border-left: 0;
				display: flex;
				align-items: center;
			}

				.hp_search__input--textField {
					height: 24px;
					border: 0;
					border-left: 1px solid #E0E0E0;
					width: 100%;
					display: inline-block;
					vertical-align: middle;
					padding-left: 16px;
					outline: none;
					color: #BDBDBD;
					font-family: Outfit;
					font-size: 15px;
					font-style: normal;
					font-weight: 400;
					line-height: 150%; 
					letter-spacing: -0.5px;
				}

				.hp_search__input--textField:focus-visible {
					background: white;
					color: black;
				}

	.hp_search__btn {
		color: var(--color-white, #FFF);
		font-family: Outfit;
		font-size: 14px;
		font-style: normal;
		font-weight: 600;
		line-height: 150%; 
		letter-spacing: -0.5px;
		padding: 0 24px;
		background-color: var(--primary-blue);
		border-radius: 8px;
		border: none;
		margin-left: 16px;
		height: 48px;
	}
	
	.hp_search__cat {
		display: flex;
		/* gap: 16px; */
		justify-content: space-between;
		row-gap: 0;
		flex-wrap: wrap;
		max-width: 100%;
		height: fit-content;
	}		

		.hp_search__block {
			width: 184px;
			height: 48px;
			background: white;
			margin-top: 16px;
			border-radius: 8px;
			position: relative;
			flex: 0 0 23%;
		
		}

			.hp_search__block .drop-down {
				position: absolute;
				right: 15px;
				top: 50%;
				transform: translateY(-50%);
				-webkit-text-stroke: 1.2px;
				font-size: 12px;
				color: #828282;
			}

			.hp_search__select {
				width: 100%;
				height: 100%;
				border-radius: 8px;
				padding-left:14px;
				border: 2px solid var(--input-border);
				-moz-appearance:none; 
				-webkit-appearance:none; 
				appearance:none;
				outline: none;
				color: var(--Gray-3, #828282);
				font-family: Outfit;
				font-size: 15px;
				font-style: normal;
				font-weight: 400;
				line-height: 150%; 
				letter-spacing: -0.5px;
				z-index: 1;
				position: relative;
				background: transparent;
			}

	.hp_search__mb-btn {
		display: none;
	}

/* 
	##shop_by_industry
*/
	.hp_industry {
		margin-top: 36px;
		padding: 44px 0;
		display: flex;
		overflow: auto;
	}

		.hp_industry__label {
			max-width: 113px;
		}

			.hp_industry__title {
				color: var(--text-black);
				font-size: 32px;
				font-weight: 500;
			}

				.hp_industry__title--highlight {
					color: var(--primary-blue);
				}


			.hp_industry__shopAll {
				font-size: 14px;
				font-weight: 400;
				text-decoration: underline;
				margin-top: 32px;
				display: block;
			}
			
		.hp_industry__content {
			margin-left: 32px;
			overflow-x: auto;
			-ms-overflow-style: none;
			scrollbar-width: none;
			display: flex;
			column-gap: 32px;
			cursor: pointer;
		}

			.hp_industry__content::-webkit-scrollbar {
				display: none;
			}

			.hp_industry__frame {
				width: 120px;
				height: 120px;
				border-radius: 100%;
				background: var(--background-grey);
				position: relative;
			}

				.hp_industry__img {
					width: 64px;
					height: 64px;
					position: absolute;
					top: 50%;
					left: 50%;
					transform: translate(-50%, -50%);
				}

					.hp_industry__img img {
						width: 100%;
						height: 100%;
						object-fit: fill;
					}

		.hp_industry__block a {
			font-size: 16px;
			font-weight: 400;
			font-style: normal;
			text-align: center;
			margin-top: 24px;
			display: block;
		}


/* 
	##home_about_us
*/
.hp_about__content {
	max-width: 480px;
}

	.hp_about__label {
		margin-bottom: 4px;
	}

	.hp_about__title {
		color: var(--text-black);
		font-size: 32px;
		font-weight: 500;
		margin-bottom: 24px;
	}

	.hp_about__info {
		font-size: 18px;
		font-weight: 400;
		margin-bottom: 36px;
		max-width: 479px;
	}

	.hp_about__link {
		display: block;
		font-size: 14px;
		font-weight: 600;
		color:white;
		background: var(--text-black);
		padding: 15px 0 15px 32px;
		width: 158px;
		border-radius: 8px;
		letter-spacing: 1px;
		position: relative;
		-webkit-transition: background-color 0.3s ease-out;
		-moz-transition: background-color 0.3s ease-out;
		-o-transition: background-color 0.3s ease-out;
		transition: background-color 0.3s ease-out
		border: 1px solid var(--text-black);
	}

		.hp_about__link:hover {
			color: var(--text-black);
			background: white;
			border: 1px solid var(--text-black);
		}

		.hp_about__img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			border-radius: 20px;
			display: inline-block;
			vertical-align: middle;
		} 

	.hp_about__link i {
		top: 2px;
		position: relative;
		-webkit-text-stroke: 1.2px;
		font-size: 20px;
	}

	/* 
		##hp_product
	*/
	.hp_product {
		padding: 88px 0;
	}

		.woocommerce ul.products li.product a img {
			border: 1px solid #F2F2F2;
    		border-radius: 10px;
		}
	
		.prod_badge {
			position: absolute;
			top: 12px;
			left: 12px;
			display: flex;
			gap: 10px;
		}

			.prod_new_badge {
				padding: 0 8px;
				height: 27px;
				display: inline-block;
				background: var(--primary-blue);
				color: #FFF;
				font-family: Outfit;
				font-size: 16px;
				font-style: normal;
				font-weight: 600;
				border-radius: 4px;
			}

			.prod_popular_badge {
				padding: 0 8px;
				height: 27px;
				display: inline-block;
				background: white;
				border: 1px solid var(--primary-blue);
				color: var(--primary-blue);
				font-family: Outfit;
				font-size: 16px;
				font-style: normal;
				font-weight: 600;
				border-radius: 4px;
			}

	.hp_product__header {
		margin-bottom: 48px;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

		.hp_product__tabs {
			gap: 12px;
		}

			.hp_product__tabs .nav-link {
				padding: 15px; 
				border-radius: 48px;
				color: #333;
				font-family: Outfit;
				font-size: 14px;
				font-style: normal;
				font-weight: 500;
				line-height: 150%;
				letter-spacing: -0.5px;
			}

				.hp_product__tabs .active{
					padding: 15px 32px;
					color: white !important; 
					background: #306CB4 !important;
				}

		.tab-pane, .tab-content {
			width: 100%;
		}
	/* 
		##how_it_works
	*/
	.how {
		margin-top: 32px;
		max-width: 952px;
		margin: 0 auto 88px;
	}

		.how__title {
			font-size: 32px;
			font-style: normal;
			text-align: center;
			margin-bottom: 72px;
		}

		.how__container {
			justify-content: center;
			gap: 56px;
		}

			.how__block {
				max-width: 280px;
			}

			.how__block img {
				width: 64px;
				height: 64px;
				object-fit: fill;
				display: block;
				text-align: center;
				margin: 0 auto;
			}

			.how__block h2 {
				color: var(--primary-blue);
				font-size: 16px;
				font-weight: 600;
				text-align: center;
				margin-top: 24px;
				margin-bottom: 20px;
			}

			.how__block p, .whyMedtra__block p {
				font-size: 18px;
				font-weight: 500;
				color: #242424;
				text-align: center;
			}

	/* 
		##why_Medtra
	*/
	.whyMedtra {
		width: 100vw;
		padding: 88px 0;
		background: #E7F0FB;
		margin-left: calc(50% - 50vw);
		margin-right: calc(50% - 50vw);
	}
	
	.whyMedtra__container {
		padding-top: 56px;
		display: flex;
		justify-content: space-between;
	}

	.whyMedtra__title {
		color: var(--text-black);
		font-size: 32px;
		font-style: normal;
		font-weight: 500;
		text-align: center;
	}

	.whyMedtra__block {
		max-width: 209px;
	}

		.whyMedtra__block img {
			width: 48px;
			height: 48px;
			display: block;
			margin: 0 auto;
		}

		.whyMedtra__block h2 {
			color: #333333;
			font-size: 18px;
			font-weight: 600;
			font-style: normal;
			text-align: center;
			margin-top: 24px;
			margin-bottom: 20px;
		}

		.whyMedtra__block p {
			color: var(--text-black);
			font-size: 18px;
			font-weight: 400;
			font-style: normal;
			text-align: center;
		}

	/* 
		##ourBlog
	*/
	.ourBlog {
		margin-bottom: 88px;
	}

	.ourBlog__title {
		text-align: center;
		font-size: 32px;
		font-weight: 500;
		padding: 88px 0 80px;
	}

	.ourBlog__slider {
		width: 100%;
		height: auto;
	}

		.ourBlog__container {
			width: 90%;
			margin: 0 auto;
		}

		.ourBlog__slider .slick-list {
			margin-left: -20px;
			margin-right: -20px;
		} 

		.ourBlog__slider .slick-slide {
			margin: 0 20px;
		}

		.ourBlog__block-img {
			width: 100%;
			height: 222px;
			object-fit: cover;
			border-radius: 10px;
		}

		.ourBlog__block-cat {
			font-size: 14px;	
			font-weight: 400;
			color: var(--primary-blue);	
			margin-top: 18px;
			margin-bottom: 14px;
			text-transform: uppercase;
		}

		.ourBlog__block-title {
			font-size: 20px;
			font-weight: 600;
			color: var(--text-black);
			margin-bottom: 12px;
		}

		.ourBlog__block-desc {
			font-size: 18px;
			font-weight: 400;
			color: #616161;
			margin-bottom: 8px;
		}

		.ourBlog__block-link {
			margin-bottom: 8px;
			border-bottom: 1px solid #616161;
			font-size: 16px;
			font-weight: 400;
			display: block;
			width: fit-content;
		}

/* 
	##page_header 
*/
.med_page_header {
	width: 100%;
	background: var(--primary-blue);
	padding: 24px 0;
	margin-top: 109px;
}

	.med_page_header > div > h4, .med_page_header > div > h4 >  a {
		display: inline-block;
		color: #E4F3FF;
		font-family: Outfit;
		font-size: 14px;
		font-style: normal;
		font-weight: 400;
		line-height: 150%; /* 21px */
		letter-spacing: -0.5px;
	}

		.med_page_header h4 {
			margin-bottom: 14px;
		}

			.med_page_header--delimeter {
				margin: 0 8px;
			}

		.med_page_header h1 {
			color: #FFF;
			font-family: Outfit;
			font-size: 36px;
			font-style: normal;
			font-weight: 600;
			line-height: 150%; /* 54px */
			letter-spacing: -0.5px;
		}

/* 
	##contact_us
*/
.body_container {
	padding: 63px 15px 85px;
}

.cu-top {
	margin-bottom: 44px;
}

.cu-info {
	width: 40%;
	max-width: 400px;
	height: fit-content;
}

.cu-info__label {
	color: #333;
	display: block;
	font-family: Outfit;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 150%; /* 27px */
	letter-spacing: -0.5px;
	margin-bottom: 10px;
}

	.cu-info__icon {
		vertical-align: middle;
		margin-right: 16px;
	}

	.cu-info__text {
		color: #4F4F4F;
		font-family: Outfit;
		font-size: 18px;
		font-style: normal;
		font-weight: 400;
		line-height: 150%;
		vertical-align: middle;
		letter-spacing: -0.5px;
	}

		.cu-info__address--bold {
			font-weight: 600;
		}

	.cu-info__address--icon {
		margin-top: 10px;
	}

	.cu-info__title {
		font-size: 24px;
		font-weight: 500;
		margin-bottom: 24px;
	}

	.cu-info__container {
		display: flex;
		flex-direction: column;
		gap: 24px;
		max-width: 400px;
		padding-right: 15px;
	}

	.cu-contactForm {
		width: 60%;
		border-left: 1px solid #E0E0E0;
		padding-left: 15px;
	}

		.cu-contactForm__container {
			max-width: 612px;
			float: right;
		}
		
		.cu-contactForm__labelTop {
			color: #333;
			font-size: 24px;
			font-weight: 500;
			margin-bottom: 8px;
		}

		.cu-contactForm__labelBtm {
			color: #828282;
			font-size: 16px;
			font-weight: 500;
			margin-bottom: 24px;
		}
 
	.contactForm .contactForm__Fields p span input, 
	.contactForm .contactForm__Fields p span select,
	.contactForm .contactForm__Fields p span textarea {
		width: 100%;
		padding: 8px 14px;
		border-radius: 5px;
		border: 1px solid#E0E0E0;
		color: #333;
		font-family: Outfit;
		font-size: 18px;
		font-style: normal;
		font-weight: 400;
		line-height: 150%;
		letter-spacing: -0.5px;
	}

	.contactForm input[type="submit"] {
		border-radius: 48px;
		background: #333;
		color: #FFF;
		padding: 12px 32px;
		font-family: Outfit;
		font-size: 16px;
		font-style: normal;
		font-weight: 500;
		line-height: 150%; /* 24px */
		letter-spacing: -0.5px;
	}

	.cu_map {
		border-radius: 10px;
	}

/* 
	##about_us
*/
.ourStory {
	margin-bottom: 88px;
}

.ourStory__container {
	max-width: 1036px;
}

	.ourStory__container h3, .ourValue__content--label {
		margin-bottom: 12px;
	}

	.ourStory__container h1, .ourValue__content--title {
		font-size: 32px;
		font-weight: 500;
		color: var(--text-black);
		margin-bottom: 48px;
	}

	.ourStory__content {
		display: flex;justify-content: space-between;
	}

		.ourStory__content--text {
			max-width: 760px;
			font-size: 18px;
			font-weight: 400;
			font-style: normal;
			line-height: 100%;
		}

		.ourStory__content--img {
			width: 240px;
			height: 240px;
		}

.mis-vis {
	margin-bottom: 88px;
}

	.mis-vis__container {
		max-width: 988px;
		margin: 0 auto;
	}

	.mis-vis__img {
		display: block;
		width: 104px;
		height: 104px;
		object-fit: contain;
		margin: 0 auto;
	}

		.mission, .vision {
			max-width: 450px;
		}

		.mis-vis__label {
			font-size: 24px;
			font-weight: 500;
			color: var(--text-black);
			margin: 10px 0;
		}

		.mis-vis__content {
			font-size: 18px;
			color: var(--text-black);
			font-weight: 400;
			text-align: center;
		}

	.ourValue__img {
		width: 35%;
	}

		.ourValue__img img {
			width: 100%;
			height: auto;
		}

.ourValue {
	display: flex;
	align-items: center;
	gap: 20px;
	padding-bottom: 88px;
	border-bottom: 1px solid #E0E0E0;
}

	.ourValue__content {
		width: 65%;
	}

		.ourValue__content-container {
			float: right;
			max-width: 692px;
		}

	.ourValue__content--title {
		margin-bottom: 24px;
	}

	.ourValue__content--text {
		color: #333;
		font-size: 18px;
		font-weight: 400;
	}

/* 
	##page_info_content
*/
.med_page_info p, 
.med_page_info h1,   
.med_page_info h2,
.med_page_info h3,
.med_page_info h4,
.med_page_info h5,
.med_page_info h6,
.med_page_info ul,
.med_page_info li
{
	font-size: 18px;
	color: #333;
	font-family: Outfit;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: -0.5px;
}

.med_page_info h1 {
	font-size: 42px;
	font-weight: 600;
}

.med_page_info h2 {
	font-size: 32px;
	font-weight: 600;
}

.med_page_info h3 {
	font-size: 24px;
	font-weight: 600;
}

.med_page_info h4 {
	font-size: 20px;
	font-weight: 600;
}

.med_page_info h5 {
	font-size: 18px;
	font-weight: 600;
}

.med_page_info h6 {
	font-size: 16px;
	font-weight: 600;
}

.med_page_info strong{
	font-weight: 700;
}

.med_page_info ol {
	list-style: decimal;
	padding-left: 20px;
}

.med_page_info ul {
	list-style: disc;
	padding-left: 20px;
}

.med_page_info a {
	text-decoration: underline;
}

/* 
	##faq
*/

.med_faq .accordion-button:not(.collapsed)::after{
	background: url('./assets/img/icon/minus.svg');
	transform: rotate(0deg);
}

.med_faq .accordion-button::after {
	background: url('./assets/img/icon/plus.svg');
	transform: rotate(-90deg);
}

.med_faq .accordion-button {
	background: #E4F3FF;
	color: #333;
	font-family: Outfit;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 150%; /* 27px */
	letter-spacing: -0.5px;
	padding: 23px 20px;
}

.med_faq .accordion-button:focus {
	box-shadow: unset;
	border-color: none;
}

.med_faq .accordion-item {
	margin-bottom: 16px;
	border: 0;
}

.med_faq__title {
	color: var(--text-black);
	font-family: Outfit;
	font-size: 18px !important;
	font-style: normal;
	font-weight: 400 !important;
	line-height: 150%; 
	letter-spacing: -0.5px;
	padding-bottom: 20px;
	border-bottom: 1px solid #E0E0E0;
	margin-bottom: 48px;
}

/* 
	##blog
*/
.blogpg {
	display: flex;
	gap: 24px;
}

.blogpg__sidebar {
	max-width: 200px;
	overflow-y: auto;
}

.blogpg__sidebar--label {
	display: block;
	color: #333;
	font-family: Outfit;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 150%;
	letter-spacing: -0.5px;
	padding-bottom: 12px;
	min-width: 145px;
	border-bottom: 1px solid #F2F2F2;
	margin-bottom: 16px;
}

.blogpg__categories {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-bottom: 36px;
}

	.blogpg__categories li a {
		color: #333;
		font-family: Outfit;
		font-size: 18px;
		font-style: normal;
		font-weight: 400;
		line-height: 150%;
		letter-spacing: -0.5px;
	}

		.active-cat {
			font-weight: 600 !important;
			color: #306CB4 !important;
		}

	.blogpg__categories--num {
		margin-left: 3px;
		color: #BDBDBD;
	}

	.blogpg__tags {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
	}

		.blogpg__tags li {
			cursor: pointer;
			border-radius: 3px;
			padding: 8px;
			background: #F2F2F2;
			display: block;
			color: #333;
			font-family: Outfit;
			font-size: 16px;
			font-style: normal;
			font-weight: 400;
			line-height: 150%;
			letter-spacing: -0.5px;
		}
		
		.blogpg__tags_active {
			color: white !important;
			background: #306CB4 !important;
		}	

.blogpg__listing {
	flex: 1 1 auto;
}

	.blog_post__img {
		width: 100%;
		height: 200px;
		object-fit: cover;
		border-radius: 10px;
		margin-bottom: 24px;
	}

	.blog_post__cat {
		color: #306CB4;
		font-size: 14px;
		font-style: normal;
		font-weight: 400;
		text-transform: uppercase;
		margin-bottom: 8px;
	}

	.blog_post__title {
		color: #333;
		font-size: 20px;
		font-weight: 500;
		font-family: Outfit-Medium;
		font-style: normal;
		margin-bottom: 8px;
		text-align: justify;
	}

	.blog_post__desc {
		color: #616161;
		font-family: Outfit;
		font-size: 18px;
		font-style: normal;
		font-weight: 400;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		width: 100%;
		margin-bottom: 14px;
	}

	.blogpg__listing {
		width: 78%;
		max-width: 894px;
	}

	.blog_post__link {
		color: #333;
		font-size: 16px;
		font-weight: 400;
		display: block;
		width: fit-content;
		text-decoration: underline;
		text-underline-offset: 8px;
	} 

	.blog__pagination {
		max-width: 352px;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 3em;
		margin-left: auto;
		margin-right: auto;	
		gap: 12px;
		flex-wrap: wrap;
	}

	.blog__pages-item {
		padding: 10px 5px;
		color:  #262626;
		text-align: center;
		font-family: Outfit;
		font-size: 16px;
		font-style: normal;
		font-weight: 500;
		line-height: 150%; 
		background: #F5F5F5;
		border-radius: 5px;
		min-width: 48px;
		text-align: center;
		display: inline-block;
	}

		.blog__page-ellipsis {
			border: none;
			background: white;
			padding-bottom: 5px;
		}

		.blog__curr-page {
			background: var(--primary-blue);
			color: white;
		}

	/* 
		##blog_template
	*/
	
	.blog-container {
		padding: 40px 15px 88px;
		display: flex;
		gap: 40px;
		justify-content: space-between;
	}

		.blog-content {
			width: 75%;
		}

		.blog-sidebar {
			max-width: 256px;
			width: 25%;
		}

			.recent_posts {
				margin-bottom: 3.5rem;
			}

			.recent_posts__label {
				color: #333;
				font-size: 16px;
				font-weight: 600;
				padding-bottom: 10px;
				border-bottom: 1px solid #F2F2F2;
				margin-bottom: 24px;
			}

			.recent_posts__list {
				display: flex;
				flex-direction: column;
				gap: 12px;
			}

			.recent_posts__block {
				display: flex;
				gap: 12px;
			}

				.recent_posts__block--img {
					width: 80px;
					height: 80px;
					object-fit: cover;
					display: inline;
					border-radius: 5px;
				}

				.recent_posts__block--title {
					color: #333;
					font-size: 18px;
					font-weight: 400;
					display: inline;
					line-height: 120%;
				}	

	.blog-sidebar__label {
		color: #333;
		font-size: 18px;
		font-weight: 600;
		padding-bottom: 10px;
		border-bottom: 1px solid #F2F2F2;
		margin-bottom: 12px;
	}

	.blog-content .wp-block-table {
		overflow-x: unset;
	}

	.blog-content h1 {
		font-size: 2.5rem;
		font-weight: 500;
	}
	
	.blog-content h2 {
		font-size: 2rem;
		font-weight: 500;
	}
	
	.blog-content h3 {
		font-size: 1.75rem;
		font-weight: 500;
	}
	
	.blog-content h4 {
		font-size: 1.5rem;
		font-weight: 500;
	}
	
	.blog-content h5 {
		font-size: 1.25rem;
		font-weight: 500;
	}
	
	.blog-content h6 {
		font-weight: 500;
		font-size: 1rem;
	}

	.blog-content ul {
		list-style-type: disc;
		padding-left: 2rem;
		margin-top: 0;
		margin-bottom: 1rem;
	}

	.blog-content ol {
		list-style-type: decimal;
		padding-left: 2rem;
		margin-top: 0;
		margin-bottom: 1rem;
	}

	.blog-content td, .blog-content th {
		padding: 0.5em;
	}

	.blog-content blockquote {
		display: block;
		margin-block-start: 1em;
		margin-block-end: 1em;
		margin-inline-start: 40px;
		margin-inline-end: 40px;
	}

	.blog-content p {
		font-size: 18px;
	}

	.blog-content figure {
		margin: 0 0 1rem;
	}

	.blog-content__cat .post-categories {
		padding: 0;
		list-style-type: none;
		display: flex;
		gap: 5px;
	}

		.blog-content__cat .post-categories li a {
			color:#306CB4;
			font-family: Outfit;
			font-size: 16px;
			font-style: normal;
			font-weight: 500;
			line-height: 150%;
			letter-spacing: -0.5px;
		}

		.blog-content__title {
			color: #333;
			font-size: 40px;
			font-style: normal;
			font-weight: 600;
			margin-bottom: 1rem;
		}

	.blog-content__info {
		display: flex;
		gap: 16px;
	}

		.blog-content-info-txt {
			color:#4F4F4F;
			font-family: Outfit;
			font-size: 16px;
			font-style: normal;
			font-weight: 500;
			line-height: 150%;
			letter-spacing: -0.5px;
			margin-left: 5px;
		}

		.blog-content__editor {
			padding-top: 24px;
			padding-bottom: 88px;
			border-bottom: 1px solid #E0E0E0;
		}

	.blog-content__btm {
		padding-top: 24px;
		display: flex;
		align-items: center;
	}

	.blog-content__btm--label {
		color: #616161;
		font-family: Outfit;
		font-size: 16px !important;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		display: inline;
		margin-right: 16px;
	}

	.blog-content__tags {
		display: flex;
		align-items: center;
	}

		.blogpg__tags {
			padding-left: 0 !important;
			margin-bottom: 0 !important;
		}

	.blog-content__share {
		margin-left: auto;
		display: flex;
		align-items: center;
	}

	/* 
		##Enquiry_page
	*/
	.enquirypg {
		padding-top: 43px;
	}

		.enquirypg__empty {
			margin: 0 auto;
			display: flex;
			justify-content: center;
			flex-direction: column;
			align-items: center;
		}

			.enquirypg__empty--img {
				width: 240px;
				height: 223px;
			}

			.enquirypg__empty--title {
				color: var(--text-black);
				font-size: 24px;
				font-weight: 500;
				margin-top: 36px;
			}

			.enquirypg__empty--desc {
				color:#828282;
				font-size: 16px;
				font-weight: 400;
				margin-top: 8px;
				max-width: 360px;
				text-align: center;
			}

			.enquirypg__empty--link {
				display: block;
				margin-top: 24px;
				border-radius: 48px;
				background: var(--text-black);
				padding: 12px 22px;
				color: white;
			}

				.enquirypg__empty--link:hover {
					color: white;
					background: var(--text-black);
				}

	.enquiry_prod {
		max-height: 600px;
		overflow-y: auto;
		margin-bottom: 56px;
	}

	.enquiry_prod__row {
		padding-bottom: 12px;
		border-bottom: 1px solid #E0E0E0;
		padding-left: 0;
		padding-right: 0;
	}

		.med_qty_wrapper {
			padding: 12px 8px;
			border: 1px solid var(--Gray-5, #E0E0E0);
			background: #FFF;
			border-radius: 8px;
			display: flex;
			align-items: center;
			width: fit-content;
			margin-top: 12px;
		}
		
			.med_qty_wrapper .med_qty_btn {
				font-size: 16px;
				color: #616161;
				background: white;
				border: none;
			}
		
			.med_qty_wrapper .qty {
				background: white;
				outline: none;
				border: none;
				width: 50px !important;
				text-align: center;
			}

	.enquiry_prod-item__row {
		padding: 36px 0;
		border-bottom: 1px solid #E0E0E0;
	}

	.enquiry_prod-item {
		display: flex;
		align-items: center;
	}

		.enquiry_prod-item__img {
			display: inline-block;
			min-width: 80px;
			min-height: 80px;
			width: 80px;
			height: 80px;
			border-radius: 5px;
		}

			.enquiry_prod-item__img img {
				object-fit: cover;
				width: 100%;
				height: 100%;
				border-radius: 5px;
			}

		.enquiry_prod-item__details {
			display: inline-block;
			margin-left: 23px;
			max-width: 80%;
		}

			.enquiry_prod-item__name {
				color: #333;
				font-family: Outfit-medium;
				font-size: 18px;
				font-style: normal;
				font-weight: 500;
				line-height: unset;
				margin-bottom: 16px;
			}

			.enquiry_prod-item__variation {
				color: #616161;
				font-family: Outfit;
				font-size: 16px;
				font-style: normal;
				font-weight: 400;
				line-height: unset;
				margin-bottom: 16px;
			}

			.enquiry_prod-item__remove-link {
				display: block;
				color: #EB5757;
				font-size: 16px;
				font-style: normal;
				font-weight: 400;
				text-decoration-line: underline;
				line-height: unset;
				width: fit-content;
			}

			.enquiry_prod-item__remove-link:hover {
				color: #EB5757;
			}

	.enquiry_form__label {
		color: #333;
		font-size: 24px;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
		margin-bottom: 4px;
	}

	.enquiry_form__instruction {
		display: block;
		color: #828282;
		font-size: 16px;
		font-weight: 400;
		margin-bottom: 36px;
	}

	.enquiry_form__input {
		border-radius: 8px;
		padding: 12px 24px;
	}

		.enquiry_form__input:focus, .enquiry_form__input--msg:focus {
			box-shadow: unset;
			border: 1px solid var(--primary-blue);
			outline: none !important;
		}

	.enquiry_form__input--msg {
		width: 100%;
		min-width: 100%;
		min-height: 132px;
		border-radius: 8px;
		border:1px solid #ced4da;
	}

	.send_enquiry_btn {
		display: block;
		color: #FFF;
		font-family: Outfit;
		font-size: 16px;
		font-style: normal;
		font-weight: 600;
		line-height: unset; 
		letter-spacing: -0.5px;
		padding: 19px 32px;
		background: var(--text-black);
		border-radius: 40px;
		margin-top: 36px;
	}

		.enquiry_error {
			color:red !important;
			display: none;
		}

	.sfsi_widget {
		min-height: 20px;
	}

	.wp-gr .grw-row-m .grw-header,.wp-gr .grw-row-m .grw-review,.wp-gr .grw-row-l .grw-review {
		flex: 0 0 33.33%;
		ms-flex: 0 0 33.33%;
	}

	.wp-gr:not(.wp-dark) .grw-review-inner.grw-backgnd {
		background: #F2F2F2 !important;
	}

	.Goo_reviews {
		margin-top: 88px;
	}

	.viewAllBtn {
		color: #333;
		font-family: outfit-Medium;
		font-size: 14px;
		font-style: normal;
		font-weight: 600;
		line-height: 150%;
		letter-spacing: 0.5px;
		text-align: center;
		padding: 15px 0;
		border: 1.5px solid #333333;
		border-radius: 48px;
		background: white;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		width: 153px;
		margin: 0 auto;

	}

		.viewAllBtn img {
			width: 20px;
			height: 20px;
			margin-left: 8px;
		}

	.hp_shop_now {
		background: var(--primary-blue);
		color: white;
		border: 0;
		margin-top: 72px;
	}

		.hp_shop_now:hover {
			color: white;
		}

		.hp_shop_now img {
			filter: brightness(0) invert(1);
		}

	.Goo_reviews__title {
		margin-bottom: 72px;
	}


@media (min-width:768.99px) {
	.menu__panel {
		display: flex !important;
		width: fit-content !important;
	}
	
	.blogpg__sidebar {
		display: block !important;
	}
	
	
}

@media (max-width:1024px) {
	/* 
		##menu
	*/
	.menu__search  {
		display: none;
	}

	.menu__panel {
		margin:  0 	auto;
	}

	.megaMenu__left {
		width: 100%;
	}

		.megaMenu__left .wp-block-columns {
			gap: 0;
			justify-content: space-between;
		}

	.megaMenu__right {
		display: none;
	}

	/* 
		##why_Medtra
	*/
	.whyMedtra__container {
		flex-wrap: wrap;
		justify-content: space-evenly;
		row-gap: 45px;
	}

		.whyMedtra__block {
			max-width: unset;
			flex: 1 1 33%;
		}

		.whyMedtra__block:nth-last-child(2),
		.whyMedtra__block:nth-last-child(1) {
			max-width: 33%;
		}

	/* 
		##blog_template
	*/
	.blog-container {
		gap: 20px;
	}
}

@media (max-width: 992px) {
	/* 
		##footer
	*/
	.footer__logo {
		max-width: 270px;
	}

	.footer__slogan {
		font-size: 16px;
	}

		.footer__content {
			margin-left: 50px;
			gap: 55px;
		}

		.footer__col3 > a {
			margin-right: 12px;
		}

	.mis-vis__container {
		gap: 50px;
	}

		.mission, .vision {
			width: 50%;
		}
}

@media (max-width:768px) { 

	.body_container {
		padding-top: 40px;
	}

	#primary {
		padding-top: 65.16px;
	}

	.med_page_header  {
		margin-top: 65.16px;
	}

		.med_page_header h4, .med_page_header h1 {
			text-align: center;
			width: 100%;
		}
		
		.med_page_header h1 {
			font-size: 24px;
		}

		.med_shop .woocommerce-breadcrumb , .med_shop .page-title {
			text-align: center;
		}	

	.hide-on-lg {
		display: block;
	}

	.hide-on-mb {
		display: none;
	}

	/* 
		##menu
	*/
	.header {
		padding: 14px 0;
		height: unset;
	}

	.container-layout{
		padding-top: 65px;
	}

		.menu {
			justify-content: space-between;
		}

		.menu__mb-logo {
			width: 96px;
		}

	.menu__icon  {
		width: 18px;
		font-size: 18px;
		-webkit-text-stroke: 0.5px;
	}

		.xoo-wsc-icon-cart2:before {
			width: 24px;
			height: 24px;
		}

		.xoo-wsc-sc-count {
			width: 14px !important;
			height: 14px !important;
			line-height: 15px !important;
			font-size: 11px !important;
		}

	.menu__panel {
		position: absolute;
		height: 100vh;
		width: 0;
		background: white;
		top: 0;
		left: -32px;
		z-index: 99;
		padding: 24px 16px;
		overflow: auto;
		display: block;
		transition: 0.2s ease-in-out;
		overflow-x: hidden;
		/* box-sizing: inherit; */
	}

		.menu__panel-top {
			margin-bottom: 2rem;
		}

		.menu__panel .menu__item {
			margin-bottom: 24px;
			border-bottom: 1px solid black;
			padding: 0;
			width: 100%;
			position: relative;
			height: unset;
			display: block;
		}

		.menu__panel > .menu__item > a {
			padding-top: 0;
			padding-bottom: 16px;
			width: 100%;
			font-size: 18px;
			display: block;
		}
		
		.menu__panel .mega_menu-product::after, .menu__panel .mega_menu-industry::after, .mainMenu_children::after{
			position: absolute;
			top: 7px;
			right: 5px;
		}

		.menu__panel > .mainMenu_children:hover > .sub-menu {
			display: none;
		} 

			.menu__panel > .mainMenu_children > .sub-menu {
				position: relative;
				top: 0;
				left: 0;
				width: 100%;
				box-shadow: unset !important;
			}
		
	.megaMenu {
		position: relative;
		background: white;
		border: none;
		box-shadow: unset;
		top: 0;
		padding: 0 0 24px 24px;
		display: none;
		width: 100%;
	}	

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

			.menu__panel-top--close {
				font-size: 24px;
				-webkit-text-stroke: 0.3px;
				color: #4F4F4F;
			}

		.megaMenu-container {
			padding: 0;
		}

			.megaMenu__left  {
				display: flex;
				flex-direction: column-reverse;
				gap: 24px;

			}

			.megaMenu__left .wp-block-column h4 {
				position: relative;
				display: inline-block;
				width: 100%;
				margin-bottom: 0;
			} 

				.megaMenu__shopAll {
					line-height: 20px;
				}

				.megaMenu__left .wp-block-column h4::after {
					content: ' ';
					width: 12px;
					height: 12px;
					display: inline-block;
					position: absolute;
					background: url('./assets/img/icon/dropdown.svg');
					background-repeat: no-repeat;
					background-position: center;
					background-size: contain;
					right: 5px;
					top: 2px;
				}

			.megaMenu__left .wp-block-column ul {
				margin-left: 24px;
				display: none;
				margin-top: 24px;
			}

				.megaMenu__left .wp-block-column ul li {
					margin-bottom: 24px;
				}

					.megaMenu__left .wp-block-column ul li:last-child {
						margin-bottom: 0;
					}

			.megaMenu__left .wp-block-columns {
				gap: 24px;
			}

	.megaMenu__industry {
		position: relative;
		top: 0;
		border: 0;
		box-shadow: unset;
		padding: 0;
		width: 100%;
		margin-left: 24px;
		margin-bottom: 24px;
	}

		.megaMenu__indus-shopall {
			color: var(--color-blue, #306CB4);
			font-family: Outfit;
			font-size: 18px;
			font-style: normal;
			font-weight: 400;
			line-height: 17px; /* 94.444% */
			letter-spacing: -0.5px;
			text-decoration-line: underline;
		}

		.megaMenu__IndustryContent--title {
			display: none;
		}
		
		.megaMenu__indstryBlock--img-wrapper {
			display: none;
		}

		.megaMenu__indstryBlock--name {
			font-size: 18px;
			margin-top: 32px;
		}

	.menu__mb-social > h3{
		display: block;
		color: #7E7E7E;
		text-align: left;
		font-family: Outfit;
		font-size: 18px;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
		margin-bottom: 24px;
	}

		.menu__mb-social > a {
			margin-right: 32px;
		} 

	

	/* 
		##footer
	*/
	.footer__container {
		padding: 48px 16px 0px;
	}

		.footer__top {
			flex-direction: column;
			border-bottom: 1px solid #E0E0E0;
		}

		.footer__logo {
			max-width: unset;
		}

			.footer__logo img {
				width: 155px;
				height: auto;
			}

			.footer__logo--name {
				color: #828282;
				font-size: 16px;
				font-family: Poppins-medium;
				margin-top: 8px;
			}
			
			.footer__slogan {
				margin-top: 16px;
				padding-bottom: 16px;
				border-bottom: 1px solid #E0E0E0;
			}

	.footer__content {
		margin-left: 0;
		padding-top: 36px;
		gap: 36px;
		justify-content: space-around;
	}

		.footer__col3 {
			min-width: unset;
		}

		.footer__col3 > a {
			margin-right: 24px;
		}

	/* 
		##search_homepage
	 */
	.hp_src {
		margin-top: 24px;
		background: linear-gradient(0deg, rgba(255, 255, 255, 0.50) 0%, rgba(255, 255, 255, 0.50) 100%), url(<path-to-image>), lightgray -25.591px -17.493px / 310.862% 116.306% no-repeat;
	}

		.hp_search {
			margin: 0 auto;
			padding: 0;
			justify-content: center;
		}

		.hp_search__cat {
			gap: 8px;
			row-gap: 0;
		}

			.hp_search__block {
				flex: 1 1 40%;
				margin-top: 8px;
			}

	.hp_search__btn {
		display: none;
	}

	.hp_search__mb-btn, .hp_search__mb-btn .hp_search__btn  {
		display: block;
	}

	.hp_search__mb-btn .hp_search__btn {
		margin-left: 0;
		margin-top: 16px;
		width: 100%;
	}

	/* 
		##shop_by_industry
	*/
	.hp_industry {
		flex-direction: column;
	}

		.hp_industry__label {
			max-width: unset;
		}

			.hp_industry__shopAll {
				margin-top: 8px;
			}

		.hp_industry__content {
			margin-top: 24px;
			margin-left: 0;
		}

	/* 
		##home_about_us
	*/

	.hp_about__content{
		max-width: unset;
		margin-bottom: 32px;
	}

		.hp_about__label {
			margin-bottom: 0px;
		}

		.hp_about__title {
			margin-bottom: 12px;
		}

		.hp_about__info {
			margin-bottom: 24px;
			max-width: unset;
		}

	/*
	 	##hp_product
	*/
	.hp_product__header {
		flex-direction: column;
	}

	.hp_product__title--ourProd {
		text-align: center;
	}

	.hp_product__tabs {
		margin-top: 32px;
		justify-content: center;
	}

	/* 
		##how_it_works
	*/
	.how__title {
		margin-bottom: 48px;
	}

	.how__block {
		max-width: unset;
	}

	/* 
		##why_Medtra
	*/
	.whyMedtra__container {
		row-gap: 35px;
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: center;
	}

		.whyMedtra__block {
			flex: unset;
			max-width: 200px !important;
		}

		.whyMedtra__block p {
			max-width: 200px;
			font-size: 16px;
		}

	/* 
		##ourBlog
	*/
	.ourBlog {
		margin-bottom: 64px;
	}

	.ourBlog__slider .slick-arrow::before {
		content: '';
	}

	.ourBlog__slider .slick-arrow {
		background: url('./assets/img/icon/slider-right.svg') !important;
		background-repeat: no-repeat !important;
		background-size: cover !important;
		background-position: center;
		width: 36px;
		height: 36px;
	}

		.ourBlog__slider .slick-prev {
			left: -43px;
			transform: rotate(180deg) translate(0, 50%);
			-webkit-transform: rotate(180deg) translate(0, 50%);
    		-ms-transform: rotate(180deg) translate(0, 50%);
		}	

		.ourBlog__slider .slick-next {	
			right: -43px;
		}

	.ourBlog__title {
		padding-top: 64px;
		padding-bottom: 48px;
	}

	/* 
		##contact_us
	*/
	.cu-top {
		flex-direction: column;
	}

		.cu-info {
			max-width: unset;
			width: 100%;
		}

			.cu-info__container {
				max-width: unset;
				padding-bottom: 48px;
				border-bottom: 1px solid #E0E0E0;
				margin-bottom: 48px;
				flex-direction: row;
				flex-wrap: wrap;
			}

				.cu-info__phones {
					flex: 0 0 calc(50% - 24px);
				}

				.cu-info__address {
					flex: 0 0 50%;
				}

				.cu-info__email {
					flex: 1 1 100%;
				}

		.cu-contactForm {
			max-width: unset;
			width: 100%;
			border-left: none;
			padding-left: 0;
		}

			.cu-contactForm__container {
				max-width: unset;
				float: unset;
			}

	/* 
		##about_us
	*/
	.about_us {
		padding: 40px;
	}

	.ourStory__content {
		flex-direction: column;
	}

		.ourStory__content--img {
			align-self: center;
		}

	.mis-vis__container {
		flex-direction: column;
	}

		.mission, .vision {
			width: 100%;
			max-width: unset;
		}

	.ourValue {
		flex-direction: column;
		gap: 48px;
		padding-bottom: 40px;
	}

		.ourValue__img {
			width: 100%;
			max-width: 400px;
		}

		.ourValue__content {
			width: 100%;
		}

			.ourValue__content-container {
				max-width: unset;
				width: 100%;
			}

	/* 
		##blog
	*/
	.blogpg {
		flex-direction: column;
	}

		.blogpg__sidebar {
			max-width: unset;
			position: fixed;
			width: 100%;
			height: 100vh;
			top: 0;
			left: 0;
			z-index: 99;
			background: white;
			padding: 0 15px;
			overflow-y: auto;
			display: none;
		}

	.blog_filter {
		display: flex;
		align-items: center;
		background: white;
		border: none;
		justify-content: center;
		width: 62px;
	}

		.blog_filter img {
			margin-right: 5px;
			display: flex;
			align-items: center;
			background: white;
			border: none;
			justify-content: center;
			width: 62px;
		}

	.blogpg__filter {
		margin-top: 24px;
		padding-bottom: 16px;
		border-bottom: 1px solid #F2F2F2;
		margin-bottom: 24px;
	}

		.blogpg__filter--text {
			font-size: 20px;
			font-weight: 400;
			color: #828282;
		}

		.blogpg__filter--close {
			font-size: 24px;
			-webkit-text-stroke: 0.3px;
			width: 24px;
			height: 24px;
			display: inline-block;
			margin-bottom: 4px;
			vertical-align: middle;
			color: #333;
			text-align: end;
			float: right;
		}

	.blogpg__listing {
		width: 100%;
	}

	/* 
		##blog_template
	*/
	.blog-container {
		flex-direction: column;
	}

		.blog-sidebar {
			width: 100%;
			max-width: unset;
		}

		.recent_posts__list {
			gap: 24px;
		}

		.recent_posts__block {
			align-items: center;
		}

	.blog-content {
		width: 100%;
	}

	/* 
		##enquiry_cart
	*/
	.enquiry_prod-item {
		align-items: flex-start;
	}

		.enquiry_prod-item__variation {
			margin-bottom: 0;
		}

		.enquiry_prod-item__mb_qty {
			margin-top: 36px;
			margin-bottom: 16px;
		}
}

@media(max-width: 576px) {
	.footer__content {
		flex-direction: column;
		justify-content: flex-start;
	}

	/* 
		##search_homepage
	*/
	.hp_src {
		height: unset;
		padding: 18px 0;
	}

	.hp_search {
		padding: 0 24px;
		width: 100%;
	}

		.hp_search__container {
			width: 100%;
		}

		.hp_search__title {
			width: 100%;
			font-size: 24px;
			max-width: 312px;
		}

		.hp_search__subtitle {
			margin-top: 8px;
			font-size: 16px;
			margin-bottom: 16px;
		}
		
		.hp_search__dropdown .drop-down, .hp_search__block .drop-down {
			width: 10px;
			height: 10px;
			font-size: 10px;
			top: 22px;
			left: 107px;
		}

			.hp_search__block .drop-down {
				right: 15px;	
				top: 26px;
				left: unset;
			}

		.hp_search__input--dropdown {
			width: 125px;

		}

	.hp_search__block {
		flex: 1 1 100%;
	}

	/* 
		##ourBlog
	*/

	.ourBlog__container {
		width: 80%;
	}

	.ourBlog__slider .slick-prev { 
		left: -36px;
		z-index: 1;
	}

	/* 
		##contact_us
	*/
	.cu-info__phones, .cu-info__address, .cu-info__email {
		flex: 1 1 100%;
	}

	/* 
		##about_us
	*/
	.about_us {
		padding: 30px 15px;
	}
}