:root {
	--primary-color: #7a0821;
	--secondary-color: #FCF4F1;
	--text-color: #69615D;
	--accent-color: #7a0821;
	--white-color: #FFFFFF;
	--divider-color: #CD5F371A;
	--dark-divider-color: #FFFFFF1A;
	--error-color: rgb(230, 87, 87);
	--default-font: "Poppins", sans-serif;
	--accent-font: "Poppins", sans-serif;
}

/************************************/
/*** 	   02. General css		  ***/
/************************************/

body {
	position: relative;
	font-family: var(--default-font);
	font-size: 16px;
	font-weight: 400;
	line-height: 1em;
	color: var(--text-color);
	background: #dddad3;
}

.navbar-fixed {
	top: 0 !important;
	z-index: 100 !important;
	position: fixed !important;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9999;
	margin-top: 0px !important;

}

::-webkit-scrollbar-track {
	background-color: var(--primary-color);
	border-left: 1px solid var(--primary-color);
}

::-webkit-scrollbar {
	width: 7px;
	background-color: var(--secondary-color);
}

::-webkit-scrollbar-thumb {
	background: var(--secondary-color);
}

::selection {
	color: var(--primary-color);
	background-color: var(--secondary-color);
	filter: invert(1);
}

p {
	line-height: 1.6em;
	margin-bottom: 1.5em;
	font-size: 14px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	font-family: var(--accent-font);
	font-weight: 400;
	line-height: 1.2em;
	color: var(--primary-color);
}

figure {
	margin: 0;
}

img {
	max-width: 100%;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	outline: 0;
}

a:focus {
	text-decoration: none;
	outline: 0;
}

html,
body {
	width: 100%;
	overflow-x: clip;
}

.container {
	max-width: 1830px;
}

.me-lg-0 {
	margin-right: 0px !important;
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
	padding-right: 15px;
	padding-left: 15px;
}

.cust-sec {
	margin: auto;
	margin-left: 10%;
}

.image-anime {
	position: relative;
	overflow: hidden;
}

.section-division {
	margin: 15px !important;
}

.rounded-section {
	border-radius: 20px;
}

.bg-secondary {
	background-color: var(--secondary-color) !important;
}

.bg-primary {
	background-color: var(--primary-color) !important;
}

.main-section {
	width: 100%;
	margin: 15px 0;
	padding: 0;
}

.mainsection {
	width: 100%;
	margin: 15px 0;
	padding: 0px;
}

.section-heading {
	display: flex;
	border-bottom: 1px #e6e1df solid;
	gap: 20px;
	align-items: center;
	justify-content: space-between;
	padding: 34px 10px 26px;
}

.section-heading .section-title {
	display: flex;
	gap: 18px;
	align-items: center;
}

.section-icon {
	display: grid;
	place-items: center;
	width: 54px;
	height: 54px;
	border-radius: 50%;
	background: var(--accent-color);
	color: #fff;
	font-size: 28px;
	font-weight: 800;
}

.mainsection .inner-section {
	padding: 20px;
	border-radius: 10px;
}

.section-kicker {
	margin: 6px 0 0;
	color: var(--accent-color);
	font-size: 13px;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
}

header .section-title h2 {
	margin: 0;
	font-size: clamp(28px, 2.3vw, 44px);
	line-height: 1.05;
	font-weight: 800;
	letter-spacing: 0;
	text-transform: uppercase;
}

header .section-title p {
	margin-top: 0;
}

.publication-count {
	min-width: 136px;
	padding: 11px 20px;
	border-radius: 999px;
	background: #f5f3f2;
	color: var(--accent-color);
	text-align: center;
	font-size: 15px;
	font-weight: 800;
	white-space: nowrap;
}

.inner-section {
	/* padding: 50px; */
	padding: 0;
	border-radius: 20px;
	width: 100%;
}

.counter-section .inner-section {
	padding: 100px 25px;
}

.bg-light-gray {
	/* background-color: #f1f1f1; */
	background-color: #dddad3;
}

.image-anime:after {
	content: "";
	position: absolute;
	width: 200%;
	height: 0%;
	left: 50%;
	top: 50%;
	background-color: rgba(255, 255, 255, .3);
	transform: translate(-50%, -50%) rotate(-45deg);
	z-index: 1;
}

.image-anime:hover:after {
	height: 250%;
	transition: all 600ms linear;
	background-color: transparent;
}

.reveal {
	position: relative;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	visibility: hidden;
	overflow: hidden;
}

.reveal img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-transform-origin: left;
	transform-origin: left;
}

.row {
	margin-right: -15px;
	margin-left: -15px;
}

.row>* {
	padding-right: 15px;
	padding-left: 15px;
}

.row.no-gutters {
	margin-right: 0px;
	margin-left: 0px;
}

.row.no-gutters>* {
	padding-right: 0px;
	padding-left: 0px;
}

.btn-default {
	position: relative;
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	line-height: 1em;
	text-transform: capitalize;
	color: var(--primary-color);
	border-radius: 100px;
	padding: 17px 25px;
	margin-right: 50px;
	border: none;
	transition: all 0.5s ease-in-out;
	z-index: 1;
	background-color: transparent;
	border: 1px solid transparent;
	box-shadow: 3px 3px 6px #b8b9be, -3px -3px 6px #fff;
	-webkit-box-shadow: 3px 3px 6px #b8b9be, -3px -3px 6px #fff;
	-moz-box-shadow: 3px 3px 6px #b8b9be, -3px -3px 6px #fff;
	-ms-box-shadow: 3px 3px 6px #b8b9be, -3px -3px 6px #fff;
}

.btn-default::before {
	content: '';
	position: absolute;
	top: 50%;
	right: -50px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: var(--primary-color);
	background-image: url('../images/arrow-white.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 14px auto;
	transform: translateY(-50%);
	transition: all 0.3s ease-in-out;
}

.btn-highlighted {
	background-color: #fff !important;
	box-shadow: none !important;
}

.btn-default:hover::before {
	transform: translateY(-50%) rotate(45deg);
}

.btn-default::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	right: 50%;
	opacity: 0;
	background: var(--primary-color);
	border-radius: 100px;
	transition: all 0.4s ease-in-out;
	z-index: -1;
}

.btn-default:hover::after {
	left: 0;
	right: 0;
	opacity: 1;
}

.btn-default.btn-highlighted:hover {
	background: transparent;
	color: var(--primary-color);
}

.btn-default.btn-highlighted::before {
	background-color: var(--white-color);
	background-image: url('../images/arrow-primary.svg');
}

.btn-default.btn-highlighted:hover::after {
	background: var(--white-color);
}

.readmore-btn {
	background: var(--accent-color);
	border-radius: 50%;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease-in-out;
}

.readmore-btn:hover {
	background: var(--primary-color);
}

.readmore-btn img {
	max-width: 14px;
	transition: all 0.3s ease-in-out;
}

.readmore-btn:hover img {
	transform: rotate(45deg);
}

.cb-cursor:before {
	background: var(--accent-color);
}

.preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	background: var(--primary-color);
	display: flex;
	align-items: center;
	justify-content: center;
}

.loading-container,
.loading {
	height: 100px;
	position: relative;
	width: 100px;
	border-radius: 100%;
}

.loading-container {
	margin: 40px auto;
}

.loading {
	border: 1px solid transparent;
	border-color: transparent var(--white-color) transparent var(--white-color);
	animation: rotate-loading 1.5s linear 0s infinite normal;
	transform-origin: 50% 50%;
}

.loading-container:hover .loading,
.loading-container .loading {
	transition: all 0.5s ease-in-out;
}

#loading-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 66px;
	transform: translate(-50%, -50%);
}

@keyframes rotate-loading {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.bg-section {
	width: 100%;
	max-width: 1800px;
	margin: 0 auto;
	background-color: var(--secondary-color);
	border-radius: 30px;
}

.bg-section.dark-section {
	background-color: var(--primary-color);
}

.section-row {
	margin-bottom: 35px;
}

.section-row .section-title {
	margin-bottom: 0;
}

.section-row .section-title.section-title-center {
	width: 100%;
	max-width: 700px;
	text-align: center;
	margin: 0 auto;
}

.section-title {
	margin-bottom: 20px;
}

.section-title h3 {
	display: inline-block;
	position: relative;
	font-family: var(--default-font);
	font-size: 30px;
	font-weight: 400;
	line-height: 1.2em;

	color: var(--accent-color);
	padding-left: 34px;
	margin-bottom: 10px;
}

.section-title h3::before {
	content: '';
	position: absolute;
	top: 30%;
	left: 0;
	transform: translateY(-50%);
	background: url(../images/icon-sub-heading.png) no-repeat;
	background-position: left center;
	background-size: cover;
	width: 33px;
	height: 33px;
}

.dark-section .section-title h3 {
	color: var(--white-color);
}

.dark-section .section-title h3::before {
	filter: brightness(0) invert(1);
}

.section-title h1 {
	font-size: 40px;
	text-transform: uppercase;
	margin-bottom: 0;
	cursor: none;
}

.section-title h2 {
	font-size: 14px;
	margin-bottom: 0;
	cursor: none;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}

.section-title h1 span,
.section-title h2 span {
	color: var(--white-color);
}

.section-title p {
	margin-top: 20px;
	margin-bottom: 0;
}

.section-title-content p {
	margin: 0;
}

.dark-section .section-title-content p,
.dark-section .section-title p,
.dark-section .section-title h2,
.dark-section .section-title h1 {
	color: var(--white-color);
}

.section-btn {
	text-align: right;
}

.section-content-btn .section-btn {
	text-align: left;
	margin-top: 30px;
}

.help-block.with-errors ul {
	margin: 0;
	text-align: left;
}

.help-block.with-errors ul li {
	color: var(--error-color);
	font-weight: 500;
	font-size: 14px;
}

/************************************/
/**** 	   03. Header css		 ****/
/************************************/

header.main-header {
	position: relative;
	z-index: 100;
}

.main-header .bg-section {
	background: #dddad3;
	max-width: 1800px;
	/* box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.08), -5px -6px 10px 0 rgba(253, 253, 253, 0.9); */
	/* -webkit-box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.08), -5px -6px 10px 0 rgba(253, 253, 253, 0.9); */
	-moz-box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.08), -5px -6px 10px 0 rgba(253, 253, 253, 0.9);
	-ms-box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.08), -5px -6px 10px 0 rgba(253, 253, 253, 0.9);
	/* background-image: linear-gradient(to top, #f1f2f5, rgba(255, 255, 255, 0)), linear-gradient(to bottom, #f6f6f9, #f6f6f9); */
	/* border: 1px solid #eeeef0; */
	background: linear-gradient(0deg, rgb(107 105 105), rgb(128 122 122));
}

header.main-header .header-sticky {
	position: relative;
	top: 0;
	z-index: 100;
	margin-bottom: 15px;
	margin-top: 15px;
}

header.main-header .header-sticky.hide {
	transform: translateY(-100%);
	transition: transform 0.3s ease-in-out;
	border-radius: 0;
}

header.main-header .header-sticky.active {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	border-radius: 0;
	transform: translateY(0);
	background: var(--white-color);
	border: 1px solid var(--divider-color);
	border-top: none;
	border-radius: 0 0 20px 20px;
}

.top-bar-header {
	background: #fff;
	padding: 12px 0px;
	position: relative;
}

.main-header-three__middle::after {}




.main-header-three__middle {
	position: relative;
	display: block;
	padding: 20px 0px 20px;
	background-color: #fff;
	/*background: url(../images/favicon.png) no-repeat;*/
	background-size: contain;
	background-position: center;
	z-index: 1001;
}

.cutLogo {
	/*width: 182px;*/
	width: 100px;
	position: absolute;
	top: -25px;
	height: 10em;
	left: 60px;
}

.mainLogo {
	margin-left: 165px;
}

