* {
	margin: 0;
	padding: 0;
	box-sizing: border-box
}

@font-face {
	font-family: "Antique";
	src: url(/fonts/Antique_Olive_Std_Nord.woff2) format("woff2");
	font-display: swap
}

@font-face {
	font-family: "Antique Light";
	src: url(/fonts/Antique_Olive_Std_Light.woff2) format("woff2");
	font-display: swap
}

body,
p,
a,
div,
.rajdhani-light,
.rajdhani-medium,
.rajdhani-semibold {
	font-family: "Rajdhani", sans-serif;
	font-style: normal
}

.rajdhani-light {
	font-weight: 300
}

.rajdhani-medium {
	font-weight: 500
}

.rajdhani-semibold {
	font-weight: 600
}

h1,
h2,
h5,
h6 {
	font-family: "Antique", sans-serif;
	font-weight: 700;
	font-style: italic
}

h4 {
	font-family: "Antique Light", sans-serif;
	font-weight: bold !important;
	font-style: italic
}
/*span{*/
/*    	font-family: "Antique", sans-serif;*/
/*	font-weight: 700;*/
/*	font-display: swap;*/

/*}*/

  li {
  list-style: none; /* Remove default bullets */
  padding-left: 0;
}

ul li::before {
  content: "›";
  font-weight: bold;
  display: inline-block;
  width: 15px;
  background: linear-gradient(163deg, #432b79 0%, #d31c3a 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

   .no-scroll {
    overflow: hidden;
    height: 100vh;
}
.custom-gradient {
	background: linear-gradient(90deg, #432b79 75%, #d31c3a 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: #fff0;
	background-size: 100% 100%;
	padding-right: 5px
}
.view {
	background: linear-gradient(90deg, #432b79 30%, #d31c3a 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: #fff0;
	background-size: 100% 100%;
	padding-right: 5px
}

.custom-gradient-head {
	background: linear-gradient(163deg, #432b79 0%, #d31c3a 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: #fff0;
	display: inline-block;
	background-size: 100% 100%;
	padding-right: 5px
}

.generic-hamburger {
	outline: none;
	background-color: #fff0;
	width: 1.5em;
	height: 1.2em;
	position: relative;
	border: none;
	font-size: 20px
}

.generic-hamburger__checkbox:checked~.generic-hamburger__bar:nth-of-type(1),
.generic-hamburger__checkbox:checked~.generic-hamburger__bar:nth-of-type(3) {
	transform: translateY(-50%);
	top: 50%
}

.generic-hamburger__checkbox:checked~.generic-hamburger__bar:nth-of-type(1) {
	transform: rotate(45deg)
}

.generic-hamburger__checkbox:checked~.generic-hamburger__bar:nth-of-type(2) {
	opacity: 0
}

.generic-hamburger__checkbox:checked~.generic-hamburger__bar:nth-of-type(3) {
	transform: rotate(-45deg)
}

.generic-hamburger__bar {
	background-color: #fff;
	width: 70%;
	left: 0;
	transform-origin: center;
	height: 1.2px;
	position: absolute;
	border-radius: 6px;
	transition: all .3s
}

.generic-hamburger__checkbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	opacity: 0;
	cursor: pointer
}

.generic-hamburger__bar:nth-of-type(1) {
	top: 5px
}

.generic-hamburger__bar:nth-of-type(2) {
	top: calc(50% - (3px / 2))
}

.generic-hamburger__bar:nth-of-type(3) {
	top: calc(100% - 8px)
}

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

.sticky-header {
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
	transition: background 0.3s ease-in-out
}

.black-toggle .bar {
	background: black !important
}

nav {
	position: fixed;
	top: 0;
	width: 100%;
	transition: transform 0.4s ease-in-out, background-color 0.4s ease-in-out, color 0.4s ease-in-out
}

.bg-transparent {
	background: transparent !important;
	color: white !important
}

.bg-white {
	background-color: white !important;
	color: black !important
}

.bg-white a {
	color: black !important
}

.hamburger-black .generic-hamburger__bar {
	background-color: black !important
}

.generic-hamburger__bar {
	transition: background-color 0.4s ease-in-out
}

.hidden {
	display: none
}

.sticky-header {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	background-color: white !important;
	color: black !important;
	z-index: 99999 !important;
	box-shadow: 0 2px 10px rgb(0 0 0 / .1) !important;
	transition: all 0.3s ease-in-out !important
}

.hide-header {
	transform: translateY(-100%) !important;
	transition: transform 0.3s ease-in-out !important
}

.swiper-button-next,
.swiper-button-prev {
  width: var(--swiper-navigation-size);
  height: var(--swiper-navigation-size);
}


@media (max-width: 767px) {
  :root {
    --swiper-navigation-size: 36px!important; /* or whatever value you want for small screens */
  }
   .swiper-button-next, .swiper-button-prev {
    top: 60%!important;
  
}
}

.swiper-panel {
	position: relative;
	overflow: hidden
}

.text-overlay {
	position: absolute;
	bottom: 20px;
	left: 20px;
	color: #fff;
	z-index: 2
}

.slider {
	max-height: 100%
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
	right: 20px !important
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
	left: 20px !important;
}

.swiper-button-next,
.swiper-button-prev {
	color: #ffffff !important
}

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

/*	.swiper-button-next,*/
/*	.swiper-rtl.swiper-button-prev,*/
/*	.swiper-rtl .swiper-button-next {*/
/*		display: none !important*/
/*	}*/
/*}*/

.progress-bar-container {
	position: absolute;
	bottom: 20px;
	right: 20px;
	display: flex;
	align-items: center;
	gap: 10px
}

.progress-bar {
	width: 100px;
	height: 2px;
	background: rgb(255 255 255 / .3);
	overflow: hidden;
	position: relative
}

.progress {
	height: 100%;
	background: #fff;
	width: 0%;
	transition: width linear
}

.slide10::before {
	content: "";
	position: absolute;
	inset: 0;
	background: rgb(0 0 0 / .5);
	z-index: 1
}

.swiper-slide .absolute {
	z-index: 2
}

@media(max-width:1199px) {
	.sec-10 {}

	.contain {
		display: flex;
		justify-content: center
	}

	.home-section {
		text-align: left
	}

	.home-section2 p {
		text-align: right
	}

	.link-left {
		justify-content: start
	}

	.link-left2 {
		justify-content: end
	}
}

@media(max-width:400px) {
	.link-left {
		justify-content: end !important
	}
}

@media(min-width:1200px) {
	.sec-10 {
		left: -5rem !important
	}

	.brand-section {
		display: flex;
		width: 100%
	}

	.brand-section img {
		width: 51vw
	}

	.contain {
		max-width: 1280px
	}

	.home-section {
		text-align: center
	}

	.home-section2 p {
		text-align: start
	}

	.link-left {
		justify-content: end
	}
}

@media(max-width:767px) {
	.svg-tag svg {
		width: 80%;
		height: auto;
		margin: auto
	}
}

.b-top {
	border-top: 2px solid;
	border-bottom: 2px solid;
	border-image: linear-gradient(to right, #ab053c, #4e317d, rgb(78 49 125 / .1), #fff0) .8
}

.quote-container {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	position: relative;
	width: 100%
}

.quote-container img {
	width: 16%
}

.quote-text {
	font-size: 3.2vw;
	font-weight: 900;
	font-style: italic;
	position: relative;
	z-index: 2;
	display: inline-block;
	line-height: 1.2
}

.quote {
	font-size: 30vw;
	font-weight: 900;
	color: rgb(0 0 0 / .1);
	position: absolute;
	z-index: 1;
	line-height: .8
}

.left-quote {
	left: 0%;
	top: -25%
}

.right-quote {
	right: 0%;
	top: -15%
}

@media (max-width:400px) {
	.quote-text {
		font-size: 3.3vw
	}

	.quote {
		font-size: 40vw
	}

	.left-quote {
		left: 0
	}

	.right-quote {
		right: 0
	}
}

@media (min-width:401px) and (max-width:991px) {
	.quote-text {
		font-size: 3.5vw
	}

	.quote {
		font-size: 40vw
	}

	.left-quote {
		left: 0
	}

	.right-quote {
		right: 0
	}
}

#menu-toggle span {
	background-color: #fff
}

#menu-toggle.active {
	color: #000
}

#menu-toggle.active span {
	background-color: #000
}

@media (max-width:767px) {
	.hero-header {
		height: calc(100vh - 400px) !important
	}
}

.hero-header {
	height: calc(100vh - 250px);
	max-height: 100%
}

.image-container img {
	display: none
}

.image-container img.active {
	display: block
}

.hero-header {
	position: relative;
	background-attachment: fixed
}

@keyframes diagonalMoveFade {
	0% {
		transform: translate(0, 0);
		opacity: 1
	}

	30% {
		transform: translate(4px, -4px);
		opacity: 0
	}

	60% {
		transform: translate(-4px, 4px);
		opacity: .3
	}

	100% {
		transform: translate(0, 0);
		opacity: 1
	}
}

.animate-diagonal {
	animation: diagonalMoveFade 0.3s ease-in
}

.wrapper {
	min-height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	overflow: hidden
}

@supports (overflow:clip) {
	.wrapper {
		overflow: clip
	}
}

.wrapper>main {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}

.wrapper>* {
	min-width: 0
}

[class*=__container] {
	max-width: 93.75rem;
	margin: 0 auto;
	padding: 0 .9375rem
}

[class*=-ibg] {
	position: relative
}

[class*=-ibg] img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-o-object-fit: cover;
	object-fit: cover
}

[class*=-ibg_contain] img {
	-o-object-fit: contain;
	object-fit: contain
}

.block {
	line-height: 1.3
}

.block__wrapper {
	overflow: hidden;
	position: relative
}

.block__container {
	position: relative
}

.block__columns {
	display: grid;
	-ms-grid-columns: 0.8fr 1.2fr;
	grid-template-columns: 1fr 1fr;
	-webkit-column-gap: 1.875rem;
	-moz-column-gap: 1.875rem;
	column-gap: 1.875rem;
	position: relative
}

.block__slider {
	position: static
}

.content__text {
	font-size: 1rem
}

.content__text:not(:last-child) {
	margin-bottom: 1.25rem
}

.cards {
	min-width: 0;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	will-change: transform;
	position: relative;
	z-index: 3;
	-ms-flex-line-pack: start;
	align-content: start;
	-ms-flex-item-align: start;
	-ms-grid-row-align: start;
	align-self: start
}

.cards__slider {
	overflow: visible !important
}

.clide-card {
	-webkit-transition: margin 0.4s ease, -webkit-transform 0.4s ease, opacity 0.4s ease;
	transition: margin 0.4s ease, -webkit-transform 0.4s ease, opacity 0.4s ease;
	-o-transition: transform 0.4s ease, margin 0.4s ease, opacity 0.4s ease;
	transition: transform 0.4s ease, margin 0.4s ease, opacity 0.4s ease;
	transition: transform 0.4s ease, margin 0.4s ease, -webkit-transform 0.4s ease, opacity 0.4s ease;
	will-change: transform;
	padding: 1.875rem .625rem 2.5rem .625rem;
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top
}

.clide-card__wrapper {
	position: relative;
	overflow: hidden;
	background-color: #24262c
}

.clide-card__image {
	padding-bottom: 100%;
	-webkit-box-shadow: 1rem 1rem 2rem -.5rem #1d1f24, 0rem 1rem 1rem -.2rem #1d1f24;
	box-shadow: 1rem 1rem 2rem -.5rem #1d1f24, 0rem 1rem 1rem -.2rem #1d1f24
}

.clide-card__image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.clide-card__content {
	padding: 1rem;
	display: -webkit-box;
	background: rgba(0, 0, 0, .5);
	display: -ms-flexbox;
	display: flex;
	position: relative;
	z-index: 2;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	row-gap: .625rem
}

.clide-card__title {
	font-size: 1.1rem;
	font-weight: 500;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}

.title {
	font-weight: 500
}

.title__container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.cards-nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-column-gap: 0;
	-moz-column-gap: 0;
	column-gap: 0
}

