/*
[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;
	--cs-title-2-color: #1f1d1d;
}

body {
	margin: 0;
	padding: 0 30px 30px 30px;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	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: 45px !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 */
a.met-btn,
a.met-btn:visited {
	color: var(--white-color);
}

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

.met-btn:hover {
	background-color: #162b4d !important;
	color: #fff
}

/* 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 {
	display: flex;
	align-items: center;
	gap: 35px;
}

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

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


.met-nav-menu .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 .menu-main-menu-container>ul>li>a {
	padding: 25px 0;
}

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

.met-nav-menu .menu-main-menu-container>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 .menu-main-menu-container>ul>li>a:hover::after {
	width: 50px;
}

.met-nav-menu>div>ul li.current-menu-item>a {
	color: var(--mlf-primary);
}

.met-nav-menu .menu-main-menu-container>ul>li.current-menu-item>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 button {
	position: absolute;
	top: 45%;
	transform: translateY(-50%);
	left: 15px;
	min-width: unset;
	border: none;
	box-shadow: none;
	right: unset;
}

.met-header-icons .ps-icon {
	background-color: unset;
	border: none;
	height: unset;
	width: unset;
	border-radius: unset;
	/* display: flex; */
	justify-content: center;
	align-items: center;
	/* position: relative; */
	/* transition: all 0.5s; */
}

.met-header-icons .ps-navigation-icon {
	margin-left: 0;
}

.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: 15px;
	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.met-header-seven-icons {
	position: relative;
	border: 1px solid #E7E7E7;
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 40px;
	transition: all 0.3s;
}

.met-header-icons a.met-header-seven-icons svg path {
	transition: all 0.3s;
}

.met-header-icons a.met-header-seven-icons:hover {
	background-color: var(--primary-color);
}

.met-header-icons a.met-header-seven-icons:hover svg path {
	fill: var(--white-color);
}

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

.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 10px;
	display: block;
}

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

.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;
	width: 100%;
	display: block;
}

.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;
	padding-right: 10px;
}

.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;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
}
.met-section05-content p {
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
}
.met-testimonials-head h4 {
    font-size: 18px;
    font-weight: 500;
    color: var(--title-color);
    margin-top: 15px;
    margin-bottom: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
}
/* 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;
	border-radius: 10px !important;
}

.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 h2 {
	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 !important;
	min-width: 200px !important;
	height: 50px !important;
	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,
.met-footer-menu ul li {
	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);
}

.met-footer-menu ul li a {
	color: #9facb2;
}

/* 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 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);
	font-family: 'Archivo';
}

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

.days-dots {
	font-size: 30px;
	font-weight: 800;
	color: var(--title-color);
}

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

.style-5 .met-shop-inner {
	width: 100%;
	margin-bottom: 0;
}

.style-5 .met-team-social ul li a {
	background-color: #222;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 8px;
	width: 32px;
	height: 32px;
}

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

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 30px;
}

.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 !important;
	font-weight: 600 !important;
	margin-bottom: 5px !important;
	color: var(--title-color) !important;
}

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

/* new css start */
.widget-title {
	font-size: 20px;
	color: var(--white-color);
	position: relative;
	line-height: 26px;
	font-weight: 500;
	margin-bottom: 18px;
}

.widget.widget_nav_menu .menu li,
.textwidget p {
	color: var(--white-color);
}

/* a:visited{
		color: var(--text-color);
 } */
.widget ul li a {
	color: #9FACB2;
}

.cv-copyright {
	background: transparent;
	border-top: 1px solid #FFFFFF26;
	margin-top: 49px;
	position: relative;
}

.cv-copyright:hover {
	border-top: 1px solid #FFFFFF26;
}

.med-product-cat .met-heading-flex {
	display: none;
}

.med-product-cat .met-team-wrapper {
	padding: 0px 0;
	position: relative;
}

.med-prod-catone .met-team-wrapper {
	padding: 80px 0 0;
	position: relative;
}

