/*
[Master Stylesheet] 
Project:Medical Equipment
-------------------------------------------------------------------*/
/********************************************************
1. body start
 *******************************************************/
 :root {
	--primary-color: #3CBCFF;
	--secondary-color: #0A233A;
	--bg-light-color: #ebf9fe;
	--text-color: #797979;
	--white-color: #ffffff;
	--title-color: #222222;
	--input-bg-color: #EEF3F8;
	--light-bg-color: #F5FAFF;
	--transition: all 0.3s;
}

body {
	margin: 0;
	padding: 0 30px 30px 30px;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	font-family: 'Archivo';
	overflow-x: hidden;
	background-color: var(--white-color);
}

html {
	scroll-behavior: smooth;
}

/* Scroll */
::-webkit-scrollbar {
	width: 5px;
}

::-webkit-scrollbar-track {
	background-color: #dddddd;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

::-webkit-scrollbar-thumb {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	height: 100px;
	background-color: var(--primary-color);
}

/* Scroll */

*,
*:before,
*:after {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

a,
a:hover,
a:focus {
	/* text-transform: capitalize; */
	text-decoration: none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	margin: 0;
	padding: 0;
	word-break: break-word;
}

img,
video {
	max-width: 100%;
}

input,
textarea,
select,
button,
label,
svg,
svg path,
svg rect,
svg polygon,
img,
a,
:after,
:before,
:hover,
:focus,
.form-control:focus {
	outline: none !important;
	box-shadow: none;
	border: none;
}

input,
select {
	height: 60px !important;
	background-color: var(--input-bg-color);
	border-radius: 10px;
	border: none !important;
	color: var(--text-color) !important;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0;
}

.met-section-heading-wr {
	max-width: 600px;
	margin: 0 auto;
	text-align: center;
}

.met-section-heading {
	font-size: 28px;
	color: var(--primary-color);
	margin-bottom: 10px;
	font-weight: 600;
}

/* custom input */
.met-main-label {
	margin-bottom: 15px;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: 0em;
	text-align: left;
	color: var(--white-color);
	display: block;
}

.met-custom-input {
	padding: 10px 15px 10px 15px;
	position: relative;
	height: 50px !important;
	background-color: var(--white-color);
	display: block;
	width: 100%;
	line-height: 50px;
	font-size: 15px;
	letter-spacing: 0px;
	color: var(--title-color);
	font-weight: 500;
	border: 1px solid #ddd !important;
	border-radius: 6px;
}

.met-custom-input::placeholder {
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 0px;
	color: var(--text-color);
}

.met-custom-input:focus {
	box-shadow: none;
	border: 1px solid #ddd;
}

.met-custom-textarea {
	width: 100%;
	line-height: 1.5;
	padding: 10px 15px;
	-webkit-transition: all .3s;
	transition: all .3s;
	border-radius: 6px;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 0px;
	text-align: left;
	color: var(--title-color);
	background: var(--white-color);
	min-height: 120px;
	border: 1px solid #dddddd !important;
	/*resize: none;    */
}

.met-custom-textarea::placeholder {
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 0px;
	color: var(--text-color);
}

/* custom input end*/

.section11-main-img.img_border_r img {
    border-radius: 10px;
}
/* Select 2 Custom CSS*/
.select2-container--default .select2-selection--single {
	background-color: #EEF3F8 !important;
	border: none !important;
	border-radius: 10px !important;
	height: 60px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: var(--text-color) !important;
	line-height: 60px !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
	padding-left: 20px !important;
	padding-right: 30px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	display: none !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	background-image: url(../images/arrow-down.svg);
	background-repeat: no-repeat;
	width: 10px;
	height: 6px;
	top: 27px;
	right: 15px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: var(--primary-color);
}

/* Select 2 Custom CSS*/
ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

p {
	margin: 0px;
	word-break: break-word;
}

/* Buttton CSS Start */
.met-btn {
	min-width: 150px;
	height: 45px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--primary-color);
	color: var(--white-color);
	font-size: 16px;
	font-weight: 500;
	border-radius: 5px;
	padding: 0 30px;
	margin: 0;
	text-transform: capitalize;
	border: none;
	outline: none;
	cursor: pointer;
	overflow: hidden;
	position: relative;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

.met-btn:before,
.met-btn:after {
	content: '';
	display: block;
	background: linear-gradient(to left, rgba(0, 0, 0, 0) 50%, rgb(253 253 253 / 10%) 50%);
	background-size: 210% 100%;
	background-position: right bottom;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	border-radius: 0px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.met-btn-secondary {
	background-color: var(--secondary-color);
}

.ap_loginBtns .met-btn:hover {
	color: var(--white-color);
}

.met-btn:hover:before {
	background-position: left bottom;
}

.met-btn:hover.met-btn:after {
	background-position: right bottom;
}

/* Buttton CSS End*/

/* Paragraph */
.met-para {
	font-size: 16px;
	font-weight: 400;
	color: var(--text-color);
}

/* Paragraph */

/* Container */
.met-top-header-bar .container,
.met-header-wrapper .container,
.met-banner-wrapper .container,
.met-counter-wrapper .container {
	max-width: 1620px;
}

/* Container */


/* Top Heading */
.met-top-heading {
	display: inline-block;
	background: linear-gradient(90deg, #E1F2FF 0%, rgba(225, 242, 255, 0) 98.44%);
	font-size: 16px;
	font-weight: 500;
	color: var(--primary-color);
	text-transform: uppercase;
	letter-spacing: 13px;
	border-radius: 50px;
	padding: 8px 10px 8px 20px;
	margin-bottom: 13px;
}

.met-top-heading-center {
	display: inline-block;
	background: linear-gradient(90deg, #E1F2FF 0.24%, rgba(225, 242, 255, 0) 49.73%, #E1F2FF 98.21%);
	font-size: 16px;
	font-weight: 500;
	color: var(--primary-color);
	text-transform: uppercase;
	letter-spacing: 13px;
	border-radius: 50px;
	padding: 8px 10px 8px 20px;
	margin-bottom: 13px;
}

/* Top Heading */

/* Main Heading */
.met-main-heading {
	font-size: 26px;
	font-weight: 700;
	color: var(--title-color);
	line-height: 1.5;
	text-transform: capitalize;
	padding-bottom: 20px;
}

/* Main Heading */

/* breadcrumb */
.met-breadcrumb-wr {
    background-image: url(../images/blog_main.png);
	border-radius: 6px;
	padding: 75px 15px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
}

.met-breadcrumb-wr::after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.2;
}

.met-breadcrumb-head {
	text-align: center;
	position: relative;
	z-index: 1;
}

.met-breadcrumb-head .met-main-heading {
	color: var(--primary-color);
}

.met-breadcrumb-head ul {
	display: inline-flex;
	gap: 15px;
}

.met-breadcrumb-head ul span {
	color: var(--white-color);
}

.met-breadcrumb-head ul li a {
	color: var(--white-color);
	font-size: 15px;
}

/* breadcrumb end */

.met-categories-box {
	background: #3CBCFF;
}

/* Top Header Bar CSS Start*/
.met-top-header-bar {
	background-color: var(--secondary-color);
	padding: 15px 0;
}

.met-top-bar-flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
}

.met-top-header-left>p,
.met-top-header-right>p {
	font-size: 16px;
	font-weight: 400;
	color: var(--white-color);
}

.met-top-header-right {
	display: flex;
	align-items: center;
	gap: 40px;
}

.met-top-header-right>p>img {
	display: inline-block;
	margin-right: 10px;
}

.met-top-header-right>p>span {
	color: #31FFF3;
	font-weight: 500;
}

.met-social-icons ul {
	display: flex;
	gap: 15px;
}

.met-social-icons ul li a {
	width: 31px;
	height: 31px;
	border-radius: 6px;
	/* background-color: #1F3A52; */
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.3s;
}

.met-social-icons ul li a svg {
	fill: var(--white-color);
}

.met-social-icons ul li a:hover {
	box-shadow: 0 0 0 15px var(--primary-color) inset;
	transform: translateY(-5px);
}

/* Top Header Bar CSS End*/

/* Header CSS Start*/
.met-header-wrapper {
	background: var(--white-color);
	position: relative;
}

.met-header-parent {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.met-header-right {
	display: flex;
	align-items: center;
	gap: 50px;
}

.met-nav-menu>ul {
	display: flex;
	align-items: center;
	gap: 35px;
}

.met-nav-menu ul li {
	position: relative;
}


.met-nav-menu ul li .met-btn {
	min-width: 50px;
}

.met-nav-menu ul li a {
	display: block;
	font-size: 16px;
	font-weight: 400;
	color: var(--title-color);
	text-transform: capitalize;
	position: relative;
	transition: all 0.3s;
}

.met-nav-menu>ul>li>a {
	padding: 25px 0;
}

.met-nav-menu ul li a:hover,
.met-nav-menu ul li.active a {
	color: var(--primary-color);
}

.met-nav-menu>ul>li>a:after {
	content: "";
	width: 0;
	height: 2px;
	background-color: var(--primary-color);
	position: absolute;
	bottom: 15px;
	right: 0;
	left: 0;
	margin: 0 auto;
	transition: all 0.3s;
}

.met-nav-menu>ul>li>a:hover::after {
	width: 50px;
}

.met-nav-menu>ul>li.active>a:after {
	width: 50px;
}


.met-header-search {
	max-width: 230px;
	width: 100%;
	position: relative;
}

.met-header-search input {
	width: 100%;
	height: 45px !important;
	border-radius: 50px;
	padding: 0px 10px 0 55px;
	background-color: var(--white-color);
	color: var(--text-color);
	border: 1px solid #E7E7E7 !important;
}

.met-header-search input::placeholder {
	font-size: 16px;
	font-weight: 400;
	color: var(--text-color);
}

.met-header-search img {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 15px;
}

.met-header-search:after {
	position: absolute;
	content: "";
	top: 50%;
	left: 40px;
	width: 2px;
	height: 40%;
	background: #E7E7E7;
	transform: translateY(-50%);
}

/* Sub Menu */
.sub-menu {
	width: 200px;
	background-color: var(--white-color);
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	padding: 15px;
	position: absolute;
	top: 100%;
	left: 0px;
	transform: translateX(-30px);
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s;
	z-index: 9;
}

.sub-menu li {
	margin-bottom: 10px;
}

.sub-menu li:last-child {
	margin-bottom: 0;
}

.met-nav-menu>ul>li:hover .sub-menu {
	opacity: 1;
	visibility: visible;
	/* transform: translateX(-10px); */
}

.met-header-icons {
	display: flex;
	gap: 25px;
	align-items: center;
}

.tooltip_icon {
	position: absolute;
	font-size: 12px;
	padding: 5px 5px;
	background-color: var(--title-color);
	color: var(--white-color);
	line-height: 10px;
	border-radius: 3px;
	top: -20px;
	margin-bottom: 8px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: var(--transition);
	transition: var(--transition);
	white-space: normal;
	min-width: -moz-fit-content;
	text-align: center;
	min-width: 50px;
	left: 50%;
	transform: translateX(-50%);
}

.tooltip_icon:after {
	position: absolute;
	content: '';
	background-color: var(--title-color);
	bottom: 0px;
	left: 50%;
	width: 5px;
	height: 5px;
	transform: translate(-50%, 50%) rotate(45deg);
}

.met-header-icons a {
	position: relative;
}

.met-header-icons a:hover .tooltip_icon {
	opacity: 1;
	visibility: visible;
}

.met-banner-social {
	position: absolute;
	left: 2%;
	bottom: 0;
	z-index: 2;
	/* display: none; */
}

.met-banner-social-inner {
	display: flex;
	align-items: center;
	gap: 15px;
	padding: 10px 0;
}

.met-banner-social h4 {
	font-size: 16px;
	font-weight: 400;
}

ul.met-social-list {
	display: flex;
	align-items: center;
	gap: 35px;
}

/* Sub Menu */

/* Header CSS End*/

/* Banner CSS Start*/
.met-banner-wrapper {
	position: relative;
	background: var(--bg-light-color);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 50px 0;
}

.met-banner-left {
	max-width: 655px;
	width: 100%;
	position: relative;
	z-index: 2;
}

.met-banner-left h3 {
	font-size: 16px;
	font-weight: 600;
	color: var(--white-color);
	text-transform: capitalize;
	display: inline-block;
	background: #FF773C;
	padding: 15px 30px;
	border-radius: 5px;
	margin-bottom: 20px;
}

.met-banner-left h1 {
	font-size: 60px;
	font-weight: 800;
	color: var(--title-color);
	text-transform: capitalize;
}

.met-banner-left h1 span {
	color: var(--primary-color);
}

.met-banner-left p {
	line-height: 1.8;
	margin-top: 20px;
	padding-left: 20px;
	position: relative;
}

.met-banner-left p:after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	right: 0;
	background: #FF773C;
	width: 2px;
	height: 100%;
}

.met-banner-btns {
	display: flex;
	align-items: center;
	gap: 30px;
	margin-top: 40px;
}

.met-banner-play-icon {
	display: flex;
	align-items: center;
	gap: 10px;
}

.met-banner-play-icon span {
	width: 60px;
	height: 60px;
	background-color: var(--title-color);
	border-radius: 50%;
	box-shadow: 15px 20px 60px 0px rgba(21, 121, 197, 0.02);
	box-shadow: 6px 6px 25px 0px #FFFFFF4D inset;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	animation: shadow-pulse 2s infinite;
}

@keyframes shadow-pulse {
	0% {
		box-shadow: 0 0 0 0 rgb(21 121 197 / 70%)
	}

	100% {
		box-shadow: 0 0 0 20px rgb(255 255 0 / 0%);
	}
}

.met-banner-play-icon span svg {
	fill: var(--white-color);
}

.met-banner-play-icon a {
	font-size: 16px;
	font-weight: 400;
	color: var(--title-color);
	text-transform: capitalize;
	padding-top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 15px;
}

.met-banner-box {
	max-width: 888px;
	width: 100%;
	background-color: var(--white-color);
	box-shadow: 13px 14px 40px 0px #27628326;
	border-radius: 20px;
	padding: 30px;
	margin-top: 80px;
	position: relative;
}

.met-banner-form-flex {
	display: flex;
	flex-wrap: wrap;
}

.met-banner-form-info {
	position: relative;
	z-index: 1;
	max-width: 222px;
	width: 100%;
	margin-right: 40px;
}

.met-banner-form-info::before {
	content: '';
	width: 1px;
	height: 108px;
	background-color: #E1E8EE;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -20px;
	z-index: -1;
}

.met-banner-form-info:first-child:before {
	display: none;
}

.met-banner-form-info:nth-child(3) {
	margin-right: 30px;
}

.met-banner-form-info label {
	font-size: 16px;
	font-weight: 400;
	color: var(--title-color);
	text-transform: capitalize;
	padding-bottom: 10px;
}

.met-banner-form-btn {
	margin-top: 38px;
}

.met-banner-form-btn a {
	min-width: unset;
	width: 50px;
	height: 50px;
	border-radius: 50%;
}

.met-banner-box>img {
	position: absolute;
	top: -100px;
	left: -60px;
	animation: 4s installation infinite alternate;
}

@keyframes installation {
	0% {
		transform: translateY(0px);
	}

	50% {
		transform: translateY(-20px);
	}
}

.met-video-box {
	max-width: 245px;
	width: 100%;
	min-height: 80px;
	padding: 15px;
	background-color: #FFFFFF;
	box-shadow: 13px 14px 40px 0px #27628326;
	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
	position: absolute;
	top: -10px;
	right: 0;
}

.met-arrow1 {
	position: absolute;
	top: -70px;
	right: 220px;
	animation: wobble-vertically 5s linear infinite;
}

@keyframes wobble-vertically {
	16.65% {
		-webkit-transform: translateX(8px);
		transform: translateX(8px);
	}

	33.3% {
		-webkit-transform: translateX(-6px);
		transform: translateX(-6px);
	}

	49.95% {
		-webkit-transform: translateX(4px);
		transform: translateX(4px);
	}

	66.6% {
		-webkit-transform: translateX(-2px);
		transform: translateX(-2px);
	}

	83.25% {
		-webkit-transform: translateX(1px);
		transform: translateX(1px);
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

.met-video-content h4 {
	font-size: 28px;
	font-weight: 700;
	color: var(--title-color);
	text-transform: capitalize;
}

.met-video-content p {
	font-size: 16px;
	font-weight: 400;
	color: var(--text-color);
	text-transform: capitalize;
	padding-top: 0;
}

.met-banner-right {
	position: relative;
	width: 100%;
	/* max-width: 700px; */
	/* margin: 0 auto; */
}

.met-banner-img {
	position: relative;
	margin-left: 0;
	/* margin-bottom: -50px; */
}

.met-banner-flex {
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
}

.met-banner-reslt-box img {
	position: absolute;
	animation: 4s installation infinite alternate;
	z-index: 1;
}

.met-star-01 {
	bottom: 10%;
	left: -5%;
}

.met-star-02 {
	top: 15%;
	left: 10%;
}

.met-star-03 {
	top: 5%;
	right: 30%;
}

.met-star-04 {
	top: 30%;
	right: 0;
}

.met-star-05 {
	bottom: 10%;
	right: 0;
}

.met-star-smile {
	position: absolute;
	top: -20px;
	right: -20px;
}

.met-banner-reslt-box>h4 {
	font-size: 16px;
	font-weight: 700;
	color: var(--title-color);
	text-transform: capitalize;
	padding-bottom: 25px;
}

.met-reslt-flex {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 20px;
}

.met-reslt-flex:last-child {
	margin-bottom: 0;
}

.met-reslt-flex>img {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	object-fit: contain;
	display: block;
}

.met-reslt-info {
	min-width: 130px;
}

.met-reslt-info h4 {
	font-size: 16px;
	font-weight: 500;
	color: var(--title-color);
	text-transform: capitalize;
}

.met-reslt-info p {
	font-size: 16px;
	font-weight: 400;
	color: var(--text-color);
	text-transform: capitalize;
}

.met-reslt-grade span {
	width: 30px;
	height: 30px;
	background-color: #D7ECFD;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	font-weight: 700;
	color: var(--primary-color);
}

/* Banner CSS End*/
/* Section15 start */

.met-Section15-wrapper {
	position: relative;
	overflow: hidden;
	padding: 15px 0;
}

.met-Section15-inner {
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-ms-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
}

.met-Section15-inner:hover {
	transform: translateY(-10px);
}

/* Section15 end */
/* Counter CSS Start*/
.met-counter-wrapper {
	margin-top: -100px;
	position: relative;
}

.met-counter-parent {
	background: var(--secondary-color);
	box-shadow: 22px 25px 40px 0px #FFFFFF26 inset;
	border-radius: 10px;
	min-height: 200px;
	padding: 20px;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	gap: 50px;
	position: relative;
}

.met-counter-parent>img {
	position: absolute;
	top: -90px;
	right: -70px;
	z-index: 1;
}

.met-count {
	text-align: center;
	position: relative;
	min-width: 150px;
}

.met-count::before {
	content: '';
	width: 1px;
	height: 108px;
	background: #355E84;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -120px;
}

.met-count:last-child:before {
	display: none;
}

.met-count .met-counting {
	font-size: 40px;
	font-weight: 500;
	color: var(--white-color);
}

.met-count-heading h5 {
	font-size: 16px;
	font-weight: 400;
	color: var(--white-color);
	text-transform: capitalize;
	padding-top: 10px;
}

/* Counter CSS End*/
/* About CSS Start*/
.met-about-wrapper {
	background-color: var(--white-color);
	padding: 100px 0 150px 0;
}

.met-about-img {
	position: relative;
	z-index: 1;
	text-align: center;
}

.met-about-img:before {
	content: '';
	width: 692px;
	height: 692px;
	background: linear-gradient(180deg, rgba(4, 142, 248, 0.2) -8.05%, rgba(217, 217, 217, 0) 82.2%);
	border-radius: 50%;
	position: absolute;
	top: 0px;
	bottom: 0;
	left: -180px;
	z-index: -1;
}

.met-about-img .met-banner-reslt-box {
	top: auto;
	right: auto;
	left: 100px;
	bottom: -70px;
	text-align: left;
}

.met-abt-review {
	position: absolute;
	top: 0;
	left: -50px;
}

.met-smile-star {
	position: absolute;
	top: -15px;
	left: 165px;
}

.met-abt-videoIcon {
	position: absolute;
	top: 37%;
	left: 52%;
	transform: translate(-50%, -50%);
}

.met-about-content>p {
	padding-bottom: 20px;
}

.met-about-content>ul {
	padding-bottom: 40px;
}

.met-about-content ul li {
	display: flex;
	align-items: center;
	gap: 10px;
	padding-bottom: 10px;
}

.met-about-content ul li:last-child {
	padding-bottom: 0;
}

.met-about-content ul li img {
	display: block;
}

.met-about-content .met-btn {
	min-width: 170px;
}

/* About CSS End*/
/* Course CSS Start*/
.met-course-wrapper {
	background-color: var(--light-bg-color);
	padding: 80px 0;
}

.met-course-heading .met-main-heading {
	padding-bottom: 10px;
}

.met-tab-parent {
	text-align: center;
}

ul#myTab {
	border: none;
	background-color: var(--white-color);
	box-shadow: 13px 14px 40px 0px #2762830D;
	border-radius: 50px;
	display: inline-block;
	margin: 50px 0;
}

li.nav-item {
	display: inline-block;
}

.nav-tabs .nav-link {
	font-size: 16px;
	font-weight: 400;
	color: var(--text-color);
	text-transform: capitalize;
	border: none;
	padding: 17px 60px;
	border-radius: 50px;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
	background: var(--primary-color);
	border-radius: 50px;
	color: var(--white-color);
	box-shadow: 6px 6px 25px 0px #FFFFFF4D inset;
}

.met-tab-content-box {
	background: linear-gradient(180deg, #FF5359 0%, #F07B0E 100%);
	border: 2px solid #FFFFFF4D;
	box-shadow: 15px 20px 60px 0px #1579C505;
	box-shadow: 0px 0px 30px 0px #FFFFFF4D inset;
	position: relative;
	border-radius: 20px;
	padding: 50px 15px 40px;
	text-align: center;
	min-height: 515px;
}

.met-tab-content-box2 {
	background: linear-gradient(180deg, #6F01FC 0%, #C400D6 100%);
	box-shadow: 0px 0px 50px 0px #D8B1FF66 inset;
	box-shadow: 15px 20px 60px 0px #1579C505;
}

.met-tab-content-box3 {
	background: linear-gradient(180deg, #255BFF 0%, #00B4E1 100%);
	box-shadow: 0px 0px 50px 0px #B1E8FF66 inset;
	box-shadow: 15px 20px 60px 0px #1579C505;
}

.met-tab-img {
	max-width: 246px;
	width: 100%;
	margin: auto;
	position: relative;
	z-index: 1;
}

.met-tab-img>img {
	display: block;
	margin: auto;
	min-height: 193px;
}

.met-tab-img::before {
	content: '';
	width: 284px;
	height: 284px;
	background: linear-gradient(180deg, rgba(217, 217, 217, 0) 25.18%, rgba(255, 255, 255, 0.34) 133.8%);
	border-radius: 50%;
	position: absolute;
	top: -60px;
	right: 0;
	left: -25px;
	margin: auto;
	z-index: -1;
}

.met-tab-inner {
	margin-top: 50px;
}

.met-tab-inner>img {
	display: block;
	margin: auto;
}

.met-tab-inner h4 {
	font-size: 20px;
	font-weight: 500;
	color: var(--white-color);
	text-transform: capitalize;
}

.met-tab-inner p {
	font-size: 16px;
	font-weight: 400;
	color: var(--white-color);
	padding: 12px 0 15px;
}

.met-tab-inner a {
	font-size: 16px;
	font-weight: 700;
	color: var(--white-color);
	text-transform: capitalize;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	margin-top: 20px;
	transition: all 0.3s;
}

.met-tab-inner a:hover {
	letter-spacing: 2px;
}

.met-eye {
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}

.met-tooltip-show {
	min-width: 100px;
	max-width: 300px;
	position: absolute;
	bottom: 0px;
	right: 5px;
	background-color: var(--white-color);
	line-height: normal;
	color: var(--title-color);
	padding: 5px 8px;
	border-radius: 4px;
	text-align: center;
	transform: translate(-32px, 10px);
	transition: all linear 0.1s;
	box-shadow: 15px 15px 40px 0px #001D3326;
	opacity: 0;
	visibility: hidden;
}

.met-tooltip-show:before {
	content: "";
	position: absolute;
	top: 7px;
	right: -7px;
	width: 7px;
	height: 7px;
	border-left: 5px solid var(--white-color);
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	transition: all linear 0.1s;
	opacity: 0;
	visibility: hidden;
}

.met-tooltip-show p {
	color: var(--title-color);
	font-size: 16px;
	font-weight: 400;
}

.met-eye:hover .met-tooltip-show {
	opacity: 1;
	visibility: visible;
	transform: translate(-32px, 0px);
	transition: all linear 0.1s;
}

.met-eye:hover .met-tooltip-show:before {
	opacity: 1;
	visibility: visible;
	transition: all linear 0.1s;
}

.tab-pane {
	position: relative;
}

.met-tab-slider-parent {
	position: relative;
	overflow: hidden;
}

.swiper-button-lock {
	display: block;
}

.swiper-button-next,
.swiper-button-prev {
	width: 35px;
	height: 35px;
	border-radius: 50%;
	background: #797979;
	box-shadow: 0px 0px 50px 0px #27628333;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.3s;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
	background-color: var(--primary-color);
	box-shadow: 6px 6px 25px 0px #FFFFFF4D inset;
}

.swiper-button-prev {
	left: -80px;
}

.swiper-button-next {
	right: -80px;
}

.swiper-button-next svg,
.swiper-button-prev svg {
	width: auto;
	height: auto;
	fill: var(--white-color);
	transition: all 0.3s;
}

.swiper-button-next:hover svg,
.swiper-button-prev:hover svg {
	fill: var(--white-color);
}

.swiper-button-prev:after,
.swiper-button-next:after {
	display: none;
}

/* Course CSS End*/

/* swiper */
.met-heading-flex {
	position: relative;
}

.met-arrow {
	top: 25px;
	position: absolute;
	right: 0;
}

.swiper-button-next {
	right: 0;
}

.swiper-button-prev {
	left: auto;
	right: 50px;
}

/* swiper */
/* Service CSS Start*/
.met-service-wrapper {
	background-color: var(--white-color);
	padding: 80px 0;
}

.met-service-heading .met-main-heading {
	padding-bottom: 10px;
}

.met-service-heading>.met-para {
	max-width: 540px;
	width: 100%;
}

.met-service-left-content ul {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	margin: 30px 0 40px;
}

.met-service-left-content ul li {
	font-size: 16px;
	font-weight: 500;
	color: var(--title-color);
	text-transform: capitalize;
	background: #EBF3FB;
	box-shadow: 6px 6px 25px 0px #FFFFFF4D inset;
	border-radius: 50px;
	min-height: 60px;
	min-width: 240px;
	padding: 0 20px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	gap: 15px;
	flex: 0 0 40%;
}

.met-service-right {
	position: relative;
}

.met-service-counter {
	max-width: 144px;
	width: 100%;
	background-color: var(--white-color);
	box-shadow: 13px 14px 40px 0px #27628326;
	border-radius: 10px;
	padding: 35px 30px;
	position: absolute;
	top: 130px;
	left: -10px;
}

.met-service-counter .met-count .met-counting {
	font-size: 24px;
	font-weight: 700;
	color: var(--title-color);
}

.met-service-counter .met-count {
	text-align: left;
	min-width: auto;
}

.met-service-counter .met-count-heading h5 {
	color: var(--text-color);
	padding-top: 0;
	padding-bottom: 15px;
}

.met-service-counter .met-count:last-child .met-count-heading h5 {
	padding-bottom: 0;
}

.met-service-counter .met-count::before {
	display: none;
}

.met-service-right .met-abt-review {
	top: 100px;
	left: auto;
	right: -100px;
}

.met-service-right .met-smile-star {
	top: 70px;
	left: auto;
	right: -85px;
}

.met-service-right .met-abt-videoIcon {
	top: auto;
	left: auto;
	transform: none;
	right: -40px;
	bottom: 120px;
}

/* Service CSS End*/

/* Team CSS Start*/
.met-team-wrapper {
	padding: 80px 0;
	position: relative;
}

.met-team-slider-parent {
	position: relative;
	overflow: hidden;
}

.met-team-head h4 {
	font-size: 16px;
	font-weight: 400;
}

.met-team-heading {
	padding-bottom: 50px;
}

.met-team-heading .met-main-heading {
	padding-bottom: 0;
	max-width: 80%;

}

.met-team-parent {
	position: relative;
	overflow: hidden;
	padding-bottom: 30px;
}

.met-team-box-inner {
	background-color: var(--white-color);
	/* box-shadow: 3px 4px 29.6px 0px #0000000F; */
	border: 1px solid #EBEBEB;
	padding: 5px;
	text-align: center;
	/* max-width: 270px; */
	width: 100%;
	margin: auto;
	border-radius: 10px;
	position: relative;
	transition: all 0.3s;
}

.met-team-img {
	position: relative;
}

.met-team-img {
	position: relative;
}

.met-team-img:after {
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: linear-gradient(0deg, rgba(60, 188, 255, 0.47), rgba(166, 221, 250, 0.2));
	z-index: 0;
	transform-origin: top center;
	transform: scaleY(0);
	transition: 0.5s;
	width: 100%;
	border-radius: 10px;
}

.met-team-box:hover .met-team-img:after {
	transform: scaleY(1);
}

.met-team-img>img {
	max-width: 100%;
	width: 100%;
	min-height: 274px;
	max-height: 274px;
	object-fit: cover;
	border-radius: 10px;
}

.met-team-img>span {
	font-size: 16px;
	font-weight: 400;
	color: var(--title-color);
	width: 54px;
	height: 24px;
	background-color: var(--white-color);
	border-radius: 15px;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	position: absolute;
	top: 10px;
	right: 10px;
}

.met-team-wrapper .met-team-content {
	text-align: left;
}

.met-team-content {
	padding: 10px 15px;
	display: block;
}

.met-team-price {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 10px;
}

.met-team-content h4 {
	font-size: 18px;
	font-weight: 500;
	color: var(--title-color);
	text-align: left;
}

.met-team-content p {
	text-transform: capitalize;
	padding-top: 10px;
	display: inline-flex;
	align-items: center;
	gap: 10px;
}

.met-team-content .met-team-price p.met-para {
	font-size: 20px;
	font-weight: 700;
	color: var(--text-color);
	padding: 0;
}

.met-team-content .met-team-price span {
	color: #222222;
}

.met-team-social {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
	transition: all 0.3s;
	margin: auto;
	transform: translateY(50px);
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 15px;
	right: 15px;
	margin: auto;
}

.met-team-box-inner:hover .met-team-social {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
}

.met-team-social>a {
	width: 40px;
	height: 40px;
	background-color: var(--title-color);
	border-radius: 6px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.3s;
}

.met-team-social>a:hover {
	transform: translateY(-5px);
	background-color: var(--primary-color);
}

.met-team-social>a>svg {
	fill: var(--white-color);
	transition: all 0.3s;
}

.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	background-color: #CFDAE4;
	opacity: 1;
	transition: all 0.3s;
}

.swiper-pagination-bullet-active {
	width: 24px;
	background-color: var(--primary-color);
	border-radius: 10px;
}

/* Team CSS End*/
/* section06 main start  */
.section06-main-wr {
	position: relative;
	overflow: hidden;
	padding: 25px 0;
}

.section06-main-wr .met-thisweek-item-wr {
	min-height: 300px;
	padding-top: 60px;
}

.section06-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(550px, 1fr));
	gap: 30px;
}

.section06-grid-item {
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-ms-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
}

.section06-grid-item:hover {
	transform: translateY(-10px);
}

.section06-main-wr .met-thisweek-item-wr.met-thisweek-item-01 {
	background: linear-gradient(104.74deg, #01ACBD 3.96%, #00D1E5 100%);
}

.section06-main-wr .met-thisweek-item-wr.met-thisweek-item-02 {
	background: linear-gradient(104.74deg, #2093EC 3.96%, #25BCF7 100%);
}

.section06-main-wr .met-thisweek-item-wr.met-thisweek-item-03 {
	background: linear-gradient(104.74deg, #A301BD 3.96%, #5700E5 100%);
}

.section06-main-wr .met-thisweek-item-wr h3 {
	font-size: 20px;
	font-weight: 500;
	color: var(--primary-color);
	display: inline-block;
	background-color: var(--white-color);
	padding: 7px 20px;
	border-radius: 5px;
	width: max-content;
}

.section06-main-wr .met-thisweek-item-wr h2 {
	font-size: 30px;
	font-weight: 800;
	color: var(--white-color);
	max-width: 350px;
	margin: 15px 0 10px;
}

.section06-main-wr .met-thisweek-item-wr.met-thisweek-item-01 h3 {
	color: #01ACBD;
}

.section06-main-wr .met-thisweek-item-wr.met-thisweek-item-02 h3 {
	color: #2093EC;
}

.section06-main-wr .met-thisweek-item-wr.met-thisweek-item-03 h3 {
	color: #A301BD;
}

.section06-main-wr .met-thisweek-item-wr .met-btn {
	background: transparent;
	box-shadow: none;
	border: 1px solid var(--white-color);
	max-width: 130px;

}

.section06-main-wr .met-thisweek-item-wr .met-thisweek-item-img {
	background: var(--white-color);
	width: 340px;
	height: 340px;
	border-radius: 100%;
	position: relative;
}

.section06-main-wr .met-thisweek-item-wr .met-thisweek-item-box {
	position: absolute;
	text-align: center;
	right: -10%;
	bottom: -30%;
}

/* section06 main end  */
/* section09 main start  */
.section09-main-wr {
	position: relative;
	overflow: hidden;
	padding: 20px 0;
}

.section09-main-wr .met-thisweek-item-wr {
	min-height: 345px;
	/* padding-top: 60px; */
	display: flex;
	align-items: center;
	justify-content: flex-end;
	position: relative;
	background: linear-gradient(104.74deg, #0157BD 3.96%, #0093E5 100%);
}

.section09-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(700px, 1fr));
	gap: 30px;
}

.section09-grid-item {
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-ms-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
}

.section09-grid-item:hover {
	transform: translateY(-10px);
}

.section09-main-wr .met-thisweek-item-box {
	border-radius: 100%;
	position: absolute;
	text-align: center;
	right: auto;
	left: -5%;
	bottom: -20%;
	border: 10px solid #ffffff38;
}

.section09-main-wr .met-thisweek-content {
	max-width: 55%;
	text-align: left;
}

.section09-main-wr .met-thisweek-item-wr h3 {
	font-size: 20px;
	font-weight: 700;
	color: #FFF623;
}

.section09-main-wr .met-thisweek-item-wr h2 {
	font-size: 30px;
	font-weight: 700;
	color: var(--white-color);
	max-width: fit-content;
	margin: 25px 0 30px;
	line-height: 1.4;
}

.section09-main-wr .met-thisweek-item-wr .met-thisweek-item-img {
	background: var(--white-color);
	width: 340px;
	height: 340px;
	border-radius: 100%;
	position: relative;
}

.section09-main-wr .met-thisweek-item-img img {
	margin-left: 30px;
	margin-top: -20px;
}

.section09-main-wr .met-thisweek-item-wr .met-btn {
	background: #FFF623;
	box-shadow: none;
	border: none;
	height: 45px;
	min-width: 130px;
	font-size: 16px;
	color: #000;
}

/* section09 main end  */
/* Contact CSS Start*/
.met-contact-wrapper {
	background-color: var(--white-color);
	padding: 120px 0 80px;
}

.met-contact-flex {
	display: flex;
	align-items: center;
	gap: 30px;
}

.met-contact-left-flex {
	display: flex;
	align-items: center;
	max-width: 849px;
	width: 100%;
	position: relative;
}

.met-contact-left-image {
	position: relative;
}

.met-contact-left-image .met-contact-image {
	max-width: 849px;
	width: 100%;
	height: auto;
}

.met-contact-left-image .met-contact-review {
	position: absolute;
	bottom: 160px;
	left: -130px;
}

.met-contact-left-image .met-contact-star {
	position: absolute;
	bottom: 340px;
	left: -133px;
}

.met-contact-left-image .met-contact-student {
	position: absolute;
	bottom: -40px;
	left: 50px;
	z-index: 1;
}

.met-contact-left-image .met-contact-arrow {
	position: absolute;
	top: 150px;
	left: -40px;
	transform: rotate(25deg);
}

.met-contact-left-form {
	position: absolute;
	top: 10px;
	right: 20px;
}

.met-contact-left-form>img {
	position: absolute;
	top: -70px;
	left: -70px;
}

.met-contact-form-box {
	min-width: 470px;
	width: 100%;
	background-color: var(--white-color);
	box-shadow: 10px 10px 60px 0px #597F9526;
	border-radius: 10px;
	padding: 40px;
}

.met-contact-form-head {
	padding-bottom: 20px;
}

.met-contact-form-head h4 {
	font-size: 30px;
	font-weight: 500;
	color: var(--title-color);
	text-transform: capitalize;
}

.met-input-field {
	margin-bottom: 20px;
}

.met-input-field input {
	padding: 0 15px;
	width: 100%;
}

.met-input-field input::placeholder {
	color: var(--text-color);
}

.met-input-field-flex {
	display: flex;
	align-items: center;
	gap: 20px;
}

.met-input-field-flex .met-input-field:first-child {
	max-width: 148px;
	width: 100%;
}

.met-input-field-flex .met-input-field input {
	appearance: none;
	background-image: url(../images/cal.png);
	background-position: center right 15px;
	background-repeat: no-repeat;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
	background: var(--primary-color);
	border-color: var(--primary-color);
}

.flatpickr-months .flatpickr-month {
	height: 50px;
}

.met-contact-form-btn .met-btn {
	width: 100%;
}

.met-contact-right {
	max-width: 400px;
	width: 100%;
}

/* Contact CSS End*/
/* Work CSS Start*/
.met-work-wrapper {
	background-color: var(--light-bg-color);
	padding: 80px 0;
}

.met-work-heading {
	padding-bottom: 70px;
}

.met-work-box-inner {
	background-color: var(--white-color);
	border-radius: 10px;
	transition: all 0.3s;
	text-align: center;
	position: relative;
	padding: 30px;
	z-index: 1;
}

.met-work-box:hover {
	transform: translateY(-30px);
	box-shadow: 13px 18px 50px 0px #2762831F;
}

.met-work-box {
	position: relative;
	transition: all 0.3s;
}

.met-work-box::before {
	content: '';
	width: 150px;
	height: 150px;
	background-color: #B8D9F8;
	border-radius: 50%;
	border: 20px solid #E5F1FE;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -60px;
	margin: auto;
	z-index: -1;
	transition: all 0.3s;
	opacity: 0;
	visibility: hidden;
}

.met-work-box:hover:before {
	opacity: 1;
	visibility: visible;
}

.met-work-step {
	position: absolute;
	top: -13px;
	left: 0;
	right: 0;
}

.met-work-step h4 {
	width: 108px;
	height: 30px;
	background: linear-gradient(90deg, #6BADFF -9.26%, #59DAFF 110.19%);
	border-radius: 50px;
	font-size: 16px;
	font-weight: 500;
	color: var(--white-color);
	text-transform: uppercase;
	letter-spacing: 2px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: auto;
}

.met-work-box-2 .met-work-step h4 {
	background: linear-gradient(90deg, #FF818C -9.26%, #FFC575 110.19%);
}

.met-work-box-3 .met-work-step h4 {
	background: linear-gradient(90deg, #52CF56 -28.24%, #CED11A 110.19%);
}

.met-work-box-4 .met-work-step h4 {
	background: linear-gradient(90deg, #A954FF -9.26%, #EC5CFF 110.19%);
}

.met-work-img {
	width: 100px;
	height: 100px;
	background: #EFF4F8;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 15px auto 25px auto;
	transition: all 0.3s;
}

.met-work-content>h4 {
	font-size: 20px;
	font-weight: 500;
	color: var(--title-color);
	text-transform: capitalize;
}

.met-work-content>p {
	max-width: 210px;
	width: 100%;
	margin: auto;
	padding-top: 10px;
}

/* Work CSS End*/

/* Testimonials CSS Start*/
.met-testmnl-wrapper {
	background-color: var(--white-color);
	padding: 80px 0;
}

.met-testmnl-slider {
	padding: 40px 0;
	width: 743px;
	text-align: center;
}

.met-testmnl-slider .swiper-wrapper {
	align-items: center;
}

.met-testmnl-slider .swiper-slide {
	width: 380px;
	opacity: 0.5;
}

.met-testmnl-slider .swiper-slide-active {
	opacity: 1;
	transform: scale(1.18) !important;
}

.met-tm-banner-media {
	position: relative;
}

.met-tm-banner-media_content {
	max-width: 210px;
	width: 100%;
	height: 63px;
	border-radius: 10px;
	background-color: var(--white-color);
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 10px;
	margin: auto;
}

.met-tm-banner-media_content h4 {
	font-size: 16px;
	font-weight: 500;
	color: var(--title-color);
	text-transform: capitalize;
}

.met-tm-banner-media_content p {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
}

.met-tesml-main-parent {
	position: relative;
}

.met-tesml-main-parent .swiper-button-prev {
	left: -20px;
}

.met-tesml-main-parent .swiper-button-next {
	right: -20px;
}

/* Text Slider */
.met-temnl-text-slider {
	overflow: hidden;
}

.met-temsl-text-slider p {
	padding: 25px 0 30px 0;
	line-height: 1.7;
}

.met-tesmnl-rating {
	background-color: #EBF3FB;
	box-shadow: 6px 6px 25px 0px #FFFFFF4D inset;
	border-radius: 10px;
	max-width: 203px;
	width: 100%;
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
}

.met-tesmnl-rating span {
	font-size: 16px;
	font-weight: 400;
	color: var(--title-color);
	display: flex;
	align-items: center;
	gap: 5px;
}

.met-tesmnl-rating span:nth-child(2) {
	margin-left: 10px;
}

.met-temsl-text-slider {
	margin-left: 20px;
}

/* Testimonials CSS End*/
/* Pricing CSS Start*/
.met-pricing-wrapper {
	background-color: var(--light-bg-color);
	padding: 80px 0;
}

.met-pricing-btn {
	text-align: center;
	margin-bottom: 75px;
}

.met-pricing-btn ul#myTab {
	margin: 0;
}

.met-price-box {
	position: relative;
	transition: all 0.3s;
}

.met-price-box:hover {
	transform: translateY(-30px);
	box-shadow: 13px 18px 50px 0px #2762831F;
}

.met-price-box::before {
	content: '';
	width: 150px;
	height: 150px;
	background-color: #B8D9F8;
	border-radius: 50%;
	border: 20px solid #E5F1FE;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -60px;
	margin: auto;
	z-index: -1;
	transition: all 0.3s;
	opacity: 0;
	visibility: hidden;
}

.met-price-box:hover:before {
	opacity: 1;
	visibility: visible;
}

.met-price-inner {
	background-color: var(--white-color);
	padding: 40px;
	border-radius: 20px;
}

.met-price-head>h4 {
	font-size: 20px;
	font-weight: 500;
	color: var(--title-color);
	text-transform: capitalize;
	padding: 25px 0 5px 0;
}

.met-price-head>h1 {
	font-size: 50px;
	font-weight: 700;
	color: var(--title-color);
	text-transform: capitalize;
	padding: 20px 0 25px 0;
}

.met-price-head>h1>span {
	font-size: 16px;
}

.met-price-head .met-btn {
	width: 100%;
}

.met-pricing-list {
	padding-top: 30px;
}

.met-pricing-list ul li {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 20px;
}

.met-pricing-list ul li:last-child {
	margin-bottom: 0;
}

.met-popular-plan {
	background: linear-gradient(90deg, #FF818C -20.43%, #FFC575 120.16%);
	border-radius: 50px 50px 0 50px;
	max-width: 190px;
	width: 100%;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	font-weight: 500;
	color: var(--white-color);
	letter-spacing: 2px;
	text-transform: uppercase;
	position: absolute;
	top: -15px;
	right: 0;
}

/* Pricing CSS End*/

/* categories CSS Start*/
.met-categories-wrapper {
	background-color: var(--white-color);
	padding: 80px 0;
	position: relative;
}

.met-categories-slider-parent {
	position: relative;
	overflow: hidden;
}

.met-categories-box {
	background: var(--bg-light-color);
	border-radius: 6px;
	padding: 15px 15px;
	text-align: center;
}

.met-categories-box:after {
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: linear-gradient(0deg, rgba(60, 188, 255, 0.47), rgba(166, 221, 250, 0.2));
	z-index: 0;
	transform-origin: top center;
	transform: scaleY(0);
	transition: 0.5s;
	width: 100%;
	border-radius: 10px;
}

.met-categories-box:hover::after {
	transform: scaleY(1);
}

.met-categories-img {
	background: var(--white-color);
	border-radius: 100px;
	display: flex;
	width: 100px;
	height: 100px;
	align-items: center;
	justify-content: center;
	position: relative;
	margin: 0 auto 15px;
	z-index: 1;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.met-categories-img img {
	width: 80px;
	height: 80px;
	object-fit: contain;
	border-radius: 100px;
}

.met-categories-box:hover .met-categories-img {
	background-color: var(--white-color);
	-webkit-transform: scaleX(-1);
	-moz-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	transform: scaleX(-1);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.met-categories-head h4 {
	position: relative;
	font-size: 16px;
	font-weight: 400;
	color: var(--title-color);
	z-index: 1;
}

/* categories CSS Start*/

/* thisweek */

.met-thisweek-wrapper {
	padding: 0;
	position: relative;
	overflow: hidden;
}

.met-thisweek-heading {
	text-align: center;
}

.met-thisweek-item {
	background: linear-gradient(105.48deg, #FF932F 0%, #FFCC80 100%);
	background-position: center;
	background-repeat: no-repeat;
	padding: 30px;
	border-radius: 12px;
	position: relative;
	height: 100%;
	overflow: hidden;
	min-height: 450px;
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-ms-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
}

.met-thisweek-item:hover {
	transform: translateY(-10px);
}

.met-thisweek-item h3 {
	font-size: 34px;
	font-weight: 400;
	color: var(--white-color);
}

.met-thisweek-item h2 {
	font-size: 50px;
	font-weight: 800;
	color: var(--white-color);
	max-width: 500px;
	margin: 25px 0 20px;
}

.met-thisweek-over {
	position: absolute;
	right: -15%;
	bottom: -20%;
}

.met-thisweek-img {
	background: var(--white-color);
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 435px;
	height: 435px;
	position: relative;
}

.met-thisweek-img img {
	margin-left: -120px;
	margin-top: -120px;
}

.met-thisweek-over .met-thisweek-item-price {
	width: 115px;
	height: 115px;
	left: -10%;
	top: auto;
	bottom: 30%;
}

.met-thisweek-over .met-thisweek-item-price h5 {
	font-size: 34px;
	font-weight: 800;
}

.met-thisweek-over .met-thisweek-item-price h5 span {
	font-size: 34px;
	font-weight: 800;
}

.met-thisweek-item-wr {
	background-position: center;
	background-repeat: no-repeat;
	padding: 30px;
	border-radius: 12px;
	position: relative;
	height: 100%;
	overflow: hidden;
	background: linear-gradient(103.07deg, #0136BD 0%, #6C96FF 103.64%);
	min-height: 210px;
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-ms-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
}

.met-thisweek-item-wr:hover {
	transform: translateY(-10px);
}

.met-thisweek-item-02 {
	background: linear-gradient(103.07deg, #A301BD 0%, #8A6CFF 103.64%);
}

.met-thisweek-item-wr.met-thisweek-item-02 {
	background: linear-gradient(103.07deg, #A301BD 0%, #8A6CFF 103.64%);
}

.met-thisweek-item-wr h3 {
	font-size: 16px;
	font-weight: 500;
	color: var(--white-color);
}

.met-thisweek-item-wr h2 {
	font-size: 24px;
	font-weight: 800;
	color: var(--white-color);
	max-width: 200px;
	margin: 15px 0 10px;
}

.met-thisweek-item .met-btn {
	background: transparent;
	box-shadow: none;
	border: 1px solid var(--white-color);
	max-width: 150px;
}

.met-thisweek-item .met-btn:hover::after {
	display: none;
}

.met-thisweek-item-box {
	position: absolute;
	text-align: center;
	right: -15%;
	bottom: -50%;
}

.met-thisweek-item-img {
	background: var(--white-color);
	width: 275px;
	height: 275px;
	border-radius: 100%;
	position: relative;
}

.met-thisweek-item-img img {
	margin-left: -50px;
	margin-top: -20px;
}

.met-thisweek-item-wr .met-btn {
	background: transparent;
	box-shadow: none;
	border: 1px solid var(--white-color);
	max-width: 150px;
}

.met-thisweek-item-wr .met-btn:hover::after {
	display: none;
}

.met-thisweek-item-price {
	background: #FF4A4A;
	width: 70px;
	height: 70px;
	border-radius: 100%;
	position: absolute;
	text-align: center;
	left: 0;
	top: 30px;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
}

.met-thisweek-item-price h5 {
	color: var(--white-color);
	font-size: 22px;
	font-weight: 800;
	line-height: 1.1;

}

.met-thisweek-item-price h5 span {
	font-size: 16px;
	font-weight: 400;
}

.met-section05-box {
	background: var(--primary-color);
	width: 65px;
	height: 65px;
	border-radius: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* thisweek */
/* section11 start */
.met-section11-wrapper {
	position: relative;
}

.section11-product {
	position: relative;
	overflow: hidden;
	padding-bottom: 30px;
}

.section11-main-img {
	text-align: center;
	display: block;
}

/* section11 end*/
/* section05 */
.met-section05-wrapper {
	padding: 20px 0;
	position: relative;
	overflow: hidden;
}

.met-section05-img {
	display: flex;
	box-shadow: 3px 4px 29.6px 0px #0000000F;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 20px;
	text-align: center;
	border-radius: 10px;
	border: 1px solid #EBEBEB;
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-ms-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
}

.met-section05-img:hover {
	transform: translateY(-10px);
}

.met-section05-content h3 {
	font-size: 18px;
	font-weight: 500;
	color: var(--title-color);
	margin-top: 15px;
	margin-bottom: 5px;
}

/* section05 */
/* best services */
.met-best-services-head {
	text-align: center;
	max-width: 550px;
	margin: 0 auto;
}

.met-best-services-head h3 {
	font-size: 26px;
	font-weight: 600;
	color: var(--primary-color);
	margin-bottom: 5px;
	text-transform: capitalize;
}

.met-best-services-list {
	display: grid;
	align-items: center;
	gap: 25px;
	grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
}

.met-bestServices-image {
	text-align: center;
}

.met-best-services-item {
	display: grid;
	grid-template-columns: 1fr;
	align-items: center;
	text-align: center;
	gap: 15px;
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.07);
	padding: 25px 50px;
	min-height: 250px;
	border-radius: 8px;
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-ms-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
}
.met-bestServices-icons {
    max-width: 100px;
    height: 100px;
    margin: 0 auto;
    text-align: center;
    object-fit: contain;
}
.met-bestServices-image img {
	border-radius: 6px;
}

.met-bestServices-title h4 {
	font-size: 18px;
	font-weight: 600;
	color: var(--title-color);
	margin-bottom: 5px;
}

.met-bestServices-title p {
	font-size: 14px;
}

.met-best-services-item:hover {
	transform: translateY(-10px);
}

/* best services end  */
/* Blog CSS Start*/
.met-blog-wrapper {
	background-color: var(--white-color);
	position: relative;
	overflow: hidden;
}

.met-main-blog img {
	width: 100%;
}

.met-main-blog-inner {
	position: relative;
	overflow: hidden;
	min-height: 358px;
	border-radius: 12px;
}

.met-main-blog-inner img {
	width: 100%;
	object-fit: cover;
	border: none;
	outline: none;
	transition: all 0.3s;
	min-height: 358px;
}

.met-main-blog-inner:hover img {
	transform: scale(1.2);
}

.met-blog-img {
	position: relative;
	overflow: hidden;
	min-height: 110px;
	border-radius: 12px;
}

.met-blog-img img {
	width: 100%;
	object-fit: cover;
	border: none;
	outline: none;
	transition: all 0.3s;
	min-height: 110px;
}

.met-blog-img:hover img {
	transform: scale(1.2);
}

.met-main-blog h3 {
	font-size: 15px;
	font-weight: 400;
	margin-top: 15px;
	color: var(--title-color);
}

.met-main-blog h3 span {
	color: var(--text-color);
}

.met-main-blog h4 {
	font-size: 18px;
	font-weight: 500;
	color: var(--title-color);
	margin-top: 15px;
	line-height: 1.4;
}

.met-main-blog p.met-para {
	margin-top: 15px;
}

.met-blog-slider-parent {
	position: relative;
	overflow: hidden;
	height: 600px;
}

.met-blog-box {
	transition: all 0.3s;
	display: grid;
	grid-template-columns: 170px 1fr;
	gap: 15px;
}

.met-blog-content {
	padding: 30px;
	border: 1px solid transparent;
	border-radius: 0 0 20px 20px;
	border-top: 0;
	transition: all 0.3s;
}

.met-blog-content>h4 {
	font-size: 20px;
	font-weight: 500;
	color: var(--title-color);
	text-transform: capitalize;
}

.met-blog-content>p {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.met-blog-content a {
	font-size: 16px;
	font-weight: 500;
	text-transform: capitalize;
	color: var(--primary-color);
}

.met-blog-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 50px;
	position: relative;
	z-index: 1;
}

.met-blog-footer::before {
	content: '';
	width: 100%;
	height: 2px;
	box-shadow: 10px 10px 50px 0px #597F952E;
	background-color: #97B3C54D;
	position: absolute;
	top: 25px;
	left: 0;
	right: 0;
	z-index: -1;
	transition: all 0.3s;
}

.met-blog-content>p:nth-child(2) {
	padding-top: 15px;
}

.met-blog-footer p:last-child {
	display: flex;
	align-items: center;
	gap: 10px;
}

.met-blog-right .met-blog-contents h4 {
	font-size: 18px;
	font-weight: 500;
	color: var(--title-color);
}

.met-blog-right .met-blog-contents p.met-para {
	margin: 10px 0;
}

.met-blog-right .met-blog-contents h3 {
	font-size: 16px;
	font-weight: 500;
	color: var(--title-color);
}

.met-blog-right .met-blog-contents h3 span {
	color: var(--text-color);
}

/* Blog CSS End*/
/* Newsletter CSS Start*/
.met-newsletter-wrapper {
	width: 100%;
	position: relative;
}

.met-newsltr-flex {
	text-align: center;
	position: relative;
	overflow: hidden;
}

.met-nesltr-left h4 {
	font-size: 26px;
	font-weight: 700;
	color: var(--white-color);
	text-transform: capitalize;
	padding-bottom: 15px;
}

.met-nesltr-left p {
	color: #9FACB2;
}

.met-nesltr-left {
	margin-bottom: 40px;
}

.met-nesltr-right {
	width: 100%;
	max-width: 785px;
	margin: 0 auto;
}

.met-nesltr-right .met-input-field {
	position: relative;
	margin-bottom: 0;
}

.met-nesltr-right .met-input-field input {
	background-color: #030f15;
	border-radius: 6px;
	padding: 10px 160px 10px 20px;
	height: 45px !important;
	border: 1px solid #FFFFFF26 !important;
	color: #fff !important;
}

.met-nesltr-right .met-input-field input::placeholder {
	color: #505354 !important;
}

.met-nesltr-right .met-input-field .met-btn {
	position: absolute;
	top: 0;
	right: 0;
	border-radius: 0 6px 6px 0;
}

.border-1px {
	border-top: 1px solid #FFFFFF26;
	margin-top: 50px;
	padding-top: 40px;
}

/* Newsletter CSS End*/
/* testimonials css start */
.met-testimonials-wrapper {
	position: relative;
}

.met-testimonials-slider-parent {
	position: relative;
	overflow: hidden;
}

.met-testimonials-head h4 {
	font-size: 16px;
	font-weight: 400;
}

.met-testimonials-box {
	border: 1px solid #ddd;
	padding: 10px;
	border-radius: 10px;
}

.met-testimonials-qutes {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}

.met-testimonials-img {
	position: relative;
	display: flex;
	align-items: center;
	gap: 15px;
	padding: 20px;
	padding-right: 55px;
}


.met-testimonials-img {
	position: relative;
	display: flex;
	align-items: center;
	gap: 15px;
	padding: 20px;
	padding-right: 55px;
}

.met-testimonials-img .profile-img {
	background: #ddd;
	border-radius: 100px;
	height: 56px;
	width: 56px;
	object-fit: cover;
}

.met-testimonials-sub {
	background: var(--bg-light-color);
	padding: 15px;
	border-radius: 6px;
}

.met-testimonials-head h4 {
	font-size: 18px;
	font-weight: 600;
	color: var(--title-color);
}

.met-testimonials-start {
	color: var(--text-color);
}

/* testimonials css end */
/* logo css start */
.met-logo-wrapper {
	padding: 10px 0 80px;
	position: relative;
	overflow: hidden;
}

.met-logo-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
	gap: 30px;
}

.met-logo-grid-item {
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-ms-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
}

.met-logo-grid-item:hover {
	transform: translateY(-10px);
}

.met-logo-item {
	border: 1px solid #ddd;
	display: flex;
	align-items: center;
	min-height: 85px;
	border-radius: 15px;
	justify-content: center;
}
.met-logo-item img {
    max-width: 200px;
    min-width: 200px;
    height: 50px;
    object-fit: contain;
}

/* logo css end */
/* Footer CSS Start*/
.met-footer-wrapper {
	padding: 80px 0 0;
	background: #030F15;
	border-radius: 10px;
}

.met-footer-info p {
	max-width: 320px;
	padding: 10px 0;
	color: #9FACB2;
}

.met-footer-info .met-social-icons ul li a {
	width: 40px;
	height: 40px;
}

.met-footer-info .met-social-icons ul li a:hover {
	box-shadow: 0 0 0 20px var(--primary-color) inset;
}

.met-footer-menu h4 {
	font-size: 20px;
	font-weight: 500;
	color: var(--white-color);
	text-transform: capitalize;
	padding-bottom: 20px;
}

.met-footer-menu ul li {
	margin-bottom: 10px;
}

.met-footer-menu ul li:last-child {
	margin-bottom: 0;
}

.met-footer-menu ul li a {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 16px;
	font-weight: 400;
	color: #9FACB2;
	transition: all 0.3s;
}

.met-footer-menu ul li a:hover {
	color: var(--primary-color);
}

/* Footer CSS End*/
/* Copyright CSS Start*/
.met-copyright-parent p {
	font-size: 14px;
	font-weight: 400;
	color: #9FACB2;
	padding: 15px 0;
	border-top: 1px solid #FFFFFF26;
	margin-top: 60px;
}

/* Copyright CSS End*/

/* Toggle css */
.el_toggle_btn {
	display: none;
	position: relative;
	/* right: 10px;
	top: 30px; */
	cursor: pointer;
}

.el_toggle_btn span {
	width: 30px;
	height: 4px;
	border-radius: 10px;
	background-color: var(--primary-color);
	margin-bottom: 5px;
	display: block;
	margin-left: auto;
	transition: all 0.3s ease-in-out;
}

.el_toggle_btn span:nth-child(2) {
	width: 25px;
}

.el_toggle_btn span:last-child {
	margin-bottom: 0;
}

/* Toggle css */
/* ctaBar_countdown */
.met-ctaBar_countdown {
	display: flex;
	justify-content: center;
	gap: 30px;
	margin: 45px 0;
}

.met-ctaBar_countdown li {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.met-ctaBar_countdown span.amount {
	font-size: 30px;
	font-weight: 600;
	color: var(--title-color);
}

.met-ctaBar_countdown span.label {
	font-size: 16px;
	font-weight: 400;
	color: var(--text-color);
}

.days-dots {
	font-size: 30px;
	font-weight: 800;
}

/* ctaBar_countdown end  */


/* page shop start */

.met-shop-page-wr {
	position: relative;
}

.met-shop-page-wr .met-team-heading {
	padding-left: 15px;
}

.met-team-shop {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 15px;
}

.met-sidebar .met-search-wr {
	position: relative;
	width: 300px;
}

.met-sidebar .met-search-wr input {
	background-color: var(--bg-light-color);
	border-radius: 6px;
	padding: 10px 10px 10px 10px;
	height: 45px !important;
	/* border: 1px solid #ddd !important; */
	color: var(--title-color) !important;
	width: 190px;
	font-size: 14px;
}

.met-sidebar .met-search-wr .met-btn {
	position: absolute;
	top: 0;
	right: 0;
	border-radius: 6px;
	font-size: 14px;
	min-width: 100px;
}

.met-sidebar .met-main-heading {
	font-size: 20px;
	color: var(--primary-color);
}

.met-shop-page-wr .met-team-parent {
	padding-bottom: 0;
}

.met-shop-page-wr .met-team-heading .met-main-heading {
	color: var(--primary-color);
}

.met-shop-inner {
	width: calc(33.33% - 14px);
	margin: 0 7px 25px;
}

.met-product-nav ul li,
.met-categories-nav ul li {
	margin-bottom: 15px;
	position: relative;
}

.met-product-nav ul li a,
.met-categories-nav ul li a {
	color: var(--text-color);
	font-size: 15px;
	font-weight: 500;
	display: flex;
	align-items: center;
	gap: 5px;
	cursor: pointer;
	text-transform: capitalize;
}

.met-product-nav ul li a:hover,
.met-categories-nav ul li a:hover {
	color: var(--primary-color);
}

.met-product-nav ul li a span,
.met-categories-nav ul li a span {
	font-size: 13px;
	font-weight: 500;
	color: var(--text-color);
}

.met-tagCloud-nav ul {
	display: grid;
	gap: 5px;
	grid-template-columns: repeat(auto-fill, minmax(50px, 1fr));
}

.met-tagCloud-nav ul li {
	margin-bottom: 0;
	position: relative;
}

.met-tagCloud-nav ul li a {
	color: var(--text-color);
	font-size: 12px;
	font-weight: 500;
	display: flex;
	text-transform: capitalize;
	justify-content: center;
	gap: 10px;
	border: 1px solid #EBEBEB;
	padding: 5px 8px;
	border-radius: 6px;
	background: var(--bg-light-color);
}

.met-tagCloud-nav ul li:hover a {
	border: 1px solid var(--primary-color);
}

.met-instagram-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(65px, 1fr));
	gap: 10px;
}

.met-instagram-grid img {
	width: 65px;
	height: 65px;
	border-radius: 6px;
	object-fit: cover;
}

.met-product-active {
	color: var(--primary-color) !important;
}

.met-product-active span {
	color: var(--primary-color) !important;
}

/* page shop end */
/* page blog start  */

.met-blog-page-wr .met-main-blog-inner {
	min-height: 180px;
	border-radius: 12px;
}

.met-blog-page-wr .met-main-blog-inner img {
	min-height: 180px;
}

.met-main-blog-list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 25px;
}

.met-blog-page-wr .met-main-blog h4 {
	font-size: 16px;
	margin-top: 10px;
	font-weight: 600;
	max-width: 250px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.met-blog-page-wr .met-main-blog p.met-para {
	margin: 8px 0;
	font-size: 14px;
}

/* page blog end */
.met-about-wr {
	background: var(--white-color);
}

.met-about-inner {
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
	justify-content: center;
	gap: 30px;
}

.met-about-left img {
	border-radius: 12px;
}

ul.met-aboutlist {
	margin-top: 20px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
	padding: 20px 20px 0;
	background: var(--bg-light-color);
	border-radius: 6px;
	border: 1px solid var(--primary-color);
}

ul.met-aboutlist li {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-bottom: 15px;
}

.met-about-right h3 {
	margin-bottom: 5px;
	font-size: 34px;
	line-height: 1.4;
	color: var(--title-color);
	font-weight: 700;
}

.met-about-right h5 {
	color: var(--primary-color);
	font-size: 32px;
	font-weight: 700;
	line-height: 1.4;
	margin-bottom: 5px;
}

.met-about-right p {
	color: var(--text-color);
	font-size: 18px;
	line-height: 1.4;
}

.met-about-inner .met-btn {
	max-width: 150px;
}

.padding-t-80px {
	padding-top: 80px;
}

.padding-b-80px {
	padding-bottom: 80px;
}

/* about Page team section start */
.met-aboutPage-teamInner {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 15px;
	text-align: center;
	margin-top: 30px;
}

.met-aboutPage-teamIteam {
	position: relative;
	padding: 10px;
	background: var(--white-color);
	border-radius: 6px;
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.07);
}

.met-aboutPage-teamIteam-Image {
	position: relative;
}

.met-aboutPage-teamIteam-Image:after {
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: linear-gradient(0deg, rgba(60, 188, 255, 0.47), rgba(166, 221, 250, 0.2));
	z-index: 0;
	transform-origin: top center;
	transform: scaleY(0);
	transition: 0.5s;
	width: 100%;
	border-radius: 10px;
}

.met-aboutPage-teamIteam:hover .met-aboutPage-teamIteam-Image:after {
	transform: scaleY(1);
}

.met-aboutPage-teamIteam-Image img {
	max-width: 100%;
	width: 100%;
	min-height: 270px;
	max-height: 270px;
	object-fit: cover;
	border-radius: 6px;
}

.met-aboutPage-social {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
	transition: all 0.3s;
	margin: auto;
	transform: translateY(50px);
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 25px;
	right: 15px;
	margin: auto;
}

.met-aboutPage-teamIteam:hover .met-aboutPage-social {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
}

.met-aboutPage-social>a {
	width: 40px;
	height: 40px;
	background-color: var(--title-color);
	border-radius: 6px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.3s;
}

.met-aboutPage-social>a:hover {
	/* box-shadow: 0 0 0 15px var(--primary-color) inset; */
	transform: translateY(-5px);
	background-color: var(--primary-color);
}

.met-aboutPage-social>a>svg {
	fill: var(--white-color);
	transition: all 0.3s;
}

.met-aboutPage-heading {
	padding: 15px 0 5px;
}

.met-aboutPage-heading h4 {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 3px;
	color: var(--primary-color);
}

.met-aboutPage-heading p {
	font-size: 14px;
}

/* about Page team section end */
/* contact info page start */
.met-contact-info-inner {
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.07);
	background: #fff;
	border-radius: 10px;
	padding: 30px 35px 20px;
}

.met-contactinfo h3 {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 10px;
	color: var(--primary-color);
}

.met-contact-info-form {
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.07);
	background: #fff;
	border-radius: 10px;
	padding: 40px 40px 40px;
}

.met-contact-info-form h3 {
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 20px;
	color: var(--primary-color);
}

.met-contactinfo-wr {
	margin-top: 30px;
}

.met-contactinfo-flex {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-bottom: 30px;
}

.met-contactinfo-icon {
	background: var(--primary-color);
	width: 45px;
	height: 45px;
	border-radius: 6px;
	padding: 10px;
	text-align: center;
}

.met-contactinfo-icon svg {
	width: 20px;
}

.met-contactinfo-icon svg,
.met-contactinfo-icon svg path {
	fill: var(--white-color);
}

.met-contactinfo-text h3 {
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 5px;
	color: var(--title-color);
}

.met-contactinfo-text p {
	font-size: 14px;
}

/* contact info page end */

/* Checkout */
.met-Checkout-info-wrapper {
	background: #ebf9fe5c;
}

.met-Checkout-heading {
	margin-bottom: 10px;
	max-width: 500px;
	margin: 0 auto;
	text-align: center;
}

.met-Checkout-heading h3 {
	font-weight: 600;
	font-size: 28px;
	color: var(--primary-color);
	margin-bottom: 10px;
}

.met-Checkout-box {
	display: grid;
	margin: 30px auto 0;
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.07);
	padding: 50px 20px;
	grid-template-columns: 200px 1fr;
	gap: 30px;
	max-width: 850px;
	border-radius: 12px;
	align-items: center;
	background-color: var(--white-color);
	min-height: 318px;
}

.met-Checkout-img {
	background: var(--white-color);
	margin-bottom: 0;
	display: flex;
	gap: 15px;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	border-right: 1px solid #EBEBEB;
}

.met-Checkout-img img {
	width: 120px;
	border-radius: 12px;
}

.met-Checkout-userName {
	text-align: center;
}

.met-Checkout-userName h6 {
	font-size: 20px;
	font-weight: 600;
	color: var(--primary-color);
	margin-bottom: 5px;
}

.met-Checkout-userName h5 {
	font-size: 15px;
	font-weight: 500;
	color: var(--text-color);
}

.met-account-info ul li {
	display: grid;
	gap: 30px;
	grid-template-columns: 135px 1fr;
	text-align: left;
	margin-bottom: 25px;
}

.met-account-info p.met-para {
	font-size: 14px;
}

td.met-price {
	font-weight: 600;
	color: var(--primary-color) !important;
}

/* Checkout */

/* table start */
.met-last-order {
	max-width: 800px;
	margin: 30px auto;
	overflow-x: auto;
}

.met-last-order::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}

.met-last-order::-webkit-scrollbar-track {
	background-color: #dddddd;
	-webkit-border-radius: 6px;
}

.met-last-order::-webkit-scrollbar-thumb {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	height: 100px;
	background-color: var(--primary-color);
}

.met-last-order table {
	padding: 0;
	width: 100%;
	background-color: var(--white-color);
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.07);
	border-collapse: separate;
	border-spacing: 0;
	border-radius: 12px;
	/* border: 1px solid #3cbcff4f; */
}

.met-last-order table tr th {
	padding: 20px 15px;
	font-size: 15px;
}

.met-last-order table tr td {
	padding: 20px 15px;
	font-size: 15px;
	color: var(--title-color);
}

.met-last-order thead tr th:first-child {
	border-radius: 12px 0 0 0;
}

.met-last-order thead tr th:last-child {
	border-radius: 0 12px 0 0;
}

.met-last-order table thead tr {
	background-color: var(--primary-color);
}

.met-last-order thead tr th {
	color: var(--white-color);
	text-transform: capitalize;
	font-weight: 500;
}

.met-last-order .met-cart-btn {
	display: flex;
	justify-content: end;
}

.met-cart-img img {
	width: 50px;
	height: 55px;
	object-fit: contain;
}

.met-cart-wrapper .met-last-order {
	max-width: 100%;
}


.met-cart-wrapper {
	background: #ebf9fe5c;
}

.met-cart-quantity {
	display: flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
}

.met-cart-quantity button {
	width: 25px;
	height: 25px;
	/* border: 1px solid var(--primary-color); */
	border-radius: 4px;
	background: transparent;
	position: relative;
	outline: none;
	transition: 0.3s;
}

.met-cart-quantity input {
	/* border: 1px solid var(--primary-color) !important; */
	width: 30px;
	border-radius: 4px;
	height: 25px !important;
	margin: auto 4px;
	padding: 0 5px;
	text-align: center;
	line-height: 35px;
	background: var(--bg-light-color);
	color: var(--primary-color) !important;
}

.met-cart-quantity button {
	width: 25px;
	height: 25px;
	/* border: 1px solid var(--primary-color); */
	border-radius: 4px;
	background: transparent;
	position: relative;
	outline: none;
	transition: 0.3s;
}

.met-cart-quantity button:after,
.met-cart-quantity button:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: '';
	background: #3cbcff;
	margin: auto;
	width: 8px;
	height: 2px;
	transition: 0.3s;
}

.met-cart-quantity button.met-add:before {
	width: 2px;
	height: 8px;
}

.met-last-order table tr td {
	border-bottom: 1px solid #EAEAF3;
}

.met-last-order table tr td.product-name {
	color: var(--title-color);
	font-weight: 500;
}

td.padding-tb-10px {
	padding: 10px 15px !important;
}


.met-last-order table tbody tr:last-child td {
	border: none;
}

.product_remove_icons a {
	position: relative;
}

.product_remove_icons a:hover .tooltip_icon {
	opacity: 1;
	visibility: visible;
}

/* table end */

/*  modal start */
.met_modal .modal-title {
	font-size: 18px;
}

.met_modal .modal-header {
	display: flex;
	justify-content: space-between;
	border: none;
	padding: 0;
	margin-bottom: 30px;
}

.met_modal .modal-footer {
	border: none;
	padding: 0;
	justify-content: start;
}

.met_modal .modal-content {
	padding: 30px 25px;
}

.met_modal button.close {
	width: 25px;
	height: 25px;
	background: var(--primary-color);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
}

.met_modal .modal-body {
	padding: 0;
}

.met_modal button.close span {
	margin-top: -2px;
	color: var(--white-color);
}

.met_modal .modal-dialog.modal-dialog-centered {
	max-width: 450px;
}

/*  modal end */

.product_remove_title {
	text-align: center;
}

.product_remove_icons {
	text-align: center;
}

.response {
    color: #F44336;
    /* position: absolute;
    right: 0; */
    bottom: 12px;
}

/* ================= Responsive CSS Start ================= */
@media(max-width:1850px) {
	.met-banner-img:before {
		width: 750px;
		height: 750px;
	}

	.met-banner-reslt-box {
		top: 150px;
		right: -80px;
	}
}



@media(max-width:1750px) {
	.met-banner-img img {
		max-width: 600px;
		width: 100%;
	}

	.met-banner-reslt-box {
		right: -30px;
	}

	.met-counter-parent>img {
		right: 0;
	}
}

@media(max-width:1700px) {
	/* .section09-main-wr .met-thisweek-content {
		max-width: 350px;
	} */
}


@media(max-width:1650px) {

	.met-banner-reslt-box {
		right: 0;
	}

	.met-banner-box {
		max-width: 800px;
	}

	.met-banner-form-info {
		max-width: 193px;
	}

	.met-star-smile {
		top: -36px;
		right: 20px;
	}

	.met-about-img:before {
		width: 650px;
		height: 650px;
		left: -60px;
	}

	.met-contact-left-image .met-contact-review {
		left: -80px;
	}

	.met-contact-left-image .met-contact-star {
		bottom: 350px;
		left: -80px;
	}
}

@media(max-width:1550px) {
	.met-nav-menu>ul {
		gap: 20px;
	}

	.met-header-right {
		gap: 15px;
	}

	.met-header-icons {
		gap: 10px;
	}

}

@media(max-width:1440px) {

	.met-banner-img img {
		max-width: 500px;
	}

	.met-banner-img:before {
		width: 650px;
		height: 650px;
	}

	.met-banner-right {
		max-width: 600px;
	}

	.met-banner-form-info {
		max-width: 160px;
		margin-right: 25px;
	}

	.met-banner-form-info::before {
		display: none;
	}

	.met-banner-box {
		max-width: 680px;
	}

	.met-about-img:before {
		left: -20px;
	}

	.met-contact-left-image .met-contact-review,
	.met-contact-left-image .met-contact-star,
	.met-contact-left-image .met-contact-arrow {
		display: none;
	}
}

@media(max-width:1399px) {

	.met-tagCloud-nav ul {
		grid-template-columns: repeat(auto-fill, minmax(60px, 1fr));
	}
	.met-sidebar .met-search-wr {
		width: 225px;
	}

	.met-sidebar .met-search-wr input {
		width: 145px;
	}

	.met-sidebar .met-search-wr .met-btn {
		min-width: 60px;
		padding: 0 15px;
		font-size: 13px;
	}
	.met-about-img:before {
		left: -100px;
	}

	.met-contact-left-image .met-contact-student {
		left: 0;
	}

	.met-contact-form-box {
		min-width: 380px;
	}

	.met-contact-left-form {
		top: -40px;
	}

	.met-testmnl-slider {
		width: 600px;
		padding: 0;
	}

	.met-testmnl-slider .swiper-slide {
		width: 300px;
		visibility: hidden;
	}

	.met-testmnl-slider .swiper-slide-next,
	.met-testmnl-slider .swiper-slide-prev {
		visibility: visible;
	}

	.met-testmnl-slider .swiper-slide-active {
		transform: scale(1.08) !important;
		visibility: visible;
		opacity: 1;
	}

	.met-banner-left h1 {
		font-size: 35px;
	}
}

@media(max-width:1300px) {
	.met-video-box {
		top: -70px;
		right: -60px;
	}

	.met-banner-img:before {
		width: 550px;
		height: 550px;
	}

	.met-banner-img {
		margin-left: 0;
		text-align: center;
	}

	.met-banner-reslt-box {
		display: none;
	}

	.met-banner-right {
		max-width: 550px;
	}

	.met-banner-form-info {
		margin-right: 15px;
	}

	.met-banner-form-info:nth-child(3) {
		margin-right: 15px;
	}

	.met-banner-box {
		max-width: 635px;
		padding: 30px 25px;
	}

	.met-service-right .met-abt-review {
		right: 0;
		top: 180px;
	}

	.met-service-right .met-smile-star {
		right: 0;
		top: 160px;
	}

	.met-header-parent {
		padding: 20px 0;
	}
}


@media(max-width:1199px) {

	.met-Section15-inner.met-Section15-center {
		text-align: center;
		margin-bottom: 30px;
	}
	.met-header-icons {
		padding-right: 0;
	}

	.met-blog-box {
		grid-template-columns: 150px 1fr;
		gap: 10px;
	}

	.met-header-icons {
		gap: 10px;
	}

	.met-blog-right .met-blog-contents p.met-para {
		margin: 5px 0;
		font-size: 14px;
	}

	/* Toggle css */
	.met-nav-menu {
		position: fixed;
		top: 0;
		bottom: 0;
		left: -300px;
		width: 300px;
		background: #fff;
		box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);
		overflow: auto;
		height: 100%;
		padding: 20px 15px;
		transition: all 0.3s;
		z-index: 999;
	}

	.met-nav-menu>ul {
		align-items: baseline;
		gap: 20px;
		flex-direction: column;
	}

	.met-header-right.el_menu_open .met-nav-menu {
		left: 0;
	}

	.el_toggle_btn {
		display: block;
	}

	.el_menu_open .el_toggle_btn span:nth-child(1) {
		transform: rotate(45deg);
		transform-origin: 3px 5px;
	}

	.el_menu_open .el_toggle_btn span:nth-child(2) {
		transform: translateX(20px);
		visibility: hidden;
		opacity: 0;
	}

	.el_menu_open .el_toggle_btn span:nth-child(3) {
		transform: rotate(-45deg);
		transform-origin: 4px -1px;
	}

	

	.met-header-search input {
		height: 50px !important;
	}

	.met-banner-img:before {
		width: 450px;
		height: 450px;
		left: 30px;
	}

	.met-banner-img img {
		max-width: 400px;
	}

	.met-banner-right {
		max-width: 480px;
	}

	.met-banner-box {
		margin: 40px 0 15px 0;
	}

	.met-banner-form-flex {
		gap: 10px;
	}

	.met-banner-form-info {
		margin-right: 10px;
		flex: 0 0 48%;
		max-width: 46%;
	}

	.met-counter-parent>img {
		top: -110px;
	}

	.met-count::before {
		right: -70px;
	}

	.met-about-img:before {
		display: none;
	}

	.met-main-heading {
		font-size: 25px;
	}

	.met-service-left-content ul {
		gap: 15px;
	}

	.met-service-left-content ul li {
		font-size: 14px;
		min-height: 50px;
		min-width: 210px;
		gap: 10px;
	}

	.met-service-counter {
		left: 0;
	}

	.met-contact-left-image .met-contact-image,
	.met-contact-left-image .met-contact-student {
		display: none;
	}

	.met-contact-left-form {
		position: unset;
		width: 100%;
	}

	.met-input-field {
		margin-bottom: 20px;
		width: 100%;
	}

	.met-blog-content {
		padding: 20px 10px;
	}

	.met-blog-content>h4 {
		font-size: 18px;
	}

	.met-blog-content>p {
		font-size: 14px;
	}

	.met-blog-content a {
		font-size: 15px;
	}

	.met-blog-footer p {
		font-size: 14px;
	}

	.met-nesltr-left h4 {
		font-size: 22px;
	}

	.met-nesltr-left .met-para {
		font-size: 14px;
		font-weight: 400;
		color: var(--text-color);
	}

	.met-footer-wrapper {
		padding: 150px 0 0px 0;
	}

	.met-nav-menu>ul>li>a {
		padding: 5px 0;
	}


	.met-blog-img {
		min-height: 100px;
	}

	.met-blog-img img {
		min-height: 100px;
	}

	.met-nav-menu ul li a:after {
		bottom: 0;
	}

	.sub-menu {
		left: 20px;
	}

}

@media(max-width:1024px) {
	.met-video-box {
		right: -260px;
	}

	.met-arrow1 {
		right: 0;
	}
}

@media(max-width:991px) {

	.met-shop-inner {
		width: calc(50% - 14px);
		margin: 0 7px 25px;
	}
	



	.met-Section15-inner {
		margin-bottom: 20px;
	}

	.met-team-heading {
		padding-bottom: 30px;
	}

	.met-main-blog h4 {
		font-size: 15px;
		margin-top: 10px;
	}

	.met-main-blog p.met-para {
		margin-top: 10px;
		font-size: 14px;
	}

	.border-1px {
		margin-top: 35px;
		padding-top: 15px;
	}

	.met-blog-left {
		margin-bottom: 40px;
	}

	.met-banner-flex {
        grid-template-columns: 1fr;
		gap: 0;
	}

	.met-video-box {
		right: 0;
		top: 0;
	}

	.met-arrow1 {
		right: 270px;
		top: -40px;
	}

	.met-count .met-counting {
		font-size: 30px;
	}

	.met-count-heading h5 {
		font-size: 14px;
		padding-top: 0px;
	}

	.met-counter-parent {
		min-height: 150px;
		gap: 20px;
	}

	.met-count::before {
		right: -20px;
	}

	.met-top-header-left>p,
	.met-top-header-right>p {
		font-size: 12px;
	}

	.met-top-header-right {
		gap: 20px;
	}

	.met-top-header-bar {
		padding: 10px 0;
	}

	.met-about-wrapper {
		padding: 100px 0 80px 0;
	}

	.nav-tabs .nav-link {
		font-size: 14px;
		padding: 12px 30px;
	}

	.met-pricing-btn .nav-tabs .nav-link {
		font-size: 16px;
		padding: 17px 60px;
	}

	.met-tab-img::before {
		width: 200px;
		height: 200px;
	}

	.met-tab-img>img {
		max-width: 200px;
		width: 100%;
		min-height: auto;
	}

	.met-tab-content-box {
		min-height: auto;
	}

	.met-tab-inner {
		margin-top: 30px;
	}

	.met-tab-inner h4 {
		font-size: 18px;
	}

	.met-tab-inner p {
		font-size: 14px;
	}

	.met-service-wrapper .row {
		flex-direction: column-reverse;
	}

	.met-service-right .met-abt-videoIcon {
		right: 40px;
	}

	.met-contact-flex {
		flex-direction: column-reverse;
	}

	.met-contact-form-box {
		min-width: auto;
	}

	.met-contact-right {
		max-width: 100%;
	}

	.met-contact-left-form>img {
		top: -50px;
		left: auto;
		right: -20px;
	}

	.met-input-field-flex .met-input-field:first-child {
		max-width: 250px;
	}

	.met-contact-wrapper {
		padding: 80px 0 80px;
	}

	.met-newsltr-flex {
		flex-direction: column;
		align-items: baseline;
		gap: 20px;
	}

	.met-footer-wrapper {
		padding: 80px 0 0px 0;
		margin-top: 0;
	}

	.section09-main-wr .met-thisweek-item-wr {
		min-height: auto;
		flex-direction: column;
		gap: 30px;
	}

	.section09-main-wr .met-thisweek-item-box {
		position: relative;
		right: auto;
		left: 0;
		bottom: 0;
	}

	.section09-main-wr .met-thisweek-content {
		max-width: 100%;
	}

	.section09-main-wr .met-thisweek-item-wr .met-thisweek-item-img {
		width: 280px;
		height: 280px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.section09-main-wr .met-thisweek-item-img img {
		margin-left: 0;
		margin-top: 0;
	}

	.section09-main-wr .met-thisweek-item-wr h3 {
		font-size: 16px;
	}

	.section09-main-wr .met-thisweek-item-wr h2 {
		font-size: 18px;
	}

	.met-categories-wrapper {
		padding: 50px 0;
	}

	.met-banner-left h1 {
		font-size: 18px;
	}

	.met-banner-left h3 {
		font-size: 14px;
		padding: 10px 15px;
	}

	.met-banner-img img,
	.met-banner-img:before,
	.met-counter-parent>img {
		display: none;
	}

	.met-banner-wrapper {
		padding: 25px 0 80px;
		background: #eef9fe;
		border-radius: 12px;
	}

	.met-team-wrapper {
		padding: 50px 0;
	}


	.met-logo-wrapper {
		padding: 10px 0 50px;
	}

	.section09-grid {
		grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	}

	.met-thisweek-item-img {
		width: 240px;
		height: 240px;
	}


	.padding-t-80px {
		padding-top: 50px;
	}

	.padding-b-80px {
		padding-bottom: 50px;
	}

	.met-best-services-list {
		margin-top: 25px;
	}

	.met-best-services-list {
		grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	}

	.met-main-blog-list {
		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
		gap: 25px;
	}

}

@media(max-width:767px) {

	.met-sidebar .met-search-wr {
		width: 300px;
	}
	.met-sidebar .met-search-wr input {
		width: 190px;
	}
	.met-sidebar .met-search-wr .met-btn {
        min-width: 100px;
        padding: 0 10px;
        font-size: 14px;
    }
	.met-best-services-head h3 {
		font-size: 20px;
	}

	.met-Checkout-box {
		grid-template-columns: 1fr;
		gap: 50px;
	}

	ul.met-aboutlist {
		grid-template-columns: 1fr;
	}

	.met-contact-info-form {
		padding: 25px;
	}

	.met-contact-info-inner {
		padding: 25px 25px 20px;
	}

	.met-about-inner {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	.met-about-right h3 {
		font-size: 26px;
	}

	.met-about-right h5 {
		font-size: 20px;
	}

	.met-about-right p {
		font-size: 15px;
	}


	.section09-grid {
		grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	}

	.met-nav-menu {
		top: 0
	}

	/* .el_toggle_btn {
		top: 23px;
	} */

	.met-logo {
		max-width: 150px;
	}

	/* ctaBar_countdown */
	.met-ctaBar_countdown {
		gap: 10px;
		margin: 25px 0;
	}

	.met-ctaBar_countdown span.amount {
		font-size: 20px;
	}

	.met-ctaBar_countdown span.label {
		font-size: 15px;
	}

	/* ctaBar_countdown end  */

	.met-blog-box {
		grid-template-columns: 100px 1fr;
		gap: 10px;
	}

	body {
		padding: 0 15px 15px 15px;
	}

	.met-video-box,
	.met-arrow1,
	.met-banner-box>img,
	.met-count::before {
		display: none;
	}

	.met-banner-box {
		max-width: 100%;
	}


	.met-counter-parent {
		flex-wrap: wrap;
	}

	.met-count {
		flex: 0 0 48%;
	}

	.met-social-icons ul {
		gap: 5px;
	}

	ul#myTab {
		margin: 50px 0 30px 0;
	}

	.met-service-right .met-abt-videoIcon {
		right: 0;
		bottom: 0;
	}

	.met-service-right .met-abt-review {
		top: 200px;
		right: -50px;
	}

	.met-service-right .met-smile-star {
		top: 200px;
		right: -5px;
		width: 40px;
		height: auto;
	}

	.met-testmnl-slider {
		width: 100%;
	}

	.met-testmnl-slider .swiper-slide {
		width: 240px;
	}

	.met-testmnl-slider .swiper-slide-active {
		transform: scale(1.05) !important;
	}

	.nav-tabs .nav-link {
		padding: 12px 25px;
	}

	/* blog */
	.met-blog-box {
		grid-template-columns: 130px 1fr;
		gap: 10px;
	}

	.met-blog-right .met-blog-contents p.met-para {
		font-size: 15px;
	}

	.met-blog-right .met-blog-contents h4 {
		font-size: 15px;
	}

	.met-blog-right .met-blog-contents h3 {
		font-size: 14px;
	}

	/* blog */
	.met-testimonials-img {
		gap: 10px;
		padding: 10px;
		padding-right: 55px;
	}

	.met-testimonials-head h4 {
		font-size: 15px;
	}


	.met-thisweek-wrapper .met-thisweek-img {
		width: 240px;
		height: 240px;
	}

	.met-thisweek-wrapper .met-thisweek-item {
		display: flex;
		padding: 20px;
		flex-direction: column;
		gap: 30px;
	}

	.met-thisweek-wrapper .met-thisweek-item h3 {
		font-size: 22px;
		font-weight: 400;
	}

	.met-thisweek-wrapper .met-thisweek-item h2 {
		font-size: 28px;
		margin: 15px 0 10px;
	}

	.met-thisweek-wrapper .met-thisweek-img img {
		margin-left: 0;
		margin-top: 0;
	}

	.met-thisweek-wrapper .met-thisweek-over {
		position: relative;
		right: 0;
		left: 0;
		bottom: 0;
	}

	.met-thisweek-wrapper .met-thisweek-item-box {
		position: relative;
		text-align: center;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.met-thisweek-wrapper .met-thisweek-item-img {
		width: 240px;
		height: 240px;
	}

	.met-thisweek-wrapper .met-thisweek-item-img img {
		margin-left: 0;
		margin-top: 0;
	}

	.section06-grid {
		grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
		gap: 30px;
	}

	.met-thisweek-item-wr {
		display: flex;
		flex-direction: column;
		gap: 30px;
		padding: 20px;
	}

	.section06-main-wr .met-thisweek-item-wr .met-thisweek-item-box {
		position: relative;
		left: 0;
		bottom: 0;
		right: 0;
	}

	.section06-main-wr .met-thisweek-item-wr .met-thisweek-item-img {
		width: 240px;
		height: 240px;
	}

	.section06-main-wr .met-thisweek-item-img img {
		margin-left: 0;
		margin-top: 0;
	}

	.section06-main-wr .met-thisweek-item-wr h2 {
		font-size: 24px;
	}

	.met-Checkout-img {
		flex-direction: column;
	}

	.met-Checkout-userName {
		text-align: center;
	}

	.met-Checkout-userName h6 {
		font-size: 18px;
	}

	.met-Checkout-userName h5 {
		font-size: 15px;
	}

	.met-account-info ul li {
		gap: 10px;
		grid-template-columns: 1fr 1fr;
	}

	.met-Checkout-box {
		padding: 15px;
	}

	.met-Checkout-heading h3 {
		font-size: 20px;
	}

	.met-last-order table tr td,
	.met-last-order table tr th {
		padding: 10px 10px;
		font-size: 13px;
	}

	.met-aboutPage-teamInner {
		grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	}

	.met-shop-page-wr .met-shop-inner {
		width: 100%;
		margin: 0 0 25px;
	}

	.met-shop-page-wr .met-team-heading {
		padding-left: 0;
	}
}

@media(max-width:575px) {

	.met-header-search {
		margin-right: 60px;
		display: none;
	}

	.met-banner-img img,
	.met-banner-img:before,
	.met-counter-parent>img {
		display: none;
	}


	.met-top-bar-flex,
	.met-top-header-right {
		flex-direction: column;
		gap: 10px;
	}

	.nav-tabs .nav-link {
		padding: 10px 21px;
		font-size: 13px;
	}

	.swiper-button-next,
	.swiper-button-prev {
		width: 25px;
		height: 25px;
	}

	.swiper-button-prev {
		right: 40px;
	}

	/* blog */
	.met-blog-box {
		grid-template-columns: 100px 1fr;
		gap: 10px;
	}

	.met-blog-right .met-blog-contents p.met-para {
		font-size: 12px;
	}

	.met-blog-right .met-blog-contents h4 {
		font-size: 14px;
	}

	.met-blog-right .met-blog-contents h3 {
		font-size: 12px;
	}

	.met-blog-img {
		min-height: 130px;
	}

	.met-blog-img img {
		min-height: 130px;
	}

	/* blog */
}

@media(max-width:480px) {

	.met-header-search {
		max-width: 150px;
	}


	.met-para {
		font-size: 14px;
	}

	.met-banner-left p {
		max-width: 400px;
		line-height: 1.5;
	}

	.met-btn {
		min-width: 140px;
		height: 50px;
		font-size: 15px;
		font-weight: 400;
	}

	.met-banner-play-icon span {
		width: 50px;
		height: 50px;
	}

	@keyframes shadow-pulse {
		0% {
			box-shadow: 0 0 0 0 rgb(21 121 197 / 70%)
		}

		100% {
			box-shadow: 0 0 0 10px rgb(255 255 0 / 0%);
		}
	}

	.met-banner-play-icon span svg {
		width: 12px;
		height: auto;
	}

	.met-banner-play-icon a {
		font-size: 14px;
	}

	.met-banner-form-info {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.met-banner-form-btn {
		margin-top: 10px;
	}

	.met-main-heading {
		font-size: 20px;
	}

	.met-top-heading {
		font-size: 15px;
		letter-spacing: 5px;
	}

	.met-about-wrapper {
		padding: 60px 0 50px 0;
	}

	.met-course-wrapper,
	.met-service-wrapper,
	.met-team-wrapper,
	.met-contact-wrapper,
	.met-work-wrapper,
	.met-testmnl-wrapper,
	.met-pricing-wrapper {
		padding: 50px 0;
	}

	.nav-tabs .nav-link {
		font-size: 12px;
		padding: 9px 17px;
	}

	.met-top-heading-center {
		font-size: 15px;
		letter-spacing: 5px;
	}

	.met-service-right .met-abt-review,
	.met-service-right .met-smile-star {
		display: none;
	}

	.met-service-counter .met-count .met-counting {
		font-size: 20px;
	}

	.met-service-counter {
		max-width: 130px;
		padding: 20px;
		top: 80px;
		left: 0px;
	}

	.met-service-left-content ul {
		margin-bottom: 25px;
	}

	.met-contact-form-box {
		padding: 30px;
	}

	.met-contact-form-head h4 {
		font-size: 22px;
	}

	.met-testmnl-slider .swiper-slide {
		width: 100%;
	}

	.met-pricing-btn .nav-tabs .nav-link {
		font-size: 14px;
		padding: 13px 40px;
	}

	.met-pricing-btn {
		margin-bottom: 40px;
	}

	.met-nesltr-right .met-input-field input {
		height: 50px !important;
	}

	.met-footer-wrapper {
		padding: 50px 0 0px 0;
	}

	.met-copyright-parent p {
		font-size: 14px;
		padding: 10px 0;
		margin-top: 40px;
	}

	.met-logo-item img {
		width: 100px;
	}
}

@media(max-width:425px) {

	.met-sidebar .met-search-wr {
		width: 260px;
	}

	.met-sidebar .met-search-wr input {
		width: 150px;
		font-size: 12px;
	}

	.met-nav-menu {
		width: 250px;
	}

	.met-header-parent {
		gap: 10px;
	}

	.met-para {
		font-size: 13px;
	}

	.met-btn {
		min-width: 120px;
		height: 45px;
		font-size: 14px;
	}

	.met-banner-play-icon span {
		width: 45px;
		height: 45px;
	}

	.met-banner-btns {
		gap: 20px;
		margin-top: 30px;
	}

	.met-banner-play-icon a {
		font-size: 13px;
		gap: 10px;
	}

	.met-banner-form-info {
		margin-right: 0;
	}

	.select2-container--default .select2-selection--single {
		height: 50px !important;
	}

	.select2-container--default .select2-selection--single .select2-selection__rendered {
		line-height: 50px !important;
		font-size: 14px !important;
	}

	.met-banner-form-info label {
		font-size: 15px;
	}

	.select2-container--default .select2-selection--single .select2-selection__arrow {
		top: 22px;
	}

	.met-main-heading {
		font-size: 18px;
	}

	.nav-tabs .nav-link {
		font-size: 10px;
		padding: 6px 10px;
	}

	.met-input-field-flex {
		gap: 10px;
	}

	.met-input-field-flex .met-input-field input {
		height: 50px !important;
	}

	.met-contact-form-box {
		padding: 30px 20px;
	}

	.met-input-field-flex .met-input-field:first-child {
		max-width: 130px;
	}

	ul#myTab {
		margin: 30px 0 30px 0;
	}

	.met-nesltr-right .met-input-field input {
		height: 45px !important;
		padding: 10px 100px 10px 20px;
	}

	.met-footer-wrapper .met-btn {
        min-width: 50px;
        height: 45px;
        font-size: 14px;
        padding: 0 10px;
    }

}

/* ================= Responsive CSS End =================== */