.top-bar-header {

	background-color: var(--primary-color);
	background-image: url(../images/testimonials-bg-shape.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	/*background-color: #d0cece;*/
	/*   opacity: 0.8;*/
	/*background-image: linear-gradient(to bottom, transparent, transparent 20%, #7a0821 20%), linear-gradient(to right, #f4f4f778, #7a0821 20%, #7a0821 20%);*/
	/*   background-size: 5px 5px;*/
}

.main-header-three__middle-inner {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.main-header-three__middle-inner .logo-box {
	position: relative;
	display: block;
	margin-right: 30px;
	z-index: 3;
}

.main-header-three__middle .contact-info ul {
	position: relative;
	display: block;
}


/*.main-header-three__middle .contact-info ul li {*/
/*    position: relative;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    float: left;*/
/*    margin-right: 9px;*/
/*    padding-right: 25px;*/
/*    box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.08), -5px -6px 10px 0 rgba(253, 253, 253, 0.9);*/
/*    -webkit-box-shadow: 4px 4px 10px 0 rgb(0 0 0 / 28%), -5px -6px 10px 0 rgb(213 213 213 / 90%);*/
/*    -moz-box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.08), -5px -6px 10px 0 rgba(253, 253, 253, 0.9);*/
/*    -ms-box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.08), -5px -6px 10px 0 rgba(253, 253, 253, 0.9);*/
/*    background-image: linear-gradient(to top, #f1f2f5, rgba(255, 255, 255, 0)), linear-gradient(to bottom, #f6f6f9, #f6f6f9);*/
/*    border: 1px solid #eeeef000;*/
/*    padding: 0.5rem 1.5rem;*/
/*    border-radius: 100px;*/
/*}*/

.menu-card {
	display: flex;
	align-items: center;
	float: left;
	gap: 10px;
	margin: 10px;
	padding: 11px 20px;
	border-radius: 100px;
	cursor: pointer;
	background-color: #f0f0f3;
	box-shadow: 3px 3px 6px #b8b9be, -3px -3px 6px #fff;
	transition: all 0.3s ease-in-out;
}

/* Hover effect like button */
.menu-card:hover {
	transform: translateY(-2px);
	box-shadow: inset 3px 3px 6px #b8b9be, inset -3px -3px 6px #fff;
}

/* Icon style */
.menu-card .icon-box span {
	font-size: 16px;
	color: var(--primary-color);
}

/* Text */
.menu-card h3 {
	font-size: 14px;
	margin: 0;
	color: #333;
}

.main-header-three__middle .contact-info ul li .icon-box {
	position: relative;
	display: block;
	font-size: 12px;
	color: #7a0821;
	background: #f1f1f4;
	box-shadow: inset 2px 1px 3px 0 rgba(200, 186, 186, 0.5);
	-webkit-box-shadow: inset 2px 1px 3px 0 rgba(200, 186, 186, 0.5);
	-moz-box-shadow: inset 2px 1px 3px 0 rgba(200, 186, 186, 0.5);
	-ms-box-shadow: inset 2px 1px 3px 0 rgba(200, 186, 186, 0.5);
	padding: 7px 9px;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	text-align: center;
}

.main-header-three__middle .contact-info ul li .text-box {
	position: relative;
	display: block;
	margin-left: 5px;
	padding-top: 2px;
}

.main-header-three__middle .contact-info ul li .text-box h3 {

	font-size: 14px;

	text-transform: capitalize;

	margin-bottom: 5px;

	font-weight: 400;

	line-height: 1.2em;

	margin-bottom: 5px;

	color: var(--primary-color);

	font-family: var(--accent-font);
}

.main-header-three__middle .contact-info ul li .text-box p {
	margin: 0;
	line-height: 22px;
	color: var(--text-color);
	font-size: 14px;
}

.main-header-three__middle .contact-info ul li .text-box p a {

	color: var(--text-color);
}

.main-header-three__middle .contact-info {
	position: relative;
	display: block;
}

/* contact us profile  */
.contact-image {
	border-radius: 25px;
	margin: 0 auto;
}

.profile-image {
	overflow: hidden;
	border-radius: 25px;
}

.contact-section .contact-form {
	margin-top: 0;
	padding: 0;
	background-color: transparent;
}

.contact-section .contact-form form input,
.contact-section .contact-form form textarea {
	width: 100%;
	padding: 12px;
	border: 1px solid #e2e8f0;
	/* Soft border color */
	border-radius: 6px;
	/* Smooth rounded corners */
	font-size: 16px;
	color: #333333;
	outline: none;
	/* Removes the default browser outline */
	background-color: #ffffff;

	/* 1. The Default Shadow */
	/* This creates a very faint drop shadow pointing slightly downwards */
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);

	/* Smooth transition when clicking into the input */
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.contact-section .contact-form button[type="submit"] {
	margin-top: 0;
	width: fit-content;
}

.quick-contact .quick-box {}

.contactIcon {
	font-size: 15px;
	padding: 10px;
	border: 1px #d1d1d1 solid;
	border-radius: 10px;
	width: 50px;
	height: 50px;
	text-align: center;
	align-items: center;
	display: flex;
	justify-content: center;
	display: flex;
	justify-content: center;
	background-color: #7a0821;
	color: #fff;
}

.quick-box span {
	color: #000;
	font-weight: 700;
	margin: 5px 0;
	display: block;
}

.quick-box a {
	color: #5f5f5f;
}

.follow-us ul {
	list-style-type: none;
	margin: 17px 0;
	padding: 0;
}

.follow-us ul li a {
	width: 40px;
	height: 40px;
	text-align: center;
	align-items: center;
	justify-content: center;
	display: flex;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
	color: #000;
	border: 1px #ddd solid;
	border-radius: 6px;
}

.follow-us ul li a:hover {
	background-color: var(--primary-color);
	color: #fff;
	border: 1px solid var(--primary-color);
	transition: all 0.2s ease-in-out;
}

/* mapsection */
.map-section {
	background-image: url('../images/bg-2.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	border: 1px #ddd solid;
	border-radius: 25px;
}

#world-map {
	width: 100%;
	height: 600px;
}

.jvectormap-tip {
	background: transparent !important;
	border: none !important;
	padding: 0 !important;
}

.map-tooltip {
	min-width: 250px;
	padding: 10px;
	border-radius: 10px;
	background: #fff;
	color: #000;
	display: flex;
	align-items: center;
	gap: 10px;
	box-shadow: 0 5px 20px rgba(0, 0, 0, .15);
	z-index: 10;
}

.district-label {
	position: absolute;
	transform: translate(-50%, -100%);
	font-size: 12px;
	font-weight: bold;
	color: #000;
	background: #fff;
	padding: 2px 5px;
	border-radius: 3px;
	white-space: nowrap;
	pointer-events: none;
	z-index: 100;
}

.map-tooltip img {
	width: 60px;
	height: 60px;
	object-fit: contain;
}

.map-tooltip h5 {
	margin: 0;
	font-size: 16px;
	font-weight: 600;
}

.map-tooltip p {
	margin: 2px 0;
	font-size: 13px;
}

.jvectormap-marker {
	animation: pulse 2s infinite;
}

@keyframes pulse {
	0% {
		transform: scale(1);
		opacity: 1;
	}

	50% {
		transform: scale(1.8);
		opacity: .4;
	}

	100% {
		transform: scale(1);
		opacity: 1;
	}
}

/*  */

/*  */

.top-bar-header .top-welcome-text p {
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
	margin-bottom: 0px;
	color: #ffffff;
}

.top-bar-header .social-links a {
	display: inline-block;
	margin: 0px 6px;
	color: #ffffff;
}

.top-bar-header .social-links {
	margin-right: 0px;
}

.top-bar-header .top-welcome-text {
	text-transform: capitalize;
	position: relative;
	z-index: 22;
	padding-left: 15px;
}

.navbar {
	padding: 7px 0;
	align-items: center;
}

.navbar-brand {
	padding: 0;
	margin: 0;
}

.navbar-brand img {
	width: 265px;
}

.about-us-content p {
	text-align: justify;
}

.main-menu .nav-menu-wrapper {
	flex: 1;
	text-align: center;
	margin: 0 0px;
}

.main-menu .nav-menu-wrapper>ul {
	align-items: center;
	display: inline-flex;
}

.main-menu ul li {
	margin: 0;
	position: relative;
}

.main-menu ul li a {
	font-size: 14px;
	font-weight: 400;
	line-height: 1em;
	padding: 15px !important;
	color: #ffffff;
	text-transform: capitalize;
	transition: all 0.3s ease-in-out;
}

.main-menu ul li.submenu>a:after {
	content: '\f107';
	font-family: 'FontAwesome';
	font-weight: 900;
	font-size: 14px;
	margin-left: 8px;
}

.main-menu ul li a:hover,
.main-menu ul li a:focus {
	color: var(--accent-color);
}

.main-menu ul ul {
	visibility: hidden;
	opacity: 0;
	transform: scaleY(0.8);
	transform-origin: top;
	padding: 0;
	margin: 0;
	list-style: none;
	width: 235px;
	border-radius: 20px;
	position: absolute;
	left: 0;
	top: 100%;
	background: var(--accent-color);
	transition: all 0.3s ease-in-out;
	text-align: left;
}

.main-menu ul li.submenu:first-child ul {
	width: 235px;
}

.main-menu ul ul ul {
	left: 100%;
	top: 0;
	text-align: left;
}

.main-menu ul li:hover>ul {
	visibility: visible;
	opacity: 1;
	transform: scaleY(1);
	padding: 5px 0;
}

.main-menu ul li.submenu ul li.submenu>a:after {
	content: '\f105';
	float: right;
}

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

.main-menu ul ul li a {
	color: var(--white-color);
	padding: 8px 20px !important;
	transition: all 0.3s ease-in-out;
}

.main-menu ul li:hover>ul {
	visibility: visible;
	opacity: 1;
	transform: scaleY(1);
	padding: 5px 0;
}

.main-menu ul ul li a:hover,
.main-menu ul ul li a:focus {
	color: var(--primary-color);
	background-color: transparent;
	padding: 8px 20px 8px 23px !important;
}

.header-contact-btn {
	display: flex;
	align-items: center;
	gap: 25px;
}

.header-contact-now {
	font-family: var(--accent-font);
	font-size: 20px;
	line-height: normal;
	color: var(--primary-color);
	transition: all 0.3s ease-in-out;
}

.header-contact-now:hover {
	color: var(--accent-color);
	background: #a87d00;
}

.header-contact-now i {
	background-color: var(--secondary-color);
	border-radius: 50%;
	width: 40px;
	height: 40px;
	text-align: center;
	align-content: center;
	font-size: 18px;
	color: var(--accent-color);
	margin-right: 15px;
}

.header-contact-btn .btn-default {
	margin-right: 0;
	background: #7a0821;
	color: #fff;
	-webkit-box-shadow: 3px 3px 6px #474747, -3px -3px 6px #5e5c5c;
	margin-right: 50px;
}

.modal-content {
	outline: 0;
	border-radius: 30px;
}

.header-contact-btn .btn-default::before {
	display: none;
}

.main-menu ul li.highlighted-menu {
	display: none;
}

.responsive-menu,
.navbar-toggle {
	display: none;
}

.responsive-menu {
	top: 0;
	position: relative;
}

.slicknav_btn {
	background: var(--accent-color);
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	margin: 0;
	border-radius: 8px;
}

.slicknav_icon .slicknav_icon-bar {
	display: block;
	width: 100%;
	height: 3px;
	width: 22px;
	background-color: var(--white-color);
	border-radius: 6px;
	margin: 4px auto !important;
	transition: all 0.1s ease-in-out;
}

.slicknav_icon .slicknav_icon-bar:first-child {
	margin-top: 0 !important;
}

.slicknav_icon .slicknav_icon-bar:last-child {
	margin-bottom: 0 !important;
}

.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(1) {
	transform: rotate(-45deg) translate(-5px, 5px);
	background-color: var(--white-color);
}

.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(2) {
	opacity: 0;
}

.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(3) {
	transform: rotate(45deg) translate(-5px, -5px);
	background-color: var(--white-color);
}

.slicknav_menu {
	position: absolute;
	width: 100%;
	padding: 0;
	background: var(--accent-color);
}

.slicknav_menu ul {
	margin: 5px 0;
}

.slicknav_menu ul ul {
	margin: 0;
}

.slicknav_nav .slicknav_row,
.slicknav_nav li a {
	position: relative;
	font-size: 16px;
	font-weight: 400;
	text-transform: capitalize;
	padding: 8px 20px;
	color: var(--white-color);
	line-height: normal;
	margin: 0;
	border-radius: 0 !important;
	transition: all 0.3s ease-in-out;
}

.slicknav_nav a:hover,
.slicknav_nav a:focus,
.slicknav_nav .slicknav_row:hover {
	background-color: transparent;
	color: var(--primary-color);
}

.slicknav_menu ul ul li a {
	padding: 8px 20px 8px 30px;
}

.slicknav_arrow {
	font-size: 0 !important;
}

.slicknav_arrow:after {
	content: '\f107';
	font-family: 'FontAwesome';
	font-weight: 900;
	font-size: 12px;
	margin-left: 8px;
	color: var(--white-color);
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	transition: all 0.3s ease-out;
}

.slicknav_open>a .slicknav_arrow:after {
	transform: translateY(-50%) rotate(-180deg);
	color: var(--primary-color);
}

/************************************/
/***        04. Hero css	      ***/
/************************************/

.hero {
	position: relative;
	background-image: url('../images/hero-bg-shape.svg');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% auto;
	padding: 180px 0;
	overflow: clip;
}

.hero.hero-bg-image {
	position: relative;
	background: url('../images/hero-bg.jpg') no-repeat;
	background-position: center center;
	background-size: cover;
	padding: 200px 0;
}

.hero.hero-bg-image::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: var(--primary-color);
	opacity: 60%;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.hero.hero-video .hero-bg-video {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}

.hero.hero-video .hero-bg-video video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hero.hero-bg-image.hero-slider-layout {
	background: none;
	padding: 0;
}

.hero.hero-bg-image.hero-slider-layout .hero-slide {
	position: relative;
	padding: 175px 0;
}

.hero.hero-bg-image.hero-slider-layout .hero-slide::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	/* background: var(--primary-color); */
	opacity: 60%;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.hero.hero-bg-image.hero-slider-layout .hero-slide .hero-slider-image {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}

.hero.hero-bg-image.hero-slider-layout .hero-slide .hero-slider-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hero.hero-bg-image.hero-slider-layout .hero-pagination {
	position: absolute;
	bottom: 50px;
	text-align: left;
	left: calc(((1800px - 1200px) / 2) + 15px);
	z-index: 2;
}

.hero.hero-bg-image.hero-slider-layout .hero-pagination .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	background: var(--dark-divider-color);
	opacity: 1;
	transition: all 0.3s ease-in-out;
	margin: 0 5px;
}

.hero.hero-bg-image.hero-slider-layout .hero-pagination .swiper-pagination-bullet-active {
	background-color: var(--accent-color);
}

.hero-content {
	align-content: start;
	position: relative;
	z-index: 2;
}

.hero-body {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 40px;
}

.hero-body .video-play-button {
	display: inline-flex;
	align-items: center;
	gap: 10px;
}

.hero-body .video-play-button p {
	font-weight: 500;
	text-transform: capitalize;
	color: var(--white-color);
	margin: 0;
}

.video-play-button a {

	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: none;
	transition: all 0.3s ease-in-out;
}

.video-play-button:hover a {
	border-color: var(--accent-color);
}

.video-play-button a i {
	font-size: 18px;
	color: var(--white-color);
	transition: all 0.3s ease-in-out;
}

.video-play-button:hover a i {
	color: var(--accent-color);
}

.hero-review-box {
	margin-top: 40px;
}

.hero-review-box ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.hero-review-box ul li {
	display: inline-block;
	color: var(--secondary-color);
	margin-right: 10px;
}

.hero-review-box ul li:last-child {
	margin: 0;
}

.hero-review-box ul li img {
	max-width: 20px;
}

.hero-review-box ul li i {
	color: var(--accent-color);
}

.hero-image {
	background: url('../images/hero-image-bg-star.svg') no-repeat;
	background-position: center bottom;
	background-size: contain;
	height: 100%;
	align-content: end;
	text-align: center;
}

.hero-image img {
	margin-bottom: -180px;
	margin-top: -120px;
	max-width: initial;
}

/************************************/
/***       05. About Us css	      ***/
/************************************/

.about-us {
	padding: 15px 0;
}

.about-us-images {
	background-position: top 30px left 70px;
	background-size: 76px auto;
	display: flex;
	flex-wrap: wrap;
	margin-right: 20px;
}

.about-img-2,
.about-img-1 {
	width: 100%;
}

.about-img-1 {
	position: relative;
	padding-left: 240px;
	display: none;
}

.about-img-2 {
	max-width: 100%;
	margin-top: 0;
}

.about-img-2 figure,
.about-img-1 figure {
	display: block;
	border-radius: 30px;
	/* margin-right: 31px; */
}

.coverImg {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.4;
}

.about-img-2 img,
.about-img-1 img {
	width: 100%;
	object-fit: cover;
	border-radius: 30px;
}

.about-img-2 figure img,
.about-img-1 figure img {
	/* aspect-ratio: 1 / 1.257; */
}

.company-experience-circle {
	position: absolute;
	right: 50%;
	bottom: 0;
	transform: translate(100%, 50%);
	border-radius: 50%;
	z-index: 2;
}

.company-experience-circle img {
	width: 100%;
	max-width: 180px;
	border-radius: 50%;
}

@keyframes infiniterotate {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

.about-experience-box {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 20px 30px;
}

.about-experience-list,
.about-experience-image {
	width: calc(50% - 15px);
}

.about-experience-list ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.about-experience-list ul li {
	position: relative;
	line-height: 1.5em;
	margin-bottom: 15px;
	padding-left: 30px;
}

.about-experience-list ul li:last-child {
	margin-bottom: 0;
}

.about-experience-list ul li::before {
	content: '\f14a';
	font-family: "FontAwesome";
	position: absolute;
	left: 0;
	top: 0;
	font-size: 20px;
	font-weight: 900;
	color: var(--accent-color);
}

.about-experience-image figure {
	display: block;
	border-radius: 30px;
}

.about-experience-image img {
	width: 100%;
	aspect-ratio: 1 / 0.596;
	object-fit: cover;
	border-radius: 30px;
}

.about-us-body {
	background: var(--secondary-color);
	border-radius: 30px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	padding: 30px;
	margin-top: 40px;
}

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

.about-contact-box .icon-box {
	background: var(--white-color);
	border-radius: 50%;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
}

.about-contact-box .icon-box i {
	font-size: 22px;
	color: var(--accent-color);
}

.about-contact-box-content {
	width: calc(100% - 60px);
}

.about-contact-box-content p {
	margin-bottom: 5px;
}

.about-contact-box-content h3 {
	font-size: 20px;
}

.about-contact-box-content h3 a {
	color: inherit;
	transition: all 0.3s ease-in-out;
}

.about-contact-box-content h3:hover a {
	color: var(--accent-color);
}

/************************************/
/***     06. Our Services css	  ***/
/************************************/

.our-services {
	background-image: url(../images/service-bg-shape.svg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% auto;
	padding: 100px 0;
}

.service-item {
	background-color: var(--white-color);
	border-radius: 30px;
	/* height: calc(100% - 30px); */
	margin-bottom: 30px;
	padding: 40px;
}

.service-content {
	margin-bottom: 15px;
}

.service-content-title {
	display: flex;
	/* flex-wrap: wrap; */
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	/* margin-bottom: 20px; */
	padding: 10px 0;
}

.service-content-title h2 {
	width: auto;
	font-size: 18px;
	text-transform: capitalize;
	line-height: 1.4em;
}

.service-content-title h2 a {
	color: inherit;
}

.service-content p {
	margin: 0;
}

.service-image a {
	display: block;
	border-radius: 30px;
	cursor: none;
	overflow: hidden;
}

.service-image img {
	width: 100%;
	/* aspect-ratio: 1 / 0.667; */
	object-fit: cover;
	border-radius: 30px;
	transition: all 0.5s ease-out;
}

.service-item:hover .service-image img {
	transform: scale(1.1)
}

.section-footer-text {
	margin-top: 30px;
	text-align: center;
}

.section-footer-text p {
	margin: 0;
}

blockquote.wow.fadeInUp p {
	margin-bottom: 0px;
	text-align: center;
}

.section-footer-text p span {
	font-family: var(--accent-font);
	color: var(--white-color);
	background: var(--accent-color);
	border-radius: 30px;
	padding: 4px 12px;
	margin-right: 10px;
}

.section-footer-text p a {
	color: var(--primary-color);
	font-weight: 600;
	text-transform: capitalize;
	text-decoration: underline;
	transition: all 0.3s ease-in-out;
}

.section-footer-text p a:hover {
	color: var(--accent-color);
}

/************************************/
/***      07. What We Do css	  ***/
/************************************/

.what-we-do {
	padding: 15px 0;
}

.what-we-image-1 {
	position: relative;
	margin-right: 10px;
	border-radius: 30px;
	overflow: hidden;
}

.what-we-image-1::before {
	content: '';
	position: absolute;
	top: auto;
	bottom: 0;
	left: 0;
	right: 0;
	background: var(--secondary-color);
	border-radius: 999px 999px 0 0;
	width: 100%;
	height: 80%;
}

.what-we-image-1 img {
	position: relative;
	width: 100%;
	aspect-ratio: 1 / 1.468;
	object-fit: cover;
	z-index: 1;
}

.what-we-content .about-experience-list {
	width: 100%;
}

.what-we-btn {
	margin-top: 40px;
}

.what-we-image-2 {
	position: relative;
	padding-left: 30px;
}

.what-we-image-2 figure {
	display: block;
	border-radius: 999px;
}

.what-we-image-2 img {
	width: 100%;
	aspect-ratio: 1 / 1.561;
	object-fit: cover;
	border-radius: 999px;
}

.experirnce-box {
	position: absolute;
	bottom: 100px;
	left: 0;
	background: var(--accent-color);
	border-radius: 999px;
	max-width: 130px;
	text-align: center;
	padding: 30px 20px;
	z-index: 1;
}

.experirnce-box h2 {
	position: relative;
	font-size: 46px;
	color: var(--white-color);
	margin-bottom: 5px;
	z-index: 1;
}

.experirnce-box p {
	position: relative;
	color: var(--white-color);
	margin: 0;
	z-index: 1;
}

/************************************/
/***      08. Intro Video css     ***/
/************************************/

.intro-video {
	border-radius: 30px;
	overflow: hidden;
}

.intro-video .container-fluid {
	padding: 0;
}

.intro-video-box {
	position: relative;
	overflow: hidden;
	height: 600px;
}

.intro-bg-video {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}

.intro-bg-video::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: var(--primary-color);
	border-radius: 30px;
	opacity: 40%;
	width: 100%;
	height: 100%;
}

.intro-bg-video img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.intro-video-box .video-play-button {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
}

.intro-video-box .video-play-button a {

	line-height: 35px;
	font-size: 31px;
	font-weight: 500;
	text-transform: capitalize;
	color: var(--white-color);
	text-align: center;
}

.intro-video-box .video-play-button:hover a {
	border-color: var(--primary-color);
	color: var(--primary-color);
}

/************************************/
/***      09. Case Study css      ***/
/************************************/

.case-study {
	/* padding: 100px 0 70px; */
}

.case-study-content {
	position: sticky;
	top: 30px;
	margin-bottom: 30px;
}

.case-study-item {
	position: relative;
	border-radius: 12px;
	height: calc(100% - 30px);
	margin-bottom: 30px;
	overflow: hidden;
}

.case-study-image a,
.case-study-image figure {
	display: block;
	cursor: none;
}

.case-study-image figure::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(180deg, rgba(72, 30, 11, 0) 66.06%, #7a0821 100%);
	width: 100%;
	height: 100%;
	z-index: 1;
}

.case-study-image img {
	width: 100%;
	aspect-ratio: 1 / 0.967;
	object-fit: cover;
	height: 250px;
	transition: all 0.4s ease-in-out;
}

.case-study-item:hover .case-study-image img {
	transform: scale(1.1);
}

.case-study-body {
	position: absolute;
	left: 30px;
	bottom: 30px;
	right: 30px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 40px;
	z-index: 2;
}

.case-study-item-content {
	width: calc(100% - 90px);
}

.case-study-item-content h3 {
	font-size: 22px;
	line-height: 1.4em;
	color: var(--white-color);
}

.case-study-item-content h3 a {
	color: inherit;
}

/************************************/
/***     10. Why Choose Us css	  ***/
/************************************/

.why-choose-us {
	background-image: url('../images/why-choose-bg-shape.svg');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% auto;
	padding: 100px 0;
}

.why-choose-images {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	padding: 0 50px 25px 0;
	margin-right: 10px;
}

.why-choose-images::before {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	background: var(--accent-color);
	border-radius: 30px;
	width: 415px;
	height: 345px;
}

.why-choose-image {
	position: relative;
	width: calc(50% - 15px);
	z-index: 1;
}

.why-choose-image.img-2 {
	margin-top: 90px;
}

.why-choose-image figure {
	display: block;
	border-radius: 30px;
}

.why-choose-image img {
	width: 100%;
	aspect-ratio: 1 / 1.546;
	object-fit: cover;
	border-radius: 20px;
}

.years-experience-text {
	position: absolute;
	right: 12px;
	bottom: 35px;
	transform: rotate(-180deg);
	writing-mode: vertical-rl;
}

.years-experience-text p {
	font-family: var(--accent-font);
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--white-color);
	margin: 0;
}

.why-choose-contact-box h3 {
	font-size: 22px;
	line-height: 1.4em;
}

.why-choose-contact-item {
	display: flex;
	align-items: center;
	border-top: 1px solid var(--divider-color);
	margin-top: 40px;
	padding-top: 40px;
}

.why-choose-contact-item .icon-box {
	display: flex;
	align-items: center;
	margin-right: 20px;
}

.why-choose-contact-item .icon-box img {
	max-width: 60px;
	border-radius: 50%;
}

.why-choose-contact-item .icon-box i {
	position: relative;
	background: var(--accent-color);
	border-radius: 50%;
	width: 36px;
	height: 36px;
	font-size: 18px;
	color: var(--white-color);
	text-align: center;
	align-content: center;
	margin-left: -18px;
}

.why-choose-contact-item-content p {
	margin: 0;
}

.why-choose-contact-item-content p a {
	font-family: var(--accent-font);
	font-size: 22px;
	color: var(--primary-color);
	margin-left: 5px;
	transition: all 0.3s ease-in-out;
}

.why-choose-contact-item-content p a:hover {
	color: var(--accent-color);
}

/************************************/
/***     11. How It Wwork css	  ***/
/************************************/

.how-it-work {
	padding: 100px 0;
}

.how-work-content {
	position: sticky;
	top: 30px;
	margin-right: 20px;
}

.how-work-step-item {
	position: relative;
	display: flex;
	margin-bottom: 80px;
}

.how-work-step-item:last-child {
	margin-bottom: 0;
}

.how-work-step-item::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	transform: translate(30px, 60px);
	border-left: 1px solid var(--divider-color);
	height: 85%;
	z-index: 0;
}

