/*********************************************************************************

	Name: kalpa
	Note: This is style css.

***************************************************************/
/**************************************
    Default Styles for Kalpa
***************************************/
/*-- Variables --*/
@import url("https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");

:root {
	--color-primary: #683D27;
	--main-gradient: linear-gradient(to right, #8E361E, #DC6527, #DC6527, #8E361E);
	--main-gradient2: linear-gradient(to right, #8E361E, #DC6527);
	--color-secondary: #425133;
	--color-secondary-alt: #FFF6F4;
	--color-tertiary: #FFE2A8;
	--color-tertiary-2: #DC6527;
	--color-dark: #231F40;
	--color-dark-green: #425133;
	--color-gray: #E5E8E5;
	--color-body: #262726;
	--color-heading: #231F40;
	--color-white: #ffffff;
	--color-shape: #EEEEEE;
	--color-shade: #F5F5F5;
	--color-border: #EEEEEE;
	--color-black: #000000;
	--color-blackest: #0f0f11;
	--color-extra01: #666666;
	--color-extra02: #606770;
	--color-extra03: #FBFBFD;
	--color-extra04: #1A1A1A;
	--color-extra05: #242424;
	--color-extra06: #DBF1C0;
	--color-extra07: #C6ECE8;
	--color-extra08: #C3ECCE;
	--color-success: #3EB75E;
	--color-danger: #FF0003;
	--color-warning: #FF8F3C;
	--color-info: #1BA2DB;
	--color-facebook: #3B5997;
	--color-twitter: #1BA1F2;
	--color-youtube: #ED4141;
	--color-linkedin: #0077B5;
	--color-pinterest: #E60022;
	--color-instagram: #C231A1;
	--color-vimeo: #00ADEF;
	--color-twitch: #6441A3;
	--color-discord: #7289da;
	--border-width: 2px;
	--radius-small: 5px;
	--radius: 10px;
	--radius-big: 16px;
	--p-light: 300;
	--p-regular: 400;
	--p-medium: 500;
	--p-semi-bold: 600;
	--p-bold: 700;
	--p-extra-bold: 800;
	--p-black: 900;
	--shadow-primary: 0px 8px 30px rgba(0, 0, 0, 0.04);
	--shadow-light: 1px 1px 6px rgba(0, 0, 0, 0.25);
	--shadow-lighter: 4px 4px 20px 20px rgba(0, 0, 0, 0.01);
	--transition: 0.3s;
	--transition-2: 0.7s;
	--transition-transform: transform .65s cubic-bezier(.23, 1, .32, 1);
	--font-primary: 'Urbanist', sans-serif;
	--font-secondary: 'Urbanist', sans-serif;
	--font-awesome: 'Font Awesome 5 Pro';
	--font-size-b1: 18px;
	--font-size-b2: 16px;
	--font-size-b3: 14px;
	--font-size-b4: 12px;
	--line-height-b1: 1.67;
	--line-height-b2: 1.63;
	--line-height-b3: 1.6;
	--line-height-b4: 1.3;
	--h1: 72px;
	--h2: 68px;
	--h3: 40px;
	--h4: 32px;
	--h5: 24px;
	--h6: 20px;
	--h1-lineHeight: 1.25;
	--h2-lineHeight: 1.24;
	--h3-lineHeight: 1.4;
	--h4-lineHeight: 1.38;
	--h5-lineHeight: 1.5;
	--h6-lineHeight: 1.6;
}

/**
 * Mixins Styels
 */
/**
 * Reset Styels
 */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


details,
footer,
header,
nav,
section {
	display: block;
}

a {
	color: var(--color-heading);
	text-decoration: none;
	outline: none;
}

a:hover,
a:focus,
a:active {
	text-decoration: none;
	outline: none;
	color: var(--color-primary);
}

a:focus {
	outline: none;
}

address {
	margin: 0 0 24px;
}

b,
strong {
	font-weight: bold;
}

small {
	font-size: smaller;
}


ol,
ul {
	margin: 16px 0;
	padding: 0 0 0 40px;
}

nav ul,
nav ol {
	list-style: none;
	list-style-image: none;
}

li>ul,
li>ol {
	margin: 0;
}

ol ul {
	margin-bottom: 0;
}

img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	vertical-align: middle;
	max-width: 100%;
	height: auto;
}

svg:not(:root) {
	overflow: hidden;
}

form {
	margin: 0;
}

button,
input,
select {
	font-size: 100%;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
}

button,
input {
	line-height: normal;
}

button,
html input[type="button"],
input[type="submit"] {
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
	cursor: pointer;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

hr {
	background-size: 4px 4px;
	border: 0;
	height: 1px;
	margin: 0 0 24px;
	opacity: 0.6;
}

/* BlockQuote  */

/**
 * Typography
 */
* {
	box-sizing: border-box;
}

html {
	margin: 0;
	padding: 0;
	font-size: 10px;
}

body {
	overflow-x: hidden;
	font-size: var(--font-size-b2);
	line-height: var(--line-height-b2);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: var(--font-primary);
	color: var(--color-body);
	font-weight: 500;
	background-color: var(--color-white);
	margin: 0;
	padding: 0;
}

h1,
h3,
h4,
h5,
h6,
.h1,
.h3,
.h4,
.h5,
.h6,
address,
p,
ol,
ul,
hr {
	margin: 0;
	margin-bottom: 20px;
}

h1,
h3,
h4,
h5,
h6,
.h1,
.h3,
.h4,
.h5,
.h6 {
	word-break: break-word;
	font-family: var(--font-secondary);
	line-height: 1.4074;
	color: var(--color-primary);
}

h1,
.h1 {
	font-size: var(--h1);
	line-height: var(--h1-lineHeight);
}

h3,
.h3 {
	font-size: var(--h3);
	line-height: var(--h3-lineHeight);
}

h4,
.h4 {
	font-size: var(--h4);
	line-height: var(--h4-lineHeight);
}

h5,
.h5 {
	font-size: var(--h5);
	line-height: var(--h5-lineHeight);
}

h6,
.h6 {
	font-size: var(--h6);
	line-height: var(--h6-lineHeight);
}

h1 a,
h3 a,
h4 a,
h5 a,
h6 a,
.h1 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a {
	color: inherit;
	transition: 0.5s;
}

a {
	color: var(--color-heading);
	transition: 0.3s;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

	h1,
	.h1 {
		font-size: 38px;
	}

	h3,
	.h3 {
		font-size: 28px;
	}

	h4,
	.h4 {
		font-size: 24px;
	}
}

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

	h1,
	.h1 {
		font-size: 34px;
	}

	h3,
	.h3 {
		font-size: 24px;
	}

	h4,
	.h4 {
		font-size: 20px;
	}
}

h1,
.h1,
h3,
.h3 {
	font-weight: var(--p-extra-bold);
}

h4,
.h4 {
	font-weight: var(--p-bold);
}

h5,
.h5 {
	font-weight: var(--p-bold);
}

h6,
.h6 {
	font-weight: var(--p-bold);
}

p {
	font-size: var(--font-size-b2);
	line-height: var(--line-height-b2);
	font-weight: 500;
	color: var(--color-body);
	margin: 0 0 30px;
}

@media only screen and (max-width: 767px) {
	p {
		margin: 0 0 20px;
		font-size: var(--font-size-b2);
		line-height: var(--line-height-b2);
	}
}

/*---------------------------
	List Style 
---------------------------*/
ul,
ol {
	padding-left: 18px;
}

ul {
	list-style: square;
	margin-bottom: 30px;
	padding-left: 20px;
}

ul li {
	font-size: var(--font-size-b2);
	line-height: var(--line-height-b2);
	margin-top: 10px;
	margin-bottom: 10px;
	color: var(--color-body);
	font-weight: 500;
}

ul li a {
	text-decoration: none;
	color: var(--color-body);
}

ul li a:hover {
	color: var(--color-primary);
}

ul ul {
	margin-bottom: 0;
}

ol {
	margin-bottom: 30px;
}

ol li {
	font-size: var(--font-size-b2);
	line-height: var(--line-height-b2);
	color: var(--color-gray);
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: 400;
}

ol li a {
	color: var(--heading-color);
	text-decoration: none;
}

ol li a:hover {
	color: var(--color-primary);
}

ol ul {
	padding-left: 30px;
}

hr {
	display: block;
	height: 0;
	margin: 15px 0;
	border-top: 1px solid var(--color-border);
	background: transparent;
}

/*=====================
All Extend Here
=======================*/

/* Radius */

.radius-big {
	border-radius: var(--radius-big);
}

/* Font Weight */

/* Shadows */

/*=============== Style Css =============*/

.kalpa-product-details-style .content .product-feature {
	padding: 0;
	margin: 0;
	list-style: none;
}

ul li a,
ol li a,
.form-group input {
	transition: var(--transition);
}


.bg-image {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

/*----------------------
    Animation Css  
-----------------------*/

@keyframes line1 {
	0% {
		opacity: 1;
		bottom: 0;
	}

	30% {
		bottom: 30%;
	}

	50% {
		bottom: 50%;
	}

	70% {
		bottom: 70%;
	}

	100% {
		bottom: 100%;
		opacity: 0.5;
	}
}

@keyframes bounceSlide {

	0%,
	20%,
	50%,
	80%,
	100% {
		transform: translateY(0);
	}

	40% {
		transform: translateY(-30px);
	}

	60% {
		transform: translateY(-15px);
	}
}

.bounce-slide {
	animation-duration: 4s;
	animation-fill-mode: both;
	animation-iteration-count: infinite;
	animation-name: bounceSlide;
}

@keyframes line5 {
	0% {
		opacity: 1;
		bottom: 400px;
	}

	50% {
		bottom: 50%;
	}

	100% {
		bottom: 100%;
		opacity: 0.5;
	}
}

@keyframes line2 {
	0% {
		opacity: 1;
		top: 0;
	}

	30% {
		bottom: 30%;
	}

	50% {
		bottom: 50%;
	}

	70% {
		bottom: 70%;
	}

	100% {
		top: 100%;
		opacity: 0.5;
	}
}

@keyframes line3 {
	0% {
		opacity: 1;
		top: 500px;
	}

	50% {
		top: 50%;
	}

	100% {
		top: 100%;
		opacity: 0.5;
	}
}

@keyframes line4 {
	0% {
		opacity: 1;
		top: 300px;
	}

	50% {
		top: 50%;
	}

	100% {
		top: 100%;
		opacity: 0.5;
	}
}

@keyframes customOne {
	from {
		transform: scale(1);
	}

	50% {
		transform: scale(0.9);
	}

	to {
		transform: scale(1);
	}
}

@keyframes customTwo {
	0% {
		transform: translate(0px, 0px);
	}

	50% {
		transform: translate(100px, 0px);
	}

	100% {
		transform: translate(50px, 50px);
	}
}

/* ------------------------
    Custom Animation 01 
----------------------------*/
@-webkit-keyframes headerSlideDown {
	0% {
		margin-top: -100px;
	}

	to {
		margin-top: 0;
	}
}

@keyframes headerSlideDown {
	0% {
		margin-top: -100px;
	}

	to {
		margin-top: 0;
	}
}

/*------------------------
	slidefadeinup
--------------------------*/
@-webkit-keyframes slideFadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 20%, 0);
		transform: translate3d(0, 20%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes slideFadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 20%, 0);
		transform: translate3d(0, 20%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

/* -----------------------------------
    Custom Animation For All Page
---------------------------------------*/
@-webkit-keyframes moveVertical {
	to {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@keyframes moveVertical {
	to {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

/*--------------------------------
Scroll Down Button Animation  
----------------------------------*/
@keyframes scrollDown {
	0% {
		opacity: 0;
	}

	10% {
		transform: translateY(0);
		opacity: 1;
	}

	100% {
		transform: translateY(10px);
		opacity: 0;
	}
}

@keyframes scroll {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(calc(-250px * 7));
	}

}

/*==============================
 *  Utilities
=================================*/
/*------------------------------------- 

font-family: 'Urbanist', sans-serif;

--------------------------------------*/
@media only screen and (max-width: 767px) {

	.container {
		padding-right: 15px;
		padding-left: 15px;
	}
}

/*===============================
    Background Color 
=================================*/

.bg-color-tertiary {
	background-color: var(--color-tertiary);
}

.bg-color-white {
	background-color: #FFFFFF;
}

/*===========================
    Background Image 
=============================*/

/* Height and width */

/*===================
Custom Row
======================*/

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

.row--15>[class*="col"] {
	padding-left: 15px;
	padding-right: 15px;
}

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

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
	.row--50 {
		margin-left: -15px;
		margin-right: -15px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.row--50 {
		margin-left: -15px;
		margin-right: -15px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.row--50 {
		margin-left: -15px;
		margin-right: -15px;
	}
}

@media only screen and (max-width: 767px) {
	.row--50 {
		margin-left: -15px !important;
		margin-right: -15px !important;
	}
}

.row--50>[class*="col"],
.row--50>[class*="col-"] {
	padding-left: 50px;
	padding-right: 50px;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {

	.row--50>[class*="col"],
	.row--50>[class*="col-"] {
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

	.row--50>[class*="col"],
	.row--50>[class*="col-"] {
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

	.row--50>[class*="col"],
	.row--50>[class*="col-"] {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
}

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

	.row--50>[class*="col"],
	.row--50>[class*="col-"] {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
}

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

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
	.row--60 {
		margin-left: -15px;
		margin-right: -15px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.row--60 {
		margin-left: -15px;
		margin-right: -15px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.row--60 {
		margin-left: -15px;
		margin-right: -15px;
	}
}

@media only screen and (max-width: 767px) {
	.row--60 {
		margin-left: -15px !important;
		margin-right: -15px !important;
	}
}

.row--60>[class*="col"],
.row--60>[class*="col-"] {
	padding-left: 60px;
	padding-right: 60px;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {

	.row--60>[class*="col"],
	.row--60>[class*="col-"] {
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

	.row--60>[class*="col"],
	.row--60>[class*="col-"] {
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

	.row--60>[class*="col"],
	.row--60>[class*="col-"] {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
}

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

	.row--60>[class*="col"],
	.row--60>[class*="col-"] {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
}

/*===========================
    Input Placeholder
=============================*/
input:-moz-placeholder {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input::-webkit-input-placeholder {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input::-moz-placeholder {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input:-ms-input-placeholder {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/*=============================
	Overlay styles 
==============================*/

/*------------------------------
    Scroll Up 
--------------------------------*/

/*--------------------
    Contact Form 
----------------------*/

/*=========================
    Section Separation 
==========================*/

.kalpa-section-gap {
	padding: 80px 0 25px 0 !important;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.kalpa-section-gap {
		padding: 80px 0 !important;
	}
}

@media only screen and (max-width: 767px) {
	.kalpa-section-gap {
		padding: 80px 0 !important;
	}
}

.kalpa-section-gapBottom {
	padding-bottom: 130px !important;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.kalpa-section-gapBottom {
		padding-bottom: 80px !important;
	}
}

@media only screen and (max-width: 767px) {
	.kalpa-section-gapBottom {
		padding-bottom: 80px !important;
	}
}

.kalpa-section-gapTop {
	padding-top: 130px !important;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.kalpa-section-gapTop {
		padding-top: 80px !important;
	}
}

@media only screen and (max-width: 767px) {
	.kalpa-section-gapTop {
		padding-top: 80px !important;
	}
}

.mb--0 {
	margin-bottom: 0 !important;
}

.mt--10 {
	margin-top: 10px !important;
}

.mr--10 {
	margin-right: 10px !important;
}

.ml--15 {
	margin-left: 15px !important;
}

.mt--20 {
	margin-top: 20px !important;
}

.mb--20 {
	margin-bottom: 20px !important;
}

.mt--40 {
	margin-top: 40px !important;
}

.mb--45 {
	margin-bottom: 45px !important;
}

.ptb--60 {
	padding: 60px 0 !important;
}

.mt--60 {
	margin-top: 60px !important;
}

.pr--75 {
	padding-right: 75px !important;
}

.pt--80 {
	padding-top: 80px !important;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

	.pr_lg--0 {
		padding-right: 0 !important;
	}

	.pr_lg--0 {
		padding-right: 0 !important;
	}

	.pr_lg--0 {
		padding-right: 0 !important;
	}

	.pr_lg--0 {
		padding-right: 0 !important;
	}

	.pr_lg--0 {
		padding-right: 0 !important;
	}

	.pr_lg--0 {
		padding-right: 0 !important;
	}

	.pr_lg--0 {
		padding-right: 0 !important;
	}

	.pr_lg--0 {
		padding-right: 0 !important;
	}

	.pr_lg--0 {
		padding-right: 0 !important;
	}

	.pr_lg--0 {
		padding-right: 0 !important;
	}

	.pr_lg--0 {
		padding-right: 0 !important;
	}

	.pr_lg--0 {
		padding-right: 0 !important;
	}

	.pr_lg--0 {
		padding-right: 0 !important;
	}

	.pr_lg--0 {
		padding-right: 0 !important;
	}

	.pr_lg--0 {
		padding-right: 0 !important;
	}

	.pr_lg--0 {
		padding-right: 0 !important;
	}

	.pr_lg--0 {
		padding-right: 0 !important;
	}

	.pr_lg--0 {
		padding-right: 0 !important;
	}

	.pr_lg--0 {
		padding-right: 0 !important;
	}

	.pr_lg--0 {
		padding-right: 0 !important;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

	.pr_md--0 {
		padding-right: 0 !important;
	}

	.mt_md--20 {
		margin-top: 20px !important;
	}

	.ptb_md--40 {
		padding: 40px 0 !important;
	}

	.mt_md--40 {
		margin-top: 40px !important;
	}
}

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

	.pr_sm--0 {
		padding-right: 0 !important;
	}

	.ml_sm--5 {
		margin-left: 5px !important;
	}

	.mt_sm--20 {
		margin-top: 20px !important;
	}

	.ptb_sm--40 {
		padding: 40px 0 !important;
	}

	.mt_sm--40 {
		margin-top: 40px !important;
	}

	.pr_sm--0 {
		padding-right: 0 !important;
	}
}

/*======================== 
    Common Style Css
==========================*/
/* Heading Font  */
.h1 {
	font-size: var(--h1) !important;
}

.h3 {
	font-size: var(--h3) !important;
}

.h4 {
	font-size: var(--h4) !important;
}

.h5 {
	font-size: var(--h5) !important;
}

.h6 {
	font-size: var(--h6) !important;
}

/* Text Color  */
.bg-primary-color {
	background: var(--color-primary) !important;
}

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

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

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

/* Radius */
/* Font Weight */
/* Shadows */
/* Others  */
.liststyle {
	padding: 0;
	margin: 0;
	list-style: none;
}

.radius-small {
	border-radius: var(--radius-small);
}

/* Breadcrumb  */
.kalpa-breadcrumb-area {
	background-image: url(../images/bg/breadcrumb-bg.jpg);
}

.kalpa-breadcrumb-area .shape-image {
	position: absolute;
	z-index: -1;
}

.kalpa-breadcrumb-area .shape-image.shape-image-1 {
	top: -30px;
	left: -180px;
}

.kalpa-breadcrumb-area .shape-image.shape-image-2 {
	top: -10px;
	left: 60%;
}

.kalpa-breadcrumb-area .shape-image.shape-image-3 {
	top: -24px;
	right: -90px;
}

.kalpa-breadcrumb-area .shape-image.shape-image-4 {
	bottom: -39px;
	right: -220px;
}

.kalpa-breadcrumb-area .shape-image.shape-image-5 {
	bottom: -28px;
	left: 35%;
}

.kalpa-breadcrumb-area .shape-image.shape-image-6 {
	bottom: -30px;
	left: -108px;
}

/* Animation  */
.kalpa-animated-shape {
	position: relative;
	z-index: 9;
}

@-webkit-keyframes kalpa-vsm-y-move {
	0% {
		-webkit-transform: translate(0, -30%);
		transform: translate(0, -30%);
	}

	100% {
		-webkit-transform: translate(0, 30%);
		transform: translate(0, 30%);
	}
}

@keyframes kalpa-vsm-y-move {
	0% {
		-webkit-transform: translate(0, -30%);
		transform: translate(0, -30%);
	}

	100% {
		-webkit-transform: translate(0, 30%);
		transform: translate(0, 30%);
	}
}

@-webkit-keyframes kalpa-vsm-y-reverse-move {
	0% {
		-webkit-transform: translate(0, 30%);
		transform: translate(0, 30%);
	}

	100% {
		-webkit-transform: translate(0, -30%);
		transform: translate(0, -30%);
	}
}

@keyframes kalpa-vsm-y-reverse-move {
	0% {
		-webkit-transform: translate(0, 30%);
		transform: translate(0, 30%);
	}

	100% {
		-webkit-transform: translate(0, -30%);
		transform: translate(0, -30%);
	}
}

@-webkit-keyframes kalpa-sm-x-move {
	0% {
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
	}

	100% {
		-webkit-transform: translate(50%, 0);
		transform: translate(50%, 0);
	}
}

@keyframes kalpa-sm-x-move {
	0% {
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
	}

	100% {
		-webkit-transform: translate(50%, 0);
		transform: translate(50%, 0);
	}
}

@-webkit-keyframes kalpa-sm-x-reverse-move {
	0% {
		-webkit-transform: translate(50%, 0);
		transform: translate(50%, 0);
	}

	100% {
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
	}
}

@keyframes kalpa-sm-x-reverse-move {
	0% {
		-webkit-transform: translate(50%, 0);
		transform: translate(50%, 0);
	}

	100% {
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
	}
}

@-webkit-keyframes kalpa-rotate-y {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

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

@-webkit-keyframes kalpa-rotate-x {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

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

@keyframes kalpa-rotate-x {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

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

@keyframes kalpa-rotate-y {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

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

@-webkit-keyframes kalpa-zoom1 {
	0% {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	}

	100% {
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
	}
}

@keyframes kalpa-zoom2 {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	100% {
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
	}
}

@-webkit-keyframes kalpa-zoom1 {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	100% {
		-webkit-transform: scale(1.25);
		transform: scale(1.25);
	}
}

@keyframes kalpa-zoom1 {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	100% {
		-webkit-transform: scale(1.25);
		transform: scale(1.25);
	}
}

/* ========= Forms Styles ========= */
button,
[type="button"],
[type="submit"] {
	-webkit-appearance: button;
}

input,
select {
	width: 100%;
	transition: 0.3s;
}

input {
	height: 40px;
	padding: 0 15px;
}

select {
	transition: 0.3s;
	height: 60px;
	line-height: 28px;
	padding: 10px 20px;
	outline: none;
	color: var(--color-body);
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border: 2px solid var(--color-border);
	border-radius: var(--radius);
	font-size: 16px;
	line-height: 28px;
	font-weight: 400;
	padding-right: 30px;
}

input[type="text"],
input[type="email"],
input[type="number"],
input[type="tel"] {
	font-size: 16px;
	font-weight: 500;
	height: auto;
	line-height: 28px;
	background: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 0 15px;
	outline: none;
	border: var(--border-width) solid var(--color-border);
	border-radius: var(--radius);
	color: var(--color-body);
	/* -- Placeholder -- */
}

input[type="text"]::placeholder,
input[type="email"]::placeholder,
input[type="number"]::placeholder,
input[type="tel"]::placeholder {
	color: var(--body-color);
	/* Firefox */
	opacity: 1;
}

input[type="text"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: var(--body-color);
	opacity: 1;
}

input[type="text"]::-ms-input-placeholder,
input[type="email"]::-ms-input-placeholder,
input[type="number"]::-ms-input-placeholder,
input[type="tel"]::-ms-input-placeholder {
	/* Microsoft Edge */
	color: var(--body-color);
	opacity: 1;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus {
	border-color: var(--color-primary);
}

.form-group {
	margin-bottom: 20px;
}

.form-group input {
	border: var(--border-width) solid var(--color-border);
	border-radius: var(--radius);
	height: 50px;
	font-size: 16px;
	padding: 0 15px;
}

.form-group input:focus {
	border-color: var(--color-primary);
}

input[type="submit"] {
	width: auto;
	font-size: 16px;
	letter-spacing: 2px;
	padding: 15px 20px;
	border-radius: 6px;
	display: block;
	font-weight: 500;
	transition: 0.3s;
	border: var(--border-width) solid var(--color-primary);
	background: var(--color-primary);
	color: #ffffff;
	height: 60px;
	margin-top: 30px;
}

input[type="submit"]:hover {
	color: #ffffff;
	-webkit-box-shadow: 0 10px 15px 0 rgba(249, 0, 77, 0.1);
	box-shadow: 0 10px 15px 0 rgba(249, 0, 77, 0.1);
	-webkit-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	transform: translateY(-5px);
}

/**
 * Settings
 */
/**
  * Easings
  */
/**
  * Core
  */
[data-sal] {
	transition-duration: 0.2s;
	transition-delay: 0s;
	transition-duration: var(--sal-duration, 0.2s);
	transition-delay: var(--sal-delay, 0s);
	transition-timing-function: var(--sal-easing, ease);
}

[data-sal][data-sal-duration='200'] {
	transition-duration: 0.2s;
}

[data-sal][data-sal-duration='250'] {
	transition-duration: 0.25s;
}

[data-sal][data-sal-duration='300'] {
	transition-duration: 0.3s;
}

[data-sal][data-sal-duration='800'] {
	transition-duration: 0.8s;
}

[data-sal][data-sal-delay='100'] {
	transition-delay: 0.1s;
}

[data-sal][data-sal-delay='150'] {
	transition-delay: 0.15s;
}

[data-sal][data-sal-delay='200'] {
	transition-delay: 0.2s;
}

[data-sal][data-sal-delay='250'] {
	transition-delay: 0.25s;
}

[data-sal][data-sal-delay='300'] {
	transition-delay: 0.3s;
}

[data-sal][data-sal-delay='800'] {
	transition-delay: 0.8s;
}

/**
  * Animations
  */
[data-sal|='fade'] {
	opacity: 0;
	transition-property: opacity;
}

[data-sal|='fade'].sal-animate {
	opacity: 1;
}

[data-sal|='slide'] {
	opacity: 0;
	transition-property: opacity, transform;
}

[data-sal='slide-up'] {
	transform: translateY(20%);
}

[data-sal|='slide'].sal-animate {
	opacity: 1;
	transform: none;
}

/**************************************
    Header Styles
***************************************/
/*--------------------------
    Header Styles  
--------------------------*/
.kalpa-header .logo a {
	display: block;
	height: 118px;
	line-height: 118px;
	transition: min-height 1s ease !important;
}

.kalpa-header .logo a img {
	max-height: 80px;
}

@media only screen and (max-width: 1199px) {
	.kalpa-header .logo a {
		height: 80px;
		line-height: 80px;
	}
}

.kalpa-header.disable-transparent .logo a {
	height: 90px;
	line-height: 90px;
}

.kalpa-header.header-sticky {
	transition: height .5s ease-in;
	max-width: 100%;
	z-index: 99;
}

/*------------------------
    Header Style One  
--------------------------*/

/*------------------------
    Header Style Two  
--------------------------*/
.header-style-2 {
	padding: 0 200px;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
	.header-style-2 {
		padding: 0 30px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.header-style-2 {
		padding: 0 30px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.header-style-2 {
		padding: 0 30px;
	}
}

@media only screen and (max-width: 767px) {
	.header-style-2 {
		padding: 0 15px;
	}
}

.header-style-2 .header-menu-bar {
	display: flex;
	align-items: center;
}

.white-box-icon {
	height: 50px;
	line-height: 50px;
	width: 50px;
	text-align: center;
	box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.06);
	border-radius: 5px;
	outline: none;
	color: var(--color-primary);
	border: 0 none;
	padding: 0;
	background: var(--color-white);
	display: block;
	font-size: 16px;
}

@media only screen and (max-width: 767px) {
	.white-box-icon {
		height: 40px;
		line-height: 40px;
		width: 40px;
	}
}

@keyframes headerSticky {
	0% {
		transform: translateY(-100%);
	}

	100% {
		transform: translateY(0);
	}
}

/*--------------------------
    Navigation Styles 
----------------------------*/
.mainmenu-nav .mainmenu {
	display: flex;
	margin: 0;
	padding: 0;
	justify-content: center;
	flex-wrap: wrap;
}

.mainmenu-nav .mainmenu>li>a {
	color: var(--color-heading);
	font-size: 16px;
	font-weight: 600;
	padding: 0 23px;
	display: block;
	height: 80px;
	line-height: 80px;
	transition: 0.3s;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.mainmenu-nav .mainmenu>li>a {
		padding: 0 17px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.mainmenu-nav .mainmenu>li>a {
		padding: 0 12px;
	}
}

.mainmenu-nav .mainmenu>li>a:hover,
.mainmenu-nav .mainmenu>li>a.active {
	color: var(--color-primary) !important;
}

.mainmenu-nav .mainmenu li {
	margin-top: 0;
	margin-bottom: 0;
	position: relative;
}

/*------------------------
    Header Quote  
-------------------------*/

/*------------------------------
    Popup Menu Styles  
--------------------------------*/
.popup-mobile-menu {
	z-index: 9999;
	position: fixed;
	content: "";
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.8);
	visibility: hidden;
	opacity: 0;
	transition: opacity .5s ease-out;
}

.popup-mobile-menu .inner {
	width: 320px;
	z-index: 999;
	position: absolute;
	background: #FFFFFF;
	box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.06);
	height: 100%;
	height: 100vh;
	display: flex;
	flex-direction: column;
	opacity: 0;
	left: -150px;
	transition: all .5s ease-out;
}

.popup-mobile-menu .inner .header-top {
	display: flex;
	border-bottom: 1px solid var(--color-border);
	align-items: center;
	justify-content: space-between;
	padding: 15px 20px;
}

.popup-mobile-menu .inner .header-top .logo a img {
	max-height: 45px;
}

.popup-mobile-menu .inner .header-top .close-menu .close-button {
	background: var(--color-white);
	border: 0 none;
	color: var(--color-heading);
	width: 40px;
	height: 40px;
	font-size: 21px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.06);
}

.popup-mobile-menu.active {
	visibility: visible;
	opacity: 1;
}

.popup-mobile-menu.active .inner {
	opacity: 1;
	left: 0;
	overflow-y: auto;
}

.popup-mobile-menu .mainmenu {
	list-style: none;
	padding: 0;
	margin: 0;
	padding: 15px 20px;
}

.popup-mobile-menu .mainmenu li {
	margin: 0;
}

.popup-mobile-menu .mainmenu li a {
	padding: 8px 0;
	display: block;
	font-size: 16px;
	font-weight: 500;
}

.popup-mobile-menu .mainmenu li a.active {
	color: var(--color-primary) !important;
}

.popup-mobile-menu .mainmenu li+li {
	border-top: 1px solid var(--color-border);
}

/*----------------------
    Search Popup  
-----------------------*/
.kalpa-search-popup {
	opacity: 0;
	visibility: hidden;
	transition: 0.4s;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	transform: scale(0.95);
}

.kalpa-search-popup.open {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
}

.kalpa-search-popup .close-button {
	position: absolute;
	right: 30px;
	top: 30px;
}

.kalpa-search-popup .close-button .close-trigger {
	background: var(--color-white);
	border: 0 none;
	color: var(--color-heading);
	width: 40px;
	height: 40px;
	font-size: 21px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.06);
}

.kalpa-search-popup .inner {
	position: absolute;
	top: 46%;
	width: 100%;
}

.kalpa-search-popup .inner .search-form {
	text-align: center;
	max-width: 1170px;
	margin: 0 auto;
	position: relative;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
	.kalpa-search-popup .inner .search-form {
		padding: 0 20px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.kalpa-search-popup .inner .search-form {
		padding: 0 20px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.kalpa-search-popup .inner .search-form {
		padding: 0 20px;
	}
}

@media only screen and (max-width: 767px) {
	.kalpa-search-popup .inner .search-form {
		padding: 0 20px;
	}
}

.kalpa-search-popup .inner .search-form input {
	height: 60px;
	border: 0 none;
	border-radius: 5px;
	background: #FFFFFF;
	padding: 0 30px;
	padding-right: 55px;
	font-weight: 500;
	font-size: 16px;
	line-height: 26px;
}

.kalpa-search-popup .inner .search-form .submit-button {
	position: absolute;
	right: 30px;
	padding: 0;
	margin: 0;
	border: 0 none;
	outline: none;
	color: var(--color-heading);
	background: transparent;
	top: 50%;
	transform: translateY(-50%);
}

.kalpa-search-popup::before {
	position: absolute;
	background: #2D284E;
	opacity: 0.7;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	z-index: -1;
}

/**************************************
    Elemnts Styles
***************************************/
/*-------------------
 * Button
---------------------*/
.wishlist-btn {
	background: rgba(45, 40, 78, 0.2);
	backdrop-filter: blur(10px);
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 100%;
	border: 0 none;
}

.wishlist-btn i {
	color: var(--color-white);
	font-size: 15px;
}

a.btn-transparent,
button.btn-transparent {
	font-weight: 700;
	font-size: 18px;
	line-height: 28px;
	color: var(--color-primary);
	display: inline-block;
	position: relative;
	transition: 0.3s;
}

a.btn-transparent::after,
button.btn-transparent::after {
	position: absolute;
	content: "";
	left: auto;
	right: 0;
	bottom: 0;
	width: 0;
	height: 2px;
	background: var(--color-primary);
	transition: 0.3s;
}

a.btn-transparent i,
button.btn-transparent i {
	padding-left: 10px;
	top: 3px;
	position: relative;
}

a.btn-transparent:hover::after,
button.btn-transparent:hover::after {
	width: 100%;
	left: 0;
	right: auto;
}

a.kalpa-btn,
button.kalpa-btn {
	border-radius: 5px;
	display: inline-block;
	height: 60px;
	line-height: 60px;
	color: var(--color-white);
	background-image: var(--main-gradient);
	background-size: 300%;
	background-position: right;
	transition: 300ms background-position ease-in-out;
	padding: 0 30px;
	font-size: 18px;
	font-weight: 700;
	font-family: var(--font-primary);
	border: 0 none;
}

a.kalpa-btn i,
button.kalpa-btn i {
	padding-left: 10px;
	position: relative;
	top: 3px;
}

a.kalpa-btn.btn-medium,
button.kalpa-btn.btn-medium {
	height: 40px;
	line-height: 40px;
	padding: 0 12px;
	font-size: 14px;
}

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

	a.kalpa-btn.btn-medium,
	button.kalpa-btn.btn-medium {
		height: 40px;
		line-height: 40px;
		padding: 0 12px;
		font-size: 14px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {

	a.kalpa-btn.btn-medium,
	button.kalpa-btn.btn-medium {
		height: 40px;
		line-height: 40px;
		padding: 0 12px;
		font-size: 14px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

	a.kalpa-btn.btn-medium,
	button.kalpa-btn.btn-medium {
		height: 40px;
		line-height: 40px;
		padding: 0 12px;
		font-size: 14px;
	}
}

a.kalpa-btn.btn-medium.header-button,
button.kalpa-btn.btn-medium.header-button {
	line-height: 47px;
}

a.kalpa-btn.btn-medium.header-button.bg-color-white,
button.kalpa-btn.btn-medium.header-button.bg-color-white {
	color: var(--color-primary);
}

a.kalpa-btn.left-icon i,
button.kalpa-btn.left-icon i {
	padding-left: 0;
	padding-right: 10px;
}

a.kalpa-btn:hover,
button.kalpa-btn:hover {
	background-position: left;
	color: var(--color-white);
}

@keyframes rotateIt {
	to {
		transform: rotate(-360deg);
	}
}

/*--------------------------------
    Brands Area  
------------------------------*/

/*---------------------------
 * Section Title
----------------------------*/
.section-title .pre-title {
	font-weight: 800;
	font-size: 16px;
	line-height: 26px;
	color: var(--color-primary);
	display: inline-block;
	text-transform: uppercase;
	margin-bottom: 5px;
	letter-spacing: 0.1em;
}

.section-title .title {
	margin-bottom: 0;
	font-size: 40px;
}

@media only screen and (max-width: 575px) {
	.section-title .title {
		font-size: 32px;
	}
}

@media only screen and (max-width: 767px) {
	.section-title .title br {
		display: none;
	}
}

.section-title.text-white .pre-title {
	color: var(--color-white);
}

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

/*---------------------------
 * Home 1 Course
----------------------------*/

/*---------------------------
 * Home 1 Testimonial
----------------------------*/

/*---------------------------
 * Home 1 Video
----------------------------*/

/*---------------------------
 * Home 1 Instructor
----------------------------*/

/*---------------------------
 * Newsletter 1
----------------------------*/

/*---------------------------
 * Home 1 Blog
----------------------------*/

/*---------------------------
 * Home 2 Service
----------------------------*/

/*---------------------------
 * About 3
----------------------------*/
.about-style-3 {
	background-image: url(../images/bg/home-Dosha.jpg);
}

.about-style-3 .shape-image {
	position: absolute;
	z-index: -1;
}

.about-style-3 .shape-image.shape-image-1 {
	top: -11px;
	left: -180px;
}

.about-style-3 .shape-image.shape-image-1 img {
	animation: rotateIt 40s linear infinite;
}

.about-style-3 .shape-image.shape-image-2 {
	top: -28px;
	right: -400px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.about-style-3 .shape-image.shape-image-2 {
		top: -28px;
		right: -90px;
	}

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.se4 .badge-icon {
		bottom: auto;
		left: 0;
		top: 0;
	}
}

.about-style-3 .shape-image.shape-image-3 {
	bottom: -30px;
	right: -30px;
}

.about-style-3 .shape-image.shape-image-4 {
	bottom: -61px;
	left: -269px;
}

.about-style-3 .shape-dot-wrapper .shape {
	position: absolute;
	z-index: -1;
}

.about-style-3 .shape-dot-wrapper .shape .shape-dot {
	display: inline-block;
	border-radius: 100%;
}

.about-style-3 .shape-dot-wrapper .shape.shape-1 {
	bottom: -44px;
	left: -272px;
}

.about-style-3 .shape-dot-wrapper .shape.shape-1 .shape-dot {
	width: 50px;
	height: 50px;
	background: var(--color-extra06);
	opacity: 0.8;
}

.text-wait .title2 {
	font-size: 28px;
	font-weight: 350;
}

.text-wait .title3 {
	font-size: 30px;
	font-weight: 700;
}

/*---------------------------
 * Home 2 Course
----------------------------*/

/*---------------------------
 * Home 2 Event
----------------------------*/

/*---------------------------
 * Home 2 Testimonial
----------------------------*/

/*---------------------------
 * Home 2 Counter
----------------------------*/

/*---------------------------
 * Home 2 Blog
----------------------------*/

/*---------------------------
 * Home 3 Service
----------------------------*/

/*---------------------------
 * Home 3 About
----------------------------*/

/*---------------------------
 * Home 3 Course
----------------------------*/

/*---------------------------
 * Home 3 Video
----------------------------*/

/*---------------------------
 * Home 3 Accordion
----------------------------*/

/*---------------------------
 * Home 3 Testimonial
----------------------------*/

/*---------------------------
 * Home 3 Event
----------------------------*/

/*---------------------------
 * Home 3 Nesletter
----------------------------*/

/*---------------------------
 * Home 4 Service
----------------------------*/

/*---------------------------
 * Home 4 About
----------------------------*/
.kalpa-home-four-about .shape-image {
	position: absolute;
	z-index: -1;
}

.kalpa-home-four-about .shape-image.shape-image-1 {
	bottom: 231px;
	left: -190px;
}

.kalpa-home-four-about .shape-image.shape-image-2 {
	top: -59px;
	right: -297px;
}

.kalpa-home-four-about .shape-image.shape-image-3 {
	bottom: 10px;
	right: -185px;
}

.kalpa-home-four-about .shape-dot-wrapper .shape {
	position: absolute;
	z-index: -1;
}

.kalpa-home-four-about .shape-dot-wrapper .shape .shape-dot {
	display: inline-block;
	border-radius: 100%;
}

.kalpa-home-four-about .shape-dot-wrapper .shape.shape-1 {
	bottom: 140px;
	left: -70px;
	z-index: 2;
}

.kalpa-home-four-about .shape-dot-wrapper .shape.shape-1 .shape-dot {
	width: 100px;
	height: 100px;
	border: 5.4px solid rgb(130 165 122);
	animation: kalpa-zoom2 2s infinite alternate;
}

/*---------------------------
 * Home 4 Course
----------------------------*/

/*---------------------------
 * Home 4 Video PopUp
----------------------------*/

/*---------------------------
 * Home 4 Team
----------------------------*/

/*---------------------------
 * Home 4 Testimonial
----------------------------*/

/*---------------------------
 * Home 4 Blog
----------------------------*/

/*---------------------------
 * FAQ Page
----------------------------*/

/*---------------------------
 * 404 Page
----------------------------*/

/*---------------------------
 * Coming Soon Page
----------------------------*/

/*---------------------------
 * Contact Us Page
----------------------------*/

/*---------------------------
 * Contact Me Page
----------------------------*/
.kalpa-contact-me-top .shape-image {
	position: absolute;
	z-index: -1;
}

.kalpa-contact-me-top .shape-image.shape-image-1 {
	bottom: 113px;
	left: -200px;
}

.kalpa-contact-me-top .shape-image.shape-image-2 {
	right: -40px;
	top: 100px;
}

.kalpa-contact-me-top .shape-image.shape-image-3 {
	top: 0;
	right: -250px;
}

.kalpa-contact-me-top .shape-image.shape-image-4 {
	bottom: 6px;
	right: -200px;
}

.kalpa-contact-me-bottom .shape-image {
	position: absolute;
	z-index: -1;
}

.kalpa-contact-me-bottom .shape-image.shape-image-1 {
	top: 94px;
	left: -56px;
}

.kalpa-contact-me-bottom .shape-image.shape-image-2 {
	top: 173px;
	right: -147px;
}

.kalpa-contact-me-bottom .shape-image.shape-image-3 {
	bottom: -80px;
	right: -269px;
}

.kalpa-contact-me-bottom .shape-image.shape-image-4 {
	bottom: -40px;
	left: -29px;
}

.kalpa-contact-me-bottom .shape-image.shape-image-5 {
	bottom: -90px;
	left: -219px;
}

/*---------------------------
 * Pricing Plan Page
----------------------------*/

/*---------------------------
 * Home 5 Categories
----------------------------*/

/*---------------------------
 * Home 5 About
----------------------------*/

/*---------------------------
 * Home 5 Course
----------------------------*/

/*---------------------------
 * Home 5 Instructor
----------------------------*/

/*---------------------------
 * Home 5 Progress
----------------------------*/
.kalpa-home-five-progress {
	background-image: url(../images/about/about-page/about-process.jpg);
}

.kalpa-home-five-progress .shape-image {
	position: absolute;
	z-index: -1;
}

.kalpa-home-five-progress .shape-image.shape-image-1 {
	top: -40px;
	left: -110px;
	animation: kalpa-sm-x-move 4s alternate infinite linear;
}

.kalpa-home-five-progress .shape-image.shape-image-2 {
	bottom: 110px;
	right: -242px;
	animation: kalpa-vsm-y-move 4s alternate infinite linear;
}

.kalpa-home-five-progress .shape-image.shape-image-3 {
	bottom: -49px;
	left: -242px;
}

/*---------------------------
 * Home 5 Testimonial
----------------------------*/

/*---------------------------
 * Home 5 Blog
----------------------------*/

/*---------------------------
 * About Us 1 Service
----------------------------*/
.kalpa-about-us-one-service {
	position: relative;
}

.kalpa-about-us-one-service .shape-image {
	position: absolute;
	z-index: -1;
}

.kalpa-about-us-one-service .shape-image.shape-image-1 {
	top: 150px;
	left: -148px;
	animation: kalpa-vsm-y-move 3.5s alternate infinite linear;
}

.kalpa-about-us-one-service .shape-image.shape-image-2 {
	top: 125px;
	right: -44px;
}

.kalpa-about-us-one-service .shape-image.shape-image-3 {
	bottom: 13px;
	right: -200px;
}

/*---------------------------
 * About Us 1 Team
----------------------------*/

/*---------------------------
 * Home 4 Service
----------------------------*/

/*--------------------------------
 * Home About Us 2 Service & Video
----------------------------------*/

/*---------------------------
 * Home About Us 2 Award
----------------------------*/

/*---------------------------
 * Home 5 Instructor
----------------------------*/

/*---------------------------
 * Home About Us 3 Mission
----------------------------*/

/*---------------------------
 * Home About Us 3 Team
----------------------------*/

/*---------------------------
 * Home About Us 3 funfact
----------------------------*/

/*---------------------------
 * About 3 Testimonial
----------------------------*/

@-webkit-keyframes kalpa-svg-dash {
	to {
		stroke-dashoffset: 0;
	}
}

@keyframes kalpa-svg-dash {
	to {
		stroke-dashoffset: 0;
	}
}

/*---------------------------
 Card Styles  
-----------------------------*/

.price-list {
	margin: -7.5px;
}

.price-list .price {
	margin: 7.5px;
	display: inline-block;
}

.price-list .current-price {
	font-weight: 700;
}

.price-list .old-price {
	font-weight: 500;
	text-decoration: line-through;
}

.price-list.price-style-03 {
	margin: -6px;
}

.price-list.price-style-03 .price {
	margin: 6px;
}

.price-list.price-style-03 .current-price {
	font-weight: 700;
	font-size: 20px;
	color: var(--color-primary);
	font-size: 20px;
}

.price-list.price-style-03 .old-price {
	font-weight: 500;
}

.kalpa-card {
	overflow: hidden;
}

.kalpa-card .thumbnail {
	position: relative;
}

.kalpa-card .thumbnail a {
	display: block;
	overflow: hidden;
}

.kalpa-card .thumbnail a img {
	transition: 0.4s;
	overflow: hidden;
}

.kalpa-card .thumbnail .top-position {
	position: absolute;
	z-index: 2;
}

.kalpa-card .thumbnail .wishlist-top-right {
	position: absolute;
	z-index: 2;
}

.kalpa-card.card-type-5 {
	background: var(--color-white);
	box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.06);
}

.kalpa-card.card-type-5 .inner {
	padding: 15px 15px 0;
}

.kalpa-card.card-type-5 .inner .thumbnail a {
	height: 100%;
	display: block;
	border-radius: 3px;
}

.kalpa-card.card-type-5 .inner .thumbnail a img {
	height: 100%;
	border-radius: 3px;
}

.kalpa-card.card-type-5 .inner .thumbnail .top-position.left-top {
	left: 10px;
	top: 10px;
}

.kalpa-card.card-type-5 .inner .thumbnail .wishlist-top-right {
	right: 10px;
	top: 10px;
}

.kalpa-card.card-type-5 .inner .content {
	padding: 25px 15px;
}

.kalpa-card.card-type-5 .inner .content .title {
	margin-bottom: 20px;
	margin-top: 15px;
}

.kalpa-card.card-type-5 .inner .content .card-bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 20px;
}

.kalpa-card:hover .thumbnail a img {
	transform: scale(1.1);
}

/*-----------------------
    Card Styles  
-------------------------*/

/*----------------------
    Author Meta  
-----------------------*/

/*-----------------------
 Badge Style  
------------------------*/

.status-group {
	margin: -5px;
}

.status-group .kalpa-status {
	margin: 5px;
}

.kalpa-status.status-01 {
	color: var(--color-primary);
	font-size: 14px;
	font-weight: 600;
	height: 30px;
	line-height: 30px;
	padding: 0 12px;
	background: var(--color-white);
	display: inline-block;
	border-radius: 2px;
}

.kalpa-status.status-01.bg-primary-color {
	color: var(--color-white);
}

.kalpa-status.status-01.bg-secondary-color {
	color: var(--color-white);
}

/*--------------------------
    Pagination Styles  
----------------------------*/
.kalpa-pagination {
	margin: -5px;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.kalpa-pagination li {
	margin: 5px;
	list-style: none;
}

.kalpa-pagination li a {
	width: 40px;
	height: 40px;
	background: var(--color-shade);
	display: inline-block;
	line-height: 40px;
	border-radius: 100%;
	text-align: center;
	color: var(--color-body);
	transition: 0.4s;
	font-size: 16px;
	font-weight: 500;
}

.kalpa-pagination li a i {
	font-size: 22px;
	font-weight: 500;
}

.kalpa-pagination li button {
	width: 40px;
	height: 40px;
	background: var(--color-shade);
	display: inline-block;
	line-height: 40px;
	border-radius: 100%;
	text-align: center;
	color: var(--color-body);
	transition: 0.4s;
	font-size: 16px;
	font-weight: 500;
	border: 0;
	border-color: transparent;
}

.kalpa-pagination li button i {
	font-size: 22px;
	font-weight: 500;
}

.kalpa-pagination li.active a,
.kalpa-pagination li.active button,
.kalpa-pagination li:hover a,
.kalpa-pagination li:hover button {
	background: var(--color-primary);
	color: var(--color-white);
}

/*-------------------------
    Event Grid Style  
--------------------------*/

/*-------------------------
    Team Styles  
--------------------------*/

/*------------------------
    Service Style  
--------------------------*/

/*----------------------
    Service Style Two  
-----------------------*/
.service-card-2 {
	padding: 40px 30px;
	background: #EAF8F6;
	border-radius: 5px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.service-card-2 {
		padding: 40px 20px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.service-card-2 {
		padding: 40px 20px;
	}
}

@media only screen and (max-width: 767px) {
	.service-card-2 {
		padding: 40px 20px;
	}
}

.service-card-2 .inner {
	text-align: center;
}

.service-card-2 .inner .icon {
	position: relative;
	display: inline-block;
}

.service-card-2 .inner .icon a {
	width: 80px;
	height: 80px;
	background: var(--color-white);
	line-height: 80px;
	text-align: center;
	border-radius: 100%;
	margin: 0 auto;
	display: block;
}

.service-card-2 .inner .content .title {
	font-size: 20px;
	line-height: 32px;
	margin-bottom: 15px;
	margin-top: 25px;
}

.service-card-2 .inner .content .description {
	margin-bottom: 0;
}

/*----------------------
    Service Style Three  
-----------------------*/

/*-------------------------------
    Service Style Four  
---------------------------------*/

/*-------------------------------
    Service Style Five  
---------------------------------*/

/*-------------------------------
    Service Style 8  
---------------------------------*/

/*-------------------------------
    Service Style 7  
---------------------------------*/
.service-card-single {
	position: relative;
}

.service-card-single:first-child::after {
	background-image: url(../images/shape-bg/arrow-down.png);
	content: "";
	width: 155px;
	height: 43px;
	right: -27%;
	top: 32px;
	background-size: cover;
	background-position: center center;
	position: absolute;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.service-card-single:first-child::after {
		display: none;
	}
}

@media only screen and (max-width: 767px) {
	.service-card-single:first-child::after {
		display: none;
	}
}

.service-card-single:last-child::after {
	background-image: url(../images/shape-bg/arrow-top.png);
	content: "";
	width: 155px;
	height: 43px;
	left: -25%;
	top: 30px;
	background-size: cover;
	background-position: center center;
	position: absolute;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.service-card-single:last-child::after {
		display: none;
	}
}

@media only screen and (max-width: 767px) {
	.service-card-single:last-child::after {
		display: none;
	}
}

/* For 3 items: targets the 2nd child */
.service-card-single:nth-child(2)::after {
	background-image: url(../images/shape-bg/arrow-middle.png);
	content: "";
	width: 155px;
	height: 43px;
	/* Positioning adjustments */
	left: 101%;
	transform: translateX(-50%);
	top: 20px;
	/* Adjust based on your needs */
	background-size: cover;
	background-position: center center;
	position: absolute;
}

/* For 5 items: use .service-card-single:nth-child(3) */
/* For 7 items: use .service-card-single:nth-child(4), etc. */

/* Responsive Hiding */
@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (max-width: 767px) {
	.service-card-single:nth-child(2)::after {
		display: none;
	}
}

.service-card-7 {
	position: relative;
}

.service-card-7 .inner {
	text-align: center;
}

.service-card-7 .inner .icon {
	position: relative;
	width: 80px;
	height: 80px;
	display: flex;
	align-items: center;
	background: var(--color-secondary);
	border-radius: 100%;
	justify-content: center;
	margin: 0 auto;
	color: var(--color-white);
	margin-bottom: 35px;
}

.service-card-7 .inner .icon i {
	color: var(--color-white);
	font-size: 32px;
	display: flex;
}

.service-card-7 .inner .content .title {
	font-weight: 700;
	font-size: 24px;
	line-height: 36px;
	margin-bottom: 15px;
}

.service-card-7 .inner .content p {
	font-weight: 500;
	font-size: 16px;
	line-height: 26px;
}

/*-----------------------------
    Single Elements Styles  
------------------------------*/

/*----------------------------
    Course Sidebar Styles 
-----------------------------*/

/*--------------------------
    Testimonial Area  
----------------------------*/

/*-----------------------------
    Testimonial Card Layout  
------------------------------*/

/*--------------------------
    Testimonial Style Two  
----------------------------*/

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

	25% {
		transform: rotate(180deg);
	}

	50% {
		transform: rotate(180deg);
	}

	75% {
		transform: rotate(180deg);
	}

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

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

	25% {
		-webkit-transform: rotate(180deg);
	}

	50% {
		-webkit-transform: rotate(180deg);
	}

	75% {
		-webkit-transform: rotate(180deg);
	}

	100% {
		-webkit-transform: rotate(180deg);
	}
}

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

	25% {
		transform: rotate(0deg);
	}

	50% {
		transform: rotate(180deg);
	}

	75% {
		transform: rotate(180deg);
	}

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

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

	25% {
		-webkit-transform: rotate(0deg);
	}

	50% {
		-webkit-transform: rotate(180deg);
	}

	75% {
		-webkit-transform: rotate(180deg);
	}

	100% {
		-webkit-transform: rotate(180deg);
	}
}

/*---------------------
 Feature Styles  
-------------------------*/

.feature-list .icon {
	margin-bottom: 25px;
}

.feature-list .icon i {
	font-size: 50px;
	color: var(--color-secondary);
}

.feature-list .content .title {
	font-weight: 700;
	font-size: 20px;
	line-height: 32px;
	margin-bottom: 10px;
}

.feature-list .content p {
	margin-bottom: 0;
}

/*----------------------
 Feature Style Two  
-------------------------*/

/*----------------------
    Feature Style Three  
-------------------------*/

/*----------------------
    Feature Style Four  
-------------------------*/

/*----------------------
    Feature Style 5  
-------------------------*/

/*----------------------
    Feature Style 6  
-------------------------*/

/*------------------------
    About Styles  
-------------------------*/
.about-feature-list .our-feature {
	display: flex;
}

.about-feature-list .our-feature .icon {
	width: 50px;
	min-width: 50px;
	height: 50px;
	background: var(--color-secondary);
	display: flex;
	border-radius: 100%;
	align-items: center;
	justify-content: center;
	margin-right: 15px;
}

.about-feature-list .our-feature .icon i {
	color: var(--color-white);
	font-size: 24px;
}

.about-feature-list .our-feature .feature-content .feature-description {
	font-weight: 500;
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 0;
}

.about-feature-list .our-feature+.our-feature {
	margin-top: 30px;
}

/*----------------------
    About Style One  
------------------------*/
.about-style-1 {
	position: relative;
	z-index: 1;
}

.about-style-1 .about-image-gallery {
	position: relative;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.about-style-1 .about-image-gallery {
		margin-right: 60px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.about-style-1 .about-image-gallery {
		margin-right: 60px;
	}
}

@media only screen and (max-width: 767px) {
	.about-style-1 .about-image-gallery {
		margin-right: 0;
	}
}

.about-style-1 .about-image-gallery .image-1 {
	border-radius: 5px;
	width: 100%;
}

.about-style-1 .about-image-gallery .image-2 {
	position: absolute;
	bottom: -61px;
	right: -50px;
	border-radius: 5.2px;
}

@media only screen and (max-width: 767px) {
	.about-style-1 .about-image-gallery .image-2 {
		position: absolute;
		right: 0;
		border-radius: 5px;
		margin-top: 30px;
		transform: none !important;
		object-fit: cover;
	}
}

@media only screen and (max-width: 575px) {
	.about-style-1 .about-image-gallery .image-2 {
		display: none;
	}
}

.about-style-1 .about-image-gallery .image-2 img {
	border-radius: 5px;
}

.about-style-1 .about-image-gallery .badge-inner {
	position: absolute;
	top: 42px;
	left: -75px;
	width: 150px;
	height: 150px;
	padding: 10px;
	background: rgba(255, 255, 255, 0.5);
	backdrop-filter: blur(8px);
	border-radius: 100%;
}

@media only screen and (max-width: 575px) {
	.about-style-1 .about-image-gallery .badge-inner {
		display: none;
	}
}

.about-style-1 .about-image-gallery .shape-image-1 {
	position: absolute;
	bottom: -35px;
	left: -35px;
	z-index: -1;
}

.about-style-1 .inner .description {
	font-weight: 500;
	font-size: 16px;
	line-height: 26px;
	padding-left: 17px;
	position: relative;
	margin-top: 40px;
}

.about-style-1 .inner .description::before {
	position: absolute;
	content: "";
	left: 0;
	width: 2px;
	height: 46px;
	background: var(--color-primary);
	top: 50%;
	transform: translateY(-50%);
}

.about-style-1 .inner .read-more-btn {
	margin-top: 40px;
}

.about-style-1 .inner .about-parallax-2 {
	position: absolute;
	right: 88px;
	top: 379px;
	animation: kalpa-vsm-y-move 3.5s alternate infinite linear;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
	.about-style-1 .inner .about-parallax-2 {
		right: 8px;
	}
}

/*----------------------
    About Style Two  
------------------------*/
.about-style-2 {
	position: relative;
}

.about-style-2 .about-image-gallery {
	position: relative;
}

.about-style-2 .about-image-gallery .kalpa-about-1-img-wrapper {
	position: relative;
}

.about-style-2 .about-image-gallery .kalpa-about-1-img-wrapper .image-1 {
	position: relative;
	margin-left: -40px;
	width: 460px;
	min-width: 460px;
	height: 460px;
	min-height: 460px;
	border-radius: 100%;
	z-index: 3;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.about-style-2 .about-image-gallery .kalpa-about-1-img-wrapper .image-1 {
		margin-left: 0;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.about-style-2 .about-image-gallery .kalpa-about-1-img-wrapper .image-1 {
		margin-left: 0;
	}
}

@media only screen and (max-width: 767px) {
	.about-style-2 .about-image-gallery .kalpa-about-1-img-wrapper .image-1 {
		margin-left: 0;
		width: 100%;
		min-width: auto;
		min-height: auto;
		height: auto;
	}
}

.about-style-2 .about-image-gallery .kalpa-about-1-img-wrapper .kalpa-about-blur img {
	position: absolute;
	left: -50px;
	width: 739px;
	height: 739px;
	z-index: 0;
	top: -140px;
}

@media only screen and (max-width: 1199px) {
	.about-style-2 .about-image-gallery .kalpa-about-1-img-wrapper .kalpa-about-blur img {
		display: none;
	}
}

.about-style-2 .about-image-gallery .image-2 {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 1;
	border-radius: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.about-style-2 .about-image-gallery .image-2 {
		right: 101px;
	}
}

.about-style-2 .circle-image-wrapper {
	position: absolute;
	width: 272px;
	height: 272px;
	right: 52px;
	bottom: -57px;
	z-index: 3;
}

@media only screen and (max-width: 767px) {
	.about-style-2 .circle-image-wrapper {
		display: none;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
	.about-style-2 .circle-image-wrapper {
		right: 30px;
	}
}

.circle-image-wrapper {
	position: relative;
	display: inline-block;
	z-index: 1;
}

/*----------------------
    About Style 3  
------------------------*/
.about-style-3 {
	position: relative;
}

/*----------------------
    About Style 4  
------------------------*/

/*----------------------
    About Style 6  
------------------------*/

/*----------------------
    Why Choose Us 1
------------------------*/

/*-------------------------
    Newsletter Styles  
-------------------------*/

/*---------------------------
    Social Share Style
---------------------------*/
.social-share {
	margin: -7px;
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}

.social-share li {
	margin: 7px;
}

.social-share li a {
	background: rgba(255, 255, 255, 0.1);
	border-radius: 4px;
	width: 50px;
	height: 50px;
	line-height: 55px;
	display: inline-block;
	font-size: 18px;
	color: var(--color-white);
	transition: 0.4s;
	text-align: center;
}

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

/*-------------------------
    Back To Top  
---------------------------*/
@-webkit-keyframes border-transform {

	0%,
	100% {
		border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%;
	}

	14% {
		border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%;
	}

	28% {
		border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%;
	}

	42% {
		border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%;
	}

	56% {
		border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%;
	}

	70% {
		border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%;
	}

	84% {
		border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%;
	}
}

.rn-progress-parent {
	position: fixed;
	right: 30px;
	bottom: 30px;
	height: 46px;
	width: 46px;
	cursor: pointer;
	display: block;
	border-radius: 50px;
	box-shadow: inset 0 0 0 2px #f8e3c3;
	z-index: 10000;
	opacity: 0;
	visibility: hidden;
	transform: translateY(15px);
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
}

.rn-progress-parent::after {
	position: absolute;
	font-family: 'icomoon' !important;
	content: "\e90f";
	text-align: center;
	line-height: 46px;
	font-size: 24px;
	color: var(--color-tertiary);
	left: 0;
	top: 0;
	height: 46px;
	width: 46px;
	cursor: pointer;
	display: block;
	z-index: 2;
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
}

.rn-progress-parent:hover::after {
	color: var(--color-tertiary);
}

.rn-progress-parent::before {
	position: absolute;
	font-family: 'feather' !important;
	content: "\e914";
	text-align: center;
	line-height: 46px;
	font-size: 24px;
	opacity: 0;
	background: #0d0d12;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	left: 0;
	top: 0;
	height: 46px;
	width: 46px;
	cursor: pointer;
	display: block;
	z-index: 2;
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
}

.rn-progress-parent svg path {
	fill: none;
}

.rn-progress-parent svg.rn-back-circle path {
	stroke: var(--color-tertiary);
	stroke-width: 4;
	box-sizing: border-box;
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
}

/*--------------------------
    Workshop Style One  
----------------------------*/
.workshop-style-1 .workshop-inner .description {
	color: var(--color-white);
	margin-top: 40px;
	margin-bottom: 40px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.workshop-style-1 .workshop-inner .description {
		margin-top: 20px;
		margin-bottom: 20px;
	}
}

@media only screen and (max-width: 767px) {
	.workshop-style-1 .workshop-inner .description {
		margin-top: 20px;
		margin-bottom: 20px;
	}
}

/*--------------------------
    Video Popup Styles  
----------------------------*/

/*keyframes-css*/
@-webkit-keyframes ripple {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	75% {
		-webkit-transform: scale(2.1);
		transform: scale(2.1);
		opacity: 1;
	}

	100% {
		-webkit-transform: scale(2.3);
		transform: scale(2.3);
		opacity: 0;
	}
}

@keyframes ripple {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	75% {
		-webkit-transform: scale(2.1);
		transform: scale(2.1);
		opacity: 1;
	}

	100% {
		-webkit-transform: scale(2.3);
		transform: scale(2.3);
		opacity: 0;
	}
}

@-webkit-keyframes btnIconRipple {
	0% {
		border-width: 4px;
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	80% {
		border-width: 1px;
		-webkit-transform: scale(1.35);
		transform: scale(1.35);
	}

	100% {
		opacity: 0;
	}
}

@keyframes btnIconRipple {
	0% {
		border-width: 4px;
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	80% {
		border-width: 1px;
		-webkit-transform: scale(1.35);
		transform: scale(1.35);
	}

	100% {
		opacity: 0;
	}
}

/*------------------------------
    Choose Us Style  
-------------------------------*/

/*----------------------------
    Call To Action Styles  
-----------------------------*/

/*-----------------------
    Slick Slider  
-------------------------*/

/*------------------------
    Winner Area Styles  
--------------------------*/

/*----------------------------
    Counterup Styles  
-----------------------------*/

.countdown {
	display: flex;
	margin: -15px;
	justify-content: center;
	flex-wrap: wrap;
}

/*--------------------------------
    Breadcrumb Area  
------------------------------*/
.breadcrumb-style-1 .page-title .title {
	margin-bottom: 5px;
}

.breadcrumb-style-1 .kalpa-breadcrumb {
	align-items: center;
}

.breadcrumb-style-1 .kalpa-breadcrumb li {
	margin: 0;
}

.breadcrumb-style-1 .kalpa-breadcrumb li.breadcrumb-item {
	color: var(--color-body);
}

.breadcrumb-style-1 .kalpa-breadcrumb li.separator i {
	font-size: 20px;
	margin: 0 5px;
	position: relative;
	display: inline-block;
	top: 2px;
}

/*-------------------------
Accordion Style 
-------------------------*/

/* Purchase Guide  */

/*------------------------
    Error Styles  
-------------------------*/

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

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

/* Comming Soon Style  */

/* --------------------
Gallery Item 
------------------- */

/*--------------------------
    Pricing Table  
----------------------------*/

/*-------------------------
    Profile Details 
--------------------------*/

/* Course Statictatic  */

/*-------------------------
    Contact Us Area  
---------------------------*/

.contact-address-card-2 {
	background: #FFFFFF;
	box-shadow: 0px 8px 35px rgba(0, 0, 0, 0.06);
	border-radius: 5px;
	padding: 70px 40px;
	text-align: center;
	transition: 0.4s;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.contact-address-card-2 {
		padding: 60px 20px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.contact-address-card-2 {
		padding: 60px 20px;
	}
}

.contact-address-card-2 .inner .icon {
	margin-bottom: 45px;
}

.contact-address-card-2 .inner .content .title {
	font-weight: 700;
	font-size: 24px;
	line-height: 36px;
	margin-bottom: 20px;
}

.contact-address-card-2 .inner .content p {
	margin-bottom: 0;
	line-height: 26px;
}

.contact-address-card-2 .inner .content p .subtitle {
	font-weight: 600;
	color: var(--color-heading);
}

.contact-address-card-2 .inner .content p .text {
	font-weight: 500;
}

.contact-address-card-2:hover {
	transform: translateY(-15px);
}

.contact-address-bottom-shape {
	position: relative;
	z-index: 1;
}

.contact-address-bottom-shape .bg-shape-image {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -1;
}

/*------------------------------
    Contact Form Style One 
-------------------------------*/
.rwt-dynamic-form .form-group input {
	background: #F5F5F5;
	border-radius: 5px;
	padding: 0 30px;
	border: 1px solid transparent;
	transition: 0.4s;
	outline: none;
	box-shadow: none;
	font-weight: 500;
	font-size: 16px;
	line-height: 26px;
	height: 60px;
}

.rwt-dynamic-form .form-group input:focus {
	border-color: var(--color-primary);
}

/*---------------------------
    About Me 
----------------------------*/
.about-me-1 .thumbnail {
	position: relative;
	border-radius: 5px;
}

.about-me-1 .thumbnail::before {
	background: linear-gradient(360deg, #2D284E 0%, rgba(45, 40, 78, 0) 70.5%);
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 5px;
}

.about-me-1 .thumbnail img {
	border-radius: 5px;
}

.about-me-1 .thumbnail .content-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	padding: 50px 20px;
}

@media only screen and (max-width: 767px) {
	.about-me-1 .thumbnail .content-overlay {
		padding: 20px 20px;
	}
}

.about-me-1 .thumbnail .content-overlay .title {
	margin-bottom: 0;
	color: var(--color-white);
	font-size: 32px;
	line-height: 44px;
}

@media only screen and (max-width: 767px) {
	.about-me-1 .thumbnail .content-overlay .title {
		font-size: 22px;
		line-height: 32px;
	}
}

/*-----------------------
    Shop Style  
------------------------*/

/*-----------------------
    Brand Styles  
-----------------------*/

/*--------------------------
    Checkout Page Style  
----------------------------*/

/**************************************
    Blog Styles
***************************************/
/*-------------------------
    Blog Grid Styles  
---------------------------*/

/* Blog Grid Styles  */

/*--------------------------
    Blog Sidebar Styles 
----------------------------*/

/*-----------------------------
    Sidebar Style Two  
-------------------------------*/

/*----------------------------
    Blog Details Styles  
------------------------------*/

/*---------------------------
    Blog Details Style Two  
------------------------------*/

/*---------------------------
    Blog Details Style 3  
------------------------------*/

/*-----------------------------
    Blog Comments Style  
------------------------------*/

/*-----------------------------
    Blog Comments Form
------------------------------*/

/*--------------------------------
    Blog Style Pagination 
---------------------------------*/

/**************************************
    Template Styles
***************************************/
/*-----------------------
 * Banner Style One
------------------------*/

/*-------------------------
    Banner Style Two  
--------------------------*/
.banner-style-2 {
	background-image: url(../images/bg/home-banner.jpg);
	position: relative;
	z-index: 1;
	min-height: 750px;
}

@media only screen and (max-width: 1199px) {
	.banner-style-2 {
		min-height: 800px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.banner-style-2 {
		padding: 0 30px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.banner-style-2 {
		padding: 150px 30px;
		height: auto;
		padding-bottom: 0;
	}
}

@media only screen and (max-width: 767px) {
	.banner-style-2 {
		padding: 150px 0px;
		height: auto;
		padding-bottom: 0;
	}
}

.banner-style-2 .inner {
	position: relative;
}

@media only screen and (max-width: 1199px) {
	.banner-style-2 .inner {
		margin-top: 0px;
	}
}

.banner-style-2 .inner .content .pre-title {
	letter-spacing: 0.1em;
	text-transform: uppercase;
	font-weight: 800;
	font-size: 16px;
	line-height: 26px;
	color: var(--color-primary);
	margin-bottom: 10px;
	display: block;
	padding-left: 60px;
	position: relative;
}

.banner-style-2 .inner .content .pre-title::before {
	left: 0;
	top: 13px;
	width: 50px;
	height: 2px;
	background: var(--color-primary);
	content: "";
	position: absolute;
}

.banner-style-2 .inner .content .title {
	font-weight: 800;
	font-size: 58px;
	line-height: 1.24;
	margin-bottom: 30px;
	color: #ffffff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.banner-style-2 .inner .content .title {
		font-size: 45px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.banner-style-2 .inner .content .title {
		font-size: 40px;
		margin-bottom: 15px;
	}
}

@media only screen and (max-width: 767px) {
	.banner-style-2 .inner .content .title {
		font-size: 38px;
		margin-bottom: 15px;
	}
}

@media only screen and (max-width: 575px) {
	.banner-style-2 .inner .content .title {
		font-size: 32px;
	}
}

.banner-style-2 .inner .content .description {
	margin-bottom: 60px;
	font-weight: 500;
	font-size: 20px;
	line-height: 32px;
	color: #ffffff;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.banner-style-2 .inner .content .description {
		margin-bottom: 40px;
	}
}

@media only screen and (max-width: 767px) {
	.banner-style-2 .inner .content .description {
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 25px;
	}
}

.banner-style-2 .banner-thumbnail {
	position: absolute;
	bottom: 0;
	right: 150px;
	z-index: 1;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
	.banner-style-2 .banner-thumbnail {
		right: 31px;
	}
}

.banner-style-2 .banner-thumbnail img {
	max-width: calc(100% - 60px);
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
	.banner-style-2 .banner-thumbnail {
		right: 0;
	}

	.banner-style-2 .banner-thumbnail img.girl-thumb {
		max-width: 90%;
	}
}

@media only screen and (max-width: 1199px) {
	.banner-style-2 .banner-thumbnail {
		right: -138px;
	}

	.banner-style-2 .banner-thumbnail img.girl-thumb {
		max-width: 80%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.banner-style-2 .banner-thumbnail {
		position: static;
		text-align: right;
		margin-top: -110px;
	}

	.banner-style-2 .banner-thumbnail img.girl-thumb {
		max-width: 70%;
	}
}

@media only screen and (max-width: 767px) {
	.banner-style-2 .banner-thumbnail {
		position: static;
	}

	.banner-style-2 .banner-thumbnail img.girl-thumb {
		max-width: 100%;
	}
}

.banner-style-2 .shape-image {
	position: absolute;
	z-index: -1;
}

.banner-style-2 .shape-image.shape-image-1 {
	top: 231px;
	left: 50px;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
	.banner-style-2 .shape-image.shape-image-1 {
		top: 170px;
		left: -10px;
	}
}

.banner-style-2 .shape-image.shape-image-2 {
	top: 240px;
	right: 43%;
}

.banner-style-2 .shape-image.shape-image-3 {
	top: 250px;
	right: 90px;
}

/*-------------------------
    Banner Style Three  
--------------------------*/

/*-------------------------
    Banner Style Four  
--------------------------*/

/*-------------------------
    Banner Style five  
--------------------------*/

/*-------------------------
    Banner Style Six  
--------------------------*/

/* Event Details  */

/*----------------------------
    Product Details Styles 
------------------------------*/

.kalpa-product-details-style .content .subtitle {
	font-weight: 700;
	font-size: 18px;
	line-height: 28px;
	display: block;
	margin-bottom: 10px;
}

.kalpa-product-details-style .content .title {
	margin-bottom: 15px;
}

.kalpa-product-details-style .content p {
	margin-top: 25px;
	margin-bottom: 30px;
}

@media only screen and (max-width: 1199px) {
	.kalpa-product-details-style .content p {
		margin-top: 15px;
		margin-bottom: 20px;
	}
}

.kalpa-product-details-style .content .product-feature {
	margin-top: 40px;
}

@media only screen and (max-width: 1199px) {
	.kalpa-product-details-style .content .product-feature {
		margin-top: 20px;
	}
}

.kalpa-product-details-style .content .product-feature li {
	font-weight: 400;
	margin: 5px 0;
}

.kalpa-product-details-style .content .product-feature li span {
	font-weight: 700;
	color: var(--color-heading);
}

.kalpa-product-details-style .content .product-feature li a {
	position: relative;
	display: inline-block;
}

.kalpa-product-details-style .content .product-feature li a::after {
	position: absolute;
	content: ",";
	right: -3px;
}

.kalpa-product-details-style .content .product-feature li a:last-child:after {
	display: none;
}

.kalpa-product-details-style .content .kalpa-product-details-hr {
	margin-top: 37px;
	padding-bottom: 1px;
}

.kalpa-product-details-style .thumbnail {
	padding-right: 62px;
}

@media only screen and (max-width: 1199px) {
	.kalpa-product-details-style .thumbnail {
		padding-right: 0px;
	}
}

.kalpa-product-details-style .thumbnail img.kalpa-product-main-img {
	border-radius: 5px;
}

.product-description-nav {
	border-bottom: 1px solid #EEEEEE;
	justify-content: center;
	margin-bottom: 35px;
}

.product-description-nav .nav-item {
	margin: 0 25px;
}

.product-description-nav .nav-item button.nav-link {
	background: transparent;
	border: 0 none;
	font-weight: 700;
	font-size: 18px;
	line-height: 28px;
	padding: 0;
	padding-bottom: 15px;
	color: var(--color-heading);
	position: relative;
	transition: 0.4s;
}

.product-description-nav .nav-item button.nav-link::after {
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	height: 2px;
	background: var(--color-primary);
	transition: 0.4s;
	width: 0;
}

.product-description-nav .nav-item button.nav-link:hover,
.product-description-nav .nav-item button.nav-link.active {
	color: var(--color-primary);
}

.product-description-nav .nav-item button.nav-link:hover::after,
.product-description-nav .nav-item button.nav-link.active::after {
	width: 100%;
}

.product-description-content p:last-child {
	margin-bottom: 0;
}

/*-----------------------
    Cart Styles  
-------------------------*/

/*-------------------------
    Price Filter  
--------------------------*/

/*---------------------------
    Course Details 
-----------------------------*/

/*------------------------
    Preview Styles  
-------------------------*/

/*-----------------------
    Course Layout Style    
--------------------------*/

/*-----------------------
    InnerPages    
--------------------------*/

/*-----------------------
    Ecommerce Layout Style    
--------------------------*/


/*-----------------------
    Demo Style   
--------------------------*/

/*------------------------
    Features
--------------------------*/

/*------------------------
    FAQ  
--------------------------*/

/*------------------------
    Header Splash Two  
--------------------------*/

/*-------------------------------
    Overall HTML Specific Styles  
    overall.scss
---------------------------------*/
.header-style-2 a.kalpa-btn.btn-medium {
	line-height: 36px;
}

@media (min-width: 1400px) {

	.container {
		max-width: 1170px;
	}
}

@media (min-width: 1200px) {

	.container {
		max-width: 1170px;
	}
}

/**************************************
    Footer Styles
***************************************/
/*===========================
    Start Footer Area 
=============================*/
.footer-style-default {
	position: relative;
	z-index: 1;
}

.footer-style-default .footer-top {
	padding: 90px 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.footer-style-default .footer-top {
		padding: 80px 0;
	}
}

@media only screen and (max-width: 767px) {
	.footer-style-default .footer-top {
		padding: 80px 0;
	}
}

.footer-style-default .widget-title {
	font-weight: 700;
	font-size: 24px;
	line-height: 36px;
	color: var(--color-white);
}

.footer-style-default .description {
	color: var(--color-white);
	margin-top: 34px;
	margin-bottom: 40px;
}

.footer-style-default .kalpa-footer-widget .inner {
	margin-top: 34px;
}

.footer-style-default .kalpa-footer-widget .footer-link {
	list-style: none;
	padding: 0;
}

.footer-style-default .kalpa-footer-widget .footer-link li {
	margin-top: 0;
	margin-bottom: 0;
}

.footer-style-default .kalpa-footer-widget .footer-link li a {
	font-size: 16px;
	display: block;
	color: var(--color-white);
	line-height: 26px;
}

.footer-style-default .kalpa-footer-widget .footer-link li a i {
	margin-right: 10px;
	font-size: 14px;
}

.footer-style-default .kalpa-footer-widget .footer-link li+li {
	margin-top: 20px;
}

.footer-style-default .kalpa-footer-widget .footer-link li:hover a {
	color: var(--color-tertiary-2);
}

.footer-style-default .kalpa-footer-widget.explore-widget {
	margin-left: 65px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.footer-style-default .kalpa-footer-widget.explore-widget {
		margin-left: 0;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.footer-style-default .kalpa-footer-widget.explore-widget {
		margin-left: 0;
	}
}

@media only screen and (max-width: 767px) {
	.footer-style-default .kalpa-footer-widget.explore-widget {
		margin-left: 0;
	}
}

.footer-style-default .kalpa-footer-widget.quick-link-widget {
	margin-left: 65px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.footer-style-default .kalpa-footer-widget.quick-link-widget {
		margin-left: 0;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.footer-style-default .kalpa-footer-widget.quick-link-widget {
		margin-left: 0;
	}
}

@media only screen and (max-width: 767px) {
	.footer-style-default .kalpa-footer-widget.quick-link-widget {
		margin-left: 0;
	}
}

.kalpa-footer-one {
	background: #303032;
}

.kalpa-footer-one .shape-image {
	position: absolute;
	z-index: -1;
}

.kalpa-footer-one .shape-image.shape-image-1 {
	top: -11px;
	left: -263px;
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
	.kalpa-footer-one .shape-image.shape-image-1 {
		top: -51px;
		left: -130px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.kalpa-footer-one .shape-image.shape-image-1 {
		top: -51px;
		left: -150px;
	}
}

.kalpa-footer-one .shape-image.shape-image-2 {
	bottom: -83px;
	right: -200px;
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
	.kalpa-footer-one .shape-image.shape-image-2 {
		bottom: -13px;
		right: -100px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.kalpa-footer-one .shape-image.shape-image-2 {
		bottom: -13px;
		right: -150px;
	}
}

/*---------------------------------
 Footer with Call To Action  
----------------------------------*/

/*---------------------------------
 Footer 2
----------------------------------*/

/*-------------------------
    Copyright Styles  
--------------------------*/
.copyright-default p {
	color: var(--color-white);
}

.copyright-default p a {
	color: var(--color-white);
	transition: 0.4s;
}

.copyright-default p a:hover {
	color: var(--color-tertiary-2);
}


/*-----------------------
    shape Background   
--------------------------*/

.se3 .shape-image.shape-image-1 {
	top: -11px;
	left: -50px;
}

.se3 .shape-image {
	position: absolute;
	z-index: -1;
}


/*-----------------------
    100% Herbal lable  
--------------------------*/


.se3 .about-image-gallery {
	position: relative;
}

.se3 .student-like-status {
	background: #425133;
	box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.08);
	border-radius: 8px;
	display: inline-block;
	position: absolute;
	left: -60px;
	top: 65%;
	transform: translateY(-50%);
	Color: #ffffff;
}

@media only screen and (max-width: 768px) {
	.se3 .student-like-status {
		left: 10px;
		top: auto;
		transform: none;
		bottom: 10px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.se3 .student-like-status {
		left: 10px;
		top: auto;
		transform: none;
		bottom: 10px;
	}
}

.se3 .student-like-status .inner {
	display: flex;
	padding: 16px 28px;
	align-items: center;
}

.se3 .student-like-status .inner .content {
	max-width: 154px;
	line-height: 24px;
}

.se3 .student-like-status .inner .content .title {
	color: #FFE2A8;
	font-weight: 700;
	font-size: 25px;
	line-height: 16px;
	margin-bottom: 10px;
}

.se3 .student-like-status .inner .content .subtitle {
	font-weight: 600;
	font-size: 14px;
	line-height: 22px;
}

.se4 .badge-icon {
	position: absolute;
	bottom: 285px;
	left: 331px;
	width: 200px;
	height: 200px;
	background: #FFFFFF;
	border-radius: 100%;
	padding: 5px;
}

.se4 .badge-icon .badge-inner {
	padding: 5px;
	background: #FB7C56;
	border-radius: 100%;
	display: flex;
	align-items: center;
	height: 100%;
	justify-content: center;
}

.se4 .badge-icon .badge-inner img {
	animation: rotateIt 7s linear infinite;
}

.se4 .inner .feature-list i {
	margin-right: 14px;
	color: #425133;
	font-size: 18px;
}

.rotate-image-r img {
	transform: rotate(227deg);
}

@media only screen and (max-width: 767px) {
	.se4 .badge-icon {
		bottom: auto;
		left: 0;
		top: 0;
		width: 150px;
		height: 150px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
	.se4 .badge-icon {
		bottom: auto;
		left: 0;
		top: 0;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.se4 .inner {
		padding-left: 40px;
	}
}


.copyright-area {
	background: #3E3C3C;
	padding-top: 17px;
}

.se-5 .card-img-position {
	height: 340px;
	position: absolute;
}

@media only screen and (min-width: 344px) and (max-width: 767px) {
	.se-5 .card-img-position {
		display: none;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
	.se-5 .card-img-position {
		display: none;
	}
}

.se-5 .section-title .title {
	color: var(--color-primary);
}

.se-5 .workshop-inner .description {
	color: var(--color-body);
	margin-top: 40px;
	margin-bottom: 40px;
}

.se-5 .inner.social {
	display: flex;
	align-items: center;
	gap: 1.35rem;
}

.se-5 .inner.social li a {
	background: var(--color-primary);
	border-radius: 30px;
	width: 35px;
	height: 35px;
	line-height: 40px;
	font-size: 15px;
}

@media screen and (max-width: 375px) and (max-width: 1199px) {
	.se-5 .inner.social {
		display: block;
	}
}


@media only screen and (max-width: 375px) and (max-width: 767px) {
	.se-5 .inner.social li a {
		width: 26px;
		height: 26px;
		line-height: 27px;
		font-size: 11px;
		margin: 4px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
	.se-5 .inner.social li a {
		width: 26px;
		height: 26px;
		line-height: 27px;
		font-size: 11px;
		margin: 4px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.se-5 .inner.social li a {
		width: 26px;
		height: 26px;
		line-height: 27px;
		font-size: 11px;
		margin: 4px;
	}
}

.featured-product .card-img-overlay-box h5,
a {
	color: #0e6d3b;
    margin: 0;
    font-weight: bold;
}

.featured-product .card-img-overlay-box a {
	text-decoration: underline;
}

.card-img-overlay-box {
	position: relative;
    margin: -34px 15px 0 15px;
    /* padding: 0px; */
    /* border-radius: 5px; */
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
    /* margin-left: 15px; */
    /* margin-right: 15px; */
    backdrop-filter: blur(23px);
    border: solid 1px #ffffff52;
    background: #ffffff42;
    text-align: center;
}

.featured-product {}

.featured-product .kalpa-card .title {
	Color: var(--color-body);
}

.featured-product .img-crop-container {
	position: relative;
	overflow: hidden;
	aspect-ratio: 16/14;
	border-radius: 10px;
	/* Adjust ratio as needed (vertical: 9/16, square: 1/1) */
}

.auto-crop-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: transform 0.3s ease;
}

/* Optional hover effect */
.img-crop-container:hover .auto-crop-img {
	transform: scale(1.05);
}


.box-crop .crop-container {
	position: relative;
	overflow: hidden;
	aspect-ratio: 16/14;
	border-radius: 10px;
	/* Adjust ratio as needed (vertical: 9/16, square: 1/1) */
}

.auto-crop {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: transform 0.3s ease;
}