.med-prod-catone .met-team-parent {
	position: relative;
	padding-bottom: 10px;
}

.widget.widget_nav_menu .menu li {
	padding-left: 0;
}

.yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button--single.yith-wcwl-add-to-wishlist-button--anchor {
	display: flex;
	align-items: center;
	margin-inline: 0;
	justify-content: flex-start;
	gap: 10px;
	padding: 10px 15px;
}

.met-aboutlist a:visited {
	color: var(--text-color);
}

.menu-main-menu-container ul li {
	margin-bottom: 0;
}

.met-team-img {
	background: #fff9f9;
	width: 100%;
	display: block;
}

.met-team-img img {
	min-height: 274px;
	max-height: 274px;
}
.met-blog-contents a{
	color: var(--title-color);
}
.met-blog-contents p.met-para{
	margin-top: 5px;
}
.met-blog-contents a:visited {
	color: var(--title-color);
}

.cv_profile_drop ul li a:visited {
	color: #797979;
}

.cv-blog-sidebar .widget-title {
	color: var(--title-color);
}

.met-contact-info-form input#phone {
	width: 100%;
	text-align: left;
	padding: 10px 16px;
}

.met-team-social .yith-wcwl-add-to-wishlist-button__label {
	display: none;
}

.met-team-social .wp-block-button__link,
.met-team-social a:not([href]) {
	background-color: unset;
}

.met-team-social .yith-wcwl-add-to-wishlist-button:not(.yith-wcwl-add-to-wishlist-button--themed-button) svg.yith-wcwl-add-to-wishlist-button-icon {
	color: #fff;
}

.wp-block-button__link:hover,
a:not([href]):hover {
	background-color: unset;
}

.yith-wcwl-feedback-messages-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: fixed;
	top: 40px;
	right: 30px;
	left: auto;
	transform: unset;
	width: fit-content;
	height: fit-content;
	z-index: 999;
	transition: .3s;
	max-width: 90%;
}

.met-team-social a.added_to_cart.wc-forward {
	display: none;
}

#scroll {
	display: none;
}

.cv-blog-sidebar input {
	height: 50px !important;
}

.woocommerce form .form-row .input-text,
.woocommerce form .form-row select {
	border: var(--wc-form-border-width) solid #e6e9f2 !important;
}

.woocommerce-info:hover {
	border: 1px solid #eee;
}

.woocommerce-message,
.woocommerce-message:hover {
	border: 1px solid #e6e9f2;
}

.style-5 .met-team-social ul li a svg {
	fill: #fff;
}

.style-5 .met-team-social ul li a svg path {
	fill: #fff;
}

.style-5 .met-team-social ul li {
	margin-top: 10px;
}

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

.nice-select:hover {
	border-color: #dbdbdb;
	border: 1px solid #dbdbdb;
}

.style-5 .met-team-social ul li a:hover {
	background-color: var(--primary-color);
}

.yith-wcwl-add-to-wishlist-button:not(.yith-wcwl-add-to-wishlist-button--themed-button).yith-wcwl-add-to-wishlist-button--added svg.yith-wcwl-add-to-wishlist-button-icon {
	color: #3cbcff;
}

.yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button--anchor svg.yith-wcwl-icon-svg,
.yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button--anchor img {
	width: 20px;
	color: currentColor;
	max-width: 20px;
}

.yith-wcwl-add-to-wishlist__feedback.yith-wcwl-add-to-wishlist__feedback--product_added.lapilliUI-Paper__root.lapilliUI-Paper--elevation.lapilliUI-Paper--rounded.lapilliUI-Paper--elevation-4.css-fqb3xz.e83suct0 {
	background: green;
	color: #fff;
	text-align: left;
	padding-left: 50px;
}

.yith-wcwl-add-to-wishlist__feedback.yith-wcwl-add-to-wishlist__feedback--product_added.lapilliUI-Paper__root.lapilliUI-Paper--elevation.lapilliUI-Paper--rounded.lapilliUI-Paper--elevation-4.css-fqb3xz.e83suct0 {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==) !important;
	background-repeat: no-repeat;
	background-position: left;
	background-position: 10px center;
}