.how-work-step-item:last-child:before {
	display: none;
}

.how-work-step-item .icon-box {
	position: relative;
	background: var(--primary-color);
	border-radius: 50%;
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 20px;
}

.how-work-step-item .icon-box::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: var(--accent-color);
	border-radius: 50%;
	height: 100%;
	width: 100%;
	transform: scale(0);
	transition: all 0.4s ease-in-out;
}

.how-work-step-item:hover .icon-box::before {
	transform: scale(1);
}

.how-work-step-item .icon-box img {
	position: relative;
	max-width: 34px;
	z-index: 1;
}

.how-work-step-content {
	width: calc(100% - 80px);
	margin-bottom: 20px;
}

.how-work-step-content h3 {
	font-size: 22px;
	margin-bottom: 10px;
}

.how-work-step-content p {
	margin: 0;
}

/************************************/
/***    12. Our Testimonial css	  ***/
/************************************/

.our-testimonials {
	background-image: url('../images/testimonials-bg-shape.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.our-testimonial-image {
	margin-right: 15px;
}

.our-testimonial-image figure {
	display: block;
	border-radius: 30px;
}

.our-testimonial-image img {
	width: 100%;
	aspect-ratio: 1 / 0.852;
	object-fit: cover;
	border-radius: 30px;
	object-position: top;
}

.testimonial-author-details {
	border-top: 1px solid var(--dark-divider-color);
	margin-top: 40px;
	padding-top: 40px;
}

.testimonial-author-details h3 {
	font-size: 22px;
	text-transform: capitalize;
	color: var(--white-color);
	margin-bottom: 5px;
}

.testimonial-author-details p {
	color: var(--white-color);
	margin: 0;
}

.testimonial-slider {
	margin-top: 10px;
}

.testimonial-slider .swiper-wrapper {
	cursor: none;
}

.testimonial-item-content {
	border-bottom: 1px solid var(--dark-divider-color);
	margin-bottom: 30px;
	padding-bottom: 30px;
}

.testimonial-item-content p {
	color: var(--white-color);
	margin: 0;
}

.testimonial-author {
	display: flex;
	align-items: center;
}

.testimonial-author .author-image {
	margin-right: 10px;
}

.testimonial-author .author-image figure {
	border-radius: 50%;
}

.testimonial-author .author-image img {
	width: 100%;
	max-width: 50px;
	border-radius: 50%;
}

.testimonial-author .author-content {
	width: calc(100% - 60px);
}

.testimonial-author .author-content h3 {
	font-size: 20px;
	text-transform: capitalize;
	color: var(--white-color);
	margin-bottom: 5px;
}

.testimonial-author .author-content p {
	color: var(--white-color);
	margin: 0;
}

.testimonial-btn {
	position: relative;
	bottom: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 30px;
	z-index: 2;
}

.testimonial-slider .testimonial-button-next,
.testimonial-slider .testimonial-button-prev {
	position: relative;
	width: 40px;
	height: 40px;
	background: var(--white-color);
	border-radius: 50%;
	transition: all 0.4s ease-in-out;
}

.testimonial-slider .testimonial-button-next {
	margin-left: 15px;
}

.testimonial-slider .testimonial-button-next:hover,
.testimonial-slider .testimonial-button-prev:hover {
	background: var(--accent-color);
}

.testimonial-slider .testimonial-button-next::before,
.testimonial-slider .testimonial-button-prev::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-image: url('../images/arrow-primary.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 14px auto;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: rotate(45deg);
	transition: all 0.4s ease-in-out;
}

.testimonial-slider .testimonial-button-prev::before {
	transform: rotate(225deg);
}

/************************************/
/***      13. Our Result css	  ***/
/************************************/

.our-results {
	padding: 100px 0;
}

.transformation-image {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	border-radius: 30px;
	height: calc(100% - 30px);
	margin-bottom: 30px;
	overflow: hidden;
}

.transformation-image::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: linear-gradient(180deg, rgba(72, 30, 11, 0) 66.37%, #7a0821 103.38%);
	width: 100%;
	height: 100%;
	z-index: 1;
}

.transformation-image figure {
	position: relative;
	display: block;
	width: 50%;
}

.transformation-image .transform-img-2::before,
.transformation-image .transform-img-1::before {
	content: 'before';
	position: absolute;
	top: auto;
	bottom: 30px;
	left: 0;
	right: 0;
	text-align: center;
	font-family: var(--accent-font);
	font-size: 30px;
	text-transform: capitalize;
	color: var(--white-color);
	z-index: 1;
}

.transformation-image .transform-img-2::before {
	content: 'After';
}

.transformation-image img {
	position: relative;
	width: 100%;
	aspect-ratio: 1 / 1.626;
	border-right: 5px solid var(--white-color);
	object-fit: cover;
}

.transformation-image figure:last-child img {
	border: none;
}

.transformation-button {
	text-align: center;
	margin-top: 30px;
}

.facts-counter-box {
	display: flex;
	flex-wrap: wrap;
	gap: 50px;
}

.facts-counter-item {
	position: relative;
	width: calc(25% - 37.5px);
	display: flex;
}

.facts-counter-item::before {
	content: '';
	position: absolute;
	right: -25px;
	background: var(--divider-color);
	width: 1px;
	height: 100%;
}

.facts-counter-item:nth-child(4n + 4):before,
.facts-counter-item:last-child:before {
	display: none;
}

.facts-counter-item .icon-box {
	margin-right: 20px;
}

.facts-counter-item .icon-box img {
	max-width: 50px;
}

.facts-counter-content h3 {
	font-size: 30px;
	margin-bottom: 5px;
}

.facts-counter-content p {
	text-transform: capitalize;
	margin: 0;
}

/************************************/
/***    14. Our Appointment css	  ***/
/************************************/

.our-appointment {
	background-image: url('../images/appointment-bg-shape.svg');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% auto;
	padding: 100px 0 0;
}

.our-appointment-image {
	position: relative;
	text-align: center;
	margin-right: 40px;
	padding: 0 57px;
}

.our-appointment-image::before {
	content: '';
	position: absolute;
	top: auto;
	bottom: 0;
	left: 0;
	right: 0;
	background: linear-gradient(180deg, #FEDFD4 0%, rgba(255, 233, 224, 0) 97.53%);
	border-radius: 999px 999px 0 0;
	width: 100%;
	height: 85%;
}

.our-appointment-image figure {
	position: relative;
	z-index: 1;
}

.our-appointment-image img {
	width: 100%;
	aspect-ratio: 1 / 1.538;
	object-fit: cover;
}

.appointment-form form .form-control {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5em;
	color: var(--text-color);
	background-color: var(--white-color);
	border-radius: 100px;
	padding: 17px 20px;
	border: none;
	outline: none;
	box-shadow: none;
}

.appointment-form form .form-control::placeholder {
	text-transform: capitalize;
	color: var(--text-color);
}

.appointment-form form .form-group select {
	padding: 16px 30px 16px 20px;
}

.appointment-form form .form-group select option {
	color: var(--primary-color);
}

.contact-form-btn .btn-default {
	width: 100%;
	margin-right: 0;
}

.contact-form-btn .btn-default::before {
	display: none;
}

/************************************/
/*** 	   15. Our Blog css 	  ***/
/************************************/

.our-blog {
	padding: 100px 0 70px;
}

.post-item {
	height: calc(100% - 30px);
	margin-bottom: 30px;
}

.post-featured-image {
	margin-bottom: 20px;
}

.post-featured-image a {
	cursor: none;
	display: block;
	border-radius: 30px;
	overflow: hidden;
}

.post-featured-image figure {
	display: block;
}

.post-featured-image img {
	aspect-ratio: 1 / 0.967;
	object-fit: cover;
	transition: all 0.5s ease-in-out;
}

.post-item:hover .post-featured-image img {
	transform: scale(1.1);
}

.post-item-body {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 30px;
	margin: 0 15px;
}

.post-item-content {
	width: calc(100% - 80px);
}

.post-item-content h2 {
	font-size: 22px;
	line-height: 1.4em;
}

.post-item-content h2 a {
	display: inline-block;
	color: inherit;
}

/************************************/
/***         16. Footer css	      ***/
/************************************/

.main-footer {
	background-image: url('../images/testimonials-bg-shape.png');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% auto;
	padding: 50px;
	margin-bottom: 0px;
	text-align: justify;
}

.footer-header {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 20px 30px;
	border-bottom: 1px solid var(--dark-divider-color);
	margin-bottom: 60px;
	padding-bottom: 60px;
}

.section-title.footer-newsletter-title {
	width: calc(58% - 15px);
	margin: 0;
}

.footer-newsletter-form {
	width: calc(42% - 15px);
}

.footer-newsletter-form .form-group {
	display: flex;
}

.footer-newsletter-form .form-group .form-control {
	width: calc(100% - 50px);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4em;
	color: var(--white-color);
	background: var(--dark-divider-color);
	border: none;
	border-radius: 100px;
	outline: none;
	box-shadow: none;
	padding: 14px 20px;
}

.footer-newsletter-form .form-group .form-control::placeholder {
	color: var(--white-color);
}

.footer-newsletter-form .form-group .readmore-btn {
	border: none;
	padding: 0;
}

.footer-newsletter-form .form-group .readmore-btn:hover {
	background: var(--white-color);
}

.footer-newsletter-form .form-group .readmore-btn:hover img {
	filter: brightness(1) invert(1);
}

.about-footer {
	margin-right: 70px;
}

.footer-logo {
	margin-bottom: 20px;
}

.footer-logo img {
	width: 100%;
	max-width: 100%;
}

.about-footer-content {
	margin-bottom: 30px;
}

.about-footer-content p {
	color: var(--white-color);
	margin-bottom: 0;
}

.footer-social-links ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.footer-social-links ul li {
	display: inline-block;
	margin-right: 12px;
}

.footer-social-links ul li:last-child {
	margin-right: 0;
}

.footer-social-links ul li a {
	width: 38px;
	height: 38px;
	color: var(--white-color);
	border: 1px solid var(--white-color);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease-in-out;
}

.footer-social-links ul li a:hover {
	color: var(--accent-color);
	border-color: var(--accent-color);
}

.footer-social-links ul li a i {
	font-size: 18px;
	color: inherit;
}

.footer-links-box {
	display: flex;
	flex-wrap: wrap;
	gap: 60px;
}

.footer-links {
	width: calc(50% - 30px);
}

.footer-links h3 {
	font-size: 20px;
	color: var(--white-color);
	text-transform: capitalize;
	margin-bottom: 20px;
}

.footer-links ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 15px 25px;
}

.footer-links ul li {
	display: inline-block;
	color: var(--white-color);
	text-transform: capitalize;
	line-height: 1.6em;
	font-size: 13px;
}

.footer-links ul li a {
	color: inherit;
	transition: all 0.3s ease-in-out;
}

.footer-links ul li a:hover {
	color: var(--accent-color);
}

.footer-contact-box {
	display: flex;
	flex-wrap: wrap;
	gap: 30px 60px;
	border-top: 1px solid var(--dark-divider-color);
	margin-top: 40px;
	padding-top: 40px;
}

.footer-contact-item {
	width: auto;
	position: relative;
}

.footer-contact-item::before {
	content: '';
	position: absolute;
	right: -30px;
	top: 0;
	bottom: 0;
	border-right: 1px solid var(--dark-divider-color);
	height: 100%;
}

.footer-contact-item:nth-child(3n + 3):before,
.footer-contact-item:last-child:before {
	display: none;
}

.footer-contact-item ul li i {
	font-size: 16px;
	color: var(--white-color);
	margin-right: 10px;
}

.footer-copyright {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	border-top: 1px solid var(--dark-divider-color);
	margin-top: 50px;
	padding: 50px 0;
}

.footer-copyright-text p {
	color: var(--white-color);
	margin-bottom: 0;
}

.footer-privacy-policy ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.footer-privacy-policy ul li {
	position: relative;
	color: var(--white-color);
	text-transform: capitalize;
	display: inline-block;
	margin-right: 10px;
	padding-right: 16px;
	transition: all 0.3s ease-in-out;
}

.footer-privacy-policy ul li:hover {
	color: var(--accent-color);
}

.footer-privacy-policy ul li::before {
	content: '/';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	color: var(--white-color);
}

.footer-privacy-policy ul li:last-child {
	padding: 0;
	margin: 0;
}

.footer-privacy-policy ul li:last-child:before {
	display: none;
}

.footer-privacy-policy ul li a {
	color: inherit;
}

/************************************/
/***     17. About Us Page css	  ***/
/************************************/

.page-header {
	position: relative;
	background: linear-gradient(0deg, rgb(122 8 33 / 82%), rgb(122 8 33 / 63%)), url(../images/bg.jpg);

	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	padding: 130px 0;
}

.page-header-box {
	text-align: center;
}

.page-header-box h1 {
	display: inline-block;
	color: var(--white-color);
	font-size: 40px;
	font-weight: 400;
	text-transform: uppercase;
	margin-bottom: 10px;
	cursor: none;
}

.page-header-box ol {
	margin: 0;
	padding: 0;
	justify-content: center;
}

.page-header-box ol li.breadcrumb-item {
	font-size: 16px;
	font-weight: 400;
	text-transform: capitalize;
	color: var(--white-color);
}

.page-header-box ol li.breadcrumb-item a {
	color: inherit;
}

.page-header-box ol .breadcrumb-item+.breadcrumb-item::before {
	color: var(--white-color);
}

.our-approach {
	background-image: url('../images/approach-bg-shape.svg');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% auto;
	padding: 100px 0;
}

.our-approach-body {
	background-color: var(--white-color);
	border: 1px solid var(--divider-color);
	border-radius: 30px;
	padding: 40px;
}

.mission-vison-item {
	display: flex;
	border-bottom: 1px solid var(--divider-color);
	margin-bottom: 40px;
	padding-bottom: 40px;
}

.mission-vison-item:last-child {
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: none;
}

.mission-vison-item .icon-box {
	position: relative;
	width: 60px;
	height: 60px;
	background-color: var(--primary-color);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 20px;
}

.mission-vison-item .icon-box::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: var(--accent-color);
	border-radius: 50%;
	height: 100%;
	width: 100%;
	transform: scale(0);
	transition: all 0.4s ease-in-out;
}

.mission-vison-item:hover .icon-box::before {
	transform: scale(1);
}

.mission-vison-item .icon-box img {
	position: relative;
	width: 100%;
	max-width: 34px;
	z-index: 1;
}

.mission-vison-content {
	width: calc(100% - 80px);
}

.mission-vison-content h3 {
	font-size: 22px;
	text-transform: capitalize;
	margin-bottom: 10px;
}

.mission-vison-content p {
	margin: 0;
}

.approach-image {
	position: relative;
	padding: 55px 6px 35px 70px;
	margin-left: 20px;
}

.approach-img-1 figure {
	display: block;
	border-radius: 30px;
}

.approach-img-1 img {
	width: 100%;
	aspect-ratio: 1 / 1.241;
	object-fit: cover;
	border-radius: 30px;
}

.approach-img-2 {
	max-width: 242px;
	position: absolute;
	bottom: 0;
	left: 0;
	border: 10px solid var(--secondary-color);
	border-radius: 999px;
	overflow: hidden;
	z-index: 1;
}

.approach-img-2 img {
	width: 100%;
	aspect-ratio: 1 / 1.69;
	object-fit: cover;
}

.approach-support-box {
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	align-items: center;
	padding: 20px;
	background-color: var(--primary-color);
	border: 6px solid var(--secondary-color);
	border-radius: 20px 20px 0 20px;
	overflow: hidden;
	z-index: 1;
}

.approach-support-box::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 0;
	height: 100%;
	background: var(--accent-color);
	z-index: 0;
	transition: all 0.4s ease-in-out;
}

.approach-support-box:hover::before {
	right: auto;
	left: 0;
	width: 100%;
}

.approach-support-box .icon-box {
	position: relative;
	width: 50px;
	height: 50px;
	background-color: var(--dark-divider-color);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 20px;
	z-index: 1;
}

.approach-support-box .icon-box::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: var(--primary-color);
	border-radius: 50%;
	height: 100%;
	width: 100%;
	transform: scale(0);
	transition: all 0.4s ease-in-out;
}

.approach-support-box:hover .icon-box::before {
	transform: scale(1);
}

.approach-support-box .icon-box img {
	position: relative;
	width: 100%;
	max-width: 30px;
	z-index: 1;
}

.approach-support-box-content {
	position: relative;
	width: calc(100% - 70px);
	z-index: 1;
}

.approach-support-box-content h3 {
	font-size: 22px;
	text-transform: capitalize;
	color: var(--white-color);
	margin-bottom: 5px;
}

.approach-support-box-content p {
	color: var(--white-color);
	margin: 0;
}

.approach-support-box-content p a {
	color: inherit;
	transition: all 0.3s ease-in-out;
}

.approach-support-box-content p a:hover {
	color: var(--primary-color);
}

.our-journey {
	background-image: url('../images/journey-bg-shape.svg');
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: 100% auto;
	padding: 100px 0;
}