.cards-button-next,
.cards-button-prev {
	display: -webkit-box;
	display: -ms-flexbox;
	/*display: flex;*/
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	-webkit-transition: background-color 0.5s ease;
	-o-transition: background-color 0.5s ease;
	transition: background-color 0.5s ease
}

.cards-button-next:hover,
.cards-button-prev:hover {
	background-color: rgb(0 0 0 / .0745098039)
}

.cards-button-next img,
.cards-button-prev img {
	width: 100%
}

.cards-pagination {
	position: absolute;
	bottom: .625rem;
	left: 0;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-column-gap: .625rem;
	-moz-column-gap: .625rem;
	column-gap: .625rem;
	display: none
}

.cards-pagination .swiper-pagination-bullet {
	width: .75rem;
	height: .75rem;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 .75rem;
	flex: 0 0 .75rem;
	border-radius: 50%;
	background-color: #24262c;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	opacity: .3
}

.cards-pagination .swiper-pagination-bullet-active {
	background-color: rgb(47 56 65 / .2941176471);
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	opacity: 1;
	-webkit-box-shadow: 0 0 .3125rem 0 rgb(47 56 65 / .4784313725);
	box-shadow: 0 0 .3125rem 0 rgb(47 56 65 / .4784313725)
}

.swiper {
	overflow: hidden
}

