/*==============================
    about-us page-1 css
==============================*/
/* about-area */
.about-area {
	background-color: var(--box-body-bgcolor);
}

/* about content row css */
.about-content .about-banner .about-banner-area {
	margin-top: 100px;
}
.about-content .about-banner .about-banner-area:first-child {
	margin-top: 0px;
}
@media (max-width: 1199px) {
	.about-content .about-banner .about-banner-area {
		margin-top: 80px;
	}
}
@media (max-width: 767px) {
	.about-content .about-banner .about-banner-area {
		margin-top: 60px;
	}
}

/* about-content grid css */
.about-content .about-banner .about-banner-area ul {
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 30px 0px 0px -30px;
}
.about-content .about-banner .about-banner-area:nth-child(even) ul {
	flex-direction: row-reverse;
}
.about-content .about-banner .about-banner-area ul li {
	width: calc(50% - 30px);
	margin: 30px 0px 0px 30px;
}
.about-content .about-banner .about-banner-area ul li.about-company {
	text-align: center;
}
@media (max-width: 767px) {
	.about-content .about-banner .about-banner-area ul {
		margin: -24px 0px 0px -12px;
	}
	.about-content .about-banner .about-banner-area:nth-child(even) ul {
		flex-direction: row-reverse;
	}
	.about-content .about-banner .about-banner-area ul li {
		width: calc(100% - 12px);
		margin: 24px 0px 0px 12px;
	}
}

/* about content css */
.about-content .about-banner .about-banner-area ul li.abt-desc {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.about-content .about-banner .about-banner-area ul li.abt-desc h6 {
	font-size: 24px;
}
.about-content .about-banner .about-banner-area ul li.abt-desc p {
	margin-top: 17px;
}

/* about vision css */
.about-vision {
	background-color: #fbf8f5;
}

/* about vison grid css */
.about-vision .abt-vision {
	text-align: center;
}
.about-vision .abt-vision ul {
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: center;
	margin: -100px 0px 0px -30px;
}
.about-vision .abt-vision ul li {
	width: calc(33.33% - 30px);
	margin: 100px 0px 0px 30px;
}
@media (max-width: 1199px) {
	.about-vision .abt-vision ul {
		margin: -80px 0px 0px -30px;
	}
	.about-vision .abt-vision ul li {
		width: calc(33.33% - 30px);
		margin: 80px 0px 0px 30px;
	}
}
@media (max-width: 991px) {
	.about-vision .abt-vision ul li {
		width: calc(50% - 30px);
	}
}
@media (max-width: 767px) {
	.about-vision .abt-vision ul {
		margin: -60px 0px 0px -12px;
	}
	.about-vision .abt-vision ul li {
		width: calc(100% - 30px);
		margin: 60px 0px 0px 12px;
	}
}

/* about vision content css */
.about-vision .abt-vision ul li:hover .abt-vision-content img {
	-webkit-transform: translateY(-5px);
	-o-transform: translateY(-5px);
	transform: translateY(-5px);
}
.about-vision .abt-vision ul li .abt-vision-content img,
.about-vision .abt-vision ul li:hover .abt-vision-content img {
	-webkit-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.about-vision .abt-vision ul li .abt-vision-content h6 {
	font-size: 18px;
	margin-top: 24px;
}
.about-vision .abt-vision ul li .abt-vision-content p {
	margin-top: 17px;
}

/* about-team css */
.about-team {
	background-color: var(--box-body-bgcolor);
}

/* team content grid css */
.about-team .our-team .team-wrap ul {
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: -100px 0px 0px -30px;
}
.about-team .our-team .team-wrap ul li.team-content {
	width: calc(25% - 30px);
	margin: 100px 0px 0px 30px;
}
@media (max-width: 1199px) {
	.about-team .our-team .team-wrap ul {
		margin: -80px 0px 0px -30px;
	}
	.about-team .our-team .team-wrap ul li.team-content {
		margin: 80px 0px 0px 30px;
	}
}
@media (max-width: 991px) {
	.about-team .our-team .team-wrap ul li.team-content {
		width: calc(50% - 30px);
	}
}
@media (max-width: 767px) {
	.about-team .our-team .team-wrap ul {
		margin: -60px 0px 0px -12px;
	}
	.about-team .our-team .team-wrap ul li.team-content {
		width: calc(50% - 12px);
		margin: 60px 0px 0px 12px;
	}
}
@media (max-width: 479px) {
	.about-team .our-team .team-wrap ul li.team-content {
		width: calc(100% - 12px);
	}
}

/* team content css */
.about-team .our-team .team-wrap ul li.team-content a img {
	border-radius: 10px;
}
.about-team .our-team .team-wrap ul li.team-content .team-info {
	padding-top: 24px;
}
.about-team .our-team .team-wrap ul li.team-content .team-info h6 {
	font-size: 18px;
}
.about-team .our-team .team-wrap ul li.team-content .team-info span {
	display: block;
	font-size: 16px;
	margin-top: 8px;
}

/*==============================
    about-us page-2 css
===============================*/
.about-area-2 {
	background-color: var(--box-body-bgcolor);
}

/* about css */
.about-area-2 .about-content .about-banner-area {
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.about-area-2 .about-content .about-banner-area:nth-child(even) {
	flex-direction: row-reverse;
}
.about-area-2 .about-content .about-banner-area .single-banner {
	width: 50%;
}
.about-area-2 .about-content .about-banner-area .abt-banner-desc {
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.about-area-2
	.about-content
	.about-banner-area:nth-of-type(odd)
	.abt-banner-desc {
	padding-left: 60px;
}
.about-area-2
	.about-content
	.about-banner-area:nth-of-type(even)
	.abt-banner-desc {
	padding-right: 60px;
}
@media (max-width: 1199px) {
	.about-area-2
		.about-content
		.about-banner-area:nth-of-type(odd)
		.abt-banner-desc {
		padding-left: 30px;
	}
	.about-area-2
		.about-content
		.about-banner-area:nth-of-type(even)
		.abt-banner-desc {
		padding-right: 30px;
	}
}
@media (max-width: 767px) {
	.about-area-2 .about-content .about-banner-area {
		margin-top: 60px;
	}
	.about-area-2 .about-content .about-banner-area:first-of-type {
		margin-top: 0px;
	}
	.about-area-2 .about-content .about-banner-area,
	.about-area-2 .about-content .about-banner-area:nth-of-type(even) {
		flex-direction: column;
	}
	.about-area-2 .about-content .about-banner-area .single-banner,
	.about-area-2 .about-content .about-banner-area .abt-banner-desc {
		width: 100%;
	}
	.about-area-2
		.about-content
		.about-banner-area:nth-of-type(odd)
		.abt-banner-desc,
	.about-area-2
		.about-content
		.about-banner-area:nth-of-type(even)
		.abt-banner-desc {
		padding: 24px 0px 0px;
	}
}

/* play button css */
.about-area-2
	.about-content
	.about-banner-area
	.single-banner
	a.banner-img
	span {
	color: var(--font-color-header);
	font-size: 40px;
	position: absolute;
	bottom: 50%;
	left: 50%;
	transform: translate(-50%, 50%);
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--box-body-bgcolor);
	border-radius: 100%;
	line-height: 0;
	z-index: 1;
}
.about-area-2
	.about-content
	.about-banner-area
	.single-banner
	a.banner-img
	span::before,
.about-area-2
	.about-content
	.about-banner-area
	.single-banner
	a.banner-img
	span::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
}
.about-area-2
	.about-content
	.about-banner-area
	.single-banner
	a.banner-img
	span::before {
	-webkit-animation: hovereffect 2s linear infinite;
	-moz-animation: hovereffect 2s linear infinite;
	animation: hovereffect 2s linear infinite;
}
.about-area-2
	.about-content
	.about-banner-area
	.single-banner
	a.banner-img
	span::after {
	-webkit-animation: hovereffect 4s linear infinite;
	-moz-animation: hovereffect 4s linear infinite;
	animation: hovereffect 4s linear infinite;
}
@-webkit-keyframes hovereffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 1px 1px rgba(51, 51, 51, 0.5),
			0 0 0 1px rgba(0, 0, 0, 0.5);
	}
	100% {
		opacity: 0;
		box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 1px 1px rgba(51, 51, 51, 0.5),
			0 0 0 1px rgba(0, 0, 0, 0.5);
		-webkit-transform: scale(1.5);
		-moz-transform: scale(1.5);
		-ms-transform: scale(1.5);
		transform: scale(1.5);
	}
}
@-moz-keyframes hovereffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 1px 1px rgba(51, 51, 51, 0.5),
			0 0 0 1px rgba(0, 0, 0, 0.5);
	}
	100% {
		opacity: 0;
		box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 1px 1px rgba(51, 51, 51, 0.5),
			0 0 0 1px rgba(0, 0, 0, 0.5);
		-webkit-transform: scale(1.5);
		-moz-transform: scale(1.5);
		-ms-transform: scale(1.5);
		transform: scale(1.5);
	}
}
@keyframes hovereffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 1px 1px rgba(51, 51, 51, 0.5),
			0 0 0 1px rgba(0, 0, 0, 0.5);
	}
	100% {
		opacity: 0;
		box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 1px 1px rgba(51, 51, 51, 0.5),
			0 0 0 1px rgba(0, 0, 0, 0.5);
		-webkit-transform: scale(1.5);
		-moz-transform: scale(1.5);
		-ms-transform: scale(1.5);
		transform: scale(1.5);
	}
}

/* about content css */
.about-area-2 .about-content .about-banner-area .abt-banner-desc h6 {
	font-size: 24px;
}
.about-area-2 .about-content .about-banner-area .abt-banner-desc p {
	margin-top: 17px;
}

/* magificant css */
.mfp-container.mfp-iframe-holder {
	width: auto;
	left: 15px;
	right: 15px;
}
.mfp-iframe-holder .mfp-content {
	max-width: 700px;
}
.mfp-iframe-holder .mfp-close {
	display: block !important;
	font-size: 20px;
	padding: 0px;
	width: auto;
	height: auto;
	position: absolute;
	top: -20px;
	right: 0px;
	background-color: transparent !important;
	line-height: 1;
}
.mfp-iframe-scaler iframe {
	border: none;
}
@media (max-width: 767px) {
	.mfp-iframe-holder .mfp-content {
		max-width: 100%;
	}
}

/* project-count area css */
.project-count-area {
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: var(--box-body-bgcolor);
}
@media (max-width: 1199px) {
	.project-count-area {
		padding-top: 0px;
		padding-bottom: 0px;
	}
}
@media (max-width: 767px) {
	.project-count-area {
		padding-top: 0px;
		padding-bottom: 0px;
	}
}

/* counter grid css */
.project-count-area .single-count ul {
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	border: 1px solid var(--theme-border-color);
}
.project-count-area .single-count ul li.count-wrap {
	width: 25%;
	padding: 30px;
	border-right: 1px solid var(--theme-border-color);
}
.project-count-area .single-count ul li.count-wrap:last-child {
	border-right: none;
}
@media (max-width: 991px) {
	.project-count-area .single-count ul li.count-wrap {
		width: 50%;
		border-top: 1px solid var(--theme-border-color);
	}
	.project-count-area .single-count ul li.count-wrap:nth-child(1),
	.project-count-area .single-count ul li.count-wrap:nth-child(2) {
		border-top: none;
	}
	.project-count-area .single-count ul li.count-wrap:nth-child(even) {
		border-right: none;
	}
}
@media (max-width: 767px) {
	.project-count-area .single-count ul li.count-wrap {
		padding: 30px 15px;
	}
}
@media (max-width: 479px) {
	.project-count-area .single-count ul li.count-wrap {
		width: 100%;
	}
	.project-count-area .single-count ul li.count-wrap:nth-child(2) {
		border-top: 1px solid var(--theme-border-color);
	}
	.project-count-area .single-count ul li.count-wrap:nth-child(odd) {
		border-right: none;
	}
}

/* counter content css */
.project-count-area .single-count ul li.count-wrap .count-info {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}
.project-count-area .single-count ul li.count-wrap .count-info h2 {
	color: var(--font-color-primary);
	font-size: 30px;
	display: inline-flex;
}
.project-count-area .single-count ul li.count-wrap .count-info a {
	color: var(--font-color-body);
	width: 90px;
	height: 90px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 21px;
	border: 1px solid transparent;
	border-radius: 100%;
	box-shadow: var(--box-shadow-color);
	overflow: hidden;
	line-height: 0;
	-webkit-transition: all 0s ease-in-out 0s;
	-o-transition: all 0s ease-in-out 0s;
	transition: all 0s ease-in-out 0s;
}
.project-count-area
	.single-count
	ul
	li.count-wrap
	.count-info
	a
	span.count-icon {
	font-size: 30px;
	line-height: 0;
}
.project-count-area
	.single-count
	ul
	li.count-wrap
	.count-info
	a
	span.count-icon
	i {
	display: block;
	line-height: 0;
}
.project-count-area
	.single-count
	ul
	li.count-wrap
	.count-info
	span.count-title {
	font-size: 18px;
	margin-top: 24px;
	font-weight: 600;
}

/* about-team 2 css */
.about-team-2 {
	background-color: var(--box-body-bgcolor);
}

/* team content grid css */
.our-team-2 ul.team-wrap {
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: -100px 0px 0px -30px;
}
.our-team-2 ul.team-wrap li {
	width: calc(50% - 30px);
	margin: 100px 0px 0px 30px;
}
@media (max-width: 1199px) {
	.our-team-2 ul.team-wrap {
		margin: -80px 0px 0px -30px;
	}
	.our-team-2 ul.team-wrap li {
		margin: 80px 0px 0px 30px;
	}
}
@media (max-width: 991px) {
	.our-team-2 ul.team-wrap {
		margin: -80px 0px 0px -30px;
	}
	.our-team-2 ul.team-wrap li {
		width: calc(50% - 30px);
		margin: 80px 0px 0px 30px;
	}
}
@media (max-width: 767px) {
	.our-team-2 ul.team-wrap {
		margin: -60px 0px 0px -12px;
	}
	.our-team-2 ul.team-wrap li {
		width: calc(50% - 12px);
		margin: 60px 0px 0px 12px;
	}
}
@media (max-width: 479px) {
	.our-team-2 ul.team-wrap li {
		width: calc(100% - 12px);
	}
}