.our-journey-image {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

.journey-img {
	width: calc(50% - 15px);
}

.journey-img figure {
	display: block;
	border-radius: 30px;
}

.journey-img img {
	width: 100%;
	object-fit: cover;
	border-radius: 30px;
}

.journey-img img {
	aspect-ratio: 1 / 0.872;
}

.journey-image-box {
	position: relative;
	width: 100%;
	padding-left: 80px;
}

.journey-image-box .journey-img {
	width: 100%;
}

.journey-image-box .journey-img img {
	aspect-ratio: 1 / 0.591;
}

.journey-experience-circle {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}

.journey-experience-circle img {
	width: 100%;
	max-width: 160px;
	animation: infiniterotate 25s infinite linear;
}

.our-journey-content {
	margin-left: 30px;
}

.our-journey-list {
	border-bottom: 1px solid var(--dark-divider-color);
	margin-bottom: 40px;
	padding-bottom: 40px;
}

.our-journey-list ul {
	display: flex;
	flex-wrap: wrap;
	gap: 20px 30px;
	list-style: none;
	padding: 0;
	margin: 0;
}

.our-journey-list ul li {
	position: relative;
	width: calc(50% - 15px);
	color: var(--white-color);
	line-height: 1.5em;
	padding-left: 30px;
}

.our-journey-list ul li::before {
	content: '\f14a';
	font-family: "FontAwesome";
	position: absolute;
	left: 0;
	top: 0;
	font-size: 20px;
	font-weight: 900;
	color: var(--accent-color);
}

.our-journey-body {
	display: flex;
	flex-wrap: wrap;
	gap: 20px 30px;
	margin-bottom: 40px;
}

.journey-item {
	width: calc(50% - 15px);
	display: flex;
	align-items: center;
}

.journey-item .icon-box {
	position: relative;
	width: 60px;
	height: 60px;
	background-color: var(--accent-color);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 20px;
}

.journey-item .icon-box::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: var(--white-color);
	border-radius: 50%;
	height: 100%;
	width: 100%;
	transform: scale(0);
	transition: all 0.4s ease-in-out;
}

.journey-item:hover .icon-box::before {
	transform: scale(1);
}

.journey-item .icon-box img {
	position: relative;
	width: 100%;
	max-width: 34px;
	z-index: 1;
	transition: all 0.4s ease-in-out;
}

.journey-item:hover .icon-box img {
	filter: brightness(1) invert(1);
}

.journey-item-content {
	width: calc(100% - 80px);
}

.journey-item-content h3 {
	color: var(--white-color);
	font-size: 20px;
	line-height: 1.4em;
	text-transform: capitalize;
}

.our-team {
	padding: 100px 0 70px;
}

.team-item {
	height: calc(100% - 30px);
	text-align: center;
	margin-bottom: 30px;
}

.team-image {
	margin-bottom: 20px;
}

.team-image a,
.team-image figure {
	display: block;
	cursor: none;
	border-radius: 30px;
}

.team-image img {
	width: 100%;
	aspect-ratio: 1 / 1.187;
	object-fit: cover;
	border-radius: 30px;
	transition: all 0.4s ease-in-out;
}

.team-item:hover .team-image img {
	transform: scale(1.1);
}

.team-content {
	margin-bottom: 20px;
}

.team-content h3 {
	font-size: 22px;
	text-transform: capitalize;
}

.team-content h3 a {
	color: inherit;
}

.team-social-icons ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.team-social-icons ul li {
	display: inline-block;
	margin-right: 10px;
}

.team-social-icons ul li:last-child {
	margin: 0;
}

.team-social-icons ul li a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	background: var(--accent-color);
	color: var(--secondary-color);
	border-radius: 50%;
	transition: all 0.3s ease-in-out;
}

.team-social-icons ul li i {
	color: inherit;
	font-size: 18px;
}

.team-social-icons ul li:hover a {
	background: var(--primary-color);
	color: var(--white-color);
}

.our-faqs {
	padding: 100px 0;
}

.our-faqs-images {
	position: relative;
	background: url('../images/faq-dot-img.svg') no-repeat;
	background-position: left 187px bottom 46px;
	background-size: 84px auto;
	display: flex;
	flex-wrap: wrap;
	margin-right: 20px;
	padding: 0 242px 105px 0;
}

.faqs-img-2 {
	max-width: 353px;
	position: absolute;
	right: 0;
	bottom: 0;
}

.faqs-img-1 figure,
.faqs-img-2 figure {
	display: block;
	border-radius: 30px;
}

.faqs-img-1 img,
.faqs-img-2 img {
	width: 100%;
	object-fit: cover;
	border-radius: 30px;
}

.faqs-img-1 img {
	aspect-ratio: 1 / 1.514;
}

.faqs-img-2 img {
	aspect-ratio: 1 / 1.155;
}

.faqs-circle {
	position: absolute;
	top: 35px;
	right: 35px;
}

.faqs-circle a {
	display: block;
	border-radius: 50%;
}

.faqs-circle a img {
	width: 100%;
	max-width: 170px;
	border-radius: 50%;
	animation: infiniterotate 25s infinite linear;
}

.faq-accordion .accordion-item {
	border-bottom: 1px solid var(--divider-color);
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.faq-accordion .accordion-item:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.faq-accordion .accordion-header .accordion-button {
	font-size: 22px;
	font-weight: 400;
	line-height: 1.4em;
	color: var(--primary-color);
	padding-right: 30px;
	transition: all 0.3s ease-in-out;
}

.faq-accordion .accordion-button:not(.collapsed) {
	color: var(--accent-color);
	padding-bottom: 10px;
}

.faq-accordion .accordion-item .accordion-button::after,
.faq-accordion .accordion-item .accordion-button.collapsed::after {
	content: '\f107';
	font-family: 'FontAwesome';
	position: absolute;
	right: 0;
	top: 0;
	font-size: 18px;
	color: var(--primary-color);
	transition: all 0.3s ease-in-out;
}

.faq-accordion .accordion-button:not(.collapsed)::after {
	transform: rotate(180deg);
	color: var(--accent-color);
	display: none;
}

.accordion-button::after {
	display: none;
}

.faq-accordion .accordion-item .accordion-body {
	padding-right: 30px;
}

.faq-accordion .accordion-item .accordion-body p {
	color: var(--text-color);
	margin-bottom: 15px;
}

.faq-accordion .accordion-item .accordion-body p:last-child {
	margin-bottom: 0;
}

/************************************/
/***    18. Services Page css	  ***/
/************************************/

.page-services {
	padding: 15px 0 70px;
}

.page-services .service-item {
	background: #e5e5e5;
	border: 1px solid transparent;
	box-shadow: 3px 3px 6px #b8b9be, -3px -3px 6px #fff;
	-webkit-box-shadow: 3px 3px 6px #b8b9be, -3px -3px 6px #fff;
	-moz-box-shadow: 3px 3px 6px #b8b9be, -3px -3px 6px #fff;
	-ms-box-shadow: 3px 3px 6px #b8b9be, -3px -3px 6px #fff;
}

.team-member-content p {
	text-align: justify;
}

/************************************/
/***   19. Services Single css    ***/
/************************************/

.page-service-single {
	padding: 100px 0;
}

.page-single-sidebar {
	position: sticky;
	top: 20px;
	margin-right: 0px;
	margin-left: 0;
}

.page-single-category-list {
	background: var(--secondary-color);
	border-radius: 20px;
	margin-bottom: 60px;
	overflow: hidden;
}

.page-single-category-list h3 {
	font-size: 22px;
	color: var(--white-color);
	text-transform: uppercase;
	background: var(--primary-color);
	padding: 20px 15px;
}

.page-single-category-list ul {
	list-style: none;
	margin: 0;
	padding: 30px;
}

.page-single-category-list ul li {
	border-bottom: 1px solid var(--divider-color);
	padding-bottom: 10px;
	/* margin-bottom: 20px; */
}

.page-single-category-list ul li:last-child {
	margin: 0;
	padding: 0;
	border-bottom: none;
}

.page-single-category-list ul li a {
	position: relative;
	display: block;
	line-height: 1.4em;
	text-transform: capitalize;
	color: var(--text-color);
	padding-right: 30px;
	transition: all 0.4s ease-in-out;
}

.page-single-category-list ul li:hover a {
	color: var(--primary-color);
}

.page-single-category-list ul li a::before {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	background: url('../images/arrow-text.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	width: 22px;
	height: 22px;
	transition: all 0.4s ease-in-out;
}

.page-single-category-list ul li a:hover::before {
	transform: translateY(-50%) rotate(45deg);
	filter: brightness(0) invert(0);
}

.sidebar-cta-box {
	position: relative;
	margin-bottom: 20px;
}

.sidebar-cta-image {
	position: relative;
	border-radius: 0px;
	overflow: hidden;
}

.sidebar-cta-image::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(179.96deg, rgba(72, 30, 11, 0) 50.09%, rgb(72 30 11 / 0%) 99.23%);
	width: 100%;
	height: 100%;
	z-index: 1;
}



.accordion-body ul li {
	position: relative;
	line-height: 1.6em;
	margin-bottom: 7px;
	font-size: 14px;
	margin-left: 20px;

}

.accordion-body ul {

	padding: 0;
	margin: 0;
}

.sidebar-cta-image figure img {
	background: #fff;
	width: 100%;
	object-fit: contain;
	transition: all 0.4s ease-in-out;
	/* height: 250px; */
}

.sidebar-cta-box:hover .sidebar-cta-image figure img {
	transform: scale(1.05);
}

.sidebar-cta-item {
	position: absolute;
	bottom: 30px;
	left: 30px;
	right: 30px;
	display: flex;
	z-index: 1;
}

.sidebar-cta-item .icon-box {
	margin-right: 20px;
}

.sidebar-cta-item .icon-box img {
	max-width: 40px;
}

.sidebar-cta-content h3 {
	font-size: 22px;
	text-transform: capitalize;
	color: var(--white-color);
	margin-bottom: 15px;
}

.sidebar-cta-content p {
	color: var(--white-color);
	margin-bottom: 5px;
}

.sidebar-cta-content p:last-child {
	margin-bottom: 0;
}

.page-single-image {
	margin-bottom: 40px;
}

.page-single-image figure {
	display: block;
	border-radius: 30px;
}

.page-single-image img {
	width: 100%;
	aspect-ratio: 1 / 0.598;
	object-fit: cover;
	border-radius: 30px;
}

.service-entry {
	margin-bottom: 60px;
}

.service-entry p {
	margin-bottom: 20px;
}

.service-entry p:last-child {
	margin-bottom: 0;
}

.service-entry p {
	text-align: justify;
}

.service-entry h2 {
	font-size: 38px;
	margin-bottom: 20px;
}

.service-entry ul {
	list-style: none;
	padding: 0;
	margin: 0 0 20px 0;
}

.service-enhance-box,
.service-achieve-box {
	margin-top: 40px;
}

.service-enhance-item-list {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	margin-top: 40px;
}

.service-enhance-item {
	width: calc(33.33% - 20px);
	border: 1px solid var(--divider-color);
	border-radius: 30px;
	padding: 20px;
	background-color: #fff;
}

.skcol .accordion-button:not(.collapsed),
.skcol .accordion-button:focus {
	outline: none;
	border-color: transparent;
	box-shadow: none;
	background-color: transparent;
}

.skcol .accordion-button::after {
	width: 11px;
	height: 11px;
	border-radius: 100%;
	background-color: #666;
	background-image: none !important;
}

.skcol .accordion-button.collapsed::after {
	background-color: var(--bs-gray-300);
	flex-shrink: 0;
	width: var(--bs-accordion-btn-icon-width);
	height: var(--bs-accordion-btn-icon-width);
	margin-left: auto;
	content: "";
	background-image: var(--bs-accordion-btn-icon);
	background-repeat: no-repeat;
	background-size: var(--bs-accordion-btn-icon-width);
	transition: var(--bs-accordion-btn-icon-transition);
}


.service-enhance-item .icon-box {
	position: relative;
	background-color: var(--accent-color);
	border-radius: 50%;
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 35px;
	color: #fff;
}

.service-enhance-item .icon-box::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: var(--accent-color);
	border-radius: 50%;
	height: 100%;
	width: 100%;
	transform: scale(0);
	transition: all 0.4s ease-in-out;
}

.service-enhance-item:hover .icon-box::before {
	transform: scale(1);
}

.service-enhance-item .icon-box img {
	position: relative;
	max-width: 34px;
	z-index: 1;
}

.service-enhance-item-content h3 {
	font-size: 22px;
	text-transform: capitalize;
	margin-bottom: 10px;
}

.servie-entry-video-image.intro-video-box {
	position: relative;
	height: auto;
	margin: 40px 0;
}

.servie-entry-image figure {
	display: block;
	border-radius: 30px;
}

.servie-entry-image figure::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--primary-color);
	opacity: 40%;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.servie-entry-image img {
	width: 100%;
	aspect-ratio: 1 / 0.457;
	object-fit: cover;
	border-radius: 30px;
}

.service-achieve-list {
	margin-top: 40px;
}

.service-achieve-list .how-work-step-item {
	margin-bottom: 40px;
}

.service-achieve-list .how-work-step-item::before {
	display: none;
}

/************************************/
/***     20. Blog Archive css     ***/
/************************************/

.page-blog {
	padding: 100px 0;
}

.page-pagination {
	margin-top: 30px;
	text-align: center;
}

.page-pagination ul {
	justify-content: center;
	padding: 0;
	margin: 0;
}

.page-pagination ul li a,
.page-pagination ul li span {
	display: flex;
	text-decoration: none;
	justify-content: center;
	align-items: center;
	background: var(--secondary-color);
	color: var(--primary-color);
	border-radius: 10px;
	width: 40px;
	height: 40px;
	margin: 0 5px;
	font-weight: 700;
	line-height: 1em;
	transition: all 0.3s ease-in-out;
}

.page-pagination ul li.active a,
.page-pagination ul li a:hover {
	background: var(--accent-color);
	color: var(--white-color);
}

/************************************/
/***     21. Blog Single css	  ***/
/************************************/

.page-single-post {
	padding: 100px 0;
}

.post-single-meta ol li {
	font-size: 18px;
	color: var(--white-color);
	margin-right: 15px;
}

.post-single-meta ol li:last-child {
	margin-right: 0;
}

.post-single-meta ol li i {
	font-size: 18px;
	color: var(--white-color);
	margin-right: 5px;
}

.post-image {
	position: relative;
	margin-bottom: 30px;
}

.post-image figure {
	display: block;
	border-radius: 30px;
	overflow: hidden;
}

.post-image img {
	width: 100%;
	aspect-ratio: 1 / 0.50;
	object-fit: cover;
	border-radius: 30px;
}

.post-content {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}

.post-entry {

	margin-bottom: 30px;
}

.post-entry:after {
	content: '';
	display: block;
	clear: both;
}

.post-entry a {
	color: var(--accent-color);
}

.post-entry h1,
.post-entry h2,
.post-entry h3,
.post-entry h4,
.post-entry h5,
.post-entry h6 {
	font-weight: 400;
	line-height: 1.2em;
	margin: 0 0 0.417em;
}

.post-entry h1 {
	font-size: 60px;
}

.post-entry h2 {
	font-size: 48px;
}

.post-entry h3 {
	font-size: 40px;
}

.post-entry h4 {
	font-size: 30px;
}

.post-entry h5 {
	font-size: 24px;
}

.post-entry h6 {
	font-size: 20px;
}

.post-entry p {
	margin-bottom: 20px;
}

.post-entry p:last-child {
	margin-bottom: 0;
}

.post-entry p strong {
	color: var(--primary-color);
	font-size: 18px;
	font-weight: 600;
}

.post-entry ol {
	margin: 0 0 30px;
}

.post-entry ul {
	padding: 0;
	margin: 20px 0 20px;
	padding-left: 20px;
}

.post-entry ol li,
.post-entry ul li {
	position: relative;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.5em;
	color: var(--text-color);
	margin-bottom: 15px;
}

.post-entry ul li:last-child {
	margin-bottom: 0;
}

.post-entry ul ul,
.post-entry ul ol,
.post-entry ol ol,
.post-entry ol ul {
	margin-top: 20px;
	margin-bottom: 0;
}

.post-entry ul ul li:last-child,
.post-entry ul ol li:last-child,
.post-entry ol ol li:last-child,
.post-entry ol ul li:last-child {
	margin-bottom: 0;
}

.post-entry blockquote {
	background: url('../images/icon-blockquote.svg'), var(--primary-color);
	background-repeat: no-repeat;
	background-position: 30px 30px;
	background-size: 45px;
	border-radius: 20px;
	padding: 30px 30px 30px 90px;
	margin-bottom: 30px;
}

.post-entry blockquote p {
	font-family: var(--accent-font);
	font-size: 22px;
	font-weight: 400;
	line-height: 1.5em;
	color: var(--white-color);
}

.post-entry blockquote p:last-child {
	margin-bottom: 0;
}

.tag-links {
	font-family: var(--accent-font);
	font-size: 22px;
	font-weight: 400;
	text-transform: capitalize;
	color: var(--primary-color);
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 15px;
}

.post-tags .tag-links a {
	display: inline-block;
	font-family: var(--default-font);
	font-size: 16px;
	font-weight: 600;
	text-transform: capitalize;
	line-height: 1em;
	background: var(--accent-color);
	color: var(--white-color);
	border-radius: 10px;
	padding: 12px 20px;
	transition: all 0.3s ease-in-out;
}

.post-tags .tag-links a:hover {
	background: var(--primary-color);
}

.post-social-sharing {
	text-align: right;
}

.post-social-sharing ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.post-social-sharing ul li {
	display: inline-block;
	margin-right: 10px;
}

.post-social-sharing ul li:last-child {
	margin-right: 0;
}

.post-social-sharing ul li a {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background: var(--accent-color);
	color: var(--white-color);
	border-radius: 10px;
	width: 40px;
	height: 40px;
	transition: all 0.3s ease-in-out;
}

.post-social-sharing ul li:hover a {
	background: var(--primary-color);
}

.post-social-sharing ul li a i {
	font-size: 18px;
	color: inherit;
}

/************************************/
/***    22. Case Study Page css   ***/
/************************************/

.page-case-study {
	padding: 100px 0 70px;
}

/************************************/
/***   23. Case Study Single css  ***/
/************************************/

.page-case-study-single {
	padding: 15px 0;
}

.case-study-detail-list {
	background: var(--secondary-color);
	box-shadow: 0px 4px 30px 0px #0000000A;
	border-radius: 20px;
	margin-bottom: 60px;
	padding: 40px;
}

.case-study-detail-item {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	border-bottom: 1px solid var(--divider-color);
	margin-bottom: 25px;
	padding-bottom: 25px;
}

.case-study-detail-item:last-child {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

.case-study-detail-item .icon-box {
	position: relative;
	background: var(--primary-color);
	border-radius: 50%;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 20px;
}

.case-study-detail-item .icon-box::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: var(--accent-color);
	border-radius: 50%;
	height: 100%;
	width: 100%;
	transform: scale(0);
	transition: all 0.4s ease-in-out;
}

.case-study-detail-item:hover .icon-box::before {
	transform: scale(1);
}

.case-study-detail-item .icon-box img {
	position: relative;
	width: 100%;
	max-width: 30px;
	z-index: 1;
}

.case-study-detail-content {
	width: calc(100% - 70px);
}

.case-study-detail-item h3 {
	font-size: 20px;
	text-transform: capitalize;
	margin-bottom: 5px;
}

.case-study-detail-content p {
	text-transform: capitalize;
	margin-bottom: 0;
}