.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout {
	display: none;
}

.select2-container .select2-selection--single {
	height: 45px;
}

.wpcf7-form p label {
	width: 100%;
}

.wpcf7-form p 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;
}

.wpcf7-form p 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-btn-form input[type="submit"] {
	min-width: 150px;
	height: 45px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--primary-color);
	color: var(--white-color) !important;
	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;
	max-width: fit-content;
}
input[type="submit"]{
	color: #fff !important;
}

.met-btn-form {
	max-width: 150px;
	position: relative;
}

.met-btn-form input[type="submit"]:hover {
	background-color: #162b4d !important;
	color: #fff
}

.wpcf7-spinner {
	position: absolute;
	right: 5px;
	top: 10px;
}

input.cv_btn {
	color: var(--white-color) !important;
	height: unset !important;
}

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

/* bnr css */
.add-bnr {
	display: flex;
	justify-content: start;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 10px;
	transition: all 0.3s ease;
	padding: 50px 50px;
	position: relative;
}

.add-bnr:hover {
	transform: translateY(-10px);
}

.bnr-text {
	max-width: 300px;
	width: 100%;
}

.bnr-text h6 {
	color: #222;
	font-size: 20px;
	font-weight: 500;
	margin: 0;
	/* margin-bottom: 10px; */
	background: #fff;
	display: inline-block;
	border-radius: 5px;
	padding: 5px 12px;
}

.bnr-text h2 {
	color: #fff;
	font-size: 30px;
	font-weight: 700;
	margin: 10px 0;
	line-height: 1.5;
}

.second-bnr .bnr-text h2 {
	font-size: 22px;
	max-width: 220px;
}

.bnr-text a {
	display: inline-block;
	border: 1px solid #fff;
	color: #fff;
	padding: 5px 15px;
	border-radius: 5px;
	text-decoration: none;
	font-weight: 600;
	transition: all 0.3s ease;
	position: relative;
}

.bnr-text a:before,
.bnr-text a: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;
}

.bnr-text a:hover {
	background-color: #fff;
	color: var(--primary-color);
}

.bnr-text a:hover:before {
	background-position: left bottom;
}

.bnr-text a:hover:after {
	background-position: right bottom;
}

.bnr-text a:hover {
	background-color: #162b4d !important;
	color: #fff;
	border-color: transparent;
}

.add-bnr-style2 {
	display: flex;
	justify-content: start;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 10px;
	transition: all 0.3s ease;
	padding: 50px;
}

.add-bnr-style2:hover {
	transform: translateY(-10px);
}

.bnr-text-style2 {
	max-width: 480px;
	width: 100%;
	margin-left: auto;
}

.bnr-text-style2 h6 {
	color: #fff623;
	font-size: 20px;
	font-weight: 500;
	margin: 0;
	margin-bottom: 10px;

}

.bnr-text-style2 h2 {
	color: #fff;
	font-size: 30px;
	font-weight: 700;
	margin: 10px 0;
	line-height: 1.5;
}

.bnr-text-style2 a {
	display: inline-block;
	background: #fff623;
	border: 1px solid #fff623;
	color: #222 !important;
	padding: 10px 20px;
	border-radius: 5px;
	text-decoration: none;
	font-weight: 600;
	transition: all 0.3s ease;
	min-width: unset;
	line-height: 25px;
}

.bnr-text-style2 a:hover {
	color: #fff !important;
	border-color: transparent;
}

.met-add-left {
	position: absolute;
	transform: rotate(0deg) skewY(-10deg);
	top: 80px;
	right: 30%;
}

.met-add-square {
	align-items: center;
	display: flex;
	height: 90px;
	justify-content: center;
	position: relative;
	width: 90px;
}