/* team content css */
.our-team-2 ul.team-wrap li .team-content {
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
}
.our-team-2 ul.team-wrap li .team-content a {
	width: 50%;
}
.our-team-2 ul.team-wrap li .team-content .team-info {
	width: 50%;
	padding-left: 30px;
}
.our-team-2 ul.team-wrap li .team-content .team-info h6 {
	font-size: 18px;
}
.our-team-2 ul.team-wrap li .team-content .team-info span {
	display: block;
	font-size: 16px;
	margin-top: 8px;
}
.our-team-2 ul.team-wrap li .team-content .team-info p {
	margin-top: 25px;
	padding-top: 22px;
	border-top: 1px solid var(--theme-border-color);
}
@media (max-width: 991px) {
	.our-team-2 ul.team-wrap li .team-content a {
		width: 100%;
	}
	.our-team-2 ul.team-wrap li .team-content .team-info {
		width: 100%;
		padding: 24px 0px 0px;
	}
}

/*==============================
    contact-us page-1 css
===============================*/
/* contact us */
.form-contact-3 {
	padding-top: 100px;
	padding-bottom: 100px;
	background-color: var(--box-body-bgcolor);
}
@media (max-width: 1199px) {
	.form-contact-3 {
		padding-top: 80px;
		padding-bottom: 80px;
	}
}
@media (max-width: 767px) {
	.form-contact-3 {
		padding-top: 60px;
		padding-bottom: 60px;
	}
}

/* get touch css */
.form-contact-3 ul.contact-info-list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: center;
	margin: -30px 0px 0px -30px;
}
.form-contact-3 ul.contact-info-list li.ftcon-li {
	width: calc(25% - 30px);
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 30px 30px 26px;
	margin: 30px 0px 0px 30px;
	text-align: center;
	box-shadow: var(--box-shadow-color);
}
@media (max-width: 991px) {
	.form-contact-3 ul.contact-info-list li.ftcon-li {
		width: calc(50% - 30px);
	}
}
@media (max-width: 767px) {
	.form-contact-3 ul.contact-info-list {
		margin: -30px 0px 0px -12px;
	}
	.form-contact-3 ul.contact-info-list li.ftcon-li {
		width: calc(100% - 12px);
		padding: 30px 15px 26px;
		margin: 30px 0px 0px 12px;
	}
}
.form-contact-3 ul.contact-info-list li.ftcon-li span {
	display: block;
}
.form-contact-3 ul.contact-info-list li.ftcon-li span.label,
.form-contact ul.contact-info-list li.ftcon-li span.label {
	color: var(--font-color-header);
	font-size: 16px;
	font-weight: 600;
}
.form-contact-3 ul.contact-info-list li.ftcon-li span.con-icon {
	color: var(--box-body-bgcolor);
	font-size: 30px;
	width: 90px;
	height: 90px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 15px;
	position: relative;
	background-color: var(--font-color-header);
	border: 2px solid var(--font-color-header);
	border-radius: 100%;
	cursor: pointer;
	line-height: 0;
}
.form-contact-3 ul.contact-info-list li.ftcon-li:hover span.con-icon {
	color: var(--font-color-header);
	background-color: var(--box-body-bgcolor);
}
.form-contact-3 ul.contact-info-list li.ftcon-li span.con-icon,
.form-contact-3 ul.contact-info-list li.ftcon-li:hover span.con-icon {
	-webkit-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.form-contact-3 ul.contact-info-list li.ftcon-li span.con-icon::after {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	border-radius: 100%;
	box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}
.form-contact-3 ul.contact-info-list li.ftcon-li:hover span.con-icon::after {
	-webkit-animation: hovereffect 1s ease-out 75ms;
	-moz-animation: hovereffect 1s ease-out 75ms;
	animation: hovereffect 1s ease-out 75ms;
}
@-webkit-keyframes hovereffect {
	0% {
		opacity: 0.3;
		border-radius: 100%;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1),
			0 0 5px 5px var(--font-color-header), 0 0 0 5px rgba(0, 0, 0, 0.5);
		border-radius: 100%;
	}
	100% {
		box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1),
			0 0 5px 5px var(--font-color-header), 0 0 0 5px rgba(0, 0, 0, 0.5);
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-ms-transform: scale(1.2);
		transform: scale(1.2);
		opacity: 0;
		border-radius: 100%;
	}
}
@-webkit-keyframes hovereffect {
	0% {
		opacity: 0.3;
		border-radius: 100%;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 5px 5px #333333,
			0 0 0 5px rgba(0, 0, 0, 0.5);
		border-radius: 100%;
	}
	100% {
		box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 5px 5px #333333,
			0 0 0 5px rgba(0, 0, 0, 0.5);
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-ms-transform: scale(1.2);
		transform: scale(1.2);
		opacity: 0;
		border-radius: 100%;
	}
}
@-moz-keyframes hovereffect {
	0% {
		opacity: 0.3;
		border-radius: 100%;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 5px 5px #333333,
			0 0 0 5px rgba(0, 0, 0, 0.5);
		border-radius: 100%;
	}
	100% {
		box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 5px 5px #333333,
			0 0 0 5px rgba(0, 0, 0, 0.5);
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-ms-transform: scale(1.2);
		transform: scale(1.2);
		opacity: 0;
		border-radius: 100%;
	}
}
@keyframes hovereffect {
	0% {
		opacity: 0.3;
		border-radius: 100%;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 5px 5px #333333,
			0 0 0 5px rgba(0, 0, 0, 0.5);
		border-radius: 100%;
	}
	100% {
		box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 5px 5px #333333,
			0 0 0 5px rgba(0, 0, 0, 0.5);
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-ms-transform: scale(1.2);
		transform: scale(1.2);
		opacity: 0;
		border-radius: 100%;
	}
}
.form-contact-3 ul.contact-info-list li.ftcon-li .contact-block {
	margin-top: 25px;
}
.form-contact-3 ul.contact-info-list li.ftcon-li span.con-add,
.form-contact-3 ul.contact-info-list li.ftcon-li a.con-add {
	color: var(--font-color-body);
	display: block;
}
.form-contact-3 ul.contact-info-list li.ftcon-li span.con-add:hover,
.form-contact-3 ul.contact-info-list li.ftcon-li a.con-add:hover {
	color: var(--font-color-primary);
}
.form-contact-3 ul.contact-info-list li.ftcon-li a.con-add {
	margin-top: 6px;
}
.form-contact-3 ul.contact-info-list li.ftcon-li a.con-add:first-child {
	margin-top: 0px;
}

/* google-map css */
.google-map {
	padding-top: 0px;
	padding-bottom: 100px;
	background-color: var(--box-body-bgcolor);
}
@media (max-width: 1199px) {
	.google-map {
		padding-top: 0px;
		padding-bottom: 80px;
	}
}
@media (max-width: 767px) {
	.google-map {
		padding-top: 0px;
		padding-bottom: 60px;
	}
}

/* google map css */
.google-map .contact-map .map {
	line-height: 0;
}
.google-map .contact-map .map iframe {
	height: 500px;
	width: 100%;
}
@media (max-width: 767px) {
	.google-map .contact-map .map iframe {
		height: 320px;
	}
}

/* form-contact-2 css */
.form-contact-2 {
	padding-top: 100px;
	padding-bottom: 100px;
	background-color: var(--box-body-bgcolor);
	border-top: 1px solid var(--theme-border-color);
}
@media (max-width: 1199px) {
	.form-contact-2 {
		padding-top: 80px;
		padding-bottom: 80px;
	}
}
@media (max-width: 767px) {
	.form-contact-2 {
		padding-top: 60px;
		padding-bottom: 60px;
	}
}
/* contact form css */
.form-contact-2 .form-warp {
	max-width: 58.33%;
	margin: 0px auto;
}
@media (max-width: 1199px) {
	.form-contact-2 .form-warp {
		max-width: 75%;
	}
}
@media (max-width: 991px) {
	.form-contact-2 .form-warp {
		max-width: 100%;
	}
}

/* form-fill csss */
ul.form-fill {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: -25px 0px 0px -30px;
}
ul.form-fill li.name,
ul.form-fill li.email {
	width: calc(50% - 30px);
}
ul.form-fill li {
	width: calc(100% - 30px);
	margin: 25px 0px 0px 30px;
}
ul.form-fill li label {
	display: block;
	color: var(--font-color-header);
	font-weight: 600;
	cursor: auto;
	margin-bottom: 11px;
}
ul.form-fill li input,
ul.form-fill li textarea {
	display: block;
	width: 100%;
}
ul.form-fill li input {
	height: 45px;
}
textarea {
	display: block;
	resize: none;
}
@media (max-width: 767px) {
	ul.form-fill li.name,
	ul.form-fill li.email {
		width: calc(100% - 12px);
	}
}
.contact-submit {
	margin-top: 30px;
}

/*==============================
    contact-us page-2 css
==============================*/
.contact-us-page {
	padding-top: 100px;
	padding-bottom: 100px;
	background-color: var(--box-body-bgcolor);
	border-bottom: 1px solid var(--theme-border-color);
}
@media (max-width: 1199px) {
	.contact-us-page {
		padding-top: 80px;
		padding-bottom: 80px;
	}
}
@media (max-width: 767px) {
	.contact-us-page {
		padding-top: 60px;
		padding-bottom: 60px;
	}
}

/* contact us map css */
.contact-us-page .contact-map .map iframe {
	line-height: 0;
}
.contact-us-page .contact-map .map iframe {
	width: 100%;
	height: 500px;
}
@media (max-width: 767px) {
	.contact-us-page .contact-map .map iframe {
		height: 320px;
	}
}

/* form-contact css */
.form-contact {
	padding-top: 100px;
	padding-bottom: 100px;
	background-color: var(--box-body-bgcolor);
}
@media (max-width: 1199px) {
	.form-contact {
		padding-top: 80px;
		padding-bottom: 80px;
	}
}
@media (max-width: 767px) {
	.form-contact {
		padding-top: 60px;
		padding-bottom: 60px;
	}
}

/* form content css */
.form-contact .contact-content {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: -100px 0px 0px -30px;
}
.form-contact .contact-content .contact-detail {
	margin: 100px 0px 0px 30px;
}
.form-contact .contact-content .contact-detail.form-warp {
	width: calc(58.33% - 30px);
}
.form-contact .contact-content .contact-detail.get-info {
	width: calc(41.67% - 30px);
}
@media (max-width: 1199px) {
	.form-contact .contact-content {
		margin: -80px 0px 0px -30px;
	}
	.form-contact .contact-content .contact-detail {
		margin: 80px 0px 0px 30px;
	}
	.form-contact .contact-content .contact-detail.form-warp {
		width: calc(66.66% - 30px);
	}
	.form-contact .contact-content .contact-detail.get-info {
		width: calc(33.33% - 30px);
	}
}
@media (max-width: 991px) {
	.form-contact .contact-content .contact-detail.form-warp,
	.form-contact .contact-content .contact-detail.get-info {
		width: calc(100% - 30px);
	}
}
@media (max-width: 767px) {
	.form-contact .contact-content {
		margin: -60px 0px 0px -12px;
	}
	.form-contact .contact-content .contact-detail {
		margin: 60px 0px 0px 12px;
	}
	.form-contact .contact-content .contact-detail.form-warp,
	.form-contact .contact-content .contact-detail.get-info {
		width: calc(100% - 12px);
	}
}

/* content title css */
.form-contact .contact-content .form-warp .form-title,
.form-contact .contact-content .get-info .form-title {
	margin-bottom: 50px;
}
.form-contact .contact-content .form-title h6 {
	font-size: 24px;
}
@media (max-width: 1199px) {
	.form-contact .contact-content .form-warp .form-title {
		margin-bottom: 40px;
	}
	.form-contact .contact-content .get-info .form-title {
		margin-bottom: 40px;
	}
}
@media (max-width: 767px) {
	.form-contact .contact-content .form-warp .form-title {
		margin-bottom: 30px;
	}
	.form-contact .contact-content .get-info .form-title {
		margin-bottom: 30px;
	}
}

/* get touch css */
.form-contact ul.contact-info-list li.ftcon-li {
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 18px;
}
.form-contact ul.contact-info-list li.ftcon-li:first-child {
	margin-top: 0;
}
.form-contact ul.contact-info-list li.ftcon-li span {
	display: block;
}
.form-contact ul.contact-info-list li.ftcon-li span.con-icon {
	font-size: 20px;
	color: var(--box-body-bgcolor);
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 15px;
	background-color: var(--font-color-header);
	position: relative;
	border: 2px solid var(--font-color-header);
	border-radius: 100%;
	cursor: pointer;
	line-height: 0;
}
.form-contact ul.contact-info-list li.ftcon-li:hover span.con-icon {
	color: var(--font-color-header);
	background-color: var(--box-body-bgcolor);
}
.form-contact ul.contact-info-list li.ftcon-li span.con-icon,
.form-contact ul.contact-info-list li.ftcon-li:hover span.con-icon {
	-webkit-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.form-contact ul.contact-info-list li.ftcon-li span.con-icon::after {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	box-shadow: var(--box-shadow-color);
	border-radius: 100%;
}
.form-contact ul.contact-info-list li.ftcon-li:hover span.con-icon::after {
	-webkit-animation: hovereffect 1s ease-out 75ms;
	-moz-animation: hovereffect 1s ease-out 75ms;
	animation: hovereffect 1s ease-out;
}
@-webkit-keyframes hovereffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: var(--box-shadow-color), 0 0 5px 5px var(--font-color-header),
			0 0 0 5px rgba(0, 0, 0, 0.5);
	}
	100% {
		box-shadow: var(--box-shadow-color), 0 0 5px 5px var(--font-color-header),
			0 0 0 5px rgba(0, 0, 0, 0.5);
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-ms-transform: scale(1.2);
		transform: scale(1.2);
		opacity: 0;
	}
}
@-moz-keyframes hovereffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: var(--box-shadow-color), 0 0 5px 5px var(--font-color-header),
			0 0 0 5px rgba(0, 0, 0, 0.5);
	}
	100% {
		box-shadow: var(--box-shadow-color), 0 0 5px 5px var(--font-color-header),
			0 0 0 5px rgba(0, 0, 0, 0.5);
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-ms-transform: scale(1.2);
		transform: scale(1.2);
		opacity: 0;
	}
}
@keyframes hovereffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: var(--box-shadow-color), 0 0 5px 5px var(--font-color-header),
			0 0 0 5px rgba(0, 0, 0, 0.5);
	}
	100% {
		box-shadow: var(--box-shadow-color), 0 0 5px 5px var(--font-color-header),
			0 0 0 5px rgba(0, 0, 0, 0.5);
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-ms-transform: scale(1.2);
		transform: scale(1.2);
		opacity: 0;
	}
}