.case-study-detail-item ul {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

.case-study-detail-item ul li {
	display: inline-block;
	margin-right: 15px;
}

.case-study-detail-item ul li:last-child {
	margin-right: 0;
}

.case-study-detail-item ul li a {
	width: 40px;
	height: 40px;
	color: var(--primary-color);
	border: 1px solid var(--primary-color);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease-in-out;
}

.case-study-detail-item ul li a:hover {
	color: var(--accent-color);
	border-color: var(--accent-color);
}

.case-study-detail-item ul li a i {
	font-size: 20px;
	color: inherit;
}

.case-study-entry {
	margin-bottom: 60px;
}

.case-study-entry p {
	margin-bottom: 20px;
}

.case-study-entry p:last-child {
	margin-bottom: 0;
}

.case-study-entry h2 {
	font-size: 48px;
	margin-bottom: 20px;
}

.case-study-entry ul {
	list-style: none;
	padding: 0;
	margin: 0 0 20px 0;
}

.case-study-entry ul li {
	position: relative;
	line-height: 1.5em;
	margin-bottom: 15px;
	padding-left: 30px;
}

.case-study-entry ul li:last-child {
	margin-bottom: 0;
}

.case-study-entry ul li::before {
	content: '\f14a';
	font-family: "FontAwesome";
	position: absolute;
	left: 0;
	top: 0;
	font-size: 20px;
	font-weight: 900;
	color: var(--accent-color);
}

.transformative-beauty-box,
.glow-up-box,
.real-transformation-box {
	margin-top: 40px;
}

.transformative-beauty-list {
	display: flex;
	gap: 40px 30px;
	flex-wrap: wrap;
	margin-top: 40px;
}

.transformative-beauty-list .how-work-step-item {
	width: calc(50% - 15px);
	margin-bottom: 0;
}

.transformative-beauty-list .how-work-step-item::before {
	display: none;
}

.glow-up-box {
	display: flex;
	flex-wrap: wrap;
	gap: 20px 30px;
}

.glow-up-image,
.glow-up-content {
	width: calc(50% - 15px);
}

.glow-up-image figure {
	display: block;
	border-radius: 30px;
}

.glow-up-image img {
	width: 100%;
	aspect-ratio: 1 / 1.219;
	object-fit: cover;
	border-radius: 30px;
}

.glow-up-content ul {
	margin: 40px 0;
}

.glow-up-content .how-work-step-item {
	border: 1px solid var(--divider-color);
	box-shadow: 0px 0px 50px 2px #00000008;
	border-radius: 30px;
	padding: 20px;
}

.real-transformation-box ul {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

.real-transformation-box ul li {
	width: calc(50% - 15px);
	border: 1px solid var(--divider-color);
	border-radius: 16px;
	padding: 20px 16px 20px 46px;
	overflow: hidden;
	transition: all 0.4s ease-in-out;
	margin-bottom: 0;
	z-index: 0;
}

.real-transformation-box ul li::before {
	top: 20px;
	left: 16px;
	transition: all 0.4s ease-in-out;
}

.real-transformation-box ul li:hover,
.real-transformation-box ul li:hover::before {
	color: var(--white-color);
}

.real-transformation-box ul li::after {
	content: '';
	position: absolute;
	top: 100%;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: var(--accent-color);
	height: 100%;
	width: 100%;
	z-index: -1;
	transition: all 0.4s ease-in-out;
}

.real-transformation-box ul li:hover::after {
	top: 0;
}

/************************************/
/***      24. Team Page css       ***/
/************************************/

.page-team {
	padding: 100px 0 70px;
}

/************************************/
/***      25. Team Single css     ***/
/************************************/

.marquee-wrapper {
	overflow: hidden;
	position: relative;
	width: 100%;
	margin-top: 35px;
}

.marquee-track {
	display: flex;
	width: max-content;
	animation: scroll-marquee 30s linear infinite;
}

.marquee-track .img {
	padding: 0 5px;
	flex: none;
}

.marquee-track img {
	max-height: 115px;
	object-fit: contain;
	max-width: 170px;
	background: #ffffff;
}

/* Marquee Animation */
@keyframes scroll-marquee {
	0% {
		transform: translateX(0%);
	}

	100% {
		transform: translateX(-50%);
	}
}

.page-team-single {
	padding: 100px 0;
}

.team-member-about p {
	text-align: justify;
}

.team-member-info-box,
.team-member-about {
	margin-bottom: 10px;
}

.team-member-info-box {
	display: flex;
	gap: 30px 60px;
	align-items: center;
	flex-wrap: wrap;
}

.team-member-image,
.team-member-content {
	width: calc(50% - 30px);
}

.team-member-image figure {
	border-radius: 30px;
	display: block;
}

.team-member-image img {
	width: 100%;
	aspect-ratio: 1 / 0.992;
	object-fit: cover;
	border-radius: 30px;
}

.member-info-list ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.member-info-list ul li {
	font-family: var(--accent-font);
	font-size: 22px;
	line-height: 1.4em;
	color: var(--primary-color);
	display: flex;
	justify-content: space-between;
	margin-bottom: 15px;
}

.member-info-list ul li:last-child {
	margin-bottom: 0;
}

.member-info-list ul li span {
	font-family: var(--default-font);
	width: 75%;
	font-size: 16px;
	color: var(--text-color);
}

.member-social-list {
	border-top: 1px solid var(--divider-color);
	margin-top: 40px;
	padding-top: 40px;
}

.member-social-list ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.member-social-list ul li {
	display: inline-block;
	margin-right: 10px;
}

.member-social-list ul li:last-child {
	margin-right: 0;
}

.member-social-list ul li a {
	color: var(--primary-color);
	border: 1px solid var(--primary-color);
	border-radius: 50%;
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease-in-out;
}

.member-social-list ul li a:hover {
	color: var(--accent-color);
	border-color: var(--accent-color);
}

.member-social-list ul li a i {
	color: inherit;
	font-size: 18px;
}

.team-member-list ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.team-member-list ul li {
	position: relative;
	line-height: 1.5em;
	margin-bottom: 15px;
	padding-left: 30px;
}

.team-member-list ul li:last-child {
	margin-bottom: 0;
}

.team-member-list ul li::before {
	content: '\f14a';
	font-family: "FontAwesome";
	position: absolute;
	left: 0;
	top: 0;
	font-size: 20px;
	font-weight: 900;
	color: var(--accent-color);
}

.team-member-skills-box {
	display: flex;
	gap: 30px 60px;
	align-items: center;
	flex-wrap: wrap;
}

.team-member-skills-info,
.team-contact-form {
	width: calc(50% - 30px);
}

.skills-progress-bar {
	margin-bottom: 30px;
}

.skills-progress-bar:last-child {
	margin-bottom: 0px;
}

.skills-progress-bar .skill-data {
	display: flex;
	justify-content: space-between;
	margin-bottom: 15px;
}

.skills-progress-bar .skill-data .skill-title {
	font-family: var(--accent-font);
	font-size: 18px;
	line-height: 1.5em;
	text-transform: capitalize;
	color: var(--primary-color);
}

.skills-progress-bar .skill-data .skill-no {
	font-size: 16px;
	line-height: 1.5em;
	color: var(--primary-color);
}

.skills-progress-bar .skillbar .skill-progress {
	position: relative;
	width: 100%;
	height: 16px;
	background: var(--secondary-color);
	border-radius: 100px;
	overflow: hidden;
}

.skills-progress-bar .skillbar .skill-progress .count-bar {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	background: var(--accent-color);
	border-radius: 100px;
}

.team-member-skills-info .team-member-list {
	border-top: 1px solid var(--divider-color);
	margin-top: 40px;
	padding-top: 40px;
}

.team-member-skills-info .team-member-list ul {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

.team-member-skills-info .team-member-list ul li {
	width: calc(50% - 15px);
	margin-bottom: 0;
}

.team-contact-form .contact-form {
	border-radius: 30px;
}

/************************************/
/***  26. Testimonials Page css   ***/
/************************************/

.page-testimonials {
	padding: 100px 0 70px;
}

.page-testimonials .testimonial-item {
	position: relative;
	background: var(--secondary-color);
	border-radius: 30px;
	height: calc(100% - 30px);
	margin-bottom: 30px;
	padding: 30px 25px;
	overflow: hidden;
}

.page-testimonials .testimonial-item .testimonial-item-content {
	border-color: var(--divider-color);
}

.page-testimonials .testimonial-item .testimonial-author .author-content p,
.page-testimonials .testimonial-item .testimonial-item-content p {
	color: var(--text-color);
}

.page-testimonials .testimonial-item .testimonial-author .author-content h3 {
	color: var(--primary-color);
}

/************************************/
/***    27.  Image Gallery css    ***/
/************************************/

.page-gallery {
	padding: 100px 0 70px;
}

.page-gallery-box .photo-gallery {
	height: calc(100% - 30px);
	margin-bottom: 30px;
}

.page-gallery-box .photo-gallery a {
	cursor: none;
}

.page-gallery-box .photo-gallery figure {
	display: block;
	border-radius: 20px;
}

.page-gallery-box .photo-gallery img {
	width: 100%;
	aspect-ratio: 1 / 0.794;
	object-fit: cover;
	border-radius: 20px;
}

/************************************/
/***     28. Video Gallery css    ***/
/************************************/

.page-video-gallery {
	padding: 100px 0 70px;
}

.video-gallery-image {
	height: calc(100% - 30px);
	margin-bottom: 30px;
	overflow: hidden;
}

.video-gallery-image a {
	position: relative;
	display: block;
	cursor: none;
}

.video-gallery-image a::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--primary-color);
	border-radius: 20px;
	opacity: 0%;
	visibility: hidden;
	width: 100%;
	height: 100%;
	z-index: 1;
	transform: scale(0);
	transition: all 0.4s ease-in-out;
}

.video-gallery-image:hover a::before {
	opacity: 40%;
	visibility: visible;
	transform: scale(1);
}

.video-gallery-image a::after {
	content: '\f04b';
	font-family: 'FontAwesome';
	position: absolute;
	top: 50%;
	left: 50%;
	right: 0;
	transform: translate(-50%, -50%);
	font-size: 20px;
	background: var(--accent-color);
	color: var(--white-color);
	border-radius: 50%;
	height: 60px;
	width: 60px;
	cursor: none;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s ease-in-out;
	z-index: 1;
}

.video-gallery-image:hover a::after {
	opacity: 1;
	visibility: visible;
}

.video-gallery-image img {
	width: 100%;
	aspect-ratio: 1 / 0.794;
	object-fit: cover;
	border-radius: 20px;
}

/************************************/
/***       29. FAQs Page css      ***/
/************************************/

.page-faqs {
	padding: 100px 0;
}

.page-faqs-catagery .page-single-faqs {
	margin-bottom: 60px;
}

.page-faqs-catagery .page-single-faqs:last-child {
	margin-bottom: 0px;
}

/************************************/
/***    30. Contact Us Page css   ***/
/************************************/

.page-contact-us {
	padding: 100px 0 50px;
}

.contact-us-content .section-title {
	margin-bottom: 0;
}

.contact-info-list {
	display: flex;
	gap: 30px;
	flex-wrap: wrap;
}

.contact-info-item {
	width: calc(33.33% - 20px);
	background: var(--secondary-color);
	border-radius: 20px;
	padding: 30px;
}

.contact-info-item .icon-box {
	position: relative;
	background: var(--primary-color);
	border-radius: 50%;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 30px;
}

.contact-info-item .icon-box::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: var(--accent-color);
	border-radius: 50%;
	height: 100%;
	width: 100%;
	transform: scale(0);
	transition: all 0.4s ease-in-out;
}

.contact-info-item:hover .icon-box::before {
	transform: scale(1);
}

.contact-info-item .icon-box img {
	position: relative;
	max-width: 26px;
	z-index: 1;
}

.contact-info-content h3 {
	font-size: 22px;
	text-transform: capitalize;
	margin-bottom: 5px;
}

.contact-info-content p {
	margin-bottom: 5px;
}

.contact-info-content p:last-child {
	margin-bottom: 0;
}

.contact-info-content p a {
	color: inherit;
	transition: all 0.3s ease-in-out;
}

.contact-info-content p a:hover {
	color: var(--accent-color);
}

.conatct-us-form {
	padding: 50px 0 100px;
}

.contact-form {
	background-color: var(--secondary-color);
	border-radius: 40px 0 0 40px;
	padding: 40px;
}

.contact-form form .form-control {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5em;
	color: var(--text-color);
	background-color: var(--white-color);
	border-radius: 40px;
	padding: 17px 20px;
	border: none;
	outline: none;
	box-shadow: none;
}

.contact-form form .form-control::placeholder {
	color: var(--text-color);
}

.google-map-iframe {
	height: 100%;
	border-radius: 0 40px 40px 0;
	overflow: hidden;
}

.google-map-iframe iframe {
	height: 100%;
	width: 100%;
}

/************************************/
/***   31. Book Appointment css   ***/
/************************************/

.page-book-appointment {
	padding: 100px 0;
}

.appointment-item {
	display: flex;
	border-bottom: 1px solid var(--divider-color);
	margin-bottom: 40px;
	padding-bottom: 40px;
}

.appointment-item:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.appointment-item .icon-box {
	margin-right: 20px;
}

.appointment-item .icon-box img {
	width: 100%;
	max-width: 40px;
}

.appointment-item-content {
	width: calc(100% - 60px);
}

.appointment-item-content h3 {
	font-size: 22px;
	text-transform: capitalize;
	margin-bottom: 10px;
}

.appointment-item-content p {
	margin: 0;
}

.appointment-item-content p a {
	color: inherit;
	transition: all 0.3s ease-in-out;
}

.appointment-item-content p a:hover {
	color: var(--primary-color);
}

.page-book-appointment .appointment-form {
	background: var(--secondary-color);
	border-radius: 30px;
	padding: 40px;
}

/************************************/
/***    32. 404 Error Page css    ***/
/************************************/

.error-page {
	padding: 100px 0;
}

.error-page-image {
	text-align: center;
	margin-bottom: 30px;
}

.error-page-image img {
	width: 100%;
	max-width: 40%;
}

.error-page-content {
	text-align: center;
}

.error-page-content .section-title,
.error-page-content-body p {
	margin-bottom: 20px;
}



.cta-card {
	position: fixed;
	right: 25px;
	bottom: 50px;
	background: white;
	padding: 14px 20px;
	border-radius: 12px;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
	max-width: 241px;
	display: flex;
	align-items: center;
	gap: 20px;
	z-index: 999;
}

.cta-cont {
	width: 330px;
	margin-left: 60px;
}

.cta-sideimg {
	width: 110px;
	position: fixed;
	right: 190px;
	bottom: 50px;
}

.cta-sideimg img {
	width: 100%;
}

.cta-cont h6 {
	font-size: 11px;
	line-height: 18px;
	font-family: "Cinzel", serif !important;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
	margin-bottom: 8px;
	width: 150px;
	color: #000;
}

.book-btn {
	border: 1px solid #7a0821;
	color: #7a0821;
	padding: 4px 10px;
	border-radius: 20px;
	cursor: pointer;
	font-size: 11px;
	font-family: "Gothic A1", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	transition: ease-in-out 0.4s;
}

.book-btn:hover {
	background: #000;
	color: #fff;
	border: 1px solid #000;
}

/************************************/
/***      33. Responsive css      ***/
/************************************/

@media only screen and (max-width: 1800px) {

	.bg-section {
		width: calc(100% - 35px);
		margin: 15px;
		max-width: 100%;
	}

	.hero.hero-bg-image.hero-slider-layout .hero-pagination {
		padding-left: calc(((100vw - 1300px) / 2) - 30px);
		left: 0;
	}

	.main-footer {
		margin-bottom: 50px;
	}
}

@media only screen and (max-width: 1650px) {
	.about-img-2 {
		max-width: 100%;
		margin-top: 0;
	}

}

@media only screen and (max-width: 1560px) {

	.bg-section {
		width: calc(100% - 30px);
		margin-left: 15px;
		margin-right: 15px;
	}

	.about-img-1 {
		display: none;
	}

	.hero.hero-bg-image.hero-slider-layout .hero-pagination {
		padding-left: calc(((100vw - 1300px) / 2));
	}

	.main-footer {
		margin-bottom: 15px;
	}

	.about-img-2 {
		max-width: 100%;
		margin-top: 0;
	}
}