.swiper-initialized {
	-ms-touch-action: pan-y;
	touch-action: pan-y
}

.swiper-wrapper {
	width: 100%;
	height: 100%;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative
}

.swiper-vertical .swiper-wrapper {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.swiper-autoheight .swiper-wrapper {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.swiper-initialized .swiper-slide {
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.swiper-android .swiper-slide,
.swiper-android .swiper-wrapper {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.swiper-button-lock {
	display: none !important
}

@media (min-width:53.125em) {
	.block__wrapper::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 7%;
		height: 100%;
		z-index: 4;
		background: -webkit-gradient(linear, left top, right top, color-stop(20%, #1d1f24), to(#fff0));
		background: -o-linear-gradient(left, #1d1f24 20%, #fff0 100%);
		background: linear-gradient(90deg, #1d1f24 20%, #fff0 100%);
		pointer-events: none;
		opacity: 0;
		-webkit-transition: opacity 0.4s ease;
		-o-transition: opacity 0.4s ease;
		transition: opacity 0.4s ease
	}

	.active-slider .block__wrapper::after {
		opacity: 1
	}

	.block__container::before {
		content: "";
		position: absolute;
		z-index: 2;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		-webkit-transition: opacity 1s ease;
		-o-transition: opacity 1s ease;
		transition: opacity 1s ease;
		-webkit-backdrop-filter: blur(5px);
		backdrop-filter: blur(5px);
		opacity: 0;
		pointer-events: none
	}

	.active-slider .block__container::before {
		-webkit-transition: opacity 0.4s ease;
		-o-transition: opacity 0.4s ease;
		transition: opacity 0.4s ease;
		opacity: 1
	}

	.block__columns::after {
		width: 8%;
		height: 100%;
		z-index: 4;
		background: -webkit-gradient(linear, right top, left top, color-stop(20%, #1d1f24), to(#fff0));
		background: -o-linear-gradient(right, #1d1f24 20%, #fff0 100%);
		background: linear-gradient(-90deg, #1d1f24 20%, #fff0 100%);
		pointer-events: none
	}

	.block__columns::before {
		-webkit-transform: translateX(100%);
		-ms-transform: translateX(100%);
		transform: translateX(100%);
		width: 50vw;
		height: 100%;
		z-index: 4;
		background-color: #1d1f24;
		pointer-events: none
	}

	.active-slider .cards {
		-webkit-transform: scale(1.03) translateX(-15%);
		-ms-transform: scale(1.03) translateX(-15%);
		transform: scale(1.03) translateX(-15%)
	}

	.active-slider .swiper-slide-active {
		-webkit-transform: scale(1.06) !important;
		-ms-transform: scale(1.06) !important;
		transform: scale(1.06) !important;
		margin: 0 1.125rem;
		opacity: 1
	}
}

@media (min-width:90em) {
	.title {
		font-size: 3.4375rem
	}
}

@media (max-width:75em) {
	.block__columns {
		-ms-grid-columns: 1fr 1fr;
		grid-template-columns: 1fr 1fr
	}

	.content__text:not(:last-child) {
		margin-bottom: .625rem
	}
}

@media (max-width:61.9375em) {
	.content__title {
		font-size: 1.5625rem
	}

	.title {
		font-size: 2.8125rem
	}
}

@media (max-width:53.125em) {
	.block__columns {
		display: block
	}

	.cards::after {
		right: -15px;
		background: -webkit-gradient(linear, right top, left top, color-stop(20%, #1d1f24), to(#fff0));
		background: -o-linear-gradient(right, #1d1f24 20%, #fff0 100%);
		background: linear-gradient(-90deg, #1d1f24 20%, #fff0 100%)
	}

	.cards::before {
		left: -15px;
		background: -webkit-gradient(linear, left top, right top, color-stop(20%, #1d1f24), to(#fff0));
		background: -o-linear-gradient(left, #1d1f24 20%, #fff0 100%);
		background: linear-gradient(90deg, #1d1f24 20%, #fff0 100%);
		-webkit-transition: opacity 0.4s ease;
		-o-transition: opacity 0.4s ease;
		transition: opacity 0.4s ease
	}

	.clide-card {
		padding: 1.25rem .625rem 2.5rem .625rem
	}

	.cards-pagination {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
}

.swiper-container {
	max-width: 100vw;
	overflow: hidden
}

.swiper-slide {
	width: 50%;
	transition: transform 0.3s ease
}

.swiper-slide img {
	object-fit: cover
}

.swiper-slide .text-overlay {
position: absolute;
    bottom: 5px;
    left: 30px;
    text-align: left;
    color: #fff;
}

.swiper-slide .text-overlay h3 {
	margin-bottom: 0
}

.swiper-slide .text-overlay p {
	margin-top: 0
}