.form-contact ul.contact-info-list li.ftcon-li span.con-add,
.form-contact ul.contact-info-list li.ftcon-li a.con-add {
	color: var(--font-color-body);
	display: block;
	margin-top: 10px;
}
.form-contact ul.contact-info-list li.ftcon-li span.con-add:hover,
.form-contact ul.contact-info-list li.ftcon-li a.con-add:hover {
	color: var(--font-color-primary);
}
.form-contact ul.contact-info-list li.ftcon-li span.con-add span {
	margin-top: 6px;
}
.form-contact ul.contact-info-list li.ftcon-li span.con-add span:first-child {
	margin-top: 0px;
}

/*==============================
    Faq's css
==============================*/
.faq-page {
	background-color: var(--box-body-bgcolor);
}

/* faq-section title css */
.faq-section1 .main-title {
	text-align: center;
}
.faq-section1 .main-title span.sub-title {
	font-size: 18px;
	text-transform: uppercase;
	color: var(--font-color-primary);
	font-weight: 500;
}
.faq-section1 .main-title h2 {
	font-size: 40px;
	font-weight: 500;
	line-height: 1;
	margin-top: 25px;
}
.faq-section1 .que-ans {
	padding: 60px;
	background-color: var(--extra-color-body);
	border-radius: var(--sti-border-radius);
}
.faq-section1 .que-ans h3.list-main-title {
	font-size: 24px;
	line-height: 1;
	margin-bottom: 30px;
	font-weight: var(--font-custom-weight-section-header);
}