@media only screen and (max-width: 1300px) {

	.header-contact-now {
		display: none;
	}

	.hero {
		padding: 100px 0;
	}

	.hero.hero-bg-image.hero-slider-layout .hero-pagination {
		padding-left: 15px;
	}

	.hero-image img {
		margin-bottom: -100px;
		margin-top: -40px;
		max-width: 100%;
	}
}

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

	.btn-default {
		padding: 15px 20px;
		margin-right: 46px;
	}

	.btn-default::before {
		right: -46px;
		width: 46px;
		height: 46px;
		display: none;
	}

	.navbar {
		padding: 20px 0;
		display: none;
	}

	header.main-header .header-sticky.active {
		border-left: none;
		border-right: none;
		border-radius: 0;
	}

	.slicknav_nav li,
	.slicknav_nav ul {
		display: block;
	}

	.responsive-menu,
	.navbar-toggle {
		display: block;
	}

	.header-btn {
		display: none;
	}

	.bg-section {
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
		border-radius: 0;
	}

	.section-row {
		margin-bottom: 40px;
	}

	.section-row .section-title.section-title-center {
		max-width: 100%;
	}

	.section-title {
		margin-bottom: 30px;
	}

	.section-title h3 {
		padding-left: 30px
	}

	.section-title h3::before {
		width: 20px;
		height: 20px;
	}

	.section-title h1 {
		font-size: 35px;
	}

	.section-title h2 {
		font-size: 17px;
	}

	.section-title p {
		margin-top: 15px;
	}

	.section-title p span {
		font-size: 18px;
	}

	.section-title-content {
		margin-top: 15px;
	}

	.section-btn {
		text-align: left;
	}

	.section-content-btn .section-btn {
		margin-top: 15px;
	}

	.hero {
		padding: 50px 0;
	}

	.hero.hero-bg-image,
	.hero.hero-bg-image.hero-slider-layout .hero-slide {
		padding: 100px 0;
	}

	.hero.hero-bg-image.hero-slider-layout .hero-pagination {
		bottom: 30px;
	}

	.hero-content {
		margin-bottom: 30px;
	}

	.hero-review-box {
		margin-top: 30px;
	}

	.hero-image {
		max-width: 80%;
		margin: 0 auto;
	}

	.hero-image img {
		margin-bottom: -50px;
		margin-top: 0px;
		max-width: 100%;
	}

	.about-us {
		padding: 50px 0;
	}

	.about-us-images {
		background-size: 60px auto;
		max-width: 80%;
		margin: 0 auto;
		margin-bottom: 30px;
	}

	.about-img-2 figure,
	.about-img-1 figure,
	.about-img-2 img,
	.about-img-1 img {
		border-radius: 20px;
	}

	.company-experience-circle img {
		max-width: 140px;
	}

	.about-experience-image figure,
	.about-experience-image img {
		border-radius: 20px;
	}

	.about-us-body {
		border-radius: 20px;
		padding: 20px;
		margin-top: 30px;
	}

	.our-services {
		padding: 50px 0;
	}

	.service-item {
		border-radius: 20px;
		padding: 30px;
	}

	.service-content-title {
		gap: 10px;
		margin-bottom: 15px;
	}

	.service-content-title h2 {
		width: calc(100% - 60px);
	}

	.service-content {
		margin-bottom: 20px;
	}

	.service-image a,
	.service-image img {
		border-radius: 20px;
	}

	.section-footer-text {
		margin-top: 10px;
	}

	.section-footer-text p span {
		padding: 2px 8px;
		margin-right: 5px;
	}

	.what-we-do {
		padding: 50px 0;
	}

	.what-we-btn {
		margin-top: 30px;
	}

	.what-we-image-2 {
		max-width: 55%;
		margin: 0 auto;
		margin-top: 30px;
	}

	.experirnce-box h2 {
		font-size: 34px;
	}

	.experirnce-box p {
		font-size: 14px;
	}

	.intro-video-box {
		height: 400px;
	}

	.intro-bg-video::before {
		border-radius: 0px;
	}

	.intro-video-box .video-play-button a {

		font-size: 18px;
	}

	.case-study {
		padding: 50px 0 20px;
	}

	.case-study-image img {
		aspect-ratio: 1 / 0.9;
	}

	.case-study-content {
		position: initial;
		top: 0;
	}

	.case-study-body {
		left: 20px;
		bottom: 20px;
		right: 20px;
	}

	.case-study-item-content h3 {
		font-size: 20px;
	}

	.why-choose-us {
		padding: 50px 0;
	}

	.why-choose-images {
		margin-right: 0px;
		margin-bottom: 30px;
	}

	.why-choose-image figure,
	.why-choose-image img {
		border-radius: 20px;
	}

	.why-choose-contact-box h3 {
		font-size: 20px;
	}

	.why-choose-contact-item {
		margin-top: 30px;
		padding-top: 30px;
	}

	.why-choose-contact-item-content p a {
		font-size: 20px;
	}

	.how-it-work {
		padding: 50px 0;
	}

	.how-work-content {
		position: inherit;
		top: 0;
		margin-right: 0;
		margin-bottom: 30px;
	}

	.how-work-step-item {
		margin-bottom: 40px;
	}

	.how-work-step-item::before {
		transform: translate(30px, 32px);
		height: 60%;
	}

	.how-work-step-content h3 {
		font-size: 20px;
	}

	.our-testimonials {
		padding: 50px 0;
	}

	.our-testimonial-image {
		margin-right: 0px;
		margin-bottom: 30px;
	}

	.our-testimonial-image figure {
		border-radius: 20px;
	}

	.our-testimonial-image img {
		aspect-ratio: 1 / 0.7;
		border-radius: 20px;
	}

	.our-testimonial-content .section-title {
		margin-bottom: 20px;
	}

	.testimonial-author-details {
		margin-top: 20px;
		padding-top: 20px;
	}

	.testimonial-author-details h3 {
		font-size: 20px;
	}

	.testimonial-slider {
		margin-top: 40px;
	}

	.testimonial-item-content {
		margin-bottom: 20px;
		padding-bottom: 20px;
	}

	.transformation-image {
		border-radius: 20px;
	}

	.transformation-image .transform-img-2::before,
	.transformation-image .transform-img-1::before {
		bottom: 20px;
		font-size: 24px;
	}

	.our-results {
		padding: 50px 0;
	}

	.facts-counter-box {
		gap: 30px;
		margin-top: 10px;
		padding-top: 40px;
	}

	.facts-counter-item {
		display: block;
		width: calc(25% - 22.5px);
	}

	.facts-counter-item::before {
		right: -15px;
	}

	.facts-counter-item .icon-box {
		margin: 0 0 10px 0;
	}

	.facts-counter-item .icon-box img {
		max-width: 40px;
	}

	.facts-counter-content h3 {
		font-size: 26px;
	}

	.facts-counter-content p {
		font-size: 14px;
	}

	.our-appointment {
		padding: 50px 0 0;
	}

	.appointment-form {
		margin-bottom: 30px;
	}

	.appointment-form form .form-control {
		padding: 14px 20px;
	}

	.our-appointment-image {
		max-width: 80%;
		margin-right: 0px;
		margin: 0 auto;
		padding: 0 57px;
	}

	.our-blog {
		padding: 50px 0 20px;
	}

	.post-featured-image {
		margin-bottom: 15px;
	}

	.post-featured-image a {
		border-radius: 20px;
	}

	.post-item-content h2 {
		font-size: 20px;
	}

	.main-footer {
		padding: 15px;
		margin-bottom: 0px;
	}

	.footer-header {
		margin-bottom: 40px;
		padding-bottom: 40px;
	}

	.about-footer {
		margin-right: 0px;
		margin-bottom: 30px;
	}

	.footer-logo {
		margin-bottom: 15px;
	}

	.about-footer-content {
		margin-bottom: 20px;
	}

	.footer-links-box {
		gap: 20px;
	}

	.footer-links {
		width: calc(50% - 10px);
	}

	.footer-links h3 {
		font-size: 20px;
		margin-bottom: 15px;
	}

	.footer-links ul {
		gap: 10px 20px;
	}

	.footer-contact-box {
		gap: 30px 20px;
		margin-top: 30px;
		padding-top: 30px;
	}

	.footer-contact-item {
		width: auto;
	}

	.footer-contact-item::before {
		right: -10px;
	}

	.footer-contact-item ul li i {
		margin-right: 5px;
	}

	.footer-copyright {
		margin-top: 30px;
		padding: 30px 0;
	}

	.page-header {
		padding: 60px 0;
	}

	.page-header-box h1 {
		font-size: 45px;
	}

	.our-approach {
		padding: 50px 0;
	}

	.our-approach-content {
		margin-bottom: 30px;
	}

	.our-approach-body {
		padding: 20px;
		border-radius: 20px;
	}

	.mission-vison-item {
		margin-bottom: 30px;
		padding-bottom: 30px;
	}

	.mission-vison-content h3 {
		font-size: 20px;
	}

	.approach-image {
		max-width: 80%;
		margin: 0 auto;
	}

	.approach-img-1 figure,
	.approach-img-1 img {
		border-radius: 20px;
	}

	.approach-support-box {
		padding: 15px;
	}

	.approach-support-box-content h3 {
		font-size: 20px;
	}

	.our-journey {
		padding: 50px 0;
	}

	.our-journey-image {
		margin-bottom: 30px;
	}

	.journey-img figure,
	.journey-img img {
		border-radius: 20px;
	}

	.journey-image-box {
		padding-left: 60px;
	}

	.journey-experience-circle img {
		max-width: 130px;
	}

	.our-journey-content {
		margin-left: 0;
	}

	.our-journey-list {
		margin-bottom: 30px;
		padding-bottom: 30px;
	}

	.our-journey-body {
		margin-bottom: 30px;
	}

	.our-team {
		padding: 50px 0 20px;
	}

	.team-image {
		margin-bottom: 15px;
	}

	.team-image figure {
		border-radius: 20px;
	}

	.team-image img {
		aspect-ratio: 1 / 1.03;
		border-radius: 20px;
	}

	.team-content {
		margin-bottom: 15px;
	}

	.team-content h3 {
		font-size: 20px;
	}

	.our-faqs {
		padding: 50px 0;
	}

	.our-faqs-images {
		max-width: 75%;
		margin: 0 auto;
		margin-bottom: 30px;
	}

	.faqs-img-1 figure,
	.faqs-img-2 figure,
	.faqs-img-1 img,
	.faqs-img-2 img {
		border-radius: 20px;
	}

	.faqs-img-2 {
		max-width: 300px;
	}

	.faqs-circle {
		top: 25px;
		right: 25px;
	}

	.faqs-circle a img {
		max-width: 140px;
	}

	.faq-accordion .accordion-item {
		margin-bottom: 20px;
		padding-bottom: 20px;
	}

	.faq-accordion .accordion-header .accordion-button {
		font-size: 20px;
		padding-right: 25px;
	}

	.faq-accordion .accordion-item .accordion-body {
		padding-right: 25px;
	}

	.page-services {
		padding: 50px 0 20px;
	}

	.page-service-single {
		padding: 50px 0;
	}

	.page-single-sidebar {
		position: initial;
		margin: 0 0 30px 0;
	}

	.page-single-category-list {
		margin-bottom: 15px;
	}

	.page-single-category-list h3 {
		font-size: 20px;
		padding: 15px 20px;
	}

	.page-single-category-list ul {
		padding: 20px;
	}

	.page-single-category-list ul li {
		padding-bottom: 15px;
		margin-bottom: 15px;
	}

	.page-single-category-list ul li a::before {
		width: 20px;
		height: 20px;
	}

	.sidebar-cta-image figure img {
		aspect-ratio: 1 / 0.56;
	}

	.sidebar-cta-item {
		bottom: 20px;
		left: 20px;
		right: 20px;
	}

	.sidebar-cta-content h3 {
		font-size: 20px;
		margin-bottom: 10px;
	}

	.page-single-image {
		margin-bottom: 30px;
	}

	.page-single-image figure,
	.page-single-image img {
		border-radius: 20px;
	}

	.service-entry {
		margin-bottom: 40px;
	}

	.service-entry p {
		margin-bottom: 15px;
	}

	.service-entry h2 {
		font-size: 38px;
		margin-bottom: 15px;
	}

	.service-enhance-box,
	.service-achieve-box {
		margin-top: 30px;
	}

	.service-enhance-item-list {
		margin-top: 30px;
	}

	.service-enhance-item {
		border-radius: 20px;
		padding: 16px;
	}

	.service-enhance-item .icon-box {
		width: 50px;
		height: 50px;
		margin-bottom: 20px;
		color: #fff;
	}

	.service-enhance-item .icon-box img {
		max-width: 26px;
		color: #fff;
	}

	.service-enhance-item-content h3 {
		font-size: 20px;
	}

	.service-enhance-item-content p {
		font-size: 14px;
	}

	.servie-entry-video-image.intro-video-box {
		margin: 30px 0;
	}

	.servie-entry-image figure,
	.servie-entry-image img {
		border-radius: 20px;
	}

	.service-achieve-list .how-work-step-item {
		margin-bottom: 30px;
	}

	.page-blog {
		padding: 50px 0;
	}

	.page-pagination {
		margin-top: 10px;
	}

	.page-single-post {
		padding: 50px 0;
	}

	.post-image {
		margin-bottom: 20px;
	}

	.post-entry h1,
	.post-entry h2,
	.post-entry h3,
	.post-entry h4,
	.post-entry h5,
	.post-entry h6 {
		margin: 0 0 0.442em;
	}

	.post-entry h2 {
		font-size: 34px;
	}

	.post-entry p {
		margin-bottom: 15px;
	}

	.post-entry ol li,
	.post-entry ul li {
		font-size: 16px;
		margin-bottom: 10px;
	}

	.post-entry blockquote {
		background-position: 20px 20px;
		background-size: 35px;
		padding: 20px 20px 20px 70px;
		margin-bottom: 20px;
	}

	.post-entry blockquote p {
		font-size: 20px;
	}

	.post-tags {
		margin-bottom: 20px;
	}

	.tag-links {
		font-size: 20px;
	}

	.post-tags .tag-links a {
		padding: 12px 15px;
	}

	.post-social-sharing ul {
		text-align: left;
	}

	.page-case-study {
		padding: 50px 0 20px;
	}

	.page-case-study-single {
		padding: 50px 0;
	}

	.case-study-detail-list {
		margin-bottom: 30px;
		padding: 20px;
	}

	.case-study-detail-item {
		margin-bottom: 15px;
		padding-bottom: 15px;
	}

	.case-study-entry {
		margin-bottom: 40px;
	}

	.case-study-entry p {
		margin-bottom: 15px;
	}

	.case-study-entry h2 {
		font-size: 38px;
		margin-bottom: 15px;
	}

	.case-study-entry ul li {
		font-size: 14px;
		margin-bottom: 10px;
		padding-left: 25px;
	}

	.case-study-entry ul li::before {
		font-size: 18px;
	}

	.transformative-beauty-box,
	.glow-up-box,
	.real-transformation-box {
		margin-top: 30px;
	}

	.transformative-beauty-list {
		gap: 30px 20px;
		margin-top: 30px;
	}

	.transformative-beauty-list .how-work-step-item {
		width: calc(50% - 10px);
	}

	.glow-up-image figure {
		border-radius: 20px;
	}

	.glow-up-image img {
		aspect-ratio: 1 / 1.27;
		border-radius: 20px;
	}

	.glow-up-content ul {
		margin: 30px 0;
	}

	.glow-up-content .how-work-step-item {
		border-radius: 20px;
		padding: 15px;
	}

	.real-transformation-box ul {
		gap: 20px;
	}

	.real-transformation-box ul li {
		width: calc(50% - 10px);
		border-radius: 10px;
		padding: 10px 10px 10px 32px;
		margin-bottom: 0;
	}

	.real-transformation-box ul li::before {
		top: 10px;
		left: 10px;
	}

	.page-team {
		padding: 50px 0 20px;
	}

	.page-team-single {
		padding: 50px 0;
	}

	.team-member-info-box,
	.team-member-about {
		margin-bottom: 40px;
	}

	.team-member-image,
	.team-member-content {
		width: 100%;
	}

	.team-member-image figure {
		border-radius: 20px;
	}

	.team-member-image img {
		aspect-ratio: 1 / 0.67;
		border-radius: 20px;
	}

	.member-info-list ul li {
		font-size: 20px;
		margin-bottom: 10px;
	}

	.member-social-list {
		margin-top: 30px;
		padding-top: 30px;
	}

	.team-member-list ul li {
		margin-bottom: 10px;
		padding-left: 25px;
	}

	.team-member-list ul li::before {
		font-size: 18px;
	}

	.team-member-skills-info,
	.team-contact-form {
		width: 100%;
	}

	.skills-progress-bar {
		margin-bottom: 20px;
	}

	.skills-progress-bar .skill-data {
		margin-bottom: 10px;
	}

	.team-member-skills-info .team-member-list {
		margin-top: 30px;
		padding-top: 30px;
	}

	.team-contact-form .contact-form {
		border-radius: 20px;
	}

	.page-testimonials {
		padding: 50px 0 20px;
	}

	.page-testimonials .testimonial-item {
		border-radius: 20px;
		padding: 20px;
	}

	.page-gallery {
		padding: 50px 0 20px;
	}

	.page-video-gallery {
		padding: 50px 0 20px;
	}

	.page-faqs {
		padding: 50px 0;
	}

	.page-faqs-catagery .page-single-faqs {
		margin-bottom: 40px;
	}

	.page-contact-us {
		padding: 50px 0 25px;
	}

	.contact-us-content .section-title {
		margin-bottom: 30px;
	}

	.contact-info-item {
		padding: 20px;
	}

	.contact-info-item .icon-box {
		margin-bottom: 20px;
	}

	.contact-info-content h3 {
		font-size: 20px;
	}

	.conatct-us-form {
		padding: 25px 0 50px;
	}

	.contact-form {
		border-radius: 26px 26px 0 0;
		padding: 30px;
	}

	.contact-form form .form-control {
		border-radius: 24px;
		padding: 14px 20px;
	}

	.google-map-iframe {
		height: auto;
		border-radius: 0 0 26px 26px;
	}

	.google-map-iframe iframe {
		height: 400px;
	}

	.page-book-appointment {
		padding: 50px 0;
	}

	.our-appointment-content {
		margin-bottom: 30px;
	}

	.appointment-item {
		margin-bottom: 30px;
		padding-bottom: 30px;
	}

	.appointment-item-content h3 {
		font-size: 20px;
		margin-bottom: 5px;
	}

	.page-book-appointment .appointment-form {
		padding: 30px;
		border-radius: 20px;
		margin: 0;
	}

	.error-page {
		padding: 50px 0;
	}

	.error-page-image {
		margin-bottom: 20px;
	}

	.error-page-image img {
		max-width: 60%;
	}

	.error-page-content .section-title,
	.error-page-content-body p {
		margin-bottom: 15px;
	}
}

