* {
	box-sizing: border-box
}

:root {
	--bold: 800;
	--semi-bold: 700;
	--medium: 500;
	--regular: 400;
	--light: 300;
	--button: 500
}

:root {
	--color-primary: #F63C25;
	--color-secondary: #252525;
	--yellow: #FFC700;
	--color-white: #ffffff;
	--body-bg: #ffffff;
	--menu-bg: #ffffff;
	--bg-primary: #f9f9f9;
	--search-bg: #f9f9f9;
	--input-bg: #ffffff;
	--sub-title: #BCBCBC;
	--sub-heading: #666666;
	--main-content: #666666;
	--nav-color: #666666;
	--bg-gray: #666666;
	--transparent-social: #666666;
	--border-color: #e7e7e7;
	--transparent-header: #ffffff;
	--transparent-text: #252525;
	--body-overlay: rgba(0, 0, 0, 0.8);
	--card-overlay: rgba(37, 37, 37, 0.5);
	--rs-border: rgba(37, 37, 37, 0.4);
	--gym-header-bg: #17212F
}

:root {
	--white: #ffffff;
	--black: #252525;
	--dark-gray: #666666;
	--cmr-pro: #666666;
	--text-unic: #666666;
	--light-gray: #bcbcbc;
	--light-gray100: #C4C4C4;
	--black-overlay: rgba(0, 0, 0, 0.8);
	--black-overlay2: rgba(0, 0, 0, 0.6);
	--black-light-overlay: rgba(0, 0, 0, 0.5);
	--primary-overlay: rgba(246, 60, 37, 0.8);
	--theme-overlay: linear-gradient(180deg, rgba(246, 60, 37, 0) 43.3%,
		#F63C25 100%);
	--gradient-primary-overlay: linear-gradient(180deg, rgba(246, 60, 37, 0.29)
		43.3%, rgba(246, 60, 37, 0.75) 100%);
	--title-color: rgb(239, 239, 239);
	--contact-bg: rgba(249, 249, 249, 0.95);
	--newsletter-overlay: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.2)
		100%);
	--ct-overlay: rgba(255, 255, 255, 0.7);
	--ct-overlay-black: linear-gradient(180deg, rgba(0, 0, 0, 0) 43.3%,
		rgba(0, 0, 0, 0.85) 100%);
	--mesonary-overlay: linear-gradient(180deg, rgba(0, 0, 0, 0) 43.3%,
		rgba(0, 0, 0, 0.85) 100%);
	--light-pink: rgba(246, 60, 37, 0.1);
	--light-sky: rgba(5, 212, 254, 0.02);
	--gymVolt-bner-bg: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%,
		rgba(0, 0, 0, 0.75) 100%);
	--people-like-vdo-bg: rgba(0, 0, 0, 0.3);
	--foodvolt-banner-overlay: rgba(0, 0, 0, 0.4)
}

[data-theme=dark] {
	--cmr-pro: #f9f9f9;
	--color-primary: #F63C25;
	--color-secondary: #f9f9f9;
	--body-bg: #070615;
	--input-bg: #070615;
	--search-bg: #161B2A;
	--bg-primary: #161B2A;
	--color-white: #bcbcbc;
	--main-content: #bcbcbc;
	--nav-color: #bcbcbc;
	--menu-bg: #161B2A;
	--border-color: #444444;
	--transparent-social: #BCBCBC;
	--transparent-text: #BCBCBC;
	--transparent-header: #161B2A;
	--title-color: rgba(22, 27, 42, 0.5);
	--light-pink: #444444;
	--ct-overlay: rgba(22, 27, 42, 0.7);
	--contact-bg: rgba(22, 27, 42, 0.9);
	--rs-border: #444444;
	--newsletter-overlay: rgba(22, 27, 42, 0.75);
	--text-unic: #bcbcbc
}

:root {
	--text-13: 13px;
	--text-15: 15px;
	--text-16: 16px;
	--text-17: 17px;
	--text-18: 18px;
	--text-19: 19px;
	--text-20: 20px;
	--text-24: 24px;
	--text-30: 30px;
	--nav-font: 16px
}

:root {
	--dropdown-shadow: 0px 10px 25px rgba(0, 0, 0, 0.1);
	--shadow-right: 10px 0px 10px -7px rgba(0, 0, 0, 0.05);
	--shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.1);
	--light-shadow: 0px 0px 50px rgba(0, 0, 0, 0.05);
	--shadow-none: 0px 0px 0px rgba(0, 0, 0, 0.0)
}

:root {
	--ease-in: 0.4s ease-in-out;
	--ease-6ms: 0.6s ease-in-out
}

:root {
	--container: 1580px
}

:root {
	--border: 0.3px solid var(--border-color)
}

@media screen and (max-width: 1600px) {
	:root {
		--container: 1400px
	}
}

@media screen and (max-width: 1400px) {
	:root {
		--container: 1140px
	}
}

@media screen and (max-width: 991px) {
	:root {
		--container: 960px
	}
}

@media screen and (max-width: 767px) {
	:root {
		--container: 720px
	}
}

@media screen and (max-width: 575px) {
	:root {
		--container: 540px
	}
}

@font-face {
	font-family: "Rubik", sans-serif;
	src: url('../webfonts/rrubik/Rubik-Black.ttf') format('ttf');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Rubik", sans-serif;
	src: url('../webfonts/rubik/Rubik-Bold.ttf') format('ttf');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Rubik", sans-serif;
	src: url('../webfonts/rubik/Rubik-SemiBold.ttf') format('tttf');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Rubik", sans-serif;
	src: url('../webfonts/rubik/Rubik-Medium.ttf') format('ttf');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Rubik", sans-serif;
	src: url('../webfonts/rubik/Rubik-Regular.ttf') format('ttf');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Rubik", sans-serif;
	src: url('../webfonts/rubik/Rubik-Light.ttf') format('ttf');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

body {
	font-family: "Rubik", sans-serif !important;
}

html {
	scroll-behavior: smooth;
}

.social-icon {
	display: flex;
	align-items: center
}

.social-icon li {
	border-radius: 5px;
	box-sizing: border-box;
	margin-right: 5px;
	border: 1px solid var(--color-secondary)
}

.skip-link {
	border: none !important;
}

.skip-link a {
	width: 100% !important;
}

.contact-info a {
	color: #fff;
}

.social-icon li a {
	color: #fff;
}

.social-icon li:last-child {
	margin-right: 0px
}

.social-icon li a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	/* padding: 5px 8px; */
	width: 25px;
	height: 25px;
}

.social-icon li a i {
	font-size: 15px;
	color: var(--color-secondary)
}

.social-icon.social-white li {
	border: 1px solid var(--color-white);
	position: relative;
	overflow: hidden;
	z-index: 1;
	transition: var(--ease-in)
}

.social-icon.social-white li:after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: -1;
	background-color: #eba517;
	clip-path: circle(0% at 0 0);
	transition: var(--ease-in)
}

.social-icon.social-white li:hover {
	border-color: rgba(0, 0, 0, 0)
}

.social-icon.social-white li:hover:after {
	clip-path: circle(150% at 0 0)
}

.social-icon.social-white li:hover a i {
	color: var(--white)
}

.social-icon.social-white li a i {
	color: #ffffff;
	transition: var(--ease-in)
}

.social-icon.social-bg-red li {
	border: 1px solid var(--color-primary);
	background-color: var(--color-primary)
}

.social-icon.social-bg-red li a i {
	color: var(--white)
}

@media screen and (max-width: 575px) {
	.social-icon li a i {
		font-size: 12px
	}
}

.contact-info {
	display: flex;
	align-items: center
}

.contact-info li {
	color: var(--color-white);
	display: flex;
	align-items: center;
	margin-right: 10px;
	font-size: var(--text-16)
}

.contact-info li:last-child {
	margin-right: 0px
}

.contact-info li img, .contact-info li svg {
	border-radius: 2px;
	max-height: 24px;
	max-width: 34px;
	margin-right: 10px;
}

.contact-info li svg path {
	fill: var(--color-primary)
}

@media screen and (max-width: 575px) {
	.contact-info li {
		font-size: 14px;
		margin-right: 5px;
	}
	.contact-info li svg, .contact-info li img {
		max-width: 16px;
		margin-right: 2px
	}
}

.search-popup-box {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(1.1);
	width: 1300px;
	padding: 40px 250px;
	background-color: var(--search-bg);
	visibility: hidden;
	opacity: 0;
	transition: var(--ease-in)
}

.search-popup-box .search-box {
	transform: scale(0.7);
	opacity: 0
}

.search-popup-box.active {
	transform: translate(-50%, -50%) scale(1);
	visibility: visible;
	opacity: 1;
	z-index: 44;
	overflow: hidden
}

.search-popup-box.active .search-box {
	transform: scale(1);
	opacity: 1
}

.search-popup-box.search-popup-bg {
	background-image: url(../img/search-bg.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-color: rgba(0, 0, 0, 0) !important
}

.search-box {
	display: flex;
	align-items: center;
	position: relative;
	height: 60px;
	background-color: var(--input-bg);
	transition: var(--ease-in)
}

.search-box span {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 50px;
	display: flex;
	align-items: center;
	justify-content: center
}

.search-box span i {
	font-size: 20px;
	color: var(--color-primary)
}

.search-box input {
	height: 100%;
	width: 100%;
	border: none;
	background-color: rgba(0, 0, 0, 0);
	padding: 15px 15px 15px 60px;
	color: var(--color-secondary);
	font-size: var(--text-16);
	font-weight: var(--regular);
	border-width: .3px 0px .3px .3px;
	border-style: solid;
	border-color: var(--border-color);
	    border-radius: 12px 0px 0px 12px;
	
}

.search-box input::placeholder {
	font-size: var(--text-16);
	line-height: 1.5;
	color: var(--sub-title)
}

.search-box button {
	padding: 15px 30px;
	font-size: var(--text-16);
	font-weight: var(--medium);
	color: var(--white);
	background: linear-gradient(45deg, #134c77, #0d67b6);
	height: 100%;
	flex: 1;
	display: flex;
	align-items: center;
	    border-radius: 0px 12px 12px 0px;
}

.search-box:focus-within input {
	border-color: #027236
}

.search-box:focus-within span i {
	color: var(--sub-title)
}

.close-popup {
	position: absolute;
	top: 15px;
	right: 15px;
	height: 30px;
	width: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: var(--border);
	cursor: pointer;
	background-color: var(--search-bg);
	border-radius: 3px;
	transition: var(--ease-in)
}

.close-popup i {
	font-size: 20px;
	color: var(--color-secondary);
	transition: var(--ease-in)
}

.close-popup:hover {
	border-color: rgba(0, 0, 0, 0);
	background-color: var(--color-primary)
}

.close-popup:hover i {
	color: var(--white)
}

@media screen and (max-width: 1400px) {
	.search-popup-box {
		width: 75%;
		padding: 60px 50px;
	}
	.search-popup-box .search-box {
		max-width: 550px;
		margin: 0 auto
	}
}

@media screen and (max-width: 991px) {
	.search-popup-box {
		padding: 100px 50px
	}
	.search-popup-box .search-box {
		max-width: 80%
	}
}

@media screen and (max-width: 767px) {
	.search-popup-box {
		width: 90%
	}
	.search-popup-box .search-box {
		max-width: 85%
	}
}

@media screen and (max-width: 575px) {
	.search-popup-box {
		padding: 75px 15px 50px
	}
	.search-popup-box .search-box {
		max-width: 100%;
		flex-wrap: wrap;
		height: auto;
		background-color: rgba(0, 0, 0, 0)
	}
	.search-popup-box .search-box input {
		border-width: .3px;
		margin-bottom: 25px;
		background-color: var(--input-bg);
		height: 50px;
		margin-bottom: 15px
	}
	.search-popup-box .search-box span {
		height: 60px
	}
	.search-popup-box .search-box button {
		margin: 0 auto;
		flex: unset;
		width: 100%;
		justify-content: center
	}
}

body {
	position: relative;
	min-height: 100% !important;
	display: flex;
	flex-direction: column;
	/*     height: 100vh; */
}

main {
	flex-grow: 1;
}

/* body:after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 9;
	background-color: rgb(0 0 0 / 89%);
	visibility: hidden;
	opacity: 0;
	transition: .4s ease
} */

.overlay{
	position: relative;
	    overflow: hidden !important;
}

.overlay:after {
		position: absolute;
	content: "";
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 9;
	background-color: rgb(0 0 0 / 89%);
/* 	visibility: hidden; */
/* 	opacity: 0; */
/* 	transition: .4s ease */
	overflow: hidden;
}


.signin-popup-wrapper, .signup-popup-wrapper {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0.7);
	border: none;
	z-index: 999;
	opacity: 0;
	visibility: hidden;
	transition: var(--ease-in)
}

.signin-popup-wrapper h2, .signup-popup-wrapper h2 {
	margin-bottom: 30px
}

.signin-popup-wrapper.active, .signup-popup-wrapper.active {
	transform: translate(-50%, -50%) scale(1);
	opacity: 1;
	visibility: visible
}

.signin, .signup {
	width: 600px;
	padding: 100px;
	background-color: var(--search-bg)
}

.signin-popup-wrapper.signin-bg {
	background-image: url(../img/signin-bg.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 900px
}

.signin-popup-wrapper.signin-bg .sign-in-area {
	width: 500px;
	padding: 70px 50px;
	float: right;
	background-color: var(--search-bg)
}

.signin-popup-wrapper.signin-bg .from-status {
	display: none
}

.signin-popup-wrapper .frc-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 35px
}

.signin-popup-wrapper .frc-box a {
	font-size: var(--text-16);
	color: var(--color-secondary);
	transition: var(--ease-in)
}

.signin-popup-wrapper .frc-box a:hover {
	color: var(--color-primary)
}

.signin-popup-wrapper .from-status {
	padding-top: 50px;
	display: flex;
	align-items: center;
	justify-content: space-between
}

.signin-popup-wrapper .from-status a span {
	font-size: var(--text-16);
	display: inline-block;
	position: relative;
	padding-bottom: 3px;
	color: var(--color-secondary);
	transition: var(--ease-in)
}

.signin-popup-wrapper .from-status a span:after {
	position: absolute;
	content: "";
	top: 100%;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: var(--sub-heading);
	transition: var(--ease-in)
}

.signin-popup-wrapper .from-status a img {
	max-width: 30px;
	margin-left: 10px
}

.signin-popup-wrapper .from-status a:hover span {
	color: var(--color-primary)
}

.signin-popup-wrapper .from-status a:hover span:after {
	background-color: var(--color-primary)
}

.signup-popup-wrapper.signup-bg {
	background-image: url(../img/sign-up.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 900px
}

.signup-popup-wrapper.signup-bg .sign-up-area {
	width: 500px;
	padding: 70px 50px;
	float: right;
	background-color: var(--search-bg)
}

.signup-popup-wrapper button {
	margin-top: 20px
}

.signup-popup-wrapper .login-link-area {
	padding-top: 30px
}

.signup-popup-wrapper .login-link-area p a {
	display: inline-block;
	cursor: pointer;
	color: var(--color-primary);
	font-weight: var(--medium);
	padding-left: 5px
}

@media screen and (max-width: 991px) {
	.signup-popup-wrapper.signup-bg, .signup-popup-wrapper.signin-bg,
		.signin-popup-wrapper.signup-bg, .signin-popup-wrapper.signin-bg {
		width: 80%
	}
	.signup-popup-wrapper.signup-bg .sign-up-area, .signup-popup-wrapper.signup-bg .sign-in-area,
		.signup-popup-wrapper.signin-bg .sign-up-area, .signup-popup-wrapper.signin-bg .sign-in-area,
		.signin-popup-wrapper.signup-bg .sign-up-area, .signin-popup-wrapper.signup-bg .sign-in-area,
		.signin-popup-wrapper.signin-bg .sign-up-area, .signin-popup-wrapper.signin-bg .sign-in-area
		{
		width: 60%;
		padding: 70px 25px
	}
}

@media screen and (max-width: 767px) {
	.signin, .signup {
		width: 90%;
		padding: 100px 50px
	}
	.signup-popup-wrapper.signup-bg, .signup-popup-wrapper.signin-bg,
		.signin-popup-wrapper.signup-bg, .signin-popup-wrapper.signin-bg {
		width: 90%
	}
	.signup-popup-wrapper.signup-bg .sign-up-area, .signup-popup-wrapper.signup-bg .sign-in-area,
		.signup-popup-wrapper.signin-bg .sign-up-area, .signup-popup-wrapper.signin-bg .sign-in-area,
		.signin-popup-wrapper.signup-bg .sign-up-area, .signin-popup-wrapper.signup-bg .sign-in-area,
		.signin-popup-wrapper.signin-bg .sign-up-area, .signin-popup-wrapper.signin-bg .sign-in-area
		{
		width: 100%;
		padding: 70px 25px 50px;
		background-color: var(--black-overlay)
	}
	.signup-popup-wrapper.signup-bg h2, .signup-popup-wrapper.signin-bg h2,
		.signin-popup-wrapper.signup-bg h2, .signin-popup-wrapper.signin-bg h2
		{
		margin-bottom: 30px;
		color: var(--white)
	}
	.signup-popup-wrapper.signup-bg .input-group label,
		.signup-popup-wrapper.signin-bg .input-group label,
		.signin-popup-wrapper.signup-bg .input-group label,
		.signin-popup-wrapper.signin-bg .input-group label {
		color: var(--white)
	}
	.signup-popup-wrapper.signup-bg .login-link-area p,
		.signup-popup-wrapper.signin-bg .login-link-area p,
		.signin-popup-wrapper.signup-bg .login-link-area p,
		.signin-popup-wrapper.signin-bg .login-link-area p {
		color: var(--white)
	}
	.signup-popup-wrapper.signup-bg .frc-box a, .signup-popup-wrapper.signin-bg .frc-box a,
		.signin-popup-wrapper.signup-bg .frc-box a, .signin-popup-wrapper.signin-bg .frc-box a
		{
		color: var(--white)
	}
	.signup-popup-wrapper.signup-bg .frc-box .checkbox-group .checked-content,
		.signup-popup-wrapper.signin-bg .frc-box .checkbox-group .checked-content,
		.signin-popup-wrapper.signup-bg .frc-box .checkbox-group .checked-content,
		.signin-popup-wrapper.signin-bg .frc-box .checkbox-group .checked-content
		{
		color: var(--white)
	}
	.signup-popup-wrapper.signup-bg .login-link-area p {
		color: var(--white)
	}
	.signin-popup-wrapper.signin-bg .frc-box a {
		color: var(--white)
	}
	.signin-popup-wrapper.signin-bg .frc-box .checkbox-group .checked-content
		{
		color: var(--white)
	}
}

@media screen and (max-width: 575px) {
	.signin, .signup {
		padding: 50px
	}
	.signin-popup-wrapper h2, .signup-popup-wrapper h2 {
		margin-bottom: 15px;
		font-size: 24px
	}
	.signin-popup-wrapper button, .signup-popup-wrapper button {
		width: 100%
	}
	.signin-popup-wrapper .frc-box {
		flex-direction: column;
		align-items: flex-start
	}
	.signin-popup-wrapper .checkbox-group {
		margin-bottom: 15px
	}
	.signin-popup-wrapper .from-status {
		padding-top: 20px;
		flex-wrap: wrap
	}
	.signin-popup-wrapper .from-status p {
		padding-right: 20px
	}
	.signin-popup-wrapper .from-status p, .signin-popup-wrapper .from-status a
		{
		padding-top: 15px
	}
}

@media screen and (max-width: 400px) {
	.signin, .signup {
		padding: 50px 25px
	}
}

.title-heading {
	display: flex;
	position: relative;
	padding: 50px 0px;
	justify-content: center;
}

.title-heading:after {
	position: absolute;
	content: attr(data-title);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-weight: var(--bold);
	font-size: 100px;
	line-height: 1;
	letter-spacing: -0.07em;
	color: rgb(15 82 132 / 6%);
	white-space: nowrap;
	z-index: -1;
}

.title-heading h2 {
	position: relative;
	font-size: 40px;
	font-weight: bold;
	position: relative;
	background: -webkit-linear-gradient(#134c77, #0d67b6);
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

.title-heading h2:after, .title-heading h2:before {
	position: absolute;
	content: "";
	top: 50%;
	transform: translateY(-50%);
	height: 2px;
	width: 95px;
	background-color: #076990;
}

.breadcrumb_detalis .title-heading h2:after, .breadcrumb_detalis .title-heading h2:before
	{
	display: none;
}

.title-heading h2:after {
	left: calc(100% + 10px)
}

.title-heading h2:before {
	right: calc(100% + 10px)
}

@media screen and (max-width: 1350px) {
	.title-heading {
		padding: 50px 0px
	}
	.title-heading:after {
		font-size: 90px
	}
	.title-heading h2:after, .title-heading h2:before {
		width: 50px
	}
}

@media screen and (max-width: 1199px) {
	.title-heading {
		padding: 40px 0px
	}
/* 	.title-heading:after { */
/* 		font-size: 65px */
/* 	} */
}

@media screen and (max-width: 991px) {
	.title-heading {
		padding: 25px 0px;
		margin-bottom: 25px
	}
/* 	.title-heading:after { */
/* 		font-size: 65px */
/* 	} */
}

@media screen and (max-width: 767px) {
	.title-heading:after {
		display: none
	}
}

.preloader-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100%;
	background-color: var(--body-bg);
	z-index: 999999;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column
}

.preloader-wrapper.hide {
	display: none;
	visibility: hidden
}

.preloader-wrapper #place-heading {
	max-width: 50%;
	margin: 0 auto;
	position: absolute;
	top: 100px;
	left: auto
}

body.remover {
	overflow: visible;
	overflow-x: hidden
}

@keyframes moveY { 0% {
	transform: translateY(-10px)
}

100%
{
transform
:
translateY(
10px
)
}
}
@keyframes move { 
0% {
	transform: translateY(100px) scaleY(0.9)
}

100%
{
transform
:
translateY(
0px
)
scaleY(
1.1
)
}
}
.preloader {
	position: relative;
	animation: move .5s ease infinite alternate
}

@keyframes spin { 0% {
	transform: rotateX(-15deg) rotateY(0deg)
}

100%
{
transform
:
rotateX(
-15deg
)
rotateY(
180deg
)
}
}
.diamond {
	position: relative;
	width: 60px;
	height: 60px;
	transform-style: preserve-3d;
	transform-origin: center center;
	animation: spin 1s linear infinite
}

.diamond span:first-of-type {
	position: absolute;
	top: 0;
	left: 0;
	width: 60px;
	height: 60px;
	border: 4px solid #145b33;
	transform: rotateX(90deg) rotateZ(45deg);
	opacity: .7
}

.diamond span:nth-of-type(2) {
	position: absolute;
	top: 0;
	left: 0;
	width: 60px;
	height: 60px;
	border: 4px solid #145b33;
	transform: rotateX(90deg) rotateY(90deg) rotateZ(45deg);
	opacity: .7
}

.diamond span:last-of-type {
	position: absolute;
	top: 0;
	left: 0;
	width: 60px;
	height: 60px;
	border: 4px solid var(--color-primary);
	transform: rotateZ(45deg);
	opacity: .7
}

.movement {
	position: relative;
	width: 60px;
	height: 60px
}

@keyframes falloff { 0% {
	top: 30px;
	height: 0px;
	opacity: 0
}

50%
{
top
:
0;
height
:
30px;
opacity
:
1
}
100%
{
top
:
0;
height
:
0px;
opacity
:
0
}
}
.movement span:first-of-type {
	position: absolute;
	left: 0;
	top: 0;
	width: 4px;
	height: 30px;
	border-radius: 4px;
	background-color: var(--light-gray100);
	opacity: 0;
	animation: falloff 1s ease infinite
}

@keyframes falloff-2 { 0% {
	height: 0px;
	opacity: 0
}

50%
{
height
:
20px;
opacity
:
1
}
100%
{
height
:
0px;
opacity
:
0
}
}
.movement span:first-of-type::after {
	content: "";
	position: absolute;
	top: 40px;
	left: 0;
	width: 4px;
	height: 20px;
	border-radius: 4px;
	background-color: var(--light-gray100);
	opacity: 0;
	animation: falloff-2 1s ease infinite
}

@keyframes falloff-3 { 0% {
	top: 40px;
	height: 0px;
	opacity: 0
}

50%
{
top
:
20px;
height
:
20px;
opacity
:
1
}
100%
{
top
:
20px;
height
:
0px;
opacity
:
0
}
}
.movement span:nth-of-type(2) {
	position: absolute;
	top: 20px;
	left: calc(50% - 2px);
	width: 4px;
	height: 20px;
	border-radius: 4px;
	background-color: var(--light-gray100);
	opacity: 0;
	animation: falloff-3 1s ease infinite
}

@keyframes falloff-4 { 0% {
	height: 0px;
	opacity: 0
}

50%
{
height
:
40px;
opacity
:
1
}
100%
{
height
:
0px;
opacity
:
0
}
}
.movement span:nth-of-type(2)::after {
	content: "";
	position: absolute;
	top: 30px;
	left: 0;
	width: 4px;
	height: 40px;
	border-radius: 4px;
	background-color: var(--light-gray100);
	opacity: 0;
	animation: falloff-4 1s ease infinite
}

@keyframes falloff-5 { 0% {
	top: 30px;
	height: 0px;
	opacity: 0
}

50%
{
top
:
0;
height
:
30px;
opacity
:
1
}
100%
{
top
:
0;
height
:
0px;
opacity
:
0
}
}
.movement span:last-of-type {
	position: absolute;
	top: 0;
	right: 0;
	width: 4px;
	height: 30px;
	border-radius: 4px;
	background-color: var(--light-gray100);
	opacity: 0;
	animation: falloff-5 1s ease infinite
}

@keyframes falloff-6 { 0% {
	height: 0px;
	opacity: 0
}

50%
{
height
:
20px;
opacity
:
1
}
100%
{
height
:
0px;
opacity
:
0
}
}
.movement span:last-of-type::after {
	content: "";
	position: absolute;
	top: 40px;
	left: 0;
	width: 4px;
	height: 20px;
	border-radius: 4px;
	background-color: var(--light-gray100);
	opacity: 0;
	animation: falloff-6 1s ease infinite
}

@media screen and (max-width: 1350px) {
	.preloader-wrapper #place-heading {
		max-width: 85%
	}
}

.btn-card {
	position: absolute;
	top: 0;
	right: 0;
	padding: 15px 30px;
	transition: var(--ease-in)
}

.btl-simple-card {
	position: relative;
	display: block;
	height: 100%;
	overflow: hidden
}

.btl-simple-card img {
	width: 100%;
	object-fit: cover;
	height: 100%
}

.btl-simple-card span.btn {
	position: absolute;
	top: 0;
	right: 0;
	/* background-color: #111110; */
	color: #fff;
	padding: 15px 30px;
	transition: var(--ease-in);
	border-radius: 0px;
	z-index: 9;
}

.btl-simple-card .btlc-marking {
	position: absolute;
	top: 10px;
	left: 10px
}

.btl-simple-card .btlc-marking span {
	font-size: 20px;
	color: var(--yellow)
}

.btl-simple-card .btlc-content {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 25px 25px;
	max-width: 100%;
	z-index: 1;
	background-color: var(--black-light-overlay);
	transition: var(--ease-in)
}

.event_div .btl-simple-card .btlc-content {
	padding: 5px 20px;
}

.btl-simple-card .btlc-content:after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: #094b25bf;
	z-index: -1;
	transform: scaleX(0.6);
	transform-origin: left top;
	transition: var(--ease-in);
	opacity: 0
}

.btl-simple-card .btlc-content .btcl-content-status {
	display: flex;
	align-items: center;
	flex-wrap: wrap
}

.btl-simple-card .btlc-content .btcl-content-status span {
	font-size: var(--text-13);
	color: var(--white);
	padding: 10px 0px;
	display: inline-block
}

span.media {
	margin-left: 30px;
}

span.media a {
	color: #fff;
}

p.post-title {
	color: #fff;
}

.news_like a {
	color: #000000;
}

.btl-simple-card .btlc-content .btcl-content-status span:nth-child(1) {
	padding-right: 30px
}

.btl-simple-card .btlc-content h3 {
	color: var(--white)
}

.btl-simple-card .btlc-content h3 a {
	color: var(--white);
	display: block
}

.btl-simple-card .btlc-content h5 a {
	color: var(--white);
	display: block;
}

.btl-simple-card:hover span.btn {
	background-color: #085d2f;
	color: var(--white);
	border: 1px solid #085d2f;
}

.btl-simple-card:hover .btlc-content {
	background-color: rgba(0, 0, 0, 0)
}

.btl-simple-card:hover .btlc-content:after {
	transform: scaleX(1);
	opacity: 1
}

.news-vcard-single {
	position: relative;
	height: 100%;
	background-color: var(--bg-primary);
	border: 1px solid var(--border-color);
	border-radius: 5px;
}

.news-vcard-single .btn-card {
	z-index: 99
}

.news-vcard-img {
	position: relative
}

.news-vcard-img>img {
	width: 100%;
	object-fit: cover
}

.news-vcard-img .news-vcard-play {
	background-color: var(--card-overlay);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center
}

.news-vcard-content {
	padding: 12px 24px;
	min-height: 140px;
}

.news-vcard-content .news-vcard-title {
	display: flex;
	align-items: center;
	flex-wrap: wrap
}

.news-vcard-content .news-vcard-title span {
	display: block;
	margin-bottom: 6px;
	font-size: 13px;
	color: var(--color-secondary);
	transition: var(--ease-in)
}

.news-vcard-content .news-vcard-title span:nth-child(1) {
	margin-right: 30px
}

.news-vcard-content h3 {
	font-size: 22px;
	line-height: 1.2
}

.news-vcard-content h3 a {
	transition: var(--ease-in);
	color: var(--color-secondary)
}

.news-vcard-single {
	position: relative;
	z-index: 1;
	transition: var(--ease-in);
	overflow: hidden
}

.news-vcard-single:after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: #085d2f;
	z-index: -1;
	transition: var(--ease-in);
	transform: translateY(-100px);
	visibility: hidden;
	opacity: 0;
	pointer-events: none
}

.news-vcard-single:hover {
	border-color: rgba(0, 0, 0, 0)
}

.news-vcard-single:hover:after {
	transform: translateY(0px);
	visibility: visible;
	opacity: 1
}

.news_box {
	width: 370px;
	height: 300px !important;
}

.news-vcard-single:hover .news-vcard-content .news-vcard-title span {
	color: var(--white)
}

.news-vcard-single:hover .news-vcard-content h3 a {
	color: var(--white)
}

.news-vcard-single:hover .news-vcard-content p {
	color: var(--white)
}

span.ui-slider-handle.ui-state-default.ui-corner-all {
	display: inline-block;
	height: 15px;
	width: 15px;
	background: var(--sub-title);
	z-index: 9999;
	top: 50%;
	position: absolute;
	border-radius: 50%;
	transform: translateY(-50%);
	border: none
}

.price-filter .price-filter-content {
	font-size: 16px
}

.price-filter .price-filter-content input {
	font-size: 16px;
	border: none;
	background-color: rgba(0, 0, 0, 0);
	text-align: center;
	pointer-events: none;
	width: 85px
}

.price-filter .ui-slider-horizontal {
	height: 5px;
	background-color: var(--color-primary);
	margin: 0px 12px
}

.price-filter .ui-widget-header {
	background-color: var(--sub-title)
}

.price-filter .ui-slider .ui-slider-handle {
	display: none
}

.price-filter .ui-slider .ui-slider-handle:nth-child(2) {
	background-color: var(--color-secondary) !important
}

.price-filter .ui-slider .ui-slider-handle:nth-child(3) {
	background-color: var(--color-primary) !important
}

.header-top-area {
	background: linear-gradient(45deg, #134c77, #0d67b6);
	padding: 3px 0px;
	position: relative
}

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

.header-top-area.transparent-top-header {
	background-color: rgba(0, 0, 0, 0);
	padding: 0px
}

.header-top-area.transparent-top-header .header-wrapper {
	padding: 20px 40px;
	background-color: var(--body-bg)
}

.header-top-area.transparent-top-header .contact-info li {
	color: var(--transparent-text)
}

.header-top-area.transparent-top-header .social-icon li {
	border: 1px solid var(--transparent-social)
}

.header-top-area.transparent-top-header .social-icon li a i {
	color: var(--transparent-social)
}

.header-top-area.transparent-top-header .social-icon li:hover {
	border-color: rgba(0, 0, 0, 0)
}

.header-top-area.transparent-top-header .social-icon li:hover a i {
	color: var(--white)
}

@media screen and (max-width: 767px) {
	/*     .header-contact .contact-info { */
	/*         align-items: flex-start; */
	/*         flex-direction: column */
	/*     } */
	/*     .header-contact .contact-info li:nth-child(1) { */
	/*         padding-bottom: 10px */
	/*     } */
	.header-top-area.transparent-top-header {
		background-color: var(--body-bg)
	}
	.header-top-area.transparent-top-header .header-wrapper {
		padding: 15px 0px
	}
}

@media screen and (max-width: 575px) {
	.header-social .social-icon {
		justify-content: flex-end;
		flex-wrap: wrap
	}
	.header-social .social-icon li {
		margin: 1px
	}
}

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

.main-header {
	position: relative;
	box-shadow: 1px 1px 5px #00000021;
	z-index: 9;
}

.main-header.techno-header .header-logo a {
	background-color: var(--color-primary);
	padding: 25px 35px
}

.main-header.techno-header .header-logo a svg path {
	fill: var(--white)
}

.main-header.techno-header .main-header-wrapper {
	position: relative;
	padding-right: 40px;
	box-shadow: var(--shadow);
	background-color: var(--transparent-header)
}

.main-header.techno-header .main-header-wrapper .header-logo {
	width: 280px
}

.main-header.techno-header .main-header-wrapper .header-logo a {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: auto;
	display: flex;
	align-items: center
}

.header-logo {
	padding: 5px 0px;
	justify-content: center;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.logo_div {
	width: 45px;
}

.sign-wrapper {
	margin-right: 10px;
}

.logo_text {
	color: #0a6c3f;
	font-weight: bold;
	margin-bottom: 0px;
}

.header-logo a svg, .header-logo a img {
	width: 100%;
}

.logo-main.ayush-grid {
	margin: 0 10px;
	align-items: center;
	display: flex;
	text-align: center;
}

.header-logo a svg path {
	fill: var(--color-secondary)
}

.header-logo a svg path#logo-theme {
	fill: var(--color-primary)
}

.options-area {
	display: flex;
	align-items: center;
	justify-content: flex-end
}

.dark-light {
	cursor: pointer
}

.dark-light i {
	font-size: 20px;
	color: var(--color-secondary)
}

.Search-popup .Search-icon {
	cursor: pointer
}

.Search-popup .Search-icon i {
	color: var(--color-secondary)
}

.sign-option button:nth-child(1):hover {
	color: #027236
}

.toggle-bar1 {
	height: 20px;
	width: 35px;
	display: none;
	align-items: center;
	justify-content: center;
	position: relative;
	cursor: pointer;
	margin-left: 30px
}

.toggle-bar1:after, .toggle-bar1:before {
	position: absolute;
	content: "";
	height: 2px;
	width: 45%;
	background-color: var(--color-secondary);
	transition: var(--ease-in)
}

.toggle-bar1:after {
	top: 0;
	left: 0
}

.toggle-bar1:before {
	bottom: 0;
	right: 0
}

.toggle-bar1 span {
	display: block;
	height: 2px;
	width: 100%;
	background-color: var(--color-secondary);
	transition: var(--ease-in)
}

.toggle-bar1.active:after {
	left: 55%
}

.toggle-bar1.active:before {
	right: 55%
}

.toggle-bar1.active:after, .toggle-bar1.active:before, .toggle-bar1.active span
	{
	background-color: var(--color-primary)
}

.sign-bar {
	margin: 0px 15px;
	display: none
}

.sign-bar i {
	font-size: 25px;
	color: var(--color-secondary)
}

.header-area.active .header-top-area {
	z-index: unset
}

.header-area.active .main-header {
	z-index: unset
}

@media screen and (max-width: 1400px) {
	.toggle-bar1 {
		display: flex
	}
	.main-header {
		position: relative;
		padding: 10px 0px
	}
	.main-header.techno-header {
		padding: 0px
	}
	.header-area .header-top-area {
		z-index: 9
	}
	.header-area .main-header {
		z-index: 9
	}
	.navbar-wrapper {
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		background-color: var(--search-bg);
		transform: translateY(-20px);
		opacity: 0;
		visibility: hidden;
		transition: var(--ease-in)
	}
	.navbar-wrapper:after {
		position: absolute;
		content: "";
		top: 0;
		left: 0;
		height: 1px;
		width: 0%;
		background-color: var(--color-primary);
		transition: var(--ease-in)
	}
	.navbar-wrapper .navbar-area>ul>li {
		padding: 10px 5px;
	}
	.navbar-wrapper.active {
		transform: translateY(0px);
		opacity: 1;
		visibility: visible;
		z-index: 999
	}
	.navbar-wrapper.active:after {
		width: 100%
	}
	.main-header.techno-header .main-header-wrapper .header-logo {
		width: auto;
		padding: 0px
	}
	.main-header.techno-header .main-header-wrapper .header-logo a {
		position: relative;
		padding: 15px 25px
	}
}

@media screen and (max-width: 991px) {
	.header-logo a svg, .header-logo a img {
		max-width: 160px
	}
	.sign-wrapper {
		position: relative
	}
	.sign-wrapper .sign-bar {
		display: block
	}
	.sign-wrapper .sign-option {
		position: absolute;
		top: calc(100% + 40px);
		right: 0;
		padding: 25px;
		background-color: var(--bg-primary);
		min-width: 250px;
		display: flex;
		flex-direction: column;
		transform: translateY(50px);
		visibility: hidden;
		opacity: 0;
		transition: var(--ease-in);
		box-shadow: var(--dropdown-shadow)
	}
	.sign-wrapper .sign-option:after {
		position: absolute;
		content: "";
		top: -7px;
		right: 3px;
		height: 15px;
		width: 15px;
		background-color: var(--bg-primary);
		transform: rotate(-45deg)
	}
	.sign-wrapper .sign-option button:nth-child(1) {
		margin-bottom: 20px
	}
	.sign-wrapper .sign-option.active {
		transform: translateY(0px);
		visibility: visible;
		opacity: 1;
		z-index: 999
	}
	.toggle-bar1 {
		margin-left: 10px
	}
}

@media screen and (max-width: 767px) {
	.container-md {
		max-width: 100% !important;
		padding: 0px 45px
	}
	.header-logo {
		order: 1
	}
	.options-area {
		order: 2
	}
	.navbar-wrapper {
		order: 3
	}
	.navbar-area {
		padding-top: 25px
	}
	.header-area.techvolt-header .main-header {
		background-color: var(--bg-primary)
	}
	.header-area.techvolt-header .main-header .main-header-wrapper {
		background-color: rgba(0, 0, 0, 0);
		box-shadow: none
	}
	.main-header.techno-header .main-header-wrapper {
		padding-right: 0px
	}
	.main-header.techno-header .main-header-wrapper.position-unset {
		position: unset
	}
	.main-header.techno-header .main-header-wrapper .header-logo {
		padding: 0px
	}
	.main-header.techno-header .main-header-wrapper .header-logo a {
		position: relative
	}
}

@media screen and (max-width: 575px) {
	.container-md {
		padding: 0px 15px
	}
	.dark-light {
		margin: 0px;
	}
	.Search-popup .Search-icon {
		margin: 0px;
	}
	.sign-bar {
		margin: 0px;
		margin-right: 10px
	}
	.toggle-bar1 {
		margin-left: 0px;
		width: 30px
	}
	.header-logo a svg, .header-logo a img {
		max-width: 150px
	}
	.header-area.techvolt-header .main-header-wrapper .header-logo a {
		padding: 15px
	}
	.header-area.techvolt-header .main-header-wrapper .header-logo a svg,
		.header-area.techvolt-header .main-header-wrapper .header-logo a img {
		max-width: 120px;
		height: auto
	}
}

@media screen and (max-width: 400px) {
	.header-wrapper .header-social {
		/*         display: none */
		
	}
	.header-area.techvolt-header .main-header-wrapper .header-logo a svg,
		.header-area.techvolt-header .main-header-wrapper .header-logo a img {
		max-width: 85px;
		height: auto
	}
}

@media screen and (max-width: 349px) {
	.bnr-lft-title .news-heading {
		padding: 15px 30px 15px 10px
	}
	.header-logo a svg, .header-logo a img {
		max-width: 100px;
		height: auto
	}
	.mega-dropdown .mega-tab-content {
		padding: 25px 35px 25px 0px !important
	}
	.mega-menu-wrapper .owl-nav {
		right: -30px !important
	}
	.sign-wrapper {
		position: unset
	}
	.sign-wrapper .sign-option {
		top: 100%;
		right: 15px;
		padding: 15px;
		min-width: 160px
	}
	.sign-wrapper .sign-option button {
		padding: 10px
	}
	.sign-wrapper .sign-option button:nth-child(1) {
		margin-bottom: 0px
	}
}

.navbar-area>ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.navbar-area>ul>li {
	padding: 5px 2px;
	text-align: center;
	font-size: 20px;
}

.navbar-area>ul>li>a {
	padding: 5px 15px
}

.navbar-area ul li a {
/* 	display: block; */
	font-size: var(--nav-font);
	font-weight: var(--regular);
	color: #282727;
}

.navbar-area ul>li a {
	position: relative;
	z-index: 2;
}

.navbar-area ul>li a:active {
	color: #000000;
	font-weight: bold;
}

/* .navbar-area ul>li a:hover {
	color: #fff;
	font-weight: bold;
}

.navbar-area ul>li i:hover {
	color: #fff;
	font-weight: bold;
} */

/* .navbar-area li a.active {
	background-color: #635ae7;
	border-radius: 7px;
}

.navbar-area li a:hover {
	background-color: #635ae7;
	border-radius: 7px;
} */

/* .navbar-area li a.active span {
	color: #ffffff;
	font-weight: bold;
}

.navbar-area li a.active i {
	color: #ffffff;
} */


.navbar-area li a{
  position: relative;
}
.navbar-area li a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  background: linear-gradient(45deg, #134c77, #0d67b6);
  height: 2px;
  margin-bottom: -2px;
  transition: width 0.5s;
}

.navbar-area li a:hover:after {
  width: 100%;
}

.navbar-area li a.active i{
	background:  linear-gradient(45deg, #134c77, #0d67b6);;
	color: white;
	border-radius: 5px;
}

.navbar-area li a.active{
	color: #0d67b6;
	font-weight: bold;
}




.navbar-area ul>li a .drop-icon {
	display: none
}

@media screen and (min-width: 766px) {
	.dropdown ul {
		display: block !important
	}
	.mega-dropdown .mega-menu {
		display: block !important
	}
}

@media screen and (max-width: 767px) {
	.icon-hidden-md {
		display: none
	}
	.navbar-wrapper .navbar-area {
		overflow-y: auto;
		max-height: calc(100vh - 159px);
		padding-bottom: 25px
	}
	.navbar-wrapper .navbar-area>ul {
		align-items: flex-start;
		flex-direction: column;
		padding: 0px 15px
	}
	.navbar-wrapper .navbar-area>ul>li {
		padding: 5px 0px;
		border-top: var(--border);
		width: 100%
	}
	.navbar-wrapper .navbar-area>ul>li:first-child {
		border-top: none
	}
	.navbar-wrapper .navbar-area>ul>li ul li.active {
		border-color: rgba(0, 0, 0, 0)
	}
	.navbar-wrapper .navbar-area>ul>li ul li a {
		display: flex;
		align-items: center;
		justify-content: space-between
	}
	.navbar-wrapper .navbar-area>ul>li ul li a.active .drop-icon span {
		transform: translate(-50%, -50%) rotate(90deg);
		color: var(--color-primary)
	}
	.navbar-wrapper .navbar-area>ul>li ul li a .drop-icon {
		display: inline-block;
		height: 18px;
		width: 18px;
		position: relative;
		margin-left: 10px
	}
	.navbar-wrapper .navbar-area>ul>li ul li a .drop-icon span {
		position: absolute;
		font-size: 18px;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		color: var(--nav-color);
		transition: var(--ease-in)
	}
	.navbar-wrapper .navbar-area>ul>li ul li ul {
		opacity: 1 !important;
		visibility: visible !important;
		transform: translateY(0px) !important;
		left: 0
	}
	.navbar-wrapper .navbar-area>ul>li>a {
		/*         display: flex; */
		align-items: center;
		 justify-content: flex-start;
	}
	.navbar-wrapper .navbar-area>ul>li>a .drop-icon {
		display: inline-block;
		height: 18px;
		width: 18px;
		position: relative;
		margin-left: 10px
	}
	.navbar-wrapper .navbar-area>ul>li>a .drop-icon span {
		position: absolute;
		font-size: 18px;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		color: var(--nav-color);
		transition: var(--ease-in)
	}
	.navbar-wrapper .navbar-area>ul>li>a.active .drop-icon span {
		transform: translate(-50%, -50%) rotate(90deg);
		color: var(--color-primary)
	}
}

@media screen and (max-width: 575px) {
	.navbar-wrapper .navbar-area {
		overflow-y: auto;
		max-height: calc(100vh - 32vh);
		padding-bottom: 25px
	}
}

@media ( min-width : 766px)and (max-width: 1400px) {
	.dropdown ul li ul {
		left: -100% !important
	}
}

@media ( min-width : 766px)and (max-width: 991px) {
	.dropdown ul {
		min-width: 220px !important;
		left: -50% !important
	}
	.dropdown ul li ul {
		width: 100%
	}
}

.dropdown {
	position: relative
}

.dropdown ul {
	position: absolute;
	top: 100%;
	left: 0;
	background-color: var(--menu-bg);
	min-width: 250px;
	box-shadow: var(--dropdown-shadow);
	padding: 10px 0px;
	transform: translateY(50px);
	opacity: 0;
	visibility: hidden;
	z-index: -99;
	transition: var(--ease-in)
}

.dropdown ul li {
	position: relative;
	padding: 15px 35px;
	border-bottom: .3px solid var(--border-color);
	transition: var(--ease-in)
}

.dropdown ul li ul {
	left: 100%;
	top: 0;
	transform: translateY(20px) !important;
	opacity: 0 !important;
	visibility: hidden !important
}

.dropdown ul li:hover ul {
	transform: translateY(0px) !important;
	opacity: 1 !important;
	visibility: visible !important
}

.dropdown ul li a {
	transition: var(--ease-in)
}

.dropdown ul li a i {
	top: 0;
	left: 100%
}

.dropdown ul li:last-child {
	border-bottom: none
}

.dropdown ul li:hover {
	border-color: var(--color-primary)
}

.dropdown ul li:hover>a {
	padding-left: 5px;
	color: var(--color-primary)
}

.dropdown:hover ul {
	transform: translateY(0px);
	opacity: 1;
	visibility: visible;
	z-index: 99
}

@media screen and (max-width: 767px) {
	.dropdown a i {
		display: none
	}
	.dropdown a.active {
		color: var(--color-primary)
	}
	.dropdown a.active .drop-icon span {
		color: var(--color-primary) !important
	}
	.dropdown ul {
		position: relative;
		top: unset;
		left: unset;
		transform: translateY(0px);
		opacity: 1;
		visibility: visible;
		z-index: 99;
		display: none;
		transition: 0s;
		background-color: rgba(0, 0, 0, 0);
		box-shadow: none;
		padding-left: 25px;
		padding-bottom: 0px
	}
	.dropdown ul li {
		padding: 15px 0px
	}
	.dropdown:hover ul {
		transform: translateY(0px);
		opacity: 1;
		visibility: visible;
		z-index: 99
	}
	.dropdown.active {
		padding-bottom: 0px !important
	}
}

.mega-list-wrapper {
	display: flex;
	justify-content: space-between;
	padding: 50px
}

.mega-list-wrapper .mega-menu-list {
	width: 20%;
	margin: 0px 15px
}

.mega-list-wrapper .mega-menu-list:last-child {
	border-bottom: none
}

.mega-list-wrapper .mega-menu-list h5 {
	margin-bottom: 15px;
	transition: var(--ease-in)
}

.mega-list-wrapper .mega-menu-list ul {
	padding-left: 15px
}

.mega-list-wrapper .mega-menu-list ul li a {
	padding: 15px 0px;
	border-bottom: var(--border);
	transition: var(--ease-in);
	display: inline-block
}

.mega-list-wrapper .mega-menu-list ul li:hover a {
	color: var(--color-secondary);
	border-color: var(--color-primary);
	padding-left: 5px
}

.mega-list-wrapper .mega-menu-list ul li:last-child a {
	border-bottom: 0px
}

.mega-list-wrapper .mega-menu-list:hover h5 {
	color: var(--color-primary)
}

.drop-icons .drop-icon {
	display: none
}

@media screen and (max-width: 1199px) {
	.mega-list-wrapper {
		padding: 25px;
		flex-wrap: wrap;
		justify-content: flex-start
	}
	.mega-list-wrapper .mega-menu-list {
		width: 210px;
		margin: 25px 15px
	}
}

@media screen and (max-width: 767px) {
	.mega-list-wrapper {
		padding: 15px 0px
	}
	.mega-list-wrapper .mega-menu-list {
		width: 100%;
		margin: 0px 25px;
		padding: 15px 0px;
		border-bottom: var(--border);
		transition: .4s ease
	}
	.mega-list-wrapper .mega-menu-list:hover h5 {
		color: var(--color-secondary)
	}
	.mega-list-wrapper .mega-menu-list h5 {
		cursor: pointer
	}
	.mega-list-wrapper .mega-menu-list h5:hover {
		color: var(--color-primary) !important
	}
	.mega-list-wrapper .mega-menu-list h5:hover .drop-icon span {
		transition: .2s ease;
		color: var(--color-primary) !important
	}
	.mega-list-wrapper .mega-menu-list .drop-icon {
		display: inline-block;
		height: 18px;
		width: 18px;
		position: relative;
		margin-left: 10px
	}
	.mega-list-wrapper .mega-menu-list .drop-icon span {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		color: var(--nav-color);
		transition: var(--ease-in);
		font-size: 15px
	}
	.mega-list-wrapper .mega-menu-list .drop-icons {
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-size: 16px;
		margin-bottom: 0px;
		font-weight: var(--regular);
		color: var(--nav-color)
	}
	.mega-list-wrapper .mega-menu-list .drop-icons:before,
		.mega-list-wrapper .mega-menu-list .drop-icons:after {
		display: none
	}
	.mega-list-wrapper .mega-menu-list .drop-icons:hover {
		color: var(--nav-color)
	}
	.mega-list-wrapper .mega-menu-list .drop-icons.active {
		color: var(--color-primary)
	}
	.mega-list-wrapper .mega-menu-list .drop-icons.active .drop-icon span {
		color: var(--color-primary);
		transform: translate(-50%, -50%) rotate(90deg)
	}
	.mega-list-wrapper .mega-menu-list ul {
		display: none;
		margin-top: 15px
	}
	.mega-list-wrapper .mega-menu-list ul li a {
		display: block
	}
	.mega-list-wrapper .mega-menu-list.active {
		padding-bottom: 0px
	}
}

.mega-dropdown .mega-menu {
	position: absolute;
	top: 100%;
	left: 50%;
	width: var(--container);
	padding: 0px 10px;
	transform: translateX(-50%);
	clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
	transition: var(--ease-6ms);
	opacity: 0;
	z-index: 99
}

.mega-dropdown .mega-fullwidth {
	width: 100%;
	padding: 0px
}

.mega-dropdown .mega-menu-wrapper {
	background-color: var(--menu-bg);
	box-shadow: var(--dropdown-shadow)
}

.mega-dropdown .mega-tab-content {
	overflow: hidden;
	width: calc(100% - 280px);
	padding: 25px 60px 25px 0px
}

.mega-dropdown:hover .mega-menu {
	clip-path: polygon(0 0, 120% 0, 120% 120%, 0% 120%);
	opacity: 1
}

.mega-tab-menu {
	min-width: 250px;
	margin-right: 30px;
	padding: 35px 0px 50px;
	box-shadow: var(--shadow-right);
	-webkit-box-shadow: var(--shadow-right);
	-moz-box-shadow: var(--shadow-right);
	height: 100%
}

.mega-tab-menu h4 {
	padding: 0px 10px 10px 35px
}

.mega-tab-menu .nav a {
	padding: 15px 35px;
	display: block;
	border-bottom: var(--border);
	transition: var(--ease-in);
	position: relative;
	z-index: 1
}

.mega-tab-menu .nav a:after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	transform: scaleY(0);
	z-index: -1;
	background-color: var(--color-primary);
	transform-origin: left top;
	transition: var(--ease-in);
	opacity: 0
}

.mega-tab-menu .nav a:last-child {
	border: none
}

.mega-tab-menu .nav a:hover, .mega-tab-menu .nav a.active {
	padding-left: 45px;
	color: var(--white)
}

.mega-tab-menu .nav a:hover:after, .mega-tab-menu .nav a.active:after {
	transform: scaleY(1);
	opacity: .9
}

.carousel-single-cart {
	margin: 0px 10px
}

.carousel-single-cart .carousel-card-img {
	width: 100%;
	margin-bottom: 25px
}

.carousel-single-cart .carousel-card-img img {
	width: 100%
}

.carousel-single-cart .carousel-card-content .post-date-time {
	padding-bottom: 10px
}

.carousel-single-cart .carousel-card-content .post-date-time span {
	font-size: var(--text-13);
	display: inline-block
}

.carousel-single-cart .carousel-card-content .post-date-time span:nth-child(1)
	{
	padding-right: 30px
}

.mega-menu-wrapper .owl-nav {
	height: 100%;
	position: absolute;
	right: -40px;
	top: 0;
	display: flex;
	flex-direction: column-reverse;
	justify-content: center
}

.mega-menu-wrapper .owl-nav .owl-prev, .mega-menu-wrapper .owl-nav .owl-next
	{
	position: relative;
	height: 40px;
	width: 25px;
	visibility: hidden
}

.mega-menu-wrapper .owl-nav .owl-prev:after, .mega-menu-wrapper .owl-nav .owl-next:after
	{
	position: absolute;
	font-family: IcoFont;
	top: 50%;
	left: 0;
	color: var(--color-primary);
	visibility: visible;
	font-size: 25px;
	transform: translateY(-50%);
	height: 100%;
	width: 100%;
	border: 1px solid var(--border-color);
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 3px;
	border-radius: 3px;
	transition: var(--ease-in)
}

.mega-menu-wrapper .owl-nav .owl-prev.disabled, .mega-menu-wrapper .owl-nav .owl-next.disabled
	{
	cursor: no-drop;
	opacity: .5
}

.mega-menu-wrapper .owl-nav .owl-prev.disabled:hover:after,
	.mega-menu-wrapper .owl-nav .owl-next.disabled:hover:after {
	background-color: rgba(0, 0, 0, 0);
	color: var(--color-primary);
	opacity: .5
}

.mega-menu-wrapper .owl-nav .owl-prev:hover, .mega-menu-wrapper .owl-nav .owl-next:hover
	{
	opacity: 1
}

.mega-menu-wrapper .owl-nav .owl-prev:hover:after, .mega-menu-wrapper .owl-nav .owl-next:hover:after
	{
	background-color: var(--color-primary);
	color: var(--color-white)
}

.mega-menu-wrapper .owl-nav .owl-next {
	margin-bottom: 15px
}

.mega-menu-wrapper .owl-nav .owl-next:after {
	content: "?"
}

.mega-menu-wrapper .owl-nav .owl-prev:after {
	content: "?"
}

.mega-menu-wrapper .megamenu-owl-wrapper .owl-item .carousel-single-cart .carousel-card-img
	{
	clip-path: polygon(0 0, 100% 0%, 100% 0, 0 0);
	transition: .8s ease
}

.mega-menu-wrapper .megamenu-owl-wrapper .owl-item .carousel-single-cart .post-date-time,
	.mega-menu-wrapper .megamenu-owl-wrapper .owl-item .carousel-single-cart h4
	{
	transform: translateY(100px);
	opacity: 0;
	transition: .6s ease
}

.mega-menu-wrapper .megamenu-owl-wrapper .owl-item .carousel-single-cart .post-date-time
	{
	transition-delay: .4s
}

.mega-menu-wrapper .megamenu-owl-wrapper .owl-item .carousel-single-cart h4
	{
	transition-delay: .5s
}

.mega-menu-wrapper .megamenu-owl-wrapper .owl-item .owl-nav {
	transform: translateX(100px);
	opacity: 0;
	transition-delay: .6s;
	transition: .6s ease
}

.mega-menu-wrapper .megamenu-owl-wrapper .owl-item.active .carousel-single-cart .carousel-card-img
	{
	clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%)
}

.mega-menu-wrapper .megamenu-owl-wrapper .owl-item.active .carousel-single-cart .post-date-time
	{
	transform: translateY(0px)
}

.mega-menu-wrapper .megamenu-owl-wrapper .owl-item.active .carousel-single-cart .post-date-time,
	.mega-menu-wrapper .megamenu-owl-wrapper .owl-item.active .carousel-single-cart h4
	{
	transform: translateY(0px);
	opacity: 1
}

.mega-menu-wrapper .megamenu-owl-wrapper .owl-item.active .owl-nav {
	transform: translateX(0px);
	opacity: 1
}

@media screen and (max-width: 1400px) {
	.mega-dropdown .mega-menu {
		border-top: 1px solid var(--border-color);
		width: 100%;
		padding: 0px;
		max-height: 400px;
		overflow-y: auto;
		box-shadow: var(--dropdown-shadow)
	}
}

@media screen and (max-width: 767px) {
	.mega-dropdown {
		transition: .2s ease
	}
	.mega-dropdown a i {
		display: none
	}
	.mega-dropdown .mega-menu {
		position: relative;
		top: unset;
		left: unset;
		padding: 0px 15px;
		transform: unset;
		clip-path: unset;
		transition: 0s;
		opacity: 1;
		display: none;
		max-height: 100%;
		box-shadow: none;
		padding: 0;
		border-top: none
	}
	.mega-dropdown .mega-menu .mega-menu-wrapper {
		background-color: rgba(0, 0, 0, 0);
		box-shadow: none;
		flex-wrap: wrap
	}
	.mega-dropdown.active {
		padding-bottom: 0px !important
	}
	.mega-dropdown .mega-tab-content {
		width: 100%;
		padding: 25px 60px 25px 0px
	}
	.mega-tab-menu {
		min-width: auto;
		margin-right: 15px;
		padding: 25px 0px 0px;
		flex: 1;
		box-shadow: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none
	}
	.mega-tab-menu .flex-column {
		flex-direction: row !important;
		flex-wrap: wrap
	}
	.mega-tab-menu .nav a {
		margin: 5px;
		border-bottom: none
	}
	.mega-tab-menu h4 {
		display: none
	}
	.mega-tab-menu .nav a {
		padding: 15px
	}
	.mega-tab-menu .nav a.active, .mega-tab-menu .nav a:hover {
		padding-left: 15px
	}
}

.header-top-area.gymVolt-topHdr .social-icon li {
	border: 1px solid var(--color-primary)
}

.header-top-area.gymVolt-topHdr .social-icon li a i {
	color: var(--color-primary)
}

.main-header.gymVolt-header .main-header-wrapper {
	background-color: var(--gym-header-bg);
	padding-right: 30px;
	position: relative
}

.main-header.gymVolt-header .header-logo {
	background-color: var(--color-primary);
	padding: 34px 50px;
	clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%)
}

.main-header.gymVolt-header .header-logo a svg path {
	fill: var(--white)
}

.main-header.gymVolt-header .dark-light i {
	color: var(--color-white)
}

.main-header.gymVolt-header .Search-popup .Search-icon {
	margin: 0px 25px 0px 15px
}

.main-header.gymVolt-header .Search-popup .Search-icon i {
	color: var(--color-primary)
}

.main-header.gymVolt-header .sign-option .sign-in-click {
	background-color: var(--color-primary);
	color: var(--white);
	border: 1px solid var(--color-primary);
	padding: 18px 30px
}

.main-header.gymVolt-header .sign-option .sign-in-click:hover {
	background-color: rgba(0, 0, 0, 0);
	color: var(--color-primary)
}

.main-header.gymVolt-header .sign-option .sign-up-click {
	display: none
}

.main-header.gymVolt-header .toggle-bar1 span, .main-header.gymVolt-header .toggle-bar1::after,
	.main-header.gymVolt-header .toggle-bar1::before {
	background-color: var(--color-white)
}

.main-header.gymVolt-header .toggle-bar1.active span, .main-header.gymVolt-header .toggle-bar1.active::after,
	.main-header.gymVolt-header .toggle-bar1.active::before {
	background-color: var(--color-primary)
}

@media screen and (min-width: 767px) {
	.main-header.gymVolt-header .navbar-area>ul>li:hover>a {
		color: var(--color-primary)
	}
	.main-header.gymVolt-header .navbar-area>ul>li:hover>a i {
		color: var(--color-primary)
	}
	.main-header.gymVolt-header .navbar-area>ul>li>a {
		color: var(--white)
	}
	.main-header.gymVolt-header .navbar-area>ul>li>a i {
		font-size: 20px;
		font-weight: 900
	}
}

@media screen and (max-width: 1400px) {
	.main-header.gymVolt-header {
		padding: 0
	}
	.main-header.gymVolt-header .Search-popup .Search-icon {
		margin: 0px 30px 0px 10px
	}
}

@media ( min-width : 767px)and (max-width: 1400px) {
	.main-header.gymVolt-header .navbar-wrapper {
		background-color: var(--gym-header-bg)
	}
}

@media screen and (max-width: 1199px) {
	.main-header.gymVolt-header .header-logo {
		padding: 15px 50px
	}
}

@media screen and (max-width: 991px) {
	.main-header.gymVolt-header .sign-bar i {
		color: var(--color-primary)
	}
	.main-header.gymVolt-header .sign-option .sign-in-click {
		margin-bottom: 0
	}
	.main-header.gymVolt-header .Search-popup .Search-icon {
		margin: 0px 10px
	}
}

@media screen and (max-width: 767px) {
	.main-header.gymVolt-header .main-header-wrapper {
		padding-right: 20px
	}
	.main-header.gymVolt-header .header-logo {
		padding: 15px 30px 15px 20px
	}
	.main-header.gymVolt-header .header-logo a img, .main-header.gymVolt-header .header-logo a svg
		{
		max-width: 110px;
		max-height: 30px
	}
}

.foodVolt-header {
	display: none
}

.logo-anchor {
	display: flex;
	align-items: center;
	text-decoration: none !important;
}

span.msub {
	display: block;
}

.foodvolt-middle-header {
	background-color: var(--bg-primary);
	padding: 30px 0px
}

.foodvolt-header-wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 0px 40px
}

.foodvolt-header-search {
	position: relative;
	width: 368px
}

.foodvolt-header-search:focus-within input {
	border-color: var(--color-primary)
}

.foodvolt-header-search input {
	width: 100%;
	height: 52px;
	background: var(--menu-bg);
	border: .5px solid var(--sub-title);
	padding: 15px 15px 15px 73px;
	transition: all .3s ease
}

.foodvolt-header-search button {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 30px;
	transition: all .3s ease
}

[data-theme=dark] .foodvolt-header-search {
	position: relative;
	width: 368px
}

[data-theme=dark] .foodvolt-header-search input {
	border: .5px solid var(--border-color)
}

.foodvolt-header-logo {
	max-width: 190px;
	width: 100%
}

.foodvolt-header-logo svg {
	max-width: 100%;
	max-height: 100%
}

[data-theme=dark] .foodvolt-header-logo svg path {
	fill: var(--white)
}

[data-theme=dark] .foodvolt-header-logo svg .power {
	fill: var(--color-primary)
}

.foodvolt-header-right {
	display: flex;
	align-items: center;
	gap: 10px
}

.foodvolt-header-right .date {
	display: flex;
	align-items: center;
	gap: 8px
}

.foodvolt-header-right .date span {
	font-weight: 400;
	font-size: 16px;
	line-height: 19px;
	color: var(--text-unic)
}

.foodvolt-header-right .sign-up-click {
	display: none
}

.foodvolt-header-right .sign-in-click {
	background-color: var(--color-primary);
	color: var(--white);
	border: 1px solid var(--color-primary);
	padding: 18px 40px !important
}

.foodvolt-header-right .sign-in-click:hover {
	background-color: rgba(0, 0, 0, 0);
	color: var(--color-primary)
}

.foodvolt-header-menu {
	position: relative
}

@media screen and (min-width: 767px) {
	.foodvolt-header-menu .navbar-area>ul>li {
		padding: 20px 15px
	}
	.foodvolt-header-menu .navbar-area>ul>li a {
		color: var(--color-secondary)
	}
	.foodvolt-header-menu .navbar-area>ul>li a i {
		color: var(--color-secondary);
		font-size: 20px;
		font-weight: 900;
		margin-top: -5px
	}
	.foodvolt-header-menu .navbar-area>ul>li:hover>a {
		color: var(--color-primary)
	}
	.foodvolt-header-menu .navbar-area>ul>li:hover>a i {
		color: var(--color-primary)
	}
}

@media ( min-width : 767px)and (max-width: 1400px) {
	.foodvolt-header-menu {
		background-color: rgba(0, 0, 0, 0);
		z-index: 99
	}
	.foodvolt-header-menu .navbar-wrapper {
		position: unset;
		opacity: 1;
		visibility: visible;
		transform: translate(0);
		background-color: rgba(0, 0, 0, 0)
	}
	.foodVolt-header .toggle-bar1 {
		display: none
	}
	.foodVolt-header .sign-bar {
		margin-right: 0
	}
}

@media screen and (max-width: 1199px) {
	.foodvolt-header-search {
		width: 300px
	}
	.foodvolt-header-search input {
		padding: 15px 15px 15px 50px
	}
	.foodvolt-header-search button {
		left: 20px
	}
	.foodvolt-header-logo {
		max-width: 140px
	}
	.foodvolt-header-right {
		gap: 20px
	}
}

@media screen and (max-width: 991px) {
	.foodvolt-middle-header {
		display: none
	}
	.foodVolt-header {
		display: block;
		background-color: var(--bg-primary);
		padding: 0px 0px
	}
	.foodVolt-header .main-header-wrapper {
		padding: 10px 40px
	}
	.foodVolt-header .header-logo {
		padding: 0px 0px
	}
	.foodVolt-header .header-logo a svg .power {
		fill: var(--color-primary)
	}
	.foodVolt-header .sign-up-click {
		display: none
	}
	.foodVolt-header .sign-in-click {
		background-color: var(--color-primary);
		color: var(--white);
		border: 1px solid var(--color-primary);
		padding: 18px 40px !important;
		margin-bottom: 0 !important
	}
	.foodVolt-header .sign-in-click:hover {
		background-color: rgba(0, 0, 0, 0);
		color: var(--color-primary)
	}
}

@media screen and (max-width: 575px) {
	.foodVolt-header .main-header-wrapper {
		padding: 10px 0
	}
	.foodVolt-header .header-logo {
		max-width: 130px
	}
	.foodVolt-header .header-logo svg {
		max-width: 100%;
		max-height: 100%
	}
}

.main-footer {
	background-color: var(--search-bg);
	padding: 25px 0px 12px 0px;
}

.main-footer.transparent-bg {
	background-color: rgba(0, 0, 0, 0)
}

.main-footer .title-line-shape {
	margin-bottom: 20px;
	transition: var(--ease-in);
	color: #fff;
	    font-size: 24px;
}

.main-footer .ftr-category ul li a, .main-footer .ftr-link ul li a {
	padding: 10px 15px;
	color: #ffffff;
	transition: var(--ease-in);
	display: block
}

.main-footer .ftr-category ul li a:hover, .main-footer .ftr-link ul li a:hover
	{
	padding-left: 20px;
	color: #aac8f1
}

.main-footer .ftr-link ul li a {
	padding-left: 0px
}

.main-footer .ftr-link ul li a:hover {
	padding-left: 5px
}

.main-footer.bg-footer {
	background-image: url(../../../assets/img/ftr-bg.html);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center
}

.main-footer.bg-footer .ftr-drpt .footer-logo a svg path#theme-red {
	fill: var(--color-primary)
}

.ftr-drpt {
	max-width: 480px
}

.ftr-drpt .footer-logo {
	margin-bottom: 30px;
	text-align: center;
}

.ftr-drpt .footer-logo a svg, .ftr-drpt .footer-logo a img {
	width: 30%;
	background: #ffffff;
	border-radius: 5px;
	padding: 5px;
}

.ftr-drpt .footer-logo a svg path {
	fill: var(--color-secondary)
}

.ftr-drpt .footer-logo a svg path#logo-theme {
	fill: var(--color-primary)
}

.ftr-drpt p {
	color: #ffffff;
	font-weight: bold;
	margin-top: 10px;
    margin-left: 10px;
    text-align: left;
}

.footer-social h6 {
	font-size: 16px;
	padding-bottom: 20px
}

.ftr-category .ftr-category-menu {
	display: flex
}

.ftr-category .ftr-category-menu ul {
	min-width: 130px
}

.ftr-category .ftr-category-menu ul:nth-child(1) {
	padding-right: 25px
}

.footer-area .ftr-contact p {
	color: #ffffff;
	padding-bottom: 10px
}

.ftr-contact p {
	color: #000;
	padding-bottom: 10px
}

.ftr-contact a {
	font-weight: bold;
	color: #000;
}

.ftr-contact p span {
	display: block;
	padding-top: 10px
}

.ftr-contact p:last-child {
	padding-bottom: 0px;
}

.counter-item.copyright-item {
	text-align: left;
	color: #fff;
	margin-top: 10px;
}
@media only screen and (max-width: 1405px) and (min-width: 1399px) {
footer .btn {
    padding: 10px 5px;
}
    .main-footer .ftr-category ul li a, .main-footer .ftr-link ul li a {
        padding: 10px 8px;
        font-size: 14px;
    }
}
@media screen and (max-width: 1400px) {
.ftr-drpt .footer-logo a svg, .ftr-drpt .footer-logo a img {
	width: 40%;
}
}
@media screen and (max-width: 1199px) {
	.ftr-drpt {
		margin: 0 auto;
		text-align: center
	}
	.ftr-drpt .footer-logo {
		margin-bottom: 20px
	}
	.footer-social {
		display: flex;
		flex-direction: column;
		align-items: center
	}
}

@media screen and (max-width: 991px) {
	.ftr-drpt .footer-logo a svg, .ftr-drpt .footer-logo a img {
        width: 10%;
    }
	.ftr-category-menu {
		flex-direction: column
	}
}

@media screen and (max-width: 767px) {
	
	.main-footer {
		padding: 50px 0px
	}
	.main-footer .title-line-shape {
		margin-bottom: 15px
	}
	.ftr-dtls .ftr-dtls-wrapper {
		flex-direction: column
	}
	.ftr-dtls .ftr-dtls-wrapper p {
		padding-bottom: 10px
	}
	.ftr-dtls .ftr-dtls-wrapper ul li:nth-child(1) {
		padding-left: 0px
	}
}

.footer-area .footer-main {
	background-color: #f7f7f7;
	margin: 0px auto -175px;
	max-width: 1555px;
	padding: 152px 0 80px;
	position: relative;
	z-index: 1;
	transform: translate(0, -240px);
	-webkit-transform: translate(0, -240px);
	-moz-transform: translate(0, -240px);
	-ms-transform: translate(0, -240px);
	-o-transform: translate(0, -240px);
}

.main-footer {
	overflow: hidden;
	position: relative
}

.ftr-bg {
	position: absolute;
	bottom: -50px;
	left: 0;
	z-index: -1
}

.ftr-bg img, .ftr-bg svg {
	max-width: 100%;
	max-height: 100%
}

.ftr-bg svg path {
	fill: var(--bg-primary)
}

ul.round-shape li {
	width: 50%;
	float: left;
}

.ftr-contact p i {
	padding-right: 10px;
	font-size: 18px;
}

@media screen and (max-width: 1350px) {
	.ftr-bg {
		bottom: -80px
	}
}

@media screen and (max-width: 1199px) {
	.contact-rgt-cnt .footer-social {
		align-items: flex-start
	}
}

@media screen and (max-width: 991px) {
	.contact-area .contact-two-wrapper {
		padding: 50px;
		grid-gap: 30px
	}
	.contact-area .contact-rgt-cnt {
		padding: 50px 35px
	}
	.contact-rgt-cnt .footer-social {
		margin-top: 35px !important
	}
}

@media screen and (max-width: 767px) {
	.contact-area .contact-two-wrapper {
		padding: 50px 25px;
		grid-gap: 50px;
		grid-template-columns: 1fr
	}
	.ftr-bg svg {
		max-width: 180%
	}
}

@media screen and (max-width: 575px) {
	.ftr-drpt .footer-logo a svg, .ftr-drpt .footer-logo a img {
        width: 20%;
    }
	.checkbox-group.cbox-red {
		margin-bottom: 30px
	}
	.checkbox-group.cbox-red .checked-content {
		font-size: 10px
	}
	.ftr-bg {
		display: none
	}
}

.ftr-dtls {
	padding: 15px 0px
}

.ftr-dtls .ftr-dtls-wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.ftr-dtls .ftr-dtls-wrapper p {
	color: var(--white)
}

.ftr-dtls .ftr-dtls-wrapper ul {
	display: flex;
	align-items: center
}

.ftr-dtls .ftr-dtls-wrapper ul li {
	padding: 0px 15px
}

.ftr-dtls .ftr-dtls-wrapper ul li a {
	color: var(--white)
}

.gym-footer .main-footer.bg-footer {
	position: relative;
	z-index: 1
}

.gym-footer .main-footer.bg-footer::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background-color: var(--gym-header-bg);
	opacity: .9;
	top: 0;
	left: 0;
	z-index: -1
}

.gym-footer .main-footer .title-line-shape {
	color: var(--color-primary)
}

.gym-footer .main-footer .title-line-shape::before, .gym-footer .main-footer .title-line-shape::after
	{
	display: none
}

.gym-footer .main-footer .ftr-category ul li a, .gym-footer .main-footer .ftr-link ul li a
	{
	color: var(--white)
}

.gym-footer .main-footer .ftr-category ul li a:hover, .gym-footer .main-footer .ftr-link ul li a:hover
	{
	color: var(--color-primary)
}

.gym-footer .ftr-drpt .footer-logo a svg path {
	fill: var(--white)
}

.gym-footer .ftr-drpt .footer-logo a .power {
	fill: var(--color-primary)
}

.gym-footer .ftr-drpt p {
	color: var(--white)
}

.gym-footer .ftr-drpt .footer-social h6 {
	color: var(--white)
}

.gym-footer .ftr-contact p {
	color: var(--white)
}

.gym-footer .theme-bg {
	background-color: var(--menu-bg)
}

.gym-footer .ftr-dtls .ftr-dtls-wrapper p, .gym-footer .ftr-dtls .ftr-dtls-wrapper a
	{
	color: var(--cmr-pro)
}

.foodvolt-footer .main-footer {
	background-size: cover;
	background-position: top left;
	background-repeat: no-repeat;
	position: relative;
	z-index: 1
}

.foodvolt-footer .main-footer::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: var(--bg-primary);
	opacity: .8;
	z-index: -1
}

.foodvolt-footer .main-footer .title-line-shape {
	color: var(--color-primary)
}

.foodvolt-footer .main-footer .title-line-shape::before, .foodvolt-footer .main-footer .title-line-shape::after
	{
	display: none
}

.foodvolt-footer .ftr-dtls {
	background-color: var(--bg-primary)
}

.foodvolt-footer .ftr-dtls .ftr-dtls-wrapper {
	margin: 0 auto
}

.foodvolt-footer .ftr-dtls .ftr-dtls-wrapper p {
	color: var(--color-secondary)
}

.foodvolt-footer .ftr-dtls .ftr-dtls-wrapper ul li a {
	color: var(--color-secondary)
}

.foodvolt-footer .ftr-drpt .footer-logo a svg .power {
	fill: var(--color-primary)
}

[data-theme=dark] .foodvolt-footer .main-footer {
	background-image: url(../img/food-volt/dark-footer-bg.jpg) !important;
	background-position: left center
}

[data-theme=dark] .foodvolt-footer .main-footer::before {
	background-color: var(--body-bg);
	opacity: .7
}

@media screen and (min-width: 1199px) {
	.foodvoldt-order-1 {
		order: 1
	}
	.foodvoldt-order-2 {
		order: 2
	}
	.foodvoldt-order-3 {
		order: 3
	}
	.foodvoldt-order-4 {
		order: 4
	}
	.foodvolt-footer .single-ftr-item {
		margin-top: 30px
	}
	.foodvolt-footer .ftr-drpt {
		text-align: center
	}
	.foodvolt-footer .ftr-drpt .social-icon {
		gap: 20px;
		justify-content: center
	}
	.foodvolt-footer .ftr-drpt .social-icon li {
		margin: 0
	}
}

@media screen and (max-width: 1199px) {
	.foodvolt-footer .main-footer {
		background-size: cover
	}
}

.nvbanner-area {
	padding: 35px 0px
}

.bnr-lft {
	height: 100%
}

.bnr-lft-title {
	margin-bottom: 40px;
	display: flex;
	align-items: center;
	/* background-color: var(--search-bg); */
	border: var(--border);
	background-color: #fbf5ed;
	position: relative;
	overflow: hidden
}

.bnr-lft-title:after {
	position: absolute;
	content: "";
	top: 0;
	right: 0;
	height: 100%;
	width: 2px;
	background-color: #ff8600
}

.bnr-lft-title .news-heading {
	clip-path: polygon(100% 0%, calc(100% - 20px) 50%, 100% 100%, 0 100%, 0%
		50%, 0 0);
	background-color: #085d2f;
	padding: 20px 50px 20px 20px;
	height: 100%
}

.bnr-lft-title .news-heading h5 {
	color: var(--white)
}

.bnr-lft-title .news-slider .elepse {
	max-width: calc(100% - 150px)
}

.bnr-lft-title .news-slider .elepse a {
	display: block;
	font-size: var(--text-16);
	color: var(--color-secondary);
	padding: 10px 10px 10px 0px;
	line-height: 1.3;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.bnr-lft-cnt-rgt {
	height: 100%;
	display: flex;
	justify-content: space-between;
	flex-direction: column
}

.bnr-lft-cnt-rgt .btl-simple-card {
	height: calc(50% - 15px)
}

.bnr-lft-cnt-rgt .btl-simple-card img {
	height: 100%
}

.header-aside {
	height: 100%;
	background-color: #fbfbfb;
	border: 1px solid #fbfbfb;
/* 	padding: 15px 0px 0px; */
	position: relative;
	box-shadow: 0px 3px 10px rgba(60, 55, 125, 0.1);
	border-radius: 10px;
	margin-bottom: 10px;
}

.header-aside h4 {
	padding-left: 30px;
    font-size: 20px;
    margin-bottom: 5px;
    max-height: 45px;
    color: #EEE;
    background: linear-gradient(45deg, #134c77, #0d67b6);
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
        padding: 10px 20px 10px 20px;
}

.single-card-list {
	display: flex;
	align-items: center;
	padding: 19px 32px;
	border-bottom: 1px solid #bfd4ed;
}

.single-card-list:last-child {
	border-bottom: 0px
}

.single-card-list .card-list-cont {
	flex: 1;
	margin-left: 15px
}

.card-list-img {
	height: 80px;
	width: 80px;
	position: relative
}

.card-list-img:after {
	position: absolute;
	top: -14px;
	left: -14px;
	height: 28px;
	width: 28px;
	background: linear-gradient(45deg, #134c77, #0d67b6);
	border-radius: 50%;
	counter-increment: counter;
	content: "0" counter(counter);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	color: #fff
}

.card-list-img img {
	object-fit: cover
}

.card-counting {
	counter-reset: counter;
	overflow: auto;
	max-height: 355px;
}

.card-list-discript {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px
}

.card-list-discript span {
	display: inline-block;
	font-size: 13px;
	line-height: 1.3;
	color: #000;
}

.card-list-discript span:nth-child(1) {
	margin-right: 20px
}

.card-list-heading h6 a {
	font-size: 16px;
	color: #000;
	transition: var(--ease-in)
}

.card-list-heading h6 a:hover {
	color: #0e6a93;
}

.video-card {
	margin-top: 10px;
	padding: 0px 30px;
	position: relative;
	display: inline-block;
	width: 100%
}

.video-card img {
	width: 100%
}

.video-card .video-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.bnr-lft-cnt {
	height: calc(100% - 102px)
}

.bnr-lft-cnt>.row {
	height: 100%
}

@media screen and (max-width: 1350px) {
	.btl-simple-card .btlc-content {
		padding: 15px 20px
	}
	.btlc-content h3 {
		font-size: 20px
	}
	.bnr-lft {
		height: 100%
	}
	.bnr-lft-cnt {
		height: calc(100% - 105px)
	}
	.bnr-lft-cnt .row {
		height: 100%
	}
	.btl-simple-card {
		height: 100%
	}
	.header-aside .video-card {
		margin-top: 25px;
		max-height: 350px;
		overflow: hidden
	}
	.header-aside .video-card img {
		height: 100%;
		object-fit: cover
	}
	.category-list-product h3 {
		font-size: 18px
	}
	.single-list-card .slc-content h4 {
		font-size: 16px !important
	}
	.news-vcard-content h3 {
		font-size: 18px
	}
}

@media screen and (max-width: 1199px) {
	.header-aside {
		margin-top: 50px;
		height: auto
	}
	.card-list {
		display: grid;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		grid-gap: 30px;
		grid-template-columns: 1fr 1fr;
		margin: 0 auto
	}
	.single-card-list:last-child {
		border-bottom: 1px solid var(--border-color)
	}
}

@media screen and (max-width: 767px) {
	.bnr-lft-cnt-rgt {
		display: grid;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		grid-gap: 30px;
		grid-template-columns: 1fr 1fr;
		margin: 0 auto;
		margin-top: 30px
	}
	.bnr-lft-cnt-rgt .btl-simple-card {
		height: 100%;
		width: 100%
	}
	.single-card-list {
		border: none;
		padding: 20px 15px 15px 35px
	}
	.single-card-list:last-child {
		border-bottom: none
	}
	.single-card-list .card-list-cont {
		margin-left: 10px
	}
	.card-list {
		grid-gap: 0px;
		grid-column-gap: 10px;
		grid-template-columns: 1fr
	}
	.header-aside h4 {
		margin-bottom: 20px
	}
}

@media screen and (max-width: 575px) {
	.bnr-lft-cnt-rgt {
		grid-gap: 30px;
		grid-template-columns: 1fr
	}
	.card-list {
		grid-template-columns: 1fr
	}
	.news-slider .elepse {
		overflow: hidden;
		max-width: calc(100% - 170px)
	}
}

.newsupdate-area {
	padding: 35px 0px;
	background: #e4eeef;
}

.news-card-wrapper {
	display: grid;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	grid-gap: 35px;
	grid-template-columns: 1fr 1fr 1fr;
	margin: 0 auto
}

.news-card-wrapper .btl-simple-card {
	height: auto;
	grid-column-start: 2;
	grid-column-end: span 2
}

.ns-card-list {
	padding: 60px 45px;
	background-color: var(--bg-primary);
	border: 1px solid var(--border-color);
	display: grid;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	grid-gap: 50px;
	grid-template-columns: 1fr 1fr 1fr;
	margin: 0 auto;
	margin-top: 40px
}

.nsc-list-single {
	display: flex;
	align-items: center
}

.nsc-list-img {
	height: 75px;
	width: 75px;
	margin-right: 15px
}

.nsc-list-img a img {
	height: 100%;
	width: 100%;
	object-fit: cover
}

.nsc-list-title {
	display: flex;
	align-items: center;
	flex-wrap: wrap
}

.nsc-list-title span {
	font-size: 13px;
	color: var(--color-secondary);
	display: block;
	margin-bottom: 10px
}

.nsc-list-title span:nth-child(1) {
	margin-right: 30px
}

.nsc-list-content {
	flex: 1
}

.nsc-list-content h3 {
	font-size: 16px;
	font-weight: var(--medium);
	line-height: 1.5
}

.nsc-list-content h3 a {
	color: var(--color-secondary);
	transition: var(--ease-in)
}

.nsc-list-content h3 a:hover {
	color: var(--color-primary)
}

.news-vcard-wrapper {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between
}

.news-vcard-wrapper .news-vcard-single {
	margin-bottom: 30px
}

.news-vcard-wrapper .news-vcard-single:last-child {
	margin-bottom: 0px
}

.ns-mini-card {
	display: grid;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	grid-row-gap: 40px;
	grid-template-columns: 1fr;
	margin: 0 auto
}

@media screen and (max-width: 1350px) {
	.ns-card-list {
		padding: 60px 30px;
		grid-gap: 15px
	}
}

@media screen and (max-width: 1199px) {
	.ns-card-list {
		margin-bottom: 50px
	}
	.news-vcard-wrapper {
		display: grid;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		grid-gap: 30px;
		grid-template-columns: 1fr 1fr;
		margin: 0 auto
	}
	.ns-card-list {
		padding: 35px 25px;
		grid-gap: 30px
	}
	.news-vcard-content {
		padding: 25px 15px
	}
}

@media screen and (max-width: 991px) {
	.news-card-wrapper {
		grid-gap: 15px
	}
	.ns-mini-card {
		grid-gap: 15px
	}
	.news-vcard-wrapper {
		grid-gap: 15px;
		grid-template-columns: 1fr 1fr
	}
}

@media screen and (max-width: 767px) {
	.news-card-wrapper {
		grid-gap: 30px;
		grid-template-columns: 1fr
	}
	.news-card-wrapper .btl-simple-card {
		grid-column-start: unset;
		grid-column-end: unset
	}
	.ns-mini-card {
		grid-gap: 30px;
		grid-template-columns: 1fr 1fr
	}
	.ns-card-list {
		grid-template-columns: 1fr 1fr
	}
	.news-vcard-wrapper {
		grid-template-columns: 1fr 1fr
	}
}

@media screen and (max-width: 575px) {
	.ns-mini-card {
		grid-template-columns: 1fr;
		width: 100%
	}
	.ns-card-list {
		grid-template-columns: 1fr
	}
	.news-vcard-wrapper {
		grid-template-columns: 1fr;
		grid-gap: 30px
	}
	.news-vcard-wrapper .news-vcard-single {
		margin-bottom: 0px
	}
}

.weekly-list-item {
	display: grid !important;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	grid-gap: 30px;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	margin: 0 auto
}

.weekly-update-area .title-heading {
	margin-bottom: 30px
}

.weekly-tab-wrapper .nav {
	justify-content: center;
	margin-bottom: 35px
}

.weekly-tab-wrapper .nav li {
	padding: 10px 26px
}

.weekly-tab-wrapper .nav li button {
	font-weight: var(--medium);
	font-size: 20px;
	line-height: 1.2;
	color: var(--color-secondary);
	padding: 0px
}

.weekly-tab-wrapper .nav li button.active {
	color: var(--color-primary)
}

.weekly-tab-wrapper {
	overflow: hidden;
	margin-bottom: 60px
}

.weekly-tab-wrapper .tab-content .tab-pane.active .weekly-list-item .news-vcard-single
	{
	animation: bottom-to-top .8s
}

@keyframes bottom-to-top { 0% {
	opacity: 0;
	transform: translateY(100px)
}

100%
{
opacity
:
1;
transform
:
translateY(
0px
)
}
}
@media screen and (max-width: 1350px) {
	.weekly-tab-wrapper .nav {
		margin-bottom: 25px
	}
	.weekly-tab-wrapper .nav li button {
		font-size: 16px
	}
}

@media screen and (max-width: 991px) {
	.weekly-list-item {
		grid-gap: 30px;
		grid-template-columns: 1fr 1fr
	}
}

@media screen and (max-width: 575px) {
	.weekly-list-item {
		grid-template-columns: 1fr
	}
	.weekly-tab-wrapper .nav li {
		padding: 10px 10px
	}
	.weekly-tab-wrapper .nav li button {
		font-size: 17px
	}
}

@media screen and (max-width: 400px) {
	.title-heading h2 {
		font-size: 23px
	}
	.title-heading h2:before, .title-heading h2:after {
		width: 30px
	}
}

.fd-carousel-wrapper {
	width: 100%
}

.fd-carousel-wrapper .fdc-single-item {
	width: calc(100% + 2px);
	position: relative;
	height: 395px
}

.fd-carousel-wrapper .owl-dots {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 35px
}

.fd-carousel-wrapper .owl-dots .owl-dot {
	margin: 0px 10px;
	height: 10px;
	width: 10px;
	border-radius: 50%;
	background-color: var(--light-gray);
	transition: var(--ease-in)
}

.fd-carousel-wrapper .owl-dots .owl-dot.active {
	background-color: var(--color-primary)
}

.fdc-img {
	height: 100%;
	width: 100%
}

.fdc-img img {
	height: 100%;
	width: 100%;
	object-fit: cover
}

.fdc-content {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: var(--card-overlay);
	padding: 50px 40px;
	z-index: 1;
	overflow: hidden
}

.fdc-content:after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	transform: translateX(-200px);
	background-color: var(--primary-overlay);
	z-index: -1;
	transition: var(--ease-in)
}

.fdc-content h3 {
	font-size: 24px;
	font-weight: var(--medium);
	line-height: 1.2
}

.fdc-content h3 a {
	color: var(--white)
}

.fdc-content .fdc-title {
	display: flex;
	align-items: center;
	flex-wrap: wrap
}

.fdc-content .fdc-title span {
	display: block;
	font-size: 13px;
	line-height: 1.2;
	color: var(--white);
	margin-bottom: 8px
}

.fdc-content .fdc-title span:nth-child(1) {
	margin-right: 30px
}

.fdc-single-item .fdc-img {
	overflow: hidden
}

.fdc-single-item .fdc-img img {
	transform: scale(1.1) rotate(3deg);
	filter: grayscale(20%);
	transition: 1s
}

.fdc-single-item:hover .fdc-img img {
	transform: scale(1) rotate(0deg);
	filter: grayscale(0%)
}

.fdc-single-item:hover .fdc-content:after {
	opacity: 1;
	visibility: visible;
	transform: translateX(0px)
}

.fd-carousel-wrapper .owl-item .fdc-single-item .fdc-img {
	clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
	transition: 1s ease-in;
	opacity: 0
}

.fd-carousel-wrapper .owl-item .fdc-single-item .fdc-content {
	transform: translateY(100px);
	transition: var(--ease-in);
	opacity: 0;
	transition-delay: .4s
}

.fd-carousel-wrapper .owl-item.active .fdc-single-item .fdc-img {
	opacity: 1;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%)
}

.fd-carousel-wrapper .owl-item.active .fdc-single-item .fdc-content {
	transform: translateY(0px);
	opacity: 1
}

@media screen and (max-width: 1350px) {
	.fdc-content h3 {
		font-size: 20px
	}
	h3 {
		font-size: 20px
	}
}

@media screen and (max-width: 991px) {
	.fd-carousel-wrapper .owl-dots {
		margin-top: 30px
	}
	.weekly-list-item {
		grid-gap: 15px
	}
}

@media screen and (max-width: 767px) {
	.fdc-content {
		padding: 25px
	}
}

.pro-area {
	padding: 60px 0px
}

.pro-wrapper {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
	padding: 50px 0px
}

@media screen and (max-width: 991px) {
	.pro-area {
		padding: 35px 0px
	}
}

.category-area {
	padding: 60px 0px
}

.category-wrapper {
	display: grid;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	grid-gap: 30px;
	grid-template-columns: 1fr 1fr;
	margin: 0 auto
}

.single-category.sc-reverse .category-title {
	display: flex;
	justify-content: flex-end
}

.single-category.sc-reverse .category-title button {
	border-radius: 50px 0px 0px 50px
}

.category-title {
	margin-bottom: 50px;
	display: flex;
	align-items: center
}

.category-title button {
	display: flex;
	align-items: center;
	padding: 15px 30px;
	font-size: 22px;
	line-height: 1;
	font-weight: var(--medium);
	color: var(--white);
	background-color: #085d2f;
	border-radius: 0px 50px 50px 0px;
	transition: .4s ease-in;
	border: 1px solid #a7a7a7;
	display: inline-block;
	background: linear-gradient(92.61deg, #9AC461 0%, #548BC5 0%, #59B59A 116.86%,
		#B45D97 182.36%, #DC763B 246.57%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	font-weight: bold;
}

.category-title button img, .category-title button svg {
	max-width: 25px;
	max-height: 25px;
	margin-right: 10px
}

.category-title button svg path {
	fill: var(--white);
	transition: var(--ease-in)
}

.category-title>a {
	font-size: 17px;
	font-weight: bold;
	color: var(--color-secondary);
	display: flex;
	align-items: center;
	transition: var(--ease-in)
}

.category-title>a i {
	font-size: 25px;
	margin: 0px 10px
}

.category-title>a:hover {
	color: var(--color-primary)
}

.category-product {
	background-color: var(--bg-primary)
}

.category-product .cp-content {
	padding: 40px 30px
}

.category-product .cp-content h3 {
	margin-bottom: 10px
}

.category-product .cp-content h3 a {
	color: var(--color-secondary);
	transition: var(--ease-in)
}

.category-product .cp-content h3 a:hover {
	color: var(--color-primary)
}

.category-product .cp-content p {
	margin-bottom: 30px
}

.cp-content-title ul {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 5px
}

.cp-content-title ul li {
	padding: 5px 0px;
	font-size: 13px;
	color: var(--color-secondary)
}

.cp-content-title ul li:nth-child(1) {
	margin-right: 30px
}

.category-list-product {
	display: flex;
	flex-wrap: wrap;
	margin-top: 35px;
	background-color: var(--bg-primary)
}

.category-list-product .cp-list-img {
	flex: 1
}

.category-list-product .cp-list-img img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.category-list-product .cp-list-content {
	flex: 1;
	padding: 25px 50px
}

.category-list-product .cp-list-content .cp-content-title {
	margin-bottom: 15px
}

.category-list-product h3 {
	font-size: 22px;
	margin-bottom: 5px
}

.category-list-product h3 a {
	color: var(--color-secondary);
	transition: var(--ease-in)
}

.category-list-product h3 a:hover {
	color: var(--color-primary)
}

@media screen and (max-width: 1300px) {
	.category-list-product .cp-list-content {
		padding: 25px
	}
	.category-list-product h3 {
		font-size: 20px;
		margin-bottom: 5px
	}
}

@media screen and (max-width: 1199px) {
	.cp-list-img {
		width: 35%
	}
}

@media screen and (max-width: 991px) {
	.category-area {
		padding: 35px 0px
	}
	.category-wrapper {
		grid-template-columns: 1fr
	}
	.category-title {
		margin-bottom: 25px
	}
	.cp-img img {
		width: 100%
	}
}

@media screen and (max-width: 991px) {
	.category-list-product {
		align-items: center
	}
}

@media screen and (max-width: 767px) {
	.category-title button {
		padding: 13px 25px;
		font-size: 16px
	}
	.category-title>a {
		font-size: 15px
	}
}

@media screen and (max-width: 575px) {
	.category-title button {
		padding: 10px 15px;
		font-size: 15px
	}
	.category-product .cp-content {
		padding: 25px 15px
	}
	.category-title>a {
		font-size: 14px
	}
	.category-title>a i {
		font-size: 20px;
		margin: 0px 3px
	}
	.category-list-product .cp-list-content h3 {
		font-size: 20px
	}
	.category-list-product .cp-list-content .cp-content-title {
		margin-bottom: 5px
	}
	.category-product .cp-content p {
		margin-bottom: 30px
	}
	.category-list-product {
		align-items: unset
	}
}

@media screen and (max-width: 400px) {
	.category-list-product .cp-list-content {
		flex: unset;
		padding: 15px
	}
	.category-list-product .cp-list-img {
		width: 100%
	}
	.category-list-product .cp-list-img img {
		width: 100%
	}
}

.mt-0 {
	margin-top: 0px !important
}

.like-list-area {
	padding: 50px 0px
}

.like-list-content {
	display: grid;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	grid-gap: 30px;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	margin: 0 auto
}

.list-heading {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 30px
}

.list-heading h3 {
	font-size: 30px;
	margin-bottom: 10px;
	color: var(--color-secondary);
	margin-right: 25px
}

.list-heading a {
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	font-size: 17px;
	color: var(--color-secondary);
	font-weight: var(--medium);
	transition: var(--ease-in)
}

.list-heading a:hover {
	color: var(--color-primary)
}

.list-heading a i {
	font-size: 25px;
	margin-right: 5px
}

.single-list-card {
	display: flex;
	align-items: center;
	flex-wrap: wrap
}

.single-list-card .slc-img {
	margin-right: 15px
}

.single-list-card .slc-content {
	flex: 1
}

.single-list-card .slc-content h4 {
	font-size: 18px
}

.single-list-card .slc-content h4 a {
	color: var(--color-secondary);
	transition: var(--ease-in)
}

.single-list-card .slc-content h4 a:hover {
	color: var(--color-primary)
}

.single-list-card .slc-title {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 5px
}

.single-list-card .slc-title li {
	margin-bottom: 5px;
	font-size: 13px;
	color: var(--sub-title);
	padding-right: 15px
}

.tags-area {
	padding: 50px 0px
}

.tags-content {
	display: grid;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	grid-gap: 30px;
	grid-template-columns: 1fr 1fr 1fr;
	margin: 0 auto
}

.tags-card {
	position: relative;
	overflow: hidden
}

.tags-card:hover .tags-img {
	transform: scale(1.3) rotate(-5deg)
}

.tags-card:hover .tag-content a {
	background-color: var(--primary-overlay)
}

.tags-card .tags-img {
	transform: scale(1) rotate(0deg);
	transition: 1s ease
}

.tags-card .tag-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.tags-card .tag-content a {
	padding: 18px 30px;
	font-size: 18px;
	color: var(--white);
	font-weight: var(--medium);
	background-color: var(--black-light-overlay);
	transition: var(--ease-in);
	width: 100%;
	white-space: nowrap
}

.tags-card .tag-content a:hover {
	background-color: var(--primary-overlay)
}

@media screen and (max-width: 1350px) {
	.like-list-content {
		grid-template-columns: 1fr 1fr 1fr
	}
}

@media screen and (max-width: 991px) {
	.tags-content {
		grid-template-columns: 1fr 1fr
	}
	.like-list-content {
		grid-template-columns: 1fr 1fr
	}
	.like-list-area {
		padding: 25px 0px
	}
	.tags-area {
		padding: 25px 0px
	}
}

@media screen and (max-width: 767px) {
	.list-heading h3 {
		font-size: 22px
	}
	.list-heading a {
		font-size: 13px
	}
	.tags-card .tag-content a {
		padding: 15px 25px;
		font-size: 16px
	}
}

@media screen and (max-width: 575px) {
	.tags-content {
		grid-template-columns: 1fr
	}
	.like-list-content {
		grid-template-columns: 1fr
	}
}

.subscribe-area {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding: 100px 0px;
	position: relative;
	z-index: 1;
	margin-top: 60px
}

.subscribe-area:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	z-index: -1;
	background-color: var(--black-light-overlay);
	top: 0;
	left: 0
}

.newsletter-area {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding: 100px 0px;
	position: relative;
	z-index: 1;
	margin-top: 60px
}

.newsletter-area:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	z-index: -1;
	background: var(--newsletter-overlay);
	top: 0;
	left: 0
}

.subscribe-wrapper {
	display: flex;
	align-items: center;
	flex-flow: column
}

.subscribe-wrapper h3 {
	color: var(--white);
	text-align: center;
	margin-bottom: 35px;
	font-size: 30px
}

.subscribe-wrapper .search-box {
	width: 100%;
	max-width: 650px
}

.newsletter-area .subscribe-wrapper h3 {
	color: var(--color-secondary);
	margin-bottom: 15px;
	position: relative
}

.newsletter-area .subscribe-wrapper h3:after {
	position: absolute;
	content: "";
	top: 50%;
	left: 0;
	height: 20px;
	width: 5px;
	background-color: var(--color-primary);
	transform: translateY(-50%);
	left: -10px
}

.newsletter-area .subscribe-wrapper p {
	margin-bottom: 35px;
	color: var(--text-unic);
	text-align: center
}

@media screen and (max-width: 575px) {
	.subscribe-area {
		padding: 50px 0px
	}
	.subscribe-wrapper h3 {
		margin-bottom: 20px;
		font-size: 23px
	}
	.newsletter-area .subscribe-wrapper h3 {
		color: var(--color-secondary);
		margin-bottom: 8px
	}
	.newsletter-area .subscribe-wrapper p {
		margin-bottom: 15px
	}
}

@media screen and (max-width: 380px) {
	.search-box {
		height: auto;
		background-color: rgba(0, 0, 0, 0);
		flex-direction: column
	}
	.search-box span {
		display: none
	}
	.search-box input {
		height: 50px;
		background-color: var(--input-bg);
		border: none;
		margin-bottom: 15px;
		padding: 15px
	}
	.search-box button {
		width: 100%;
		justify-content: center
	}
}

.main-content {
	/*     margin-top: 35px; */
	margin-bottom: 90px;
}

.policy-section h4 {
	margin: 20px 0;
	font-size: 24px;
}

.ct-content {
	display: grid;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	grid-gap: 0px;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	margin: 0 auto
}

.ct-lg-card:after {
	transform: scale(1)
}

.ct-lg-img {
	position: relative
}

.ct-lg-img:after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: var(--ct-overlay);
	transform: scale(0.7);
	transition: var(--ease-in);
	opacity: 0
}

.ct-lg-content {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: flex-end;
	padding: 50px;
	background: var(--ct-overlay-black);
	transform: scale(1.3);
	opacity: 0;
	transition: var(--ease-6ms);
	visibility: hidden
}

.ct-lg-content button {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.ct-lg-content button:hover {
	background-color: var(--white);
	color: var(--color-primary);
	border-color: rgba(0, 0, 0, 0)
}

.ct-gc-title p {
	font-weight: var(--light);
	font-size: 36px;
	color: var(--white)
}

.ct-gc-title p span {
	padding-left: 5px;
	font-size: 18px;
	display: inline-block
}

.ct-gc-title a {
	display: flex;
	align-items: center;
	font-size: 17px;
	font-weight: var(--medium);
	color: var(--white);
	transition: var(--ease-in);
	margin-top: 5px
}

.ct-gc-title a i {
	font-size: 22px;
	padding-left: 5px
}

.ct-gc-title a:hover {
	color: var(--color-primary)
}

.ct-lg-card {
	position: relative;
	overflow: hidden
}

.ct-lg-card.active .ct-lg-img:after {
	transform: scale(1);
	opacity: 1
}

.ct-lg-card:hover .ct-lg-content {
	transform: scale(1);
	opacity: 1;
	visibility: visible
}

.ct-lg-card.without-img .ct-lg-content {
	transform: scale(1);
	opacity: 1;
	visibility: visible;
	background: var(--light-pink)
}

.ct-lg-card.without-img .ct-lg-content .ct-gc-title p {
	color: var(--color-secondary)
}

.ct-lg-card.without-img .ct-lg-content .ct-gc-title a {
	color: var(--color-secondary)
}

.ct-lg-card.without-img .ct-lg-content .ct-gc-title a:hover {
	color: var(--color-primary)
}

.ct-lg-card.without-img .ct-lg-content .btn:hover {
	border-color: var(--color-primary);
	background-color: rgba(0, 0, 0, 0);
	color: var(--color-primary)
}

@media screen and (max-width: 1350px) {
	.ct-lg-content {
		padding: 20px
	}
}

@media screen and (max-width: 1199px) {
	.ct-content {
		grid-template-columns: 1fr 1fr 1fr
	}
}

@media screen and (max-width: 991px) {
}

@media screen and (max-width: 767px) {
	.ct-content {
		grid-template-columns: 1fr 1fr
	}
	.ct-gc-title p {
		font-size: 25px
	}
	.ct-gc-title .ct-gc-title a {
		font-size: 15px;
		margin-top: 0px
	}
}

@media screen and (max-width: 450px) {
	.ct-content {
		grid-template-columns: 1fr
	}
	.ct-lg-img img {
		width: 100%
	}
	.ct-lg-card.without-img {
		min-height: 350px
	}
}

.ct-md-wrapper {
	max-width: 930px;
	display: grid;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	grid-gap: 30px;
	grid-template-columns: 1fr 1fr;
	margin: 0 auto
}

.ct-md-card {
	overflow: hidden;
	position: relative
}

.ct-md-card:hover .ct-md-content {
	transform: translateX(0px);
	opacity: 1;
	visibility: visible
}

.ct-md-card.without-image {
	background-color: var(--light-pink)
}

.ct-md-card.without-image .ct-md-content {
	background-color: rgba(0, 0, 0, 0);
	transform: translateX(0px);
	opacity: 1;
	visibility: visible
}

.ct-md-card.without-image .ct-md-content .ct-gc-top p {
	color: var(--black)
}

.ct-md-card.without-image .ct-md-content .ct-gc-top .btn:hover {
	border-color: var(--color-primary);
	background-color: rgba(0, 0, 0, 0);
	color: var(--color-primary)
}

.ct-md-card.without-image .ct-md-content a {
	color: var(--black)
}

.ct-md-img img {
	transform: scale(1)
}

.ct-md-content {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-color: var(--black-overlay);
	transform: translateX(-200px);
	opacity: 0;
	visibility: hidden;
	transition: var(--ease-in)
}

.ct-md-content a {
	display: flex;
	align-items: center;
	font-size: 17px;
	color: var(--white);
	transition: var(--ease-in)
}

.ct-md-content a i {
	font-size: 22px;
	margin-left: 10px
}

.ct-md-content a:hover {
	color: var(--color-primary)
}

.ct-md-content .btn:hover {
	background-color: var(--white);
	border-color: rgba(0, 0, 0, 0);
	color: var(--black)
}

.ct-gc-top {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 15px
}

.ct-gc-top p {
	margin-right: 15px;
	font-size: 45px;
	color: var(--white);
	line-height: 1.2;
	text-align: center;
	font-weight: var(--light)
}

.ct-gc-top p span {
	display: block;
	font-size: 16px
}

@media screen and (max-width: 767px) {
	.ct-gc-top p {
		margin-right: 15px;
		font-size: 25px
	}
	.ct-gc-top p span {
		display: block;
		font-size: 14px
	}
}

@media screen and (max-width: 575px) {
	.ct-md-wrapper {
		grid-template-columns: 1fr;
		grid-gap: 15px
	}
	.ct-md-img img {
		width: 100%
	}
}

.protfolio-tab-wrapper .pro-nav {
	justify-content: center;
	margin-bottom: 30px
}

.protfolio-tab-wrapper .nav-link {
	font-size: 16px;
	color: var(--nav-color);
	padding: 10px 20px
}

.protfolio-tab-wrapper .nav-link.active {
	color: var(--color-primary)
}

.protfolio-tab-content .tab-pane {
	display: none;
	margin-bottom: 50px
}

.protfolio-tab-content .tab-pane.active {
	display: block
}

.protfolio-tab-content .tab-pane.active .single-prot-item,
	.protfolio-tab-content .tab-pane.active .prot-video-item,
	.protfolio-tab-content .tab-pane.active .proc-single-card,
	.protfolio-tab-content .tab-pane.active .proc-video-card {
	animation: bottom-to-top .8s
}

.single-prot-item, .prot-video-item {
	position: relative;
	overflow: hidden
}

.single-prot-item:hover .single-prot-content {
	opacity: 1;
	visibility: visible;
	transform: translateX(0px)
}

.single-prot-img img {
	width: 100%;
	transform: scale(1)
}

.single-prot-content {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: var(--black-overlay);
	padding: 30px;
	display: flex;
	align-items: center;
	opacity: 0;
	visibility: hidden;
	transform: translateX(-200px);
	transition: var(--ease-in)
}

.single-prot-content button {
	position: absolute;
	top: 0;
	right: 0
}

.single-prot-content .spc-title {
	max-width: 80%;
	margin: 0 auto
}

.single-prot-content .spc-title span {
	font-size: 13px;
	display: block;
	color: var(--white);
	margin-bottom: 5px;
	font-weight: var(--light)
}

.single-prot-content .spc-title h4 a {
	color: var(--white);
	transition: var(--ease-in)
}

.single-prot-content .spc-title h4 a:hover {
	color: var(--color-primary)
}

.single-prot-content>span {
	text-align: center;
	font-size: 13px;
	color: var(--white);
	display: block;
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	font-weight: var(--light)
}

.single-video-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.single-video-content a {
	position: relative;
	height: 50px;
	width: 50px;
	display: block
}

.single-video-content a:after, .single-video-content a:before {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	border-radius: 50%;
	background-color: var(--body-bg);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1
}

.single-video-content a:after {
	transform: translate(-50%, -50%) scale(1.3);
	animation: circle 1s infinite linear
}

.single-video-content a:before {
	transform: translate(-50%, -50%) scale(1.5);
	animation: circle2 1.5s infinite linear
}

.single-video-content a img, .single-video-content a svg {
	max-height: 50px;
	max-width: 50px
}

.single-video-content a svg circle {
	fill: var(--body-bg);
	opacity: 1
}

.single-video-content a svg path {
	fill: var(--color-primary)
}

@keyframes circle { 0% {
	transform: translate(-50%, -50%) scale(1.2);
	opacity: .4
}

25%
{
transform
:
translate(
-50%
,
-50%
)
scale(
1.4
);
opacity
:
.3
}
50%
{
transform
:
translate(
-50%
,
-50%
)
scale(
1.6
);
opacity
:
.2
}
75%
{
transform
:
translate(
-50%
,
-50%
)
scale(
1.8
);
opacity
:
.1
}
100%
{
transform
:
translate(
-50%
,
-50%
)
scale(
2
);
opacity
:
0
}
}
@keyframes circle2 { 0% {
	transform: translate(-50%, -50%) scale(1.5);
	opacity: .2
}

50%
{
transform
:
translate(
-50%
,
-50%
)
scale(
1.8
);
opacity
:
.1
}
100%
{
transform
:
translate(
-50%
,
-50%
)
scale(
2
);
opacity
:
0
}
}
.single-prot-item.without-image .single-prot-img {
	display: none
}

.single-prot-item.without-image .single-prot-content {
	position: unset;
	top: auto;
	left: auto;
	transform: translate(0%, 0%);
	opacity: 1;
	visibility: visible;
	background-color: var(--light-pink)
}

.single-prot-item.without-image .single-prot-content button {
	display: none
}

.single-prot-item.without-image .single-prot-content .spc-title span {
	color: var(--color-secondary)
}

.single-prot-item.without-image .single-prot-content .spc-title h4 a {
	color: var(--color-secondary)
}

.single-prot-item.without-image .single-prot-content .spc-title h4 a:hover
	{
	color: var(--color-primary)
}

.single-prot-item.without-image .single-prot-content span {
	color: var(--color-secondary)
}

.prot-item-wrapper {
	margin-bottom: 50px
}

.m-auto {
	margin: 0 auto;
	display: flex
}

.prot-item-wrapper .grid-sizer, .prot-item-wrapper .grid-item {
	width: 25%;
	height: 280px;
	overflow: hidden
}

.prot-item-wrapper .grid-sizer .single-prot-img, .prot-item-wrapper .grid-item .single-prot-img
	{
	height: 100%
}

.prot-item-wrapper .grid-sizer .single-prot-img img, .prot-item-wrapper .grid-item .single-prot-img img
	{
	height: 100%;
	width: 100%;
	object-fit: cover;
	transform: scale(1.1)
}

.prot-item-wrapper .grid-sizer .single-prot-content .btn:hover,
	.prot-item-wrapper .grid-item .single-prot-content .btn:hover {
	background-color: var(--white);
	border-color: rgba(0, 0, 0, 0);
	color: var(--color-primary)
}

@media screen and (max-width: 1350px) {
	.prot-item-wrapper .grid-sizer, .prot-item-wrapper .grid-item {
		height: 250px
	}
}

@media screen and (max-width: 1199px) {
	.prot-item-wrapper .grid-sizer, .prot-item-wrapper .grid-item {
		width: 33.3333333333%;
		height: 280px
	}
}

@media screen and (max-width: 991px) {
	.prot-item-wrapper .grid-sizer, .prot-item-wrapper .grid-item {
		width: 33.3333333333%;
		height: 230px
	}
	.prot-item-wrapper .grid-sizer .single-prot-content>span,
		.prot-item-wrapper .grid-item .single-prot-content>span {
		width: 100%
	}
	.prot-item-wrapper .grid-sizer .single-prot-content .spc-title h4,
		.prot-item-wrapper .grid-item .single-prot-content .spc-title h4 {
		font-size: 18px
	}
}

@media screen and (max-width: 767px) {
	.protfolio-tab-wrapper .nav-link {
		padding: 10px 10px
	}
	.prot-item-wrapper .grid-sizer, .prot-item-wrapper .grid-item {
		width: 50%;
		height: 230px
	}
}

@media screen and (max-width: 575px) {
	.prot-item-wrapper {
		grid-template-columns: 1fr
	}
	.prot-item-wrapper .grid-sizer, .prot-item-wrapper .grid-item {
		width: 100%;
		height: auto
	}
	.prot-item-wrapper .grid-sizer.without-image .single-prot-content,
		.prot-item-wrapper .grid-item.without-image .single-prot-content {
		min-height: 300px
	}
}

.proc-card-wrapper {
	margin-bottom: 30px
}

.proc-card-wrapper .grid-item2, .proc-card-wrapper .grid-sizer2 {
	width: calc(33.3333333333% - 30px);
	margin-bottom: 30px;
	height: 425px
}

.proc-single-card, .proc-video-card {
	position: relative;
	overflow: hidden
}

.procs-card-content, .procs-video-content {
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 100%;
	max-height: 100%;
	z-index: 1
}

.procs-card-content {
	background-color: var(--primary-overlay);
	padding: 50px;
	transform: translate(-50%, -80%) scale(0.5);
	visibility: hidden;
	opacity: 0;
	transition: var(--ease-6ms)
}

.procs-card-content span {
	font-size: 14px;
	font-weight: var(--light);
	color: var(--white);
	display: block;
	white-space: nowrap
}

.procs-card-content span:nth-child(1) {
	margin-bottom: 10px
}

.procs-card-content h4 {
	margin-bottom: 25px
}

.procs-card-content h4 a {
	color: var(--white);
	white-space: nowrap
}

.procs-video-content {
	transform: translate(-50%, -50%)
}

.procs-video-content a {
	position: relative;
	height: 50px;
	width: 50px;
	display: block;
	opacity: 1
}

.procs-video-content a:after, .procs-video-content a:before {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	border-radius: 50%;
	background-color: var(--color-primary);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1
}

.procs-video-content a:after {
	transform: translate(-50%, -50%) scale(1);
	animation: circle 1.2s infinite ease
}

.procs-video-content a:before {
	transform: translate(-50%, -50%) scale(1.5);
	animation: circle2 1.2s infinite ease
}

.procs-video-content a img, .procs-video-content a svg {
	max-height: 50px;
	max-width: 50px
}

.procs-video-content a svg circle {
	fill: var(--color-primary)
}

.procs-video-content a svg path {
	fill: var(--white)
}

.proc-single-card:hover .procs-card-content, .proc-video-card:hover .procs-card-content
	{
	transform: translate(-50%, -50%) scale(1);
	visibility: visible;
	opacity: 1
}

.proc-single-card.active:after, .proc-video-card.active:after {
	transform: scale(1);
	opacity: 1;
	visibility: visible
}

.proc-single-card.active .procs-card-img:after, .proc-video-card.active .procs-card-img:after
	{
	transform: scale(1);
	opacity: 1;
	visibility: visible
}

.procs-video-img {
	height: 100%;
	overflow: hidden
}

.procs-card-img, .proc-video-card {
	position: relative;
	display: block;
	overflow: hidden;
	height: 100%
}

.procs-card-img img, .proc-video-card img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.procs-card-img:after, .proc-video-card:after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: var(--ct-overlay);
	transform: scale(1.5);
	opacity: 0;
	visibility: hidden;
	transition: var(--ease-6ms)
}

.proc-single-card.without-image {
	background-color: var(--light-pink)
}

.proc-single-card.without-image .procs-card-img {
	display: none
}

.proc-single-card.without-image .procs-card-content {
	opacity: 1;
	transform: translate(-50%, -50%) scale(1);
	visibility: visible
}

@media screen and (max-width: 1350px) {
	.proc-card-wrapper .grid-item2, .proc-card-wrapper .grid-sizer2 {
		height: 325px
	}
}

@media screen and (max-width: 1199px) {
	.proc-card-wrapper .grid-item2, .proc-card-wrapper .grid-sizer2 {
		height: 275px
	}
	.procs-card-content {
		padding: 25px
	}
}

@media screen and (max-width: 991px) {
	.proc-card-wrapper .grid-item2, .proc-card-wrapper .grid-sizer2 {
		height: 320px;
		width: calc(50% - 30px)
	}
	.procs-card-content {
		padding: 25px
	}
}

@media screen and (max-width: 767px) {
	.procs-card-content {
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column
	}
	.proc-card-wrapper .grid-item2, .proc-card-wrapper .grid-sizer2 {
		height: 270px;
		width: calc(50% - 30px)
	}
}

@media screen and (max-width: 575px) {
	.proc-card-wrapper {
		grid-template-columns: 1fr;
		grid-gap: 15px
	}
	.proc-card-wrapper .grid-item2, .proc-card-wrapper .grid-sizer2 {
		height: auto;
		width: 100%
	}
}

.protfolio-mesonary {
	margin-bottom: 20px
}

.protfolio-mesonary-single {
	position: relative;
	overflow: hidden;
	margin-bottom: 30px
}

.protfolio-mesonary-single .pms-image {
	height: 100%;
	width: 100%
}

.protfolio-mesonary-single .pms-image img {
	height: 100%;
	width: 100%;
	object-fit: cover
}

.protfolio-mesonary-single .pms-content {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: var(--mesonary-overlay);
	opacity: 0;
	visibility: hidden;
	transition: var(--ease-in)
}

.protfolio-mesonary-single .pms-content .btn {
	background-color: var(--white);
	color: var(--color-primary);
	position: absolute;
	top: 0;
	right: 0;
	transform: translateY(-100px);
	opacity: 0;
	transition: var(--ease-in);
	z-index: 9
}

.protfolio-mesonary-single .pms-content .btn:hover {
	background-color: var(--color-primary);
	color: var(--white)
}

.protfolio-mesonary-single:hover .pms-content {
	opacity: 1;
	visibility: visible
}

.protfolio-mesonary-single:hover .pms-content .btn {
	transform: translateY(0px);
	opacity: 1
}

.protfolio-mesonary-single:hover .pms-content .pms-content-text {
	transform: translateX(0px)
}

.pms-content-text {
	display: flex;
	height: 100%;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end;
	padding: 40px;
	transform: translateX(-100px);
	transition: var(--ease-in)
}

.pms-content-text>span {
	font-size: 13px;
	color: var(--white);
	display: block;
	margin-bottom: 10px
}

.pms-content-text h4 {
	font-size: 20px;
	margin-bottom: 20px
}

.pms-content-text h4 a {
	color: var(--white)
}

.pms-content-text p {
	font-size: 13px;
	color: var(--white)
}

.protfolio-mesonary .grid-item3, .protfolio-mesonary .grid-sizer3 {
	width: calc(25% - 30px)
}

.protfolio-mesonary .grid-item-large {
	width: calc(50% - 30px)
}

.pms-mesonary-img {
	position: relative
}

.pms-mesonary-img:after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: var(--mesonary-overlay)
}

.pms-video-item {
	margin-bottom: 30px
}

@media screen and (max-width: 1500px) {
	.pms-content-text {
		padding: 15px
	}
	.pms-content-text h4 {
		margin-bottom: 8px
	}
}

@media screen and (max-width: 1199px) {
	.protfolio-mesonary .grid-item3, .protfolio-mesonary .grid-sizer3 {
		width: calc(33.3333333333% - 30px)
	}
	.protfolio-mesonary .grid-item-sm {
		width: calc(33.3333333333% - 30px) !important
	}
	.protfolio-mesonary .grid-item-large {
		width: calc(66.6666666667% - 30px)
	}
}

@media screen and (max-width: 991px) {
	.protfolio-mesonary .grid-item3, .protfolio-mesonary .grid-sizer3 {
		width: calc(50% - 30px)
	}
	.protfolio-mesonary .grid-item-sm {
		width: calc(50% - 30px) !important
	}
	.protfolio-mesonary .grid-item-large {
		width: calc(50% - 30px)
	}
}

@media screen and (max-width: 767px) {
	.protfolio-mesonary .grid-item3, .protfolio-mesonary .grid-sizer3 {
		width: calc(50% - 15px)
	}
	.protfolio-mesonary .grid-item-sm {
		width: calc(50% - 15px) !important
	}
	.protfolio-mesonary .grid-item-large {
		width: calc(50% - 15px)
	}
}

@media screen and (max-width: 575px) {
	.protfolio-mesonary .grid-item3, .protfolio-mesonary .grid-sizer3 {
		width: calc(100% - 0px)
	}
	.protfolio-mesonary .grid-item-sm {
		width: calc(100% - 0px) !important
	}
	.protfolio-mesonary .grid-item-large {
		width: calc(100% - 0px)
	}
	.protfolio-mesonary-single {
		margin-bottom: 15px
	}
	.pms-video-item {
		margin-bottom: 15px
	}
}

.contact-wrapper {
	display: flex;
	align-items: center;
	position: relative
}

.contact-content {
	width: 100%;
	max-width: 780px;
	box-shadow: var(--shadow);
	padding: 70px 170px;
	margin-left: -100px;
	z-index: 11;
	background-color: var(--menu-bg)
}

.contact-content h2 {
	margin-bottom: 50px
}

.contact-img {
	flex: 1;
	height: 100%
}

.contact-img img {
	height: 100%;
	object-fit: cover
}

.input-with-icon {
	position: relative;
	width: 100%
}

.input-with-icon img, .input-with-icon svg {
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%)
}

.input-with-icon svg {
	max-width: 15px;
	max-height: 15px
}

.input-with-icon svg path {
	fill: var(--nav-color);
	transition: var(--ease-in);
	opacity: .5
}

.input-group textarea {
	width: 100%;
	border: var(--border);
	padding: 15px;
	background-color: rgba(0, 0, 0, 0);
	color: var(--color-secondary)
}

.input-group:focus-within textarea {
	border-color: var(--color-primary)
}

.input-group:focus-within .input-with-icon svg path {
	fill: var(--color-primary);
	opacity: 1
}

.checkbox-group.cbox-red {
	display: block;
	margin-bottom: 40px
}

.checkbox-group.cbox-red .checked-content {
	white-space: nowrap
}

@media screen and (max-width: 1600px) {
	.contact-content {
		max-width: 600px;
		padding: 70px 100px
	}
}

@media screen and (max-width: 1350px) {
	.contact-content {
		max-width: 570px;
		padding: 50px 70px;
		margin-left: -200px
	}
}

@media screen and (max-width: 1199px) {
	.contact-img {
		display: none
	}
	.contact-content {
		max-width: 650px;
		padding: 50px 70px;
		margin-left: 0px;
		margin: 0 auto
	}
	.contact-wrapper {
		margin-bottom: 50px
	}
}

@media screen and (max-width: 991px) {
	.contact-content {
		padding: 70px 50px
	}
	.contact-content h2 {
		margin-bottom: 25px
	}
}

@media screen and (max-width: 767px) {
	.contact-img {
		min-width: 45%
	}
}

@media screen and (max-width: 575px) {
	.contact-img {
		display: none
	}
	.contact-content {
		margin-left: 0px;
		background: var(--contact-bg);
		padding: 50px 15px
	}
	.contact-content .input-group input {
		border-color: var(--rs-border)
	}
	.contact-content .input-group textarea {
		border-color: var(--rs-border)
	}
	.contact-content .input-group:focus-within input {
		border-color: var(--primary-overlay)
	}
	.contact-content .input-group:focus-within textarea {
		border-color: var(--primary-overlay)
	}
	.contact-content .checkbox-group .checked-content {
		font-size: 12px
	}
}

.contact-two-wrapper {
	padding: 70px;
	background-color: var(--bg-primary);
	position: relative;
	z-index: 99;
	/*     max-width: 1150px; */
	/*     display: grid; */
	/*     -webkit-box-pack: justify; */
	/*     -ms-flex-pack: justify; */
	/*     justify-content: space-between; */
	/*     grid-gap: 90px; */
	/*     grid-template-columns: 1fr 1fr; */
	/*     margin: 0 auto; */
	/*     margin-top: -150px */
}

.contact-lft-cnt h2 {
	margin-bottom: 15px
}

.contact-lft-cnt .input-group .input-with-icon, .contact-lft-cnt .input-group textarea
	{
	background-color: var(--body-bg)
}

.contact-rgt-cnt {
	padding: 70px 80px;
	/*     box-sizing: var(--shadow); */
	background-color: var(--body-bg)
}

.contact-rgt-cnt .ftr-contact h4 {
	margin-bottom: 30px
}

.contact-rgt-cnt .footer-social {
	margin-top: 70px
}

.contact-rgt-cnt .footer-social h6 {
	color: var(--sub-heading)
}

.author-wrapper {
	display: grid;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	grid-gap: 30px;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	margin: 0 auto
}

.author-single-card {
	position: relative;
	overflow: hidden
}

.author-single-img img {
	transform: scale(1);
	transition: 1s ease-in
}

.author-single-content {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: flex;
	align-items: flex-end;
	padding: 30px;
	background: var(--theme-overlay);
	opacity: 0;
	transition: var(--ease-in)
}

.author-social {
	position: absolute;
	top: 0;
	right: 0;
	transform: translateY(-100px);
	opacity: 0;
	visibility: hidden;
	transition: var(--ease-in);
	transition-delay: .15s
}

.author-social ul {
	padding: 10px 15px;
	background-color: var(--color-primary);
	border-radius: 0px 0px 50px 50px
}

.author-social ul li {
	padding: 5px;
	margin: 10px 0px;
	background-color: var(--white);
	border-radius: 5px
}

.author-social ul li a {
	font-size: 15px;
	color: var(--color-primary)
}

.author-name {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	transform: translateY(100px);
	visibility: hidden;
	opacity: 0;
	transition-delay: .1s;
	transition: var(--ease-in)
}

.author-name h4 a {
	color: var(--white)
}

.author-name span {
	display: block;
	font-size: 14px;
	color: var(--white)
}

.author-single-card.without-image {
	background-color: var(--light-pink)
}

.author-single-card.without-image .author-single-img {
	display: none
}

.author-single-card.without-image .author-single-content {
	opacity: 1;
	background: rgba(0, 0, 0, 0)
}

.author-single-card.without-image .author-single-content .author-social
	{
	transform: translateY(0px);
	opacity: 1;
	visibility: visible
}

.author-single-card.without-image .author-single-content .author-name {
	transform: translateY(0px);
	visibility: visible;
	opacity: 1
}

.author-single-card.without-image .author-single-content .author-name h4 a
	{
	color: var(--color-primary)
}

.author-single-card.without-image .author-single-content .author-name span
	{
	color: var(--color-primary)
}

.author-single-card:hover .author-single-content {
	opacity: 1
}

.author-single-card:hover .author-single-content .author-social {
	transform: translateY(0px);
	opacity: 1;
	visibility: visible
}

.author-single-card:hover .author-single-content .author-name {
	transform: translateY(0px);
	visibility: visible;
	opacity: 1
}

.author-single-card:hover .author-single-img img {
	transform: scale(1.1)
}

@media screen and (max-width: 1199px) {
	.author-wrapper {
		grid-template-columns: 1fr 1fr 1fr
	}
}

@media screen and (max-width: 767px) {
	.author-wrapper {
		grid-template-columns: 1fr 1fr
	}
}

@media screen and (max-width: 575px) {
	.author-wrapper {
		grid-template-columns: 1fr;
		grid-gap: 15px
	}
	.author-single-card {
		max-width: 400px;
		margin: 0 auto
	}
	.author-name {
		flex-wrap: wrap
	}
	.author-name h4, .author-name span {
		margin-top: 10px
	}
	.author-single-card.without-image {
		min-height: 300px;
		width: 100%;
		max-width: 375px;
		margin: 0 auto
	}
}

.author-two-single-card {
	position: relative;
	overflow: hidden
}

.author-two-single-card.active .author-two-single-img:after {
	transform: scale(1);
	opacity: 1;
	visibility: visible
}

.author-two-single-img {
	display: block;
	position: relative
}

.author-two-single-img:after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: var(--ct-overlay);
	transition: var(--ease-in);
	transform: scale(1.3);
	opacity: 0;
	visibility: hidden
}

.author-two-single-content {
	position: absolute;
	top: calc(50% + 100px);
	left: 50%;
	transform: scale(1.05) translate(-50%, -50%);
	padding: 35px 40px;
	background-color: var(--primary-overlay);
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	transition: var(--ease-in)
}

.author-two-single-content:after {
	position: absolute;
	content: "";
	top: 50%;
	left: 50%;
	height: calc(100% + 0px);
	width: calc(100% + 0px);
	transform: translate(-50%, -50%);
	border: 1px solid var(--white);
	z-index: -1;
	transition: var(--ease-in);
	opacity: 0;
	transition-delay: .5
}

.author-two-single-content .author-two-name {
	margin-bottom: 10px
}

.author-two-single-content .author-two-name h4 {
	display: flex;
	align-items: center
}

.author-two-single-content .author-two-name h4 a {
	display: inline-block;
	color: var(--white);
	white-space: nowrap
}

.author-two-single-content .author-two-name h4 span {
	display: inline-block;
	font-size: 14px;
	color: var(--white);
	font-weight: var(--light);
	margin-left: 5px
}

.author-two-social ul {
	display: flex;
	align-items: center
}

.author-two-social ul li {
	padding: 6px;
	border-radius: 3px;
	background-color: var(--white);
	margin: 0px 10px
}

.author-two-social ul li:first-child {
	margin-left: 0px
}

.author-two-social ul li a {
	font-size: 15px;
	color: var(--color-primary)
}

.author-two-single-card.without-image {
	background-color: var(--light-pink)
}

.author-two-single-card.without-image .author-two-single-img {
	display: none
}

.author-two-single-card.without-image .author-two-single-content {
	top: 50%;
	opacity: 1;
	visibility: visible;
	transform: scale(1) translate(-50%, -50%)
}

.author-two-single-card.without-image .author-two-single-content:after {
	height: calc(100% + 30px);
	width: calc(100% + 30px);
	opacity: 1
}

.author-two-single-card:hover .author-two-single-img:after {
	transform: scale(1.4);
	opacity: 0;
	visibility: hidden
}

.author-two-single-card:hover .author-two-single-content {
	top: 50%;
	opacity: 1;
	visibility: visible;
	transform: scale(1) translate(-50%, -50%)
}

.author-two-single-card:hover .author-two-single-content:after {
	height: calc(100% + 30px);
	width: calc(100% + 30px);
	opacity: 1
}

@media screen and (max-width: 991px) {
	.author-two-single-card:hover .author-two-single-content {
		padding: 25px
	}
	.author-two-single-card:hover .author-two-single-content:after {
		height: calc(100% + 15px);
		width: calc(100% + 15px);
		opacity: 1
	}
	.author-two-single-card.without-image .author-two-single-content:after {
		height: calc(100% + 15px);
		width: calc(100% + 15px)
	}
}

@media screen and (max-width: 575px) {
	.author-two-single-card {
		max-width: 400px;
		margin: 0 auto
	}
	.author-two-single-card.without-image {
		min-height: 300px;
		width: 100%;
		max-width: 375px;
		margin: 0 auto
	}
}

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

.account-dtls {
	display: flex;
	align-items: center;
	width: 100%;
	flex: 1;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	z-index: 1;
	padding: 80px 100px
}

.account-dtls:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: var(--ct-overlay);
	z-index: -1
}

.account-list {
	height: 100%;
	padding: 25px 100px
}

.account-list ul>li {
	padding: 15px 0px
}

.account-list ul>li:last-child a {
	color: var(--color-primary)
}

.account-list ul>li a {
	font-size: 18px;
	font-weight: var(--medium);
	color: var(--color-secondary)
}

.account-list ul>li ul {
	padding-top: 15px;
	padding-left: 25px;
	display: flex;
	flex-direction: column
}

.account-list ul>li ul li {
	padding: 10px 0px
}

.account-list ul>li ul li:last-child {
	padding-bottom: 0px
}

.account-list ul>li ul li:last-child a {
	color: var(--color-secondary)
}

.account-list ul>li ul li a {
	position: relative;
	display: inline-block;
	font-size: 18px;
	font-weight: var(--light)
}

.account-list ul>li ul li a:after {
	position: absolute;
	content: "";
	top: 50%;
	left: calc(100% + 5px);
	width: 0px;
	height: 2px;
	background-color: var(--color-primary)
}

.account-list ul>li ul li.active a:after {
	width: 15px
}

.account-dtls {
	position: relative
}

.account-dtls:after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	height: 100%;
	width: 3px;
	background-color: var(--color-primary)
}

.account-dtls-img {
	height: 220px;
	width: 220px;
	border-radius: 50%;
	position: relative;
	overflow: hidden;
	margin-right: 150px
}

.account-dtls-img .adi-upload {
	position: absolute;
	bottom: 45px;
	display: inline-block;
	padding: 10px 20px;
	border-radius: 50px;
	font-size: 16px;
	font-weight: var(--light);
	color: var(--white);
	z-index: 1;
	left: 50%;
	white-space: nowrap;
	transform: translateX(-50%);
	background-color: var(--color-primary);
	transition: var(--ease-in)
}

.account-dtls-img .adi-upload:hover {
	background-color: var(--white);
	color: var(--color-primary)
}

.account-dtls-content {
	display: grid;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	grid-column-gap: 100px;
	grid-row-gap: 40px;
	grid-template-columns: 1fr 1fr;
	margin: 0 auto
}

.acds-content h4 {
	font-size: 18px;
	color: var(--color-secondary);
	margin-bottom: 10px
}

.acds-content h4 a {
	display: inline-block;
	margin-left: 10px;
	font-size: 11px;
	color: var(--color-primary)
}

.acds-content p {
	margin-bottom: 10px
}

@media screen and (max-width: 1590px) {
	.account-dtls-img {
		margin-right: 100px
	}
	.account-dtls {
		padding: 80px 50px
	}
	.account-list {
		padding: 25px 50px
	}
}

@media screen and (max-width: 1350px) {
	.account-dtls-content {
		grid-column-gap: 50px
	}
	.account-dtls-img {
		margin-right: 50px
	}
}

@media screen and (max-width: 1199px) {
	.account-dtls {
		justify-content: center;
		flex-direction: column;
		align-items: center
	}
	.account-dtls-img {
		margin-right: 0px;
		margin-bottom: 50px
	}
}

@media screen and (max-width: 767px) {
	.account-dtls-content {
		grid-column-gap: 50px;
		grid-template-columns: 1fr;
		grid-row-gap: 10px
	}
	.account-dtls {
		padding: 50px
	}
}

@media screen and (max-width: 575px) {
	.account-wrapper {
		flex-wrap: wrap;
		flex-direction: column
	}
	.account-dtls:after {
		height: 3px;
		width: 100%
	}
	.account-list {
		padding: 15px
	}
	.acds-content {
		text-align: center
	}
}

.account-two-profile {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 50px;
	background-color: var(--light-sky)
}

.account-two-list {
	padding: 50px 0px;
	margin-right: 130px;
	background-color: var(--body-bg);
	min-width: 400px;
	box-shadow: var(--light-shadow)
}

.account-two-list ul li {
	font-size: 18px;
	color: var(--color-secondary);
	padding: 20px 100px;
	font-weight: var(--regular);
	position: relative;
	z-index: 1;
	cursor: pointer
}

.account-two-list ul li:after {
	position: absolute;
	content: "";
	top: 0;
	left: -50px;
	height: 100%;
	width: 100%;
	background-color: var(--color-primary);
	z-index: -1;
	transform: translateX(-100px);
	opacity: 0;
	visibility: hidden;
	transition: .4s ease
}

.account-two-list ul li.active {
	color: var(--white)
}

.account-two-list ul li.active:after {
	opacity: 1;
	visibility: visible;
	transform: translateX(0px)
}

.account-two-list ul li:last-child {
	font-weight: var(--medium)
}

.account-two-img {
	max-width: 300px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center
}

.account-two-img img {
	height: 300px;
	width: 300px;
	border-radius: 50%
}

.account-two-img a {
	display: inline-block;
	padding: 20px 40px;
	background-color: var(--color-secondary);
	color: var(--input-bg);
	margin-top: 35px;
	transition: var(--ease-in)
}

.account-two-img a:hover {
	background-color: var(--color-primary);
	color: var(--white)
}

.account-contact-form {
	border-top: 1px solid var(--sub-title);
	max-width: 1000px;
	padding-top: 30px;
	display: grid;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	grid-column-gap: 100px;
	grid-template-columns: 1fr 1fr;
	margin: 0 auto;
	margin-top: 70px
}

.input-group-wrapper {
	display: grid;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	grid-column-gap: 30px;
	grid-template-columns: 1fr 1fr;
	margin: 0 auto
}

.account-two-wrapper {
	text-align: center
}

.account-two-wrapper>button {
	margin-top: 30px
}

.edit-pro {
	display: flex;
	align-items: flex-end;
	padding-bottom: 20px
}

@media screen and (max-width: 991px) {
	.account-two-list {
		padding: 50px 0px;
		margin-right: 50px;
		min-width: 300px
	}
	.account-two-img img {
		height: 250px;
		width: 250px
	}
	.account-contact-form {
		padding-top: 30px;
		grid-column-gap: 30px;
		margin: 0 30px;
		margin-top: 50px
	}
}

@media screen and (max-width: 767px) {
	.account-two-profile {
		flex-direction: column
	}
	.account-contact-form {
		padding-top: 30px;
		grid-column-gap: 30px;
		margin: 0 auto;
		margin-top: 50px
	}
	.input-group-wrapper {
		grid-column-gap: 10px
	}
	.account-two-profile {
		padding: 25px
	}
	.account-two-list {
		padding: 35px 0px;
		margin-right: 0px;
		margin-bottom: 50px
	}
	.account-two-list ul {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		justify-content: flex-start
	}
	.account-two-list ul li {
		padding: 15px 25px;
		margin-bottom: 10px
	}
	.account-two-list ul li.active:after {
		left: 0px
	}
}

@media screen and (max-width: 575px) {
	.account-contact-form {
		max-width: 375px;
		grid-template-columns: 1fr;
		padding-top: 0px;
		border-top: none
	}
	.account-two-img img {
		height: 175px;
		width: 175px
	}
	.account-two-img a {
		padding: 15px 40px;
		margin-top: 20px;
		font-size: 14px
	}
	.account-contact-form {
		margin-top: 25px
	}
}

.shpo-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 35px
}

.shpo-title p {
	color: var(--color-secondary)
}

.nice-select {
	background-color: var(--bg-primary);
	border: var(--border)
}

.nice-select:hover {
	border-color: var(--border-color)
}

.nice-select .current {
	font-size: 14px
}

.nice-select .list {
	background-color: var(--bg-primary);
	box-shadow: var(--light-shadow);
	border: var(--border)
}

.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus
	{
	background-color: var(--body-bg)
}

.shop-wrapper {
	display: grid;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	grid-gap: 30px;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	margin: 0 auto
}

.shop-card-img {
	position: relative;
	overflow: hidden
}

.shop-card-img img {
	transform: scale(1);
	transition: 1s ease-in
}

.shop-card-img:after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: var(--gradient-primary-overlay);
	transform: scale(1.4);
	opacity: 0;
	visibility: hidden;
	transition: var(--ease-in)
}

.shop-card-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 30px 0px
}

.shop-card-content h3 {
	margin-bottom: 10px
}

.shop-card-content h3 a {
	font-size: 24px;
	color: var(--color-secondary);
	font-weight: var(--regular)
}

.shop-card-content .btn {
	display: flex;
	width: 100%;
	justify-content: center;
	margin-top: 20px
}

.shop-price h4 {
	font-size: 30px;
	color: var(--color-secondary)
}

.shop-price h4 span {
	display: inline-block;
	font-size: 24px;
	color: var(--sub-title);
	margin-right: 20px;
	position: relative
}

.shop-price h4 span:after {
	position: absolute;
	content: "";
	top: 50%;
	left: -5px;
	transform: translateY(-50%);
	height: 1px;
	width: calc(100% + 10px);
	background-color: var(--color-primary)
}

.star-mark {
	display: flex;
	align-items: center;
	margin-bottom: 10px
}

.star-mark span {
	font-size: 14px;
	padding-left: 5px
}

.shop-single-card:hover .shop-card-img img {
	transform: scale(1.2)
}

.shop-single-card:hover .shop-card-img:after {
	transform: scale(1);
	opacity: 1;
	visibility: visible
}

.shop-single-card:hover .shop-card-content .btn {
	background-color: var(--color-primary);
	border-color: var(--color-primary);
	color: var(--white)
}

.shop-pagination {
	display: flex;
	justify-content: center;
	margin-top: 30px
}

.shop-pagination ul {
	display: flex;
	align-items: center
}

.shop-pagination ul li {
	height: 50px;
	width: 50px;
	border-radius: 50%;
	margin: 0px 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: var(--ease-in);
	cursor: pointer
}

.shop-pagination ul li:first-child, .shop-pagination ul li:last-child {
	height: auto;
	width: auto
}

.shop-pagination ul li:first-child a, .shop-pagination ul li:last-child a
	{
	font-size: 18px;
	display: flex;
	align-items: center;
	color: var(--color-primary);
	text-transform: capitalize
}

.shop-pagination ul li:first-child a i, .shop-pagination ul li:last-child a i
	{
	font-size: 16px;
	display: block;
	margin: 0px 5px;
	font-weight: bold
}

.shop-pagination ul li:first-child {
	margin-right: 20px
}

.shop-pagination ul li:last-child {
	margin-left: 20px
}

.shop-pagination ul li a {
	font-size: 20px;
	color: var(--color-secondary)
}

.shop-pagination ul li:hover, .shop-pagination ul li.active {
	background-color: var(--bg-primary)
}

.shop-pagination ul li:hover a, .shop-pagination ul li.active a {
	color: var(--color-primary)
}

.news-subscribe {
	padding: 70px 0px;
	max-width: 680px;
	margin: 0 auto;
	margin-top: 30px
}

.news-subscribe-heading {
	text-align: center;
	margin-bottom: 40px
}

.news-subscribe-heading h2 {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--color-primary);
	position: relative;
	margin-bottom: 8px
}

.news-subscribe-heading h2:after, .news-subscribe-heading h2:before {
	position: absolute;
	content: "";
	height: 4px;
	width: 4px;
	top: 50%;
	transform: translateY(-50%);
	background-color: var(--color-primary)
}

.news-subscribe-heading h2:after {
	left: 0
}

.news-subscribe-heading h2:before {
	right: 0
}

.news-subscribe-heading h2 span {
	height: 6px;
	width: 6px;
	background-color: var(--color-primary);
	display: inline-block;
	margin: 0px 10px
}

.instragram-area {
	position: relative
}

.instragram-area ul {
	display: flex;
	align-items: center
}

.instragram-area ul li {
	width: 16.6666666667%;
	height: 100%
}

.instragram-area ul li img {
	height: 100%;
	width: 100%;
	object-fit: cover
}

.instragram-area a {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 15px 35px;
	background-color: var(--body-bg);
	display: flex;
	align-items: center;
	color: var(--color-secondary);
	transition: var(--ease-in)
}

.instragram-area a:hover {
	background-color: var(--color-primary);
	color: var(--white)
}

.instragram-area a:hover svg path {
	fill: var(--white)
}

.instragram-area a img, .instragram-area a svg {
	max-width: 25px;
	max-height: 25px;
	margin-right: 15px
}

.instragram-area a svg path {
	fill: var(--color-primary);
	transition: var(--ease-in)
}

@media screen and (max-width: 1199px) {
	.shop-card-content h3 a {
		font-size: 20px
	}
	.star-mark {
		margin-bottom: 5px
	}
	.shop-price h4 {
		font-size: 25px
	}
	.shop-price h4 span {
		margin-right: 10px;
		font-size: 20px
	}
	.shop-card-content {
		padding: 15px 0px
	}
	.shop-card-content .btn {
		font-size: 14px !important
	}
	.shop-price h4 {
		font-size: 20px
	}
	.shop-price h4 span {
		font-size: 17px
	}
}

@media screen and (max-width: 991px) {
	.shop-wrapper {
		grid-gap: 15px
	}
	.instragram-area ul li {
		width: 25%
	}
	.instragram-area ul li:nth-child(5), .instragram-area ul li:nth-child(6)
		{
		display: none
	}
	.news-subscribe {
		padding: 50px 0px;
		max-width: 500px;
		margin-top: 0px
	}
}

@media screen and (max-width: 767px) {
	.shop-wrapper {
		grid-template-columns: 1fr 1fr 1fr
	}
}

@media screen and (max-width: 575px) {
	.shop-wrapper {
		grid-template-columns: 1fr 1fr
	}
	.instragram-area ul li {
		width: 33.3333333333%
	}
	.instragram-area ul li:nth-child(4), .instragram-area ul li:nth-child(5),
		.instragram-area ul li:nth-child(6) {
		display: none
	}
	.shop-pagination {
		margin-top: 35px
	}
	.shop-pagination ul {
		display: flex;
		align-items: center
	}
	.shop-pagination ul li {
		height: 35px;
		width: 35px;
		margin: 0px
	}
	.shop-pagination ul li:first-child a, .shop-pagination ul li:last-child a
		{
		font-size: 14px
	}
	.shop-pagination ul li:first-child a i, .shop-pagination ul li:last-child a i
		{
		font-size: 13px;
		margin: 0px 2px
	}
	.shop-pagination ul li a {
		font-size: 15px
	}
	.news-subscribe-heading h2 {
		font-size: 24px
	}
	.search-box input {
		border: var(--border)
	}
	.instragram-area a {
		padding: 13px 25px
	}
	.instragram-area a svg {
		max-width: 15px;
		max-height: 15px;
		margin-right: 10px
	}
	.shpo-title {
		flex-wrap: wrap
	}
	.shpo-title p, .shpo-title .nice-select {
		margin-top: 10px
	}
	.shpo-title p {
		margin-right: 25px
	}
}

@media screen and (max-width: 420px) {
	.shop-wrapper {
		grid-template-columns: 1fr
	}
	.shpo-title {
		flex-wrap: wrap;
		justify-content: center
	}
	.title-heading {
		margin-bottom: 0
	}
}

.shop-asidebar {
	border-left: 1px solid var(--border-color)
}

.price-filtter-wrapper {
	padding: 50px 0px 80px 50px;
	border-bottom: 1px solid var(--border-color)
}

.side-border {
	position: relative;
	line-height: 1;
	padding-left: 10px;
	font-size: 22px;
	font-weight: var(--regular);
	margin-bottom: 30px
}

.side-border:after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	height: 100%;
	width: 3px;
	background-color: var(--color-primary)
}

.filter-number {
	display: flex;
	align-items: center
}

.product-category {
	padding: 50px 0px 50px 50px;
	border-bottom: 1px solid var(--border-color)
}

.product-category ul {
	margin: 0px 20px;
	max-width: 250px
}

.product-category ul li a {
	padding: 15px 0px;
	border-bottom: 1px solid var(--border-color);
	display: flex;
	justify-content: space-between;
	font-size: 18px;
	color: var(--color-secondary);
	transition: var(--ease-in)
}

.product-category ul li a:hover {
	color: var(--color-primary);
	padding-left: 10px;
	border-color: var(--color-primary)
}

.product-category ul li a:hover span {
	color: var(--color-primary)
}

.product-category ul li a span {
	font-size: 16px
}

.product-category ul li:last-child a {
	border-bottom: 0px
}

.sale-product {
	padding: 50px 0px 50px 50px
}

.sale-single-card {
	display: flex;
	align-items: center;
	border-bottom: 1px solid var(--border-color);
	padding: 30px 0px 20px
}

.sale-single-card:last-child {
	border: none
}

.sale-single-card:first-child {
	padding-top: 0px
}

.sale-single-card .sale-single-card-img {
	max-width: 100px;
	max-height: 100px
}

.sale-single-card .sale-single-card-img img {
	height: 100%;
	width: 100%;
	object-fit: cover
}

.sale-single-card .sale-single-card-content {
	flex: 1;
	margin-left: 30px
}

.sale-single-card .sale-single-card-content h3 {
	margin-bottom: 10px
}

.sale-single-card .sale-single-card-content p {
	margin-bottom: 5px
}

.sale-single-card .sale-single-card-content a {
	font-size: 14px;
	color: var(--color-primary);
	transition: var(--ease-in)
}

.sale-single-card .sale-single-card-content a:hover {
	padding-left: 10px
}

.shop-grid-two {
	grid-template-columns: 1fr 1fr;
	margin-right: 50px
}

.shop-grid-two .shop-card-img img {
	width: 100%
}

.shop-box-card {
	padding: 30px;
	border: var(--border);
	transition: var(--ease-in)
}

.shop-box-card .scc-top {
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%
}

.shop-box-card .scc-top .scps-wrap h3 {
	margin-bottom: 0px;
	margin-right: 15px
}

.shop-box-card .scc-top .shop-price {
	margin-top: 10px
}

.shop-box-card:hover {
	border-color: rgba(0, 0, 0, 0);
	box-shadow: var(--shadow)
}

@media screen and (max-width: 1199px) {
	.shop-grid-two {
		margin-right: 0px
	}
	.shop-box-card {
		padding: 15px
	}
	.product-category, .sale-product {
		padding: 25px 0px 25px 25px
	}
	.price-filtter-wrapper {
		padding: 25px 0px 70px 25px
	}
	.sale-single-card .sale-single-card-img {
		max-width: 80px;
		max-height: 80px
	}
	.sale-single-card .sale-single-card-content {
		margin-left: 15px
	}
}

@media screen and (max-width: 767px) {
	.md-order-1 {
		order: 1
	}
	.md-order-2 {
		order: 2
	}
	.sale-single-card-wrapper {
		display: grid;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		grid-column-gap: 30px;
		grid-template-columns: 1fr 1fr;
		margin: 0 auto
	}
	.sale-single-card:last-child {
		border-bottom: var(--border)
	}
	.shop-asidebar {
		margin-bottom: 30px
	}
	.sale-product {
		padding-bottom: 0px
	}
}

@media screen and (max-width: 575px) {
	.sale-single-card-wrapper {
		grid-template-columns: 1fr
	}
	.sale-single-card:last-child {
		border: none
	}
	.shop-wrapper.shop-grid-two {
		grid-template-columns: 1fr
	}
}

.product-breadcrumb {
	margin-bottom: 30px;
	/*     margin-left: 30px; */
	position: relative;
}

.product-breadcrumb .breadcrumb .breadcrumb-item a {
	color: #e3e3e3;
	font-size: 18px
}

.product-breadcrumb .breadcrumb .breadcrumb-item:before {
	color: var(--sub-title)
}

.product-breadcrumb .breadcrumb .breadcrumb-item.active {
	color: #ffffff;
	font-weight: bold;
	font-size: 18px;
}

.product-dtls-wrapper {
	margin-bottom: 70px
}

.product-dtls-wrapper .product-dtls-slider {
	margin-right: 100px
}

.product-dtls-wrapper .product-dtls-slider .lSSlideOuter .lightSlider li img
	{
	width: 100%
}

.product-dtls-wrapper .lSGallery {
	margin-top: 30px !important;
	display: flex !important
}

.product-dtls-wrapper .lSGallery li {
	margin-right: 20px !important;
	position: relative
}

.product-dtls-wrapper .lSGallery li img {
	width: 100%
}

.product-dtls-wrapper .lSGallery li:after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: var(--ct-overlay);
	transition: var(--ease-in);
	opacity: 1
}

.product-dtls-wrapper .lSGallery li:hover, .product-dtls-wrapper .lSGallery li.active
	{
	border-radius: 0px !important
}

.product-dtls-wrapper .lSGallery li.active:after {
	transform: scale(0.5);
	opacity: 0
}

.product-dtls-wrapper .lSGallery li:last-child {
	margin-right: 0px !important
}

.post-description {
	/*     margin-top: 50px; */
	padding: 35px;
	border: var(--border);
	background-color: var(--bg-primary);
	/*     max-width: 850px */
	display: flex;
	align-items: center;
}

.tab-text h2 {
	font-size: 40px;
	margin-bottom: 15px;
}

.about-dtls-wrapper {
	margin-bottom: 50px;
}

.tab-text {
	margin-left: 20px;
}

.tab-img img {
	width: 100%;
	height: 100%;
	    border-radius: 7px 7px 0px 0px;
}

.post-description p {
	margin-bottom: 25px
}

.post-description ul li {
	display: block;
	font-size: 16px;
	line-height: 1.5;
	color: var(--color-secondary);
	position: relative;
	padding-left: 15px;
	margin-bottom: 15px
}

.post-description ul li:last-child {
	margin-bottom: 0px
}

.post-description ul li:after {
	position: absolute;
	content: "";
	top: 8px;
	left: 0;
	height: 5px;
	width: 5px;
	transform: rotate(-45deg);
	background-color: var(--color-primary)
}

.cmr-pro h3 {
	font-size: 18px;
	margin-bottom: 5px
}

.cmr-pro h3 a {
	color: var(--cmr-pro)
}

.cmr-pro h4 {
	font-size: 20px;
	color: var(--color-secondary);
	margin-bottom: 10px
}

.cmr-pro h4 span {
	font-size: 16px;
	display: inline-block;
	margin-right: 5px;
	padding: 0px 5px;
	color: var(--light-gray);
	position: relative;
	font-weight: var(--regular)
}

.cmr-pro h4 span:after {
	position: absolute;
	content: "";
	top: 50%;
	left: 0;
	height: 1px;
	width: 100%;
	background-color: var(--color-primary);
	transform: translateY(-50%)
}

.cmr-pro .buy-now {
	display: block;
	font-size: 14px;
	color: var(--color-primary)
}

.review-single-cart .nsc-list-content {
	position: relative
}

.review-single-cart .nsc-list-content .review-cotation {
	display: flex;
	justify-content: flex-end
}

.review-single-cart .nsc-list-content .star-mark.star-fill {
	margin-bottom: 0px;
	margin-top: 10px
}

.sale-review {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 15px
}

.sale-review .star-mark {
	margin-right: 25px
}

.sale-review .star-mark span {
	color: var(--color-secondary)
}

.sale-review a {
	color: var(--sub-title);
	font-size: 14px;
	margin-bottom: 10px;
	transition: var(--ease-in)
}

.sale-review a:hover {
	color: var(--color-primary)
}

.product-dtls-content h2 {
	margin-bottom: 25px
}

.product-dtls-content .shop-price {
	margin-bottom: 20px
}

/* .product-dtls-content>ul { */
/*     margin: 25px 0px */
/* } */
.about-img img {
	border-radius: 10px;
}

.product-dtls-content>ul li {
	margin-bottom: 15px;
	position: relative;
	padding-left: 15px;
	font-size: 16px;
	color: var(--color-secondary);
	line-height: 1.5
}

.product-dtls-content>ul li:after {
	position: absolute;
	content: "";
	top: 8px;
	left: 0;
	height: 6px;
	width: 6px;
	border-radius: 50%;
	background-color: var(--color-primary)
}

.product-dtls-content .star-mark .rating>label {
	color: gold;
	float: right
}

.pro-dtls-category>h5 {
	font-size: 18px;
	color: var(--color-secondary);
	margin-bottom: 30px
}

.pdc-color-wrapper {
	display: flex;
	align-items: center
}

.pdc-color-wrapper h5 {
	margin-bottom: 5px;
	font-size: 18px;
	margin-right: 10px
}

.sidebar-categories-box li a {
	position: relative;
	display: block;
	color: #777777;
	font-size: 17px;
	font-weight: 500;
	line-height: 48px;
	text-transform: capitalize;
	border: 1px solid #ede8e6;
	padding-left: 19px;
	padding-right: 19px;
	letter-spacing: 0.0em;
	transition: all 500ms linear;
	transition-delay: 0.1s;
	z-index: 1;
}

ul.sidebar-categories-box li {
	margin-bottom: 10px;
}

ul.pdf-muhs li a:before {
	content: "\f1c1";
	font-family: 'FontAwesome';
	color: #d31b41;
	padding-right: 10px;
}

.sidebar-categories-box li a:after {
	content: "";
	position: absolute;
	top: -1px;
	left: -1px;
	bottom: -1px;
	right: -1px;
	border-radius: 0px;
	background: #d31b41;
	transform: perspective(400px) scaleX(0);
	transform-origin: left;
	transition: all 600ms ease 100ms;
	z-index: -1;
}

.sidebar-categories-box li a:hover:after {
	transform: perspective(400px) scaleX(1.0);
	transform-origin: right;
}

.sidebar-categories-box li a:hover {
	color: #fff;
}

ul.pdf-muhs li a:hover:before {
	color: #ffffff;
}

.product-dtls-content>ul li {
	margin-bottom: 15px;
	position: relative;
	padding-left: 15px;
	font-size: 16px;
	color: var(--color-secondary);
	line-height: 1.5
}

.product-dtls-content>ul li:after {
	position: absolute;
	content: "";
	top: 8px;
	left: 0;
	height: 6px;
	width: 6px;
	border-radius: 50%;
	background-color: var(--color-primary)
}

.product-dtls-content .star-mark .rating>label {
	color: gold;
	float: right
}

.pro-dtls-category>h5 {
	font-size: 18px;
	color: var(--color-secondary);
	margin-bottom: 30px
}

.pdc-color-wrapper {
	display: flex;
	align-items: center
}

.pdc-color-wrapper h5 {
	margin-bottom: 5px;
	font-size: 18px;
	margin-right: 10px
}

.pdc-color-wrapper .pdc-color ul {
	display: flex;
	align-items: center
}

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

.pdc-size-wrapper {
	display: flex;
	align-items: center
}

.pdc-size-wrapper h5 {
	margin-bottom: 5px;
	font-size: 18px;
	margin-right: 15px
}

.pdc-size-wrapper .pdc-size ul {
	display: flex
}

.pdc-size-wrapper .pdc-size ul li {
	margin: 0px 5px
}

.choice-size .label-check {
	height: 25px;
	width: 25px
}

.choice-size .label-check .check-input:checked+span {
	color: var(--color-primary)
}

.choice-size .label-check .checked {
	display: flex;
	align-items: center;
	justify-content: center
}

.choice-size .label-check .checked:after {
	display: none
}

.pdc-wrapper {
	margin-bottom: 35px
}

.pdcb-wrapper {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 20px
}

.pdcb-wrapper .input-number-wrapper {
	margin-right: 30px;
	width: 150px;
	height: 54px;
	margin-bottom: 10px
}

.pdcb-wrapper .input-number-wrapper .increase {
	right: 15px
}

.pdcb-wrapper .input-number-wrapper .decrease {
	left: 15px
}

.pdcb-wrapper button {
	margin-bottom: 10px
}

.pdc-social-icon h4 {
	font-size: 18px;
	margin-bottom: 30px
}

.social-icon.social-outline-gray li {
	border: 1px solid var(--sub-title);
	transition: var(--ease-in)
}

.social-icon.social-outline-gray li:hover {
	border: 1px solid var(--color-primary);
	background-color: var(--color-primary)
}

.social-icon.social-outline-gray li:hover i {
	color: var(--white)
}

.social-icon.social-outline-gray li i {
	color: var(--sub-title);
	transition: var(--ease-in)
}

@media screen and (max-width: 1350px) {
	.product-dtls-wrapper .product-dtls-slider {
		margin-right: 50px
	}
}

@media screen and (max-width: 1190px) {
	.sale-review {
		margin-bottom: 15px
	}
	.product-dtls-content h2 {
		margin-bottom: 15px;
		font-size: 25px
	}
	.pdc-wrapper {
		align-items: flex-start;
		flex-direction: column
	}
	.pdc-color-wrapper {
		margin-bottom: 10px
	}
	.pro-dtls-category>h5 {
		font-size: 18px;
		margin-bottom: 20px
	}
}

@media screen and (max-width: 991px) {
	.product-dtls-wrapper .product-dtls-slider {
		margin-right: 25px
	}
}

@media screen and (max-width: 767px) {
	.product-dtls-content {
		margin-top: 50px
	}
	.product-dtls-wrapper .product-dtls-slider {
		margin-right: 0px;
		max-width: 500px
	}
	.product-breadcrumb {
		margin-bottom: 25px
	}
	.sale-review {
		margin-bottom: 0px
	}
	.product-dtls-wrapper {
		margin-bottom: 50px
	}
	.description-card-wrapper {
		padding: 25px 0px 50px
	}
	.pdc-social-icon h4 {
		font-size: 18px;
		margin-bottom: 15px
	}
	.post-description {
		margin-top: 25px;
		padding: 25px
	}
}

@media screen and (max-width: 575px) {
	.pdcb-wrapper .input-number-wrapper {
		width: 130px;
		height: 45px
	}
	.product-dtls-wrapper .lSGallery {
		margin-top: 15px !important
	}
	.product-dtls-wrapper .lSGallery li {
		margin-right: 10px !important
	}
}

.description-card-wrapper {
	padding: 50px 0px
}

.description-card-wrapper .owl-dots {
	position: absolute;
	bottom: 0px;
	left: 50%;
	display: flex;
	align-items: center;
	transform: translateX(-50%)
}

.description-card-wrapper .owl-dots .owl-dot {
	margin: 0px 10px;
	height: 10px;
	width: 10px;
	border-radius: 50%;
	background-color: var(--sub-title);
	transition: var(--ease-in)
}

.description-card-wrapper .owl-dots .owl-dot.active {
	background-color: var(--color-primary)
}

.nsc-list-single.nsc-border-list {
	margin-bottom: 5px;
	padding: 15px 20px;
	border: var(--border);
	background-color: var(--bg-primary);
	margin-right: 5px
}

.description-tab-content .tab-pane {
	display: none
}

.description-tab-content .tab-pane.active {
	display: block
}

.description-nav {
	display: flex;
	margin-bottom: 10px;
	flex-wrap: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
	padding: 10px;
}

.description-nav li button {
	padding: 15px 15px;
	font-size: 16px;
	color: #3a8ab7;
	border: 1px solid #fff;
	background-color: var(--bg-primary);
	transition: var(--ease-in);
	margin: 3px;
	font-weight: bold;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12);
	border-radius: 2px;
	position: relative;
	    width: max-content;
	cursor: pointer;    
}


.description-nav li button:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0.2;
    z-index: 1;
    border-radius: 2px;
}

.description-nav li button {
	color: #3a8ab7;
}

.description-nav li button.active {
	background-color: #0e6a93;
	color: var(--white);
}

.description-nav li button.active:after {
	content: "";
	display: block;
	position: absolute;
	opacity: 1;
	z-index: 1;
	border-radius: 2px;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid #0e6a93;
	bottom: -15px;
	left: 50%;
	margin-left: -16px;
}


/* --------------- */
.product-description {
	padding-bottom: 50px
}

@media screen and (max-width: 767px) {
	.description-nav li button {
		padding: 15px 25px
	}
}

@media screen and (max-width: 575px) {
	.description-nav li button {
		padding: 10px 15px;
		font-size: 13px
	}
	.description-card-wrapper {
		padding: 25px 0px
	}
}

.related-product-area {
	padding: 50px 150px 70px;
	border: var(--border);
	background-color: var(--bg-primary)
}

.related-product-area .related-heading {
	text-align: center;
	margin-bottom: 50px
}

.related-product-area .related-heading h3 {
	display: inline-block;
	margin-bottom: 0px
}

.related-product-wrapper {
	display: grid;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	grid-gap: 70px;
	grid-template-columns: 1fr 1fr 1fr;
	margin: 0 auto;
	position: relative
}

.related-product-wrapper:after {
	position: absolute;
	content: "";
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 70%;
	height: 1px;
	background-color: var(--border-color)
}

.related-product-wrapper .sale-single-card {
	border-bottom: none;
	padding: 0px
}

.related-product-wrapper .sale-single-card:nth-child(2) {
	position: relative
}

.related-product-wrapper .sale-single-card:nth-child(2):after,
	.related-product-wrapper .sale-single-card:nth-child(2):before {
	position: absolute;
	content: "";
	top: 50%;
	transform: translateX(-50%);
	width: 1px;
	height: 200px;
	background-color: var(--border-color)
}

.related-product-wrapper .sale-single-card:nth-child(2):after {
	left: -35px
}

.related-product-wrapper .sale-single-card:nth-child(2):before {
	right: -35px
}

@media screen and (max-width: 1199px) {
	.related-product-area {
		padding: 50px
	}
	.related-product-wrapper {
		grid-gap: 50px
	}
	.related-product-wrapper .sale-single-card:nth-child(2):before,
		.related-product-wrapper .sale-single-card:nth-child(2):after {
		height: 120px
	}
	.related-product-wrapper .sale-single-card:nth-child(2):before {
		right: -25px
	}
	.related-product-wrapper .sale-single-card:nth-child(2):after {
		left: -25px
	}
}

@media screen and (max-width: 991px) {
	.related-product-wrapper {
		grid-template-columns: 1fr 1fr
	}
	.related-product-wrapper:after {
		display: none
	}
	.related-product-wrapper .sale-single-card:nth-child(2):before,
		.related-product-wrapper .sale-single-card:nth-child(2):after {
		display: none
	}
}

@media screen and (max-width: 767px) {
	.related-product-wrapper {
		grid-template-columns: 1fr 1fr;
		grid-gap: 30px
	}
	.related-product-wrapper:after {
		display: none
	}
	.related-product-wrapper .sale-single-card:nth-child(2):before,
		.related-product-wrapper .sale-single-card:nth-child(2):after {
		display: none
	}
}

@media screen and (max-width: 575px) {
	.related-product-wrapper {
		grid-template-columns: 1fr
	}
}

@media screen and (max-width: 450px) {
	.related-product-area {
		padding: 30px
	}
}

.product-dtls-slider-two {
	margin-left: 220px;
	position: relative
}

.product-dtls-slider-two .lSGallery {
	position: absolute;
	top: 0;
	left: -220px;
	margin-top: 0px !important;
	display: flex;
	flex-direction: column;
	max-width: 200px;
	align-items: center;
	justify-content: space-between
}

.product-dtls-slider-two li {
	margin: 0px 0px 20px 0px !important;
	position: relative;
	height: 100%
}

.product-dtls-slider-two li img {
	width: 100%
}

.product-dtls-slider-two li:after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: var(--ct-overlay);
	transition: var(--ease-in);
	opacity: 1
}

.product-dtls-slider-two li:hover, .product-dtls-slider-two li.active {
	border-radius: 0px !important
}

.product-dtls-slider-two li.active:after {
	transform: scale(0.5);
	opacity: 0
}

.product-dtls-slider-two li:last-child {
	margin-bottom: 0px !important;
	height: 100%
}

.product-two-social {
	margin-left: 220px;
	margin-top: 50px
}

.product-two-social .sale-review {
	margin-bottom: 20px !important
}

.pdc-social-icon-two {
	display: flex;
	align-items: center
}

.pdc-social-icon-two h4 {
	margin-right: 20px;
	font-size: 16px
}

.pdc-category {
	margin-bottom: 50px
}

.pdc-category h4 {
	font-size: 18px;
	color: var(--color-secondary);
	display: flex;
	align-items: center
}

.pdc-category h4 a {
	font-size: 16px;
	padding-left: 5px;
	color: var(--color-primary)
}

.pdc-quantity {
	display: flex;
	align-items: center
}

.pdc-quantity h4 {
	font-size: 16px;
	color: var(--color-secondary);
	margin-right: 10px
}

.pdc-quantity .input-number-wrapper .increase {
	right: 10px
}

.pdc-quantity .input-number-wrapper .decrease {
	left: 10px
}

.pdc-dtls-two .pdc-wrapper {
	justify-content: flex-start
}

.pdc-dtls-two .pdc-wrapper .pdc-color-wrapper {
	margin-right: 50px
}

.pdc-dtls-two .pdc-wrapper .pdc-color .label-check {
	border-radius: 0px
}

.pdc-dtls-two .pdc-wrapper .pdc-color .label-check .check-input:checked+span:before
	{
	transform: scale(1);
	visibility: visible;
	opacity: 1
}

.pdc-dtls-two .pdc-wrapper .pdc-color .label-check .checked {
	border-radius: 0px
}

.pdc-dtls-two .pdc-wrapper .pdc-color .label-check .checked:before {
	content: "?";
	opacity: 0;
	visibility: hidden;
	transform: scale(0);
	font-family: IcoFont;
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	color: var(--white);
	background-color: rgba(0, 0, 0, 0);
	border: none
}

.pdc-dtls-two .pdc-size-wrapper {
	margin-bottom: 50px
}

.pdc-add .btn-with-icon {
	display: flex;
	transition: var(--ease-in)
}

.pdc-add .btn-with-icon i {
	display: block;
	padding: 15px 20px;
	font-size: 18px;
	background-color: var(--color-secondary);
	color: var(--body-bg)
}

.pdc-add .btn-with-icon span {
	padding: 15px 100px;
	font-size: 18px;
	color: var(--white);
	background-color: var(--color-primary)
}

.pdc-add .btn-with-icon:hover {
	opacity: .95
}

.product-dtls-two {
	margin-bottom: 50px
}

.product-description-two {
	border-top: var(--border);
	padding-top: 50px
}

.nsc-border-list.nsc-circle-shape {
	padding: 35px 20px;
	position: relative
}

.nsc-border-list.nsc-circle-shape .img-circle {
	border-radius: 50%;
	overflow: hidden
}

.nsc-border-list.nsc-circle-shape .nsc-list-content .cotation {
	position: absolute;
	top: 15px;
	right: 15px
}

.nsc-border-list.nsc-circle-shape .nsc-list-content .cotation i {
	font-size: 15px;
	color: var(--sub-title)
}

.nsc-border-list.nsc-circle-shape .nsc-list-content h3 {
	margin-bottom: 10px
}

.nsc-border-list.nsc-circle-shape .nsc-list-content .star-mark {
	margin-bottom: 0px
}

.related-product-two .related-heading {
	text-align: center;
	margin-bottom: 50px
}

.related-product-two .related-heading h3 {
	display: inline-block;
	margin-bottom: 0px
}

.rpt-wrapper {
	padding: 80px 130px;
	border: var(--border);
	background-color: var(--bg-primary);
	position: relative
}

.rpt-wrapper button {
	padding: 5px;
	font-size: 16px;
	color: var(--white);
	background-color: var(--color-primary);
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}

.rpt-wrapper button.prev-one {
	left: 30px
}

.rpt-wrapper button.next-one {
	right: 30px
}

.related-product-two {
	padding-top: 50px
}

@media screen and (max-width: 1350px) {
	.product-dtls-slider-two {
		margin-left: 180px
	}
	.product-dtls-slider-two .lSGallery {
		left: -180px;
		max-width: 160px
	}
	.product-two-social {
		margin-left: 180px
	}
	.product-two-social .sale-review {
		margin-bottom: 10px !important
	}
}

@media screen and (max-width: 1190px) {
	.product-dtls-slider-two {
		margin-left: 150px
	}
	.product-dtls-slider-two .lSGallery {
		left: -150px;
		max-width: 130px
	}
	.product-two-social {
		margin-left: 150px
	}
}

@media screen and (max-width: 991px) {
	.product-dtls-slider-two {
		margin-left: 100px
	}
	.product-dtls-slider-two .lSGallery {
		left: -100px;
		max-width: 90px
	}
	.product-two-social {
		margin-left: 100px;
		margin-top: 25px
	}
	.pdc-category {
		margin-bottom: 25px
	}
	.pdc-add .btn-with-icon i {
		font-size: 16px
	}
	.pdc-add .btn-with-icon span {
		padding: 15px 35px;
		font-size: 16px
	}
}

@media screen and (max-width: 767px) {
	.product-dtls-slider-two {
		margin-left: 150px
	}
	.product-dtls-slider-two .lSGallery {
		left: -150px;
		max-width: 120px
	}
	.product-dtls-slider-two .lSGallery li {
		margin: 0px 0px 10px 0px !important
	}
	.product-dtls-slider-two .lSGallery li img {
		object-fit: cover
	}
	.product-two-social {
		margin-left: 150px;
		margin-top: 25px
	}
	.pdc-category {
		margin-bottom: 25px
	}
	.pdc-add .btn-with-icon i {
		font-size: 16px
	}
	.pdc-add .btn-with-icon span {
		padding: 15px 35px;
		font-size: 16px
	}
	.related-product-two {
		padding-top: 0px
	}
	.related-product-two .related-heading {
		margin-bottom: 30px
	}
	.rpt-wrapper {
		padding: 50px 80px;
		border: var(--border);
		background-color: var(--bg-primary);
		position: relative
	}
}

@media screen and (max-width: 575px) {
	.product-breadcrumb .breadcrumb .breadcrumb-item.active {
		font-size: 14px
	}
	.product-breadcrumb .breadcrumb .breadcrumb-item a {
		font-size: 14px
	}
	.product-dtls-slider-two {
		margin-left: 100px
	}
	.product-dtls-slider-two .lSGallery {
		left: -100px;
		max-width: 90px
	}
	.product-dtls-slider-two .lSGallery li img {
		object-fit: cover
	}
	.product-two-social {
		margin-left: 0px
	}
}

@media screen and (max-width: 400px) {
	.product-dtls-slider-two {
		margin-left: 80px
	}
	.product-dtls-slider-two .lSGallery {
		left: -80px;
		max-width: 70px
	}
	.product-dtls-content h2 {
		font-size: 20px
	}
	.product-two-social {
		margin-left: 0px
	}
	.product-two-social .sale-review {
		flex-direction: column;
		align-items: flex-start
	}
	.pdc-social-icon-two {
		align-items: flex-start;
		flex-direction: column
	}
	.pdc-social-icon-two h4 {
		margin-bottom: 10px
	}
	.pdc-dtls-two .pdc-size-wrapper {
		margin-bottom: 25px
	}
	.pdc-wrapper {
		margin-bottom: 25px
	}
	.rpt-wrapper {
		padding: 25px 40px
	}
	.rpt-wrapper button.prev-one {
		left: 5px
	}
	.rpt-wrapper button.next-one {
		right: 5px
	}
}

.cart-breadcrumb .breadcrumb .breadcrumb-item {
	font-size: 16px;
	color: var(--sub-title)
}

.cart-breadcrumb .breadcrumb .breadcrumb-item.active {
	color: var(--color-secondary)
}

.cart-breadcrumb .breadcrumb .breadcrumb-item:before {
	content: ">";
	color: var(--sub-title)
}

.cart-breadcrumb .breadcrumb .breadcrumb-item:first-child:before {
	content: ""
}

.checkout-table-wrapper {
	margin-top: 80px
}

.cart-product-list {
	margin-right: 100px
}

#table_id {
	border-bottom: 0px;
	padding-left: 35px;
	max-width: 100%
}

#table_id thead tr th {
	border-bottom: var(--border);
	font-size: 18px;
	color: var(--color-secondary);
	font-weight: var(--medium);
	padding: 20px 0px
}

#table_id thead tr th:after, #table_id thead tr th:before {
	display: none
}

#table_id thead tr th:last-child {
	text-align: right
}

#table_id tbody tr {
	background-color: rgba(0, 0, 0, 0)
}

#table_id tbody tr td {
	background-color: rgba(0, 0, 0, 0);
	padding: 30px 0px;
	border-bottom: var(--border);
	border-top: none
}

#table_id tbody tr td:last-child {
	text-align: right
}

#table_id tbody tr td .cart-product {
	display: flex;
	align-items: center;
	position: relative
}

#table_id tbody tr td .cart-product>span {
	display: block;
	font-size: 20px;
	color: var(--color-secondary);
	cursor: pointer;
	position: absolute;
	top: 50%;
	left: -35px;
	transform: translateY(-50%)
}

#table_id tbody tr td .cart-product>span:hover {
	color: var(--color-primary)
}

#table_id tbody tr td .cp-img {
	height: 60px;
	width: 60px;
	margin-right: 20px
}

#table_id tbody tr td .cp-img img {
	height: 100%;
	width: 100%
}

#table_id tbody tr td .cp-content h4 {
	font-size: 18px
}

#table_id tbody tr td .cp-content h4 a {
	color: var(--color-secondary);
	transition: var(--ease-in)
}

#table_id tbody tr td .cp-content h4 a:hover {
	color: var(--color-primary)
}

#table_id tbody tr td .cp-dtls {
	display: flex;
	align-items: center;
	margin-top: 5px
}

#table_id tbody tr td .cp-dtls p:nth-child(1) {
	margin-right: 15px
}

.shopping-info, .shopping-address {
	padding: 50px;
	background-color: var(--bg-primary);
	margin-bottom: 20px
}

.shopping-info h2, .shopping-address h2 {
	font-size: 24px;
	margin-bottom: 25px
}

.shopping-info .checkbox-group {
	margin-left: 25px;
	display: block
}

.shopping-info .checkbox-group .checked-content {
	white-space: nowrap
}

.shopping-info .checkbox-group:nth-child(1) {
	margin-bottom: 15px
}

.shopping-address p {
	color: var(--color-secondary);
	margin-bottom: 10px
}

.shopping-address a {
	color: var(--color-primary);
	font-weight: var(--medium)
}

.cart-step {
	margin-top: 50px;
	margin-left: 35px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap
}

.card-cuppon {
	display: flex;
	align-items: center;
	margin-bottom: 10px
}

.cuppon-number {
	border: var(--border);
	margin-right: 10px;
	padding: 15px 30px
}

.cuppon-number span {
	font-size: 16px;
	color: var(--sub-title);
	font-weight: var(--light)
}

.card-checkout {
	display: flex;
	align-items: center;
	margin-bottom: 10px
}

.card-checkout a:first-child {
	display: block;
	margin-right: 30px;
	color: var(--color-primary);
	font-weight: var(--medium)
}

#table_id {
	margin-right: 15px
}

#table_id thead tr th {
	padding: 20px 30px
}

#table_id thead tr th:last-child {
	padding-right: 0px
}

#table_id thead tr th:first-child {
	padding-left: 0px
}

#table_id tbody tr td {
	padding: 30px
}

#table_id tbody tr td:last-child {
	padding-right: 0px
}

#table_id tbody tr td:first-child {
	padding-left: 0px
}

#table_id tbody tr td .cp-img {
	height: 50px;
	width: 50px
}

#table_id tbody tr td .cart-product>span {
	top: 40px;
	left: -35px
}

#table_id tbody tr .child {
	text-align: left;
	background-color: var(--bg-primary);
	padding: 15px
}

#table_id tbody tr .child .dtr-details {
	padding-bottom: 0px;
	width: 100%
}

#table_id tbody tr .child .dtr-details li {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	text-align: left;
	padding: 15px
}

#table_id tbody tr .child .dtr-details li span:nth-child(1) {
	margin-right: 30px;
	position: relative;
	font-size: 18px;
	color: var(--color-secondary)
}

#table_id tbody tr .child .dtr-details li span:nth-child(1):after {
	position: absolute;
	content: ":";
	top: 50%;
	right: -5px;
	font-size: 16px;
	font-weight: var(--bold);
	color: var(--color-secondary);
	transform: translateY(-50%)
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
	table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
	top: 25px;
	left: -33px;
	margin-top: 0px;
	border: none;
	box-shadow: none;
	content: "+";
	background-color: var(--sub-heading)
}

@media screen and (max-width: 1190px) {
	.cart-product-list {
		margin-right: 30px
	}
}

@media screen and (max-width: 991px) {
	#table_id {
		max-width: 90%;
		margin: 0 auto !important
	}
	#table_id tbody tr td {
		padding: 15px
	}
	.shopping-info, .shopping-address {
		padding: 35px 25px
	}
	.cart-product-list {
		margin-right: 0px;
		margin-bottom: 50px
	}
	.checkout-table-wrapper {
		margin-top: 30px
	}
}

@media screen and (max-width: 767px) {
	.cart-step {
		margin-left: 0px;
		margin-top: 25px
	}
	.checkout-table-wrapper {
		margin-bottom: 50px
	}
	#table_id tbody tr td:last-child {
		padding-right: 15px
	}
	.card-cuppon {
		margin-bottom: 25px
	}
	.card-checkout a {
		order: 2;
		padding-left: 35px;
		padding-right: 0px
	}
	.cart-step {
		flex-direction: column;
		align-items: flex-start
	}
}

@media screen and (max-width: 575px) {
	#table_id {
		width: 100%
	}
	.cuppon-number {
		padding: 13px 30px
	}
	.cuppon-number span {
		font-size: 14px
	}
	.checkout-table-wrapper {
		margin-bottom: 25px
	}
}

.checkout-breadcrumb {
	margin-bottom: 50px;
	display: flex;
	justify-content: center
}

.checkout-wrapper {
	background-color: var(--body-bg);
	box-shadow: var(--shadow);
	margin: 0px
}

.checkout-from {
	padding: 20px
}

.checkout-from h3 {
	font-size: 30px;
	font-weight: var(--medium)
}

.ch-form-group {
	display: grid;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	grid-gap: 30px;
	grid-template-columns: 1fr 1fr;
	margin: 0 auto
}

.ch-form-group .select-group {
	padding: 20px 0px
}

.ch-form-group .select-group label {
	display: block;
	font-size: var(--text-16);
	color: var(--color-secondary);
	margin-bottom: 10px
}

.ch-form-group .select-group .nice-select {
	height: 50px;
	border-radius: 0px;
	width: 100%
}

.ch-form-group .select-group .nice-select:after {
	margin-top: -2px
}

.ch-form-group .select-group .nice-select .current {
	padding-top: 5px
}

.ch-form-group .select-group .nice-select .list {
	width: 100%;
	border-radius: 0px
}

.ch-form-group .select-group .nice-select span {
	display: block
}

.checkout-order {
	border-left: 1px solid var(--border-color);
	height: 100%
}

.checkout-order h2 {
	text-align: center;
	background-color: var(--color-primary);
	color: var(--white);
	font-size: 28px;
	padding: 20px;
	font-weight: var(--medium)
}

.checkout-table {
	margin-top: 15px
}

.checkout-table #table_id_wrapper {
	overflow: hidden;
	box-sizing: border-box;
	width: calc(100% - 50px);
	margin: 0 auto
}

.checkout-table #table_id {
	box-sizing: border-box
}

.p-0 {
	padding: 0px
}

.checkout-select-option {
	padding: 40px 55px;
	display: grid;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	grid-gap: 70px;
	grid-template-columns: 1fr 1fr;
	margin: 0 auto;
	border-top: var(--border);
	margin-top: 30px
}

.checkout-payment h3, .checkout-shipping h3 {
	font-weight: var(--medium);
	font-size: 24px;
	color: var(--color-secondary);
	margin-bottom: 30px
}

.checkout-radio-box .checkbox-group {
	margin-bottom: 25px;
	border-radius: 50% !important
}

.checkout-radio-box .checkbox-group.rounded .checked:after,
	.checkout-radio-box .checkbox-group.rounded .checked::before {
	border-radius: 50%
}

.checkout-radio-box .checkbox-group.rounded .checked:after {
	background-color: var(--color-primary);
	content: ""
}

.checkout-radio-box .checkbox-group.rounded .checked-content {
	color: var(--sub-title)
}

.total {
	display: flex;
	justify-content: flex-end;
	margin-top: 20px;
	padding: 0px 25px
}

.total h3 {
	font-size: 18px;
	font-weight: var(--medium);
	color: var(--color-primary)
}

.total h3 span {
	display: inline-block;
	padding-left: 15px;
	color: var(--color-secondary);
	font-size: 22px
}

.checkout-table .checkout-table-wrap {
	padding: 0px 30px
}

.checkout-table>.checkbox-group {
	margin-left: 55px;
	margin-right: 25px;
	height: auto;
	width: auto
}

.checkout-table>.checkbox-group .checked-content {
	color: var(--sub-title);
	white-space: unset;
	line-height: 1.2
}

.checkout-table>.checkbox-group .checked {
	top: 0px !important;
	left: 0;
	transform: translate(0%, 0%);
	height: 15px;
	width: 15px
}

.checkout-table button {
	margin: 0 auto;
	display: flex;
	margin-bottom: 50px
}

.checkout-area {
	max-width: 1380px;
	margin: 0 auto
}

@media screen and (max-width: 1350px) {
	.checkout-wrapper {
		grid-gap: 0px
	}
	.checkout-from {
		padding: 60px 75px
	}
}

@media screen and (max-width: 1190px) {
	.checkout-select-option {
		grid-gap: 20px
	}
	.checkout-table ul li {
		padding: 25px 50px
	}
}

@media screen and (max-width: 991px) {
	.checkout-order {
		border: 1px solid var(--border-color)
	}
	.checkout-from {
		padding: 50px 100px 10px
	}
	.corder-md-2 {
		order: 2
	}
	.corder-md-1 {
		order: 1
	}
	.checkout-table #table_id_wrapper {
		width: calc(100% - 10px)
	}
}

@media screen and (max-width: 575px) {
	.checkout-payment h3, .checkout-shipping h3 {
		font-size: 20px
	}
	.checkout-from {
		padding: 50px 25px
	}
	.checkout-from .checked-content {
		font-size: 15px !important
	}
	.checkout-breadcrumb {
		margin-bottom: 25px
	}
	.checkout-select-option {
		padding: 30px 25px 0px
	}
	.checkout-from {
		padding: 50px 25px 0px
	}
	.checkout-from h3 {
		font-size: 20px;
		margin-bottom: 20px
	}
	.checkout-order h2 {
		font-size: 20px;
		padding: 15px
	}
	.checkout-table ul li .check-center h3 {
		font-size: 20px
	}
	.checkout-table ul li .check-center h4 {
		font-size: 20px
	}
	.checkout-table ul li .check-center h4 span {
		font-size: 18px
	}
	.checkout-table>.checkbox-group.cbox-red {
		margin-left: 25px
	}
	.checkout-table>.checkbox-group.cbox-red .checked-content {
		font-size: 15px
	}
	.checkout-select-option .checkbox-group.cbox-red .checked-content {
		font-size: 15px
	}
}

@media screen and (max-width: 450px) {
	.checkout-select-option {
		grid-gap: 10px;
		grid-template-columns: 1fr
	}
	.checkout-table {
		padding-top: 15px
	}
}

.single-tag-wrapper {
	margin-top: 20px
}

.tag-slider-single {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap
}

.single-tag-slider {
	position: relative
}

.single-tag-slider .owl-dots {
	position: absolute;
	right: 30px;
	bottom: 65px;
	display: flex;
	align-items: center
}

.single-tag-slider .owl-dots .owl-dot {
	height: 10px;
	width: 10px;
	border-radius: 50%;
	background-color: var(--nav-color);
	margin: 0px 10px;
	transition: var(--ease-in)
}

.single-tag-slider .owl-dots .owl-dot.active {
	background-color: var(--color-primary)
}

.tag-slider-img {
	margin-top: 30px;
	max-width: 60%
}

.tag-slider-content {
	flex: 1;
	padding: 70px;
	box-shadow: var(--shadow);
	margin: 30px 30px 0px -70px;
	z-index: 9;
	background-color: var(--bg-primary)
}

.tag-slider-content h2 {
	line-height: 1.1;
	margin-bottom: 10px
}

.tag-slider-content h2 a {
	font-size: 24px;
	color: var(--color-secondary);
	transition: var(--ease-in)
}

.tag-slider-content h2 a:hover {
	color: var(--color-primary)
}

.tag-slider-content p {
	margin-bottom: 30px
}

.tag-slider-timeline {
	display: flex;
	align-items: center;
	margin-bottom: 10px
}

.tag-slider-timeline p {
	font-size: 13px;
	color: var(--sub-title);
	margin-block-end: 10px
}

.tag-slider-timeline p:nth-child(1) {
	margin-right: 30px
}

.single-tag-slider .owl-stage-outer .owl-item .tag-slider-single .tag-slider-img
	{
	transition: var(--ease-in);
	opacity: 0
}

.single-tag-slider .owl-stage-outer .owl-item .tag-slider-single .tag-slider-content .tag-slider-timeline,
	.single-tag-slider .owl-stage-outer .owl-item .tag-slider-single .tag-slider-content h2,
	.single-tag-slider .owl-stage-outer .owl-item .tag-slider-single .tag-slider-content p,
	.single-tag-slider .owl-stage-outer .owl-item .tag-slider-single .tag-slider-content button
	{
	clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
	transform: translateY(100px);
	transition: transform .5s ease, clip-path .7s ease;
	opacity: 0
}

.single-tag-slider .owl-stage-outer .owl-item.active .tag-slider-single .tag-slider-img
	{
	opacity: 1
}

.single-tag-slider .owl-stage-outer .owl-item.active .tag-slider-single .tag-slider-content .tag-slider-timeline
	{
	transition-delay: .1s
}

.single-tag-slider .owl-stage-outer .owl-item.active .tag-slider-single .tag-slider-content h2
	{
	transition-delay: .3s
}

.single-tag-slider .owl-stage-outer .owl-item.active .tag-slider-single .tag-slider-content p
	{
	transition-delay: .5s
}

.single-tag-slider .owl-stage-outer .owl-item.active .tag-slider-single .tag-slider-content button
	{
	transition-delay: .7s
}

.single-tag-slider .owl-stage-outer .owl-item.active .tag-slider-single .tag-slider-content .tag-slider-timeline,
	.single-tag-slider .owl-stage-outer .owl-item.active .tag-slider-single .tag-slider-content h2,
	.single-tag-slider .owl-stage-outer .owl-item.active .tag-slider-single .tag-slider-content p,
	.single-tag-slider .owl-stage-outer .owl-item.active .tag-slider-single .tag-slider-content button
	{
	opacity: 1;
	transform: translateY(0px);
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.single-tag-post-wrapper {
	display: grid;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	grid-gap: 30px;
	grid-template-columns: 1fr 1fr 1fr;
	margin: 0 auto;
	margin-top: 70px
}

.single-tag-post {
	position: relative;
	overflow: hidden
}

.single-tag-post .single-tag-content {
	position: absolute;
	bottom: 0;
	left: -3px;
	padding: 35px 45px 25px;
	background-color: #ffffff;
	max-width: 80%;
	transition: var(--ease-in);
	z-index: 1
}

.single-tag-post .single-tag-content h3 {
	line-height: 1.1;
	font-size: 22px;
	margin-bottom: 15px
}

.single-tag-post .single-tag-content h3 a {
	color: var(--color-secondary);
	transition: var(--ease-in)
}

.single-tag-post .single-tag-content .tag-slider-timeline {
	margin-bottom: 0px
}

.single-tag-post .single-tag-content:after {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: -1;
	background-color: #094b25db;
	transform: translateX(-100px);
	opacity: 0;
	visibility: hidden;
	transition: var(--ease-in)
}

.single-tag-post:hover .single-tag-content:after {
	transform: translateX(0px);
	opacity: 1;
	visibility: visible
}

.single-tag-post:hover .single-tag-content h3 a {
	color: var(--white)
}

.single-tag-post:hover .single-tag-content .tag-slider-timeline p {
	color: var(--white);
	transition: var(--ease-in)
}

.single-tag-wrapper>a {
	margin-top: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 17px;
	color: var(--color-secondary);
	transition: var(--ease-in)
}

.single-tag-wrapper>a span {
	font-size: 18px;
	color: var(--color-primary);
	display: block;
	padding-left: 5px
}

.single-tag-wrapper>a:hover {
	color: var(--color-primary)
}

@media screen and (max-width: 1199px) {
	.tag-slider-img {
		max-width: 45%
	}
	.tag-slider-content {
		padding: 35px 50px
	}
	.single-tag-post .single-tag-content {
		padding: 5px 10px;
		max-width: 100%
	}
}

@media screen and (max-width: 991px) {
	.tag-slider-single {
		flex-direction: column
	}
	.tag-slider-img {
		width: 100%;
		max-width: 100%
	}
	.tag-slider-img img {
		width: 100%
	}
	.tag-slider-content {
		margin: 0px 0px 35px 0px;
		margin-top: -150px;
		box-shadow: none
	}
	.single-tag-slider .owl-dots {
		right: unset;
		bottom: 0;
		transform: unset;
		position: unset;
		justify-content: center
	}
	.single-tag-post-wrapper {
		grid-gap: 15px;
		margin-top: 50px
	}
	.single-tag-post .single-tag-content {
		position: relative;
		margin-top: -65px;
		z-index: 9;
		padding: 15px;
		height: 100%
	}
	.single-tag-post .single-tag-content h3 {
		line-height: 1.3;
		font-size: 18px
	}
}

@media screen and (max-width: 767px) {
	.single-tag-post-wrapper {
		grid-gap: 30px;
		grid-template-columns: 1fr 1fr
	}
	.single-tag-wrapper>a {
		margin-top: 50px
	}
}

@media screen and (max-width: 575px) {
	.single-tag-post-wrapper {
		grid-gap: 25px;
		grid-template-columns: 1fr
	}
	.single-tag-img img {
		width: 100%
	}
	.single-tag-slider .owl-dots {
		bottom: 30px
	}
	.tag-slider-content {
		margin-top: -100px;
		padding: 35px 15px
	}
	.single-tag-wrapper {
		margin-top: 0px
	}
}

.single-post-area {
	margin-top: 35px
}

.promo-add {
	margin: 30px 0px;
	position: relative;
	max-width: 370px
}

.promo-add img {
	width: 100%
}

.promo-add button {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 9;
	white-space: nowrap
}

.author-wrap {
	border-top: var(--border);
	border-bottom: var(--border);
	padding: 70px 0px;
	margin-top: 40px;
	display: flex;
	align-items: center;
	justify-content: space-around
}

.author-wrap>a {
	display: flex;
	align-items: center;
	padding: 0px 30px;
	font-size: 20px;
	font-weight: var(--medium);
	color: var(--main-content);
	transition: var(--ease-in)
}

.author-wrap>a span {
	font-size: 25px;
	display: block;
	color: var(--color-primary);
	margin-left: 10px
}

.author-wrap>a:hover {
	color: var(--color-primary)
}

.author-pro {
	display: flex;
	align-items: center;
	flex-wrap: wrap
}

.author-img {
	margin-right: 30px
}

.author-content {
	flex: 1
}

.author-content h4 {
	font-size: 22px;
	margin-bottom: 10px
}

.author-content h4 a {
	color: var(--color-secondary);
	transition: var(--ease-in)
}

.author-content h4 a:hover {
	color: var(--color-primary)
}

.ath-social h3 {
	margin-bottom: 20px
}

.single-post-comment {
	max-width: 920px;
	margin: 50px auto
}

.spf-group {
	display: grid;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	grid-gap: 30px;
	grid-template-columns: 1fr 1fr;
	margin: 0 auto
}

.single-post-form {
	text-align: center
}

.single-post-carousel-wrapper {
	max-width: 1050px;
	margin: 0 auto
}

.spc-navigation {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px
}

.spc-navigation button {
	font-size: 17px;
	font-weight: var(--medium);
	color: var(--color-secondary);
	display: flex;
	align-items: center;
	transition: var(--ease-in)
}

.spc-navigation button:hover {
	color: var(--color-primary)
}

.spc-navigation button span {
	font-size: 20px;
	margin: 0px 10px
}

.spc-single-post {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	padding: 18px;
	border: var(--border);
	background-color: var(--bg-primary)
}

.spc-single-post .spc-single-post-img {
	margin-right: 20px
}

.spc-single-post-content {
	flex: 1
}

.spc-single-post-content .spc-timeline {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 5px
}

.spc-single-post-content .spc-timeline span {
	font-size: 13px;
	color: var(--sub-title);
	margin-bottom: 10px
}

.spc-single-post-content .spc-timeline span:nth-child(1) {
	margin-right: 15px
}

.spc-single-post-content h3 {
	font-size: 20px
}

.spc-single-post-content h3 a {
	color: var(--color-secondary);
	transition: var(--ease-in)
}

.spc-single-post-content h3 a:hover {
	color: var(--color-primary)
}

/* .single-post-content .figer-img { */
/* 	position: relative; */
/* 	margin-bottom: 30px; */
/* 	height: 550px; */
/* } */
.single-post-content .figer-img {
    position: relative;
    padding-bottom: 30px;
    width: auto;
    height: auto;
    text-align: center;
    place-self: center;
}
.img-area-wrt-details {
    width: 100%;
    background: #fff;
}

.single-post-content .figer-img button {
	position: absolute;
	top: 0;
	right: 0
}

.single-post-content .timeline {
	display: flex;
	align-items: center;
	margin-bottom: 10px
}

.single-post-content .timeline span {
	display: block;
	font-size: 15px;
	color: var(--color-secondary);
	margin-bottom: 5px
}

.single-post-content .timeline span:nth-child(1) {
	margin-right: 25px
}

.single-post-content h2 {
	font-size: 32px;
	margin-bottom: 20px
}

.single-post-content p {
	font-size: 16px;
	margin-bottom: 15px
}

.single-post-content p strong {
	font-weight: var(--medium);
	color: var(--color-secondary);
	margin-right: 5px
}

.single-post-content blockquote {
	padding: 25px 80px;
	border: var(--border);
	text-align: center;
	max-width: 900px;
	margin: 20px auto 30px;
	background-color: var(--bg-primary)
}

.single-post-content blockquote img, .single-post-content blockquote svg
	{
	margin: 0 auto;
	margin-bottom: 25px;
	max-height: 25px;
	max-width: 35px
}

.single-post-content blockquote svg path {
	fill: var(--color-primary)
}

.single-post-content blockquote p {
	font-size: 18px;
	font-style: italic
}

.single-post-content blockquote p strong {
	font-weight: var(--medium);
	color: var(--color-secondary);
	margin-right: 5px
}

.single-post-content h3 {
	font-style: 20px;
	margin-bottom: 20px
}

.single-post-content .list-whit-img {
	display: flex;
	align-items: center;
	flex-wrap: wrap
}

.single-post-content .list-whit-img img {
	margin-right: 20px;
	margin-bottom: 10px
}

.single-post-content .list-whit-img ul {
	margin-bottom: 10px;
	flex: 1
}

.single-post-content .list-whit-img ul li {
	position: relative;
	padding-left: 15px;
	font-style: 18px;
	line-height: 1.5;
	padding-bottom: 20px
}

.single-post-content .list-whit-img ul li:last-child {
	margin-bottom: 0px
}

.single-post-content .list-whit-img ul li:after {
	position: absolute;
	content: "";
	height: 6px;
	width: 6px;
	border-radius: 50%;
	background-color: var(--color-primary);
	left: 0;
	top: 7px
}

.single-post-content .reaction {
	max-width: 560px;
	margin: 0 auto;
	padding-top: 40px;
	margin-top: 50px;
	border-top: var(--border)
}

.single-post-content .reaction ul {
	display: flex;
	justify-content: space-around;
	border: var(--border)
}

.single-post-content .reaction ul li {
	min-height: 100px;
	min-width: 100px;
	border-left: var(--border);
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	position: relative
}

.single-post-content .reaction ul li:first-child {
	border-left: 0px
}

.single-post-content .reaction ul li img {
	transition: var(--ease-in);
	transform: rotate(0deg)
}

.single-post-content .reaction ul li:hover img {
	transform: rotate(-25deg) scale(1.2)
}

.single-post-content .reaction ul li span {
	position: absolute;
	bottom: 12px;
	left: 50%;
	transform: translateX(-50%);
	color: var(--sub-title);
	margin-top: 5px
}

@media screen and (max-width: 1350px) {
	.single-post-sidebar .header-aside {
		margin-top: 0px
	}
	.single-post-sidebar .card-list {
		grid-template-columns: 1fr;
		grid-gap: 0px
	}
	.single-post-sidebar .single-card-list {
		padding: 20px 25px
	}
	.single-post-sidebar .header-aside h4 {
		padding-left: 15px;
		margin-bottom: 15px
	}
	.single-post-sidebar .video-card {
		padding: 0px 25px
	}
	.related-news .header-aside {
		padding-bottom: 0px
	}
	.related-news .single-card-list:last-child {
		border-bottom: 0px
	}
}

@media screen and (max-width: 1099px) {
	.single-post-sidebar .header-aside .video-card {
		max-height: 300px
	}
	.related-news .single-card-list:nth-child(3) {
		border-bottom: 0px
	}
	.promo-add {
		max-width: 100%;
		height: 250px;
		overflow: hidden
	}
	.promo-add img {
		object-fit: cover
	}
}

@media screen and (max-width: 991px) {
	.single-post-sidebar {
		margin-top: 50px
	}
	.single-post-sidebar .card-list {
		grid-template-columns: 1fr;
		grid-gap: 0px;
	}
	.author-wrap {
		padding: 35px 0px;
		align-items: flex-start;
		justify-content: flex-start;
		flex-direction: column
	}
	.single-card-list {
		display: block;
	}
	.single-card-list .card-list-cont {
		flex: 1;
		margin-left: 0px;
	}
	.card-list-discript span:nth-child(1) {
		margin-right: 0px;
	}
	.author-wrap>a {
		padding: 0px;
		font-size: 17px;
		margin-bottom: 20px
	}
	.author-wrap .author-content h4 {
		font-size: 18px;
		margin-bottom: 15px
	}
	.author-wrap .ath-social h3 {
		margin-bottom: 15px;
		font-size: 18px
	}
	.author-pro {
		margin-bottom: 30px
	}
	.spc-single-post-content h3 {
		font-size: 15px;
		line-height: 1.5
	}
}

@media screen and (max-width: 767px) {
	.single-post-content h2 {
		font-size: 28px
	}
	.single-post-content .list-whit-img {
		align-items: flex-start;
		flex-direction: column
	}
	.single-post-content .list-whit-img img {
		margin-bottom: 30px
	}
	.single-post-content blockquote {
		padding: 25px 50px
	}
	.single-post-content blockquote img, .single-post-content blockquote svg
		{
		margin: 0 auto;
		margin-bottom: 15px;
		max-height: 15px;
		max-width: 25px
	}
	.single-post-sidebar .card-list {
		grid-template-columns: 1fr;
		grid-column-gap: 0px
	}
}

@media screen and (max-width: 575px) {
	.single-post-content h2 {
		font-size: 24px
	}
	.single-post-content blockquote p {
		font-size: 16px
	}
	.single-post-content h3 {
		font-size: 18px;
		margin-bottom: 15px
	}
	.single-post-content .reaction h3 {
		text-align: center
	}
	.single-post-content .reaction ul {
		justify-content: center;
		border: none;
		flex-wrap: wrap
	}
	.single-post-content .reaction ul li {
		min-height: 80px;
		min-width: 80px;
		border: var(--border)
	}
	.single-post-content .reaction ul li:first-child {
		border-left: 1px solid var(--border-color)
	}
	.single-post-content .reaction ul li img {
		max-height: 25px;
		max-width: 25px;
		margin-bottom: 15px
	}
	.spf-group {
		grid-gap: 0px;
		grid-template-columns: 1fr;
		margin: 0 auto
	}
}

body.demo {
	background-color: #fff !important
}

.demo-banner-area {
	position: relative;
	overflow: hidden;
	z-index: 1;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat
}

.demo-banner-area .db-animation-image {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1
}

.demo-svg-heading {
	max-width: 80%;
	margin: 0 auto;
	padding-top: 50px
}

.demo-svg-heading svg {
	width: 100%
}

.dbc-img-content svg {
	max-height: 250px;
	max-width: 250px
}

.dbc-wrapper {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap
}

.dbc-content {
	margin-top: 100px
}

.dbc-content .dbc-logo {
	margin-bottom: 30px
}

.dbc-content h3 {
	font-size: 48px;
	font-weight: var(--regular);
	color: #252525;
	margin-bottom: 50px
}

.dbc-content h3 strong {
	font-weight: var(--bold);
	margin: 0px 5px;
	color: #f63c25
}

.dbc-img-wrapper {
	flex: 1;
	max-width: 60%;
	position: relative
}

.dbc-img-wrapper .dbc-img-content {
	position: absolute;
	right: calc(100% - 70px);
	bottom: 10px;
	width: 300px
}

.dbc-img-wrapper .dbc-img-content h4 {
	position: absolute;
	bottom: 30px;
	left: 0;
	font-size: 24px;
	color: #252525
}

.dbc-items {
	max-width: 600px;
	margin: 70px 0px 50px 70px
}

.dbc-items ul {
	padding: 30px 80px;
	background-color: #fff;
	box-shadow: 0px 0px 50px rgba(0, 0, 0, .05);
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	border-radius: 5px
}

.dbc-items ul:after {
	position: absolute;
	content: "";
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	height: 60px;
	width: 1px;
	background-color: #f63c25
}

.dbc-items ul li {
	text-align: center
}

.dbc-items ul li h4 {
	font-size: 70px;
	color: #f63c25
}

.dbc-items ul li p {
	font-size: 24px;
	font-weight: var(--medium);
	color: #252525
}

.dbc-gif {
	animation: moveY 1s infinite alternate
}

@keyframes moveY { 0% {
	transform: translateY(-10px)
}

100%
{
transform
:
translateY(
20px
)
}
}
@keyframes moveX { 0% {
	transform: translateX(-10px)
}

100%
{
transform
:
translateX(
10px
)
}
}
.db-circle ul li {
	position: absolute
}

.db-circle ul li:nth-child(1) {
	top: 120px;
	right: -50px;
	animation: moveX 1s infinite alternate
}

.db-circle ul li:nth-child(2) {
	top: 220px;
	right: 120px
}

.db-circle ul li:nth-child(3) {
	top: 100px;
	right: 250px;
	animation: moveY 1.5s infinite alternate
}

.db-circle ul li:nth-child(4) {
	top: 140px;
	right: 100px;
	transform: scale(1.3);
	animation: moveY 1.5s infinite .5s alternate
}

.responsive-area {
	position: relative
}

.ra-content {
	flex: 1;
	max-width: 70%;
	position: relative
}

.ra-content h3 {
	font-size: 22px;
	font-weight: var(--medium);
	color: #f63c25;
	margin-bottom: 15px
}

.ra-content h4 {
	font-size: 32px;
	color: #252525
}

.ra-content h4, .ra-content h3 {
	text-align: end;
	margin-right: 50px
}

.ra-heading h2 {
	text-align: end;
	font-size: 130px;
	margin-right: 50px;
	text-transform: uppercase;
	font-weight: var(--bold);
	-webkit-text-fill-color: rgba(0, 0, 0, 0);
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: rgba(246, 60, 37, .1)
}

.ra-img {
	position: absolute;
	right: 0;
	top: -150px;
	width: 25%
}

.ra-img img {
	width: 100%
}

.ra-heading {
	position: relative
}

.ra-heading img {
	position: absolute;
	right: 10px;
	bottom: -5px;
	width: 90px;
	animation: moveX 1.5s infinite alternate
}

.demo-homepage-area {
	padding: 100px 0px
}

.demno-heading {
	text-align: center;
	position: relative;
	padding-top: 85px;
	margin-bottom: 50px
}

.demno-heading:after {
	position: absolute;
	content: attr(data-filter);
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	font-size: 140px;
	white-space: nowrap;
	color: #f63c25;
	opacity: .05;
	font-weight: var(--bold);
	line-height: 1
}

.demno-heading h2 {
	font-size: 36px;
	color: #f63c25;
	margin-bottom: 10px
}

.demno-heading h3 {
	font-size: 24px;
	color: #252525
}

.demo-homepage-wrapper {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 20px
}

.demo-page-wrapper {
	display: grid;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	grid-column-gap: 30px;
	grid-row-gap: 70px;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	margin: 0 auto
}

.home-single-card {
	position: relative;
	overflow: hidden;
	box-shadow: var(--shadow-none);
	transition: var(--ease-in)
}

.home-single-card .hsc-img {
	padding: 15px;
	background-color: #fcfcfc;
	height: 100%
}

.home-single-card .hsc-img img {
	width: 100%;
	height: 100%
}

.home-single-card .hsc-content {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	z-index: 1
}

.home-single-card .hsc-content:after {
	position: absolute;
	content: "";
	top: 50%;
	left: 50%;
	height: calc(100% - 13px);
	width: calc(100% - 13px);
	z-index: -1;
	background-color: #f63c25;
	opacity: 0;
	transition: var(--ease-in);
	opacity: 0;
	visibility: hidden;
	transform: translate(-50%, -50%) scale(1)
}

.home-single-card .hsc-content h4, .home-single-card .hsc-content .btn {
	opacity: 0;
	visibility: hidden;
	transition: var(--ease-in);
	transform: translateY(100px)
}

.home-single-card .hsc-content .btn {
	transition-delay: .1s
}

.home-single-card .hsc-content h4 {
	color: var(--white);
	margin-bottom: 10px
}

.home-single-card .hsc-content:hover:after {
	opacity: .5;
	visibility: visible
}

.home-single-card .hsc-content:hover h4, .home-single-card .hsc-content:hover .btn
	{
	opacity: 1;
	visibility: visible;
	transform: translateY(0px)
}

.home-single-card .hsc-content.coming-soon:after {
	background-color: var(--white);
	opacity: .9
}

.home-single-card .hsc-content.coming-soon h4 {
	color: #f63c25;
	font-size: 18px
}

.home-single-card .hsc-content.coming-soon h5 {
	font-size: 24px;
	opacity: 0;
	visibility: hidden;
	transition: var(--ease-in);
	transform: translateY(100px);
	transition-delay: .1s;
	color: #161b2a
}

.home-single-card .hsc-content.coming-soon:hover {
	box-shadow: var(--shadow-none)
}

.home-single-card .hsc-content.coming-soon:hover:after {
	transform: translate(-50%, -50%) scale(1);
	opacity: .9;
	visibility: visible
}

.home-single-card .hsc-content.coming-soon:hover h4, .home-single-card .hsc-content.coming-soon:hover h5
	{
	opacity: 1;
	visibility: visible;
	transform: translateY(0px)
}

.home-single-card:hover {
	box-shadow: 0px 0px 50px rgba(0, 0, 0, .05)
}

.home-single-card .new-badge {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 3;
	max-width: 50px
}

.home-single-card .new-badge img {
	width: 100%
}

.demo-megamenu-area {
	margin-bottom: 100px
}

.demo-megamenu-wrapper {
	display: grid;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	grid-gap: 30px;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	margin: 0 auto
}

.demo-megamenu-wrapper .single-mega {
	background-color: #fcfcfc;
	padding: 15px;
	transition: var(--ease-in)
}

.demo-megamenu-wrapper .single-mega:hover {
	transform: translateY(-10px)
}

.demo-megamenu-wrapper .single-mega img {
	width: 100%
}

.page-single .page-cont {
	text-align: center;
	margin-top: 15px
}

.page-single .page-cont a {
	font-size: 20px;
	color: #252525;
	display: block;
	transition: var(--ease-in)
}

.page-single .page-img {
	padding: 15px;
	background-color: #fcfcfc;
	transition: var(--ease-in);
	border: .3px solid #e7e7e7
}

.page-single .page-img.comming-soon {
	position: relative
}

.page-single .page-img.comming-soon:after {
	position: absolute;
	content: "";
	top: 50%;
	left: 50%;
	height: calc(100% - 14px);
	width: calc(100% - 14px);
	transform: translate(-50%, -50%);
	background-color: var(--bg-primary);
	opacity: 0;
	z-index: 1;
	transition: var(--ease-in)
}

.page-single .page-img.comming-soon::before {
	position: absolute;
	content: "Coming Soon";
	top: calc(50% + 100px);
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 24px;
	font-weight: var(--medium);
	color: #252525;
	z-index: 2;
	opacity: 0;
	transition: var(--ease-in)
}

.page-single .page-img.comming-soon:hover:after {
	opacity: .9
}

.page-single .page-img.comming-soon:hover:before {
	top: 50%;
	opacity: 1
}

.page-single .page-img img {
	width: 100%
}

.page-single:hover .page-img {
	transform: translateY(-10px)
}

.page-single:hover .page-cont a {
	color: #f63c25
}

.demo-page-area {
	margin-bottom: 100px
}

.demo-feature-area {
	padding: 0px 0px 100px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat
}

.demo-feature-wrapper {
	max-width: 900px;
	display: grid;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	grid-row-gap: 30px;
	grid-column-gap: 70px;
	grid-template-columns: 1fr 1fr;
	margin: 0 auto;
	padding: 15px;
	padding-top: 30px
}

.demo-single-feature {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	padding: 18px 35px;
	background-color: var(--white);
	border: .3px solid #e7e7e7
}

.demo-single-feature p {
	flex: 1;
	font-size: 18px;
	font-weight: var(--medium);
	color: #252525
}

.demo-single-feature img {
	margin-right: 50px;
	max-width: 50px;
	max-height: 50px
}

.demo-footer {
	position: relative;
	overflow: hidden;
	padding: 100px 0px;
	z-index: 1
}

.demo-footer .ftr-ani-bg {
	position: absolute;
	top: -150px;
	left: 0;
	z-index: -1
}

.demo-ftr-content {
	max-width: 900px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between
}

.demo-ftr-content .dftrc-left {
	flex: 1
}

.demo-ftr-content .dftrc-left h5 {
	font-size: 30px;
	color: #252525;
	margin-bottom: 10px
}

.demo-ftr-content .dftrc-left h5 strong {
	font-weight: var(--bold)
}

.demo-ftr-content .dftrc-left h4 {
	font-size: 48px;
	color: #f63c25;
	font-weight: var(--bold)
}

@media screen and (max-width: 1350px) {
	.dbc-img-wrapper .dbc-img-content {
		bottom: -30px;
		right: calc(100% - 120px)
	}
	.dbc-img-wrapper .dbc-img-content svg {
		max-height: 150px;
		max-width: 180px
	}
	.dbc-img-wrapper .dbc-img-content h4 {
		bottom: 10px
	}
	.page-single .page-img.comming-soon::before {
		font-size: 18px
	}
}

@media screen and (max-width: 1199px) {
	.demo-homepage-area {
		padding: 70px 0px
	}
	.demo-megamenu-area, .demo-page-area {
		margin-bottom: 70px
	}
	.demo-feature-area {
		padding: 0px 0px 70px
	}
	.demo-footer {
		padding: 70px 0px
	}
	.dbc-content .dbc-logo {
		margin-bottom: 10px;
		max-width: 280px
	}
	.dbc-content h3 {
		font-size: 35px;
		margin-bottom: 30px
	}
	.dbc-items {
		max-width: 500px;
		margin: 50px 0px 20px 60px
	}
	.dbc-items ul {
		padding: 30px 50px
	}
	.dbc-items ul li h4 {
		font-size: 44px
	}
	.dbc-items ul li p {
		font-size: 20px
	}
	.ra-heading h2 {
		font-size: 75px
	}
	.ra-img {
		width: 30%
	}
}

@media screen and (max-width: 991px) {
	.demno-heading {
		padding-top: 60px
	}
	.demno-heading h2 {
		font-size: 30px;
		margin-bottom: 5px
	}
	.demno-heading:after {
		font-size: 95px
	}
	.demno-heading h3 {
		font-size: 18px
	}
	.demo-homepage-wrapper {
		grid-template-columns: repeat(2, 1fr)
	}
	.demo-page-wrapper, .demo-megamenu-wrapper {
		grid-column-gap: 15px;
		grid-row-gap: 50px;
		grid-template-columns: 1fr 1fr 1fr
	}
	.demo-homepage-area {
		padding: 50px 0px
	}
	.demo-megamenu-area, .demo-page-area {
		margin-bottom: 50px
	}
	.demo-ftr-content .dftrc-left h5 {
		font-size: 24px
	}
	.demo-ftr-content .dftrc-left h4 {
		font-size: 34px
	}
	.demo-feature-wrapper {
		grid-column-gap: 30px;
		padding: 0px;
		max-width: 750px
	}
	.demo-single-feature p {
		font-size: 16px
	}
	.demo-single-feature img {
		margin-right: 30px
	}
	.demo-megamenu-area {
		margin-bottom: 50px
	}
	.page-single .page-cont a {
		font-size: 17px
	}
	.dbc-items {
		margin: 50px 0px 20px 0px
	}
	.dbc-img-wrapper .dbc-img-content {
		display: none
	}
	.dbc-content {
		margin-top: 50px
	}
	.demo-feature-area {
		padding: 0px 0px 50px
	}
	.demo-footer {
		padding: 50px 0px
	}
}

@media screen and (max-width: 767px) {
	.dbc-wrapper {
		flex-direction: column;
		align-items: center
	}
	.dbc-content {
		order: 2;
		text-align: center
	}
	.dbc-content .dbc-logo {
		max-width: 200px;
		margin: 0 auto;
		margin-bottom: 10px;
		margin-top: 0px
	}
	.dbc-content h3 {
		font-size: 25px;
		margin-bottom: 20px
	}
	.demo-svg-heading {
		padding-top: 15px
	}
	.dbc-items {
		margin: 50px auto
	}
	.dbc-items ul {
		padding: 25px 50px
	}
	.ra-content {
		max-width: 100%;
		text-align: center
	}
	.ra-content .ra-heading h2 {
		margin-right: 0px;
		text-align: center;
		font-size: 60px
	}
	.ra-content .ra-heading img {
		display: none
	}
	.ra-content h4, .ra-content h3 {
		text-align: center;
		margin-right: 0px
	}
	.ra-content h3 {
		font-size: 20px;
		margin-bottom: 0px
	}
	.ra-content h4 {
		font-size: 22px
	}
	.dbc-img-wrapper {
		max-width: 80%
	}
	.ra-img {
		display: block;
		position: relative;
		width: 100%;
		top: 0;
		right: 0;
		padding-top: 40%;
		margin-top: 20px
	}
	.ra-img img {
		position: absolute;
		max-width: 50%;
		top: 0;
		right: 0
	}
	.home-single-card .hsc-content.coming-soon h5 {
		font-size: 18px
	}
	.demo-page-wrapper, .demo-megamenu-wrapper {
		grid-row-gap: 35px
	}
	.demno-heading {
		margin-bottom: 35px
	}
}

@media screen and (max-width: 575px) {
	.demo-homepage-wrapper {
		grid-template-columns: 1fr
	}
	.dbc-items ul li h4 {
		font-size: 30px
	}
	.dbc-content .dbc-logo {
		max-width: 150px
	}
	.dbc-content h3 {
		font-size: 20px
	}
	.dbc-items {
		margin-top: 25px;
		margin-bottom: 20px
	}
	.demno-heading {
		padding-top: 30px
	}
	.demno-heading:after {
		font-size: 60px
	}
	.demno-heading h2 {
		font-size: 23px
	}
	.demno-heading h4 {
		font-size: 18px
	}
	.demo-page-wrapper {
		grid-column-gap: 15px;
		grid-row-gap: 20px;
		grid-template-columns: 1fr 1fr
	}
	.demo-megamenu-wrapper {
		grid-gap: 15px;
		grid-template-columns: 1fr 1fr
	}
	.demo-feature-wrapper {
		grid-row-gap: 15px;
		grid-template-columns: 1fr;
		padding-top: 0px
	}
	.demo-ftr-content {
		flex-direction: column
	}
	.dftrc-right {
		margin-top: 20px
	}
	.dftrc-left {
		text-align: center
	}
	.ra-content .ra-heading h2 {
		font-size: 35px
	}
	.demo-feature-wrapper {
		overflow: visible
	}
}

.techno-banner {
	margin: 70px 0px 50px
}

.techno-banner-single {
	position: relative;
	overflow: hidden;
	height: 100%
}

.techno-banner-single .tbs-img {
	height: 100%
}

.techno-banner-single .tbs-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1);
	transition: 1.5s ease
}

.techno-banner-single:hover .tbs-img img {
	transform: scale(1.2)
}

.techno-banner-single .tbs-content {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end;
	padding: 40px;
	background: var(--mesonary-overlay)
}

.techno-banner-single .tbs-content h3 {
	max-width: 300px;
	margin-bottom: 15px;
	font-size: 24px
}

.techno-banner-single .tbs-content h3:hover a {
	color: var(--color-primary)
}

.techno-banner-single .tbs-content h3 a {
	color: var(--white);
	transition: var(--ease-in)
}

.techno-banner-single .tbs-content ul.timeline {
	display: flex;
	flex-wrap: wrap;
	align-items: center
}

.techno-banner-single .tbs-content ul.timeline>li {
	padding-right: 15px;
	padding-bottom: 5px
}

.techno-banner-single .tbs-content ul.timeline>li:last-child {
	padding-right: 0px
}

.techno-banner-single .tbs-content ul.timeline>li span {
	display: block;
	font-size: 13px;
	color: var(--white)
}

.techno-heading {
	max-width: 1300px;
	margin: 0 auto;
	margin-bottom: 50px
}

.techno-heading h3 {
	padding-left: 15px;
	position: relative;
	font-size: 30px
}

.techno-heading h3:after {
	position: absolute;
	content: "";
	top: 50%;
	left: 0;
	height: 20px;
	width: 5px;
	background-color: var(--color-primary);
	transform: translateY(-50%)
}

.techno-latest-news {
	padding: 50px 0px
}

.tln-content-wrapper {
	display: grid;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	grid-gap: 30px;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	margin: 0 auto
}

.tln-content-wrapper .news-vcard-title {
	margin-top: 15px
}

.techno-trendy-news {
	/* margin: 30px 0px;*/
	padding: 50px 0;
	/*background: #e4eeef;*/
}

div.techno-trendy-news {
	background: #F9F9F9;
}

.techno-trendy-news .owl-dots {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 35px
}

.techno-trendy-news .owl-dots .owl-dot {
	margin: 0px 10px;
	height: 10px;
	width: 10px;
	border-radius: 50%;
	background-color: var(--light-gray);
	transition: var(--ease-in)
}

.techno-trendy-news .owl-dots .owl-dot.active {
	background-color: var(--color-primary)
}

.techvolt-mark {
	margin-top: 70px
}

.techvolt-mark-wrapper {
	padding: 35px 140px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative;
	z-index: 1;
	overflow: hidden;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover
}

.techvolt-mark-wrapper:after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: -1;
	background: linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, #F63C25 110%)
}

.techvolt-mark-wrapper .btn {
	background-color: var(--color-primary);
	color: var(--white);
	border-radius: 5px
}

.techvolt-mark-wrapper .btn:hover {
	background-color: var(--white);
	color: var(--color-primary)
}

.tmw-content h2 {
	font-size: 55px;
	line-height: 1.2;
	color: var(--white);
	margin-bottom: 15px;
	font-weight: var(--bold)
}

.tmw-content h2 span {
	color: var(--color-primary)
}

.tmw-content p {
	font-size: 22px;
	color: var(--white)
}

.techno-feature-area {
	padding: 50px 0px 50px;
	/*     background: #F9F9F9; */
}

.techno-feature-area .title-heading:after {
	color: rgb(239 239 239 / 29%);
}

.techno-feature-wrapper {
	display: flex;
	flex-wrap: wrap;
	align-content: space-around;
	padding: 0;
}

.techno-single-feature {
	position: relative;
	width: calc(( 100%/ 4) - 20px);
	margin: 10px;
}

/* .techno-single-feature .tsf-content {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: var(--ct-overlay-black);
    border-radius: 10px;
} */
.tsf-img img {
	border-radius: 5px;
	width: 100%;
	height: 100%;
}

.techno-single-feature .tsf-content .single-video-content {
	position: relative;
	top: 0;
	left: auto;
	transform: translate(0%, 0%);
	display: flex;
	justify-content: center
}

.tsf-content {
	display: flex;
	justify-content: flex-end;
	width: 100%;
	bottom: 10px;
	position: absolute;
	right: 15px;
	color: white;
}

.icon-video {
	margin: 0px 5px;
	font-size: 16px;
}



.techno-single-feature .tsf-content .tsf-video-time p {
	color: #000000;
	background-color: #dfdfdf;
	padding: 4px 10px;
	border-radius: 10px;
	font-size: 12px;
}

.techno-video-discript {
	margin-top: 100px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}

.techno-video-discript .tvd-card {
	flex: 1;
	display: flex;
	flex-wrap: wrap;
	background-color: var(--bg-primary);
	margin-right: 25px
}

.techno-video-discript .tvd-card .tvd-card-img {
	position: relative;
	max-width: 65%
}

.techno-video-discript .tvd-card .tvd-card-img img {
	height: 100%;
	object-fit: cover
}

.techno-video-discript .tvd-card .tvd-card-img .single-video-content a {
	height: 70px;
	width: 70px
}

.techno-video-discript .tvd-card .tvd-card-img .single-video-content a svg
	{
	max-height: 70px;
	max-width: 70px;
	height: 70px;
	width: 70px
}

.tsf-img {
	position: relative;
	height: 250px;
}

.tvd-card-content {
	padding: 50px;
	flex: 1;
	height: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column
}

.tvd-card-content ul {
	display: flex;
	align-items: center;
	margin-bottom: 15px
}

.tvd-card-content ul li {
	padding-bottom: 5px;
	padding-right: 15px
}

.tvd-card-content ul li:last-child {
	padding-right: 0px
}

.tvd-card-content h3 {
	font-size: 24px;
	margin-bottom: 15px
}

.tvd-card-content h3:hover a {
	color: var(--color-primary)
}

.tvd-card-content h3 a {
	color: var(--color-secondary);
	transition: var(--ease-in)
}

.tvd-card-content p {
	margin-bottom: 15px
}

.tsf-video-content ul {
	display: flex;
	align-items: center;
	margin-bottom: 10px
}

.tsf-video-content ul li {
	padding-right: 25px;
	padding-bottom: 5px;
	font-size: 13px;
	color: var(--white)
}

.tsf-video-content ul li:last-child {
	padding-right: 0px
}

.tsf-video-content h4 {
	font-size: 18px
}

.tsf-video-content h4 a {
	color: var(--white)
}

.tvd-discount {
	position: relative;
	overflow: hidden
}

.tvd-discount .tvd-discount-cont {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: flex-end
}

.tvd-discount .tvd-discount-cont h3 {
	font-family: "Dancing Script";
	font-weight: bold;
	font-size: 80px;
	color: var(--white);
	line-height: 58px;
	transform: translate(-50%, -50%) rotate(-45deg);
	text-align: center;
	position: absolute;
	left: calc(50% + 12px);
	top: 50%;
	font-style: italic
}

.tvd-discount .tvd-discount-cont h3 span {
	font-size: 25px;
	font-weight: var(--regular);
	font-style: normal
}

.tvd-discount .tvd-discount-cont .btn {
	margin-bottom: 50px;
	background-color: var(--white);
	padding: 10px 25px;
	border-radius: 5px;
	color: var(--black);
	line-height: 1
}

.tvd-discount .tvd-discount-cont .btn:hover {
	color: var(--white);
	background-color: var(--color-primary)
}

.trendy-slider-wrapper .single-tag-post .single-tag-img img {
	height: 100%
}

.techno-list-area .like-list-content {
	max-width: 1300px;
	grid-column-gap: 100px;
	grid-row-gap: 30px;
	grid-template-columns: 1fr 1fr 1fr
}

@media screen and (max-width: 1350px) {
	.techno-list-area .like-list-content {
		grid-column-gap: 30px
	}
	.techno-banner {
		margin: 35px 0px
	}
	.techno-latest-news {
		padding: 35px 0px
	}
	.techno-trendy-news {
		margin: 35px 0px
	}
	.tmw-content h2 {
		font-size: 37px;
		margin-bottom: 10px
	}
	.techno-video-discript .tvd-card .tvd-card-img {
		max-width: 50%
	}
	.techno-heading {
		margin-bottom: 30px
	}
	.techno-trendy-news .owl-dots {
		margin-top: 35px
	}
	.single-tag-post .single-tag-content {
		left: 0px
	}

	/*   .techno-single-feature .tsf-content {
        padding: 15px
    } */
	.techno-video-discript {
		margin-top: 50px
	}
	.newsletter-area {
		margin-top: 0px
	}
	.techno-feature-area {
		margin: 0px 0px 0px
	}
}

@media screen and (max-width: 1199px) {
	.techno-banner-single .tbs-content {
		padding: 15px
	}
	.techno-banner-single .tbs-content h3 {
		font-size: 20px
	}
	.techno-video-discript {
		align-items: flex-start
	}
	.techno-video-discript .tvd-card {
		margin-right: 25px;
		align-items: center;
		flex-direction: column
	}
	.techno-video-discript .tvd-card .tvd-card-img {
		width: 100%;
		max-width: 100%
	}
	.techno-video-discript .tvd-card .tvd-card-img img {
		width: 100%
	}
	.tvd-card-content {
		padding: 25px
	}
	.tln-content-wrapper {
		grid-template-columns: 1fr 1fr 1fr
	}
	.statistic-section ul li {
		padding: 10px 10px;
	}
	.player-play-list .play-list {
		height: 440px;
	}
}

@media screen and (max-width: 991px) {
	.techno-list-area .like-list-content {
		grid-template-columns: 1fr 1fr
	}
	.techno-banner {
		margin: 35px 0px 25px
	}
	.techno-latest-news {
		padding: 25px 0px
	}
	.techno-trendy-news {
		margin: 25px 0px
	}
	.techvolt-mark {
		margin-top: 50px
	}
	.techvolt-mark-wrapper {
		padding: 35px 50px
	}
	.techno-feature-wrapper {
		grid-template-columns: 1fr 1fr
	}
	.tln-content-wrapper {
		grid-template-columns: 1fr 1fr
	}
}

@media screen and (max-width: 767px) {
	.mb-sm-30 {
		margin-bottom: 30px
	}
	.techvolt-mark-wrapper {
		flex-direction: column
	}
	.techvolt-mark-wrapper:after {
		background: var(--black-light-overlay)
	}
	.tmw-content {
		margin-bottom: 25px
	}
	.tmw-content h2 {
		font-size: 30px;
		margin-bottom: 5px;
		text-align: center
	}
	.tmw-content p {
		text-align: center
	}
	.techno-feature-area {
		margin: 50px 0px 20px
	}
}

@media screen and (max-width: 575px) {
	.mb-xs-30 {
		margin-bottom: 30px
	}
	.techno-list-area .like-list-content {
		grid-template-columns: 1fr
	}
	.tln-content-wrapper {
		grid-template-columns: 1fr
	}
	.techno-feature-wrapper {
		grid-template-columns: 1fr
	}
	.techno-heading {
		margin-bottom: 30px
	}
	.techno-heading h3 {
		font-size: 24px
	}
	.techno-video-discript {
		flex-direction: column
	}
	.techno-video-discript .tvd-card {
		margin-right: 0px;
		margin-bottom: 30px
	}
	.tvd-discount {
		width: 100%;
		max-width: 350px;
		margin: 0 auto
	}
	.tvd-discount img {
		width: 100%
	}
	.techno-heading h3 {
		font-size: 25px;
		padding-left: 10px
	}
	.techno-heading h3:after {
		width: 3px
	}
	.techno-single-feature .tsf-img {
		width: 100%
	}
	.techno-single-feature .tsf-img img {
		width: 100%
	}
}

.error-content {
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-bottom: 30px
}

.error-content img, .error-content svg {
	max-width: 90%;
	margin-bottom: 50px
}

.error-content svg path#dark-option {
	fill: var(--color-secondary)
}

.error-content p {
	font-size: 22px;
	color: var(--color-secondary);
	margin-bottom: 20px
}

.error-wrapper {
	margin-top: 40px
}

@media screen and (max-width: 1500px) {
	.error-content {
		margin: 0px 30px
	}
	.error-content svg, .error-content img {
		max-width: 120%
	}
}

@media screen and (max-width: 767px) {
	.error-content p {
		font-size: 18px
	}
}

@media screen and (max-width: 575px) {
	.error-wrapper .title-heading h2 {
		font-size: 20px
	}
}

.error-content-two {
	display: grid;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	grid-gap: 30px;
	grid-template-columns: 1fr 1fr;
	max-width: 80%;
	margin: 0 auto
}

.error-right {
	padding-left: 100px
}

.error-right h5 {
	font-size: 22px;
	margin-bottom: 10px
}

.error-right h6 {
	font-size: 40px
}

.error-right h3 {
	font-size: 170px;
	color: #2a4074;
	line-height: 1.2
}

.error-right p {
	font-size: 24px;
	margin-bottom: 30px
}

@media screen and (max-width: 1350px) {
	.error-content-two {
		max-width: 100%
	}
	.error-right {
		padding-left: 50px
	}
}

@media screen and (max-width: 1190px) {
	.error-right h6 {
		font-size: 30px
	}
	.error-right h3 {
		font-size: 90px
	}
	.error-right h5 {
		font-size: 20px;
		margin-bottom: 5px
	}
	.error-right p {
		font-size: 17px;
		margin-bottom: 17px
	}
}

@media screen and (max-width: 991px) {
	.error-right h3 {
		font-size: 50px
	}
}

@media screen and (max-width: 767px) {
	.error-content-two {
		grid-template-columns: 1fr;
		grid-gap: 50px
	}
	.error-left {
		text-align: center
	}
	.error-right {
		text-align: center;
		padding-left: 0px
	}
}

@media screen and (max-width: 767px) {
	.error-right h5 {
		font-size: 18px
	}
	.error-right h6 {
		font-size: 45px
	}
}

.gym-banner-wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr
}

.single-gymBner-ctgry {
	position: relative;
	z-index: 1
}

.single-gymBner-ctgry::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: var(--gymVolt-bner-bg);
	z-index: 2
}

.single-gymBner-ctgry .img {
	overflow: hidden
}

.single-gymBner-ctgry .img img {
	width: 100%;
	height: 100%;
	transition: 1.5s ease;
	transform: scale(1)
}

.single-gymBner-ctgry .content {
	position: absolute;
	z-index: 3;
	bottom: 70px;
	left: 70px
}

.single-gymBner-ctgry .content>a {
	display: inline-block;
	color: var(--color-secondary);
	font-size: 15px;
	font-weight: 400;
	background-color: var(--menu-bg);
	padding: 8px 25px;
	transition: all .3s ease-in-out
}

.single-gymBner-ctgry .content h4 {
	margin-top: 20px;
	font-weight: 700;
	font-size: 24px;
	max-width: 280px;
	line-height: 1.3
}

.single-gymBner-ctgry .content h4 a {
	color: var(--white);
	transition: all .3s ease-in-out
}

.single-gymBner-ctgry .content ul {
	display: flex;
	align-items: center;
	gap: 30px;
	margin-top: 20px
}

.single-gymBner-ctgry .content ul li {
	color: var(--white);
	font-size: 13px;
	line-height: 1
}

.single-gymBner-ctgry:hover .img img {
	transform: scale(1.2)
}

.single-gymBner-ctgry:hover .content>a {
	color: var(--white);
	background-color: var(--color-primary)
}

.single-gymBner-ctgry:hover .content h4 a {
	color: var(--color-primary)
}

@media screen and (max-width: 1199px) {
	.single-gymBner-ctgry .content {
		bottom: 40px;
		left: 40px
	}
	.single-gymBner-ctgry .content h4 {
		font-size: 20px;
		max-width: 250px
	}
}

@media screen and (max-width: 991px) {
	.gym-banner-wrapper {
		grid-template-columns: 1fr 1fr
	}
	.single-gymBner-ctgry:last-child {
		display: none
	}
}

@media screen and (max-width: 767px) {
	.single-gymBner-ctgry .content {
		bottom: 30px;
		left: 30px
	}
	.single-gymBner-ctgry .content h4, .single-gymBner-ctgry .content ul {
		margin-top: 15px
	}
}

@media screen and (max-width: 575px) {
	.gym-banner-wrapper {
		grid-template-columns: 1fr
	}
	.single-gymBner-ctgry:nth-child(2) {
		display: none
	}
}

.gym-section-title {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin-bottom: 40px
}

.gym-section-title .dot {
	display: flex;
	align-items: center;
	gap: 10px
}

.gym-section-title .dot:first-child {
	flex-direction: row-reverse
}

.gym-section-title .dot span {
	width: 6px;
	height: 6px;
	background-color: var(--color-primary)
}

.gym-section-title .dot span:nth-child(2) {
	width: 4px;
	height: 4px
}

.gym-section-title h3 {
	font-size: 30px;
	font-weight: 700;
	line-height: 1;
	color: var(--transparent-text)
}

.gym-section-title h3 span {
	color: var(--color-primary)
}

@media screen and (max-width: 767px) {
	.gym-section-title {
		margin-bottom: 30px
	}
	.gym-section-title h3 {
		font-size: 24px
	}
}

.gym-fturPost-wrapper {
	overflow: hidden
}

.gym-fturPost-GridSizer, .gym-fturPost-item {
	width: 33.3333333333%;
	overflow: hidden
}

.big-width {
	width: 50%
}

.small-width {
	width: 25%
}

.gym-fturPost-item {
	position: relative;
	z-index: 1
}

.gym-fturPost-item::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: var(--gymVolt-bner-bg);
	z-index: 2
}

.gym-fturPost-item .star {
	position: absolute;
	z-index: 3;
	top: 20px;
	right: 20px
}

.gym-fturPost-item .single-video-content {
	z-index: 3
}

.gym-fturPost-item .img {
	overflow: hidden
}

.gym-fturPost-item .img img {
	width: 100%;
	height: 100%;
	transition: 1.5s ease
}

.gym-fturPost-item .content {
	position: absolute;
	z-index: 3;
	bottom: 40px;
	left: 40px
}

.gym-fturPost-item .content h4 {
	font-weight: 500;
	font-size: 24px;
	max-width: 290px;
	line-height: 1.2
}

.gym-fturPost-item .content h4 a {
	color: var(--white);
	transition: all .3s ease-in-out
}

.gym-fturPost-item .content ul {
	display: flex;
	align-items: center;
	gap: 30px;
	margin-top: 20px
}

.gym-fturPost-item .content ul li {
	color: var(--white);
	font-size: 13px;
	line-height: 1
}

.gym-fturPost-item:hover .img img {
	transform: scale(1.2)
}

.gym-fturPost-item:hover .content a {
	color: var(--color-primary)
}

@media screen and (max-width: 1199px) {
	.gym-fturPost-GridSizer, .gym-fturPost-item {
		width: 50%
	}
	.big-width {
		width: 100%
	}
	.small-width {
		width: 50%
	}
	.gym-lg-none {
		display: none
	}
}

@media screen and (max-width: 991px) {
	.gym-fturPost-item .content {
		bottom: 30px;
		left: 30px
	}
	.gym-fturPost-item .content h4 {
		font-size: 20px;
		max-width: 250px
	}
}

@media screen and (max-width: 767px) {
	.gym-fturPost-item .content {
		bottom: 20px;
		left: 20px
	}
	.gym-fturPost-item .content h4 {
		font-size: 18px;
		max-width: 220px
	}
	.gym-fturPost-item .content ul {
		margin-top: 15px
	}
}

@media screen and (max-width: 575px) {
	.gym-fturPost-GridSizer, .gym-fturPost-item {
		width: 100%
	}
	.big-width {
		width: 100%
	}
	.small-width {
		width: 100%
	}
}

.gym-video-wrapper {
	flex-wrap: wrap;
	display: flex;
}

.single-gym-video .img {
	position: relative;
	overflow: hidden
}

.single-gym-video .img img {
	width: 100%;
	height: 100%;
	transition: 1.5s ease;
	transform: scale(1)
}

.single-gym-video .content {
	background: #fff;
    width: 100%;
    border-top: 0px;
    padding: 10px 15px;
/*     border-radius: 0px 0px 7px 7px; */
        min-height: 105px;
}

.single-gym-video .content h1 {
	font-weight: 600;
    font-size: 20px;
    max-width: 290px;
    line-height: 1.2;
    margin-top: 15px;
}

.single-gym-video .content h1 a {
	color: var(--color-secondary);
	transition: all .3s ease-in-out;
	    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
        margin: 10px 0px;
}

.single-gym-video .content ul {
	display: flex;
	align-items: center;
	gap: 30px;
	/* margin-top: 20px;*/
	justify-content: space-between;
}

.single-gym-video .content ul li {
	color: var(--color-secondary);
	font-size: 13px;
	line-height: 1
}

.single-gym-video .content ul .category-research {
	font-size: 13px;
	line-height: 1;
	background: #a1a1a1;
	padding: 4px 5px;
	border-radius: 3px;
	color: #fff;
	display: flex
}

.reaserch-details {
	margin-top: 20px;
}

.single-gym-video:hover .content a {
	color: #0e6a93;
}

@media screen and (max-width: 1199px) {
	.gym-video-wrapper {
		grid-template-columns: 1fr 1fr 1fr;
		gap: 30px 0px
	}
	.single-gym-video .content {
		padding: 20px 20px 20px 20px
	}
	.single-gym-video .content h1 {
		font-size: 20px;
		max-width: 250px
	}
}

@media screen and (max-width: 991px) {
	.gym-video-wrapper {
		grid-template-columns: 1fr 1fr;
/* 		gap: 30px */
	}
	
		.btn.btn-theme {
    	padding: 10px 10px;
	}
}

@media screen and (max-width: 767px) {
	.gym-video-wrapper {
		grid-template-columns: 1fr 1fr;
/* 		gap: 30px 20px */
	}
	.single-gym-video .content h1 {
		font-size: 18px
	}
	.single-gym-video .content ul {
		margin-top: 15px
	}
	.logo-anchor {
    justify-content: left;
}

.ftr-drpt {
		max-width: unset;
	}
	

}

@media screen and (max-width: 575px) {
	.gym-video-wrapper {
		grid-template-columns: 1fr
	}
}

.gym-pro-area button {
	background-color: var(--color-primary);
	border-color: rgba(0, 0, 0, 0)
}

.gym-rdrChoice-wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 30px
}

.gym-rdrChoice-wrapper .category-list-product {
	border: .3px solid var(--border-color);
	transition: all .3s ease-in;
	margin-top: 0
}

.gym-rdrChoice-wrapper .category-list-product .cp-list-img {
	max-width: 300px
}

.gym-rdrChoice-wrapper .category-list-product:hover {
	box-shadow: var(--shadow);
	border-color: rgba(0, 0, 0, 0)
}

@media screen and (max-width: 991px) {
	.gym-rdrChoice-wrapper {
		grid-template-columns: 1fr;
		grid-gap: 20px
	}
}

@media screen and (max-width: 575px) {
	.gym-rdrChoice-wrapper .category-list-product .cp-list-content h3 {
		font-size: 18px
	}
}

@media screen and (max-width: 400px) {
	.gym-rdrChoice-wrapper .category-list-product .cp-list-img {
		max-width: 100%
	}
}

.peopleLike-wrapper {
	max-width: 1300px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr
}

.peopleLike-wrapper .slc-content h4 {
	max-width: 250px
}

.peopleLike-vdo-wrappr {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr
}

.single-pl-vdo {
	position: relative;
	z-index: 1;
	transform: scale(1.01)
}

.single-pl-vdo img {
	width: 100%;
	height: 100%
}

.single-pl-vdo::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: var(--people-like-vdo-bg)
}

@media screen and (max-width: 991px) {
	.peopleLike-wrapper {
		grid-template-columns: 1fr 1fr
	}
}

@media screen and (max-width: 767px) {
	.peopleLike-vdo-wrappr {
		grid-template-columns: 1fr 1fr
	}
	.single-pl-vdo:last-child {
		display: none
	}
}

@media screen and (max-width: 575px) {
	.peopleLike-wrapper {
		grid-template-columns: 1fr;
		max-width: 400px
	}
	.peopleLike-vdo-wrappr {
		grid-template-columns: 1fr;
		padding-top: 30px
	}
}

.gym-subscribe-wrapper {
	text-align: center
}

.gym-subscribe-wrapper .gym-section-title {
	margin-bottom: 15px
}

.gym-subscribe-wrapper .gym-section-title h3 {
	margin: 0
}

.gym-subscribe-wrapper p {
	font-size: 17px;
	color: var(--color-secondary);
	line-height: 1.3
}

.gym-subscribe-wrapper .search-box {
	margin-top: 40px
}

@media screen and (max-width: 767px) {
	.gym-subscribe-wrapper .gym-section-title {
		margin-bottom: 10px
	}
	.gym-subscribe-wrapper .search-box {
		height: 50px;
		margin-top: 20px;
		max-width: 500px
	}
	.gym-subscribe-wrapper p {
		font-size: 16px
	}
}

@media screen and (max-width: 380px) {
	.gym-subscribe-wrapper .search-box {
		height: auto
	}
}

.gym-insta-post-area {
	position: relative;
	display: grid;
	grid-template-columns: repeat(6, 1fr)
}

.gym-insta-post-area button {
	position: absolute;
	content: "";
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 18px;
	gap: 15px;
	display: flex;
	align-items: center;
	transition: all .3s ease-in-out;
	border: none;
	background-color: var(--menu-bg)
}

.gym-insta-post-area button span {
	color: var(--color-secondary);
	transition: all .3s ease-in-out
}

.gym-insta-post-area button i {
	font-size: 20px
}

.gym-insta-post-area button:hover {
	background-color: var(--color-primary);
	color: var(--white)
}

.gym-insta-post-area button:hover span {
	color: var(--white)
}

.gym-single-instaPost {
	display: block
}

.gym-single-instaPost img {
	width: 100%;
	height: 100%
}

@media screen and (max-width: 1199px) {
	.gym-insta-post-area {
		grid-template-columns: repeat(5, 1fr)
	}
	.gym-single-instaPost:nth-child(6) {
		display: none
	}
}

@media screen and (max-width: 991px) {
	.gym-insta-post-area {
		grid-template-columns: repeat(4, 1fr)
	}
	.gym-single-instaPost:nth-child(5) {
		display: none
	}
}

@media screen and (max-width: 767px) {
	.gym-insta-post-area {
		grid-template-columns: repeat(3, 1fr)
	}
	.gym-single-instaPost:nth-child(4) {
		display: none
	}
}

@media screen and (max-width: 575px) {
	.gym-insta-post-area {
		grid-template-columns: repeat(2, 1fr)
	}
	.gym-insta-post-area button {
		font-size: 16px;
		gap: 10px
	}
	.gym-single-instaPost:nth-child(3) {
		display: none
	}
}

.foodvolt-banner-wrapper {
	display: flex;
	gap: 30px
}

.foodvolt-banner-item .single-item {
	position: relative;
	overflow: hidden
}

.foodvolt-banner-item .single-item::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: var(--foodvolt-banner-overlay);
	z-index: 1;
	top: 0;
	left: 0
}

.foodvolt-banner-item .single-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1);
	transition: .6s ease
}

.foodvolt-banner-item .single-item .categori {
	font-weight: 400;
	font-size: 15px;
	line-height: 18px;
	color: var(--white);
	background-color: var(--color-primary);
	padding: 6px 9px;
	display: inline-block
}

.foodvolt-banner-item .single-item .content {
	position: absolute;
	z-index: 2;
	bottom: 30px;
	left: 30px;
	width: calc(100% - 60px)
}

.foodvolt-banner-item .single-item .content h4 {
	margin-top: 20px
}

.foodvolt-banner-item .single-item .content h4 a {
	font-weight: 400;
	font-size: 24px;
	line-height: 1.2;
	color: var(--white);
}

.foodvolt-banner-item .single-item .content ul {
	display: flex;
	align-items: center;
	gap: 30px;
	margin-top: 20px
}

.foodvolt-banner-item .single-item .content ul li {
	font-weight: 400;
	font-size: 13px;
	line-height: 15px;
	color: var(--white)
}

.foodvolt-banner-item .single-item:hover img {
	transform: scale(1.2)
}

.foodvolt-banner-smallitem {
	max-width: 370px;
	width: 100%
}

.foodvolt-banner-bigitem {
	max-width: 772px;
	width: 100%
}

.foodvolt-banner-bigitem .categori {
	position: absolute;
	top: 40px;
	right: 40px;
	z-index: 2
}

.foodvolt-banner-bigitem .single-item {
	height: 100%
}

.foodvolt-banner-bigitem .single-item .content {
	padding: 30px;
	background-color: var(--color-primary);
	width: calc(100% - 80px);
	max-width: 400px;
	left: 40px;
	bottom: 40px
}

.foodvolt-banner-bigitem .single-item .content ul {
	margin-top: 0
}

@media screen and (max-width: 1199px) {
	.foodvolt-banner-bigitem .categori {
		top: 30px;
		right: 30px
	}
	.foodvolt-banner-bigitem .single-item {
		height: 100%
	}
	.foodvolt-banner-bigitem .single-item .content {
		width: calc(100% - 60px);
		left: 30px;
		bottom: 30px
	}
}

@media screen and (max-width: 991px) {
	.foodvolt-banner-wrapper {
		flex-wrap: wrap
	}
	.foodvolt-banner-smallitem {
		width: calc(50% - 15px);
		max-width: 100%
	}
	.foodvolt-banner-bigitem {
		width: 100%;
		max-width: 100%;
		order: 3
	}
	.foodvolt-banner-bigitem .single-item .content {
		max-width: 375px
	}
}

@media screen and (max-width: 767px) {
	.foodvolt-banner-wrapper {
		grid-gap: 20px
	}
	.foodvolt-banner-item .single-item .content {
		bottom: 20px;
		left: 20px;
		width: calc(100% - 40px)
	}
	.foodvolt-banner-item .single-item .content h4 {
		margin-top: 15px
	}
	.foodvolt-banner-item .single-item .content h4 a {
		font-weight: 400;
		font-size: 20px
	}
	.foodvolt-banner-item .single-item .content ul {
		margin-top: 15px
	}
	.foodvolt-banner-bigitem .single-item .content {
		padding: 20px 20px;
		max-width: 320px
	}
	.foodvolt-banner-bigitem .single-item .content ul {
		margin-top: 0
	}
}

@media screen and (max-width: 575px) {
	.foodvolt-banner-smallitem {
		width: 100%;
		max-width: 100%
	}
	.foodvolt-banner-bigitem {
		order: unset
	}
}

.foodvolt-section-title {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	margin-bottom: 45px
}

.foodvolt-section-title img, .foodvolt-section-title svg {
	max-width: 100%;
	max-height: 100%
}

.foodvolt-section-title h3 {
	color: var(--color-primary);
	line-height: 1;
	font-size: 30px
}

@media screen and (max-width: 767px) {
	.foodvolt-section-title {
		gap: 10px;
		margin-bottom: 30px
	}
	.foodvolt-section-title h3 {
		font-size: 24px
	}
	.foodvolt-section-title img, .foodvolt-section-title svg {
		max-width: 50px
	}
}

.foodvolt-ltstPost-wrapper {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 30px
}

.foodvolt-ltst-post {
	display: flex;
	flex-direction: column;
	transition: all .3s ease
}

.foodvolt-ltst-post .img {
	position: relative;
	overflow: hidden
}

.foodvolt-ltst-post .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1);
	transition: .6s ease
}

.foodvolt-ltst-post .img .categori {
	font-weight: 400;
	font-size: 15px;
	line-height: 18px;
	color: var(--white);
	background-color: var(--color-primary);
	padding: 6px 9px;
	display: inline-block;
	position: absolute;
	left: 30px;
	top: 30px
}

.foodvolt-ltst-post .content {
	background: var(--bg-primary);
	border: .3px solid var(--border-color);
	border-top: none;
	padding: 30px 40px;
	flex-grow: 1;
	transition: .3s ease
}

.foodvolt-ltst-post .content h4 a {
	font-weight: 400;
	font-size: 24px;
	line-height: 1.2;
	color: var(--color-secondary);
	transition: .3s ease
}

.foodvolt-ltst-post .content ul {
	display: flex;
	align-items: center;
	gap: 30px;
	margin-top: 20px
}

.foodvolt-ltst-post .content ul li {
	font-weight: 400;
	font-size: 13px;
	line-height: 15px;
	color: var(--color-secondary)
}

.foodvolt-ltst-post:hover {
	box-shadow: var(--shadow)
}

.foodvolt-ltst-post:hover .img img {
	transform: scale(1.2)
}

.foodvolt-ltst-post:hover .content {
	border-color: rgba(0, 0, 0, 0)
}

.foodvolt-ltst-post:hover .content h4 a {
	color: var(--color-primary)
}

@media screen and (max-width: 1350px) {
	.foodvolt-ltst-post .content {
		padding: 20px 30px
	}
}

@media screen and (max-width: 1199px) {
	.foodvolt-ltstPost-wrapper {
		grid-gap: 20px
	}
	.foodvolt-ltst-post .content {
		padding: 20px
	}
}

@media screen and (max-width: 991px) {
	.foodvolt-ltstPost-wrapper {
		grid-template-columns: repeat(3, 1fr)
	}
	.foodvolt-ltst-post .img .categori {
		top: 20px;
		left: 20px
	}
	.foodvolt-ltst-post .content {
		padding: 20px
	}
	.foodvolt-ltst-post .content h4 a {
		font-size: 20px
	}
	.foodvolt-ltst-post .content ul {
		margin-top: 15px
	}
}

@media screen and (max-width: 767px) {
	.foodvolt-ltstPost-wrapper {
		grid-template-columns: repeat(2, 1fr)
	}
}

@media screen and (max-width: 575px) {
	.foodvolt-ltstPost-wrapper {
		grid-template-columns: 1fr
	}
}

.food-pro-area {
	padding-top: 20px;
	padding-bottom: 0
}

.food-pro-area button {
	background-color: var(--white);
	color: var(--color-primary);
	border: none
}

.food-pro-area button:hover {
	background-color: var(--color-primary);
	color: var(--white)
}

.foodvolt-trendy-slider .single-tag-content .categori {
	font-weight: 400;
	font-size: 15px;
	line-height: 18px;
	color: var(--white);
	background-color: var(--color-primary);
	padding: 6px 9px;
	display: inline-block;
	position: absolute;
	left: 40px;
	top: -60px
}

@media screen and (max-width: 1350px) {
	.foodvolt-trendy-slider .single-tag-post .single-tag-content {
		padding: 25px 20px 20px
	}
}

@media screen and (max-width: 991px) {
	.foodvolt-trendy-slider .single-tag-post .single-tag-content {
		padding: 15px
	}
}

@media screen and (max-width: 767px) {
	.foodvolt-trendy-slider .single-tag-content .categori {
		left: 20px;
		top: -45px
	}
}

.foodvolt-vdo-wrappr {
	display: grid;
	grid-template-columns: repeat(4, 1fr)
}

.foodvolt-vdo-wrappr .single-pl-vdo .categori {
	font-weight: 400;
	font-size: 15px;
	line-height: 18px;
	color: var(--white);
	background-color: var(--color-primary);
	padding: 6px 9px;
	display: inline-block;
	position: absolute;
	right: 30px;
	top: 30px
}

.foodvolt-vdo-wrappr .single-pl-vdo img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.foodvolt-vdo-wrappr .big-play-vdo {
	grid-column: 1/3
}

@media screen and (max-width: 991px) {
	.foodvolt-vdo-wrappr {
		grid-template-columns: repeat(3, 1fr)
	}
	.foodvolt-vdo-wrappr .single-pl-vdo .categori {
		right: 20px;
		top: 20px
	}
	.foodvolt-vdo-wrappr .big-play-vdo {
		grid-column: unset
	}
}

@media screen and (max-width: 767px) {
	.foodvolt-vdo-wrappr {
		grid-template-columns: repeat(2, 1fr)
	}
}

@media screen and (max-width: 575px) {
	.foodvolt-vdo-wrappr {
		grid-template-columns: repeat(1, 1fr)
	}
}

/*  */
.post-cats {
	display: flex;
	justify-content: space-between;
}

.blogs_link a {
	color: #5db0e6;;
}

.single-tag-post:hover .single-tag-content .tag-slider-timeline a {
	color: var(--white);
	transition: var(--ease-in);
}

.single-tag-post:hover .single-tag-content p {
	color: var(--white);
	transition: var(--ease-in);
}

.btl-simple-card:before {
	content: "";
	width: 100%;
	height: 100%;
	background-color: #0706154a;
	position: absolute;
}

.single-tag-img:before {
	content: "";
	width: 100%;
	height: 100%;
	background-color: #0706154a;
	position: absolute;
}

.web_icon {
	margin-right: 10px;
}

.owl-nav {
	display: flex;
	flex-direction: column;
	position: relative;
}

.owl-prev span {
	transform: rotate(90deg);
	position: absolute;
	left: 0;
	padding: 5px 10px;
	background: #17540f;
	color: #ffff;
	font-size: 24px;
	border-radius: 6px;
	display: none;
}

.owl-next span {
	transform: rotate(90deg);
	position: absolute;
	left: 0;
	top: 29px;
	padding: 5px 10px;
	background: #17540f;
	color: #ffff;
	font-size: 24px;
	border-radius: 6px;
	display: none;
}

video.player-video.viewer {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

/* social design start */
.social-btn {
	display: flex;
	width: 150px;
	align-items: center;
	justify-content: space-between;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px;
	border-bottom-left-radius: 30px;
	border-top-left-radius: 30px;
	margin-bottom: 5px;
	position: relative;
	right: 50px;
	transition: right 1s;
}

.social-btn:hover {
	right: 150px;
	transition: right 1s;
}

.social {
	position: fixed;
	top: 35%;
	left: 100%;
	z-index: 999;
	display: none;
}

.head_sticky .social {
	display: block;
}

.social a {
	text-decoration: none;
}

.color-telegram {
	background-color: #0084c6;
}

.color-instagram {
	background-color: #f62782;
}

.color-whatsapp {
	background-color: #24cc63;
}

.color-twitter {
	background-color: rgb(25, 21, 21);
}

.color-youtube {
	background-color: rgb(204, 36, 36);
}

.google-font {
	font-size: 1.25rem;
}

.social-btn img {
	width: 40px;
}

.social-btn p {
	color: white;
	margin-top: 0px;
	margin-bottom: 0px;
}

.soc_icon {
	font-size: 20px;
	padding: 10px;
	color: #fff;
}

/* useful link css start */
.useful_links ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 0 10px;
}

.useful_links li {
	margin-left: -2px;
}

.useful_links li:first-child a {
	border-radius: 8px 0 0 8px;
}

.useful_links li:last-child a {
	border-radius: 0 8px 8px 0;
}

/* .useful_links a {
    background-color: #fff;
    color: #6b7280;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    font-size: 1.25rem;
    font-weight: 600;
    border: 2px solid #ffffff;
    height: 5em;
    padding-left: 1em;
    padding-right: 1em;
    border-radius: 0;
    transform: skew(-30deg);
    position: relative;
    transition: color 0.15s ease, border-color 0.15s ease;
    box-shadow: -0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.45), inset -0.25rem 0.25rem 0.5rem rgba(0, 0, 0, 0.45);
  } */
/*  .useful_links ul li:nth-child(1) a {
    background-color: #60c5a6;
    }
    .useful_links ul li:nth-child(2) a {
        background-color: #f20071;
    }
    .useful_links ul li:nth-child(3) a {
        background-color: #ebad30;
    }
    .useful_links ul li:nth-child(4) a {
        background-color: #b3bb30;
    }
    .useful_links ul li:nth-child(5) a {
        background-color: #994D7F;
    }
    .useful_links ul li:nth-child(6) a {
        background-color: #c59560;
    }
  .useful_links a:hover, a:focus, a.active {
    outline: 0;
    border-color: #a7b7b2;
    z-index: 1;
  }
  .useful_links a > * {
    transform: skew(30deg);
  }
  .useful_links a span {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
  } */
.useful_links .flag {
	background-position: 236px 570px;
}

.useful_links .plus {
	background-position: 242px 492px;
}

.useful_links .case {
	background-position: 240px 403px;
}

.useful_links .quiz {
	background-position: 242px 316px;
}

.useful_links .laptop {
	background-position: 242px 226px;
}

.useful_links .rti {
	background-position: 242px 68px;
}

.common {
	width: 80px;
	height: 72px;
	background-image: url(../img/homeSection/sprite2.png) !important;
	display: inline-block;
}

.footer-top {
	border-top: 1px solid #ffffff54;
	padding-bottom: 10px;
}

.copyright a {
	color: #aac8f1;
	font-weight: bold;
}

.counter-item.copyright-item span span {
	color: #aac8f1;
	font-weight: bold;
}

.footer_bisag {
	background-color: #fff;
	border-radius: 5px;
	padding: 5px;
	width: 65px;
}

.language-select-box select {
	word-wrap: normal;
	background: #fff0 !important;
	color: #fff;
	border: 1px solid #f0f0f000;
	cursor: pointer;
}

.language-select-box .icon i {
	color: #fff;
}

.language-select-box {
	position: relative;
	display: flex;
	align-items: center;
	padding: 0px 5px;
	margin-left: 5px;
	border: 1px solid #fff;
	border-radius: 5px;
}

.language-select-box .icon {
	position: relative;
	display: block;
}

.language-select-box select option {
	color: black;
}

section.newsupdate-area {
	background-image: url(../img/features-bg.png);
	background-position: center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
/* 
.navbar-area li a:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 3px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    top: 0;
    left: 0;
    z-index: -1;
    background: #f44336;
} */
.navbar-area li:hover a:before, .navbar-area li a.active:before {
	height: 100%;
}

.navbar-area ul>li a {
	transform: skew(0deg);
		display: flex;
	align-items: center;
}

.navbar-area li a span {
	transform: skew(0deg);
	display: block;
	margin-left: 5px;
	font-size: 18px;
}

.navbar-area li a i {
	padding: 5px;
	/*     color: #000; */
	/*     border-radius: 5px; */
	/*     font-size: 10px;     */
}
/* .home i {
    background: #f44336;
}
.about i {
 background:#f58021;
}
.video i{
 background:#74b430;
}
.photo i{
	background:#aa35d6;
}
.writeups i{
	background:#d6ac1b;
}
.research i{
	background: #4c60f6;
}
.quiz i{
background:#33a3f1;
}
.gap i{
background:#32b47b;
}
.news i{
background:#ab632e;
}
.contact i{
background:#f40385;
} */
/* .navbar-area li a.active {
    color: #fff;
}
.navbar-area li a.world:before {
    background: #33a3f1;
}
.navbar-area li a.about:before {
    background: #f58021;
}
.navbar-area li a.research:before {
    background: #74b430;
}
.navbar-area li a.what_new:before {
    background: #aa35d6;
}
.navbar-area li a.writeups:before {
    background: #d6ac1b;
}
.navbar-area li a.current:before {
    background: #4c60f6;
}
.navbar-area li a.career:before {
    background: #32b47b;
}
.navbar-area li a.games:before {
    background: #ab632e;
}
.navbar-area li a.contact:before {
    background: #4c60f6;
} */
.que_txt {
	padding: 0 5px;
	text-align: center;
	color: #ca7d1b;
	font-weight: bold;
}

.post_left {
	width: 20%;
}

.post_center {
	width: 55%;
}

.post_right {
	width: 25%;
}

.owl-carousel-news .owl-nav {
	display: flex;
	position: relative;
	justify-content: space-between;
	flex-direction: row;
	padding: 0 10px;
	position: absolute;
	top: 50%;
	width: 100%;
}

.owl-carousel-news .owl-prev {
	background: rgba(51, 51, 51, 0.5);
	padding: 10px 15px;
	border-radius: 50%;
	color: #fff;
}

.owl-carousel-news .owl-prev:hover {
	background: #ececec;
	color: #333333;
}

.owl-carousel-news .owl-prev:before {
	content: '\f104';
	font-family: 'FontAwesome';
	text-indent: 0 !important;
	font-size: 30px;
}

.owl-carousel-news .owl-next {
	background: rgba(51, 51, 51, 0.5);
	padding: 10px 15px;
	border-radius: 50%;
	color: #fff;
}

.owl-carousel-news .owl-next:hover {
	background: #ececec;
	color: #333333;
}

.owl-carousel-news .owl-next:before {
	content: '\f105';
	font-family: 'FontAwesome';
	text-indent: 0 !important;
	font-size: 30px;
}

/*      circle menu        */
nav.circle_menu {
	top: 50%;
	position: fixed;
	left: 25px;
	z-index: 999;
}

.circle_menu label i {
	padding: 3px 5px;
	border-radius: 50%;
	color: #fff;
	-webkit-animation: fa-spin 2s linear infinite;
	animation: fa-spin 2s linear infinite;
	-moz-animation: fa-spin 2s linear infinite;
	-ms-animation: fa-spin 2s linear infinite;
	-o-animation: fa-spin 2s linear infinite;
}

.menu-toggler {
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	right: 0;
	left: -25px;
	margin: auto;
	width: 45px;
	height: 45px;
	z-index: 9;
	opacity: 0;
	cursor: pointer;
	border-radius: 0 20px 20px 0;
}

.menu-toggler:checked+label:before {
	transform: rotate(45deg) translateY(-15px) translateX(-15px);
}

.menu-toggler:checked+label:after {
	transform: rotate(-45deg);
}

.menu-toggler:checked ~ ul .menu-item {
	opacity: 1;
}

.menu-toggler:checked ~ ul .menu-item a {
	pointer-events: auto;
}

.menu-toggler+label {
	width: 45px;
	height: 45px;
	z-index: 1;
	border-radius: 2.5px;
	background: linear-gradient(45deg, #0d67b6, #0d67b6);
	transition: transform 0.5s top 0.5s;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -25px;
	right: 0;
	margin: auto;
	justify-content: center;
	display: flex;
	align-items: center;
	color: #10a739;
	font-size: 25px;
	box-shadow: 0px 0px 15px #00000096;
}

.menu-toggler:checked+label i {
	transform: rotate(45deg);
}
/* .menu-toggler + label:before,
  .menu-toggler + label:after {
    width: 40px;
    height: 5px;
    display: block;
    z-index: 1;
    border-radius: 2.5px;
    background: rgba(255, 255, 255, 0.7);
    transition: transform 0.5s top 0.5s;
    content: "";
    position: absolute;
    display: block;
    left: 0;
  }
  .menu-toggler + label:before {
    top: 40px;
  }
  .menu-toggler + label:after {
    top: 20px;
  } */
.menu-toggler:checked ~ ul .menu-item:nth-child(1) a {
	transform: rotate(0deg) translateX(50px);
	background: linear-gradient(45deg, #548BC5 0%, #300079 100%);
}

.menu-toggler:checked ~ ul .menu-item:nth-child(2) a {
	transform: rotate(0deg) translateX(110px);
	background: linear-gradient(45deg, #548BC5 0%, #59B59A 100%);
}

.menu-toggler:checked ~ ul .menu-item:nth-child(3) a {
	transform: rotate(0deg) translate(170px);
	background: linear-gradient(45deg, #B45D97 0%, #DC763B 100%);
}

.menu-toggler:checked ~ ul .menu-item:nth-child(4) a {
	transform: rotate(0deg) translate(230px);
	background: linear-gradient(45deg, #9AC461 0%, #548BC5 100%);
}

.menu-toggler:checked ~ ul .menu-item:nth-child(5) a {
	transform: rotate(193deg) translateX(-145px);
	background: linear-gradient(45deg, #9207e1 0%, #300079 100%);
}

.menu-toggler:checked ~ ul .menu-item:nth-child(6) a {
	transform: rotate(217deg) translateX(-133px);
	background: linear-gradient(45deg, #f84900 1%, #ff9c00 100%);
}

.menu-toggler:checked ~ ul .menu-item:nth-child(7) a {
	transform: rotate(245deg) translateX(-132px);
	background: linear-gradient(45deg, #08cdd2 0%, #0b8aeb 100%);
}

.menu-toggler:checked ~ ul .menu-item:nth-child(8) a {
	transform: rotate(270deg) translateX(-130px);
	background: linear-gradient(45deg, #cdd00e 0%, #6eba3a 100%);
}

.menu-toggler:checked ~ ul .menu-item:nth-child(2) a i {
	transform: rotate(-90deg);
}

.menu-toggler:checked ~ ul .menu-item:nth-child(3) a i {
	transform: rotate(-116deg);
}

.menu-toggler:checked ~ ul .menu-item:nth-child(4) a img {
	transform: rotate(360deg);
}

.menu-toggler:checked ~ ul .menu-item:nth-child(5) a img {
	transform: rotate(-193deg);
}

.menu-toggler:checked ~ ul .menu-item:nth-child(6) a img {
	transform: rotate(-217deg);
}

.menu-toggler:checked ~ ul .menu-item:nth-child(7) a i {
	transform: rotate(-245deg);
}

.menu-toggler:checked ~ ul .menu-item:nth-child(8) a i {
	transform: rotate(-270deg);
}

/* .menu-item:nth-child(6) a {
    transform: rotate(-300deg);
    background: rgb(124 73 8 / 95%);
  } */
li.menu-item a img {
	width: 65%;
}

li.menu-item a:hover i {
	font-size: 28px;
}

li.menu-item a:hover img {
	width: 75%;
}

.menu-item {
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 50px;
	height: 50px;
	opacity: 0;
	transition: 0.5s;
	margin-left: -20px;
}

.menu-item a {
	display: block;
	width: inherit;
	height: inherit;
	color: rgb(255, 255, 255);
	background: #32b47b;
	border-radius: 50%;
	text-align: center;
	text-decoration: none;
	font-size: 25px;
	pointer-events: none;
	transition: 0.2s;
	box-shadow: 0px 0px 5px #121212;
	border: 2px solid #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}

.menu-item a:hover {
	border: 2px solid #c8c7c7;
	background: rgb(255, 255, 255);
}

.circle_menu {
	display: none;
}

.head_sticky .circle_menu {
	display: block;
}

.bg1 {
	background: #d7e3ec;
	color: #000;
}

.bg2 {
	background: #f1dfd1;
	color: #000;
}

.bg3 {
	background: #dee5d6;
	color: #000;
}

.bg4 {
	background: #e7dbec;
	color: #000;
}

.bg5 {
	background: #d6ac1b;
	color: #fff;
}

.bg6 {
	background: #4c60f6;
	color: #fff;
}

.bg7 {
	background: #32b47b;
	color: #fff;
}

.bg8 {
	background: #ab632e;
	color: #fff;
}

.bg9 {
	background: #aa35d6;
	color: #fff;
}

.head_sticky .header-area {
	position: fixed;
	width:100%;
	top: 0;
	z-index: 999;
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@keyframes slideInDown { 0% {
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
	visibility: visible;
}

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

/* whats new section */
.whats-new-text {
	padding: 20px;
	position: absolute;
	left: 45%;
	bottom: 10%;
	width: 50%;
	background: #DEF1F7;
	box-shadow: 0 20px 16px rgb(0 0 0/ 22%);
}

.whats-new-section .owl-carousel .owl-item img {
	width: 50%;
}

.whats-new-section {
	background: #f4f7fe;
	padding: 100px 0 50px;
}

.whats-new-section .whats-new-wrapper {
	padding: 110px 0;
	background: url(../img/whats-new-bg.png) 0 0 no-repeat;
	display: flex;
	justify-content: center;
	align-items: center;
}

.whats-new-section  .section-title {
	height: 100%;
	align-items: center;
	display: flex;
	justify-content: center;
}

.whats-new-text h4 {
	font-size: 24px;
	margin-bottom: 12px;
	font-weight: bold;
}

.whats-new-section .section-title h2 {
	display: inline-block;
	background: linear-gradient(92.61deg, #9AC461 0%, #548BC5 0%, #59B59A 116.86%,
		#B45D97 182.36%, #DC763B 246.57%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	font-size: 76px;
	font-weight: bold;
}

.whats-new-section .whats-new-wrapper .section-title {
	text-align: right;
	margin-right: 30px;
}

.whats-new-section .whats-new-wrapper .section-title h2 {
	color: #3A3C3D;
	text-transform: uppercase;
	font-size: 4.714em;
	background: none;
	-webkit-text-fill-color: initial;
}

.whats-new-section .whats-new-wrapper .section-title h2 span {
	display: block;
	font-family: system-ui;
	background: none;
	-webkit-text-fill-color: initial;
}

.section-title span {
	color: #3E4F5A;
	letter-spacing: 1px;
	display: block;
}

.whats-new-section .whats-new-wrapper .whats-new-slider {
	width: 35%;
}

.owl-carousel-whats .owl-dots .owl-dot {
	margin: 0px 5px;
	height: 7px;
	width: 30px;
	background-color: #c4c3c3;
	transition: var(--ease-in);
}

.owl-carousel-whats .owl-dot.active {
	background-color: #3b6b48;
}

.owl-carousel-whats .owl-dots {
	display: flex;
	margin: 10px 0;
	justify-content: end;
}

/* statistics section */
.statistic-section {
	box-shadow: 0px 0px 5px #00000047;
	position: relative;
	display: flex;
	align-items: center;
	background: #fffef6;
}

.statistic_data ul li a {
	display: flex;
}

button.btn.btn-dark.text-white {
	background: linear-gradient(91.85deg, #007aea 0%, #00c2ff 100%);
	border: none;
	border-radius: 10px;
	padding: 10px 15px;
	position: relative;
	display: inline-block;
	overflow: hidden;
	z-index: 1;
	box-shadow: 4px 7px 12px 0 rgba(97, 93, 250, .2);
}

button.btn.btn-dark.text-white:hover:before, button.btn.btn-dark.text-white:hover:after
	{
	transform: translateX(1);
	width: 50%;
}

button.btn.btn-dark.text-white:before {
	position: absolute;
	content: '';
	width: 0%;
	height: 100%;
	left: 0px;
	top: 0px;
	transform: translateX(0);
	transform-origin: left center;
	z-index: -1;
	background: #ff974f;
	transition: all 500ms ease;
}

button.btn.btn-dark.text-white:after {
	position: absolute;
	content: '';
	width: 0%;
	height: 100%;
	right: 0px;
	top: 0px;
	transform: translateX(0);
	transform-origin: right center;
	z-index: -1;
	background: #ff974f;
	transition: all 500ms ease;
}

.statistic_data .icon img {
	width: 100%;
	padding: 10px;
}

.statistic_data .icon {
	background: linear-gradient(45deg, #134c77, #0d67b6);
	border-radius: 50%;
	width: 50px;
	height: 50px;
	margin-right: 10px;
	box-shadow: 0 20px 16px rgb(0 0 0/ 22%);
}

.statistic-section ul {
	display: flex;
	flex-wrap: wrap;
	margin-left: 10px;
	justify-content: center;
}

.statistic-text {
	text-align: left;
}

.statistic-section ul li {
	margin: 0 10px;
	padding: 10px 25px;
	text-align: center;
	border-radius: 5px;
}

.statistic-section .counter {
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 1.714em;
	background: linear-gradient(92.61deg, #b3ddff 0%, #548BC5 0%, #2196F3 116.86%, #00BCD4 182.36%, #3F51B5 246.57%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}

.statistic-section .title {
	color: #000000;
	font-size: 14px;
}

.statistic-heading {
	clip-path: polygon(100% 0%, calc(100% - 20px) 50%, 100% 100%, 0 100%, 0%
		50%, 0 0);
	background: linear-gradient(45deg, #134c77, #0d67b6);
	padding: 24px 50px 24px 20px;
	height: 100%;
}

.statistic-heading h5 {
	color: #fff;
	font-weight: bold;
	font-size: 24px;
}

.statistic_data {
	width: 100%;
}

/* conference */
.owl-carousel-conference .owl-dots .owl-dot {
	margin: 0px 5px;
	height: 7px;
	width: 30px;
	background-color: #c4c3c3;
	transition: var(--ease-in);
}

.owl-carousel-conference .owl-dot.active {
	background-color: #3b6b48;
}

.owl-carousel-conference .owl-dots {
	display: flex;
	margin: 10px 0;
	justify-content: end;
}
/* slider */
.slider_div {
	padding: 0;
}

.owl-carousel-main .owl-nav {
	display: flex;
	position: relative;
	justify-content: space-between;
	flex-direction: row;
	padding: 0 10px;
	position: absolute;
	top: 50%;
	width: 100%;
}

.owl-carousel-main .owl-prev {
	background: rgba(51, 51, 51, 0.5);
	padding: 10px 15px;
	border-radius: 50%;
	color: #fff;
}

.owl-carousel-main .owl-prev:hover {
	background: #ececec;
	color: #333333;
}

.owl-carousel-main .owl-prev:before {
	content: '\f104';
	font-family: 'FontAwesome';
	text-indent: 0 !important;
	font-size: 30px;
}

.owl-carousel-main .owl-next {
	background: rgba(51, 51, 51, 0.5);
	padding: 10px 15px;
	border-radius: 50%;
	color: #fff;
}

.owl-carousel-main .owl-next:hover {
	background: #ececec;
	color: #333333;
}

.owl-carousel-main .owl-next:before {
	content: '\f105';
	font-family: 'FontAwesome';
	text-indent: 0 !important;
	font-size: 30px;
}

.author-single-card:hover .author-single-content {
	opacity: 1;
}

.periodicals-vcard-content {
	padding: 10px;
	min-height: 110px;
	background: #f9f9f9;
}

.periodicals-vcard-content a {
	color: #000;
}

.periodicals-vcard-content h3 {
	font-size: 20px;
	padding: 10px 0;
}

.periodicals-vcard-content .periodicals-vcard-title {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
}

.periodicals-vcard-content .periodicals-vcard-title span:nth-child(1) {
	margin-right: 30px;
}

.periodicals-vcard-content .periodicals-vcard-title span {
	display: block;
	margin-bottom: 6px;
	font-size: 13px;
	color: var(--color-secondary);
	transition: var(--ease-in);
}

.periodicals-vcard-single .view-btn {
	display: none;
}

.periodicals-vcard-single:hover .view-btn {
	display: block;
}

.periodicals-vcard-single:hover .periodicals-vcard-img:before {
	content: '';
	background-color: #0000002b;
	position: absolute;
	width: 100%;
	height: 100%;
}

.view-btn {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.view-btn a {
	background: #04a2a7;
	color: #fff;
	padding: 10px;
	border-radius: 10px;
	margin: 2px;
}

.periodicals-area {
	padding: 50px 0 50px;
}

/*=== Schedule Block ===*/
.schedule-block {
	position: relative;
	overflow: hidden;
}

.schedule-block:after {
	display: table;
	clear: both;
	content: "";
}

.schedule-block .inner-box {
	position: relative;
	float: right;
	width: 50%;
	text-align: left;
}

.schedule-block .inner-box .inner {
	position: relative;
	padding: 30px 30px 24px;
	min-height: 210px;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.schedule-timeline.aos-init.aos-animate {
	rotate: 90deg;
}

@-webkit-keyframes pulse2 { 0% {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}

50%
{
-webkit-transform
:
scale3d(
1.25
,
1.25
,
1.25
);
transform
:
scale3d(
1.25
,
1.25
,
1.25
);
}
100%
{
-webkit-transform
:
scale3d(
1
,
1
,
1
);
transform
:
scale3d(
1
,
1
,
1
);
}
}
@keyframes pulse2 { 0% {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}

50%
{
-webkit-transform
:
scale3d(
1.25
,
1.25
,
1.25
);
transform
:
scale3d(
1.25
,
1.25
,
1.25
);
}
100%
{
-webkit-transform
:
scale3d(
1
,
1
,
1
);
transform
:
scale3d(
1
,
1
,
1
);
}
}
.schedule-block .inner-box:hover .inner {
	border: 1px solid #dddddd;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.schedule-block .date {
	position: absolute;
	left: -225px;
	top: 0px;
	height: 210px;
	width: 210px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.schedule-block .date span {
	position: relative;
	height: 100px;
	width: 100px;
	border: 5px dashed #ffffff;
	font-size: 14px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 600;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 50%;
	background: #9207e1;
	text-align: center;
	z-index: 1;
	background: -webkit-gradient(linear, left top, left bottom, from(#9207e1),
		to(#300079));
	background: -o-linear-gradient(top, #9207e1 0%, #300079 100%);
	background: linear-gradient(to bottom, #9207e1 0%, #300079 100%);
}

.schedule-block .date span:before {
	position: absolute;
	left: 100%;
	top: 50%;
	width: 75px;
	height: 5px;
	margin-top: 1px;
	background: -webkit-gradient(linear, left top, left bottom, from(#9207e1),
		to(#300079));
	background: -o-linear-gradient(top, #9207e1 0%, #300079 100%);
	background: linear-gradient(to bottom, #9207e1 0%, #300079 100%);
	content: "";
}

.schedule-block .date:before {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	border: 5px solid #6503b2;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	border-radius: 50%;
	content: "";
}

.schedule-block .date:after {
	position: absolute;
	right: 0;
	top: 0;
	width: 55%;
	height: 100%;
	background-color: #f9f9f9;
	content: "";
}

.schedule-block .speaker-info {
	position: relative;
	padding-left: 95px;
	min-height: 80px;
}

.schedule-block .speaker-info .thumb {
	position: absolute;
	left: 0;
	top: 0;
	width: 80px;
	height: 80px;
	overflow: hidden;
}

.schedule-block .speaker-info .icon {
	font-size: 27px;
	color: #ffba00;
	line-height: 1em;
	margin-bottom: 10px;
}

.schedule-block .speaker-info .name {
	font-size: 20px;
	color: #ff4200;
	font-weight: 700;
	line-height: 1em;
}

.schedule-block .speaker-info .designation {
	font-size: 16px;
	color: #555555;
}

.schedule-block h4 {
	position: relative;
	font-size: 24px;
	line-height: 1.2em;
	color: #081245;
	font-weight: 700;
	padding-top: 15px;
}

.schedule-block h4 a {
	color: #081245;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.schedule-block h4 a:hover {
	color: #fd00c5;
}

.schedule-block.even .inner-box {
	float: left;
	text-align: right;
}

.schedule-block.even .inner-box .inner {
	margin-left: 0;
	margin-right: 120px;
}

.schedule-block.even .inner:before {
	left: 0;
	right: auto;
	background-position: right bottom;
}

.schedule-block.even .date {
	left: auto;
	right: -225px;
}

.schedule-block.even .date:after {
	right: auto;
	left: 0;
}

.schedule-block.even .date span:before {
	left: auto;
	right: 100%;
}

.schedule-block.even .speaker-info {
	padding-left: 0;
	padding-right: 95px;
}

.schedule-block.even .speaker-info .thumb {
	left: auto;
	right: 0;
}

.schedule-block:nth-child(4n+2) .date span:before, .schedule-block:nth-child(4n+2) .date span
	{
	background: #f84900;
	background: -o-linear-gradient(45deg, #f84900 1%, #ff9c00 100%);
	background: linear-gradient(45deg, #f84900 1%, #ff9c00 100%);
}

.schedule-block:nth-child(4n+2) .date:before {
	border-color: #f96426;
}

.schedule-block:nth-child(4n+3) .date span:before, .schedule-block:nth-child(4n+3) .date span
	{
	background: #08cdd2;
	background: -o-linear-gradient(45deg, #08cdd2 0%, #0b8aeb 100%);
	background: linear-gradient(45deg, #08cdd2 0%, #0b8aeb 100%);
}

.schedule-block:nth-child(4n+3) .date:before {
	border-color: #08cdd2;
}

.schedule-block:nth-child(4n+4) .date span:before, .schedule-block:nth-child(4n+4) .date span
	{
	background: #cdd00e;
	background: -o-linear-gradient(45deg, #cdd00e 0%, #6eba3a 100%);
	background: linear-gradient(45deg, #cdd00e 0%, #6eba3a 100%);
}

.schedule-block:nth-child(4n+4) .date:before {
	border-color: #cdd00e;
}

.schedule-section {
	position: relative;
	padding: 100px 0;
	overflow: hidden;
}

.anim-icons .icon {
	position: absolute;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
}

.schedule-section .icon-circle-2 {
	left: -120px;
	top: 100px;
}

.icon-circle-2 {
	width: 300px;
	height: 300px;
	background-image: url(../img/circle-2.png);
	-webkit-animation: fa-spin 30s infinite;
	animation: fa-spin 30s infinite;
}

.anim-icons {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	height: 100%;
	width: 100%;
	/*max-width: 1170px;*/
	margin: 0 auto;
}

#webinars_div {
	background: #ebf3f8;
}

#photos {
	background: #70809026;
	background-position: center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

#Writeups .title-heading:after {
	color: #cfeded85;
}

.single-gym-video {
	width: calc(( 100%/ 5) - 20px);
	margin: 10px;
}

.head_sticky .header-logo a img {
	width: 70%;
}

.head_sticky .ayush-grid img {
	width: 60%;
}

.head_sticky .search-popup-box.active {
/* 	transform: translate(-50%, 50%) scale(1); */
}

html {
	scroll-padding-top: 50px;
}

.translated-ltr body {
	top: 0 !important;
}

body {
	top: 0 !important;
}

.VIpgJd-ZVi9od-ORHb-OEVmcd {
	display: none;
}

.webinar_items {
	width: 49%;
	padding: 0;
}

.marquee-block {
	z-index: 99;
	bottom: 0;
	background: #ffffff;
	left: 0;
	right: 0;
	height: 36px;
}

.marquee-block p {
	width: fit-content;
	background: linear-gradient(45deg, #134c77, #0d67b6);
	position: absolute;
	z-index: 9;
	color: #fff;
	font-size: 20px;
	padding: 5px 7px;
}

.marquee-block ul {
	margin-bottom: 0px;
	margin-top: 4px;
}

.marquee-block ul li {
	padding: 0 5px 0 18px;
	margin-right: 0 !important;
	position: relative;
}

.marquee-block ul li a {
	color: #000;
}
/* .marquee-none { */
/*     display: none; */
/* } */
.newsadd-footer {
	position: relative;
}

.blog_page li {
	margin-bottom: 5px;
}

.link_dark a {
	color: #000;
	margin-right: 5px;
}

.detail_img img {
	width: 100%;
	height: 100%;
	border-radius: 15px;
}

.card-list-img img {
	width: 100%;
	height: 100%;
	box-shadow: 0px 18px 20px rgba(61, 91, 125, 0.15);
	border-radius: 5px;
}

/* new */
.sidebar-categories-box li a {
	position: relative;
	display: block;
	color: #777777;
	font-size: 17px;
	font-weight: 500;
	line-height: 48px;
	text-transform: capitalize;
	border: 1px solid #ede8e6;
	padding-left: 19px;
	padding-right: 19px;
	letter-spacing: 0.0em;
	transition: all 500ms linear;
	transition-delay: 0.1s;
	z-index: 1;
}

ul.sidebar-categories-box li {
	margin-bottom: 10px;
}

ul.pdf-muhs li a:before {
	content: "\f1c1";
	font-family: 'FontAwesome';
	color: #d31b41;
	padding-right: 10px;
}

.sidebar-categories-box li a:after {
	content: "";
	position: absolute;
	top: -1px;
	left: -1px;
	bottom: -1px;
	right: -1px;
	border-radius: 0px;
	background: #d31b41;
	transform: perspective(400px) scaleX(0);
	transform-origin: left;
	transition: all 600ms ease 100ms;
	z-index: -1;
}

.sidebar-categories-box li a:hover:after {
	transform: perspective(400px) scaleX(1.0);
	transform-origin: right;
}

.sidebar-categories-box li a:hover {
	color: #fff;
}

ul.pdf-muhs li a:hover:before {
	color: #ffffff;
}

.about-dtls-wrapper {
	margin-bottom: 50px;
}

/*  */
.main .wrapper {
	max-width: 28rem;
	width: 100%;
	margin: 0px auto;
	padding: 2rem 2.5rem;
	border: none;
	outline: none;
	border-radius: 0.25rem;
	color: #121212;
	background: #ffffff;
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px 7px
		rgba(0, 0, 0, 0.05);
}

.register .main .wrapper {
	max-width: 600px;
}

.main .wrapper .form {
	width: 100%;
	height: auto;
	margin-top: 2rem;
}

.main .wrapper  .input-control {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 1.25rem;
}

.main .wrapper  .input-field {
	font-family: inherit;
	font-size: 1rem;
	font-weight: 400;
	line-height: inherit;
	width: 100%;
	height: 40px;
	padding: 0.75rem 1.25rem;
	border: none;
	outline: none;
	border-radius: 5px;
	color: #121212;
	background-color: #f1f5f9;
	text-transform: unset;
	text-rendering: optimizeLegibility;
}

.main .wrapper  .input-submit {
	font-family: inherit;
	font-size: 1rem;
	font-weight: 500;
	line-height: inherit;
	cursor: pointer;
	min-width: 130px;
	height: auto;
	padding: 0.65rem 1.25rem;
	border: none;
	outline: none;
	border-radius: 2rem;
	color: #ffffff;
	background: #1a73e8;
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px
		rgba(0, 0, 0, 0.06);
	text-transform: capitalize;
	text-rendering: optimizeLegibility;
}

.main .wrapper .striped {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin: 1rem 0;
}

.main .wrapper .striped-line {
	flex: auto;
	flex-basis: auto;
	border: none;
	outline: none;
	height: 2px;
	background: #dadce0;
}

.main .wrapper .striped-text {
	font-family: inherit;
	font-size: 1rem;
	font-weight: 500;
	line-height: inherit;
	color: #121212;
	margin: 0 1rem;
}

.main .wrapper .method-control {
	margin-bottom: 1rem;
}

.main .wrapper .method-action {
	font-family: inherit;
	font-size: 0.95rem;
	font-weight: 500;
	line-height: inherit;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: auto;
	padding: 0.35rem 1.25rem;
	outline: none;
	border: 2px solid #dadce0;
	border-radius: 2rem;
	color: #121212;
	background: #ffffff;
	text-transform: capitalize;
	text-rendering: optimizeLegibility;
	transition: all 0.35s ease;
}

.main .wrapper .method-action:hover {
	background: #f1f5f9;
}

.signin_head h1 {
	position: relative;
	font-size: 30px;
	font-weight: bold;
	position: relative;
	background: #0d67b6;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom: 10px;
}

.form-group {
	margin-bottom: 16px;
}

.input-label {
	margin-bottom: 5px;
	font-weight: bold;
}

.check_input {
	margin: 10px;
	padding: 10px;
}

a.text-links {
	color: #00a69c;
	font-weight: bold;
}

.form-check-input:checked {
	background-color: #16aa8c;
	border-color: #16aa8c;
}

.login-content {
	margin: 0 0 50px 0;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	left: 75%;
	width: 50%;
	transition: 1s 0.7s ease-in-out;
	display: grid;
	grid-template-columns: 1fr;
	z-index: 5;
}

main.login_main {
	position: relative;
	min-height: 80vh;
	overflow: hidden;
}

.login_main:before {
	content: "";
	position: absolute;
	height: 2000px;
	width: 2000px;
	right: 48%;
	transform: translateY(-50%);
	background-image: url(../img/sign-in.png);
	transition: 1.8s ease-in-out;
	border-radius: 50%;
	z-index: 6;
	background-size: cover;
	background-position: top top;
}

.panels-container {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

.left-panel {
	pointer-events: all;
	padding: 3rem 17% 2rem 12%;
}

.panel {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: space-around;
	text-align: center;
	z-index: 6;
	color: #fff;
}

.left-panel h3, .left-panel h4, .left-panel h5, .left-panel h6 {
	color: #fff;
}

.main .wrapper_signup {
	max-width: 100%;
	max-height: 75vh;
	overflow: auto;
}

.refresh_captcha {
	padding: 7px;
	border-radius: 4px;
	background: #353637;
	color: #fff;
}

.refresh_captcha:hover {
	background: #fff;
	color: #353637;
}

.register_main:before {
	content: "";
	position: absolute;
	height: 2000px;
	width: 2000px;
	right: 76%;
	transform: translateY(-50%);
	background-image: linear-gradient(-45deg, #F86F03 0%, #FFA41B 100%);
	transition: 1.8s ease-in-out;
	border-radius: 50%;
	z-index: 6;
}

.register_main .panels-container {
	grid-template-columns: repeat(5, 1fr);
}

.register_main .login-content {
	left: 62%;
	width: 73%;
}

.radio-inline {
	display: inline-flex;
	align-items: center;
}

.avatar-img {
	margin: 4px 0;
	width: 130px;
	height: 130px;
}

.login-content .nav-pills .nav-link {
	border-radius: 0.25rem;
	background: #5d6b851c;
	margin: 2px;
}

.login-content .nav-pills .nav-link.active, .login-content .nav-pills .show>.nav-link
	{
	color: #fff;
	background-color: #5d6b87;
}



.owl-carousel-logo .owl-item img {
	width: auto !important;
}

.owl-carousel-logo a {
	color: #fff;
	display: block;
	font-size: 20px;
	font-weight: 500;
	text-transform: lowercase;
	margin-bottom: 0;
	padding: 10px 10px;
	display: flex;
	justify-content: center;
	background-color: aliceblue;
}

.owl-carousel-logo .item {
	border-right: 1px solid #f0efef99;
}

.logo-slider-area {
	box-shadow: 0px -1px 18px 0px rgba(0, 0, 0, 0.08);
	background: linear-gradient(45deg, #ffffff00, #497a6a00),
/* 		url(../img/news-bg.jpg); */
}

/* Video Gallery */

/* video {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}
 */
a {
	text-decoration: none;
}

.active a {
	text-decoration: none;
}

.video-link {
	text-decoration: none;
	color: inherit;
}
/* 
.album {
    position: relative;
}

.album-frame {
    position: relative;
}

.thumbnail {
    width: 100%;
    height: auto;
    display: block;
}

.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    padding: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.album-frame:hover .play-button {
    opacity: 1;
}

.play-button i {
    color: white;
    font-size: 24px;
}


.video-info h2 {
    font-size: 18px;
    font-weight: bold;
    margin: 5px 0;
}

.video-info p {
    font-size: 14px;
    color: #666;
}



.album-container {
    column-gap: 24px;
    display: flex;
}


.album {
    display: grid;
    grid-auto-flow: dense;
    grid-template-rows: 5fr 2fr;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
}

.album-frame {
    position: relative;
    width: 200px;
    aspect-ratio: 1/1;
    border: 2px solid rgba(169, 150, 253, 0.5);
    border-radius: 10px;
    box-shadow: rgba(221, 221, 221, 0.3) 0px 8px 18px -3px, rgba(221, 221, 221, 0.2) 0px -3px 0px inset;
    margin-bottom: 15px;
    overflow: hidden;
}

.album-frame img {
    position: absolute;
    inset: 0;
    height: 100%;
    transition: transform 0.8s;
}

.album h2 {
   
    font-weight: 500;
    line-height: 1.3;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.album p {
    
    opacity: 0.5;
} */
a.channel {
	color: inherit;
	text-decoration: none;
}

a.channel:hover {
	text-decoration: underline;
}

.title {
	color: #767777;
	font-size: 15px;
	font-weight: bold;
}

.sub-title {
	color: var(--grey);
	font-size: 13px;
}

.icon-active {
	filter: sepia(100%) hue-rotate(150deg) saturate(400%);
}

#playlist {
	top: 50%;
	left: 50%;
	/*   width: 80vw; */
	height: 60vh;
	display: flex;
	/*   position: absolute; */
	/*   transform: translate(-50%, -50%); */
	/*   transition: all ease 0.3s; */
}

#video-dis {
	flex: 6.5;
	margin-right: 20px;
	background: black;
}

#video-dis iframe {
	width: 100%;
	height: 100%;
}

.video-li {
	flex: 3.5;
	display: flex;
	padding: 10px;
	border-radius: 3px;
	flex-direction: column;
	background: var(--primary);
}

.li-collapsed {
	overflow: hidden;
	height: 40px;
}

#vli-info {
	flex: 3;
	padding: 0 10px 0 10px;
}

#upper-info {
	display: flex;
}

#li-titles {
	flex: 9;
}

#li-titles div {
	padding-bottom: 5px;
}

#drop-icon {
	flex: 1;
	cursor: pointer;
	background:
		url(https://user-images.githubusercontent.com/50569315/118832584-92350500-b8e2-11eb-8398-9a90a4615b98.png)
		no-repeat center;
	background-size: 50%;
}

#lower-info {
	display: flex;
	padding-top: 10px;
}

#lower-info div {
	width: 40px;
	height: 40px;
	cursor: pointer;
}

#btn-repeat {
	margin-right: 10px;
	background:
		url(https://user-images.githubusercontent.com/50569315/118832591-93663200-b8e2-11eb-8b98-3b177304b555.png)
		no-repeat left;
	background-size: 50%;
}

#btn-suffle {
	margin-right: 10px;
	background:
		url(https://user-images.githubusercontent.com/50569315/118832597-93fec880-b8e2-11eb-9146-f978064eddb1.png)
		no-repeat left;
	background-size: 45%;
}

#btn-save {
	margin-left: auto;
	order: 2;
	right: 10px;
	margin-right: 10px;
	background:
		url(https://user-images.githubusercontent.com/50569315/118832594-93fec880-b8e2-11eb-8201-12cb52be231f.png)
		no-repeat right;
	background-size: 60%;
}

#vli-videos {
	flex: 7;
	overflow: auto;
}

.video-con {
	display: flex;
	cursor: pointer;
	padding: 5px;
	column-gap: 5px;
	margin-bottom: 10px;
}

.video-con:hover, .active-con {
	background: #f1f1f1;
}

.index {
	min-width: 15px;
	align-self: center;
}

.thumb {
	width: 100px;
	height: 60px;
	background: #767777;
}

.thumb img {
	width: 100%;
}

.v-titles {
	flex: 6;
}

.v-titles div:nth-child(2) {
	margin-top: 5px;
}

@media only screen and (max-width: 1150px) {
	#playlist {
		width: 95vw;
		height: 60vh;
	}
}

@media only screen and (max-width: 950px) {
	#playlist {
		top: 10%;
		width: 50vw;
		margin: 0 auto;
		display: block;
		align-items: center;
		transform: translate(-50%, 0%);
	}
	#video-dis {
		margin-bottom: 10px;
		width: 100%;
		height: 300px;
	}
}

@media only screen and (max-width: 800px) {
	#playlist {
		width: 60vw;
	}
}

@media only screen and (max-width: 650px) {
	#playlist {
		width: 80vw;
	}
}

/* Album container grid styling */
.album-container {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: 20px;
	padding: 20px 0px;
}

/* Styling for individual album items */
.album {
	position: relative;
	width: 100%;
	height: 350px;
	border-radius: 15px;
	overflow: hidden;
	background-color: #222;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	will-change: transform;
}

.album:hover {
	/*   transform: translateY(-10px); */
	box-shadow: 0 6px 30px rgba(0, 0, 0, 0.3);
}

/* Thumbnail image inside each album */
.thumbnail {
	width: 100%;
	height: 100%;
	transition: opacity 0.3s ease, transform 0.3s ease;
	filter: brightness(70%);
}

/* Album frame, containing the thumbnail image */
.album-frame {
	position: relative;
	height: 100%;
}

/* Play button style */
.play-button {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: rgba(0, 0, 0, 0.5);
	padding: 20px;
	border-radius: 50%;
	opacity: 0;
	cursor: pointer;
	transition: opacity 0.3s ease, transform 0.3s ease, background-color
		0.3s ease;
}

.play-button:hover {
	background-color: rgba(0, 0, 0, 0.7);
}

.play-button i {
	color: white;
	font-size: 40px;
}

.album:hover .play-button {
	opacity: 1;
	transform: translate(-50%, -50%) scale(0.6);
}

/* Hover effects for the thumbnail image */
.album:hover .thumbnail {
	opacity: 0.9;
	transform: scale(1.2);
}

/* Video info styling */
.video-info {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	color: white;
	text-align: center;
	padding: 15px;
	opacity: 0;
	transition: opacity 0.3s ease;
}

.album:hover .video-info {
	opacity: 1;
}

.video-info h2 {
	font-size: 20px;
	margin-bottom: 5px;
}

.video-info p {
	font-size: 16px;
	margin-top: 0;
	font-weight: bold;
}

.album:hover .video-info h2 {
	color: #ff4081; /* Accent color for title */
}

.album-frame .tsf-video-time {
	position: absolute;
	top: 15px;
	right: 15px;
	color: white;
}

/* Video Gallery */
.scrolltop {
	width: 2rem;
	height: 2rem;
	background: linear-gradient(45deg, #134c77, #0d67b6);
	color: white;
	position: fixed;
	bottom: 0;
	right: 0;
	transition: background-color 0.5s ease;
	z-index: 6000;
	margin: 10px;
	box-shadow: 0 0px 0px 2px rgb(255, 255, 255);
	transition: margin-bottom 0.2s;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	cursor: pointer;
	display: none;
	animation: mover 1s infinite alternate;
}

.head_sticky .scrolltop {
	display: flex;
}

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

100%
{
transform
:
translateY(
-10px
);
}
}
.schedule-block .speaker-info .name span {
	color: #00733a;
}

.product-description {
	padding: 50px 0;
	background: #ede8e8;
}

.tab-pane .inner_tab {
/* 	padding: 10px; */
}

.inner_tab .nav {
	min-width: 150px;
}

.tab-pane .inner_tab .nav-pills .nav-link {
	border-radius: 0;
	margin: 5px 0;
	border: 3px double #ffffff;
}

.tab-pane .inner_tab .nav-pills .nav-link.active, .tab-pane .inner_tab .nav-pills .show>.nav-link,
	.tab-pane .inner_tab .nav-pills .nav-link:hover {
	color: #fff;
}

.tab-pane:nth-child(1).show .inner_tab .nav-pills .nav-link {
	background: #f5eae3;
}

.tab-pane:nth-child(1).show .inner_tab .nav-pills .nav-link.active,
	.tab-pane:nth-child(1).show .inner_tab .nav-pills .show>.nav-link,
	.tab-pane:nth-child(1).show .inner_tab .nav-pills .nav-link:hover {
	background-color: #f58021;
}

.tab-pane:nth-child(2).show .inner_tab .nav-pills .nav-link {
	background: #e6eef2;
}

.tab-pane:nth-child(2).show .inner_tab .nav-pills .nav-link.active,
	.tab-pane:nth-child(2).show .inner_tab .nav-pills .show>.nav-link,
	.tab-pane:nth-child(2).show .inner_tab .nav-pills .nav-link:hover {
	background-color: #3a8ab7;
}

.tab-pane:nth-child(3).show .inner_tab .nav-pills .nav-link {
	background: #e8f2f2;
}

.tab-pane:nth-child(3).show .inner_tab .nav-pills .nav-link.active,
	.tab-pane:nth-child(3).show .inner_tab .nav-pills .show>.nav-link,
	.tab-pane:nth-child(3).show .inner_tab .nav-pills .nav-link:hover {
	background-color: #52b0b7;
}

.tab-pane:nth-child(4).show .inner_tab .nav-pills .nav-link {
	background: #f8f1e8;
}

.tab-pane:nth-child(4).show .inner_tab .nav-pills .nav-link.active,
	.tab-pane:nth-child(4).show .inner_tab .nav-pills .show>.nav-link,
	.tab-pane:nth-child(4).show .inner_tab .nav-pills .nav-link:hover {
	background-color: #efaa40;
}

.tab-pane:nth-child(5).show .inner_tab .nav-pills .nav-link {
	background: #f3e4e9;
}

.tab-pane:nth-child(5).show .inner_tab .nav-pills .nav-link.active,
	.tab-pane:nth-child(5).show .inner_tab .nav-pills .show>.nav-link,
	.tab-pane:nth-child(5).show .inner_tab .nav-pills .nav-link:hover {
	background-color: #b92b5c;
}

.tab-pane:nth-child(6).show .inner_tab .nav-pills .nav-link {
	background: #e7e0f5;
}

.tab-pane:nth-child(6).show .inner_tab .nav-pills .nav-link.active,
	.tab-pane:nth-child(6).show .inner_tab .nav-pills .show>.nav-link,
	.tab-pane:nth-child(6).show .inner_tab .nav-pills .nav-link:hover {
	background-color: #460dd9;
}

.tab-pane:nth-child(7).show .inner_tab .nav-pills .nav-link {
	background: #e3f1e7;
}

.tab-pane:nth-child(7).show .inner_tab .nav-pills .nav-link.active,
	.tab-pane:nth-child(7).show .inner_tab .nav-pills .show>.nav-link,
	.tab-pane:nth-child(7).show .inner_tab .nav-pills .nav-link:hover {
	background-color: #28ae38;
}

.category-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: space-around;
	gap: 10px; /* Added for consistent spacing */
	padding: 10px;
}

.category-img {
/* 	overflow: hidden; */
	position: relative;
/* 	height: 250px; */
	border-radius: 7px;
}



.category-img img {
	width: 100%;
	height: 100%;
	/*     object-fit: cover */
	/*     filter: grayscale(20%); */
	transition: filter 0.3s ease;
	border-radius: 7px;
}
/* 
.category-img:hover {
	transform: scale(1); Subtle zoom on hover
	box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3); Add shadow effect
} */

.category-img:hover img {
	filter: grayscale(0); /* Removes grayscale on hover */
}

.category-text {
	position: absolute;
	top: 50%;
	/*     background: linear-gradient(0deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.5)); */
	color: #fff;
	width: 100%;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
	transition: background 0.3s;
}

.category-img:hover .category-text {
	/* background: linear-gradient(0deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.5)); */
	color: #e9e9e9;
}

.breadcrumb_div.breadcrumb_detalis {
	position: relative;
        background-color: #d2e2f573;
    margin-bottom: 50px;
}

.single-post-content, .single-post-sidebar {
	/*     margin-top: -200px; */
	
}

.writeup-list {
	list-style-type: decimal;
}

ul.writeup-list li {
	margin-top: 15px;
}

.writeup-card {
	height: auto;
	background-color: #ffffff;
	border: 1px solid #f1f9fa;
/* 	padding: 15px 15px; */
	border-radius: 10px;
	min-height: 150px;
	box-shadow: 0px 3px 10px rgba(60, 55, 125, 0.1);
}

.player-play-list .play-list ul li.active {
	background-color: #898989;
	font-weight: bold;
}

.player-play-list .play-list ul li.active h4, .player-play-list .play-list ul li.active .desc p
	{
	color: #fff;
	font-weight: bold;
}

.popular-tag li {
	background: white;
}

.popular-tag li {
	display: inline-block;
	padding: 5px 10px;
	border: 1px solid #c5c5c5;
	margin-bottom: 8px;
	border-radius: 20px;
}

.popular-tag li a {
	color: #000;
	font-size: 14px;
	text-decoration: none;
	text-transform: capitalize;
}

.popular-tag li:hover {
	background: #4caf50;
	transition: .4s;
	color: white;
}

.meta-write {
	margin-top: 15px;
}

.meta-title {
	border-bottom: 1px solid #E0E0E0;
	font-weight: 600;
	margin-bottom: 0.4em;
	padding-bottom: 0.2em;
}

.wavy {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 0;
	display: none;
}

.wavy--banner .wavy__block {
	background: #f5f7ff;
}

.wavy__block--back {
	opacity: 0.33;
	mask-image: url(data:image/svg+xml,<svg/></svg>);
}

.wavy__block {
	width: 100%;
	position: absolute;
	bottom: 0;
	-webkit-mask-position: 0 0;
	mask-position: 0 0;
	-webkit-mask-size: 110% 114px;
	mask-size: 110% 114px;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	height: 114px;
}

.wavy__block--back {
	opacity: 0.33;
	-webkit-mask-image: url(../img/writeups/shape1.svg);
	mask-image: url(../img/writeups/shape1.svg);
}

.wavy__block--middle {
	opacity: 0.5;
	height: 140px;
	-webkit-mask-size: 100% 140px;
	mask-size: 100% 140px;
	-webkit-mask-image: url(../img/writeups/shape2.svg);
	mask-image: url(../img/writeups/shape2.svg);
}

.wavy__block--front {
	-webkit-mask-image: url(../img/writeups/shape3.svg);
	mask-image: url(../img/writeups/shape3.svg);
}

.breadcrumb_detalis .title-heading {
	display: flex;
	/*     justify-content: start; */
	position: relative;
	padding: 50px 0px 30px 0px;
}

.breadcrumb_detalis .title-heading h2 {
	position: relative;
	font-size: 40px;
	font-weight: bold;
	position: relative;
	background: -webkit-linear-gradient(#fff, #fff);
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

.video-search-btn {
	background: #363636;
	color: white;
	padding: 10px 7px;
	border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	-o-border-radius: 0 5px 5px 0;
	border: 0 none;
	font-weight: bold;
	height: 35px;
}

.video-search-box {
	background: #fff;
	padding: 10px;
	border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	-o-border-radius: 5px 0 0 5px;
	border: 0 none;
	width: 160px;
}

.video-search {
	border-right: 1px solid black;
	border-left: 1px solid black;
	padding: 5px 10px;
	justify-content: space-between;
	background-color: #ededed;
}

.video-search input {
	height: 35px;
}

.select-year {
	width: 130px;
}

.wrap { /*09-01-2025*/
	margin: 0;
	display: flex;
	flex-wrap: wrap;
/* 	justify-content: center; */
/* 	align-content: space-around; */
}

.article {
	display: flex;
	flex-direction: column;
	background-size: cover;
	border-radius: 7px;
	overflow: hidden;
	cursor: pointer;
	transform: rotateX(0deg) rotateY(0deg);
	transition: all 0.2s linear;
	will-change: transform;
	box-shadow: 0 0 40px 0 rgba(94, 92, 154, .06);
	width: calc(( 100%/ 5) - 20px);
	margin: 10px;
	align-items: center;
	vertical-align: middle;
	font-size: 20px;
	color: #fff !important;
	cursor: pointer;
}

#wrap_id .article {
	border: 1px solid #e5e5e5;
}

.article-img {
	height: 250px;
}

.article-img img {
	width: 100%;
	height: 100%;
}

.article .article-img:before {
	content: "";
	display: block;
	height: 250px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgb(20 20 20/ 13%);
	z-index: 0;
	border-radius: 7px;
}

.article img {
	height: 100%;
}

.article-desc {
	background: #fff;
	width: 100%;
	border-top: 0px;
	padding: 10px 15px;
	border-radius: 0px 0px 7px 7px;
	min-height: 155px;
}

.trading-categoryimg .article-desc, .trading-inner-categoryimg .article-desc,
	.techno-single-feature .article-desc {
	    min-height: 120px;

}

.artical-title a {
	color: black;
}

.article span.cat {
	letter-spacing: 2px;
	font-weight: bold;
	position: absolute;
	z-index: 2;
	pointer-events: none;
	overflow: hidden;
	color: #fff;
	top: 15px;
	right: 5px;
}

.writeup-date {
	padding: 2px 0px;
	border-radius: 5px;
	font-weight: 600;
	font-size: 12px;
	display: flex;
/* 	justify-content: space-between; */
	margin: 2px 0;
}

.writeup-date span {
	background: #a1a1a1; /* #615dfa1f */
	padding: 4px 5px;
	border-radius: 3px;
	color: #fff;
	display: flex;
	width: fit-content;
	word-break: break-word;
}

.article-users {
    width: 50%;
}

.article-date{
	width: 50%;
}


.artical-title {
	font-size: 20px;
	line-height: 30px;
	cursor: pointer;
	margin: 10px 0px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 115px;
	    font-weight: 600;
}

.writeup-date span i {
	margin-right: 5px;
}

::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #F5F5F5;
	border-radius: 10px;
}

::-webkit-scrollbar {
	width: 7px;
	background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-image: linear-gradient(to top  , #3a8ab7 , #97d8f9);
}

@media screen and (min-width:1000px) {
	.article span.cat {
		color: transparent;
	}
	.article span.cat::before, .article span.cat::after {
		content: attr(data-hover);
		position: absolute;
		display: inline-block;
		left: 0;
		top: 0;
		white-space: nowrap;
		overflow: hidden;
		max-width: 0%;
		transition: max-width 300ms ease-out;
	}
	.article span.cat::before {
		color: yellow;
		transition-delay: 100ms;
	}
	.article span.cat::after {
		color: white;
	}
	.article:hover span.cat:after, .article:hover span.cat:before {
		max-width: 100%;
	}
	.article:hover span.cat:after {
		transition-delay: 300ms;
	}
}

ul.writeup-list li {
	margin-top: 15px;
	line-height: 1.5;
}

.owl-carousel-video .owl-nav.disabled {
	display: block !important;
	background: #000;
	width: 100%;
	position: absolute;
	bottom: 50%;
}

.owl-carousel-video .owl-nav.disabled .owl-next {
	right: 0;
	position: absolute;
	width: 20px;
	height: 40px;
	color: #fff;
	font-size: 20px;
	background: #00000045;
	line-height: 20px;
	text-align: center;
	align-items: center;
	display: flex;
	justify-content: center
}

.owl-carousel-video .owl-nav.disabled .owl-prev {
	left: 0;
	position: absolute;
	width: 20px;
	height: 40px;
	color: #fff;
	font-size: 20px;
	background: #00000045;
	line-height: 20px;
	text-align: center;
	align-items: center;
	display: flex;
	justify-content: center
}

.tab-img {
	height: 250px;
}

.tab-item {
	margin: 0;
	display: flex;
	flex-wrap: wrap;
}

.category-imagedetalis {
	position: relative;
}

.categoryimage-border {
	border: 2px solid #F4F4F4;
	border-top: 0px;
	padding: 10px 15px;
	border-radius: 0 0 10px 10px;
	background-color: white;
}

.article-desc:hover span.image-categoryby, .article-desc:hover .writeup-date span
	{
	background: #5e5c5c;
	color: #fff;
}

.article-desc:hover .artical-title a
	{
	color:#0e6a93 !important;
}

.article-desc:hover .artical-title 
	{
	color:#0e6a93 !important;
}

.category-date span {
	font-size: 14px;
	color: #666;
}

.wrap-category {
	display: inline-block;
	width: 100%;
}

h6.category-date {
	display: inline-block;
	margin-left: 15px;
	float: right;
}

.artical-title:hover {
	color: #0e6a93;
}


.artical-title a:hover {
	color: #0e6a93;
}


.img-text {
	margin-top: 10px;
	color: #000;
	font-size: 20px;
	line-height: 30px;
	font-weight: 700;
}

.img-text:hover {
	color: #0e6a93;
}

.player-play-list .container-fluid {
	/*     background-color: #d1d1d1; */
	/*     -webkit-box-shadow: 0 0 25px 6px rgba(0, 0, 0, 0.4); */
	/*     box-shadow: 0 0 25px 6px rgba(0, 0, 0, 0.4); */
	position: relative;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	display: flex;
	flex-direction: column;
	min-width: 750px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 30px;
}
/*.player-play-list .container-fluid > *,*/
.player-play-list .play-list ul li>* {
	float: left;
	margin-left: 10px;
}

.player-play-list .play-list {
	width: 100%;
	display: flex;
	flex-direction: column;
	order: 2;
}

.player-play-list .play-list .options {
	position: relative;
	flex: 1;
	max-height: 45px;
	color: #EEE;
	background: linear-gradient(45deg, #134c77, #0d67b6);
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}

.player-play-list .play-list .options .name-play-list {
	margin-left: 20px;
	float: left;
	cursor: default;
	align-items: center;
	display: flex;
	height: 100%;
	color: white;
}

.player-play-list .play-list .options .option {
	float: right;
	margin-right: 40px;
	margin-top: 28px;
}

.player-play-list .play-list .options .option .btn-option {
	color: #555;
	font-size: 27px;
	margin: 0 10px;
	display: inline-block;
	cursor: pointer;
	position: relative;
}

.player-play-list .play-list .options .option .btn-option.active {
	color: #0e6a93;
}

.player-play-list .play-list .options .option .order {
	font-size: 25px;
}

.player-play-list .play-list .options .option .btn-option .title {
	position: absolute;
	top: -27px;
	left: -110%;
	padding: 3px;
	border-radius: 3px;
	background-color: #000;
	color: #EEE;
	font-size: 12px;
	white-space: nowrap;
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.player-play-list .play-list .options .option .btn-option:first-child .title
	{
	left: -40%;
}

.player-play-list .play-list .options .option .btn-option .title:after {
	content: "";
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 8px solid #444;
	position: absolute;
	bottom: -8px;
	left: 50%;
	margin-left: -6px;
}

.player-play-list .play-list .options .option .btn-option:hover .title {
	opacity: 1;
}

.player-play-list .play-list ul {
	padding: 0;
	margin: 0;
	list-style: none;
	-webkit-overflow: auto;
	overflow: auto;
	flex: 1;
	border: 1px solid black;
	border-top: none;
	background-color: #ededed;
}

.player-play-list .play-list ul li {
	height: 85px;
	margin-bottom: 3px;
	background-color: #ededed;
	color: #EEE;
	cursor: pointer;
	border-radius: 3px;
	position: relative;
	border-bottom: 1px solid black;
	padding-bottom: 1px;
	display: flex;
}

.player-play-list .play-list ul li:last-child {
	margin-bottom: 0;
}

.player-play-list .play-list ul li .video-list {
    width: 100%;
    height: 100%;
    border: 1px solid #CCC;
    background-color: rgba(0, 0, 0, 0.9);
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.player-play-list .play-list ul li .video-list:hover {

	position: relative;
	top: 0;
/* 	left: 67px; */
	z-index: 99;
	border-color: #111;
}

/* .player-play-list .play-list ul li:first-child .video-list:hover { */
/* /* 	top: 45px; */ */
/* } */

/* .player-play-list .play-list ul li:last-child .video-list:hover { */
/* 	top: -45px; */
/* } */

.player-play-list .play-list ul li .desc {
	width: calc(100% - 175px);
	padding: 8px;
	word-break: break-word;
	height: 100%;
	line-height: 1.2;
	position: relative;
	overflow: hidden;
}

.player-play-list .play-list ul li .desc h4 {
	margin: 2px 0 5px;
	font-size: 14px;
	font-weight: 900;
	letter-spacing: 0.5px;
}

.player-play-list .play-list ul li .desc p {
	margin: 0;
	font-size: 13px;
	color: #707070;
}



.player-play-list .play-list ul li .time {
	position: absolute;
	left: 40px;
	bottom: 3px;
	color: #FFF;
	font-size: 13px;
	background-color: rgba(0, 0, 0, 0.7);
	padding: 1px 2px;
}

.player {
	background-color: #fff;
	position: relative;
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
	overflow: hidden;
	color: #FFF;
	order: 1;
	margin-bottom: 20px;
	height: 415px;
	border-radius: 12px;
}

.player .overlay-play {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 50px;
	color: #FFF;
	cursor: pointer;
	z-index: 999999;
}

.player .overlay-play>span {
	background-color: #0e6a93;
	display: block;
	padding: 5px;
	padding-left: 12px;
	width: 120px;
	height: 80px;
	border-radius: 15%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.player .overlay-load {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.3);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 999;
}

.player .overlay-load .loading span {
	display: block;
	float: left;
	height: 25px;
	width: 25px;
	margin: 0 2px;
	border-radius: 50%;
	background-color: #888;
	opacity: .5;
	-webkit-animation: snake 1.4s infinite ease-in-out;
	animation: snake 1.4s infinite ease-in-out;
}

.player .overlay-load .loading span:nth-child(2) {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

.player .overlay-load .loading span:nth-child(3) {
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}

.player .overlay-load .loading span:nth-child(4) {
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
}

.player .overlay-load .loading span:nth-child(5) {
	-webkit-animation-delay: 0.8s;
	animation-delay: 0.8s;
}

@-webkit-keyframes snake { 0%{
	opacity: .2;
	-webkit-transform: translateY(0);
	-webkit-box-shadow: 0 0 5px #777
}

50%
{
opacity
:
1;
-webkit-transform
:
translateY(
-11px
);
background-color
:
#888;
-webkit-box-shadow
:
5px
15px
5px
rgba(
0
,
0
,
0
,
.10
)
}
100%
{
opacity
:
.2;
-webkit-transform
:
translateY(
0
);
-webkit-box-shadow
:
0
0
5px
#777
}
}
@keyframes snake { 0%{
	opacity: .2;
	transform: translateY(0);
	box-shadow: 0 0 5px #777
}

50%
{
opacity
:
1;
transform
:
translateY(
-11px
);
background-color
:
#888;
box-shadow
:
5px
15px
5px
rgba(
0
,
0
,
0
,
.10
)
}
100%
{
opacity
:
.2;
transform
:
translateY(
0
);
box-shadow
:
0
0
5px
#777
}
}
.player .viewEventNow {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 70px;
	height: 70px;
	margin-top: -35px;
	margin-left: -35px;
	border-radius: 50%;
	background-color: rgba(0, 0, 0, 0.7);
	color: #CCC;
	line-height: 70px;
	text-align: center;
	font-size: 25px;
	opacity: 0;
	z-index: -1;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.player .viewEventNow.toggle {
	opacity: 0.2;
	-webkit-transform: scale(0.5, 0.5);
	transform: scale(0.5, 0.5);
	z-index: 99;
	-webkit-animation: fadeIn 0.5s ease-in-out;
	animation: fadeIn 0.5s ease-in-out;
}

@-webkit-keyframes fadeIn { 0% {
	opacity: 0.1;
	-webkit-transform: scale(1.1, 1.1);
}

2%
{
opacity
:
0.6;
-webkit-transform
:
scale(
1.25
,
1.25
);
}
50%
{
opacity
:
1;
-webkit-transform
:
scale(
1.5
,
1.5
);
}
75%
{
opacity
:
0.6;
-webkit-transform
:
scale(
1
,
1
);
}
100%
{
opacity
:
0.2;
-webkit-transform
:
scale(
0.5
,
0.5
);
}
}
@keyframes fadeIn { 0% {
	opacity: 0.1;
	transform: scale(1.1, 1.1);
}

25%
{
opacity
:
0.6;
transform
:
scale(
1.25
,
1.25
);
}
50%
{
opacity
:
1;
transform
:
scale(
1.5
,
1.5
);
}
75%
{
opacity
:
0.6;
transform
:
scale(
1
,
1
);
}
100%
{
opacity
:
0.2;
transform
:
scale(
0.5
,
0.5
);
}
}
.player .show-title-video {
	position: absolute;
	left: 0;
	top: -150px;
	width: 100%;
	padding: 20px 30px;
	font-size: 30px;
	color: #FFF;
	z-index: 99;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.player .show-title-video:after {
	content: "";
	width: 100%;
	height: 100px;
	display: block;
	-webkit-box-shadow: 0px 50px 100px 100px rgba(0, 0, 0, 0.6);
	box-shadow: 0px 50px 100px 100px rgba(0, 0, 0, 0.6);
	position: absolute;
	top: -150px;
	left: 0;
	z-index: -1;
}

body.full-screen .player .show-title-video.toggle {
	top: 0;
}
/* .player .player-video {
    width: 100%;
    height: 100%;
} */
body.full-screen .player {
	z-index: 99999999;
	width: 100%;
	height: 100%;
	margin-left: 0;
	position: fixed;
	top: 0;
	left: 0;
}

.player .player-controls {
	display: flex;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0 8px;
	width: 100%;
	z-index: 99999;
	-webkit-transform: translateY(100%) translateY(-4px);
	transform: translateY(100%) translateY(-4px);
	-webkit-transition: all .3s;
	transition: all .3s;
	flex-wrap: wrap;
	align-items: center;
	background-color: rgba(0, 0, 0, 0.7);
	color: #FFF;
	min-height: 40px;
	line-height: 40px;
}

.player:hover .player-controls {
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
}

.player .player-controls.toggle {
	-webkit-transform: translateY(100%) translateY(-3px);
	transform: translateY(100%) translateY(-3px);
}

body.full-screen .player:hover .player-controls {
	-webkit-transform: translateY(100%) translateY(-3px);
	transform: translateY(100%) translateY(-3px);
}

body.full-screen .player .player-controls.toggle:hover {
	-webkit-transform: translateY(100%) translateY(-3px);
	transform: translateY(100%) translateY(-3px);
}

body.full-screen .player .player-controls:hover {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.player .player-controls>* {
	flex: 1;
}

.player .player-controls .progress {
	flex: 10;
	position: relative;
	display: flex;
	flex-basis: 100%;
	height: 5px;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	background-color: rgba(238, 238, 238, 0.4);
	cursor: default;
	z-index: 0;
	cursor: pointer;
}

.player .player-controls .progress:hover {
	height: 10px;
}

.player .player-controls .progress:hover .progress-ball {
	opacity: 1;
	width: 20px;
	height: 20px;
}

.player .player-controls .progress-load {
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	background-color: rgba(238, 238, 238, 0.7);
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	z-index: -1;
}

.player .player-controls .progress-filled {
	width: 50%;
	background-color: #f00;
	flex: 0;
	flex-basis: 0%;
	position: relative;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.player .player-controls .progress-ball {
	width: 15px;
	height: 15px;
	background-color: #F00;
	border-radius: 50%;
	position: absolute;
	right: -3px;
	top: -6.5px;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

/* Style Progress out Full screen */
.player .player-controls.toggle .progress-ball {
	background-color: #F00;
}

.player:hover .player-controls .progress-ball {
	opacity: 0;
	background-color: #0e6a93;
}

.player .player-controls:hover .progress-ball, .player .player-controls:hover .progress-filled
	{
	background-color: #0e6a93;
}

.player:hover .player-controls.toggle .progress-ball, .player:hover .player-controls.toggle .progress-filled
	{
	background-color: #F00;
}

.player .player-controls.toggle .progress-filled {
	background-color: #f00;
}

.player:hover .player-controls .progress-filled {
	background-color: #0e6a93;
}

/* Style Progress In Full screen */
.player .player-controls .screen-move {
	position: absolute;
	top: -105px;
	left: 0;
	margin-left: -73.5px;
	width: 167px;
	height: 95px;
	background-color: rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: 0 0 10px rgba(238, 238, 238, 0.3);
	box-shadow: 0 0 10px rgba(238, 238, 238, 0.3);
	border: 1px solid #111;
	text-align: center;
	border-radius: 1px;
	z-index: 99;
	display: none;
	justify-content: center;
}

.player .player-controls .screen-move .video-move {
	width: 100%;
	height: 100%;
}

.player .player-controls .screen-move .time-screen {
	background-color: rgba(0, 0, 0, 0.7);
	position: absolute;
	bottom: 0;
	z-index: 9999;
	padding: 5px 10px;
	text-align: center;
	line-height: 1;
	border-radius: 2px 2px 0 0;
}

.player .player-controls .player-button {
	border: 0;
	background: transparent;
	line-height: 1;
	text-align: center;
	outline: 0;
	padding: 0;
	cursor: pointer;
	max-width: 45px;
}

.player .player-controls .player-button.backward, .player .player-controls .player-button.forward
	{
	max-width: 30px;
	margin-left: 10px;
}

.player .player-controls .player-button.forward {
	margin-right: 10px;
}

.player .player-controls .view-next-prev {
	position: absolute;
	top: -130px;
	left: 95px;
	background-color: #222;
	width: 500px;
	height: 120px;
	overflow: hidden;
	border-radius: 4px;
	display: none;
}

.player .player-controls .view-next-prev>* {
	float: left;
}

.player .player-controls .view-next-prev video {
	width: 212px;
	height: 100%;
	border-radius: 3px 0 0 3px;
}

.player .player-controls .view-next-prev .desc {
	height: 100%;
	width: calc(100% - 220px);
	padding: 5px;
	line-height: 1.15;
}

.player .player-controls .view-next-prev .desc h4 {
	margin: 2px 0 5px;
	font-size: 14px;
}

.player .player-controls .view-next-prev .desc p {
	margin: 0;
	color: #CCC;
	font-size: 13px;
}

.player .player-controls .view-next-prev .time {
	position: absolute;
	left: 0;
	bottom: 0;
	color: #FFF;
	font-size: 14px;
	line-height: 1;
	background-color: rgba(0, 0, 0, 0.7);
	padding: 3px;
}

.player .player-controls .player-button.notActive {
	color: #AAA;
	cursor: not-allowed;
}

.player .player-controls .time {
	text-align: center;
	font-size: 13px;
	max-width: 120px;
	cursor: default;
	max-height: 40px;
}

.player .player-controls .volume {
	position: relative;
	display: flex;
	flex: 0.6;
	align-items: center;
	font-size: 18px;
	max-width: 110px;
	overflow: hidden;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.player .player-controls .volume .icon {
	margin-right: 5px;
	display: flex;
	align-items: center;
	flex: 1;
}

.player .player-controls .volume i {
	flex: 1;
	cursor: pointer;
}

.player .player-controls .volume i.fa-close {
	font-size: 12px;
	display: none
}

.player .player-controls .volume input {
	flex: 10;
}

.player .player-controls .volume.toggle {
	max-width: 20px;
}

.player .player-controls .volume.toggle .icon {
	margin-right: 15px;
}

.player .player-controls .hide-controls {
	background-color: rgba(0, 0, 0, 0.7);
	position: absolute;
	bottom: 5px;
	right: 70px;
	line-height: 1;
	letter-spacing: 1px;
	text-align: center;
	font-size: 12px;
	padding: 4px;
	cursor: pointer;
	-webkit-box-shadow: 0 0 8px rgba(238, 238, 238, 0.3);
	box-shadow: 0 0 8px rgba(238, 238, 238, 0.3);
	border-radius: 4px;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.player .player-controls .hide-controls:hover {
	background-color: rgba(0, 0, 0, 0.85);
	-webkit--webkit-box-shadow: 0 0 12px rgba(238, 238, 238, 0.4);
	box-shadow: 0 0 12px rgba(238, 238, 238, 0.4);
}

.player .player-controls .hide-controls.toggle {
	right: 10px;
	bottom: 105%;
}

.player .player-controls .button-full-screen {
	border: 3px dashed #CCC;
	padding: 3px 0;
	font-size: 18px;
	position: absolute;
	right: 20px;
	bottom: 5px;
	min-width: 45px;
	min-height: 30px;
}

/* Start Option Player */
.player .player-controls .player-controls.toggle .player-option {
	overflow: hidden;
}

.player .player-controls .player-option {
	position: absolute;
	text-align: center;
	max-width: 40px;
	right: 130px;
	bottom: 0;
}

.player .player-controls .player-option .button-option {
	font-size: 20px;
	padding: 3px;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}

.player .player-controls .player-option .option-item {
	width: 230px;
	background-color: #222;
	position: absolute;
	bottom: calc(100% + 10px);
	right: 30px;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 10px rgba(238, 238, 238, 0.5);
	box-shadow: 0 0 10px rgba(238, 238, 238, 0.5);
	-webkit-transform: translateY(250px);
	transform: translateY(250px);
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.player .player-controls .player-option.toggle .option-item {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.player .player-controls .player-option.toggle .button-option {
	-webkit-transform: rotate(50deg);
	transform: rotate(50deg);
}

.player .player-controls .player-option .row {
	height: 50px;
	line-height: 50px;
}

.player .player-controls .player-option .row>* {
	float: left;
	height: 100%;
}

.player .player-controls .player-option .row .title {
	width: 40%;
	cursor: default;
}

.player .player-controls .player-option .row .func {
	width: 60%;
}

.player .player-controls .player-option .autoplay .range-auto {
	width: 40px;
	height: 8px;
	background-color: #666;
	border-radius: 5px;
	margin-top: 23px;
	margin-left: 45px;
	cursor: pointer;
	position: relative;
}

.player .player-controls .player-option .autoplay .range-auto span {
	display: block;
	width: 18px;
	height: 18px;
	background-color: #888;
	border-radius: 50%;
	position: absolute;
	left: -1px;
	top: -5px;
}

.player .player-controls .player-option .autoplay .range-auto.active {
	background-color: #EEE;
}

.player .player-controls .player-option .autoplay .range-auto.active span
	{
	left: 22px;
	background-color: #0e6a93;
}

.player .player-controls .player-option .speed .range-speed .cover-speed
	{
	width: 80%;
	margin: auto;
	position: relative;
}

.player .player-controls .player-option .speed .show-play-back {
	position: absolute;
	left: 50%;
	top: -15px;
	width: 50px;
	margin-left: -25px;
	background-color: rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: 0 0 10px rgba(238, 238, 238, 0.3);
	box-shadow: 0 0 10px rgba(238, 238, 238, 0.3);
	padding: 8px;
	text-align: center;
	line-height: 1;
	border-radius: 3px;
	display: none;
}

.player .player-controls .player-option .quality .range-quality {
	color: #888;
	font-weight: 900;
	width: 50%;
	float: left;
}

.player .player-controls .player-option .quality .range-quality span {
	cursor: pointer;
}

.player .player-controls .player-option .quality .range-quality.active span
	{
	color: #0e6a93;
}

.player .player-controls .player-option .quality .auto-quality {
	float: left;
	width: 50%;
}

.player .player-controls .player-option .quality .auto-quality .click-active
	{
	cursor: pointer;
	position: relative;
	top: -2px;
	font-weight: bold;
	color: #888;
}

.player .player-controls .player-option .quality .auto-quality .click-active span
	{
	position: absolute;
	right: -10px;
	bottom: -8px;
	color: #777;
	font-weight: 900;
	font-size: 11px;
	line-height: 1;
	display: none;
}

.player .player-controls .player-option .quality .auto-quality.active .click-active
	{
	color: #0e6a93;
}

.player .player-controls .player-option .quality .auto-quality.active .click-active span
	{
	color: #f00;
	display: block;
}
/* End Option Player */

/* unholy css to style input type="range" */
.player .player-controls input[type=range] {
	-webkit-appearance: none;
	appearance: none;
	background: transparent;
	width: 100%;
	margin: 0 5px;
}

.player .player-controls input[type=range]:focus {
	outline: none;
}

.player .player-controls input[type=range]::-webkit-slider-runnable-track
	{
	width: 100%;
	height: 6px;
	cursor: pointer;
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0px 0px 1px
		rgba(13, 13, 13, 0);
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0px 0px 1px
		rgba(13, 13, 13, 0);
	background: #EEE;
	border-radius: 1.3px;
	border: 0.2px solid rgba(1, 1, 1, 0);
}

.player .player-controls input[type=range]::-webkit-slider-thumb {
	-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px
		rgba(13, 13, 13, 0);
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px
		rgba(13, 13, 13, 0);
	height: 18px;
	width: 18px;
	border-radius: 50px;
	background: #0e6a93;
	cursor: pointer;
	-webkit-appearance: none;
	margin-top: -6.8px;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}

.player .player-controls input[type=range]:focus::-webkit-slider-runnable-track
	{
	background: #EEE;
}

.player .player-controls input[type=range]::-moz-range-track {
	width: 100%;
	height: 6px;
	cursor: pointer;
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0px 0px 1px
		rgba(13, 13, 13, 0);
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0px 0px 1px
		rgba(13, 13, 13, 0);
	background: #eee;
	border-radius: 1.3px;
	border: 0.2px solid rgba(1, 1, 1, 0);
}

.player .player-controls input[type=range]::-moz-range-thumb {
	-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px
		rgba(13, 13, 13, 0);
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px
		rgba(13, 13, 13, 0);
	height: 18px;
	width: 18px;
	border-radius: 50px;
	background: #0e6a93;
	cursor: pointer;
}

.nav_reg {
	margin-top: 15px;
}

.search-mic {
	position: relative;
	width: 80%;
	padding: 10px;
}

.search-icon {
	position: absolute;
	top: 25px;
	left: 15px;
	font-size: 20px;
}

.microphone {
	position: absolute;
	top: 15px;
	right: 18px;
	font-size: 20px;
}

.search-mic input.form-control {
	padding: 0px 35px;
	border-radius: 15px;
}

.play-thumbnail .video-play-button {
	position: absolute;
	z-index: 10;
	top: 28%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	box-sizing: content-box;
	display: block;
	width: 32px;
	height: 44px;
	border-radius: 50%;
	padding: 18px 20px 18px 28px;

	/*  color: #dc2751;
    width: 100px;
    height: 100px;
    border: 2px solid rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    line-height: 110px;
    text-align: center;
    font-size: 40px;
    position: relative;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    display: inline-block; */
}

.play-thumbnail .video-play-button:before {
	content: "";
	position: absolute;
	z-index: 0;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	display: block;
	width: 80px;
	height: 80px;
	background: #ffffff;
	border-radius: 50%;
	animation: pulse-border 1500ms ease-out infinite;

	/* content: '';
    position: absolute;
    top: 5px;
    bottom: 5px;
    right: 5px;
    left: 5px;
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    border-radius: 50%;
    z-index: -1;
    -webkit-transition: all 0.5s cubic-bezier(1, 0, 0, 1);
    -o-transition: all 0.5s cubic-bezier(1, 0, 0, 1);
    transition: all 0.5s cubic-bezier(1, 0, 0, 1); */
}

.play-thumbnail .video-play-button:after {
	content: "";
	position: absolute;
	z-index: 1;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	display: block;
	width: 60px;
	height: 60px;
	background: #ffffff;
	border-radius: 50%;
	transition: all 200ms;

	/*      content: '';
    position: absolute;
    top: 5px;
    bottom: 5px;
    right: 5px;
    left: 5px;
    border-radius: 50%;
    z-index: -1; */
}

.tsf-img .play-thumbnail .video-play-button {
    top: 50%;
}

.play-thumbnail .video-play-button:hover:after {
	background-color: darken(#fa183d, 10%);
}

.play-thumbnail .video-play-button img {
	position: relative;
	z-index: 3;
	max-width: 100%;
	width: auto;
	height: auto;
}

.play-thumbnail .video-play-button span {
	display: block;
	position: relative;
	z-index: 3;
	width: 0;
	height: 0;
	border-left: 20px solid #363636;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	top: 20%;
	left: 12%;
}


.category-img .play-thumbnail .video-play-button {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    box-sizing: content-box;
    display: block;
    width: 32px;
    height: 44px;
    border-radius: 50%;
    padding: 18px 20px 18px 28px;
}


@keyframes pulse-border { 0% {
	transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
	opacity: 1;
}

100%
{
transform
:
translateX(
-50%
)
translateY(
-50%
)
translateZ(
0
)
scale(
1.5
);
opacity
:
0;
}
}
.treding-image {
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: space-around;
/* 	padding: 10px; */
}

.treding-image .trading-categoryimg {
	border-radius: 0 7px 0 7px;
	width: calc(( 100%/ 5) - 20px);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
	margin: 10px;
	align-items: center;
	vertical-align: middle;
	font-size: 20px;
	color: #fff !important;
	cursor: pointer;
	position: relative;
}

.trading-imageheight {
	height: 250px;
}

.trading-categoryimg img {
	width: 100%;
	height: 100%;
	border-radius: 7px 7px 0px 0px;
}

#qyizzes {
	background: linear-gradient(45deg, #04a2a733, #2bad821f),
		url(../img/features-bg.png);
	background-position: center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.techno-trendy-image .simple-pagination ul {
	margin: 0 0 20px;
	padding: 0px 20px;
	list-style: none;
	text-align: center;
	position: relative;
	float: unset;
	margin-top: 10px;
	right: 0;
}

.techno-trendy-image .simple-pagination li {
	display: inline-block;
	margin-right: 5px;
}

.techno-trendy-image .simple-pagination li a, .techno-trendy-image .simple-pagination li span
	{
	color: #666;
	padding: 10px 15px;
	text-decoration: none;
	border: 1px solid #EEE;
	background-color: #FFF;
	box-shadow: 0px 0px 10px 0px #EEE;
}

.techno-trendy-image .simple-pagination .current {
	color: #FFF;
	background-color: #004a6a;
	/*     border-color: #004a6a; */
}

/* video playlist */
.channel-logo {
	width: 50px;
	height: 50px;
}

.channel-logo img {
	height: 100%;
	width: 100%;
}

.video-detalis {
	margin-top: 20px;
}

h4.videot-title {
	margin-top: 10px;
	font-weight: 600;
	font-size: 20px;
}

.video-detalis {
	margin-top: 20px;
	display: flex;
}

.channal-name {
	margin-left: 10px;
	color: #666666;
}

.channal-name p {
	font-weight: 700;
}

ul.video-view {
	display: flex;
	/* list-style-type: circle; */
	padding-left: 0;
}

.video-view li {
	margin: 0px 5px 0px 0px;
	font-size: 13px;
}

li.dark-mod {
	background-color: #ffffff;
    border-color: #ffffff !important;
}

/* Link  */
.road-map-main {
	margin: 50px 0 51px;
	transform: rotate(90deg);
}

.road-map-main .road-map-wrapper {
	position: relative;
	display: flex;
	flex-direction: column;
	height: 175px;
}

@media ( max-width : 991px) {
	.road-map-main .road-map-wrapper {
		margin-bottom: 25px;
		height: auto;
		display: block;
	}
}

.road-map-main .road-map-wrapper::before {
	content: "";
	width: 100%;
	clear: both;
	display: block;
}

.road-map-main .road-map-wrapper::after {
	content: "";
	width: 100%;
	clear: both;
	display: block;
}

.road-map-main .road-map-wrapper .road-map-circle {
	width: 200px;
	height: 200px;
	border-radius: 50%;
	border: 25px solid transparent;
	border-top-color: #7a7bd7;
	border-right-color: #7a7bd7;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	transform: rotate(45deg);
}

@media ( max-width : 992px) {
	.road-map-main .road-map-wrapper .road-map-circle {
		position: unset;
		border: 25px solid #7a7bd7;
	}
}

.road-map-main .road-map-wrapper .road-map-circle .road-map-circle-text
	{
	width: 110px;
	height: 110px;
	border-radius: 50%;
	background-color: #eb0d0de0;
	font-size: 20px;
	font-weight: 600;
	line-height: 26px;
	text-transform: capitalize;
	color: #fff;
	box-shadow: 0px 0px 10px 5px #00000021;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	transform: rotate(-45deg);
}

.road-map-main .road-map-wrapper .road-map-card {
	width: 35%;
	background: #7a7bd7;
	padding: 20px 20px;
	z-index: 1;
	position: absolute;
	right: 0;
	border-radius: 5px;
}

.road-map-main .road-map-wrapper .road-map-card::before {
	content: "";
	width: 25%;
	height: 20px;
	background: #7a7bd7;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -23%;
	z-index: -1;
}

@media ( max-width : 991px) {
	.road-map-main .road-map-wrapper .road-map-card {
		width: 100%;
		margin-top: 30px;
		position: unset;
	}
	.road-map-main .road-map-wrapper .road-map-card::before {
		content: "";
		width: 20px;
		height: 30%;
		top: 50%;
		transform: translateX(-50%);
		left: 50%;
	}
}

@media ( max-width : 425px) {
	.road-map-main .road-map-wrapper .road-map-card {
		top: 45%;
	}
}

.road-map-main .road-map-wrapper .road-map-card .card-head {
	font-size: 20px;
	font-weight: 600;
	text-transform: capitalize;
	margin: 0 0 15px;
	color: #fff;
}

.road-map-main .road-map-wrapper .road-map-card .card-text {
	color: #fff;
	margin: 0;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

@media ( max-width : 1199px) {
	.road-map-main .road-map-wrapper .road-map-card .card-text {
		-webkit-line-clamp: 4;
	}
}

.road-map-main .road-map-wrapper:nth-of-type(even) .road-map-circle {
	border-bottom-color: #7a7bd7;
	border-left-color: #7a7bd7;
	border-top-color: transparent;
	border-right-color: transparent;
}

@media ( max-width : 991px) {
	.road-map-main .road-map-wrapper:nth-of-type(even) .road-map-circle {
		border-color: #7a7bd7;
	}
}

.road-map-main .road-map-wrapper:nth-of-type(even) .road-map-card {
	left: 0;
}

.road-map-main .road-map-wrapper:nth-of-type(even) .road-map-card::before
	{
	right: -23%;
	left: unset;
}

@media ( max-width : 991px) {
	.road-map-main .road-map-wrapper:nth-of-type(even) .road-map-card::before
		{
		content: "";
		width: 20px;
		height: 30%;
		top: 50%;
		transform: translateX(-50%);
		left: 50%;
	}
}

@media ( max-width : 425px) {
	.road-map-main .road-map-wrapper:nth-of-type(even) .road-map-card::before
		{
		top: 45%;
	}
}

/* Link  */
.research .single-gym-video {
	margin: 10px 5px;
	background-color: white;
	box-shadow: 0 0 40px 0 rgba(94, 92, 154, .06);
	border-radius: 7px;
}

.trading-categoryimg span.cat {
	position: absolute;
	color: #000000;
	top: 15px;
	right: 5px;
	background-color: white;
	z-index: 1;
	padding: 2px 10px;
	border-radius: 5px;
	font-weight: 600;
	font-size: 16px;
}

.news .single-gym-video {
	/*     margin: 10px 5px; */
	background-color: white;
	/*     box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22); */
	border-radius: 7px;
	overflow: hidden;
	cursor: pointer;
	transform: rotateX(0deg) rotateY(0deg);
	transition: all 0.2s linear;
	will-change: transform;
	box-shadow: 0 0 40px 0 rgba(94, 92, 154, .06);
	margin: 10px;
	align-items: center;
	vertical-align: middle;
	font-size: 20px;
	color: #fff !important;
	cursor: pointer;
	border: 1px solid #e1e1e1;
}

.news-carousel .owl-dots {
	position: absolute;
	bottom: 0;
	width: 100%;
	display: flex;
	justify-content: center;
	background-color: #00000038;
}

.news-carousel button.owl-dot {
	background-color: #ededed !important;
	height: 10px;
	width: 10px;
	margin: 5px;
	border-radius: 50%;
}

.news-carousel button.owl-dot.active {
	background-color: #2196f3 !important;
	height: 10px;
	width: 20px;
	margin: 5px;
	border-radius: 30%;
}

.inner-item {
	height: 250px;
	width: 100%;
}

/* trending-images */
.trend-img .treding-inner-image {
	display: flex;
	flex-wrap: wrap;
/* 	justify-content: center; */
}

.treding-inner-image .trading-inner-categoryimg {
	    width: calc((100% / 5) - 20px);
    margin: 10px;
}

.trading-inner-categoryimg img {
	max-width: 100%;
	border-radius: 7px 7px 0px 0px;
	height: 100%;
	width: 100%;
}

.images-detalis {
	margin: 4px;
}

h4.images-title {
	margin-top: 12px;
}

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

ul.image-view i {
	margin-right: 5px;
	color: #09a895;
}

/* .trading-video .owl-dots {
    text-align: center;
}

.trading-video button.owl-dot {
    background-color: #040404 !important;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    border: 1px solid black;
}

.trading-video button.owl-dot.active {
    background-color: #009688 !important;
} */
.trading-video .owl-dots {
	text-align: center;
	margin-top: 20px;
}

.trading-video .owl-dots button.owl-dot.active {
	background: linear-gradient(91.85deg, #007aea 0%, #00c2ff 100%);
}

.trading-video .owl-dots button.owl-dot {
	width: 15px;
	height: 15px;
	border-radius: 50%;
	display: inline-block;
	background: #ccc;
	margin: 0 3px;
}

/* .category-img:hover .thumnail {
	opacity: 0.9;
	transform: scale(1.1);
} */

.disc-list {
	/*  counter-reset: step; */
	/* Allows us to show the step number */
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: row;
	/* Put the discs in a row */
	flex-wrap: wrap;
	/* Allow them to wrap around as required */
	justify-content: center;
}

.disc-list li {
	/*   counter-increment: step; */
	/* Increment the list number */
	position: relative;
	width: 8.5rem;
	height: 8.5rem;
	text-align: center;
	border-radius: 50%;
	/* Make it a circle */
	background: #888;
	color: #888;
	display: flex;
	flex-shrink: 0;
	/* Don't allow the discs to squash inside the container */
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin: 1.5rem 1.25rem 1.5rem 1.5rem;
	/* Right margin is the normal width - the border-width */
	overflow: visible;
}

.disc-list li:nth-child(1) {
	    background: #0d67b6;
    color: #0d67b6;
}

.disc-list li:nth-child(2) {
	background: #00A3E1;
	color: #00A3E1;
}

.disc-list li:nth-child(3) {
	background: #3e8cc9;
    color: #3e8cc9;
}

.disc-list li:nth-child(4) {
	background: #934FC0;
	color: #934FC0;
}

.disc-list li:nth-child(5) {
	background: #C04F8E;
	color: #C04F8E;
}

.disc-list li:nth-child(6) {
	background: #C04F5D;
	color: #C04F5D;
}

.disc-list li:nth-child(7) {
	background: #C07E4F;
	color: #C07E4F;
}

.disc-list li:nth-child(8) {
	background: #C0B54F;
	color: #C0B54F;
}

.disc-list li .link-text {
	color: #FFF;
	display: block;
	font-weight: bold;
	font-size: 20px;
	max-width: 5rem;
	margin-left: auto;
	margin-right: auto;
}

.link-text i {
	font-size: 40px;
	display: block;
	margin-bottom: 10px;
}

.disc-list li svg {
	position: absolute;
	left: -1.5rem;
	top: -1.5rem;
	bottom: -1.5rem;
	/* Same as the disc-list li margin */
	right: -1.5rem;
}

.disc-list li svg path {
	stroke: currentcolor;
}

#links_div {
	background: #f8f9fa;
}

.disc-list .active {
	box-shadow: 3px 6px 27px #000000;
}

.owl-carousel .owl-item img {
	display: block;
	width: 100%;
	height: 100%;
}

.category-img .play-thumbnail .video-play-button:after {
	width: 50px;
	height: 50px;
}

.category-img .play-thumbnail .video-play-button span {
	border-left: 15px solid #000;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    top: 25%;
    left: 22%;
}

.category-img .play-thumbnail .video-play-button:before {
	width: 60px;
	height: 60px;
}

.category-img:hover .play-thumbnail .video-play-button:after {
	background: #03A9F4;
}

.category-img:hover .play-thumbnail .video-play-button span {
	border-left: 15px solid #fff;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    top: 25%;
    left: 25%;
}

.gen-genre li {
	padding: 0;
	list-style: none;
	margin: 0 0 15px;
	margin-top: 10px;
}

.gen-genre>li a:before {
	content: '\f07c';
	font-weight: 400;
	font-size: 14px;
	font-family: "Font Awesome 5 Free";
	padding-right: 10px;
}

.gen-genre li a {
	padding: 0 0 0 20px;
	color: #000000;
	position: relative;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	position: relative;
}

.search-boxauto {
	height: auto;
	background-color: #ffffff;
	border: 1px solid #ffffff;
/* 	padding: 15px 10px 20px; */
	position: relative;
	box-shadow: 0 0 40px 0 rgba(94, 92, 154, .06);
	border-radius: 12px;
}

.search-iconbox {
	position: relative;
	margin-top: 10px;
}

span.category-number {
	float: right;
    margin-right: 10px;
    background-color: #134c77;
    color: #ffffff;
    border-radius: 5px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    display: flex;
    justify-content: center;
    font-weight: 600;
    margin-left: 5px;
}

ul.gen-genre {
	margin-top: 10px;
    max-height: 70vh;
    overflow: auto;
    padding: 0px 10px;
}

.icon-search {
	position: absolute;
	top: 3px;
	right: 4px;
	border-radius: 5px;
	padding: 14px;
	color: white;
	background: linear-gradient(91.85deg, #007aea 0%, #00c2ff 100%);
}

.search-iconbox input.form-control {
	background-color: #eef5ff;
}

.gen-video-meta-holder ul {
	margin: 5px 0 0;
	padding: 0;
	float: left;
	display: inline-block;
	width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.gen-video-meta-holder ul li {
	list-style: none;
	margin: 0 15px 0px 0;
	font-size: 14px;
	line-height: normal;
	display: inline;
	align-items: center;
	color: #666666;
	position: relative;
}

.gen-video-meta-holder ul li a {
	color: #e50916;
}

.gen-video-meta-holder ul li.video-cat {
	font-weight: 600;
	color: #ffffff;
	background-color: #9b9b9b;
	border-radius: 2px;
	font-size: 12px;
	padding: 0px 10px;
	margin: 0 !important;
}

/* .category-img:before {
	content: "";
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	    background: rgb(0 0 0 / 43%);
	background: rgb(0 0 0/ 20%);
	z-index: 0;
	border-radius: 7px;
} */

/* .tab-img:before{
		content: "";
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	    background: rgb(0 0 0 / 43%);
	background: rgb(0 0 0/ 25%);
	z-index: 0;
	border-radius: 7px;
} */

.trading-videobg {
    background: url(../img/bg.png);
    background-size: cover;
    background-color: #c1cfdee8;/*  #6c9abd */
    height: 100% !important;
/*     background-position: bottom; */
    background-repeat: no-repeat;
}

.video-category {
	border-radius: 0 7px 0 7px;
	width: calc((100%/ 5) - 20px);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
	margin: 10px;
	align-items: center;
	vertical-align: middle;
	font-size: 20px;
	color: #fff !important;
	cursor: pointer;
	position: relative;
}

.video-category:hover .videot-title{
	color: #0e6a93;
}

.breadcrumb {
	justify-content: center;
	padding-bottom: 0px;
}


.detail-list {
	margin: 10px 0;
}

ul.check_list {
	list-style-type: disc;
	padding-left: 2rem;
	margin: 10px 0;
}

ul.check_list li {
	padding: 5px;
	color: #525252;
}

.single-post-content a {
	color: #000;
	font-weight: bold;
	/*     text-decoration: underline !important; */
}

.single-post-content a:hover {
	color: #3d6ad2;
}

.btn-witeup {
	background: linear-gradient(25deg, rgb(56 121 171) 0%, rgb(100 177 213) 80%, rgb(107 169 200) 100%);
	padding: 10px;
	border-radius: 5px;
	font-size: 16px;
	color: #fff !important;
	text-decoration: none !important;
}

.section-filters-bar {
	display: -ms-flexbox;
	/*     display: flex; */
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	padding: 10px 20px;
	border-radius: 12px;
	box-shadow: 0 0 40px 0 rgba(94, 92, 154, .06);
	background-color: #fff;
}

.form-item .items_search {
	width: 60px;
	font-size: 20px;
}

.form-item.split {
	display: flex;
}

.button {
	display: inline-block;
	height: 48px;
	border-radius: 10px;
	/*     background-color: #3e3f5e; */
	color: #fff;
	font-size: .875rem;
	font-weight: 700;
	text-align: center;
	line-height: 48px;
	cursor: pointer;
	transition: background-color .2s ease-in-out, color .2s ease-in-out,
		border-color .2s ease-in-out, box-shadow .2s ease-in-out;
	box-shadow: 3px 5px 10px 0 rgba(62, 63, 94, .2);
	padding: 0 10px;
}

input {
	background-color: #fff;
	border: 1px solid #dedeea;
	color: #3e3f5e;
	transition: border-color .2s ease-in-out;
	width: 100%;
	border-radius: 12px;
	font-size: 1rem;
	font-weight: 700;
}

.form-input.small {
	margin-right: 12px;
}

.button.secondary {
	background-color: #615dfa;
	box-shadow: 4px 7px 12px 0 rgba(97, 93, 250, .2);
}

.form-to {
	font-size: 20px;
	padding: 10px 10px 10px 10px;
	align-self: center;
}

.section-filters-bar-actions .form-group {
	padding: 0 10px;
	margin-bottom: 0;
}

.cal-icon:before {
	content: "\f073";
	position: absolute;
	right: 10%;
	font-family: "Font Awesome 6 Free";
	top: 35%;
	bottom: 0;
	color: #808080;
}

.cal-icon {
	position: relative;
	width: 100%;
}

input[type="date"]::-webkit-inner-spin-button, input[type="date"]::-webkit-calendar-picker-indicator
	{
	opacity: 0;
	display: block;
	position: absolute;
	right: 10px;
	width: 20px;
	height: 100%;
	cursor: pointer;
}

ul.gen-genre .form-group {
	display: flex;
    justify-content: space-between;
	margin-bottom: 15px;
}

ul.gen-genre .form-group input {
	padding: 0;
	height: initial;
	width: initial;
	margin-bottom: 0;
	display: none;
	cursor: pointer;
}

ul.gen-genre .form-group label {
	position: relative;
	cursor: pointer;
	display: inherit;
}

ul.gen-genre .form-group label:before {
	content: '';
	-webkit-appearance: none;
	background-color: transparent;
	border: 2px solid #134c77;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px
		rgba(0, 0, 0, 0.05);
	padding: 8px;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	cursor: pointer;
	margin-right: 5px;
	    height: 2px;
}

ul.gen-genre .form-group input:checked+label:after {
	content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: 7px;
    width: 6px;
    height: 12px;
    border: solid #134c77;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.video-des {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.search-withicon button.button.primary.items_search {
	position: absolute;
	top: 0;
	right: 15px;
	background-color: #f0f8ff00;
	color: black;
	box-shadow: none;
}

.search-withicon {
	position: relative;
}

.date-formto {
	display: flex;
	justify-content: center;
	margin-top: 10px;
}

.trading-videobg .title-heading h2 {
	background: -webkit-linear-gradient(#134c77, #0d67b6);
	background-clip: text;
	-webkit-text-fill-color: transparent;
}



.slider_div .item {
	height: 650px;
	width: 100%;
}

iframe#youtubelinkIframe {
	width: 100%;
	height: 100%;
}

#player {
	width: 100%;
	height: 100%;
}

.medium.primary {
	background: linear-gradient(25deg, rgb(56 121 171) 0%, rgb(100 177 213) 80%, rgb(107 169 200) 100%);
	box-shadow: 4px 7px 12px 0 rgba(35, 210, 226, .2);
	display: inline-block;
}

.note-editor.note-frame, .note-editor.note-airframe {
	border: none !important;
}

.note-statusbar {
	display: none;
}

.video-playlistwidth {
	width: 80%;
}

.video-filterwidth {
	width: 20%;
}

.reverse-row {
	display: flex;
}

.reasearch-postbody {
	margin-top: 10px;
}

.reasearch-postcontent {
	padding: 0 8px 0 10px !important;
}

.note-editing-area {
	background-color: rgb(255, 255, 255);
	border-right: 10px;
}

.sitemap-content {
	background: #e7f1ff;
	border: 2px solid #97c2ff;
	border-radius: 12px;
	padding: 10px;
	width: 60%;
}

.sitemap {
	display: flex;
	justify-content: center;
}

.sitemap-content h3 {
	font-size: 26px;
}

.table-bordered {
	border: 1px solid #dee2e6;
}

.table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 1rem;
	background-color: transparent;
}

.table-bordered thead td, .table-bordered thead th {
	border-bottom-width: 2px;
}

.table thead th {
	vertical-align: bottom;
	border-bottom: 2px solid #dee2e6 !important;
}

.table-bordered td, .table-bordered th {
	border: 1px solid #dee2e6;
}

.table td, .table th {
	padding: .75rem;
	vertical-align: top;
	border-top: 1px solid #dee2e6;
}

table thead {
	background: linear-gradient(to top, #376bac, #5ea7e5);
	/* background: cadetblue; */
	color: #fff;
}

/***  site map LISTS ***/
.sitemap-content ul {
	margin-block: 1rem;
}

.sitemap-content ul {
	list-style-type: disc;
	padding-left: 35px;
}

.sitemap-content li {
	-webkit-margin-after: 1rem;
	margin-block-end: 1rem;
	max-width: 75ch;
}

.sitemap-content li::marker {
	font-weight: 600;
}

/*** level 2 ***/
.sitemap-content li ul {
	list-style-type: circle;
}

/*** level 3 ***/
.sitemap-content li li ul {
	list-style-type: square;
}

.section-padding {
	padding: 50px 0px;
}

.title-pd-0 .title-heading {
	padding: 0px 0px 50px 0px;
}

.title-pd-0 .title-heading:after {
	transform: translate(-50%, -80%);
}

.nodatafound img {
    width: 400px;
}

.nodatafound {
	text-align: center;
    width: 100%;
    margin-top: 3%;
}

.nodatafound h1 {
	font-size: 30px;
	font-weight: bold;
}

.input-file .form-control {
	font-family: inherit;
	font-size: 1rem;
	font-weight: 400;
	line-height: inherit;
	width: 100%;
	height: 40px;
	padding: 0.75rem 1.25rem;
	border: none;
	outline: none;
	border-radius: 5px;
	color: #121212;
	background-color: #f1f5f9;
	text-transform: unset;
	text-rendering: optimizeLegibility;
}

.calender-icon input.input-field {
	position: relative;
	float: left;
	width: 100%;
	margin-bottom: 0;
	display: table-cell;
	background: transparent url(../img/calendar.png) no-repeat scroll 0 0;
	background-position: right;
	margin-bottom: 20px;
}

.note-editor.note-frame .note-editing-area .note-editable[contenteditable=false],
	.note-editor.note-airframe .note-editing-area .note-editable[contenteditable=false]
	{
	background-color: #80808000 !important;
}

.pass_icon {
	position: relative;
}

.eye-icon {
	position: absolute;
	right: 15px;
	top: 10px;
}

.switch-box .checkbox {
    display: none;
  }
  .toggle {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 25px;
    height: 25px;
    border-radius: 5px;
    cursor: pointer;
    transition: 0.2s;
/*     background: #fff; */
  }
  .switch-box .icon {
    line-height: 30px;
    text-align: center;
    margin: 0 auto;
    color: #ffbf00;
    font-size: 16px;
  }
  i.icon.fa-solid.fa-moon {
    display: none;
  }
  
  .dark i.icon.fa-solid.fa-moon {
    	display: block;
   	 	z-index: 1;
	}
	
	.dark i.icon.fa-solid.fa-sun {
    	display: none;
	}

  
  .switch-box .icon {
    line-height: 30px;
    text-align: center;
    margin: 0 auto;
    color: #ffbf00;
    font-size: 16px;
  }
  
  
 .description-nav::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-image: linear-gradient(to right , #97d8f9 , #3a8ab7);
}

 .description-nav::-webkit-scrollbar {
    height:7px;
    background-color: #F5F5F5;
}


h4.video-title, .p.video-desc {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.product-description .search-withicon {
    position: relative;
    width: 90%;
    padding: 10px;
}
 
.product-description .search-withicon button.button.primary.items_search {
    position: absolute;
    top: 10px;
    right: 25px;
    background-color: #f0f8ff00;
    color: black;
    box-shadow: none;
} 

.article-date span {
    float: right;
}

.header-title{
    font-size: 20px;
    margin-bottom: 5px;
/*     max-height: 45px; */
    color: #EEE;
    background: linear-gradient(45deg, #134c77, #0d67b6);
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    padding: 10px 20px 10px 20px;
}
.facts-tag {
    padding: 0px 10px;
}

.title-single-box {
    padding: 10px 0 10px 25px;
    border-left: 3px solid #4c5c2c;
    margin: 15px;
}
.title-single-box .title-single {
    margin-bottom: 0;
    font-size: 26px;
}


.breadcrumb-box {
    padding: 12px 0 12px 25px;
    margin: 20px;
}

.breadcrumb-item.active {
    color: #393939;
}

.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: .5rem;
    color: #6c757d;
    content: var(--bs-breadcrumb-divider, "/");
}

.breadcrumb-item a {
    color: #838181;
}

.overlay .header-area.active {
      z-index: 9;
}

.overlay .social {
      z-index: 9;
}
.overlay nav.circle_menu {
      z-index: 9;
}

.overlay .play-thumbnail .video-play-button {
   	z-index: 9;
}

.overlay .scrolltop{
	z-index: 9;
}

.image-categoryby a {
    color: white;
}

ul.video-tag {
          display: flex;
          color: #2196F3;
          font-weight: bold;
          font-size: 14px;
          margin: 10px 0px;
          flex-wrap: wrap;
}

ul.video-tag a {
          position: relative;
          padding: 0px 10px;
          color: #79c1fa;
}

ul.video-tag a:after{
  		  position: absolute;
          content: "";
          top: 50%;
          left: 0;
          height: 5px;
          width: 5px;
          background-color: #79c1fa;
          border-radius: 50%;
          transform: translateY(-50%);
          transition: var(--ease-in);
}

.latest-video {
    height: 250px;
    width: 100%;
    border-radius: 7px 7px 0px 0px;
}

h1.video-title {
    position: absolute;
    font-size: 16px;
    padding: 5px 10px;
    background: linear-gradient(45deg, #134c77, #0d67b6);
    width: 100%;
    bottom: 0;
   display: none;
   color: white;	
   font-weight: bold;
   border-radius: 0px 0px 7px 7px;      
}

.video-titletext{
	 overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}


.category-img:hover .video-title{
    display: block;
}

.videoimg {
    width: 135px;
    height: 80px;
}

#videoListId .videoimg {
    width: 30%;
    height: 80px;
}

#videoListId .desc
{
	width: 70%;
}

.social a {
    color: #fff;
}


/* responsive css */
@media ( max-width : 1600px) {
	.useful_links a {
		padding-left: 10px;
		padding-right: 10px;
		height: 4.5em;
	}
}

@media ( max-width : 1400px) {
	.useful_links a {
		font-size: 16px;
	}
	.webinar_items {
		width: 100%;
	}
	.description-nav li button {
		padding: 15px 40px;
	}
	.article {
		width: calc(( 100%/ 5) - 20px);
	}
	
	 .treding-inner-image .trading-inner-categoryimg {
	    width: calc((100% / 5) - 20px);
	}
	
	.main-footer .ftr-category ul li a, .main-footer .ftr-link ul li a {
    	padding: 10px 10px;
	}
	
	.ftr-category .ftr-category-menu ul:nth-child(1) {
    	padding-right: 10px;
	}
	
	.logo-anchor {
    	display: block;
	}
	
	.ftr-drpt p {
    	text-align: center;
	}
	
	.important-btn {
    	justify-content: center;
	}
}


@media ( max-width : 1200px) {
	 .slider_div .item {
      height: auto;
      width: 100%;
}

	.post_left {
		width: 35%;
	}
	.post_center {
		width: 65%;
	}
	.post_right {
		width: 100%;
	}
	.navbar-area ul>li a {
		font-size: 14px;
	}
	.whats-new-section .section-title h2 {
		display: flex;
		font-size: 60px;
		margin-bottom: 15px;
	}
	.section-title span {
		margin-left: 20px;
	}
	ul.round-shape li {
		width: 100%;
	}
	.description-nav li button {
		padding: 15px 30px;
	}
	.single-post-content .figer-img {
		position: relative;
/* 		margin-bottom: 30px; */
		height: 400px;
	}
	.techno-single-feature {
		width: calc(( 100%/ 3) - 20px);
		margin: 10px;
	}
	.video-view li {
		font-size: 12px;
	}
	.article {
		width: calc(( 100%/ 3) - 20px);
	}
	.treding-image .trading-categoryimg {
		width: calc(( 100%/ 3) - 20px);
	}
	
	.video-category {
    	width: calc((100% / 3) - 20px);
	}

    .single-gym-video {
	    width: calc((100% / 3) - 20px);
	    margin: 10px;
	}
	
	 .treding-inner-image .trading-inner-categoryimg {
	    width: calc((100% / 3) - 20px);
	}
}

@media ( max-width : 1024px) {
	.description-nav li button {
		padding: 10px 10px;
	}
	.category-img img {
		width: 100%;
		height: 100%;
	}
}

@media ( max-width : 992px) {
	.simple-pagination {
		margin-top: 10px;
	}
	.techno-single-feature {
		width: calc(( 100%/ 3) - 20px);
		margin: 10px;
	}
	.team-meet .box {
		width: calc(( 100%/ 2) - 10px);
	}
	.description-nav li button {
		padding: 10px 13px;
	}
	.category-img {
		transform: scale(0.9);
	}
	.category-list {
		gap: 5px;
	}
	.category-img.active {
		transform: scale(1.05);
	}
	.treding-image .trading-categoryimg {
		width: calc(( 100%/ 3) - 20px);
	}
	.single-gym-video {
		width: calc(( 100%/ 3) - 20px);
	}
	
	 .treding-inner-image .trading-inner-categoryimg {
	    width: calc((100% / 3) - 20px);
	}
	
	.ftr-drpt {
    	max-width: unset;
	}
	
	.logo-anchor {
    justify-content: left;
}

    ul.round-shape li {
        width: auto;
    }
    
    .logo-anchor {
    	display: flex;
	}
	
	.important-btn {
        justify-content: left;
    }
}


@media ( max-width : 950px) {
	.whats-new-text {
		bottom: 0%;
	}
	.header-top-area .header-wrapper {
		flex-wrap: wrap;
		justify-content: center;
	}
	.schedule-block .inner-box {
		width: 75%;
		margin: 10px 0;
	}
/* 	.title-heading:after { */
/* 		font-size: 55px; */
/* 	} */
}

@media ( max-width : 768px) {
	.category-feature {
		display: flex;
		flex-direction: column-reverse;
	}
	.simple-pagination {
		margin-top: 10px;
	}
	.main-header {
		position: relative;
		padding: 5px 0px;
	}
	.whats-new-section .owl-carousel .owl-item img {
		width: 100%;
	}
	.whats-new-text {
		position: static;
		width: 100%;
	}
	.statistic-section ul li {
		padding: 10px 0px;
	}
	.whats-new-section .section-title h2 {
		font-size: 40px;
	}
	.schedule-block h4 {
		font-size: 16px;
	}
	.whats-new-section {
		padding: 50px 0 50px;
	}
	.schedule-section {
		padding: 50px 0;
	}
	.techno-feature-area {
		margin: 0px;
	}
	.techno-trendy-news {
		margin: 0px;
	}
	.description-nav li button.active:after {
		display: none !important;
	}
	.player-play-list .container-fluid {
		min-width: 100%;
	}
	.category-img img {
		width: 100%;
		height: 100%;
	}
	.category-text {
		top: 40%;
		font-size: 16px;
	}
	.techno-feature-area {
		padding: 30px 0px 30px;
	}
	.player {
		height: 100%;
	}
	.product-description {
		padding: 30px 0;
	}
	.section-padding {
		padding: 30px 0;
	}
	.video-category {
		width: calc(( 100%/ 2) - 20px);
		margin: 10px;
		font-size: 16px;
	}
	.treding-image .trading-categoryimg {
		border-radius: 0 7px 0 7px;
		width: calc(( 100%/ 2) - 20px);
	}
	.schedule-block .inner-box .inner {
		margin-left: 40px;
		min-height: 195px;
	}
	.schedule-block .date span {
		height: 100px;
		width: 100px;
		font-size: 12px;
	}
	.schedule-block .date {
		left: -160px;
		height: 150px;
		width: 150px;
	}
	.schedule-block .date span:before {
		width: 40px;
	}
	.schedule-block.even .inner-box .inner {
		margin-right: 40px;
	}
	.schedule-block.even .date {
		right: -160px;
	}
	.writeup-list {
		padding-left: 10px;
	}
	.single-post-content, .single-post-sidebar {
		margin-top: 10px;
	}
	.single-post-content .figer-img {
/* 		height: 472px; */
		height: 300px;
	}
	.login-content {
		margin: 0 0 30px 0;
		position: relative;
		top: 0;
		transform: unset;
		left: 0;
		width: 100%;
		transition: 1s 0.7s ease-in-out;
		display: grid;
		grid-template-columns: unset;
		z-index: 5;
	}
	.panels-container {
		position: relative;
		height: 100%;
		width: 100%;
		top: 0;
		left: 0;
		display: grid;
		grid-template-columns: unset;
		background: #685fcc;
	}
	.login_main:before {
		display: none;
	}
	.main .wrapper {
		margin-top: 15px;
	}
	.left-panel {
		padding: 20px;
		align-items: center;
	}
	.register_main .panels-container {
		grid-template-columns: unset;
	}
	.register_main .login-content {
		left: 0;
		width: 98%;
	}
	.captcha.input_base {
		margin: 5px 0;
	}
	.statistic-section ul li {
		width: 48%;
	}
	.statistic_data ul li a {
		display: flex;
		align-items: center;
	}
	.statistic_data .icon {
		height: auto;
	}
	.statistic-text {
		text-align: left;
		width: 80%;
	}
	.statistic-section ul {
		margin-left: 0px;
	}
	.statistic-section ul li {
		margin: 0 2px;
	}
	.statistic-section ul {
		margin-left: 5px;
	}
	.article {
		width: calc(( 100%/ 2) - 20px);
	}
	.treding-image .trading-categoryimg {
		width: calc(( 100%/ 2) - 20px);
	}
	.single-gym-video {
		width: calc(( 100%/ 2) - 20px);
	}
	
	 .treding-inner-image .trading-inner-categoryimg {
	    width: calc((100% / 2) - 20px);
	}
	.video-playlistwidth {
		width: 100%;
	}
	.video-filterwidth {
		width: 100%;
	}
	.reverse-row {
		display: flex;
		-webkit-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
	
	.techno-single-feature {
        width: calc((100% / 2) - 20px);
        margin: 10px;
    }
    
    ul.gen-genre {
    	height: 40vh;
}
}

@media ( max-width : 576px) {
	.techno-single-feature {
		width: calc(( 100%/ 2) - 20px);
		margin: 10px;
	}
	.techno-feature-area {
		padding: 30px 0px 30px;
	}
	
	.section-padding {
    	padding: 30px 0px;
	}
	.title-heading h2 {
		font-size: 26px;
	}
	.title-heading h2:after, .title-heading h2:before {
		width: 30px;
	}
	.statistic-section {
		display: block;
	}
	.statistic-section ul {
		justify-content: left;
	}
	.statistic-heading {
		padding: 10px 50px 10px 15px;
		clip-path: unset;
	}
	.video-category {
		width: calc(( 100%/ 1) - 20px);
		font-size: 14px;
	}
	.post-description {
		display: grid;
	}
	.tab-text {
		margin-left: 0px;
	}
	.schedule-block .inner-box .inner {
		margin-left: 0;
		width: 100%;
		padding: 20px 20px 20px;
	}
	.schedule-block .inner-box {
		width: 100%;
	}
	.schedule-block .date span:before {
		width: 22px;
		display: none;
	}
	.schedule-block .date span {
		height: 75px;
		width: 75px;
		font-size: 10px;
	}
	.schedule-block .date {
		position: relative;
		height: 100px;
		width: 100px;
		left: -12px;
		margin-bottom: 10px;
	}
	.schedule-block.even .date {
		margin-left: auto;
		right: 0;
	}
	.breadcrumb_detalis .title-heading h2 {
		font-size: 30px;
	}
	.single-post-content .figer-img {
		height: 100%;
	}
	.captcha.input_base {
		margin: 5px 0;
	}
	.main {
		padding: 10px;
	}
	.left-panel h3, .left-panel h4, .left-panel h5, .left-panel h6 {
		font-size: 16px;
	}
	.main_regdiv {
		display: flex !important;
		flex-direction: column;
	}
	.nav_reg {
		display: flex;
		flex-direction: row !important;
	}
	.tab-text h2 {
		font-size: 24px;
		margin: 15px 0;
	}
	.breadcrumb_div.breadcrumb_detalis {
		height: auto;
	}
	.breadcrumb_detalis .title-heading {
		padding: 20px 0px;
	}
	.wavy {
		display: none;
	}
	.product-breadcrumb {
		margin-bottom: 0;
	}
	.product-breadcrumb {
		margin-left: 0;
	}
	.logo-main.ayush-grid img {
		width: 50px;
	}
	.logo_div {
		width: 50px;
	}
	.main-header {
		padding: 0px 0px;
	}
	.options-area {
		padding: 0px 0px;
	}
	.logo_text {
		margin-bottom: 0;
	}
	.treding-image .trading-categoryimg {
		width: calc(( 100%/ 1) - 20px);
	}
	.title-heading {
		padding: 25px 0px;
		margin-bottom: 0px;
	}
	.techno-trendy-image #pagination-container {
		margin-top: 20px;
	}
	.article {
		width: calc(( 100%/ 1) - 20px);
	}
	.treding-image .trading-cate {
		width: calc(( 100%/ 1) - 20px);
	}
	.single-gym-video {
		width: calc(( 100%/ 1) - 20px);
	}
	
	.techno-single-feature {
        width: calc((100% / 1) - 20px);
    }
    
    .treding-inner-image .trading-inner-categoryimg {
	    width: calc((100% / 1) - 20px);
	}
	
/* 	.article-img { */
/*     	width: 100vw; */
/* 	} */
	
/* 	.inner-item { */
/*   	  width: 100vw; */
/* 	} */
}

@media ( max-width : 420px) {
	.date-formto {
		display: block;
	}
	.techno-single-feature {
		width: calc(( 100%/ 1) - 20px);
		margin: 10px;
	}
	.title-heading h2:after, .title-heading h2:before {
		width: 16px;
	}
	.statistic-section .counter {
		font-size: 20px;
	}
	.video-category {
		width: calc(( 100%/ 1) - 0.5em);
		margin: 3px 3px;
		font-size: 14px;
	}
	.treding-image .trading-categoryimg {
		width: calc(( 100%/ 1) - 0.5em);
		margin: 3px 20px;
	}
	.video-search {
		flex-wrap: wrap;
	}
	.select-year {
		width: 100%;
		margin-top: 5px;
	}
	.video-search-box {
		width: 100%;
	}
	.player-play-list .play-list ul li .video-list {
		width: 100px;
	}
	.player-play-list .play-list ul li .count {
		min-width: 32px;
	}
	.player-play-list .play-list ul li .desc h4 {
		margin: 0px 0 2px;
		font-size: 12px;
		font-weight: 900;
		letter-spacing: 0.5px;
	}
	.player-play-list .play-list ul li .desc {
		width: calc(100% - 135px);
	}
	.contact-info li {
		font-size: 12px;
		margin-right: 2px;
	}
	.goog-te-gadget .goog-te-combo {
		margin: 2px 0 !important;
	}
	.language-select-box select {
		font-size: 10px;
	}
	.wrap {
		grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
		padding: 0;
	}
	.article h1 {
		font-size: 16px;
	}
	.writeup-date {
		font-size: 14px;
	}
	li.skip-link {
		font-size: 12px;
		width: 67px;
		padding: 2px 0;
	}
	.header-top-area .container-fluid {
		padding: 0 4px;
	}
	.language-select-box {
		margin-left: 0px;
		padding: 0px 1px;
	}
	.social-icon li a {
		width: 20px;
		height: 20px;
		font-size: 12px;
	}
}

@media ( min-width : 1200px) {
	.player-play-list .container-fluid {
		margin-top: 30px;
		/*         width: 1170px; */
		min-width: auto;
		flex-direction: row-reverse;
		height: 75vh;
	}
	.player-play-list .play-list {
		order: 2;
		margin-right: 10px;
		flex: 1;
	}
	.player-play-list .player {
		order: 1;
		flex: 3.7;
		margin-right: 10px;
	}
	.player {
		height: 100%;
	}
}

/*lightbox*/
@keyframes zoomin { 0% {
	transform: scale(1);
}

50%
{
transform
:
scale(
1.05
);
}
100%
{
transform
:
scale(
1
);
}
}
.gallery-item:before {
	content: "";
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	position: absolute;
	background: rgba(18, 18, 18, 0.2);
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	z-index: 1;
	transform: scale(0, 0);
	transition: transform 500ms ease;
}

.gallery-item {
	display: block;
	position: relative;
	overflow: hidden;
	height: 250px;
	width: 100%;
	border-radius: 7px 7px 0px 0px;
}

.gallery-grid .pd-form:hover>.gallery-item:before {
	transform: scale(1, 1);
	transform-origin: center;
}

.gallery-grid .pd-form:hover>.gallery-item i {
	opacity: 1;
	z-index: 99;
	transition-delay: 0.3s;
}

.gallery-item i {
	font-size: 21px;
	padding: 9px;
	background-color: var(--white);
	border-radius: 16px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.lightbox-modal .modal-content {
	background-color: var(--lightbox);
}

.lightbox-modal .btn-close {
	position: absolute;
	top: 1.25rem;
	right: 1.25rem;
	font-size: 1.25rem;
	z-index: 9999999;
	background-color: azure;
	opacity: 1;
}

.lightbox-modal .modal-body {
	display: flex;
	align-items: center;
	padding: 0;
}

.lightbox-modal .lightbox-content {
	width: 100%;
}

.lightbox-modal .carousel-indicators {
	margin-bottom: 0;
}

.lightbox-modal .carousel-indicators [data-bs-target] {
	background-color: var(--carousel-text) !important;
}

.lightbox-modal .carousel-inner
 {
    display: flex;
        left: 0;
        right: 0;
    }
}

.lightbox-modal .carousel-inner img {
/* 	animation: zoomin 10s linear infinite; */
	margin: 0 auto;
	    height: 100%;
}

.lightbox-modal .carousel-item .carousel-caption {
	right: 0;
	bottom: 0;
	left: 0;
	padding-bottom: 2rem;
	background-color: var(--lightbox);
	color: var(--carousel-text) !important;
	display: none !important;
}

.carousel-item {
    margin-right: -70%;
}

.carousel-img{
    height: 600px;
    width: 600px;
}

.carousel-img img{
	height: 100%;
}

.lightbox-modal .carousel-control-prev, .lightbox-modal .carousel-control-next
	{
	width: auto;
}

.lightbox-modal .carousel-control-prev {
	left: 1.25rem;
}

.lightbox-modal .carousel-control-next {
	right: 1.25rem;
}

@media ( min-width : 1400px) {
	.lightbox-modal .carousel-inner {
		display: flex;
        left: 0;
        right: 0;
    }
	}
}

[data-bs-theme="dark"] .lightbox-modal .carousel-control-next-icon, [data-bs-theme="dark"] .lightbox-modal .carousel-control-prev-icon
	{
	filter: none;
}

.btn-fullscreen-enlarge, .btn-fullscreen-exit {
	position: absolute;
	top: 1.25rem;
	right: 3.5rem;
	z-index: 10;
	border: 0;
	background: transparent;
	opacity: .6;
	font-size: 1.25rem;
}

.bi {
	display: inline-block;
	width: 1em;
	height: 1em;
	vertical-align: -0.035em;
	fill: currentcolor;
}

span.input-group-btn {
	align-self: center;
	margin-left: 5px !important;
}

.ht-btn {
	overflow: hidden;
	color: #000;
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
	padding: 5px 6px 5px 30px;
	border: 2px solid #3268a3;
	border-radius: 50px;
	position: relative;
	z-index: 1;
	cursor: pointer;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	transition: all;
	-webkit-transition-duration: 800ms;
	transition-duration: 800ms;
}

.ht-btn::before {
	-webkit-transition-duration: 800ms;
	transition-duration: 800ms;
	position: absolute;
	width: 0px;
	height: 100%;
	content: "";
	left: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
	background: linear-gradient(45deg, #134c77, #0d67b6);
}

.ht-btn span {
	background: #3268a3;
	font-size: 20px;
	color: #ffffff;
	width: 45px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	border-radius: 100%;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 65px;
	-webkit-transition-duration: 800ms;
	transition-duration: 800ms;
}

.ht-btn:hover {
	color: #ffffff;
}

.ht-btn:hover::before {
	width: 100%;
	height: 100%;
	right: 0;
	border-radius: 0;
}

.ht-btn:hover span {
	background: #ffffff;
}

.ht-btn:hover i {
	color: #021936;
}

.rm-btn-two:hover span {
	color: #0d67b6;
}

.rm-btn-two:hover i {
	color: #fff;
}

.rm-btn-two {
	font-size: 18px;
	font-weight: bold;
	color: black;
	text-decoration: none;
	position: relative;
	display: inline-flex;
	align-items: center;
	padding: 0.5em 1em;
	/*     background-color: #00cccb59; */
	border-radius: 1em;
	overflow: hidden;
	transition: background-color 0.3s ease;
}

.rm-btn-two .color {
	position: absolute;
	width: 2em;
	height: 2em;
	border-radius: 2em;
	background: #0a5ea075;
	top: 50%;
	transform: translateY(-50%);
	left: 0.35em;
	transition: width 0.4s ease, left 0.6s ease;
	z-index: 0;
}

.rm-btn-two span, .rm-btn-two i {
	position: relative;
	z-index: 1;
}

.rm-btn-two i {
	margin-left: 0.5em;
}

.rm-btn-two:hover .color {
	width: calc(100% + -120px);
	left: calc(100% - 42px);
}

.artical-title p{
	margin: 0px !important; 
}

.video-desc{
    color: #848484 !important;
    font-weight: 600;
    font-size: 15px;
    display: -webkit-box;
  -webkit-line-clamp: 2; /* Limit to 2 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
   
.video-sub-desc{
	color: #848484 !important;
	font-weight: 400;
	font-size: 14px;
	display: -webkit-box;
  -webkit-line-clamp: 2; /* Limit to 2 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.modal .video-desc, .modal .video-sub-desc{
	text-overflow: unset !important;
	-webkit-line-clamp: unset !important;
}

#readMoreModal1Video .modal-body{
    max-height: 80vh;
    overflow: auto;
}

.artical-title-img{
	height: 140px;
}

.artical-title-img span{
display: -webkit-box;
  -webkit-line-clamp: 2; 
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.card-actions {
	display: flex;
	justify-content: space-around;
	align-items: center;
/* 	margin-top: 10px; */
	padding: 10px 5px;
	border-top: 1px solid #ddd;
	background: #f9f9f9;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	width: 100%;
}

.card-actions div {
	display: flex;
	align-items: center;
	gap: 8px;
	cursor: pointer;
	font-size: 15px;
	font-weight: 500;
	color: #555;
	transition: all 0.3s ease-in-out;
	padding: 5px 20px;
	border-radius: 8px;
}

.card-actions .btn{
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 16px;
    font-weight: 500;
}

.card-actions .btn:hover{
	color: #0d67b6 !important;
}

.card-actions div i {
	font-size: 18px;
}

.card-actions div:hover {
	color: #fff;
	background: #0d67b6;
}

.card-actions div:hover span{
	color: #fff;
}

/* .card-actions span:hover > span{ */
/* 	color: #fff; */
/* 	background: #0d67b6; */
/* } */


.card-actions .like-btn.active {
	color: #fff;
	background: #0d67b6;
}

.card-actions .dislike-btn.active {
	color: #fff;
	background: red;
}

.card-actions .count {
	font-size: 14px;
	color: #333;
	font-weight: 600;
}

.techno-single-feature {
    border: 1px solid #e5e5e5;
    border-radius: 10px;
}

.trading-inner-categoryimg{
	border: 1px solid #e5e5e5;
	border-radius: 10px;
}


/* General Modal Styling */
.comment-modal .modal-content {
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
    border: none;
}

/* Improved Modal Header */
.comment-modal .modal-header {
    background-color: #0d67b6;
    color: white;
    border-radius: 12px 12px 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px;
}

.comment-modal .modal-title {
    font-weight: bold;
    font-size: 18px;
    color: #fff;
}

/* Close Button */
.comment-modal .btn-close-custom {
    background-color: transparent;
    font-size: 22px;
    color: white;
    border: none;
    cursor: pointer;
    transition: 0.3s;
}

.comment-modal .btn-close-custom:hover {
    color: #ffdd57;
}

/* Modal Body */
.comment-modal .modal-body {
    padding: 15px;
    background: #f9f9f9;
}

/* Comments Section (Only This Part Scrolls) */
.comment-modal #commentsContainer {
    max-height: 300px;
    overflow-y: auto;
    padding: 12px;
    background: white;
    border-radius: 6px;
    border: 1px solid #ddd;
}

/* Single Comment */
.comment-modal .comment {
    display: flex;
    align-items: flex-start;
    padding: 12px;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
}

.comment-modal .comment:last-child {
    border-bottom: none;
}

/* User Icon */
.comment-modal .comment .user-icon {
    font-size: 22px;
    color: #0d67b6;
    background: #e0f0ff;
    padding: 10px;
    border-radius: 50%;
    margin-right: 10px;
}

/* Comment Text */
.comment-modal .comment-text {
    flex-grow: 1;
    background: #f8f9fa;
    padding: 8px 12px;
    border-radius: 6px;
}

/* Input Section */
.comment-modal .comment-input {
    display: flex;
    align-items: center;
    margin-top: 12px;
    padding: 8px;
    background: white;
    border-radius: 6px;
    border: 1px solid #ddd;
}

.comment-modal .comment-input .user-icon {
    font-size: 22px;
    color: #0d67b6;
    background: #e0f0ff;
    padding: 10px;
    border-radius: 50%;
    margin-right: 10px;
}

.comment-modal textarea {
    flex-grow: 1;
    border-radius: 6px;
    border: none;
    padding: 8px;
    outline: none;
}

/* Post Button */
.comment-modal #addComment {
    background-color: #0d67b6;
    color: white;
    font-weight: bold;
    border-radius: 6px;
    transition: 0.3s;
    padding: 8px;
    margin-top: 10px;
    width: 100%;
    border: none;
}

.comment-modal #addComment:hover {
    background-color: #094f8a;
}

/* Style for the "Read More" link */
.read-more-link {
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
}

.read-more-link:hover {
    text-decoration: underline;
    color: #0056b3; /* Darker blue on hover */
}

/* Modal Styling */
.readmore-modal .modal-content {
    border-radius: 10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}

/* Modal Header */
.readmore-modal .modal-header {
    background-color: #f8f9fa; /* Light gray */
    border-bottom: 2px solid #ddd;
    padding: 15px;
}

/* Modal Title */
.readmore-modal .modal-title {
    font-size: 18px;
    font-weight: bold;
    color: #333;
}

/* Modal Body */
.readmore-modal .modal-body {
    padding: 20px;
    font-size: 16px;
    color: #555;
}

/* Hierarchy inside modal */
.readmore-modal .modal-body h6 {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 8px;
    color: #222;
}

/* Modal Footer */
.readmore-modal .modal-footer {
    background-color: #f8f9fa;
    border-top: 2px solid #ddd;
}

/* Close button */
.readmore-modal .btn-close {
    opacity: 0.8;
}

.readmore-modal .btn-close:hover {
    opacity: 1;
}

/* Button styles */
.readmore-modal .btn-secondary {
    background-color: #6c757d;
    border: none;
}

.readmore-modal .btn-secondary:hover {
    background-color: #5a6268;
}

span.videot-title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
span.view-count {
    display: flex !important;
    margin-left: 10px;
    align-items: center;
    background: #ebebeb;
    padding: 5px 10px;
    border-radius: 10px;
}

span.view-count p {
    margin-bottom: 0;
    padding-left: 10px;
    font-weight: bold;
    font-size: 14px;
} 
.outer-view .view-count{	
position: absolute;
    bottom: 0;
    left: 0;
    margin-left: 0;
    border-radius: 0 10px 10px 0px;
    padding-left: 2px;	
    color: #0d6efd;
}
.outer-view {
    position: relative;
}


.view-countbtn {
    width: 100%;
}

.resend-otp{
    font-size: 16px;
    color: red;
    font-weight: 600;
    text-align: center;
    margin-bottom: 0;
    margin-top: 5px;
}

.otp-seconds{
    font-size: 13px;
    color: red;
    font-weight: 600;
    text-align: center;
    margin-bottom: 0;
    margin-top: 5px;
}

.note-editable ol {
    list-style: auto;
     padding-left: 35px;
}

.note-editable ul li, .note-editable ol li {
    list-style-position: inherit !important;
}
 .note-editable ul {
     
      list-style: disc; /* base bullet */
      /* list-style-position: outside; */ /* wrapped lines align under text; change to inside if you want under the dot */
      padding-left: 35px;
}
.note-editable ul ,.note-editable ol{line-height: 24px;padding-left: 35px;margin-bottom: 10px;}


.position-relative i{
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
}




.share-btn {
 z-index: 99;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #0c5c9b;
    border-radius: 5px;
    color: #FFF;
    font-size: 16px;
    cursor: pointer;
    margin-left: 10px;
	    padding: 10px;
}

.social-iconwrite {
  opacity: 0;
  position: relative;
  margin: 1px;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: inline-block;
  color: white;
  font-size: 18px;
  text-align: center;
  transition: 0.3s all ease;
  transition-delay: 0.3s;
  left: -90%;
  z-index: 9999;
  top:-88px;


}

 .social-iconwrite i {
   margin-top: 9px;
  }
 .social-iconwrite  a {
    color: #FFF;
  }
  
.facebook {
  background: #3b5998;
}

.twitter {
  background: rgb(25, 21, 21);
  transition-delay: 0.35s;
}

.visible {
  opacity: 1;
  transform: translateY(50px);
} 

/*changes 3-10-2025*/
.a-box {
    display: flex;
    text-align: center;
    align-items: center;
    /* padding: 0px 0px 100px 0px; */
}
.img-container {
    /* height: 240px; */
    /* width: 200px; */
    /* overflow: hidden; */
    border-radius: 10px 10px 15px 15px;
    margin: 0;
    display: inline-block;
    z-index: 9;
}
.a-box.custom-a-box {
    margin-top: 50px;
}
.inner-skew {
    /* display: inline-block; */
    border-radius: 50%;
    /* overflow: hidden; */
    /* padding: 0px; */
    /* transform: skew(0deg, 10deg); */
    /* transform: skew(0deg, -5deg); */
    /* font-size: 0px; */
    /* margin: -30px 0px 0px 0px; */
    /* margin: 20px 0px 0px 0px; */
    background: #c8c2c2;
    height: auto;
    /* height: 230px; */
    /* width: 200px; */
    width: 230px;
    -webkit-box-shadow: 10px 10px 10px -10px rgba(0, 0, 0, 0.20);
    -moz-box-shadow: 10px 10px 10px -10px rgba(0, 0, 0, 0.20);
    box-shadow: 10px 10px 10px -10px rgba(0, 0, 0, 0.20);
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.img-fluid {
    max-width: 100%;
    height: auto;
    border-radius: 60%;
}
.bg-pattern {
    position: relative;
}
.bg-pattern:before {
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    top: -25px;
    right: -15px;
/*     background: url("../img/bg-pattern.gif"); */
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.text-container {
    width: calc(100% - 230px);
    padding: 30px 33px;
    border-radius: 26px;
    background: #fff;
    margin: 0px 0px 0px -25px;
    line-height: normal;
    font-size: 1rem;
    text-align: left;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.20);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.20);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.20);
}
.text-container .title-block {
  color: #014a91;
    line-height: normal;
    font-size: 20px;
}

.text-container .color-text-a {
    font-size: 1rem;
    text-align: justify;
}
.text-container p:last-child, .text-container p:first-child {
    margin-bottom: 0px;
}

/*changes 3-10-2025*/

@media(max-width: 768px){
	  .a-box {
    display: block;
}
.text-container {
    width: 100%;
    border-radius: 10px;
    margin-top: -8px;
    margin-left: 0px;
}
}