.met-add-square span {
	animation-iteration-count: infinite;
	animation-name: animate;
	animation-timing-function: linear;
	border: 2px solid rgb(226, 4, 4);
	border-radius: 38% 62% 63% 37% / 41% 44% 56% 59%;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transition: background-color 0.5s ease;
	width: 100%;
	z-index: 1;
	background-color: rgb(226, 4, 4);
	/* background-image: linear-gradient(-90deg, rgb(4 150 226) 0%, rgba(21, 17, 45, 0.996078431372549) 100%); */
}

.met-sale-content {
	color: #ffffff;
	padding: 30px 12px;
	position: relative;
	text-align: center;
	transition: 0.5s ease all;
	z-index: 2;
}

.met-sale-content h2 {
	font-size: 26px;
	font-weight: 700;
	color: #fff;
}

.met-add-square span:nth-child(1) {
	animation-duration: 6s;
}

.bnr-discount-hide .met-add-left {
	display: none;
}

 del {
	color: #bac2c5 !important;
	text-decoration: none;
}

 del bdi {
	color: #bac2c5 !important;
	text-decoration: line-through;
}

 del bdi span {
	color: #bac2c5 !important;
}
.cv-blog-social li a{
	background-color: transparent;
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50px;
	border: 1px solid #ddd;
	transition: all 0.3s;
}
.cv-blog-social li a:hover{
	border-color: var(--primary-color);
}
.cv-blog-social li a:hover svg,
.cv-blog-social li a:hover svg path{
	fill: var(--primary-color);
}
.cv-arrival.cv-related-product.cv-related-product-slider {
	padding-right: 7px
}
@keyframes animate {
	to {
		transform: rotateZ(1turn);
	}
}
.style-5 .met-team-social ul li .wishlist_button  svg {
    fill: transparent;
    transition: fill 0.3s ease;
}
.style-5 .met-team-social ul li .wishlist_button  svg path{
    fill: transparent;
    transition: fill 0.3s ease;
}
.style-5 .met-team-social ul li .wishlist_button .yith-wcwl-add-to-wishlist-button--added svg{
	width: 20px ;
}
.style-5 .met-team-social ul li .wishlist_button .yith-wcwl-add-to-wishlist-button--added svg  path{
    fill: #fff; 
}
.yith-wcwl-add-to-wishlist-button--added span.yith-wcwl-add-to-wishlist-button__label {
color: var(--primary-color);
}
 del span.woocommerce-Price-amount.amount{
	text-decoration: line-through;
 }
 
/* new css end */
/* ================= 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,
	.met-header-seven {
		gap: 15px;
	}

	.met-nav-menu .menu-main-menu-container>ul {
		gap: 15px;
	}

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

	.met-btn {
		padding: 0px 15px;
		font-size: 14px;
	}
	.bnr-text h2 {
		font-size: 24px;
	}
	.bnr-text h6{
		font-size: 16px;
	}
	.bnr-text-style2 {
    	max-width: 340px;
	}
	.bnr-text-style2 h2 {
    	font-size: 20px;
	}
	.add-bnr-style2{
		background-position: center;
	}
}

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

	.met-header-search {
		max-width: 150px;
	}

	.met-nav-menu {
		gap: 15px;
	}
}

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

	.met-header-icons a.met-header-seven-icons {
		width: 45px;
		height: 45px;
	}

	.met-header-parent .met-logo img {
		max-width: 210px;

	}
}

@media(max-width:1199px) {
	.met-header-search {
		max-width: 230px;
	}

	.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 .menu-main-menu-container>ul {
		display: block;
		margin-bottom: 25px;
	}

	.met-nav-menu {
		display: block;
	}

	.met-nav-menu .menu-main-menu-container>ul>li>a:after {
		bottom: 0;
		right: unset;
	}

	.met-nav-menu .met-btn {
		width: 100%;
	}

	.met-nav-menu ul li a {
		border-bottom: 1px solid #eee;
		padding: 10px 0 !important;
	}


	.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 .menu-main-menu-container>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;
	}
    .bnr-text-style2{
		max-width: 290px;
	}
	.bnr-text-style2 h2{
		font-size: 18px;
	}
}
@media(max-width:1500px) and (min-width:1200px) {
	.add-bnr {
	padding: 30px 35px !important;
	}
	
}
@media(max-width:1200px) and (min-width:1024px) {
	.add-bnr {
	padding: 25px 30px !important;
	}
	.bnr-text h2{
		font-size: 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;
	}
.bnr-new-class, .bnr-second-res{
	grid-template-columns: 1fr !important;
}
}

@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;
		line-height: 1.4;
	}

	.met-blog-right .met-blog-contents h4 {
		font-size: 14px;
		text-overflow: ellipsis;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}

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

	}

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

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

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

	/* 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-header-parent {
		justify-content: center;
	}

	.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;
	}
.met-add-square{
	display: none;
}
}

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
	max-width: 1320px;
}


/* ================= Responsive CSS End =================== */