@media only screen and (max-width: 767px) {
	.cutLogo {
		width: 80px;
		position: absolute;
		top: -12px;
		height: 10em;
		left: 0px;
	}

	.our-testimonial-content {
		padding: 25px;
	}

	.mainLogo {
		margin-left: 75px;
	}

	.responsive-menu,
	.navbar-toggle {
		display: block;
		padding-right: 10px;
	}


	.readmore-btn {
		width: 44px;
		height: 44px;
	}

	.readmore-btn img {
		max-width: 12px;
	}

	.section-row {
		margin-bottom: 30px;
	}

	.section-title h1 {
		font-size: 30px;
	}

	.section-title h2 {
		font-size: 28px;
	}

	.section-title p {
		margin-top: 10px;
	}

	.section-title-content {
		margin-top: 10px;
	}

	.hero-body {
		gap: 15px;
	}

	.video-play-button a {}

	.video-play-button a i {
		font-size: 16px;
	}

	.hero-body .video-play-button p {
		font-size: 14px;
	}

	.hero-image {
		max-width: 100%;
	}

	.about-us-images {
		background-position: top 30px left 40px;
		background-size: 40px auto;
		max-width: 100%;
	}

	.about-img-1 {
		padding-left: 145px;
		display: none
	}

	.about-img-2 {
		max-width: 100%;
		margin-top: 0;
	}

	.about-us-content {
		padding: 15px;
	}

	.company-experience-circle img {
		max-width: 100px;
	}

	.about-experience-list,
	.about-experience-image {
		width: 100%;
	}

	.about-experience-list ul li {
		margin-bottom: 10px;
		padding-left: 25px;
	}

	.about-experience-list ul li::before {
		top: -1px;
		font-size: 18px;
	}

	.about-contact-box-content h3 {
		font-size: 18px;
	}

	.service-item {
		padding: 20px;
	}

	.service-content-title h2 {
		width: calc(100% - 55px);
		font-size: 20px;
	}

	.section-footer-text p span {
		font-size: 14px;
	}

	.what-we-image-1 {
		margin-right: 0;
		margin-bottom: 30px;
	}

	.what-we-image-2 {
		max-width: 100%;
	}

	.experirnce-box {
		bottom: 100px;
		max-width: 95px;
		padding: 25px 15px;
	}

	.experirnce-box h2 {
		font-size: 26px;
	}

	.experirnce-box p {
		font-size: 12px;
	}

	.intro-video-box {
		height: 350px;
	}

	.why-choose-images {
		gap: 20px;
		padding: 0 30px 15px 0;
	}

	.why-choose-image {
		width: calc(50% - 10px);
	}

	.why-choose-image.img-2 {
		margin-top: 45px;
	}

	.why-choose-images::before {
		border-radius: 20px;
		width: 250px;
		height: 220px;
	}

	.years-experience-text {
		right: 6px;
		bottom: 20px;
	}

	.years-experience-text p {
		font-size: 14px;
	}

	.why-choose-contact-box h3 {
		font-size: 18px;
	}

	.why-choose-contact-item {
		margin-top: 20px;
		padding-top: 20px;
	}

	.why-choose-contact-item .icon-box {
		margin-right: 10px;
	}

	.why-choose-contact-item-content p a {
		font-size: 18px;
	}

	.how-work-step-item::before {
		transform: translate(25px, 30px);
		height: 70%;
	}

	.how-work-step-item .icon-box {
		width: 50px;
		height: 50px;
		margin-right: 10px;
	}

	.how-work-step-item .icon-box img {
		max-width: 28px;
	}

	.how-work-step-content {
		width: calc(100% - 60px);
	}

	.how-work-step-content h3 {
		font-size: 18px;
	}

	.how-work-step-content p {
		font-size: 14px;
	}

	.our-testimonial-image img {
		aspect-ratio: 1 / 0.852;
	}

	.transformation-image .transform-img-2::before,
	.transformation-image .transform-img-1::before {
		font-size: 20px;
	}

	.facts-counter-item {
		width: calc(50% - 15px);
	}

	.facts-counter-item .icon-box img {
		max-width: 30px;
	}

	.facts-counter-content h3 {
		font-size: 22px;
	}

	.our-appointment-image {
		max-width: 100%;
		padding: 0 30px;
	}

	.footer-header {
		margin-bottom: 30px;
		padding-bottom: 30px;
	}

	.footer-newsletter-form,
	.section-title.footer-newsletter-title {
		width: 100%;
	}

	.footer-links {
		width: calc(62% - 10px);
	}

	.footer-links.quick-links {
		width: calc(38% - 10px);
	}

	.footer-links ul li {
		width: 100%;
	}

	.footer-contact-box {
		gap: 25px;
		margin-top: 20px;
		padding-top: 20px;
	}

	.footer-contact-item {
		width: 100%;
	}

	.footer-contact-item::before {
		display: none;
	}

	.footer-links.footer-contact-item h3 {
		margin-bottom: 10px;
	}

	.footer-copyright {
		flex-direction: column;
		gap: 15px;
		padding: 20px 0;
	}

	.footer-privacy-policy ul li {
		margin-right: 5px;
		padding-right: 12px;
	}

	.page-header-box h1 {
		font-size: 30px;
	}

	.page-header-box ol li.breadcrumb-item {
		font-size: 14px;
	}

	.mission-vison-item {
		margin-bottom: 20px;
		padding-bottom: 20px;
	}

	.mission-vison-item .icon-box {
		width: 50px;
		height: 50px;
		margin-right: 10px;
	}

	.mission-vison-item .icon-box img {
		max-width: 28px;
	}

	.mission-vison-content {
		width: calc(100% - 60px);
	}

	.mission-vison-content h3 {
		font-size: 18px;
	}

	.mission-vison-content p {
		font-size: 14px;
	}

	.approach-image {
		max-width: 100%;
		padding: 50px 0 35px 50px;
	}

	.approach-img-2 {
		max-width: 170px;
		border-width: 5px;
	}

	.approach-support-box {
		padding: 10px;
	}

	.approach-support-box .icon-box {
		margin-right: 10px;
	}

	.approach-support-box .icon-box img {
		max-width: 26px;
	}

	.approach-support-box-content {
		width: calc(100% - 60px);
	}

	.approach-support-box-content h3 {
		font-size: 18px;
	}

	.approach-support-box-content p {
		font-size: 14px;
	}

	.our-journey-image {
		max-width: 100%;
		gap: 20px;
	}

	.journey-img {
		width: calc(50% - 10px);
	}

	.journey-image-box {
		padding-left: 50px;
	}

	.journey-experience-circle img {
		max-width: 100px;
	}

	.our-journey-list ul {
		gap: 10px;
	}

	.our-journey-list ul li {
		width: 100%;
		padding-left: 25px;
	}

	.our-journey-list ul li::before {
		font-size: 18px;
	}

	.journey-item {
		width: 100%;
	}

	.journey-item .icon-box {
		width: 50px;
		height: 50px;
		margin-right: 10px;
	}

	.journey-item .icon-box img {
		max-width: 26px;
	}

	.journey-item-content {
		width: calc(100% - 60px);
	}

	.journey-item-content h3 {
		font-size: 18px;
	}

	.our-faqs-images {
		max-width: 100%;
		padding: 0 140px 50px 0;
	}

	.faqs-img-2 {
		max-width: 190px;
	}

	.faqs-circle {
		top: 15px;
		right: 15px;
	}

	.faqs-circle a img {
		max-width: 110px;
	}

	.faq-accordion .accordion-item {
		margin-bottom: 15px;
		padding-bottom: 15px;
	}

	.faq-accordion .accordion-header .accordion-button {
		font-size: 18px;
	}

	.faq-accordion .accordion-item .accordion-body {
		padding-right: 0;
	}

	.page-single-category-list h3 {
		font-size: 18px;
	}

	.sidebar-cta-image figure img {
		aspect-ratio: 1 / 0.92;
	}

	.sidebar-cta-item .icon-box {
		margin-right: 15px;
	}

	.sidebar-cta-item .icon-box img {
		max-width: 34px;
	}

	.page-single-image {
		margin-bottom: 20px;
	}

	.page-single-image img {
		aspect-ratio: 1 / 0.7;
	}

	.service-entry h2 {
		font-size: 28px;
	}

	.service-enhance-item-list {
		gap: 20px;
	}

	.service-enhance-item {
		width: 100%;
		display: flex;
	}

	.service-enhance-item .icon-box {
		margin: 0 15px 0 0;
	}

	.service-enhance-item-content {
		width: calc(100% - 65px);
	}

	.servie-entry-image img {
		aspect-ratio: 1 / 0.8;
	}

	.service-achieve-list .how-work-step-item {
		margin-bottom: 20px;
	}

	.post-single-meta ol li {
		font-size: 16px;
	}

	.post-single-meta ol li i {
		font-size: 16px;
	}

	.post-image img {
		aspect-ratio: 1 / 0.7;
	}

	.post-entry blockquote {
		background-position: 15px 15px;
		padding: 60px 15px 15px 15px;
	}

	.post-entry blockquote p {
		font-size: 18px;
	}

	.post-entry h2 {
		font-size: 24px;
	}

	.case-study-detail-item .icon-box {
		width: 45px;
		height: 45px;
		margin-right: 15px;
	}

	.case-study-detail-item .icon-box img {
		max-width: 24px;
	}

	.case-study-detail-content {
		width: calc(100% - 60px);
	}

	.case-study-detail-item h3 {
		font-size: 18px;
	}

	.case-study-entry h2 {
		font-size: 28px;
	}

	.transformative-beauty-list {
		gap: 20px;
	}

	.transformative-beauty-list .how-work-step-item {
		width: 100%;
	}

	.glow-up-image,
	.glow-up-content {
		width: 100%;
	}

	.glow-up-image img {
		aspect-ratio: 1 / 0.8;
	}

	.glow-up-content ul {
		margin: 20px 0;
	}

	.real-transformation-box ul {
		gap: 10px;
	}

	.real-transformation-box ul li {
		width: 100%;
	}

	.team-member-image img {
		aspect-ratio: 1 / 0.88;
	}

	.member-info-list ul li {
		font-size: 18px;
	}

	.member-info-list ul li span {
		width: 65%;
	}

	.member-social-list,
	.team-member-skills-info .team-member-list {
		margin-top: 20px;
		padding-top: 20px;
	}

	.skills-progress-bar .skillbar .skill-progress {
		height: 14px;
	}

	.team-member-skills-info .team-member-list ul {
		gap: 10px;
	}

	.team-member-skills-info .team-member-list ul li {
		width: 100%;
	}

	.contact-info-list {
		gap: 20px;
	}

	.contact-info-item {
		width: 100%;
	}

	.contact-info-item .icon-box {
		margin-bottom: 15px;
	}

	.contact-info-content h3 {
		font-size: 18px;
	}

	.contact-form {
		padding: 20px;
	}

	.google-map-iframe iframe {
		height: 300px;
	}

	.appointment-item {
		margin-bottom: 20px;
		padding-bottom: 20px;
	}

	.appointment-item-content h3 {
		font-size: 18px;
	}

	.page-book-appointment .appointment-form {
		padding: 30px 20px;
	}

	.error-page-image img {
		max-width: 80%;
	}
}










.FixedCntct {
	position: fixed;
	bottom: 0px;
	width: 100%;
	z-index: 99;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	box-shadow: 0px 0px 25px rgb(0 0 0 / 10%);
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
	margin-bottom: 0px;
}

.FixedCntct li {
	width: calc(100% / 3);
}

.FixedCntct .mob {
	background: #ff0000;
	color: #fff;
}

.FixedCntct li a svg {
	transition: all .5s;
	fill: #fff;
	margin-right: 8px;
}

.FixedCntct .mail svg {
	width: 20px;
}

.FixedCntct .whatsapp svg {
	width: 18px;
}

.FixedCntct .mail {
	background: #002a34;
}

.FixedCntct .mob svg {
	fill: #fff;
	width: 22px;
}

.FixedCntct .whatsapp {
	background: #40b451;
}

.DeskFixed {
	position: fixed;
	right: 25px;
	bottom: 250px;
	z-index: 99;
	margin: -5px 0;
	display: block;
	list-style: none;
}

.DeskFixed li {
	padding: 8px 0;
}

.DeskFixed .Whatapp {
	background: #ffffff;
	border: 2px #47c756 solid;
}

.DeskFixed .Whatapp {
	padding: 7px;
	width: 100%;

}

.FixedCntct li a {
	color: #fff;
	font-size: 12px;
	padding: 4px 8px;
	text-transform: uppercase;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.DeskFixed a.mob::before,
.DeskFixed a.mob::after {
	width: 20px;
	height: 20px;
}

.DeskFixed a.mob::before,
.DeskFixed a.mob::after {
	content: "";
	width: 10px;
	height: 10px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #5c64ae00;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	transform: scale(.5);
	transform-origin: center center;

	pointer-events: none;
	z-index: 0;
}

.DeskFixed a.mob::before,
.DeskFixed a.mob::after {
	width: 20px;
	height: 20px;
}

.DeskFixed a.mob::after {
	width: 20px;
	height: 20px;
}

.mob {
	display: none;
}

.desk {
	display: block;
}

.DeskFixed a.mob::after {
	width: 20px;
	height: 20px;
}

.DeskFixed a svg {
	display: block;
	margin: auto;
	width: 26px;
	height: 26px;
	fill: #fff;
}

.DeskFixed .mob {
	background: #fff;
	position: relative;
	animation: pulse 1500ms infinite;
	border: 2px #760921 solid;
}

.DeskFixed a {
	text-align: center;
	display: flex;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	margin-bottom: 0px;
}


.FixedCntct-sk {
	display: none;
}

.mobb {
	display: none;
}

@media only screen and (max-width: 991px) {
	.DeskFixed {

		display: none;
	}

	.deskb {
		display: none;
	}

	.FixedCntct-sk {

		display: block;
	}


	.desk {
		display: none;
	}

	.mob {
		display: block;
	}




}







@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 #323439;
	}

	100% {
		box-shadow: 0 0 0 17px #fbb32f01;
	}
}



.main-header-three__middle .contact-info ul li::before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 1px;
	background: #dddad300;
	content: "";
}

.main-header-three__middle .contact-info ul li:last-child:before {
	display: none;
}

@media (max-width: 767px) {
	.top-bar-header {
		padding: 12px 0px;
	}

	.top-bar-header .top-welcome-text p {
		font-size: 14px;
	}

	.top-bar-header .social-links {
		margin-right: 10px;
	}

	.main-header-three__middle .contact-info {
		display: none;
	}

	.top-bar-header {
		display: none;
	}

	.main-header-three__middle::after {

		bottom: 0px;

	}

	.slicknav_btn {

		z-index: 999;
	}
}

.modal-footer {
	text-align: center;
	justify-content: center;
}

.modal-header {
	text-align: center;
	justify-content: center;
}

.top-bar-header::before {
	background: #7a0821;
	left: unset;
	/* right: -6px; */
	content: "";
	position: absolute;
	top: 0;
	left: -2px;
	bottom: 0;
	/* width: 822px; */
	/* clip-path: polygon(0% 0%, 92% 0%, 97% 100%, 0% 93%); */
	z-index: 1;
	/* background: linear-gradient(0deg, rgb(122 8 33 / 82%), rgb(122 8 33 / 63%)), url(../images/bg.jpg); */
}

.btn-default:hover {
	color: #fff;
	background: #b18402;
}

.service-image {}

.main-header-three__middle .contact-info ul li:hover {
	background: #7a0821;
	transition: all 0.5s ease-in-out;
	z-index: 1;
}

.main-header-three__middle .contact-info ul li:hover .text-box h3 {
	color: #fff;
}

.main-menu ul ul li a:hover {
	color: #fff;

}

/*3-25-2026*/

#pageLoadModal .modal-body p {
	text-align: justify;
}



/*close 2026*/
.faq-accordionsk .accordion-item {
	border-radius: 30px;
	border: 1px solid var(--divider-color);
	margin-bottom: 30px;
	padding-bottom: 30px;
	box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.08), -5px -6px 10px 0 rgba(253, 253, 253, 0.9);
	-webkit-box-shadow: 4px 4px 10px 0 rgb(0 0 0 / 28%), -5px -6px 10px 0 rgb(213 213 213 / 90%);
	-moz-box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.08), -5px -6px 10px 0 rgba(253, 253, 253, 0.9);
	-ms-box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.08), -5px -6px 10px 0 rgba(253, 253, 253, 0.9);
	background-image: linear-gradient(to top, #f1f2f5, rgba(255, 255, 255, 0)), linear-gradient(to bottom, #f6f6f9, #f6f6f9);
	border: 1px solid #eeeef000;
	padding: 20px;
}

.faq-accordionsk .accordion-item:last-child {}

.faq-accordionsk .accordion-header .accordion-button {
	font-size: 22px;
	font-weight: 400;
	line-height: 1.4em;
	color: var(--primary-color);
	padding-right: 30px;
	transition: all 0.3s ease-in-out;
}

.faq-accordionsk .accordion-button:not(.collapsed) {
	color: var(--accent-color);
	padding-bottom: 10px;
}

.faq-accordionsk .accordion-item .accordion-button::after,
.faq-accordionsk .accordion-item .accordion-button.collapsed::after {
	content: '\f107';
	font-family: 'FontAwesome';
	position: absolute;
	right: 0;
	top: 0;
	font-size: 18px;
	color: var(--primary-color);
	transition: all 0.3s ease-in-out;
}

.faq-accordionsk .accordion-button:not(.collapsed)::after {
	transform: rotate(180deg);
	color: var(--accent-color);
}

.faq-accordionsk .accordion-item .accordion-body {
	padding-right: 30px;
}

.faq-accordionsk .accordion-item .accordion-body p {
	color: var(--text-color);
	margin-bottom: 15px;
}

.faq-accordionsk .accordion-item .accordion-body p:last-child {
	margin-bottom: 0;
}




.modal-header .btn-close {
	padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
	margin: auto;
	position: absolute;
	right: 16px;
}


.sktext {
	justify-content: center
}

.skbb {
	padding: 0px;

}

.service-itemdd {

	padding: 20px;
}

.service-itemdd .service-content-title h2 {
	width: 100%;

	/* height: 60px; */
}

/* side bar */
.page-single-sidebar {
	position: sticky;
	top: 80px;
}

.service-sidebar {
	background: #f8f9fa;
	padding: 0px;
	border-radius: 10px;
}

.list-group-item {
	border: none;
	padding: 10px;
	cursor: pointer;
	margin-bottom: 0px !important;
}

.list-group-item.active {
	background-color: #f1f1f1;
	color: #fff;
	padding: 10px;
	margin: 0;
}

.page-single-category-list ul li:last-child {
	padding: 10px;
}

.list-group-item a {
	text-decoration: none;
	color: inherit;
	display: block;
	padding: 10px;
}

.service-item {
	background: #fff;
	padding: 15px;
	border-radius: 10px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
	max-height: 100%;
	transition: 0.3s;
}

.service-item:hover {
	transform: translateY(-5px);
}

.service-item h5 {
	font-size: 16px;
	margin-bottom: 10px;
}

.service-item p {
	font-size: 14px;
	color: #666;
}

.faq-accordion p {
	font-size: 17px;
	text-align: justify;
}

.section-title h3 {
	font-weight: 600 !important;
}

/* close side bar */

.timeline-wrapper {
	max-width: 100%;
	margin: 0px auto;
	position: relative;
	padding: 20px 20px;
}

/* Center Line */
.timeline-wrapper::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 65px;
	width: 7px;
	height: 83.5%;
	background: #757171;
	transform: translateX(-50%);
	border: 1px #404040 solid;
	border-radius: 10px;
}

.timeline-row {
	display: grid;
	grid-template-columns: 1fr 120px 1fr;
	margin-bottom: 45px;
	position: relative;
}

/* LEFT CARD */
.left-card {
	position: relative;
}

.left-card .card {
	background: #fff;
	border-radius: 27px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, .15);
	position: relative;
	width: 80%;
}

/* Arrow to center */
.left-card .card::before {
	content: '';
	position: absolute;
	right: -190px;
	top: 30px;
	width: 197px;
	height: 7px;
	background: #757171;
	z-index: 99;
}

/* .left-card .card::after{
			    content: '';
			position: absolute;
			width: 30px;
			height: 30px;
			background: #d1d1d1;
			top: 20px;
			right: -14px;
			border-radius: 50%;
			border:2px #7e7e7e solid;
		 } */
.rounded-25 {
	border-radius: 25px !important;
}

.left-card .card::after {
	content: '';
	position: absolute;
	width: 60px;
	height: 60px;
	top: 5px;
	right: 5px;
	background-color: #fff;
	border: 2px #7e7e7e solid;
	background-size: 40px 40px;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 9;
}

.left-card .card.kasr-icon::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23d41a36' d='M419.84 409.6H92.16c-16.937 0-30.72 13.783-30.72 30.72s13.783 30.72 30.72 30.72h327.68c16.937 0 30.72-13.783 30.72-30.72s-13.783-30.72-30.72-30.72zM471.04 102.4c-22.589 0-40.96 18.371-40.96 40.96 0 15.176 8.397 28.303 20.705 35.389-23.695 56.115-60.662 90.542-95.212 87.429-38.42-3.133-69.755-48.558-87.04-124.559 22.159-5.612 38.666-25.58 38.666-49.459 0-28.242-22.958-51.2-51.2-51.2-28.242 0-51.2 22.958-51.2 51.2 0 23.88 16.507 43.848 38.666 49.459-17.285 76.001-48.62 121.426-87.04 124.559-34.406 3.113-71.537-31.314-95.211-87.429 12.308-7.086 20.705-20.214 20.705-35.389 0-22.589-18.371-40.96-40.96-40.96C18.371 102.4 0 120.771 0 143.36c0 21.013 15.974 38.175 36.372 40.509L75.817 389.12h360.366l39.444-205.251C496.026 181.535 512 164.373 512 143.36c0-22.589-18.371-40.96-40.96-40.96z'/%3E%3C/svg%3E");

}