/* faq grid css */
.faq-section1 ul.faq-wrap {
	display: flex;
	flex-wrap: wrap;
	margin-top: -30px;
	margin-left: -30px;
}
.faq-section1 ul.faq-wrap li.faq-wrapper {
	width: calc(50% - 30px);
	margin-top: 30px;
	margin-left: 30px;
}
.faq-section1 .que-ans ul li {
	border-radius: 0px;
	margin-top: 15px;
	padding: 20px 30px;
	border: 1px solid rgba(0, 0, 0, 5%);
	background-color: #ffffff;
	border-radius: var(--sti-border-radius);
}
.faq-section1 .que-ans ul li:first-child {
	margin-top: 0;
}
.faq-section1 .que-ans ul li a.question {
	font-size: 18px;
	font-weight: var(--font-custom-weight-header);
	color: var(--font-color-body);
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
}
.faq-section1 .que-ans ul li a.question:hover,
.faq-section1 .que-ans ul li a.question[aria-expanded="true"] {
	color: var(--font-color-primary);
}
.faq-section1 .que-ans ul li a.question span.que {
	display: block;
}
.faq-section1 .que-ans ul li a.question span.que-accordian {
	color: var(--font-color-body);
	font-size: 14px;
	position: absolute;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.faq-section1
	.que-ans
	ul
	li
	a.question[aria-expanded="true"]
	span.que-accordian
	i:before {
	content: "\e996";
}
.faq-section1 .que-ans ul li .ans-accordian p {
	padding-top: 15px;
}
@media (max-width: 1199px) {
	.faq-section1 .que-ans {
		padding: 30px;
	}
	.faq-section1 .que-ans ul li {
		padding: 15px 25px;
	}
}
@media (max-width: 991px) {
	.faq-section1 ul.faq-wrap li.faq-wrapper {
		width: calc(100% - 30px);
	}
}
@media (max-width: 767px) {
	.faq-section1 .que-ans {
		padding: 30px 12px;
	}
	.faq-section1 .que-ans ul li {
		padding: 15px;
	}
	.faq-section1 .que-ans h3.list-main-title {
		font-size: 18px;
	}
	.faq-section1 .que-ans ul li a.question {
		font-size: var(--font-size-body);
	}
}

/* faq-section2 css */
.faq-section2 .que-ans ul li {
	margin-top: 15px;
	padding: 20px 30px;
	border: 1px solid rgba(0, 0, 0, 5%);
	background-color: var(--extra-color-body);
	border-radius: var(--sti-border-radius);
}
.faq-section2 .que-ans ul li:first-child {
	margin-top: 0;
}
.faq-section2 .que-ans ul li a.question {
	font-size: 18px;
	font-weight: var(--font-custom-weight-header);
	color: var(--font-color-body);
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
}
.faq-section2 .que-ans ul li a.question:hover,
.faq-section2 .que-ans ul li a.question[aria-expanded="true"] {
	color: var(--font-color-primary);
}
.faq-section2 .que-ans ul li a.question span.que {
	display: block;
}
.faq-section2 .que-ans ul li a.question span.que-accordian {
	color: var(--font-color-body);
	font-size: 14px;
	position: absolute;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.faq-section2
	.que-ans
	ul
	li
	a.question[aria-expanded="true"]
	span.que-accordian
	i:before {
	content: "\e996";
}
.faq-section2 .que-ans ul li .ans-accordian p {
	padding-top: 15px;
	letter-spacing: 0;
}
@media (max-width: 767px) {
	.faq-section2 .que-ans ul li {
		padding: 20px 12px;
	}
	.faq-section2 .que-ans ul li a.question {
		font-size: var(--font-size-body);
	}
}

/*==============================
    Privacy policy css
==============================*/
.privacy-policy1 .policy-rulse-block {
	display: flex;
	flex-wrap: wrap;
	margin-left: -30px;
	margin-top: -27px;
}
.privacy-policy1 .policy-rulse-block .block-area {
	width: calc(50% - 30px);
	margin-left: 30px;
	margin-top: 27px;
}
.privacy-policy1 .policy-rulse-block .block-area h4.rulse-title {
	font-size: 18px;
	font-weight: var(--font-custom-weight-header);
}
.privacy-policy1 .policy-rulse-block .block-area ul.policy-rulse-block-ul {
	margin-top: 27px;
}
.privacy-policy1
	.policy-rulse-block
	.block-area
	ul.policy-rulse-block-ul
	li.policy-rulse-block-li {
	display: flex;
	align-items: center;
	margin-top: 13px;
}
.privacy-policy1
	.policy-rulse-block
	.block-area
	ul.policy-rulse-block-ul
	li.policy-rulse-block-li:first-child {
	margin-top: 0px;
}
.privacy-policy1
	.policy-rulse-block
	.block-area
	ul.policy-rulse-block-ul
	li.policy-rulse-block-li
	i {
	color: var(--font-color-primary);
	font-size: 18px;
	margin-right: 10px;
	font-weight: 700;
	line-height: 1;
}
.privacy-policy1
	.policy-rulse-block
	.block-area
	ul.policy-rulse-block-ul
	li.policy-rulse-block-li
	p {
	color: var(--font-color-paragraph);
	font-size: 18px;
}
@media (max-width: 991px) {
	.privacy-policy1 .policy-rulse-block .block-area h4.rulse-title {
		font-size: 16px;
	}
	.privacy-policy1
		.policy-rulse-block
		.block-area
		ul.policy-rulse-block-ul
		li.policy-rulse-block-li
		p {
		font-size: 14px;
	}
}
@media (max-width: 600px) {
	.privacy-policy1 .policy-rulse-block {
		margin-left: 0px;
	}
	.privacy-policy1 .policy-rulse-block .block-area {
		width: calc(100% - 0px);
		margin-left: 0px;
	}
}

/* privacy-policy2 css */
.privacy-policy2 {
	padding-top: 100px;
	padding-bottom: 100px;
	background-color: #fbf8f5;
}
@media (max-width: 1199px) {
	.privacy-policy2 {
		padding-top: 80px;
		padding-bottom: 80px;
	}
}
@media (max-width: 767px) {
	.privacy-policy2 {
		padding-top: 60px;
		padding-bottom: 60px;
	}
}

/*secrvice content*/
.privacy-policy2 ul.service-wrap {
	display: flex;
	flex-wrap: wrap;
	margin: -30px 0px 0px -30px;
}
.privacy-policy2 ul.service-wrap li.service-wrapper {
	width: calc(50% - 30px);
	margin: 30px 0px 0px 30px;
}
.privacy-policy2 .service-block {
	display: flex;
	flex-wrap: wrap;
	background-color: #fff;
	border-radius: var(--sti-border-radius);
	overflow: hidden;
}
.privacy-policy2 .service-block .service-img {
	width: 50%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}
.privacy-policy2 .service-block .service-img::before {
	content: "";
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	opacity: 0;
	visibility: hidden;
	background-color: #333333;
	-webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.privacy-policy2 .service-block:hover .service-img::before {
	opacity: 0.3;
	visibility: visible;
}
.privacy-policy2 .service-block .service-text {
	padding: 60px 40px;
	width: 50%;
}
.privacy-policy2 .service-block .service-text h6 {
	font-size: 18px;
	font-weight: var(--font-custom-weight-header);
}
.privacy-policy2 .service-block .service-text p {
	margin-top: 20px;
}
.privacy-policy2 .service-block .service-text a {
	margin-top: 20px;
	color: var(--font-color-primary);
	text-transform: uppercase;
	font-weight: var(--font-custom-weight-header);
	border-bottom: 1px solid;
}
.privacy-policy2 .service-block .service-text a:hover {
	color: var(--font-color-secondary);
	border-color: var(--font-color-secondary);
}
@media (max-width: 1599px) {
	.privacy-policy2 .service-block .service-text {
		padding: 30px;
	}
}
@media (max-width: 1199px) {
	.privacy-policy2 .service-block .service-text h6 {
		font-size: 16px;
	}
	.privacy-policy2 .service-block .service-text p {
		margin-top: 15px;
	}
	.privacy-policy2 .service-block .service-text a {
		margin-top: 15px;
	}
}
@media (max-width: 991px) {
	.privacy-policy2 ul.service-wrap li.service-wrapper {
		width: calc(100% - 30px);
	}
	.privacy-policy2 .service-block .service-img {
		width: 100%;
		height: 300px;
	}
	.privacy-policy2 .service-block .service-text {
		width: 100%;
		padding: 15px;
	}
}

/* privacy policy3 css */
.privacy-policy3 {
	padding-top: 100px;
	padding-bottom: 100px;
}
@media (max-width: 1199px) {
	.privacy-policy3 {
		padding-top: 80px;
		padding-bottom: 80px;
	}
}
@media (max-width: 767px) {
	.privacy-policy3 {
		padding-top: 60px;
		padding-bottom: 60px;
	}
}
.privacy-policy3 ul.grid-wrap {
	display: flex;
	flex-wrap: wrap;
	margin: -30px 0 0 -30px;
}
.privacy-policy3 ul.grid-wrap li.grid-wrapper {
	width: calc(50% - 30px);
	margin: 30px 0 0 30px;
}
.privacy-policy3 .main-title {
	max-width: 70%;
}
.privacy-policy3 .main-title h2 {
	font-size: 34px;
	font-weight: var(--font-custom-weight-section-header);
}
.privacy-policy3 .main-title p {
	margin-top: 30px;
}
.privacy-policy3 .text-content {
	max-width: 70%;
}
.privacy-policy3 .text-content p {
	margin-top: 15px;
}
.privacy-policy3 .text-content p:first-of-type {
	margin-top: 0;
}
.privacy-policy3 .text-content a {
	margin-top: 30px;
}
@media (max-width: 1599px) {
	.privacy-policy3 .main-title {
		max-width: 100%;
	}
	.privacy-policy3 .text-content {
		max-width: 100%;
	}
}
@media (max-width: 1199px) {
	.privacy-policy3 .main-title h2 {
		font-size: 30px;
	}
	.privacy-policy3 .main-title p,
	.privacy-policy3 .text-content p {
		font-size: 14px;
		line-height: 25px;
		margin-top: 15px;
	}
	.privacy-policy3 .text-content a {
		margin-top: 20px;
	}
}
@media (max-width: 767px) {
	.privacy-policy3 ul.grid-wrap li.grid-wrapper {
		width: calc(100% - 30px);
	}
	.privacy-policy3 .main-title h2 {
		font-size: 24px;
	}
}

/*===================================
    payment policy page css
=====================================*/
.payment-policy .payment-policy-desc .desc-count {
	display: flex;
	margin-top: 12px;
}
.payment-policy .payment-policy-desc .desc-count:first-child {
	margin-top: 0px;
}
.payment-policy .payment-policy-desc .desc-count p.count {
	color: var(--font-color-primary);
	font-weight: var(--font-custom-weight-section-header);
}
.payment-policy .payment-policy-desc .desc-count p.desc {
	padding-left: 10px;
}
.payment-policy .payment-policy-desc .desc-count p:first-child {
	margin-top: 0px;
}

/* payment-wrap css */
.payment-policy2 .que-ans ul.payment-wrap {
	display: flex;
	flex-wrap: wrap;
	margin-top: -30px;
	margin-left: -30px;
}
.payment-policy2 .que-ans ul.payment-wrap li.payment-wrapper {
	width: calc(33.33% - 30px);
	margin-top: 30px;
	margin-left: 30px;
}
.payment-policy2 .que-ans .payment-block {
	padding: 40px 30px;
	text-align: center;
	border: 1px solid var(--theme-border-color);
	border-radius: var(--sti-border-radius);
	-webkit-transition: border-color 0.3s ease-in-out;
	-o-transition: border-color 0.3s ease-in-out;
	transition: border-color 0.3s ease-in-out;
}
.payment-policy2 .que-ans .payment-block:hover {
	border-color: var(--font-color-primary);
}
.payment-policy2 .que-ans .payment-block .icon {
	background-color: var(--extra-color-body);
	width: 85px;
	height: 85px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}
.payment-policy2 .que-ans .payment-block .icon img {
	width: 50px;
	height: 50px;
}
.payment-policy2 .que-ans .payment-block .text-content {
	margin-top: 27px;
}
.payment-policy2 .que-ans .payment-block h6 {
	font-size: 18px;
	line-height: 1;
	font-weight: var(--font-custom-weight-section-header);
}
.payment-policy2 .que-ans .payment-block p {
	padding-top: 10px;
}
@media (max-width: 1599px) {
	.payment-policy2 .que-ans .payment-block {
		padding: 30px;
	}
}
@media (max-width: 1199px) {
	.payment-policy2 .que-ans ul.payment-wrap li.payment-wrapper {
		width: calc(50% - 30px);
	}
}
@media (max-width: 767px) {
	.payment-policy2 .que-ans ul.payment-wrap {
		margin-left: -12px;
	}
	.payment-policy2 .que-ans ul.payment-wrap li.payment-wrapper {
		width: calc(50% - 12px);
		margin-left: 12px;
	}
	.payment-policy2 .que-ans .payment-block {
		padding: 30px 12px;
	}
}
@media (max-width: 479px) {
	.payment-policy2 .que-ans ul.payment-wrap li.payment-wrapper {
		width: calc(100% - 12px);
	}
}
@media (max-width: 320px) {
	.payment-policy2 .que-ans .payment-block {
		padding: 15px;
		display: block;
		text-align: center;
	}
	.payment-policy2 .que-ans .payment-block .icon {
		margin: 0 auto;
	}
	.payment-policy2 .que-ans .payment-block .text-content {
		width: 100%;
		margin: 15px 0px 0px 0px;
	}
}

/*===================================
    return-policy css
=====================================*/
.return-policy1 {
	background-color: rgba(0, 0, 0, 0);
}
.return-policy1 .policy-wrap.nth-child3,
.return-policy1 .policy-wrap.nth-child4 {
	padding-top: 100px;
}
@media (max-width: 1199px) {
	.return-policy1 .policy-wrap.nth-child3,
	.return-policy1 .policy-wrap.nth-child4 {
		padding-top: 70px;
	}
	.return-policy1 {
		padding-top: 70px;
		padding-bottom: 70px;
	}
}
@media (max-width: 991px) {
	.return-policy1 .policy-wrap.nth-child2 {
		padding-top: 70px;
	}
}
@media (max-width: 767px) {
	.return-policy1 .policy-wrap.nth-child2,
	.return-policy1 .policy-wrap.nth-child3,
	.return-policy1 .policy-wrap.nth-child4 {
		padding-top: 50px;
	}
	.return-policy1 {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}
.return-policy1 .section-capture {
	align-items: flex-start;
}
.return-policy1 .main-title {
	text-align: left;
}
.return-policy1 .main-title h2 {
	font-size: 24px;
	font-weight: 500;
	line-height: 1;
}
.return-policy1 .main-title h2 span {
	font-weight: 600;
	border-bottom: 1px solid rgba(0, 0, 0, 10%);
}
.return-policy1 .que-ans ul li {
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid rgba(0, 0, 0, 10%);
}
.return-policy1 .que-ans ul li:last-child {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
.return-policy1 .que-ans ul li a.question {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	font-size: 18px;
	font-weight: 500;
}
.return-policy1 .que-ans ul li a.question span.que {
	display: block;
}
.return-policy1 .que-ans ul li .ans-accordian p {
	font-size: 15px;
	line-height: 30px;
}
@media (max-width: 1199px) {
	.return-policy1 .main-title h2 {
		font-size: 20px;
	}
	.return-policy1 .que-ans ul li {
		padding-bottom: 15px;
		margin-bottom: 15px;
	}
}
@media (max-width: 767px) {
	.return-policy1 .main-title h2 {
		font-size: 16px;
	}
}

/*===================================
    Terms & condition css
=====================================*/
.terms-conditions .rule-wrap ul li {
	margin-top: 15px;
	padding-left: 15px;
	position: relative;
}
.terms-conditions .rule-wrap ul li:first-child {
	margin-top: 0px;
}
.terms-conditions .rule-wrap ul li::before {
	content: "";
	position: absolute;
	top: 9px;
	left: 0;
	height: 5px;
	width: 5px;
	background-color: var(--font-color-primary);
	border-radius: 50%;
}
@media (max-width: 767px) {
	.terms-conditions .rule-wrap ul li {
		margin-top: 5px;
	}
}

/*==============================
    404 page css
==============================*/
.page-not-found .search-error-wrapper h2 {
	font-size: 180px;
	line-height: 1;
}
.page-not-found .search-error-wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}
.page-not-found .search-error-wrapper a {
	margin-top: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}
@media (max-width: 767px) {
	.page-not-found .search-error-wrapper h2 {
		font-size: 80px;
		line-height: 1;
	}
	.page-not-found .search-error-wrapper a {
		margin-top: 15px;
	}
}

/*--------------------------------------------------------------------------  Checkout page start ----------------------------------------------------------*/

/*==============================
    checkout style-1 css
==============================*/
/* checkout style-1 css */
.checkout-area {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	margin-left: -30px;
}
.checkout-area .billing-area {
	width: calc(60% - 30px);
	margin-left: 30px;
	border: 1px solid var(--theme-border-color);
}
@media (max-width: 991px) {
	.checkout-area {
		margin-left: -20px;
	}
	.checkout-area .billing-area {
		width: calc(55% - 20px);
		margin-left: 20px;
	}
}
@media (max-width: 767px) {
	.checkout-area {
		margin-left: 0px;
	}
	.checkout-area .billing-area {
		width: 100%;
		margin-left: 0px;
	}
}

/* billing-area title css */
.checkout-area .billing-area form h2 {
	font-size: 24px;
}
.checkout-area .billing-area form {
	padding: 20px 20px;
}

/* billing-form css */
.checkout-area .billing-area form .billing-form {
	margin-top: 16px;
}
.checkout-area .billing-area form .billing-form ul.billing-ul {
	width: 100%;
	margin-top: 15px;
}
.checkout-area .billing-area form .billing-form ul.billing-ul:last-child {
	margin-bottom: 15px;
}
.checkout-area .billing-area form .billing-form ul.billing-ul.input-2 {
	display: flex;
	flex-wrap: wrap;
}
.checkout-area .billing-area form .billing-form ul.billing-ul:first-child {
	margin-top: 0px;
}
.checkout-area
	.billing-area
	form
	.billing-form
	ul.billing-ul.input-2
	li.billing-li {
	width: calc(50% - 15px);
	margin-left: 15px;
}
.checkout-area
	.billing-area
	form
	.billing-form
	ul.billing-ul.input-2
	li.billing-li:first-child {
	margin-left: 0px;
}
.checkout-area
	.billing-area
	form
	.billing-form
	ul.billing-ul.input-2
	li.billing-li.input {
	width: calc(50% - 0px);
	margin-left: 0px;
}
.checkout-area
	.billing-area
	form
	.billing-form
	ul.billing-ul.input-2
	li.billing-li.input
	label,
.checkout-area
	.billing-area
	form
	.billing-form
	ul.billing-ul.input-2
	li.billing-li
	label,
.checkout-area .billing-area form .billing-form ul.billing-ul li label {
	font-size: 14px;
	color: var(--font-color-header);
	font-weight: 500;
}
.checkout-area
	.billing-area
	form
	.billing-form
	ul.billing-ul
	li.billing-li
	input,
.checkout-area
	.billing-area
	form
	.billing-form
	ul.billing-ul
	li.billing-li
	select {
	width: 100%;
	height: 45px;
	margin-top: 10px;
}
@media (max-width: 991px) {
	.checkout-area
		.billing-area
		form
		.billing-form
		ul.billing-ul.input-2
		li.billing-li {
		width: calc(100% - 0px);
		margin-left: 0px;
		margin-top: 10px;
	}
	.checkout-area
		.billing-area
		form
		.billing-form
		ul.billing-ul.input-2
		li.billing-li.input {
		width: calc(100% - 0px);
		margin-left: 0px;
	}
}

/* billing details css */
.checkout-area .billing-area .billing-details {
	border-top: 1px solid var(--theme-border-color);
}
.checkout-area .billing-area .billing-details form h2 {
	font-size: 24px;
}
.checkout-area .billing-area .billing-details ul.shipping-form {
	margin-top: 19px;
}
.checkout-area .billing-area .billing-details ul.shipping-form li.check-box {
	display: flex;
	align-items: center;
}
.checkout-area
	.billing-area
	.billing-details
	ul.shipping-form
	li.check-box
	input {
	margin-right: 5px;
}
.checkout-area .billing-area .billing-details ul.shipping-form li.comment-area {
	margin-top: 11px;
}
.checkout-area .billing-area .billing-details ul.shipping-form li label {
	margin-bottom: 0px;
}
.checkout-area .billing-area .billing-details ul.shipping-form li textarea {
	margin-top: 10px;
	width: 100%;
}

/* order-area css*/
.checkout-area .order-area {
	width: calc(40% - 30px);
	margin-left: 30px;
	border: 1px solid var(--theme-border-color);
}
.checkout-area .order-area {
	position: sticky;
	top: 0px;
}
@media (max-width: 991px) {
	.checkout-area .order-area {
		width: calc(45% - 20px);
		margin-left: 20px;
	}
}
@media (max-width: 767px) {
	.checkout-area .order-area {
		margin-top: 30px;
	}
	.checkout-area .order-area {
		width: 100%;
		margin-left: 0px;
	}
}

/* check-pro title css */
.checkout-area .order-area .check-pro h2,
.checkout-area .order-area h2 {
	font-size: 22px;
	padding: 10px 20px;
	background-color: var(--extra-color-body);
	font-weight: 500;
}
.checkout-area .order-area .check-pro ul.check-ul li {
	padding: 20px;
	display: flex;
	align-items: flex-start;
	border-bottom: 1px solid var(--theme-border-color);
}
.checkout-area .order-area .check-pro ul.check-ul li .check-pro-img {
	width: 25%;
}
.checkout-area .order-area .check-pro ul.check-ul li .check-pro-img img {
	border: 1px solid var(--theme-border-color);
	border-radius: var(--sti-border-radius);
}
.checkout-area .order-area .check-pro ul.check-ul li .check-content {
	width: 75%;
	margin-left: 15px;
}
.checkout-area .order-area .check-pro ul.check-ul li .check-content a {
	display: block;
	font-weight: 600;
}
.checkout-area
	.order-area
	.check-pro
	ul.check-ul
	li
	.check-content
	span.check-code-blod {
	display: block;
	margin-top: 4px;
	font-weight: 600;
}
.checkout-area
	.order-area
	.check-pro
	ul.check-ul
	li
	.check-content
	span.check-code-blod
	span {
	font-weight: 500;
}
.checkout-area
	.order-area
	.check-pro
	ul.check-ul
	li
	.check-content
	span.check-qty,
.checkout-area
	.order-area
	.check-pro
	ul.check-ul
	li
	.check-content
	span.check-price {
	font-size: 15px;
	font-weight: 600;
	margin-top: 5px;
}

/* order-history css */
/* order-history css */
.checkout-area .order-area ul.order-history {
	padding: 0px 20px;
}
.checkout-area .order-area ul.order-history li.order-details {
	margin-top: 14px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.checkout-area .order-area ul.order-history li.order-details:first-child {
	margin-top: 0px;
	border: none;
}
.checkout-area .order-area ul.order-history li.order-details:last-child {
	padding-top: 15px;
	padding-bottom: 14px;
	margin-top: 14px;
	border-top: 1px solid var(--theme-border-color);
	border-bottom: 1px solid var(--theme-border-color);
}
.checkout-area .order-area ul.order-history li.order-details span {
	color: var(--font-color-body);
}
.checkout-area .order-area ul.order-history li.order-details span:first-child {
	font-weight: 500;
}
.checkout-area .order-area ul.order-history li.order-details:last-child span {
	font-size: 18px;
	color: var(--font-color-header);
	font-weight: 500;
}
@media (max-width: 479px) {
	.checkout-area .order-area ul.order-history li.order-details {
		margin-top: 8px;
	}
	.checkout-area .order-area ul.order-history li.order-details:last-child span {
		font-size: 16px;
	}
}

/* checkout form css */
.checkout-area .order-area form {
	padding: 0px 20px;
}
.checkout-area .order-area form ul.order-form {
	margin-top: 20px;
}
.checkout-area .order-area form ul.order-form li {
	display: flex;
	align-items: center;
	margin-top: 19px;
}
.checkout-area .order-area form ul.order-form li:first-child {
	margin-top: 0px;
}
.checkout-area .order-area form ul.order-form li input {
	margin-right: 10px;
}
.checkout-area .order-area form ul.order-form label {
	margin-bottom: 0px;
}
.checkout-area .order-area form ul.order-form li.pay-icon a {
	font-size: 25px;
	margin-left: 10px;
}
.checkout-area .order-area form ul.order-form li.pay-icon a:hover {
	color: var(--font-color-primary);
}
.checkout-area .order-area form ul.order-form li.pay-icon a:first-child {
	margin-left: 0px;
}
.checkout-area .order-area .checkout-btn {
	padding: 28px 20px 20px 20px;
}
.checkout-area .order-area .checkout-btn a.btn-style {
	display: block;
	text-align: center;
}

/*==============================
    checkout style-2 css
==============================*/
.checkout-tab ul.nav.nav-tabs {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 80px;
	border-bottom: none;
}
.checkout-tab ul.nav.nav-tabs li.nav-item {
	margin-left: 40px;
}
.checkout-tab ul.nav.nav-tabs li.nav-item:first-child {
	margin-left: 0px;
}
.checkout-tab ul.nav.nav-tabs li.nav-item a.nav-link {
	color: var(--font-color-header);
	font-size: 18px;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	border: none;
	box-shadow: var(--box-shadow-color);
	background-color: var(--box-body-bgcolor);
	border-radius: 100%;
}
.checkout-tab ul.nav.nav-tabs li.nav-item a.nav-link.active {
	color: var(--font-color-primary);
}
/* .checkout-style-2 .billing-area form h2 {
    font-size: 22px;
} */
.checkout-style-2 .billing-area form .billing-form {
	margin-top: 24px;
}
.checkout-style-2 .billing-area form .billing-form ul.billing-ul {
	width: 100%;
	margin-top: 15px;
}
.checkout-style-2 .billing-area form .billing-form ul.billing-ul:first-child {
	margin-top: 0px;
}
.checkout-style-2 .billing-area form .billing-form ul.billing-ul.input-2 {
	display: flex;
	flex-wrap: wrap;
}
.checkout-style-2
	.billing-area
	form
	.billing-form
	ul.billing-ul.input-2
	li.billing-li {
	width: calc(50% - 15px);
	margin-left: 15px;
}
.checkout-style-2
	.billing-area
	form
	.billing-form
	ul.billing-ul.input-2
	li.billing-li.input {
	width: calc(50% - 0px);
	margin-left: 0px;
}
.checkout-style-2
	.billing-area
	form
	.billing-form
	ul.billing-ul.input-2
	li.billing-li.input
	label,
.checkout-style-2
	.billing-area
	form
	.billing-form
	ul.billing-ul.input-2
	li.billing-li
	label,
.checkout-style-2 .billing-area form .billing-form ul.billing-ul li.billing-li {
	color: var(--font-color-header);
	font-size: 14px;
	font-weight: 500;
}
.checkout-style-2
	.billing-area
	form
	.billing-form
	ul.billing-ul
	li.billing-li
	input,
.checkout-style-2
	.billing-area
	form
	.billing-form
	ul.billing-ul
	li.billing-li
	select {
	width: 100%;
	height: 45px;
	margin-top: 10px;
}
.checkout-style-2
	.billing-area
	form
	.billing-form
	ul.billing-ul
	li.billing-li
	option {
	margin-top: 10px;
}
.checkout-style-2 .billing-area .billing-details form h2 {
	font-size: 22px;
}
.checkout-style-2 .billing-area .billing-details ul.shipping-form {
	margin: -10px;
	padding-top: 24px;
}
.checkout-style-2 .billing-area .billing-details ul.shipping-form li {
	margin: 10px;
}
.checkout-style-2 .billing-area .billing-details ul.shipping-form li.check-box {
	display: flex;
	align-items: center;
}
.checkout-style-2
	.billing-area
	.billing-details
	ul.shipping-form
	li.check-box
	input {
	margin-right: 5px;
}
.checkout-style-2
	.billing-area
	.billing-details
	ul.shipping-form
	li:first-child {
	margin-top: 0px;
}
.checkout-style-2 .billing-area .billing-details ul.shipping-form li label {
	margin-bottom: 0px;
}
.checkout-style-2 .billing-area .billing-details ul.shipping-form li textarea {
	margin-top: 10px;
	width: 100%;
}
@media (max-width: 767px) {
	.checkout-style-2
		.billing-area
		form
		.billing-form
		ul.billing-ul.input-2
		li.billing-li {
		width: calc(100% - 0px);
		margin-left: 0px;
		margin-top: 9px;
	}
	.checkout-style-2
		.billing-area
		form
		.billing-form
		ul.billing-ul.input-2
		li.billing-li.input {
		width: calc(100% - 0px);
		margin-top: 0px;
	}
}

/* checkout-btn css */
.checkout-page-2 .tab-content .checkout-btn {
	margin-top: 30px;
	text-align: end;
}

/* order-form css */
.ship-wrapper ul.popup-inner-ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding-top: 30px;
}
.ship-wrapper ul.popup-inner-ul li.popup-li {
	width: 100%;
	margin: 15px 0px 0px 0px;
}
.ship-wrapper ul.popup-inner-ul li.popup-li.grid {
	width: 50%;
	margin: 15px 0px 0px 0px;
}
.ship-wrapper ul.popup-inner-ul li.popup-li.grid.box {
	padding-left: 15px;
}
.ship-wrapper ul.popup-inner-ul li.popup-li label {
	color: var(--font-color-header);
	font-size: 16px;
	display: block;
	font-weight: 500;
}
.ship-wrapper ul.popup-inner-ul li.popup-li input {
	width: 100%;
	margin-top: 10px;
}
.ship-wrapper ul.popup-inner-ul li.popup-li select {
	width: 100%;
	height: 45px;
	margin-top: 10px;
}
.ship-wrapper ul.popup-inner-ul li.popup-li textarea {
	width: 100%;
	margin-top: 10px;
}
.ship-wrapper ul.popup-inner-ul li.popup-li.grid label.box-area {
	position: relative;
	padding-left: 25px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.ship-wrapper ul.popup-inner-ul li.popup-li.grid label.box-area span.pop-title {
	display: flex;
	align-items: center;
	font-size: 14px;
}
.ship-wrapper ul.popup-inner-ul li.popup-li.grid input.cust-checkbox.wrap {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	width: 0;
	height: 0;
}
.ship-wrapper ul.popup-inner-ul li.popup-li.grid span.cust-check {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 19px;
	height: 19px;
	background-color: var(--background-color-body);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
	border: 1px solid var(--theme-border-color);
	overflow: hidden;
}
.ship-wrapper
	ul.popup-inner-ul
	li.popup-li.grid
	label.box-area
	span.cust-check {
	box-shadow: var(--inset-box-shadow-color);
}
.ship-wrapper
	ul.popup-inner-ul
	li.popup-li
	label.box-area
	a[aria-expanded="true"]
	~ span.cust-check::after,
.ship-wrapper
	ul.popup-inner-ul
	li.popup-li
	label.box-area
	input.cust-checkbox:checked
	~ span.cust-check::after {
	display: block;
}
.ship-wrapper
	ul.popup-inner-ul
	li.popup-li.grid
	label.box-area
	span.cust-check::after {
	display: none;
	content: "\f26e";
	font-family: bootstrap-icons !important;
	color: var(--font-color-body);
	font-size: 16px;
}
.ship-wrapper .ship-btn {
	margin-top: 24px;
}
@media (max-width: 767px) {
	.ship-wrapper ul.popup-inner-ul li.popup-li.grid {
		width: 100%;
	}
	.ship-wrapper ul.popup-inner-ul li.popup-li.grid.box {
		padding-left: 0px;
	}
	.ship-wrapper .ship-btn a.btn {
		width: 100%;
	}
}

/* order-area start */
.checkout-style-2 .order-area {
	margin-left: -20px;
}
.checkout-style-2 .order-area .check-pro {
	position: sticky;
	top: 0px;
	width: calc(50% - 30px);
	margin-left: 30px;
}
@media (max-width: 767px) {
	.checkout-style-2 .order-area .check-pro {
		position: unset;
		width: 100%;
		margin-left: 0px;
	}
}
.checkout-style-2 .order-area .check-pro h2 {
	font-size: 22px;
}
.checkout-style-2 .order-area .check-pro ul.check-ul {
	margin-top: 20px;
}
.checkout-style-2 .order-area .check-pro ul.check-ul li {
	display: flex;
	align-items: flex-start;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid var(--theme-border-color);
}
.checkout-style-2 .order-area .check-pro ul.check-ul li:last-child {
	border: none;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.checkout-style-2 .order-area .check-pro ul.check-ul li .check-content {
	margin-left: 15px;
}
.checkout-style-2 .order-area .check-pro ul.check-ul li .check-content a {
	display: block;
	font-weight: 600;
}
.checkout-style-2 .order-area .check-pro ul.check-ul li .check-content a:hover {
	color: var(--font-color-body);
}
.checkout-style-2
	.order-area
	.check-pro
	ul.check-ul
	li
	.check-content
	span.check-code-blod {
	display: block;
	margin-top: 4px;
	font-weight: 600;
}
.checkout-style-2
	.order-area
	.check-pro
	ul.check-ul
	li
	.check-content
	span.check-code-blod
	span {
	font-weight: 500;
}
.checkout-style-2
	.order-area
	.check-pro
	ul.check-ul
	li
	.check-content
	span.check-qty,
.checkout-style-2
	.order-area
	.check-pro
	ul.check-ul
	li
	.check-content
	span.check-price {
	font-size: 15px;
	font-weight: 600;
	margin-top: 5px;
}
.checkout-style-2 .order-area {
	display: flex;
	justify-content: space-between;
	margin-left: -30px;
}
.checkout-style-2 .order-area .order-history {
	width: calc(50% - 30px);
	margin-left: 30px;
}
@media (max-width: 767px) {
	.checkout-style-2 .order-area {
		margin-left: 0px;
		flex-direction: column;
	}
	.checkout-style-2 .order-area .order-history {
		width: 100%;
		margin-top: 30px;
		margin-left: 0px;
	}
}
.checkout-style-2 .order-area .order-history h2 {
	font-size: 18px;
}
.checkout-style-2 .order-area .order-history .order-inf {
	margin-top: 23px;
}
.checkout-style-2 .order-area .order-history .order-inf .order-details {
	margin-top: 13px;
	padding-top: 13px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.checkout-style-2
	.order-area
	.order-history
	.order-inf
	.order-details:first-child {
	margin-top: 0px;
}
.checkout-style-2
	.order-area
	.order-history
	.order-inf
	.order-details
	span:first-child {
	color: var(--font-color-header);
	font-weight: 600;
}
.checkout-style-2 .order-area .order-history .order-inf .order-details span {
	font-size: 16px;
	font-weight: 500;
}
.checkout-style-2 .order-area .order-history .order-inf .order-details.last {
	padding-top: 13px;
	padding-bottom: 13px;
	margin-top: 12px;
	border-top: 1px solid var(--theme-border-color);
	border-bottom: 1px solid var(--theme-border-color);
}
.checkout-style-2
	.order-area
	.order-history
	.order-inf
	.order-details.last
	span {
	font-weight: 600;
}
.checkout-style-2 .order-area .order-history .order-inf form .order-form {
	margin-top: 19px;
}
.checkout-style-2
	.order-area
	.order-history
	.order-inf
	form
	ul.order-form
	li.label-info {
	margin-top: 19px;
	display: flex;
	align-items: center;
	line-height: 1;
}
.checkout-style-2
	.order-area
	.order-history
	.order-inf
	form
	ul.order-form
	li.label-info:first-child {
	margin-top: 0px;
}
.checkout-style-2
	.order-area
	.order-history
	.order-inf
	form
	ul.order-form
	li.label-info
	input {
	margin-right: 10px;
}
.checkout-style-2
	.order-area
	.order-history
	.order-inf
	form
	ul.order-form
	li.label-info
	label {
	margin-bottom: 0px;
}
.checkout-style-2
	.order-area
	.order-history
	.order-inf
	form
	ul.order-form
	li.pay-icon {
	margin-top: 19px;
}
.checkout-style-2
	.order-area
	.order-history
	.order-inf
	form
	ul.order-form
	li.pay-icon
	a {
	font-size: 25px;
	margin-left: 15px;
	line-height: 1;
}
.checkout-style-2
	.order-area
	.order-history
	.order-inf
	form
	ul.order-form
	li.pay-icon
	a:first-child {
	margin-left: 0px;
}
.checkout-style-2
	.order-area
	.order-history
	.order-inf
	form
	ul.order-form
	li.pay-icon
	a:hover {
	color: var(--font-color-primary);
}
.checkout-style-2 .order-area .order-history .order-inf a.btn-style1 {
	margin-top: 28px;
	display: block;
	text-align: center;
}
.checkout-style-2 .order-area .order-history .order-inf a.btn-style {
	margin-top: 28px;
	display: block;
	text-align: center;
}

/* order complete page css */
.order-area .order-price ul.total-order {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.order-area .order-price ul.total-order li:last-child {
	text-align: right;
}
.order-area .order-price ul.total-order li span.order-no {
	color: var(--font-color-header);
	display: block;
	font-weight: 600;
}
.order-area .order-price ul.total-order li span.order-date {
	color: var(--font-color-header);
	margin-top: 5px;
}
.order-area .order-price ul.total-order li span.total-price {
	color: var(--font-color-header);
	display: block;
	text-align: right;
	font-weight: 600;
}
.order-area .order-price ul.total-order li span.amount {
	color: var(--font-color-header);
	text-align: right;
	margin-top: 5px;
	font-weight: 600;
}
.order-area .order-details {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid var(--theme-border-color);
	text-align: center;
}
.order-area .order-details span.order-i {
	font-size: 30px;
	line-height: 1;
}
.order-area .order-details h4 {
	font-size: 18px;
	margin-top: 19px;
	margin-bottom: 19px;
}
.order-area .order-details span.order-s {
	color: var(--font-color-header);
	display: block;
}
.order-area .order-details a.tracking-link {
	margin-top: 24px;
}
.order-area .order-delivery {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid var(--theme-border-color);
}
.order-area .order-delivery ul.delivery-payment {
	display: flex;
	flex-wrap: wrap;
	margin: -30px 0px 0px -30px;
}
.order-area .order-delivery ul.delivery-payment li {
	width: calc(50% - 30px);
	margin: 30px 0px 0px 30px;
	border-right: 1px solid var(--theme-border-color);
}
.order-area .order-delivery ul.delivery-payment li:last-child {
	border-right: none;
}
.order-area .order-delivery ul.delivery-payment li h5 {
	font-size: 16px;
}
.order-area .order-delivery ul.delivery-payment li p {
	margin-top: 6px;
}
.order-area .order-delivery ul.delivery-payment li.delivery p {
	color: var(--font-color-header);
	font-weight: 600;
}
.order-area .order-delivery ul.delivery-payment li.pay p {
	color: #bbbbbb;
}
.order-area .order-delivery ul.delivery-payment li span.order-span {
	color: var(--font-color-header);
	display: block;
	margin-top: 9px;
	font-weight: 600;
}
.order-area
	.order-delivery
	ul.delivery-payment
	li
	span.order-span:first-of-type {
	margin-top: 7px;
}
.order-area .order-delivery ul.delivery-payment li span.p-label {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.order-area .order-delivery ul.delivery-payment li span.p-label span.o-price {
	font-weight: 600;
}
@media (max-width: 767px) {
	.order-area .order-delivery ul.delivery-payment {
		margin: -17px 0px 0px -15px;
	}
	.order-area .order-delivery ul.delivery-payment li {
		width: calc(100% - 15px);
		margin: 17px 0px 0px 15px;
		border-right: none;
	}
}
@media (max-width: 479px) {
	.order-area .order-details {
		padding-top: 14px;
	}
}

/*==============================
    checkout style-3 css
==============================*/
.check-3-start {
	margin-left: -30px;
	display: flex;
	align-items: flex-start;
}
.check-3 h2.style-3-title {
	font-size: 30px;
	margin-bottom: 30px;
	text-align: center;
}
@media (max-width: 1199px) {
	.check-3-start {
		margin-left: -20px;
	}
}
@media (max-width: 991px) {
	.check-3-start {
		margin-left: 0px;
		margin-top: -20px;
		flex-direction: column;
	}
	.check-3 h2.style-3-title {
		font-size: 24px;
	}
}
.check-3-start .check-out-3 {
	width: calc(33.33% - 30px);
	margin-left: 30px;
	border: 1px solid var(--theme-border-color);
}
@media (max-width: 991px) {
	.check-3-start .check-out-3 {
		width: 100%;
		margin-left: 0px;
		margin-top: 20px;
	}
}
.check-3-start .check-out-3 .check-pro h2 {
	font-size: 18px;
	padding: 15px;
	background-color: var(--extra-color-body);
	line-height: 1;
}
.check-3-start .check-out-3 .check-pro ul.check-ul li {
	display: flex;
	align-items: flex-start;
	padding: 20px;
	border-bottom: 1px solid var(--theme-border-color);
}
.check-3-start .check-out-3 .check-pro ul.check-ul li .check-content {
	margin-left: 15px;
}
.check-3-start .check-out-3 .check-pro ul.check-ul li .check-content a {
	display: block;
	font-weight: 600;
}
.check-3-start
	.check-out-3
	.check-pro
	ul.check-ul
	li
	.check-content
	span.check-code-blod {
	display: block;
	margin-top: 4px;
	font-weight: 600;
}
.check-3-start
	.check-out-3
	.check-pro
	ul.check-ul
	li
	.check-content
	span.check-code-blod
	span {
	font-weight: 500;
}
.check-3-start
	.check-out-3
	.check-pro
	ul.check-ul
	li
	.check-content
	span.check-qty,
.check-3-start
	.check-out-3
	.check-pro
	ul.check-ul
	li
	.check-content
	span.check-price {
	font-size: 15px;
	font-weight: 600;
	margin-top: 5px;
}
.check-3-start .check-out-3 .check-pro form {
	padding: 20px;
}
.check-3-start .check-out-3 .check-pro form ul.style-3-check-pro li label {
	width: 100%;
	color: #333;
	font-size: 14px;
	margin-bottom: 0px;
	font-weight: 600;
}
.check-3-start .check-out-3 .check-pro form ul.style-3-check-pro li select {
	width: 100%;
	height: 45px;
	padding: 7px 10px;
	margin-top: 10px;
	border: 1px solid var(--theme-border-color);
	border-radius: var(--border-radius);
}
.check-3-start .check-out-3 .check-pro form ul.style-3-check-pro.selector {
	margin-top: 18px;
}
.check-3-start
	.check-out-3
	.check-pro
	form
	ul.style-3-check-pro.selector
	li
	span {
	color: var(--font-color-header);
	display: block;
	font-size: 14px;
	margin-bottom: 2px;
	font-weight: 600;
}
.check-3-start .check-out-3 .check-pro form ul.style-3-check-pro.selector li {
	margin-top: 9px;
	display: flex;
	align-items: center;
}
.check-3-start
	.check-out-3
	.check-pro
	form
	ul.style-3-check-pro.selector
	li:first-child {
	margin-top: 0px;
}
.check-3-start
	.check-out-3
	.check-pro
	form
	ul.style-3-check-pro.selector
	li
	input {
	margin-right: 5px;
}
.check-3-start .check-out-3 .check-pro .pay-op {
	padding: 20px;
	border-top: 1px solid var(--theme-border-color);
}
.check-3-start .check-out-3 .check-pro .pay-op span {
	color: var(--sti-bgcolor);
	font-size: 14px;
	display: block;
	font-weight: 600;
}
.check-3-start .check-out-3 .check-pro .pay-op a.pay-link {
	width: 100%;
	height: 45px;
	color: var(--box-body-bgcolor);
	text-align: center;
	border-radius: var(--border-radius);
	display: flex;
	align-items: center;
	justify-content: center;
}
.check-3-start .check-out-3 .check-pro .pay-op a.pay-link.pay-link-1 {
	color: #fff;
	margin-top: 20px;
	background-color: var(--font-color-primary);
}
.check-3-start .check-out-3 .check-pro .pay-op a.pay-link.pay-link-2 {
	background-color: #000;
	margin-top: 20px;
}
.check-3-start .check-out-3 .check-pro .pay-op a.pay-link i {
	margin-left: 5px;
}
.check-3-start .check-out-3 .check-add h2 {
	font-size: 18px;
	padding: 15px;
	background-color: var(--extra-color-body);
	line-height: 1;
}
.check-3-start .check-out-3 .check-add form {
	padding: 20px;
}
.check-3-start .check-out-3 .check-add form ul li {
	margin-top: 14px;
}
.check-3-start .check-out-3 .check-add form ul li:last-child {
	margin-bottom: 14px;
}
.check-3-start .check-out-3 .check-add form ul li:first-child {
	margin-top: 0px;
}
.check-3-start .check-out-3 .check-add form ul li label {
	color: var(--font-color-header);
	font-size: 14px;
	margin-bottom: 0px;
	font-weight: 500;
}
.check-3-start .check-out-3 .check-add form ul li input {
	width: 100%;
	height: 45px;
	padding: 8px 13px;
	margin-top: 10px;
	border: 1px solid var(--theme-border-color);
	border-radius: var(--border-radius);
}
.check-3-start .check-out-3 .check-add form ul li select {
	width: 100%;
	height: 45px;
	margin-top: 10px;
	border: 1px solid var(--theme-border-color);
	padding: 8px 13px;
	border-radius: var(--border-radius);
}
.check-3-start .check-out-3 .pay-method h2 {
	font-size: 18px;
	padding: 15px;
	background-color: var(--extra-color-body);
	line-height: 1;
}
.check-3-start .check-out-3 .pay-method .p-method ul li {
	border-bottom: 1px solid var(--theme-border-color);
}
.check-3-start .check-out-3 .pay-method .p-method ul li a {
	width: 100%;
	padding: 18px 24px;
}
.check-3-start .check-out-3 .pay-method .p-method ul li a span.p-labal {
	display: flex;
	align-items: center;
}
.check-3-start .check-out-3 .pay-method .p-method ul li a span.p-labal i {
	font-size: 22px;
	margin-right: 10px;
}
.check-3-start .check-out-3 .pay-method .order-summary ul li {
	padding: 14px 24px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid var(--theme-border-color);
}
.check-3-start .check-out-3 .pay-method .order-summary ul li:last-child {
	border-bottom: none;
}
.check-3-start .check-out-3 .pay-method .order-summary ul li.order-total {
	color: var(--font-color-header);
	padding: 15px 20px;
	background-color: rgb(213 198 175 / 20%);
	font-weight: 600;
}
.check-3-start .check-out-3 .pay-method .order-summary ul li span.p-name {
	font-weight: 500;
}
.check-3-start .check-out-3 .pay-method .order-summary ul li span.p-price {
	font-weight: 600;
}
.check-3-start .check-out-3 .pay-method .order-summary .check-btn {
	padding: 30px 20px 20px 20px;
}
.check-3-start .check-out-3 .pay-method .order-summary .check-btn a.btn-style {
	width: 100%;
	text-align: center;
}

/*--------------------------------------------------------------------------  Checkout page end ----------------------------------------------------------*/
/*-------------------------------------------------------------------------- My account css start --------------------------------------------------------*/
/*==============================
    order history css
==============================*/
.order-histry-area .order-history {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	margin-left: -30px;
}
.order-histry-area .order-history .profile {
	width: calc(25% - 30px);
	margin-left: 30px;
	border: 1px solid var(--theme-border-color);
}
@media (max-width: 991px) {
	.order-histry-area .order-history .profile {
		width: calc(100% - 30px);
	}
}

/* order-info css */
.order-histry-area .order-history .order-info {
	width: calc(75% - 30px);
	margin-left: 30px;
}
.order-histry-area .order-history .order-info .pro-add-title h4 {
	color: var(--font-color-header);
	font-size: 18px;
	font-weight: 500;
	padding-bottom: 12px;
	line-height: 1;
}
@media (max-width: 991px) {
	.order-histry-area .order-history .order-info {
		width: calc(100% - 30px);
		margin-top: 30px;
	}
}
@media (max-width: 479px) {
	.order-histry-area .order-history .order-info {
		overflow-x: auto;
	}
}

/* order-pro img css */
.order-histry-area .order-history .profile .order-pro {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 30px 20px;
}
.order-histry-area .order-history .profile .order-pro a.cat-img {
	padding: 10px;
	border-radius: 50%;
	background-color: var(--font-color-primary);
}
.order-histry-area .order-history .profile .order-pro .pro-img img {
	border-radius: 100%;
}
.order-histry-area .order-history .profile .order-pro .order-name {
	text-align: center;
	margin-top: 24px;
}
.order-histry-area .order-history .profile .order-pro .order-name h2 {
	color: var(--font-color-header);
	font-size: 18px;
	font-weight: 600;
	line-height: 1;
}
.order-histry-area .order-history .profile .order-pro .order-name a {
	display: block;
}
.order-histry-area .order-history .profile .order-pro .order-name a.con-number {
	text-align: center;
}
.order-histry-area .order-history .profile .order-pro .order-name span {
	font-size: 14px;
	color: var(--font-color-body);
	margin-top: 12px;
}
.order-histry-area
	.order-history
	.profile
	.order-his-page
	ul.profile-ul
	li.profile-li
	a {
	position: relative;
	width: 100%;
	padding: 15px 30px;
	font-size: 16px;
	display: flex;
	align-items: center;
	border-top: 1px solid var(--theme-border-color);
	-webkit-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.order-histry-area
	.order-history
	.profile
	.order-his-page
	ul.profile-ul
	li.profile-li
	a:hover {
	color: var(--font-color-body);
	background-color: var(--box-body-bgcolor);
}
.order-histry-area
	.order-history
	.profile
	.order-his-page
	ul.profile-ul
	li.profile-li
	a.active {
	color: var(--box-body-bgcolor);
	background-color: var(--font-color-primary);
	border-color: var(--font-color-primary);
}
.order-histry-area
	.order-history
	.profile
	.order-his-page
	ul.profile-ul
	li.profile-li
	a
	span.order-icon {
	display: block;
}
.order-histry-area
	.order-history
	.profile
	.order-his-page
	ul.profile-ul
	li.profile-li
	a
	span.order-title {
	margin-left: 10px;
}

/* table css */
.order-histry-area .order-history .order-info .table {
	border-top: 1px solid var(--theme-border-color);
}
.order-histry-area .order-history .order-info .table thead {
	border-top: 1px solid var(--theme-border-color);
}
.order-histry-area .order-history .order-info .table thead tr {
	background-color: #fff;
}
.order-histry-area .order-history .order-info .table thead tr th {
	padding-top: 15px;
	padding-bottom: 15px;
}
.order-histry-area
	.order-history
	.order-info
	.table
	tbody
	tr.no-bottom-border
	td {
	border-bottom: none;
}
.order-histry-area .order-history .order-info .table tbody tr td,
.order-histry-area .order-history .order-info .table tbody tr td {
	padding-top: 15px;
	padding-bottom: 15px;
}
.order-histry-area .order-history .order-info .table tbody tr td span.fill {
	color: #b6d089;
	padding: 5px 20px;
	background-color: #f2fded;
}
.order-histry-area .order-history .order-info .table tbody tr td span.filled {
	color: #eadb96;
	padding: 5px 20px;
	background-color: #fff8e8;
}
.order-histry-area
	.order-history
	.order-info
	.table
	tbody
	tr
	td
	span.filed-icon {
}
.order-histry-area
	.order-history
	.order-info
	.table
	tbody
	tr
	td
	span.filed-title {
	margin-left: 5px;
}
@media (max-width: 479px) {
	.order-histry-area .order-history .order-info .table,
	.account-area .account-history .account-info .table {
		min-width: 540px;
	}
}

/* profile page css */
.order-histry-area .order-history .profile-form .pro-add-title h4 {
	color: var(--font-color-header);
	font-size: 18px;
	font-weight: 500;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--theme-border-color);
	line-height: 1;
}
.order-histry-area .order-history .profile-form {
	width: calc(65% - 30px);
	margin-left: 30px;
}
@media (max-width: 991px) {
	.order-histry-area .order-history .profile-form {
		width: calc(100% - 30px);
		margin-top: 25px;
	}
}

/* label css */
.order-histry-area .order-history .profile-form form ul.pro-input-label {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-left: -30px;
	margin-top: 15px;
}
.order-histry-area .order-history .profile-form form ul.pro-input-label li {
	width: calc(50% - 30px);
	margin-left: 30px;
}
.order-histry-area
	.order-history
	.profile-form
	form
	ul.pro-input-label
	li
	label {
	color: var(--font-color-header);
	font-size: 14px;
	font-weight: 500;
}
.order-histry-area
	.order-history
	.profile-form
	form
	ul.pro-input-label
	li
	input {
	width: 100%;
	height: 45px;
	border: 1px solid var(--theme-border-color);
	margin-top: 10px;
}
.order-histry-area .order-history .profile-form form ul.pro-submit {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 30px;
	margin-top: 30px;
	border-top: 1px solid var(--theme-border-color);
}
.order-histry-area .order-history .profile-form form ul.pro-submit li {
	display: flex;
	align-items: center;
	line-height: 1;
}
.order-histry-area .order-history .profile-form form ul.pro-submit li input {
	margin-right: 5px;
}

/* cutsom checkbox css */
ul.pro-submit li.label-info label.box-area {
	position: relative;
	padding-left: 25px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
ul.pro-submit li.label-info label.box-area span.text {
	display: block;
	font-size: 14px;
}
ul.pro-submit li.label-info input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	width: 0;
	height: 0;
}
ul.pro-submit li.label-info span.cust-check {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 19px;
	height: 19px;
	background-color: var(--background-color-body);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
	border: 1px solid var(--theme-border-color);
	overflow: hidden;
}
ul.pro-submit li.label-info label.box-area span.cust-check {
	box-shadow: var(--inset-box-shadow-color);
}
ul.pro-submit
	li.label-info
	.box-area
	a[aria-expanded="true"]
	~ span.cust-check::after {
	display: block;
}
ul.pro-submit
	li.label-info
	label.box-area
	input.cust-checkbox:checked
	~ span.cust-check::after {
	display: block;
}
ul.pro-submit li.label-info label.box-area span.cust-check::after {
	display: none;
	content: "\f26e";
	font-family: bootstrap-icons !important;
	color: var(--font-color-body);
	font-size: 16px;
}
@media (max-width: 991px) {
	.order-histry-area .order-history .profile-form form {
		margin-top: -15px;
	}
}
@media (max-width: 479px) {
	.order-histry-area .order-history .profile-form form ul.pro-submit {
		flex-direction: column;
		padding-top: 0px;
	}
	.order-histry-area .order-history .profile-form form ul.pro-submit li {
		width: 100%;
		margin-top: 24px;
	}
	.order-histry-area .order-history .profile-form form ul.pro-submit li a {
		width: 100%;
	}
	.order-histry-area .order-history .profile-form form ul.pro-input-label li {
		width: calc(100% - 30px);
		margin-top: 15px;
	}
}

/* pro address css */
.order-histry-area .order-history .profile-address {
	width: calc(65% - 30px);
	margin-left: 30px;
}
@media (max-width: 991px) {
	.order-histry-area .order-history .profile-address {
		width: calc(100% - 30px);
		margin-top: 30px;
	}
}

/* title css */
.order-histry-area .order-history .profile-address form .pro-add-title h4 {
	color: #333;
	font-size: 18px;
	font-weight: 500;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--theme-border-color);
	line-height: 1;
}
.order-histry-area .order-history .profile-address form ul.add-label-input {
	display: flex;
	align-items: center;
	margin-top: 15px;
	margin-left: -30px;
}
.order-histry-area .order-history .profile-address form ul.add-label-input li {
	width: calc(50% - 30px);
	margin-left: 30px;
}
.order-histry-area
	.order-history
	.profile-address
	form
	ul.add-label-input
	li
	label {
	color: var(--font-color-header);
	font-size: 14px;
	font-weight: 500;
}
.order-histry-area
	.order-history
	.profile-address
	form
	ul.add-label-input
	li
	input {
	width: 100%;
	height: 45px;
	margin-top: 10px;
	border: 1px solid var(--theme-border-color);
}
.order-histry-area
	.order-history
	.profile-address
	form
	ul.add-label-input
	li
	select {
	width: 100%;
	height: 45px;
	margin-top: 10px;
	border: 1px solid var(--theme-border-color);
}
.order-histry-area .order-history .profile-address form ul.pro-submit {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid var(--theme-border-color);
}
.order-histry-area .order-history .profile-address form ul.pro-submit li {
	display: flex;
	align-items: center;
}
@media (max-width: 991px) {
	.order-histry-area .order-history .profile-address form ul.add-label-input {
		flex-direction: column;
		margin-top: 0px;
	}
	.order-histry-area
		.order-history
		.profile-address
		form
		ul.add-label-input
		li {
		width: calc(100% - 30px);
		margin-top: 15px;
	}
}
@media (max-width: 479px) {
	.order-histry-area .order-history .profile-address form ul.pro-submit {
		flex-direction: column;
		padding-top: 0px;
	}
	.order-histry-area .order-history .profile-address form ul.pro-submit li {
		width: 100%;
		margin-top: 24px;
	}
	.order-histry-area .order-history .profile-address form ul.pro-submit li a {
		width: 100%;
	}
}

/*==============================
    wishlist page css
==============================*/
.order-histry-area .order-history .profile-wishlist {
	width: calc(65% - 30px);
	margin-left: 30px;
}
.order-histry-area .order-history .profile-wishlist .pro-add-title h4 {
	color: var(--font-color-header);
	font-size: 18px;
	font-weight: 500;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--border-color);
	line-height: 1;
}
@media (max-width: 991px) {
	.order-histry-area .order-history .profile-wishlist {
		width: calc(100% - 30px);
		margin-top: 25px;
		margin-left: 30px;
	}
}
@media (max-width: 479px) {
	.order-histry-area .order-history .profile-wishlist .pro-add-title h4 {
		font-size: 16px;
	}
}

/* wishlist page css */
.wishlist-area .wishlist-details .wishlist-item {
	padding: 15px;
	border-top: 1px solid var(--theme-border-color);
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.wishlist-area .wishlist-details .wishlist-item span.wishlist-head {
	font-size: 16px;
	font-weight: 600;
}
.wishlist-area .wishlist-details .wishlist-item span.sp-link-title {
	font-size: 16px;
	font-weight: 600;
}
.wishlist-area .wishlist-details .wishlist-all-pro {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	border-top: 1px solid var(--theme-border-color);
}
.wishlist-area .wishlist-details .wishlist-all-pro .wishlist-pro {
	width: 60%;
	display: flex;
	align-items: center;
	margin: 20px 0px;
}
.wishlist-area .wishlist-details .wishlist-all-pro .wishlist-pro:last-child {
	margin: 0px;
}
.wishlist-area
	.wishlist-details
	.wishlist-all-pro
	.wishlist-pro
	.wishlist-pro-image {
	width: 110px;
	margin-right: 15px;
}
.wishlist-area .wishlist-details .wishlist-all-pro .wishlist-pro .pro-details {
	width: calc(100% - 110px);
}
.wishlist-area
	.wishlist-details
	.wishlist-all-pro
	.wishlist-pro
	.pro-details
	h4 {
	font-size: 16px;
	font-weight: 500;
	line-height: 1;
	white-space: nowrap;
}
.wishlist-area
	.wishlist-details
	.wishlist-all-pro
	.wishlist-pro
	.pro-details
	h4
	a:hover {
	color: var(--font-color-primary);
}
.wishlist-area
	.wishlist-details
	.wishlist-all-pro
	.wishlist-pro
	.pro-details
	span.all-size {
	font-size: 14px;
	display: block;
	margin-top: 8px;
	font-weight: 600;
}
.wishlist-area
	.wishlist-details
	.wishlist-all-pro
	.wishlist-pro
	.pro-details
	span.all-size
	span.pro-size {
	font-weight: 400;
}
.wishlist-area
	.wishlist-details
	.wishlist-all-pro
	.wishlist-pro
	.pro-details
	span.wishlist-text {
	margin-top: 8px;
	line-height: 1;
}
.wishlist-area .wishlist-details .wishlist-all-pro .qty-item {
	width: 20%;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.wishlist-area
	.wishlist-details
	.wishlist-all-pro
	.qty-item
	a.add-wishlist:first-child {
	margin-top: 0px;
}
.wishlist-area .wishlist-details .wishlist-all-pro .qty-item a.add-wishlist {
	color: var(--font-color-header);
	display: block;
	text-align: center;
	margin-top: 7px;
	border-bottom: 1px solid;
}
.wishlist-area
	.wishlist-details
	.wishlist-all-pro
	.qty-item
	a.add-wishlist:hover {
	color: var(--font-color-primary);
}
.wishlist-area .wishlist-details .wishlist-all-pro .all-pro-price {
	width: 20%;
	text-align: right;
}
.wishlist-area
	.wishlist-details
	.wishlist-all-pro
	.all-pro-price
	span.new-price {
	color: var(--font-color-header);
	display: block;
	margin-bottom: 5px;
	font-weight: 700;
}
.wishlist-area
	.wishlist-details
	.wishlist-all-pro
	.all-pro-price
	span.old-price {
	color: var(--font-color-body);
}
@media (max-width: 991px) {
	.wishlist-area {
		padding-bottom: 16px;
	}
	.wishlist-area .wishlist-details .wishlist-all-pro .wishlist-pro {
		width: 100%;
		margin-bottom: 20px;
	}
	.wishlist-area .wishlist-details .wishlist-all-pro .qty-item {
		width: 50%;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
	.wishlist-area .wishlist-details .wishlist-all-pro .all-pro-price {
		width: 50%;
	}
}

/* other-link css */
.wishlist-area .wishlist-details .other-link {
	padding: 15px 0px;
	border-top: 1px solid var(--theme-border-color);
	border-bottom: 1px solid var(--theme-border-color);
}
.wishlist-area .wishlist-details .other-link ul.c-link {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
.wishlist-area .wishlist-details .other-link ul.c-link li a {
	color: var(--sti-bgcolor);
	width: 100%;
}
.wishlist-area .wishlist-details .other-link ul.c-link li a:hover {
	color: var(--font-color-primary);
	border: 2px solid var(--font-color-primary);
}
@media (max-width: 479px) {
	.wishlist-area
		.wishlist-details
		.other-link
		ul.c-link
		li.wishlist-other-link {
		width: 100%;
		margin-top: 10px;
	}
	.wishlist-area
		.wishlist-details
		.other-link
		ul.c-link
		li.wishlist-other-link:first-child {
		margin: 0px;
	}
}

/* tickets page css */
.order-histry-area .order-history .profile-tickets {
	width: calc(65% - 30px);
	margin-left: 30px;
}
.order-histry-area .order-history .profile-tickets .pro-add-title h4 {
	color: var(--font-color-header);
	font-size: 18px;
	padding-bottom: 12px;
	font-weight: 500;
	line-height: 1;
	border-bottom: 1px solid var(--theme-border-color);
}
.order-histry-area .order-history .profile-tickets .table thead tr th {
	font-size: 16px;
	padding: 15px 0px;
	font-weight: 600;
	border-bottom: 1px solid var(--theme-border-color);
}
.order-histry-area .order-history .profile-tickets .table tbody tr td {
	color: var(--font-color-header);
	font-size: 14px;
	padding: 15px 0px;
	border-bottom: 1px solid var(--theme-border-color);
}
.order-histry-area
	.order-history
	.profile-tickets
	.table
	tbody
	tr.no-bottom-border
	td {
	border-bottom: none;
}
.order-histry-area .order-history .profile-tickets .table tbody tr td.canceled {
	color: #ff5252;
}
.order-histry-area .order-history .profile-tickets .table tbody tr td.process {
	color: #50c6e9;
}
.order-histry-area .order-history .profile-tickets .table tbody tr td.delayed {
	color: #ffb74f;
}
.order-histry-area
	.order-history
	.profile-tickets
	.table
	tbody
	tr
	td.delivered {
	color: #43d9a3;
}
@media (max-width: 991px) {
	.order-histry-area .order-history .profile-tickets {
		width: calc(100% - 30px);
		margin-top: 30px;
	}
}
@media (max-width: 479px) {
	.order-histry-area .order-history .profile-tickets {
		overflow-x: auto;
	}
	.order-histry-area .order-history .profile-tickets .table {
		min-width: 630px;
	}
}

/*-------------------------------------------------------------------------- My account css end --------------------------------------------------------*/
/* billing page css */
.billing-area .billing-title h4 {
	font-size: 20px;
}
.billing-area .billing-address-1 {
	padding-top: 15px;
	margin-top: 12px;
	border-top: 1px solid var(--theme-border-color);
}
.billing-area .billing-address-1 ul.add-name {
	display: flex;
	flex-wrap: wrap;
	margin-left: -30px;
}
.billing-area .billing-address-1 ul.add-name li.billing-name {
	width: calc(50% - 30px);
	margin-left: 30px;
	margin-bottom: 15px;
}
.billing-area .billing-address-1 ul.add-name li.billing-name label {
	color: var(--font-color-header);
	font-size: 14px;
	font-weight: 600;
}
.billing-area .billing-address-1 ul.add-name li.billing-name input {
	width: 100%;
	height: 45px;
	font-size: 13px;
	margin-top: 10px;
	border: 1px solid var(--theme-border-color);
}
.billing-area .billing-address-1 ul.billing-location {
	display: flex;
	flex-wrap: wrap;
	margin-left: -30px;
}
.billing-area .billing-address-1 ul.billing-location li.billing-info {
	width: calc(33.33% - 30px);
	margin-left: 30px;
	margin-bottom: 15px;
}
.billing-area .billing-address-1 ul.billing-location li.billing-info label {
	color: var(--font-color-header);
	font-size: 14px;
	font-weight: 600;
}
.billing-area .billing-address-1 ul.billing-location li.billing-info input {
	width: 100%;
	height: 45px;
	margin-top: 10px;
	font-size: 13px;
	border: 1px solid var(--theme-border-color);
}
.billing-area .billing-address-1 ul.country-info {
	display: flex;
	flex-wrap: wrap;
	margin-left: -30px;
}
.billing-area .billing-address-1 ul.country-info li.billing-country {
	width: calc(50% - 30px);
	margin-left: 30px;
	margin-bottom: 22px;
}
.billing-area .billing-address-1 ul.country-info li.billing-country label {
	color: var(--font-color-header);
	font-size: 14px;
	font-weight: 600;
}
.billing-area .billing-address-1 ul.country-info li.billing-country input {
	width: 100%;
	height: 45px;
	margin-top: 10px;
	font-size: 13px;
	border: 1px solid var(--theme-border-color);
}
.billing-area .billing-address-1 ul.country-info li.billing-country select {
	width: 100%;
	height: 45px;
	margin-top: 10px;
	font-size: 13px;
	border: 1px solid var(--theme-border-color);
}
.billing-area .next-button {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 8px;
}
.billing-area .next-button a {
	color: var(--box-body-bgcolor);
	font-size: 16px;
	padding: 13px 50px;
	background-color: var(--font-color-primary);
	border: 2px solid var(--font-color-primary);
	border-radius: var(--border-radius);
	font-weight: 500;
	line-height: 1;
}
.billing-area .next-button a:hover {
	color: var(--box-body-bgcolor);
	background-color: var(--font-color-header);
	border: 2px solid var(--font-color-header);
}
@media (max-width: 767px) {
	.billing-area .billing-title {
		margin-top: 8px;
	}
	.billing-area .billing-title:first-child {
		margin-top: 0px;
	}
	.billing-area .billing-address-1 ul.add-name {
		margin-left: 0px;
	}
	.billing-area .billing-address-1 ul.add-name li.billing-name {
		width: 100%;
		margin-left: 0px;
	}
	.billing-area .billing-address-1 ul.billing-location {
		margin-left: 0px;
	}
	.billing-area .billing-address-1 ul.billing-location li.billing-info {
		width: 100%;
		margin-left: 0px;
	}
	.billing-area .billing-address-1 ul.country-info {
		margin-left: 0px;
	}
	.billing-area .billing-address-1 ul.country-info li.billing-country {
		width: 100%;
		margin-left: 0px;
		margin-bottom: 15px;
	}
}

/*==============================
    cancellation page css
==============================*/
.cancellation-content ul.cancellation {
	list-style-type: unset;
}
.cancellation-content ul.cancellation li {
	margin-bottom: 15px;
}
@media (max-width: 1199px) {
	.cancellation-title h1 {
		font-size: 24px;
	}
}
@media (max-width: 991px) {
	.cancellation-title h1 {
		font-size: 20px;
	}
}
@media (max-width: 767px) {
	.cancellation-title h1 {
		font-size: 18px;
	}
}

/*==============================
    track page css
==============================*/
.track-area .track-price ul.track-order {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.track-area .track-price ul.track-order li h4 {
	font-size: 16px;
}
.track-area .track-price ul.track-order li span.track-status {
	font-size: 16px;
	font-weight: 600;
}
.track-area .track-main {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid var(--theme-border-color);
}
.track-area .track-main .track {
	position: relative;
	display: flex;
	height: 7px;
	margin-bottom: 40px;
	margin-top: 40px;
}
.track-area .track-main .track::before {
	content: "";
	position: absolute;
	bottom: 50%;
	width: 100%;
	height: 7px;
	transform: translateY(50%);
	background-color: #ddd;
}
.track-area .track-main .track .step {
	width: 25%;
	margin-top: -18px;
	text-align: center;
	position: relative;
}
.track-area .track-main .track .step.active::before {
	background-color: var(--font-color-primary);
}
.track-area .track-main .track .step::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 7px;
	top: 18px;
	left: 0;
}
.track-area .track-main .track .step.active .icon {
	color: var(--box-body-bgcolor);
	background-color: var(--font-color-primary);
}
.track-area .track-main .track .icon {
	font-size: 18px;
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-weight: 600;
	position: relative;
	border-radius: 100%;
	background: #ddd;
}
.track-area
	.track-main
	.track
	.icon
	i
	.track-area
	.track-main
	.track
	.step.active
	.text {
	color: var(--font-color-header);
	font-weight: 400;
}
.track-area .track-main .track .text {
	display: block;
	margin-top: 10px;
}
@media (max-width: 767px) {
	.track-area .track-price ul.track-order {
		flex-direction: column;
		align-items: flex-start;
		margin-top: -6px;
	}
	.track-area .track-price ul.track-order li {
		margin-top: 6px;
	}
	.track-area .track-price ul.track-order li span.track-status {
		font-size: 16px;
	}
	.track-area .track {
		margin-bottom: 50px;
		margin-top: 40px;
		height: 4px;
	}
	.track-area .track .step {
		margin-top: -14px;
	}
	.track-area .track .text {
		font-size: 14px;
	}
	.track-area .track-main {
		margin-top: 23px;
	}
	.track-area .track-main .track::before {
		width: 7px;
		height: 100%;
		left: 15px;
	}
	.track-area .track-main .track {
		flex-direction: column;
		height: 100%;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.track-area .track-main .track .step {
		width: 100%;
		display: flex;
		align-items: center;
		margin-top: 30px;
	}
	.track-area .track-main .track .step::before {
		width: 7px;
		height: 100%;
		top: 100%;
		left: 15px;
	}
	.track-area .track-main .track .step:first-child {
		margin-top: 0px;
	}
	.track-area .track-main .track .step .text {
		margin-top: 0px;
		margin-left: 20px;
	}
}

/*==============================
    search-page css
==============================*/
.search-page .search-title {
	text-align: center;
	margin-bottom: 30px;
}
.search-page .saerch-input form {
	position: relative;
}
.search-page .saerch-input form input {
	width: 100%;
	height: 45px;
	padding: 10px 15px;
	background-color: var(--box-body-bgcolor);
	border: 1px solid var(--theme-border-color);
}
.search-page .saerch-input form a.search-btn {
	color: var(--box-body-bgcolor);
	font-size: 16px;
	position: absolute;
	bottom: 50%;
	transform: translateY(50%);
	right: 0px;
	width: 60px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--font-color-primary);
	border-radius: 0px var(--sti-border-radius) var(--sti-border-radius) 0px;
}
.search-page .saerch-input form a.search-btn:hover {
	color: var(--box-body-bgcolor);
	background-color: var(--font-color-header);
}
.search-page .saerch-input form a.search-btn i {
	display: block;
	line-height: 0;
}
.search-page .search-pro-area .search-pro-items ul.search-view {
	display: flex;
	flex-wrap: wrap;
	margin-left: -30px;
}
.search-page .search-pro-area .search-pro-items ul.search-view li.st-col-item {
	width: calc(25% - 30px);
	margin-left: 30px;
	margin-top: 30px;
}
.search-page
	.search-pro-area
	.search-pro-items
	ul.search-view
	li.st-col-item.blog {
	width: calc(33.33% - 30px);
}
@media (max-width: 1199px) {
	.search-page
		.search-pro-area
		.search-pro-items
		ul.search-view
		li.st-col-item {
		width: calc(33.33% - 30px);
	}
}
@media (max-width: 991px) {
	.search-page
		.search-pro-area
		.search-pro-items
		ul.search-view
		li.st-col-item {
		width: calc(50% - 30px);
	}
}
@media (max-width: 767px) {
	.search-page .search-pro-area .search-pro-items ul.search-view {
		margin-left: -12px;
	}
}
@media (max-width: 479px) {
	.search-page
		.search-pro-area
		.search-pro-items
		ul.search-view
		li.st-col-item {
		width: calc(100% - 12px);
		margin-left: 12px;
	}
}
.search-page
	.search-pro-area
	.search-pro-items
	ul.search-view
	li.st-col-item
	.single-product-wrap {
	border: 1px solid var(--theme-border-color);
}

/*==============================
    sitemap page css
==============================*/
.sit-map-area {
	display: flex;
	flex-wrap: wrap;
}
.sit-map-area ul.site-map-main {
	width: 33.33%;
	margin-top: 21px;
}
.sit-map-area ul.site-map-main:nth-child(1),
.sit-map-area ul.site-map-main:nth-child(2),
.sit-map-area ul.site-map-main:nth-child(3) {
	margin-top: 0px;
}
.sit-map-area ul.site-map-main li.site-main-title {
	position: relative;
	margin-left: 30px;
}
.sit-map-area ul.site-map-main li.site-main-title h2.title {
	color: var(--font-color-header);
	font-size: 18px;
	font-weight: 600;
	line-height: 1;
}
.sit-map-area
	ul.site-map-main
	li.site-main-title
	h2.title
	a.site-title::before {
	content: "";
	position: absolute;
	top: 4px;
	left: -20px;
	width: 10px;
	height: 10px;
	background-color: var(--font-color-primary);
}
.sit-map-area ul.site-map-main li.site-main-title ul.site-main-link {
	margin-top: 21px;
	margin-left: 30px;
}
.sit-map-area
	ul.site-map-main
	li.site-main-title
	ul.site-main-link
	li.site-link {
	position: relative;
	margin-top: 5px;
}
.sit-map-area
	ul.site-map-main
	li.site-main-title
	ul.site-main-link
	li.site-link
	a {
	color: var(--font-color-body);
	font-size: 14px;
}
.sit-map-area
	ul.site-map-main
	li.site-main-title
	ul.site-main-link
	li.site-link
	a:hover {
	color: var(--font-color-header);
}
.sit-map-area
	ul.site-map-main
	li.site-main-title
	ul.site-main-link
	a.shop-main {
	position: relative;
	color: var(--font-color-header);
	font-size: 16px;
	font-weight: 600;
}
.sit-map-area
	ul.site-map-main
	li.site-main-title
	ul.site-main-link
	a.shop-main::before {
	content: "";
	position: absolute;
	top: 8px;
	left: -20px;
	width: 8px;
	height: 8px;
	background-color: var(--font-color-primary);
}
.sit-map-area
	ul.site-map-main
	li.site-main-title
	ul.site-main-link
	li.fruit-link {
	margin-left: 30px;
	margin-top: 12px;
	line-height: 1;
}
.sit-map-area
	ul.site-map-main
	li.site-main-title
	ul.site-main-link
	li.fruit-link:nth-child(2) {
	margin-top: 11px;
}
.sit-map-area
	ul.site-map-main
	li.site-main-title
	ul.site-main-link
	li.fruit-link
	a {
	position: relative;
}
.sit-map-area
	ul.site-map-main
	li.site-main-title
	ul.site-main-link
	li.fruit-link
	a::before {
	content: "";
	position: absolute;
	top: 6px;
	left: -20px;
	width: 6px;
	height: 6px;
	background-color: var(--font-color-primary);
}
.sit-map-area
	ul.site-map-main
	li.site-main-title
	ul.site-main-link
	li.site-link
	a::before {
	content: "";
	position: absolute;
	top: 8px;
	left: -20px;
	width: 6px;
	height: 6px;
	background-color: var(--font-color-primary);
}
@media (max-width: 991px) {
	.sit-map-area ul.site-map-main {
		width: 50%;
	}
	.sit-map-area ul.site-map-main:nth-child(1),
	.sit-map-area ul.site-map-main:nth-child(2) {
		margin-top: 0px;
	}
}
@media (max-width: 767px) {
	.sit-map-area ul.site-map-main {
		width: 100%;
	}
	.sit-map-area ul.site-map-main:nth-child(2),
	.sit-map-area ul.site-map-main:nth-child(3) {
		margin-top: 20px;
	}
}

/*==============================
    address page css
==============================*/
/*.address-title h2 {
    font-size: 30px;
    margin-bottom: 30px;
    text-align: center;
}
.account-link a {
    color: var(--font-color-header);
    text-decoration: underline;
}
.account-link a:hover {
    color: var(--font-color-body);
}
.add-area a.address-link {
    padding: 45px;
    margin-top: 30px;
    text-align: center;
    box-shadow: var(--box-shadow-color);
}
.add-area a.address-link {
    color: #828282;
    text-align: center;
    display: block;
}
.add-area a.address-link:hover {
    color: var(--font-color-primary);
}
.add-area .address-link i {
    display: block;
    font-size: 40px;
    margin-bottom: 5px;
}
.add-area .add-title h6 {
    margin-top: 30px;
    font-size: 18px;
    line-height: 1;
}
.add-area .address-content ul.address-input {
    display: flex;
    flex-wrap: wrap;
    margin-left: -30px;
}
.add-area .address-content ul.pro-submit {
    margin-top: 30px;
} 
.add-area .address-content ul.address-input li.type-add {
    width: calc(50% - 30px);
    margin-left: 30px;
    margin-top: 30px;
}
.add-area .address-content ul.address-input li.type-add label {
    color: var(--font-color-header);
    margin-bottom: 5px;
    font-weight: 600;
}
.add-area .address-content ul.address-input li.type-add input {
    width: 100%;
    height: 45px;
    padding: 8px 10px;
    font-size: 13px;
    border:1px solid var(--theme-border-color);
    border-radius: var(--border-radius);
}
.add-area .address-content ul.address-input li.type-add select {
    width: 100%;
    height: 45px;
    padding: 8px 10px;
    font-size: 13px;
    border:1px solid var(--theme-border-color);
    border-radius: var(--border-radius);
}
.add-area .address-content label.check {
    margin-top: 30px;
    cursor: pointer;
}
.add-area .address-content .add-link {
    margin-top: 30px;
}
.add-area .address-content .add-link a:last-child {
    margin-left: 10px;
}
@media (max-width: 991px) {
    .address-title h2 {
        font-size: 20px;
    }
    .add-area .add-title h6 {
        font-size: 16px;
    }
}
@media (max-width: 767px) {
    .add-area .address-content ul.address-input {
        flex-direction: column;
    }
    .add-area .address-content ul.address-input li.type-add {
        width: calc(100% - 30px);
        margin-top: 15px;
    }
    .add-area .address-content label.check {
        margin-top: 20px;
        margin-bottom: 0px;
    }
    .add-area .address-content .add-link {
        margin-top: 20px;
    }
}*/

/* timer css */
/*.timer-section {
    margin-top: 30px;
}
.timer-section ul.contdown_row {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content: flex-start;
}
.timer-section ul.contdown_row li {
    position: relative;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    border: 1px solid var(--theme-border-color);
    margin-left: 50px;
}
.timer-section ul.contdown_row li:first-child {
    margin-left: 0px;
}
.timer-section ul.contdown_row li.countdown_section::before {
    content: ":";
    position: absolute;
    right: -27px;
    color: var(--font-color-body);
    font-size: 40px;
    line-height: 1;
}
.timer-section ul.contdown_row li.countdown_section:last-child::before {
    display: none;
}
.timer-section ul.contdown_row li span {
    display: block;
    line-height: 1;
}
.timer-section ul.contdown_row li span.countdown_timer {
    color: var(--font-color-header);
    font-size: 22px;
    font-weight: 600;
}
.timer-section ul.contdown_row li span.countdown_title {
    color: var(--font-color-primary);
    font-size: 14px;
    margin-top: 5px;
}
@media (max-width: 1499px) {
    .timer-section ul.contdown_row li {
        width: 80px;
        height: 80px;
        margin-left: 30px;
    }
    .timer-section ul.contdown_row li.countdown_section::before {
        right: -17px;
    }
}
@media (max-width: 1199px) {
    .timer-section {
        margin-top: 15px;
    }
}
@media (max-width: 767px) {
    .timer-section ul.contdown_row li.countdown_section::before {
        font-size: 24px;
    }
}
@media (max-width: 479px) {
    .timer-section ul.contdown_row li {
        margin-left: 15px;
    }
    .timer-section ul.contdown_row li span.countdown_timer {
        font-size: 16px;
    }
    .timer-section ul.contdown_row li.countdown_section::before {
        font-size: 16px;
        right: -10px;
    }
}
@media (max-width: 320px) {
    .timer-section ul.contdown_row li {
        width: 40px;
        height: 40px;
    }
}*/