@charset "utf-8";
html, body, * {
	font-family: 'Karla', sans-serif !important;
}
body {
	margin: 0px !important;
	width: 100% !important;
	background-color: #000000 !important;
}
:root {
 --lightbox: rgb(0 0 0 / 0.85) !important;
 --carousel-text: #fff !important;
}
@keyframes zoomin {
 0% {
 transform: scale(1) !important;
}
 50% {
 transform: scale(1.05) !important;
}
 100% {
 transform: scale(1) !important;
}
}
.zoom {
	animation: scale 40s linear infinite !important;
}
@keyframes scale {
 50% {
 -webkit-transform:scale(1.5);
 -moz-transform:scale(1.5);
 -ms-transform:scale(1.5);
 -o-transform:scale(1.5);
 transform:scale(1.5);
}
}
/* Global Custom CSS */
section {
	padding-top: 0.5rem !important;
	padding-bottom: 0.5rem !important;
}
@media only screen and (max-width: 991px) {
.container {
	padding-left: 2rem !important;
	padding-right: 2rem !important;
}
.sp-col {
	width: 100% !important;
}
}
@media only screen and (min-width: 575px) {
.w-70 {
	width: 70% !important;
	max-width: 70% !important;
}
}
/* 2. Typogrhaphy CSS */
.brand-color {
	color: #c17e2a !important;
}
a {
	color: #000000 !important;
	text-decoration: none !important;
	cursor: pointer !important;
	transition: all 300ms ease 0ms !important;
}
a:hover {
	color: #c17e2a !important;
}
.bg-1 {
	background-color: #ffffff !important;
}
.bg-2 {
	background-color: #efefef !important;
}
.bg-3 {
	background-color: #c17e2a !important;
}
.bg-4 {
	background-color: #000000 !important;
}
.border-radius-top {
	border-radius: 60px 60px 0px 0px !important;
}
.border-radius-bottom {
	border-radius: 0px 0px 60px 60px !important;
}
.desktop {
	display: block !important;
}
.mobile {
	display: none !important;
}
@media only screen and (max-width: 991px) {
.desktop {
	display: none !important;
}
.mobile {
	display: block !important;
}
}
@media only screen and (max-width: 480px) {
.border-radius-top {
	border-radius: 40px 40px 0px 0px !important;
}
.border-radius-bottom {
	border-radius: 0px 0px 40px 40px !important;
}
}
/* 3. Button CSS */
.btn:focus {
	box-shadow: none !important;
}
.cst-btn1 {
	color: #ffffff !important;
	background-color: #c17e2a !important;
	border: 1px solid #c17e2a !important;
}
.cst-btn1:hover {
	color: #ffffff !important;
	background-color: #9f0000 !important;
	border: 1px solid #9f0000 !important;
}
.cst-btn2 {
	color: #ffffff !important;
	background-color: #000000 !important;
	border: 1px solid #000000 !important;
}
.cst-btn2:hover {
	color: #ffffff !important;
	background-color: #9f0000 !important;
	border: 1px solid #9f0000 !important;
}
.cst-btn3 {
	color: #ffffff !important;
	background-color: #9f0000 !important;
	border: 1px solid #9f0000 !important;
}
.cst-btn3:hover {
	color: #ffffff !important;
	background-color: #000000 !important;
	border: 1px solid #000000 !important;
}
.cta-btn {
	font-size: 34px !important;
	font-weight: 600 !important;
	line-height: 1.2em !important;
	border-radius: 150px !important;
	margin-top: -15px !important;
}
.form-cta-btn {
	font-size: 34px !important;
	font-weight: 600 !important;
	line-height: 1.2em !important;
	padding: 12px 10px !important;
}
@media only screen and (max-width: 1024px) {
.cta-btn {
	font-size: 30px !important;
}
.form-cta-btn {
	font-size: 30px !important;
}
}
@media only screen and (max-width: 991px) {
.cta-btn {
	font-size: 34px !important;
}
.form-cta-btn {
	font-size: 34px !important;
}
}
@media only screen and (max-width: 767px) {
.cta-btn {
	font-size: 32px !important;
}
.form-cta-btn {
	font-size: 32px !important;
}
}
@media only screen and (max-width: 480px) {
.cta-btn {
	font-size: 30px !important;
}
.form-cta-btn {
	font-size: 30px !important;
}
}
@media only screen and (max-width: 360px) {
.cta-btn {
	font-size: 28px !important;
}
.form-cta-btn {
	font-size: 28px !important;
}
}
/* Header CSS */
.brand-logo {
	width: 280px !important;
}
@media only screen and (max-width: 991px) {
.brand-logo {
	width: 250px !important;
	display: table !important;
	margin: 0px auto !important;
}
}
@media only screen and (max-width: 767px) {
.brand-logo {
	width: 250px !important;
}
}
@media only screen and (max-width: 480px) {
.brand-logo {
	width: 250px !important;
}
}
@media only screen and (max-width: 360px) {
.brand-logo {
	width: 220px !important;
}
}
/* 4. Form CSS */
.custom-form input[type=text], .custom-form input[type=email], .custom-form input[type=tel] {
	color: #333333 !important;
	font-weight: 400 !important;
	background-color: #ffffff !important;
	border: 1px solid #e5e5e5 !important;
	transition: all 300ms ease 0ms !important;
}
.custom-form input[type=text]:hover, .custom-form input[type=email]:hover, .custom-form input[type=tel]:hover {
	background-color: #f8f9fa !important;
	border: 1px solid #cccccc !important;
}
.custom-form input[type=text]:focus, .custom-form input[type=email]:focus, .custom-form input[type=tel]:focus {
	background-color: #f8f9fa !important;
	border: 1px solid #cccccc !important;
	box-shadow: none !important;
}
/* Banner CSS */
.banner-content {
	padding-top: 7rem !important;
	padding-bottom: 8rem !important;
	width: 100% !important;
	background: linear-gradient( 90deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100% ), url('../img/picture-it-by-meera-background-01.webp') !important;
	background-repeat: no-repeat !important;
	background-position: right !important;
	background-size: cover !important;
	background-attachment: fixed !important;
}
.banner-content .brand-logo {
	margin-top: 0px !important;
}
.banner-hero {
	width: 100%!important;
	margin-top: -20px !important;
}
.banner-content-box {
	margin-top: 20px !important;
}
.banner-content-box h1 {
	font-family: 'Playfair Display', sans-serif !important;
	color: #ffffff !important;
	font-size: 45px !important;
	font-weight: 900 !important;
	line-height: 1.2em !important;
	text-align: left !important;
	margin-bottom: 20px !important;
}
.banner-content-box h2 {
	color: #ffffff !important;
	font-size: 25px !important;
	font-weight: 400 !important;
	line-height: 1.2em !important;
	text-align: left !important;
}
.banner-content-box h2 strong {
	font-weight: 800 !important;
}
.banner-content-box h3 {
	color: #ffffff !important;
	font-size: 20.5px !important;
	font-weight: 400 !important;
	line-height: 1.2em !important;
	text-align: left !important;
}
.banner-content-box ul {
 --icon-space: 1.3em !important;
	list-style-type: none !important;
	padding: 0 !important;
}
.banner-content-box ul li {
	padding-left: var(--icon-space) !important;
	color: #ffffff !important;
	font-size: 20px !important;
	font-weight: 300 !important;
	line-height: 1.2em !important;
	margin-bottom: 2px !important;
}
.banner-content-box ul li:before {
	color: #c17e2a !important;
	content: "\F26A" !important; /* Boostrap Icons Unicode */
	font-family: "bootstrap-icons" !important;
	display: inline-block !important;
 margin-left: calc( var(--icon-space) * -1 ) !important;
	width: var(--icon-space) !important;
	position: relative !important;
	top: 3px !important;
}
@media only screen and (max-width: 1024px) {
.banner-content {
	padding-top: 4rem !important;
	padding-bottom: 4rem !important;
}
.banner-content .sp-col {
	width: 100% !important;
}
.banner-content .brand-logo {
	display: table !important;
	margin: 0px auto !important;
}
.banner-hero {
	margin-top: 0px !important;
	width: 60% !important;
	display: table !important;
	margin: 0px auto !important;
}
.banner-content-box {
	margin-top: 0px !important;
}
.banner-content-box h1 {
	font-size: 50px !important;
	text-align: center !important;
}
.banner-content-box h2 {
	font-size: 25px !important;
	text-align: center !important;
}
.banner-content-box h3 {
	font-size: 22px !important;
	text-align: center !important;
	margin-top: 10px !important;
}
.banner-content-box ul {
	width: 42% !important;
	display: table !important;
	margin: 0px auto !important;
}
.banner-content-box ul li {
	font-size: 22px !important;
}
.banner-cta-box .w-100 {
	width: 50% !important;
	display: table !important;
	margin: 0px auto !important;
}
}
@media only screen and (max-width: 991px) {
.banner-hero {
	width: 80% !important;
}
.banner-content-box h1 {
	font-size: 50px !important;
	text-align: center !important;
}
.banner-content-box h2 {
	font-size: 26px !important;
	text-align: center !important;
}
.banner-content-box h3 {
	font-size: 25px !important;
	text-align: center !important;
}
.banner-content-box ul {
	width: 50% !important;
	display: table !important;
	margin: 0px auto !important;
}
.banner-content-box ul li {
	font-size: 22px !important;
}
.banner-cta-box .w-100 {
	width: 100% !important;
	display: table !important;
	margin: 0px auto !important;
}
}
@media only screen and (max-width: 767px) {
.banner-content-box h1 {
	font-size: 36px !important;
	text-align: center !important;
}
.banner-content-box h2 {
	font-size: 21px !important;
	text-align: center !important;
}
.banner-content-box h3 {
	font-size: 22px !important;
	text-align: center !important;
}
.banner-content-box ul {
	width: 70% !important;
	display: table !important;
	margin: 0px auto !important;
}
.banner-content-box ul li {
	font-size: 20px !important;
}
}
@media only screen and (max-width: 480px) {
.banner-content-box h1 {
	font-size: 45px !important;
	text-align: center !important;
}
.banner-content-box h2 {
	font-size: 24px !important;
	text-align: center !important;
}
.banner-content-box h3 {
	font-size: 20px !important;
	text-align: center !important;
}
.banner-content-box ul {
	width: 95% !important;
	display: table !important;
	margin: 0px auto !important;
}
.banner-content-box ul li {
	font-size: 20px !important;
}
}
@media only screen and (max-width: 412px) {
.banner-content-box h1 {
	font-size: 40px !important;
	text-align: center !important;
}
.banner-content-box h2 {
	font-size: 20px !important;
	text-align: center !important;
}
.banner-content-box h3 {
	font-size: 20px !important;
	text-align: center !important;
}
.banner-content-box ul {
	width: 95% !important;
	display: table !important;
	margin: 0px auto !important;
}
.banner-content-box ul li {
	font-size: 20px !important;
}
}
@media only screen and (max-width: 360px) {
.banner-content {
	padding-top: 3rem !important;
	padding-bottom: 4rem !important;
}
.banner-content-box h1 {
	font-size: 35px !important;
	text-align: center !important;
}
.banner-content-box h2 {
	font-size: 18px !important;
	text-align: center !important;
}
.banner-content-box h3 {
	font-size: 14px !important;
	text-align: center !important;
}
.banner-content-box ul {
	width: 100% !important;
	display: table !important;
	margin: 0px auto !important;
}
.banner-content-box ul li {
	font-size: 16px !important;
}
}
/* Stats CSS */
.stats-content {
	padding-top: 3.5rem !important;
	padding-bottom: 3rem !important;
	background-color: #c17e2a !important;
	background: linear-gradient( 180deg, rgba(193,126,42,0.9) 0%, rgba(193,126,42,0.9) 100% ), url('../img/picture-it-by-meera-background-02.webp') !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: cover !important;
	background-attachment: fixed !important;
}
.stats-content h2 {
	font-family: 'Playfair Display', sans-serif !important;
	color: #ffffff !important;
	font-size: 35px !important;
	font-weight: 600 !important;
	line-height: 1.2em !important;
	text-align: center !important;
}
.stats-content p {
	color: #ffffff !important;
	font-size: 18px !important;
	font-weight: 300 !important;
	line-height: 1.2em !important;
	text-align: center !important;
}
.stats-content .stats-box {
	background: #ffffff !important;
	border: 1px solid rgba(0,0,0,0.1) !important;
	border-radius: 10px !important;
	padding: 30px 30px 20px 30px !important;
	text-align: center !important;
	box-shadow: 0px 12px 18px -6px rgba(0,0,0,0.2) !important;
}
.stats-content .stats-box h4 {
	font-size: 22px !important;
	font-weight: 500 !important;
	color: #000000 !important;
	line-height: 1.2em !important;
	margin-top: 10px !important;
}
.stats-content .stats-box p {
	margin: 5px 0 0 !important;
	padding: 0 !important;
	color: #000000 !important;
	font-size: 18px !important;
	font-weight: 400 !important;
}
.stats-content .stats-box .icon-wrap {
	width: 100% !important;
	overflow: hidden !important;
	background-color: transparent !important;
	border: none !important;
	border-radius: 0px !important;
	margin: 0px auto !important;
}
.stats-content .stats-box .icon-wrap .stats-icon {
	width: 90px !important;
}
.stats-content .stats-box.sp-box1 {
	padding: 30px 30px 20px 30px !important;
}
.stats-content .stats-box.sp-box2 {
	padding: 30px 30px 20px 30px !important;
}
.stats-content .stats-box.sp-box3 {
	padding: 30px 50px 20px 50px !important;
}
.stats-content .stats-box.sp-box4 {
	padding: 30px 30px 20px 30px !important;
}
@media only screen and (max-width: 1024px) {
.stats-content {
	padding-top: 4rem !important;
	padding-bottom: 4rem !important;
}
.stats-content h2 {
	font-size: 35px !important;
}
.stats-content p {
	font-size: 18px !important;
}
.stats-content .stats-box h4 {
	font-size: 17px !important;
}
.stats-content .stats-box.sp-box1 {
	padding: 30px 20px 20px 20px !important;
}
.stats-content .stats-box.sp-box2 {
	padding: 30px 20px 20px 20px !important;
}
.stats-content .stats-box.sp-box3 {
	padding: 30px 20px 40px 20px !important;
}
.stats-content .stats-box.sp-box4 {
	padding: 30px 20px 20px 20px !important;
}
}
@media only screen and (max-width: 991px) {
.stats-content h2 {
	font-size: 35px !important;
}
.stats-content p {
	font-size: 18px !important;
}
.stats-content .stats-box h4 {
	font-size: 25px !important;
}
.stats-content .stats-box.sp-box1 {
	padding: 30px 20px 20px 20px !important;
}
.stats-content .stats-box.sp-box2 {
	padding: 30px 20px 20px 20px !important;
}
.stats-content .stats-box.sp-box3 {
	padding: 30px 20px 20px 20px !important;
}
.stats-content .stats-box.sp-box4 {
	padding: 30px 20px 20px 20px !important;
}
}
@media only screen and (max-width: 767px) {
.stats-content h2 {
	font-size: 30px !important;
}
.stats-content p {
	font-size: 17px !important;
}
.stats-content .stats-box h4 {
	font-size: 23px !important;
}
.stats-content .stats-box.sp-box1 {
	padding: 30px 20px 20px 20px !important;
}
.stats-content .stats-box.sp-box2 {
	padding: 30px 20px 20px 20px !important;
}
.stats-content .stats-box.sp-box3 {
	padding: 30px 20px 20px 20px !important;
}
.stats-content .stats-box.sp-box4 {
	padding: 30px 20px 20px 20px !important;
}
}
@media only screen and (max-width: 480px) {
.stats-content h2 {
	font-size: 26px !important;
}
.stats-content p {
	font-size: 17px !important;
}
.stats-content .stats-box h4 {
	font-size: 22px !important;
}
.stats-content .stats-box.sp-box1 {
	padding: 30px 20px 20px 20px !important;
}
.stats-content .stats-box.sp-box2 {
	padding: 30px 20px 20px 20px !important;
}
.stats-content .stats-box.sp-box3 {
	padding: 30px 20px 20px 20px !important;
}
.stats-content .stats-box.sp-box4 {
	padding: 30px 20px 20px 20px !important;
}
}
@media only screen and (max-width: 360px) {
.stats-content h2 {
	font-size: 25px !important;
}
.stats-content p {
	font-size: 16px !important;
}
.stats-content .stats-box h4 {
	font-size: 20px !important;
}
.stats-content .stats-box.sp-box1 {
	padding: 30px 20px 20px 20px !important;
}
.stats-content .stats-box.sp-box2 {
	padding: 30px 20px 20px 20px !important;
}
.stats-content .stats-box.sp-box3 {
	padding: 30px 20px 20px 20px !important;
}
.stats-content .stats-box.sp-box4 {
	padding: 30px 20px 20px 20px !important;
}
}
/* Specialize CSS */
.specialize-content {
	padding-top: 5rem !important;
	padding-bottom: 5rem !important;
	background-color: #000000 !important;
	background: linear-gradient( 180deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.7) 100% ), url('../img/picture-it-by-meera-background-05.webp') !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: cover !important;
	background-attachment: fixed !important;
}
.specialize-content h2 {
	font-family: 'Playfair Display', sans-serif !important;
	color: #ffffff !important;
	font-size: 35px !important;
	font-weight: 600 !important;
	line-height: 1.2em !important;
	text-align: center !important;
}
.specialize-content h2 .brand-color {
	font-family: 'Playfair Display', sans-serif !important;
}
.specialize-content p {
	color: #ffffff !important;
	font-size: 18px !important;
	font-weight: 300 !important;
	line-height: 1.3em !important;
	text-align: center !important;
}
.specialize-content .specialize-box img {
	width: 100% !important;
	border: 1px solid rgba(0,0,0,0.1) !important;
	border-radius: 10px !important;
}
.specialize-content .specialize-box h3 {
	color: #ffffff !important;
	font-size: 20px !important;
	font-weight: 400 !important;
	line-height: 1.2em !important;
	text-align: center !important;
	margin-top: 10px !important;
}
@media only screen and (max-width: 1024px) {
.specialize-content {
	padding-top: 4rem !important;
	padding-bottom: 4rem !important;
}
.specialize-content h2 {
	font-size: 35px !important;
}
.specialize-content h2 br {
	display: none !important;
}
.specialize-content p {
	font-size: 18px !important;
}
.specialize-content .specialize-box h3 {
	font-size: 17px !important;
}
}
@media only screen and (max-width: 991px) {
.specialize-content h2 {
	font-size: 35px !important;
}
.specialize-content p {
	font-size: 18px !important;
}
.specialize-content .specialize-box h3 {
	font-size: 25px !important;
}
}
@media only screen and (max-width: 767px) {
.specialize-content h2 {
	font-size: 30px !important;
}
.specialize-content p {
	font-size: 17px !important;
}
.specialize-content .specialize-box h3 {
	font-size: 23px !important;
}
}
@media only screen and (max-width: 480px) {
.specialize-content h2 {
	font-size: 26px !important;
}
.specialize-content p {
	font-size: 17px !important;
}
.specialize-content .specialize-box h3 {
	font-size: 22px !important;
}
}
@media only screen and (max-width: 360px) {
.specialize-content h2 {
	font-size: 25px !important;
}
.specialize-content p {
	font-size: 16px !important;
}
.specialize-content .specialize-box h3 {
	font-size: 20px !important;
}
}
/* Founder Journey CSS */
.founder-journey-content {
	padding-top: 5rem !important;
	padding-bottom: 5rem !important;
	background-color: #c17e2a !important;
	background: linear-gradient( 180deg, rgba(193,126,42,0.9) 0%, rgba(193,126,42,0.9) 100% ), url('../img/picture-it-by-meera-background-06.webp') !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: cover !important;
	background-attachment: fixed !important;
}
.founder-journey-content h2 {
	font-family: 'Playfair Display', sans-serif !important;
	color: #ffffff !important;
	font-size: 35px !important;
	font-weight: 600 !important;
	line-height: 1.2em !important;
	text-align: center !important;
}
.founder-journey-content h3 {
	font-family: 'Playfair Display', sans-serif !important;
	color: #ffffff !important;
	font-size: 28px !important;
	font-weight: 600 !important;
	line-height: 1.2em !important;
	text-align: center !important;
}
.founder-journey-content p {
	color: #ffffff !important;
	font-size: 18px !important;
	font-weight: 300 !important;
	line-height: 1.2em !important;
	text-align: left !important;
}
.founder-journey-content ul {
 --icon-space: 1.3em !important;
	list-style-type: none !important;
	padding: 0 !important;
	margin-top: 20px !important;
}
.founder-journey-content ul li {
	padding-left: var(--icon-space) !important;
	color: #ffffff !important;
	font-size: 20px !important;
	font-weight: 300 !important;
	line-height: 1.2em !important;
	margin-bottom: 2px !important;
}
.founder-journey-content ul li:before {
	color: #ffffff !important;
	content: "\F26A" !important; /* Boostrap Icons Unicode */
	font-family: "bootstrap-icons" !important;
	display: inline-block !important;
 margin-left: calc( var(--icon-space) * -1 ) !important;
	width: var(--icon-space) !important;
	position: relative !important;
	top: 3px !important;
}
.founder-journey-content img.hero {
	margin-top: 0px !important;
	width: 100% !important;
	display: table !important;
	margin: 0px auto !important;
}
@media only screen and (max-width: 1024px) {
.founder-journey-content {
	padding-top: 4rem !important;
	padding-bottom: 4rem !important;
}
.founder-journey-content h2 {
	font-size: 35px !important;
}
.founder-journey-content p {
	font-size: 18px !important;
}
}
@media only screen and (max-width: 991px) {
.founder-journey-content h2 {
	font-size: 35px !important;
}
.founder-journey-content p {
	font-size: 18px !important;
}
.founder-journey-content ul {
	margin-top: 0px !important;
}
}
@media only screen and (max-width: 767px) {
.founder-journey-content h2 {
	font-size: 30px !important;
}
.founder-journey-content p {
	font-size: 17px !important;
}
.founder-journey-content ul li {
	font-size: 19px !important;
}
}
@media only screen and (max-width: 480px) {
.founder-journey-content h2 {
	font-size: 26px !important;
}
.founder-journey-content p {
	font-size: 17px !important;
}
.founder-journey-content ul li {
	font-size: 18px !important;
}
}
@media only screen and (max-width: 360px) {
.founder-journey-content h2 {
	font-size: 25px !important;
}
.founder-journey-content p {
	font-size: 16px !important;
}
.founder-journey-content ul li {
	font-size: 16px !important;
}
}
/* Porfolio Gallery CSS */
.portfolio-gallery-content {
	padding-top: 5rem !important;
	padding-bottom: 3rem !important;
	background-color: #000000 !important;
	background: linear-gradient( 180deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.85) 100% ), url('../img/picture-it-by-meera-background-03.webp') !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: cover !important;
	background-attachment: fixed !important;
}
.portfolio-gallery-content h2 {
	font-family: 'Playfair Display', sans-serif !important;
	color: #ffffff !important;
	font-size: 35px !important;
	font-weight: 600 !important;
	line-height: 1.2em !important;
	text-align: center !important;
}
.portfolio-gallery-content p {
	color: #ffffff !important;
	font-size: 18px !important;
	font-weight: 300 !important;
	line-height: 1.3em !important;
	text-align: center !important;
}
.portfolio-gallery-content .gallery-item {
	display: block !important;
	margin: 0px 10px !important;
}
.portfolio-gallery-content .gallery-item img {
	border: 1px solid rgba(0,0,0,0.15) !important;
	border-radius: 10px !important;
	box-shadow: none !important;
	transition: box-shadow 0.2s !important;
}
.portfolio-gallery-content .gallery-item:hover img {
	box-shadow: none !important;
}
.portfolio-gallery-content .video-item {
	position: relative !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	margin: 0px 5px !important;
}
.portfolio-gallery-content .video-item:before {
	content: "\F4F2" !important;
	font-family: "bootstrap-icons" !important;
	font-size: 80px !important;
	color: rgba(0,0,0, 0.3) !important;
	display: block !important;
	position: absolute !important;
	width: 100% !important;
	height: 100% !important;
	background: rgba(0,0,0, 0) !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	transition: all 300ms ease 0ms !important;
}
.portfolio-gallery-content .video-item:hover:before {
	background: rgba(0,0,0, 0.8) !important;
	color: #c17e2a !important;
}
.portfolio-gallery-content .video-item img {
	border: 1px solid rgba(0,0,0,0.15) !important;
	border-radius: 10px !important;
	box-shadow: none !important;
}
@media only screen and (max-width: 1024px) {
.portfolio-gallery-content {
	padding-top: 4rem !important;
	padding-bottom: 4rem !important;
}
.portfolio-gallery-content h2 {
	font-size: 35px !important;
}
.portfolio-gallery-content p {
	font-size: 18px !important;
}
}
@media only screen and (max-width: 991px) {
.portfolio-gallery-content h2 {
	font-size: 35px !important;
}
.portfolio-gallery-content p {
	font-size: 18px !important;
}
}
@media only screen and (max-width: 767px) {
.portfolio-gallery-content h2 {
	font-size: 30px !important;
}
.portfolio-gallery-content p {
	font-size: 17px !important;
}
}
@media only screen and (max-width: 650px) {
.portfolio-gallery-content .gallery-item {
	margin: 0px 0px !important;
}
.portfolio-gallery-content .video-item {
	margin: 0px 0px !important;
}
}
@media only screen and (max-width: 480px) {
.portfolio-gallery-content h2 {
	font-size: 26px !important;
}
.portfolio-gallery-content p {
	font-size: 17px !important;
}
}
@media only screen and (max-width: 360px) {
.portfolio-gallery-content h2 {
	font-size: 25px !important;
}
.portfolio-gallery-content p {
	font-size: 16px !important;
}
}
/* Testimonials CSS */
.testimonials-content {
	padding-top: 5rem !important;
	padding-bottom: 5rem !important;
	background-color: #000000 !important;
	background: linear-gradient( 180deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.7) 100% ), url('../img/picture-it-by-meera-background-03.webp') !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: cover !important;
	background-attachment: fixed !important;
}
.testimonials-content h2 {
	font-family: 'Playfair Display', sans-serif !important;
	color: #ffffff !important;
	font-size: 35px !important;
	font-weight: 600 !important;
	line-height: 1.2em !important;
	text-align: center !important;
}
.testimonials-content p {
	color: #ffffff !important;
	font-size: 18px !important;
	font-weight: 300 !important;
	line-height: 1.2em !important;
	text-align: center !important;
}
.testimonials-content img.google-rating {
	background-color: #ffffff !important;
	width: 35% !important;
	border: 1px solid rgba(0,0,0,0.15)!important;
	border-radius: 10px !important;
	display: table !important;
	margin: 0px auto !important;
	padding: 10px !important;
}
.testimonials-content .text-testimonial-box {
	text-align: center !important;
	background-color: transparent !important;
	border: none !important;
	border-radius: 0px !important;
}
.testimonials-content .image-testimonial-box {
	text-align: center !important;
	background-color: transparent !important;
	border: none !important;
	border-radius: 0px !important;
}
@media only screen and (max-width: 1024px) {
.testimonials-content {
	padding-top: 4rem !important;
	padding-bottom: 4rem !important;
}
.testimonials-content h2 {
	font-size: 35px !important;
}
}
@media only screen and (max-width: 991px) {
.testimonials-content h2 {
	font-size: 35px !important;
}
.testimonials-content img.google-rating {
	width: 60% !important;
}
}
@media only screen and (max-width: 767px) {
.testimonials-content h2 {
	font-size: 30px !important;
}
.testimonials-content p {
	font-size: 17px !important;
}
.testimonials-content img.google-rating {
	width: 95% !important;
}
}
@media only screen and (max-width: 650px) {
.testimonials-content img.google-rating {
	width: 100% !important;
}
}
@media only screen and (max-width: 480px) {
.testimonials-content h2 {
	font-size: 26px !important;
}
.testimonials-content p {
	font-size: 17px !important;
}
.testimonials-content img.google-rating {
	width: 100% !important;
}
}
@media only screen and (max-width: 360px) {
.testimonials-content h2 {
	font-size: 25px !important;
}
.testimonials-content p {
	font-size: 16px !important;
}
.testimonials-content img.google-rating {
	width: 100% !important;
}
}
/* Text Testimonial CSS */
.text-testimonial {
	margin: 0px !important;
}
.text-testimonial .testimonial-content {
	position: relative !important;
}
.text-testimonial .quote-icon {
	width: 60px !important;
	height: 60px !important;
	background-color: #f0f0f0 !important;
	border-radius: 150px !important;
	display: table !important;
	margin: 0px auto !important;
}
.text-testimonial .description {
	font-size: 18px !important;
	font-weight: 300 !important;
	line-height: 1.3em !important;
	color: #000000 !important;
	text-align: center !important;
	padding: 20px 10px 10px 10px !important;
	background-color: transparent !important;
}
.text-testimonial .testimonial-profile {
	display: table !important;
	margin: 0 auto !important;
}
.text-testimonial .title {
	font-size: 17px !important;
	font-weight: 500 !important;
	color: #da251c !important;
}
.text-testimonial .bi-star-fill {
	font-size: 15px !important;
	color: #ffd200 !important;
}
@media only screen and (max-width: 991px) {
.text-testimonial .description {
	font-size: 16px !important;
}
}
@media only screen and (max-width: 480px) {
.text-testimonial .description {
	font-size: 15px !important;
}
.text-testimonial .title {
	font-size: 16px !important;
}
.text-testimonial .bi-star-fill {
	font-size: 14px !important;
}
}
@media only screen and (max-width: 360px) {
.text-testimonial .quote-icon {
	width: 50px !important;
	height: 50px !important;
}
}
/* Image Testimonial CSS */
.image-testimonial {
	margin: 0px 10px !important;
	padding: 5px !important;
}
.image-testimonial img {
	background-color: #ffffff !important;
	border: 1px solid rgba(0,0,0,0.15)!important;
	border-radius: 10px !important;
	width: 100% !important;
	overflow: hidden !important;
}
@media only screen and (max-width: 650px) {
.image-testimonial {
	margin: 0px 0px !important;
}
}
/* Lead Form CSS */
.lead-form-content {
	padding-top: 5rem !important;
	padding-bottom: 5rem !important;
	background-color: #c17e2a !important;
	background: linear-gradient( 180deg, rgba(193,126,42,0.9) 0%, rgba(193,126,42,0.9) 100% ), url('../img/picture-it-by-meera-background-04.webp') !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: cover !important;
	background-attachment: fixed !important;
}
.lead-form-content h1 {
	font-family: 'Playfair Display', sans-serif !important;
	color: #ffffff !important;
	font-size: 41px !important;
	font-weight: 600 !important;
	line-height: 1.2em !important;
	text-align: center !important;
}
.lead-form-content h2 {
	color: #ffffff !important;
	font-size: 30px !important;
	font-weight: 500 !important;
	line-height: 1.2em !important;
	text-align: center !important;
}
.lead-form-content p {
	color: #ffffff !important;
	font-size: 18px !important;
	font-weight: 300 !important;
	line-height: 1.2em !important;
	text-align: center !important;
}
.lead-form-content .lead-form-box {
	background-color: transparent !important;
	border: 1px solid rgba(255,255,255,0.15) !important;
	border-radius: 10px !important;
	padding: 20px !important;
}
.lead-form-content .pricing-box {
	background-color: #ffffff !important;
	box-shadow: 0px 12px 18px -6px rgba(0,0,0,0.2) !important;
	border: 1px solid rgba(255,255,255,0.15) !important;
	border-radius: 10px !important;
	padding: 20px 30px !important;
}
.lead-form-content .pricing-box h3 {
	color: #c17e2a !important;
	font-size: 40px !important;
	font-weight: 600 !important;
	line-height: 1.2em !important;
	text-align: center !important;
}
.lead-form-content .pricing-box h4 {
	font-family: 'Playfair Display', sans-serif !important;
	color: #000000 !important;
	font-size: 30px !important;
	font-weight: 600 !important;
	line-height: 1.2em !important;
	text-align: center !important;
}
.lead-form-content .pricing-box p {
	color: #000000 !important;
	font-size: 18px !important;
	font-weight: 300 !important;
	line-height: 1.2em !important;
	text-align: center !important;
}
@media only screen and (max-width: 1024px) {
.lead-form-content {
	padding-top: 4rem !important;
	padding-bottom: 4rem !important;
}
.lead-form-content h1 {
	font-size: 30px !important;
}
.lead-form-content p {
	font-size: 18px !important;
}
.lead-form-content .pricing-box h3 {
	font-size: 35px !important;
}
.lead-form-content .pricing-box h4 {
	font-size: 25px !important;
}
.lead-form-content .pricing-box p {
	font-size: 18px !important;
}
}
@media only screen and (max-width: 991px) {
.lead-form-content h1 {
	font-size: 35px !important;
}
.lead-form-content p {
	font-size: 18px !important;
}
.lead-form-content .lead-form-box {
	margin-top: 40px !important;
}
.lead-form-content .pricing-box h3 {
	font-size: 40px !important;
}
.lead-form-content .pricing-box h4 {
	font-size: 30px !important;
}
.lead-form-content .pricing-box p {
	font-size: 18px !important;
}
}
@media only screen and (max-width: 767px) {
.lead-form-content h1 {
	font-size: 30px !important;
}
.lead-form-content h2 {
	font-size: 25px !important;
}
.lead-form-content p {
	font-size: 17px !important;
}
.lead-form-content .pricing-box h3 {
	font-size: 35px !important;
}
.lead-form-content .pricing-box h4 {
	font-size: 25px !important;
}
.lead-form-content .pricing-box p {
	font-size: 18px !important;
}
}
@media only screen and (max-width: 480px) {
.lead-form-content h1 {
	font-size: 26px !important;
}
.lead-form-content h2 {
	font-size: 23px !important;
}
.lead-form-content p {
	font-size: 17px !important;
}
.lead-form-content .pricing-box h3 {
	font-size: 35px !important;
}
.lead-form-content .pricing-box h4 {
	font-size: 25px !important;
}
.lead-form-content .pricing-box p {
	font-size: 18px !important;
}
}
@media only screen and (max-width: 360px) {
.lead-form-content h1 {
	font-size: 28px !important;
}
.lead-form-content h2 {
	font-size: 21px !important;
}
.lead-form-content p {
	font-size: 16px !important;
}
.lead-form-content .pricing-box {
	padding: 20px 20px !important;
}
.lead-form-content .pricing-box h3 {
	font-size: 30px !important;
}
.lead-form-content .pricing-box h4 {
	font-size: 22px !important;
}
.lead-form-content .pricing-box p {
	font-size: 17px !important;
}
}
/* Popup Form CSS */
#enquire-now-popup-form .modal-content {
	width: 100% !important;
	background-color: #c17e2a !important;
	background: linear-gradient( 180deg, rgba(193,126,42,0.9) 0%, rgba(193,126,42,0.9) 100% ), url('../img/picture-it-by-meera-background-04.webp') !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: cover !important;
	background-attachment: fixed !important;
}
#enquire-now-popup-form .modal-header {
	border-bottom: none !important;
}
#enquire-now-popup-form h4.modal-title {
	font-family: 'Playfair Display', sans-serif !important;
	font-size: 38px !important;
	color: #ffffff !important;
	font-weight: 600 !important;
	line-height: 1.2em !important;
}
@media only screen and (max-width: 1024px) {
#enquire-now-popup-form h4.modal-title {
	font-size: 42px !important;
}
}
@media only screen and (max-width: 991px) {
#enquire-now-popup-form h4.modal-title {
	font-size: 40px !important;
}
}
@media only screen and (max-width: 767px) {
#enquire-now-popup-form h4.modal-title {
	font-size: 36px !important;
}
}
@media only screen and (max-width: 480px) {
#enquire-now-popup-form h4.modal-title {
	font-size: 30px !important;
}
}
@media only screen and (max-width: 412px) {
#enquire-now-popup-form h4.modal-title {
	font-size: 35px !important;
}
}
@media only screen and (max-width: 360px) {
#enquire-now-popup-form h4.modal-title {
	font-size: 30px !important;
}
}
/* Thank You Banner CSS */
.thank-you-banner-content {
	padding-top: 13rem !important;
	padding-bottom: 4rem !important;
	background-color: #ffffff !important;
	background: linear-gradient( 180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.95) 100% ), url('../img/picture-it-by-meera-background-01.webp') !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: cover !important;
	background-attachment: fixed !important;
	height: 100vh !important;
}
.thank-you-banner-content-box {
	margin: 0px !important;
}
.thank-you-banner-content-box h1 {
	color: #c17e2a !important;
	font-size: 42px !important;
	font-weight: 700 !important;
	line-height: 1.2em !important;
	text-align: center !important;
}
.thank-you-banner-content-box h2 {
	color: #000000 !important;
	font-size: 25px !important;
	font-weight: normal !important;
	line-height: 1.2em !important;
	text-align: center !important;
}
@media only screen and (max-width: 991px) {
.thank-you-banner-content-box h1 {
	font-size: 50px !important;
}
.thank-you-banner-content-box h2 {
	font-size: 38px !important;
}
}
@media only screen and (max-width: 767px) {
.thank-you-banner-content {
	padding-top: 13rem !important;
	padding-bottom: 4rem !important;
}
.thank-you-banner-content-box h1 {
	font-size: 40px !important;
}
.thank-you-banner-content-box h2 {
	font-size: 30px !important;
}
}
@media only screen and (max-width: 480px) {
.thank-you-banner-content {
	padding-top: 11rem !important;
	padding-bottom: 4rem !important;
}
.thank-you-banner-content-box h1 {
	font-size: 60px !important;
}
.thank-you-banner-content-box h2 {
	font-size: 25px !important;
}
}
@media only screen and (max-width: 360px) {
.thank-you-banner-content {
	padding-top: 10rem !important;
	padding-bottom: 4rem !important;
}
.thank-you-banner-content-box h1 {
	font-size: 40px !important;
}
.thank-you-banner-content-box h2 {
	font-size: 20px !important;
}
}
/* Policy & Terms CSS */
.policy-terms-content {
	padding-top: 4rem !important;
	padding-bottom: 5rem !important;
	background-color: #ffffff !important;
	background: linear-gradient( 180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.95) 100% ), url('../img/picture-it-by-meera-background-01.webp') !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: cover !important;
	background-attachment: fixed !important;
}
.policy-terms-content-box {
	margin: 0px !important;
}
.policy-terms-content-box h1 {
	color: #000000 !important;
	font-size: 28px !important;
	font-weight: 600 !important;
	line-height: 1.2em !important;
	text-align: left !important;
}
.policy-terms-content-box h4 {
	color: #000000 !important;
	font-size: 23px !important;
	font-weight: 500 !important;
	line-height: 1.2em !important;
	text-align: left !important;
}
.policy-terms-content-box p {
	color: #000000 !important;
	font-size: 16px !important;
	font-weight: 300 !important;
	line-height: 1.3em !important;
	text-align: left !important;
}
.policy-terms-content-box ul {
	margin-left: -15px !important;
}
.policy-terms-content-box ul li {
	color: #000000 !important;
	font-size: 16px !important;
	font-weight: 300 !important;
	line-height: 1.3em !important;
	margin-bottom: 5px !important;
	text-align: left !important;
}
.policy-terms-content-box a {
	color: #c17e2a !important;
	font-weight: 500 !important;
}
.policy-terms-content-box a:hover {
	color: #000000 !important;
}
@media only screen and (max-width: 991px) {
.policy-terms-content-box h1 {
	text-align: center !important;
}
.policy-terms-content-box h4 {
	text-align: center !important;
}
.policy-terms-content-box p {
	text-align: center !important;
}
}
@media only screen and (max-width: 767px) {
.policy-terms-content-box h1 {
	font-size: 26px !important;
}
.policy-terms-content-box h4 {
	font-size: 21px !important;
}
.policy-terms-content-box p {
	font-size: 16px !important;
}
.policy-terms-content-box ul li {
	font-size: 16px !important;
}
}
@media only screen and (max-width: 480px) {
.policy-terms-content-box h1 {
	font-size: 23px !important;
}
.policy-terms-content-box h4 {
	font-size: 19px !important;
}
.policy-terms-content-box p {
	font-size: 15px !important;
}
.policy-terms-content-box ul li {
	font-size: 15px !important;
}
}
/* Footer CSS */
.footer-content {
	color: #b7b7b7 !important;
	font-weight: 300 !important;
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
}
.footer-content small {
	font-size: 15px !important;
}
.footer-content a {
	color: #ffffff !important;
	font-weight: 500 !important;
}
.footer-content a:hover {
	color: #c17e2a !important;
}
@media only screen and (max-width: 991px) {
.footer-content.sp-footer {
	padding-bottom: 3.5rem !important;
}
}
@media only screen and (max-width: 767px) {
.footer-content {
	line-height: 1.3em !important;
}
.footer-content .text-start, .footer-content .text-end {
	text-align: center !important;
}
.footer-content .text-end {
	margin-top: 4px !important;
}
}
@media only screen and (max-width: 480px) {
.footer-content.sp-footer {
	padding-bottom: 3.5rem !important;
}
.footer-content small {
	font-size: 13px !important;
}
}
@media only screen and (max-width: 360px) {
.footer-content small {
	font-size: 13px !important;
}
}
/* Footer Fixed Button CSS */
.footer-button-content {
	width: 100% !important;
	margin: 0px !important;
	padding: 0px !important;
	position: fixed !important;
	bottom: 0px !important;
}
.footer-cta-box ul {
	display: flex !important;
	list-style-type: none !important;
	margin: 0px !important;
	padding: 0px !important;
}
.footer-cta-box ul li {
	width: 100% !important;
	float: left !important;
}
.footer-cta-box ul li.sp-list {
	border-right: 1px solid rgba(0,0,0,.5) !important;
}
.footer-cta-box .cta-btn {
	border-radius: 0px !important;
	font-size: 20px !important;
	font-weight: 600 !important;
	line-height: 1.2em !important;
	text-transform: uppercase !important;
}
.footer-cta-box .cta-btn small {
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 1.2em !important;
}
/* Carousel CSS */
.owl-theme .owl-controls {
	margin-top: 0px !important;
}
.owl-theme .owl-controls .owl-pagination {
	margin-top: 20px !important;
}
/* Carousel Pagination CSS */
.owl-theme .owl-controls .owl-page span {
	width: 10px !important;
	height: 10px !important;
	margin-right: 5px !important;
	background: #c17e2a !important;
	border: 1px solid #c17e2a !important;
	opacity: 0.3 !important;
	transition: all 300ms ease 0ms !important;
}
.owl-theme .owl-controls .owl-page span:hover {
	opacity: 1 !important;
}
.owl-theme .owl-controls .owl-page.active span {
	background: #c17e2a !important;
	border: 1px solid #c17e2a !important;
	opacity: 1 !important;
}
/* Carousel Navigation CSS */
.owl-theme .owl-controls .owl-buttons {
	margin-top: 20px !important;
}
.owl-theme .owl-controls .owl-buttons div {
	color: #FFFFFF !important;
	background: rgba(193,126,42,0.8) !important;
	border: 0px solid #333 !important;
	text-transform: uppercase !important;
	font-weight: 400 !important;
	transition: all 300ms ease 0ms !important;
}
.owl-theme .owl-controls .owl-buttons div:hover {
	color: #FFFFFF !important;
	background: #c17e2a !important;
	border: 0px solid #333 !important;
}
/* Lightbox CSS */
.lightbox-modal .modal-content {
	background-color: var(--lightbox) !important;
}
.lightbox-modal .btn-close {
	position: absolute !important;
	top: 1.25rem !important;
	right: 1.25rem !important;
	font-size: 1.25rem !important;
	z-index: 10 !important;
	filter: invert(1) grayscale(100) !important;
}
.lightbox-modal .modal-body {
	display: flex !important;
	align-items: center !important;
	padding: 0 !important;
}
.lightbox-modal .lightbox-content {
	width: 100% !important;
}
.lightbox-modal .carousel-indicators {
	margin-bottom: 0 !important;
}
.lightbox-modal .carousel-indicators [data-bs-target] {
	background-color: var(--carousel-text) !important;
}
.lightbox-modal .carousel-inner {
	width: 75% !important;
}
.lightbox-modal .carousel-inner img {
	animation: zoomin 10s linear infinite !important;
	flex: table !important;
	margin: 0px auto !important;
	width: auto !important;
	max-height: 600px !important;
	animation: scale 80s linear infinite !important;
}
.lightbox-modal .carousel-item .carousel-caption {
	right: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	padding-bottom: 2rem !important;
	background-color: var(--lightbox) !important;
	color: var(--carousel-text) !important;
}
.lightbox-modal .carousel-item .carousel-caption h4 {
	font-size: 18px !important;
	font-weight: 400 !important;
}
.lightbox-modal .carousel-control-prev, .lightbox-modal .carousel-control-next {
	width: auto !important;
}
.lightbox-modal .carousel-control-prev {
	left: 1.25rem !important;
}
.lightbox-modal .carousel-control-next {
	right: 1.25rem !important;
}
@media (min-width: 1400px) {
.lightbox-modal .carousel-inner {
	max-width: 60% !important;
}
}
[data-bs-theme="dark"] .lightbox-modal .carousel-control-next-icon, [data-bs-theme="dark"] .lightbox-modal .carousel-control-prev-icon {
	filter: none !important;
}
.btn-fullscreen-enlarge, .btn-fullscreen-exit {
	position: absolute !important;
	top: 1.25rem !important;
	right: 3.5rem !important;
	z-index: 10 !important;
	border: 0 !important;
	background: transparent !important;
	opacity: 0.6 !important;
	font-size: 1.25rem !important;
}
.bi {
	display: inline-block !important;
	width: 1em !important;
	height: 1em !important;
	vertical-align: -0.035em !important;
	fill: currentcolor !important;
}
@media only screen and (max-width: 480px) {
.lightbox-modal .carousel-item .carousel-caption h4 {
	font-size: 16px !important;
}
}
/* Popup Video Modal CSS */
.video-modal .modal-content {
	background-color: var(--lightbox) !important;
}
.video-modal .btn-close {
	position: absolute !important;
	top: 1.25rem !important;
	right: 1.25rem !important;
	font-size: 1.25rem !important;
	z-index: 10 !important;
	filter: invert(1) grayscale(100) !important;
}
.video-modal .modal-body video {
	display: table !important;
	margin: 0px auto !important;
	width: 80% !important;
}
/* Datepicker CSS */
.datepicker-dropdown {
	z-index: 1999 !important;
}
.datepicker-picker {
	border-radius: 10px !important;
}
.datepicker-picker .datepicker-title {
	color: #c17e2a !important;
	border: none !important;
	border-radius: 10px 10px 0px 0px !important;
}
.datepicker span {
	transition: all 300ms ease 0ms !important;
}
.datepicker-cell.selected, .datepicker-cell.selected:hover {
	background-color: #c17e2a !important;
	color: #ffffff !important;
	font-weight: 600 !important;
}
.datepicker-cell.focused:not(.selected) {
	background-color: rgba(193,126,42,0.3) !important;
}
.datepicker-picker .datepicker-controls .button {
	color: #ffffff !important;
	background-color: #c17e2a !important;
	border: 1px solid #c17e2a !important;
	transition: all 300ms ease 0ms !important;
}
.datepicker-picker .datepicker-controls .button:hover {
	color: #ffffff !important;
	background-color: #9f0000 !important;
	border: 1px solid #9f0000 !important;
}