.left-card .card.glasgon::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16.933 16.933'%3E%3Cpath fill='%23d41a36' d='M8.467.529C5.109.529 2.38 3.257 2.38 6.615s2.728 6.084 6.086 6.084c3.357 0 6.086-2.726 6.086-6.084S11.824.529 8.467.529zm0 1.322c2.627 0 4.762 2.137 4.762 4.764s-2.135 4.762-4.762 4.762-4.762-2.135-4.762-4.762S5.84 1.85 8.467 1.85zm0 .53c-2.341 0-4.235 1.893-4.235 4.234s1.894 4.232 4.235 4.232c2.34 0 4.232-1.891 4.232-4.232S10.808 2.38 8.467 2.38zm.265 1.37.672 1.868 1.984.093c.248.011.346.325.15.475l-1.57 1.215.524 1.916a.265.265 0 0 1-.404.289L8.445 8.49 6.787 9.58a.265.265 0 0 1-.4-.295l.554-1.907-1.549-1.242a.265.265 0 0 1 .157-.47l1.986-.061.701-1.857a.26.26 0 0 1 .242-.173.26.26 0 0 1 .254.176zm-4.628 7.826L2.74 14.83a.265.265 0 0 0 .343.348l1.851-.744.732 1.825c.089.22.398.222.49.004l1.305-3.11a6.597 6.597 0 0 1-3.357-1.574zm8.726 0a6.597 6.597 0 0 1-3.357 1.575l1.305 3.11a.265.265 0 0 0 .489-.004l.732-1.825 1.852.743a.265.265 0 0 0 .342-.348z'/%3E%3C/svg%3E");

}

.right-card .card.fellow::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7.111 7.111' fill-rule='evenodd'%3E%3Cpath fill='%23d41a36' d='M2.306 3.36h2.062l-.297-1.152H2.603zM2.425 2.176l-1.221-.423-.734.996 1.656.583zM4.125 2.028l1.103-.382-1.103-.382H2.548l-1.102.382 1.102.382zM1.375 6.218l-.205-.404-.204.404a.09.09 0 0 1-.04.04l-.404.205.404.204a.09.09 0 0 1 .04.04l.204.404.205-.404a.09.09 0 0 1 .04-.04l.404-.204-.404-.205a.09.09 0 0 1-.04-.04zM.57 2.976l2.497 3.279-.949-2.734zM.45.893l.205.404L.86.893A.09.09 0 0 1 .9.853L1.304.65.9.444a.09.09 0 0 1-.04-.04L.655 0 .451.404a.09.09 0 0 1-.04.04L.007.649.41.853a.09.09 0 0 1 .04.04zM6.66 4.163l-.204-.404-.205.404a.09.09 0 0 1-.04.04l-.404.204.404.205a.09.09 0 0 1 .04.04l.205.404.204-.404a.09.09 0 0 1 .04-.04l.404-.205-.404-.204a.09.09 0 0 1-.04-.04zM4.248 2.176l.3 1.156 1.658-.584-.736-.995zM3.607 6.254l2.49-3.276-1.542.543zM2.316 3.54l1.02 2.944L4.359 3.54z'/%3E%3C/svg%3E");
}

.left-card .card.ilizarov::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23d41a36' d='M12.67 8.53c-.22-.02-.45-.03-.67-.03-.14 0-.27 0-.41.01a8.46 8.46 0 0 0-4.55 1.59L2.09 1.11A.777.777 0 0 1 2.1.37c.14-.23.38-.37.65-.37h4.5c.27 0 .51.14.65.37l4.21 7.2zM21.91 1.11l-4.95 8.99c-.7-.51-1.48-.91-2.32-1.18l-1.68-2.88L16.09.39a.77.77 0 0 1 .66-.39h4.5c.27 0 .51.14.65.37.13.23.13.51.01.74zM12 10c-3.86 0-7 3.14-7 7s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm3.787 6.757-1.361 1.395.323 1.978a.75.75 0 0 1-1.103.776L12 19.997l-1.646.91a.749.749 0 0 1-1.104-.777l.323-1.978-1.361-1.395a.75.75 0 0 1 .424-1.265l1.851-.283.834-1.777c.246-.527 1.111-.527 1.357 0l.834 1.777 1.851.283a.75.75 0 0 1 .424 1.265z'/%3E%3C/svg%3E");

}

.right-card .card.card-2017::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%23d41a36' d='M63.13 1.11C62.5.45 61.5.26 60.6.39s-1.74.53-2.56.92c-4.22 2.04-8.66 4.27-11.17 8.23-1.8 2.84-2.39 6.27-2.79 9.61-1.31-3.01-1.48-6.5-.46-9.62-1.24 2.36-2.49 4.73-3.48 7.21-2.58 6.45-3.39 13.46-5.44 20.1.53-3.89-.24-7.98 1.09-11.67-2.39 3.19-3.95 7-4.48 10.95-5.1 3.4-9.37 8.22-12.21 13.65-.1-2.53.54-5.09 1.83-7.27-3.78 3.09-6.25 7.75-6.68 12.61 0 0 23.44-4.03 35.64-35.74 0 0-9.63 38.75-49.4 41.24-2.4.15 4.81-.15 7.21-.23 2.05-.06 4.12-.12 6.1.39 1.38.36 2.68.99 4.03 1.46 3.68 1.3 7.66 1.44 11.56 1.42-1.92-1.25-3.86-2.52-5.38-4.23 8.98 2.49 19.28-.78 25.18-7.99-3.82 2.46-8.46 3.21-12.96 3.91 5.39-.94 9.87-4.92 12.71-9.6s4.28-10.05 5.69-15.34c-2.29 1.3-4.97 1.86-7.57 2.25 1.17-.28 2.26-.84 3.34-1.39 2.26-1.16 4.55-2.35 6.36-4.13 2.92-2.87 4.26-6.94 5.49-10.85a30.745 30.745 0 0 1-4.98 5.28c4.43-4.7 6.9-11.19 6.71-17.65-.03-1.01-.15-2.09-.85-2.8z'/%3E%3C/svg%3E");

}

.left-card .card.card-2014::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23d41a36' d='M97.5 37.227a3.043 3.043 0 0 1-1.963 2.845l-5.05 1.932v22.67a7.5 7.5 0 0 1 4.472 6.861v7.379a3.043 3.043 0 0 1-3.043 3.043h-8.93a3.043 3.043 0 0 1-3.043-3.043v-7.379a7.47 7.47 0 0 1 4.457-6.846V44.332l-6.466 2.465-6.085 2.327-16.417 6.284a15.214 15.214 0 0 1-10.863 0l-16.416-6.284-6.086-2.327-17.602-6.725a3.043 3.043 0 0 1 0-5.69l40.104-15.336a15.214 15.214 0 0 1 10.863 0l40.105 15.336a3.043 3.043 0 0 1 1.963 2.845zM55.432 61.494a15.214 15.214 0 0 1-10.863 0L28.153 55.21l-6.086-2.328v12.72a3.043 3.043 0 0 0 1.522 2.647A57.997 57.997 0 0 0 50 74.76a57.997 57.997 0 0 0 26.412-6.496 3.043 3.043 0 0 0 1.521-2.647V52.882L71.85 55.21z'/%3E%3C/svg%3E");
}

.right-card .card.card-2009::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23d41a36' d='M9.67 45.08a3.08 3.08 0 0 0 2.21.92 3.13 3.13 0 0 0 2.58-1.36A114.51 114.51 0 0 1 25 31.42L16.58 23A115.37 115.37 0 0 1 3.36 33.54 3.14 3.14 0 0 0 2 36.12a3.08 3.08 0 0 0 .92 2.21zM30 26.39 21.61 18c-1.17 1.23-2.36 2.42-3.59 3.59L26.39 30c1.17-1.25 2.36-2.44 3.61-3.61zM38.33 2.92A3.06 3.06 0 0 0 36.12 2a3.14 3.14 0 0 0-2.58 1.36A115.37 115.37 0 0 1 23 16.58L31.42 25a114.51 114.51 0 0 1 13.22-10.54 3.12 3.12 0 0 0 .44-4.79zM23.36 36.3 23 39.9a1 1 0 0 0 .48 1 1.07 1.07 0 0 0 .52.1 1 1 0 0 0 .55-.17L27 39.2l2.45 1.63a1 1 0 0 0 1.09 0 1 1 0 0 0 .45-1l-1.67-10q-3.1 3.1-5.96 6.47zM40.86 23.48a1 1 0 0 0-1-.48l-3.6.36q-3.36 2.87-6.49 5.95l10 1.68a1 1 0 0 0 1-.45 1 1 0 0 0 0-1.09L39.2 27l1.63-2.45a1 1 0 0 0 .03-1.07z'/%3E%3C/svg%3E");
}

/* RIGHT CARD */
.right-card {
	margin-top: 200px;
	position: relative;
}

.right-card .card {
	background: #fff;
	border-radius: 25px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, .15);
	position: relative;
	width: 80%;
	float: right;
}

/* Arrow to center */
.right-card .card::before {
	content: '';
	position: absolute;
	left: -242px;
	top: 32px;
	/* transform: translateY(-50%); */
	/* border-right: 20px solid #000; */
	/* border-top: 12px solid transparent; */
	/* border-bottom: 12px solid transparent; */
	width: 249px;
	height: 7px;
	background: #757171;
	z-index: 9;
}

.right-card .card::after {
	content: '';
	position: absolute;
	width: 60px;
	height: 60px;
	background: #fff;
	top: 5px;
	left: 5px;
	border-radius: 50%;
	border: 2px #7e7e7e solid;
	background-size: 40px 40px;
	background-repeat: no-repeat;
	background-position: center;
}

.right-card .card.board-cert-icon::after {
	background-image: url("../images/award-star.png");
	top: 5px;
}

.timeline-row .icon svg {
	fill: #d41a36
}

.timeline-row .year {
	background: var(--primary-color);
	color: #fff;
	text-align: center;
	padding: 25px;
	font-weight: bold;
}

.left-card .card .year {
	border-radius: 20px 20px 0 0 !important;
}

.right-card .card .year {
	border-radius: 12px 12px 0 0 !important;
}

.timeline-row .card img {
	width: 100%;
	object-fit: cover;
}

.timeline-row .card-content {
	padding: 20px;
}

.timeline-row .card-content h3 {
	margin-bottom: 10px;
}

.timeline-row .card-content p {
	color: #666;
	line-height: 1.7;
}

/* CENTER ICON */
.timeline-row .center {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.timeline-row .icon {
	width: 70px;
	height: 70px;
	background: #fff;
	border: 2px solid #b40000;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #b40000;
	font-size: 30px;
	z-index: 2;
	font-size: 17px;
	padding: 15px;
	font-weight: 500;
	box-shadow: 0 4px 10px rgb(18 18 18 / 49%);
	font-weight: 700;
}

.timeline-row .left-con {
	position: absolute;
	top: 0px;
	left: 0;
	right: 0;
}

.right-con .icon {
	position: absolute;
	top: 200px;
}

@media(max-width: 1650px) {
	.right-card .card::before {
		content: '';
		position: absolute;
		left: -179px;
		top: 32px;
		/* transform: translateY(-50%); */
		/* border-right: 20px solid #000; */
		/* border-top: 12px solid transparent; */
		/* border-bottom: 12px solid transparent; */
		width: 186px;
		height: 7px;
		background: #757171;
		z-index: 9;
	}

	.timeline-wrapper::before {
		height: 84%;
	}
}

@media(max-width:1300px) {
	.right-card .card {
		width: 90%;
		float: right;
	}

	.left-card .card {
		width: 90%;
	}

	.left-card .card::before {
		right: -85px;
		width: 91px;
		background: #757171;
	}

	.right-card .card::before {
		left: -85px;
		width: 92px;
	}

	/* .right-card .card.card-2009:before {
		top: 190px !important;
	}

	.right-card .card.card-2009:after {
		top: 178px !important;
	}

	.right-card .card.card-2017:before {
		top: 200px !important;
	}

	.right-card .card.card-2017:after {
		top: 188px !important;
	} */
}

/* Responsive */
@media(max-width:768px) {
	.left-card .card {
		width: 100%;
	}

	.right-card .card {
		width: 100%;
		float: none;
	}

	.timeline-wrapper {
		max-width: 100%;
		margin: 0 auto;
		position: relative;
		padding: 20px 20px;
	}

	.left-card .card::before,
	.right-card .card::before,
	.right-card .card::after,
	.left-card .card::after {
		display: none;
	}

	.timeline-wrapper::before {
		top: 50px;
		left: 30px;
		height: 87%;
	}

	.timeline-row {
		grid-template-columns: 40px 1fr;
		margin-bottom: 0;
	}

	.left-card,
	.right-card {
		grid-column: 2;
		margin-top: 0;
		margin-bottom: 40px;
	}


	.timeline-row.center {
		grid-column: 1;
		grid-row: 1;
	}

	.left-card .card::after,
	.right-card .card::before {
		display: none;
	}

	.timeline-row .left-con {
		position: absolute;
		top: 0;
		left: -15px;
		right: inherit;
	}

	.timeline-row .icon {
		width: 50px;
		height: 50px;
		top: 0;
	}

	.center.right-con {
		left: -10px;
		top: 0;
		align-items: baseline;
	}

	.left-card .card .year {
		border-radius: 20px 20px 0 0 !important;
	}



}



/* journey */

/* publications */
.publications-list {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 16px;
	margin-top: 20px;
}

.publication-card {
	min-height: 137px;
	padding: 22px 22px;
	border-radius: 20px;
	background: var(--panel);
	box-shadow: 0 12px 28px rgba(15, 23, 42, 0.07);
	display: grid;
	align-items: center;
	gap: 20px;
	border: 1px var(--accent-color) solid;
	grid-template-columns: 175px 1fr;

}

.publication-card .imb-block {
	border-radius: 20px;
	overflow: hidden;
}

.content-block h1 {
	font-size: 22px;
	font-weight: 600;
	text-transform: uppercase;
}

.content-block p {
	margin: 10px 0;
}

.doi {
	display: inline-block;
	margin-top: 0px;
	color: var(--accent-color);
	font-size: clamp(13px, 1.7vw, 15px);
	line-height: 1.2;
	text-decoration: none;
}

/* close Publications */

.footer-widget-wrapper .footer-widget-items .widget-head {
	margin-bottom: 30px;
}

.footer-widget-wrapper .footer-widget-items .gt-list-area li:hover {
	margin-left: 5px;
}

.footer-widget-wrapper .footer-widget-items .gt-list-area li:not(:last-child) {
	margin-bottom: 15px;
}

.footer-widget-wrapper .footer-widget-items .gt-list-area li {
	transition: all 0.4s ease-in-out;
}

.footer-menu li {
	color: #fff;
}

.footer-widget-wrapper .footer-widget-items .widget-head h3 {
	font-size: 20px;
	font-weight: 500;
	color: #fff;
}

.footer-widget-wrapper .footer-widget-items .gt-list-area li a {
	color: rgba(255, 255, 255, 0.75);
}

.footer-bottom {
	border-top: 1px solid rgba(61, 72, 87, 0.6);
	margin-top: 25px;
	padding: 25px 0 0 0;
}

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

/* .footer-bottom-wrapper {
	padding-left: 60px !important;
	padding-right: 60px !important;
} */

.footer-bottom .footer-bottom-wrapper p {
	color: rgba(255, 255, 255, 0.75);
	font-family: "Inter", sans-serif;
	font-size: 16px;
	font-weight: 500;
}

.footer-bottom .footer-bottom-wrapper .footer-list {
	display: flex;
	align-items: center;
	gap: 12px;
}

.footer-bottom .footer-bottom-wrapper .footer-list li {
	font-size: 16px;
	font-weight: 500;
	font-family: "Inter", sans-serif;
}

.footer-bottom .footer-bottom-wrapper .footer-list li a {
	color: rgba(255, 255, 255, 0.75);
}

footer ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 14px;
}

.footer-widget-wrapper .footer-widget-items .footer-content p {
	color: #F2F5F7;
	font-size: 14px;
	line-height: 162.5%;
}

.footer-widget-wrapper .footer-widget-items .contact-list li:nth-child(1) {
	/* padding-left: 0px; */
}

.footer-widget-wrapper .footer-widget-items .contact-list li:hover {
	color: var(--theme);
}

.footer-widget-wrapper .footer-widget-items .contact-list li:not(:last-child) {
	margin-bottom: 15px;
}

.footer-widget-wrapper .footer-widget-items .contact-list li {
	color: rgba(255, 255, 255, 0.75);
	font-size: 14px;
	font-weight: 500;
	line-height: 162.5%;
	font-family: "Inter", sans-serif;
	transition: all 0.4s ease-in-out;
	display: inline;
	border-right: 2px solid #931113;
	padding-left: 6px;
	padding-right: 6px;
}

.footer-widget-wrapper .footer-widget-items .contact-list-address li {
	color: rgba(255, 255, 255, 0.75);
	font-size: 14px;
	font-weight: 500;
	line-height: 162.5%;
	font-family: "Inter", sans-serif;
	transition: all 0.4s ease-in-out;
	display: inline;
	padding-left: 6px;
	padding-right: 6px;
}

.footer-widget-wrapper .footer-widget-items .gt-list-area li:not(:last-child) {
	margin-bottom: 15px;
}

.footer-widget-wrapper .footer-widget-items .gt-list-area li {
	transition: all 0.4s ease-in-out;
}

.footer-menu li img {
	padding-right: 10px;
	width: 34px;
}

/* Main responsive */
/* meda 991px */


@media (max-width: 1000px) {
	.publication-card {
		flex-wrap: wrap;

	}

}

@media (max-width: 768px) {
	.section-title {
		margin-bottom: 10px;
	}

	.section-title h3 {
		font-size: 20px;
	}

	.publication-card {
		flex-wrap: wrap;
		display: block;
		margin-top: 20px;

	}

	.publications-list {
		display: block;
		grid-template-columns: repeat(1, 1fr);
		gap: 16px;
		margin-top: 20px;
	}

	.cust-container {
		width: 100%;
		margin: auto;
	}

	.cust-sec {
		margin: auto;
		margin-left: 0%;
	}


}

@media (max-width: 550px) {
	.section-title h3::before {
		width: 20px;
		height: 20px;
		display: none;
	}

	.imb-block img {
		height: auto;
		width: 100%;
		object-fit: fill;
		border-radius: 10px;
		border: 1px solid #eee;
		margin-bottom: 25px;
	}

	.section-title h3 {
		padding-left: 0;
	}
}

#purpose-values,
#surgeon-profile,
#journey-of-excellence,
#infographics,
#publications {
	scroll-margin-top: 80px;
}