.promo-container {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 20px;
    }
    .promo-left {
      grid-row: span 2;
    }
    .promo-card {
      border-radius: 20px;
      padding: 30px 30px;
      color: #fff;
      position: relative;
      overflow: hidden;
      min-height: 200px;
      display: flex;
      flex-direction: column;
      justify-content: center;
	  background-size: cover;
	  background-repeat: no-repeat;
	  transition: all 0.3s	;
	  
    }
	.promo-card:hover{
		transform: translateY(-10px);
	}
    .promo-badge {
      position: absolute;
      top: 15px;
      right: 15px;
      background: red;
      color: #fff;
      border-radius: 50%;
      width: 70px;
      height: 70px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      font-weight: bold;
      font-size: 14px;
      text-align: center;
    }
   .promo-tag {
    background: #fff;
    color: #fff;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 14px;
    display: inline-block;
    color: #222;
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    /* margin-bottom: 10px; */
    background: #fff;
    display: inline-block;
    border-radius: 5px;
    padding: 5px 8px;
    max-width: fit-content;
}
    .promo-title {
     color: #fff;
    font-size: 28px;
    font-weight: 700;
    margin: 10px 0;
    line-height: 1.2;
	    max-width: 220px;
    }
    .promo-card .add-btn-style2 {
      border: 1px solid #fff;
      border-radius: 8px;
      padding: 8px 20px;
      font-weight: 600;
      background: transparent;
      color: #fff;
      text-decoration: none;
      display: inline-block;
      transition: 0.3s;
	  max-width: fit-content;
	  min-width: unset;
    }
    .promo-card .add-btn-style2:hover {
	 border-color: transparent;
	}
    .promo-image {
      max-width: 220px;
      height: auto;
      position: absolute;
      bottom: 10px;
      right: 20px;
    }
	.promo-left h3.promo-title {
		font-size: 40px;
		max-width: 300px;
		line-height: 1.2;
	}
	.met-add-left {
    position: absolute;
    transform: rotate(0deg) skewY(-10deg);
    top: 70px;
    right: 32%;
}
.promo-left  .met-add-left {
    top: unset;
    bottom: 20px;
    right: 35%;
}
    /* Background styles */
    /* .bg-orange { background: linear-gradient(135deg, #ff7e5f, #feb47b); }
    .bg-blue { background: linear-gradient(135deg, #3a7bd5, #3a6073); }
    .bg-purple { background: linear-gradient(135deg, #8e2de2, #4a00e0); } */

    /* Responsive */
    @media(max-width: 992px) {
      .promo-container {
        grid-template-columns: 1fr;
      }
      .promo-left {
        grid-row: auto;
      }
      .promo-image {
        max-width: 160px;
      }
	  .promo-title, .promo-left h3.promo-title{
		font-size: 30px;
	  }
    }
    @media(max-width: 576px) {
      .promo-title, .promo-title, .promo-left h3.promo-title {
        font-size: 22px;
		max-width: 220px;
      }
      .promo-badge {
        width: 60px;
        height: 60px;
        font-size: 12px;
      }
      .promo-image {
        max-width: 120px;
      }
    }