@charset "UTF-8";
/*!--------------------
Template Name: Charitics - NGO & Non Profit HTML Template
Author: tempticspro
Version: 1.0

CSS INDEX
=================== 
01. CUSTOM PROPERTIES
02. GLOBAL
03. Components
04. Sidebar
05. Header
06. Banner
07. About
08. Donations
09. Donate Form
10. Stats
11. Events
12. Why Join Us
13. Team
14. Testimonial
15. Blog
16. Gallery
17. CTA
18. Footer
19. Features
20. Volunteer
21. Services
22. Projects
23. Contact

--- INNER PAGES
24. About Page
25. Blog Page
26. Service Details Page
27. Donation Details Page
28. Event Details Page
29. Project Details Page
30. Blog Details Page
31. Contact Page
32. 404 Page
33. Team Details Page
34. Pricing Page

*/
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Quicksand:wght@300..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&display=swap");

:root {
	--black: #000;
	--white: #fff;
	--ul-primary: #EB5310;
	--ul-secondary: #FAA019;
	--ul-c3: #FFE9C8;
	--ul-c4: #FFF9F4;
	--ul-c5: #FC791A;
	--ul-black: #1E252F;
	--ul-p: #434343;
	--ul-gray: #434343;
	--ul-gray2: #D2D2D1;
	--ul-gray3: #F4F4F4;
	--ul-gradient: linear-gradient(90deg, var(--ul-primary) 0%, var(--ul-secondary) 100%);
	--font-primary: "Manrope", serif;
	--font-quicksand: "Quicksand", serif;
	--font-caveat: "Caveat", serif;
}

html {
	overflow-x: hidden;
}

body {
	font-family: var(--font-primary);
	margin: auto;
	font-size: clamp(13px, 0.84vw, 16px);
}

a,
button,
img,
svg path {
	transition: 0.4s ease;
}

img {
	max-width: 100%;
}

a {
	text-decoration: none;
	display: inline-block;
	color: var(--black);
}

a:hover {
	color: white;
}

i {
	display: inline-flex;
}

p {
	line-height: 1.75;
}

ul {
	padding: 0;
	margin: 0;
	list-style: none inside;
}

input {
	background-color: transparent;
}

input:focus,
input:focus-visible,
input:focus-within {
	outline: none;
}

[data-sal] {
	transition-duration: 1s;
	transition-delay: 0.2s;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type="number"] {
  appearance: textfield;        /* standard */
  -moz-appearance: textfield;   /* Firefox */
}

/* clears the ‘X’ from Chrome */
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
	display: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	color: var(--black) !important;
	-webkit-text-fill-color: var(--black) !important;
	-webkit-box-shadow: 0 0 0 1000px transparent inset !important;
	-webkit-background-clip: text !important;
	background-clip: text !important;
}

button {
	background: none;
	border: none;
}

@media screen and (max-width: 479px) {
	.d-xxs-none {
		display: none !important;
	}
}

.ul-container {
	--container-space-x: 30px;
	max-width: calc(clamp(1200px, 74.09vw, 1410px) + var(--container-space-x));
	padding-left: calc(var(--container-space-x) / 2);
	padding-right: calc(var(--container-space-x) / 2);
	margin: auto;
}

.ul-inner-container {
	margin: 0 clamp(15px, 10.25vw, 195px);
}

@media screen and (max-width: 1599px) {
	.ul-inner-container {
		margin: 0 clamp(15px, 7.88vw, 150px);
	}
}

@media screen and (max-width: 1399px) {
	.ul-inner-container {
		margin: 0 clamp(15px, 2.88vw, 150px);
	}
}

@media screen and (max-width: 479px) {
	.row-cols-xxs-1>* {
		width: 100%;
	}
}

@media screen and (max-width: 479px) {
	.row-cols-xxs-2>* {
		width: 50%;
	}
}

@media screen and (max-width: 479px) {
	.col-xxs-12 {
		width: 100%;
	}
}

@media (min-width: 1600px) {
	.col-xxxl-9 {
		flex: 0 0 auto;
		width: 75%;
	}
}

@media (min-width: 1600px) {
	.col-xxxl-3 {
		flex: 0 0 auto;
		width: 25%;
	}
}

.logo {
	max-width: clamp(130px, 11.56vw, 220px);
}

.ul-bs-row {
	--bs-gutter-x: clamp(15px, 1.58vw, 30px);
	--bs-gutter-y: clamp(15px, 1.58vw, 30px);
}

.ul-inner-page-container {
	--container-space-x: 30px;
	max-width: calc(clamp(1000px, 74.09vw, 1410px) + var(--container-space-x));
	padding-left: calc(var(--container-space-x) / 2);
	padding-right: calc(var(--container-space-x) / 2);
	margin: auto;
}

.ul-inner-page-content-wrapper {
	padding-top: clamp(60px, 6.31vw, 120px);
	padding-bottom: clamp(60px, 6.31vw, 120px);
	padding-bottom: 0;
}

.ul-section-spacing {
	padding-top: clamp(60px, 6.31vw, 120px);
	padding-bottom: clamp(60px, 6.31vw, 120px);
}

.wow {
	animation-duration: 1s !important;
}

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

	100% {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}

.ss-main:focus {
	box-shadow: none;
}

.ss-content.ss-open-below {
	border-radius: 8px;
}

.ul-tab {
	overflow: hidden;
	opacity: 0;
	height: 0;
	pointer-events: none;
}

.ul-tab.active {
	opacity: 1;
	height: auto;
	pointer-events: all;
}

@keyframes slide-top {
	0% {
		transform: translateY(-200px);
	}

	100% {
		transform: translateY(300px);
	}
}

.ul-radio label {
	display: flex !important;
	align-items: center;
	gap: clamp(7px, 0.53vw, 10px);
}

.ul-radio label .checkmark {
	width: clamp(24px, 1.58vw, 30px);
	aspect-ratio: 1/1;
	border: 1px solid transparent;
	border-radius: 999px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	position: relative;
}

.ul-radio label .checkmark i {
	opacity: 0;
}

.ul-radio label .checkmark::before {
	content: "";
	position: absolute;
	width: clamp(10px, 0.74vw, 14px);
	aspect-ratio: 1/1;
	border-radius: 999px;
	border: 1px solid var(--ul-black);
}

.ul-radio label input[type=radio] {
	display: none !important;
}

.ul-radio label input[type=radio]:checked~.checkmark {
	color: var(--black);
	border-color: var(--ul-black);
}

.ul-radio label input[type=radio]:checked~.checkmark i {
	opacity: 1;
}

.ul-radio label input[type=radio]:checked~.checkmark::before {
	background-color: var(--ul-primary);
	border-color: var(--ul-primary);
}

.ul-btn {
	height: clamp(45px, 2.94vw, 56px);
	background-color: var(--ul-primary);
	border: 1px solid transparent;
	border-radius: 999px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: clamp(7px, 0.53vw, 10px);
	padding: 0 clamp(6px, 0.47vw, 9px);
	padding-right: clamp(12px, 0.89vw, 17px);
	font-weight: 800;
	font-size: clamp(13px, 0.84vw, 16px);
	position: relative;
	color: var(--white);
}

.ul-btn:hover {
	color: var(--ul-primary);
	background-color: transparent;
	border-color: var(--ul-primary);
}

.ul-btn:hover i {
	color: var(--white);
	background-color: var(--ul-primary);
}

.ul-btn i {
	background-color: var(--white);
	color: var(--ul-primary);
	width: clamp(22px, 1.52vw, 29px);
	width: clamp(33px, 2.1vw, 40px);
	aspect-ratio: 1/1;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	transition: all 0.3s ease;
	font-size: clamp(10px, 0.68vw, 13px);
}

.ul-btn--2 {
	color: var(--ul-primary);
	background-color: var(--white);
}

.ul-btn--2 i {
	color: var(--white);
	background-color: var(--ul-primary);
}

.ul-btn--2:hover {
	background-color: var(--ul-primary);
	color: var(--white);
}

.ul-btn--2:hover i {
	background-color: var(--white);
	color: var(--ul-primary);
}

.ul-section-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: clamp(20px, 1.58vw, 30px);
	margin-bottom: clamp(20px, 2.1vw, 40px);
}

@media screen and (max-width: 575px) {
	.ul-section-heading {
		flex-direction: column;
		justify-content: center;
		text-align: center;
	}
}

.ul-section-heading .right {
	flex-shrink: 0;
}

.ul-section-sub-title {
	color: var(--ul-primary);
	display: inline-block;
	letter-spacing: -0.03em;
	font-weight: 500;
	line-height: 1.5;
	position: relative;
	margin-bottom: clamp(11px, 0.74vw, 14px);
}

.ul-section-sub-title::before {
	content: "";
	width: clamp(9px, 0.63vw, 12px);
	aspect-ratio: 12/13;
	background-color: var(--ul-primary);
	display: inline-block;
	margin-right: clamp(5px, 0.42vw, 8px);
	clip-path: polygon(50.201% 100%, 50.201% 100%, 43.516% 92.661%, 36.628% 85.05%, 29.752% 77.216%, 23.104% 69.205%, 16.897% 61.063%, 11.346% 52.837%, 6.666% 44.574%, 3.072% 36.321%, 0.778% 28.124%, 0% 20.03%, 0% 20.03%, 1.021% 13.336%, 3.769% 7.773%, 7.928% 3.553%, 13.18% 0.892%, 19.207% 0.001%, 25.692% 1.095%, 32.318% 4.387%, 38.766% 10.091%, 44.72% 18.419%, 49.862% 29.586%, 49.862% 29.586%, 50.588% 26.97%, 51.54% 24.272%, 52.71% 21.543%, 54.089% 18.832%, 55.67% 16.19%, 57.445% 13.667%, 59.404% 11.313%, 61.541% 9.179%, 63.846% 7.315%, 66.312% 5.771%, 66.312% 5.771%, 72.015% 3.441%, 77.848% 2.358%, 83.531% 2.515%, 88.788% 3.906%, 93.341% 6.524%, 96.913% 10.364%, 99.224% 15.42%, 99.998% 21.685%, 98.956% 29.153%, 95.822% 37.818%, 95.822% 37.818%, 93.578% 42.409%, 90.817% 47.291%, 87.538% 52.49%, 83.744% 58.034%, 79.435% 63.947%, 74.612% 70.258%, 69.276% 76.993%, 63.428% 84.177%, 57.069% 91.837%, 50.201% 100%);
}

.ul-section-sub-title--2 i:last-child {
	display: none;
}

.ul-section-title {
	font-weight: 700;
	font-size: clamp(25px, 2.63vw, 50px);
	color: var(--ul-black);
	margin-bottom: clamp(5px, 0.42vw, 8px);
	letter-spacing: -0.04em;
	font-family: var(--font-quicksand);
}

.ul-section-descr {
	font-size: clamp(13px, 0.84vw, 16px);
	margin-bottom: 0;
	color: var(--ul-p);
}

.ul-breadcrumb {
	background: url(../img/breadcrumb-bg.jpg) no-repeat center center;
	background-size: cover;
	padding: clamp(50px, 9.98vw, 190px) 0 clamp(40px, 9.46vw, 180px);
	text-align: center;
	position: relative;
	z-index: 1;
}

@media screen and (max-width: 991px) {
	.ul-breadcrumb {
		padding: clamp(100px, 9.98vw, 190px) 0 clamp(40px, 9.46vw, 180px);
	}
}

.ul-breadcrumb::before {
	content: "";
	position: absolute;
	inset: 0;
	background-color: rgba(30, 37, 47, 0.9);
	z-index: -1;
	pointer-events: none;
}

.ul-breadcrumb-title {
	font-weight: 900;
	font-family: var(--font-quicksand);
	font-size: clamp(30px, 4.2vw, 80px);
	color: var(--white);
	line-height: 1.3;
	margin-bottom: clamp(6px, 0.47vw, 9px);
}

.ul-breadcrumb-nav {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-size: clamp(13px, 0.84vw, 16px);
	font-weight: 500;
	gap: 3px;
	color: var(--white);
	border-radius: 999px;
	background-color: rgba(255, 255, 255, 0.1);
	padding: clamp(6px, 0.47vw, 9px) clamp(18px, 1.26vw, 24px);
}

.ul-breadcrumb-nav li {
	display: inline-flex;
}

.ul-breadcrumb-nav a {
	color: var(--white);
}

.ul-breadcrumb-nav a:hover {
	color: var(--ul-primary);
}

.ul-breadcrumb .separator {
	display: inline-flex;
	font-size: clamp(15px, 0.95vw, 18px);
}

.ul-sidebar {
	position: fixed;
	z-index: 10;
	right: 0;
	height: 100%;
	overflow: auto;
	background: #fff;
	z-index: 999;
	transform: translateX(100%);
	transition: 0.4s ease;
	padding: clamp(20px, 1.58vw, 30px) clamp(20px, 1.58vw, 30px);
	max-width: 100%;
	border-left: 1px solid var(--ttRed);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: clamp(320px, 40vw, 100%);
}

.ul-sidebar.active {
	transform: translateX(0);
}

.ul-pagination {
	margin-top: clamp(25px, 2.63vw, 50px);
}

.ul-pagination ul {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: clamp(5px, 0.42vw, 8px);
}

.ul-pagination ul a {
	width: clamp(38px, 2.31vw, 44px);
	aspect-ratio: 1/1;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	font-weight: 600;
	font-size: clamp(13px, 0.84vw, 16px);
	color: var(--ul-black);
	line-height: 0.7;
	border: 1px solid rgba(67, 67, 67, 0.5);
}

.ul-pagination ul a:hover,
.ul-pagination ul a.active {
	background-color: var(--ul-primary);
	border-color: var(--ul-primary);
	color: var(--white);
}

.ul-pagination ul .pages {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: clamp(9px, 0.63vw, 12px);
}

.ul-single-accordion-item {
	display: grid;
	grid-template-rows: max-content 0fr;
	transition: 0.4s ease;
	padding: clamp(15px, 1.31vw, 25px) clamp(20px, 1.58vw, 30px);
	margin-bottom: clamp(7px, 0.53vw, 10px);
	background: var(--white);
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 10px;
}

.ul-single-accordion-item:last-child {
	margin-bottom: 0;
}

.ul-single-accordion-item.open {
	grid-template-rows: max-content 1fr;
}

.ul-single-accordion-item.open .ul-single-accordion-item__header i {
	transform: rotate(90deg);
	color: var(--ul-primary);
}

.ul-single-accordion-item.open .ul-single-accordion-item__title {
	color: var(--ul-primary);
}

.ul-single-accordion-item.open .ul-single-accordion-item__body {
	padding-top: clamp(7px, 0.74vw, 14px);
}

.ul-single-accordion-item__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	cursor: pointer;
}

.ul-single-accordion-item__header .icon {
	display: inline-flex;
}

.ul-single-accordion-item__header i {
	transition: transform 0.4s ease;
	display: inline-flex;
	font-size: clamp(17px, 1.05vw, 20px);
}

.ul-single-accordion-item__title {
	margin-bottom: 0;
	font-weight: 600;
	font-size: clamp(15px, 0.95vw, 18px);
}

.ul-single-accordion-item__body {
	transition: all 0.4s ease;
	overflow: hidden;
}

.ul-single-accordion-item__body p {
	line-height: 1.5;
	font-size: clamp(13px, 0.84vw, 16px);
	color: var(--ul-gray);
	margin-bottom: 0;
	font-weight: 400;
}

.preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999999;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.3s ease;
}

.loader {
	width: clamp(100px, 7.88vw, 150px);
	aspect-ratio: 1;
	border-radius: 50%;
	animation: l11 2s infinite;
}

@keyframes l11 {
	0% {
		background: conic-gradient(var(--ul-primary) 0, rgba(0, 0, 0, 0) 0);
	}

	12.5% {
		background: conic-gradient(var(--ul-primary) 45deg, rgba(0, 0, 0, 0) 46deg);
	}

	25% {
		background: conic-gradient(var(--ul-primary) 90deg, rgba(0, 0, 0, 0) 91deg);
	}

	37.5% {
		background: conic-gradient(var(--ul-primary) 135deg, rgba(0, 0, 0, 0) 136deg);
	}

	50% {
		background: conic-gradient(var(--ul-primary) 180deg, rgba(0, 0, 0, 0) 181deg);
	}

	62.5% {
		background: conic-gradient(var(--ul-primary) 225deg, rgba(0, 0, 0, 0) 226deg);
	}

	75% {
		background: conic-gradient(var(--ul-primary) 270deg, rgba(0, 0, 0, 0) 271deg);
	}

	87.5% {
		background: conic-gradient(var(--ul-primary) 315deg, rgba(0, 0, 0, 0) 316deg);
	}

	100% {
		background: conic-gradient(var(--ul-primary) 360deg, rgba(0, 0, 0, 0) 360deg);
	}
}

.ul-slider-nav {
	position: absolute;
	width: calc(100% + clamp(46px, 2.94vw, 56px));
	width: 100%;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	justify-content: space-between;
	z-index: 1;
	visibility: hidden;
}

.ul-slider-nav button {
	width: clamp(46px, 2.94vw, 56px);
	aspect-ratio: 1/1;
	background-color: var(--ul-secondary);
	border-radius: 999px;
	color: var(--white);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: clamp(17px, 1.05vw, 20px);
	visibility: visible;
}

.ul-slider-nav button:hover {
	background-color: var(--ul-primary);
	color: var(--white);
}

.ul-slider-action-wrapper {
	display: flex;
	gap: clamp(12px, 1.05vw, 20px);
	align-items: center;
	width: max-content;
	max-width: 100%;
	margin: 0 auto;
	margin-top: clamp(25px, 3.42vw, 65px);
}

.ul-slider-action-wrapper button {
	color: var(--white);
	text-transform: uppercase;
	font-size: clamp(13px, 0.84vw, 16px);
}

.ul-slider-action-wrapper button:hover {
	color: var(--ul-primary);
}

.ul-slider-action-wrapper .swiper-pagination-progressbar {
	position: relative;
	height: 1px;
	background-color: var(--ul-gray);
	width: clamp(140px, 27.75vw, 528px);
}

.ul-slider-action-wrapper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background-color: var(--ul-primary);
}

.ul-search-form-wrapper {
	position: fixed;
	background-color: rgba(0, 0, 0, 0.5);
	inset: 0;
	z-index: 100;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
	opacity: 0;
	transition: 0.3s ease;
	flex-direction: column;
	gap: 20px;
	backdrop-filter: blur(25px);
}

.ul-search-form-wrapper.active {
	opacity: 1;
	pointer-events: all;
}

.ul-search-form-wrapper .ul-header-search-form {
	background-color: var(--white);
	max-width: 80%;
}

@media screen and (max-width: 575px) {
	.ul-search-form-wrapper .ul-header-search-form {
		max-width: 95%;
	}
}

@media screen and (max-width: 479px) {
	.ul-search-form-wrapper .ul-header-search-form {
		flex-direction: column;
		border-radius: 10px;
		height: auto;
	}

	.ul-search-form-wrapper .ul-header-search-form .ss-main {
		padding: 10px clamp(12px, 1.05vw, 20px);
	}

	.ul-search-form-wrapper .ul-header-search-form-right {
		padding: 10px clamp(18px, 1.31vw, 25px);
	}
}

.ul-search-closer {
	color: var(--white);
	border: 1px solid var(--white);
	border-radius: 50%;
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 14px;
}

.ul-search-closer i {
	display: inline-flex;
	font-size: clamp(20px, 1.31vw, 25px);
}

.ul-search-closer:hover {
	background-color: var(--white);
	color: var(--ul-primary);
}

.ul-search-form {
	border-radius: 999px;
	border: 1px solid rgba(255, 255, 255, 0.35);
	display: flex;
	height: clamp(48px, 3.15vw, 60px);
	max-width: clamp(534px, 32.53vw, 619px);
	width: 100%;
	font-size: clamp(13px, 0.84vw, 16px);
	width: 95%;
}

.ul-search-form-right {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 0 clamp(18px, 1.31vw, 25px);
	flex-grow: 1;
}

.ul-search-form-right input {
	border: none;
	height: 100%;
	width: 100%;
	color: var(--white);
}

.ul-search-form-right input::placeholder {
	color: rgba(255, 255, 255, 0.45);
}

.ul-search-form-right button {
	padding: 0;
	padding-top: clamp(0px, 0.42vw, 8px);
	height: 100%;
	flex-shrink: 0;
	font-size: clamp(17px, 1.05vw, 20px);
	color: var(--white);
}

.ul-search-form-right button .icon {
	display: inline-flex;
}

@media screen and (max-width: 575px) {
	.ul-search-form-right button .icon {
		padding-top: 5px;
	}
}

.ul-progress-container {
	width: 100%;
	border: 1px solid var(--ul-primary);
	border-radius: 10px;
}

.ul-progressbar {
	width: 0;
	background-color: var(--ul-primary);
	height: clamp(2px, 0.26vw, 5px);
	position: relative;
}

.ul-progressbar::before {
	content: "";
	position: absolute;
	width: clamp(15px, 0.95vw, 18px);
	aspect-ratio: 1/1;
	border: 4px solid var(--ul-primary);
	background-color: var(--white);
	border-radius: 999px;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.ul-progress-label {
	position: absolute;
	transform: translate(6px, -25px);
	right: 0;
	font-size: clamp(11px, 0.63vw, 12px);
	font-weight: 700;
	color: var(--ul-primary);
}

.ul-checkbox-wrapper {
	display: flex;
	align-items: center;
	gap: clamp(7px, 0.53vw, 10px);
}

.ul-checkbox-wrapper input:checked~.ul-checkbox {
	background-color: var(--ul-primary);
	border-color: var(--ul-primary);
}

.ul-checkbox-wrapper input:checked~.ul-checkbox i {
	opacity: 1;
}

.ul-checkbox {
	display: flex;
	align-items: center;
	justify-content: center;
	width: clamp(17px, 1.05vw, 20px);
	aspect-ratio: 1/1;
	border: 1px solid rgba(255, 255, 255, 0.6);
	border-radius: 4px;
	font-size: 10px;
	color: var(--white);
}

.ul-checkbox i {
	opacity: 0;
}

.ul-time-input-wrapper {
	position: relative;
	z-index: 1;
}

.ul-time-input-wrapper i {
	position: absolute;
	z-index: 2;
	right: clamp(12px, 1.05vw, 20px);
	left: clamp(12px, 1.05vw, 20px);
	left: auto;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	justify-content: space-between;
	pointer-events: none;
}

.ul-sidebar {
	justify-content: flex-start;
	gap: 20px;
	border-left: 2px solid var(--ul-primary);
}

.ul-sidebar-header {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	padding-bottom: clamp(20px, 1.58vw, 30px);
}

.ul-sidebar-closer {
	display: inline-flex;
	padding: 0;
}

.ul-sidebar-closer:hover {
	color: var(--ul-primary);
}

.ul-sidebar-closer i {
	display: inline-flex;
}

.ul-sidebar-about .title {
	font-weight: 600;
	font-size: 24px;
	margin-bottom: clamp(7px, 0.53vw, 10px);
	display: inline-block;
}

.ul-sidebar-about .descr {
	font-size: clamp(13px, 0.84vw, 16px);
}

.ul-sidebar-slider-wrapper {
	display: flex;
	gap: 20px;
}

.ul-sidebar-slider-wrapper .slider-wrapper {
	max-width: calc(85% - 20px);
}

.ul-sidebar-slider-nav {
	position: static;
	transform: translate(0);
	gap: 10px;
	width: 15%;
}

.ul-sidebar-footer {
	margin-top: auto;
}

.ul-sidebar-footer-title {
	color: var(--black);
	font-weight: 600;
	font-size: clamp(20px, 1.26vw, 24px);
	margin-bottom: clamp(7px, 0.53vw, 10px);
	display: inline-block;
}

.ul-sidebar-footer-social {
	display: flex;
	flex-wrap: wrap;
	gap: clamp(7px, 0.53vw, 10px);
}

.ul-sidebar-footer-social a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 1/1;
	border-radius: 50%;
	border: 1px solid rgba(0, 0, 0, 0.4);
	color: var(--black);
	height: clamp(37px, 2.1vw, 40px);
}

.ul-sidebar-footer-social a:hover {
	color: var(--white);
	background-color: var(--ul-primary);
	border-color: var(--ul-primary);
}

.ul-sidebar-footer-social a i {
	display: inline-flex;
}

.ul-header {
	position: relative;
	top: 0;
	z-index: 99;
}

.ul-header-container {
	margin: auto;
	max-width: clamp(922px, 90.38vw, 1720px);
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

@media screen and (max-width: 991px) {
	.ul-header-container {
		align-items: center;
		max-width: calc(100% - 30px);
	}
}

.ul-header-bottom {
	position: absolute;
	top: 0;
	width: 100%;
}

@media screen and (max-width: 991px) {
	.ul-header-bottom {
		padding: 12px 0;
	}
}

.ul-header-bottom.sticky {
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
	position: fixed;
	background-color: var(--white);
}

.ul-header-bottom.sticky .ul-header-nav a,
.ul-header-bottom.sticky .ul-header-nav a:not([href]):not([class]) {
	color: var(--ul-black);
}

.ul-header-bottom.sticky .ul-header-actions button {
	color: var(--ul-black);
}

.ul-header-bottom.sticky .logo-container::before {
	background-color: #f5f5f5;
}

.ul-header-bottom-wrapper {
	gap: clamp(22px, 4.2vw, 80px);
	position: relative;
	z-index: 1;
}

.ul-header-bottom-wrapper>* {
	flex-shrink: 0;
}

.ul-header-bottom .header-bottom-left {
	display: flex;
	align-items: center;
	gap: clamp(35px, 3.42vw, 65px);
	flex-grow: 1;
}

.ul-header .logo-container {
	position: relative;
	z-index: 1;
}

.ul-header .logo-container::before,
.ul-header .logo-container::after {
	content: "";
	position: absolute;
	z-index: -1;
	top: calc(0% - clamp(28px, 1.58vw, 30px));
	bottom: calc(0% - clamp(45px, 3.42vw, 65px));
	right: calc(0% - clamp(20px, 1.58vw, 30px));
	left: calc(0% - clamp(28px, 2.1vw, 40px));
	background-color: var(--white);
	clip-path: polygon(23.853% -62.128%, 23.853% -62.128%, 25.154% -69.256%, 26.501% -75.412%, 27.924% -80.649%, 29.451% -85.021%, 31.112% -88.582%, 32.938% -91.387%, 34.957% -93.49%, 37.2% -94.944%, 39.695% -95.803%, 42.473% -96.123%, 42.473% -96.123%, 48.384% -94.64%, 53.914% -90.241%, 59.087% -83.422%, 63.931% -74.678%, 68.469% -64.506%, 72.727% -53.401%, 76.73% -41.858%, 80.503% -30.374%, 84.072% -19.444%, 87.461% -9.564%, 87.461% -9.564%, 90.012% -2.284%, 92.484% 5.333%, 94.768% 13.245%, 96.758% 21.413%, 98.347% 29.793%, 99.426% 38.347%, 99.89% 47.032%, 99.63% 55.808%, 98.54% 64.634%, 96.512% 73.468%, 96.512% 73.468%, 93.216% 82.481%, 89.152% 89.645%, 84.505% 94.939%, 79.462% 98.346%, 74.209% 99.844%, 68.932% 99.416%, 63.818% 97.041%, 59.053% 92.702%, 54.822% 86.377%, 51.313% 78.049%, 51.313% 78.049%, 49.202% 71.93%, 47.238% 66.923%, 45.338% 62.965%, 43.42% 59.992%, 41.399% 57.941%, 39.193% 56.746%, 36.719% 56.345%, 33.894% 56.673%, 30.635% 57.667%, 26.858% 59.263%, 26.858% 59.263%, 22.58% 60.972%, 18.758% 61.918%, 15.363% 62.078%, 12.367% 61.431%, 9.743% 59.955%, 7.462% 57.628%, 5.496% 54.429%, 3.817% 50.336%, 2.397% 45.326%, 1.208% 39.379%, 1.208% 39.379%, 0.528% 34.322%, 0.184% 29.309%, 0.154% 24.364%, 0.416% 19.508%, 0.948% 14.764%, 1.728% 10.154%, 2.734% 5.7%, 3.943% 1.424%, 5.335% -2.651%, 6.885% -6.504%, 6.885% -6.504%, 10.221% -14.198%, 12.928% -20.553%, 15.107% -25.893%, 16.855% -30.543%, 18.272% -34.828%, 19.456% -39.071%, 20.508% -43.599%, 21.525% -48.734%, 22.607% -54.802%, 23.853% -62.128%);
}

.ul-header .logo-container::after {
	background-color: rgba(255, 255, 255, 0.2);
	bottom: calc(0% - clamp(26px, 2.73vw, 52px));
	left: calc(0% - clamp(20px, 1.58vw, 30px));
	right: calc(0% - clamp(28px, 2.1vw, 40px));
	clip-path: polygon(12.845% -48.266%, 12.845% -48.266%, 13.243% -56.845%, 13.802% -64.394%, 14.544% -70.99%, 15.49% -76.71%, 16.662% -81.632%, 18.083% -85.833%, 19.775% -89.391%, 21.759% -92.383%, 24.057% -94.886%, 26.692% -96.979%, 26.692% -96.979%, 32.558% -99.078%, 38.406% -97.762%, 44.202% -93.587%, 49.91% -87.11%, 55.495% -78.884%, 60.922% -69.467%, 66.157% -59.414%, 71.163% -49.28%, 75.906% -39.62%, 80.351% -30.991%, 80.351% -30.991%, 83.678% -24.667%, 86.968% -17.926%, 90.114% -10.745%, 93.007% -3.103%, 95.539% 5.025%, 97.603% 13.66%, 99.089% 22.826%, 99.89% 32.545%, 99.898% 42.84%, 99.004% 53.733%, 99.004% 53.733%, 96.912% 65.618%, 93.859% 75.971%, 90.021% 84.656%, 85.575% 91.533%, 80.7% 96.465%, 75.571% 99.313%, 70.365% 99.94%, 65.259% 98.209%, 60.431% 93.98%, 56.057% 87.116%, 56.057% 87.116%, 53.293% 81.779%, 50.803% 77.562%, 48.501% 74.446%, 46.298% 72.414%, 44.108% 71.449%, 41.842% 71.534%, 39.414% 72.651%, 36.734% 74.784%, 33.717% 77.914%, 30.273% 82.025%, 30.273% 82.025%, 26.361% 86.573%, 22.796% 90.004%, 19.548% 92.311%, 16.588% 93.488%, 13.886% 93.529%, 11.412% 92.429%, 9.137% 90.181%, 7.032% 86.778%, 5.065% 82.216%, 3.209% 76.487%, 3.209% 76.487%, 1.949% 71.407%, 1.017% 66.166%, 0.396% 60.8%, 0.067% 55.348%, 0.011% 49.848%, 0.209% 44.338%, 0.644% 38.856%, 1.296% 33.441%, 2.147% 28.129%, 3.178% 22.96%, 3.178% 22.96%, 5.466% 12.487%, 7.31% 3.866%, 8.767% -3.317%, 9.892% -9.478%, 10.743% -15.033%, 11.375% -20.398%, 11.844% -25.988%, 12.208% -32.219%, 12.523% -39.507%, 12.845% -48.266%);
}

.ul-header-nav {
	display: flex;
	gap: clamp(30px, 2.36vw, 45px);
}

@media screen and (max-width: 991px) {
	.ul-header-nav {
		flex-direction: column;
		border: 1px solid rgba(0, 0, 0, 0.2);
		gap: 0;
		display: none;
	}
}

.ul-header-nav>* {
	line-height: clamp(76px, 4.52vw, 86px);
}

@media screen and (max-width: 991px) {
	.ul-header-nav>* {
		line-height: 1.2;
		padding: 12px 15px 10px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	}

	.ul-header-nav>*:last-child {
		border-bottom: 0;
	}
}

.ul-header-nav a {
	font-weight: 600;
}

.ul-header-nav a,
.ul-header-nav a:not([href]):not([class]) {
	color: var(--white);
}

.ul-header-nav a:not([href]):hover,
.ul-header-nav a:hover {
	color: var(--ul-primary);
}

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

	.ul-header-nav a,
	.ul-header-nav a:not([href]):not([class]) {
		color: var(--black);
	}
}

.ul-header-nav .has-sub-menu {
	position: relative;
	display: grid;
	grid-template-rows: max-content 0fr;
	transition: 0.4s ease;
	padding-right: clamp(12px, 0.79vw, 15px);
}

@media screen and (max-width: 991px) {
	.ul-header-nav .has-sub-menu.active {
		grid-template-rows: max-content 1fr;
	}

	.ul-header-nav .has-sub-menu.active .ul-header-submenu {
		padding-top: 10px;
	}

	.ul-header-nav .has-sub-menu.active>a::after {
		transform: rotate(0deg);
	}
}

.ul-header-nav .has-sub-menu:hover .ul-header-submenu {
	opacity: 1;
	transform: translateY(0);
	pointer-events: all;
}

.ul-header-nav .has-sub-menu>a {
	position: relative;
}

.ul-header-nav .has-sub-menu>a::after {
	content: "\f140";
	position: absolute;
	right: -19px;
	top: 50%;
	transform: translateY(-50%);
	font-family: flaticon_charitics !important;
	font-style: normal;
	font-weight: normal !important;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: clamp(15px, 0.95vw, 18px);
}

@media screen and (max-width: 991px) {
	.ul-header-nav .has-sub-menu>a::after {
		right: 0;
		top: 0;
		transform: none;
	}
}

.ul-header-submenu {
	position: absolute;
	z-index: 2;
	min-width: 200px;
	background-color: var(--ul-black);
	background-color: rgb(106, 112, 119);
	box-shadow: 0 15px 15px rgba(0, 0, 0, 0.03);
	top: 100%;
	left: 0;
	opacity: 0;
	transition: 0.4s ease, pointer-events 0s;
	transform: translateY(5px);
	pointer-events: none;
	width: max-content;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
	border-radius: 0 0 10px 10px;
	border-radius: 15px;
	overflow: hidden;
	background-color: var(--white);
}

@media screen and (max-width: 479px) {
	.ul-header-submenu {
		background-color: var(--white);
	}
}

.ul-header-submenu li {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	line-height: normal;
}

@media screen and (max-width: 991px) {
	.ul-header-submenu li {
		border-bottom: none;
	}
}

.ul-header-submenu li:last-child {
	border-bottom: 0;
}

.ul-header-submenu li a {
	height: auto;
	padding: 12px 15px;
	display: inline-block;
	width: 100%;
	text-transform: capitalize;
	color: var(--ul-black);
}

@media screen and (max-width: 991px) {
	.ul-header-submenu li a {
		padding: 8px 0;
	}
}

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

@media screen and (max-width: 991px) {
	.ul-header-submenu {
		position: static;
		transform: translateY(0);
		opacity: 1;
		width: 100%;
		overflow: hidden;
		box-shadow: none;
		border-radius: 0;
	}
}

.ul-header-actions {
	display: flex;
	align-items: center;
	gap: clamp(10px, 1.58vw, 30px);
}

@media screen and (max-width: 575px) {
	.ul-header-actions {
		gap: 14px;
	}
}

.ul-header-actions button {
	padding: 0;
	color: var(--white);
}

.ul-header-actions button,
.ul-header-actions a {
	display: inline-flex;
	flex-shrink: 0;
}

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

	.ul-header-actions button,
	.ul-header-actions a {
		font-size: 16px;
	}
}

.ul-header-actions button i,
.ul-header-actions a i {
	display: inline-flex;
}

.ul-header-actions button:hover,
.ul-header-actions a:hover {
	color: var(--ul-primary);
}

.ul-header-actions button.ul-btn:hover,
.ul-header-actions a.ul-btn:hover {
	color: var(--ul-primary);
}

.ul-header .has-mega-menu {
	position: static;
}

.ul-header-megamenu {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	left: 3.1vw;
	right: 3.1vw;
	width: auto;
	top: clamp(110px, 7.8vw, 7.8vw);
	z-index: 99;
	padding: clamp(10px, 3.15vw, 60px) clamp(15px, 4.2vw, 80px);
	overflow: visible;
}

@media screen and (max-width: 991px) {
	.ul-header-megamenu {
		grid-template-columns: repeat(1, 1fr);
		overflow: hidden;
		padding: 0 0;
		gap: 20px;
	}
}

@media screen and (max-width: 991px) {
	.ul-header-megamenu.active {
		margin-top: 15px;
	}
}

.ul-header-megamenu::before {
	content: "";
	position: absolute;
	height: 100%;
	top: -30px;
	right: 16vw;
	background-color: transparent;
	opacity: 1;
	z-index: -1;
	width: 8.8vw;
}

@media screen and (max-width: 1399px) {
	.ul-header-megamenu::before {
		right: 20vw;
	}
}

@media screen and (max-width: 1199px) {
	.ul-header-megamenu::before {
		right: 21.5vw;
	}
}

.ul-header-megamenu .single-col {
	border-right: 1px solid rgba(0, 0, 0, 0.15);
	padding-right: clamp(20px, 2.1vw, 40px);
	margin-right: clamp(20px, 2.1vw, 40px);
}

@media screen and (max-width: 991px) {
	.ul-header-megamenu .single-col {
		border-right: 0;
		margin-right: 0;
		padding-right: 0;
	}
}

.ul-header-megamenu .single-col:last-child {
	border-right: 0;
	margin-right: 0;
	padding-right: 0;
}

.ul-header-megamenu .single-col-title {
	color: var(--ul-primary);
	font-weight: 500;
	font-size: clamp(17px, 1.05vw, 20px);
	display: inline-block;
	text-transform: uppercase;
}

@media screen and (max-width: 991px) {
	.ul-header-megamenu .single-col-title {
		margin-bottom: 10px;
	}
}

.ul-header-megamenu li {
	border-bottom: none;
	line-height: clamp(30px, 2.1vw, 40px);
}

.ul-header-megamenu li a {
	height: auto;
	padding: 1px 0;
	display: inline-block;
	width: 100%;
}

.ul-header-sidebar-opener {
	background-color: var(--ul-primary);
	height: clamp(45px, 2.94vw, 56px);
	border: 1px solid transparent;
	aspect-ratio: 1/1;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	color: var(--white) !important;
	cursor: pointer;
}

.ul-header-sidebar-opener:hover {
	color: var(--ul-primary) !important;
	background-color: transparent;
	border-color: var(--ul-primary);
}

.ul-header-2 .ul-header-container {
	max-width: clamp(0px, 96.95vw, 1845px);
}

@media screen and (max-width: 991px) {
	.ul-header-2 .ul-header-container {
		margin: 0 15px;
		width: auto;
	}
}

@media screen and (max-width: 479px) {
	.ul-header-2 .ul-header-container {
		flex-wrap: wrap;
	}
}

.ul-header-2 .ul-header-top {
	background-color: var(--ul-black);
	color: var(--white);
}

@media screen and (max-width: 479px) {
	.ul-header-2 .ul-header-top {
		padding: 10px 0 0;
	}
}

.ul-header-2 .ul-header-top-left {
	align-self: stretch;
}

.ul-header-2 .ul-header-top-left .address {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	gap: clamp(7px, 0.53vw, 10px);
	height: 100%;
	padding-right: clamp(15px, 1.21vw, 23px);
}

.ul-header-2 .ul-header-top-left .address::before {
	content: "";
	position: absolute;
	inset: 0;
	left: auto;
	width: calc(100% + 35px);
	background-color: var(--ul-primary);
	border-top-right-radius: 999px;
	z-index: -1;
}

@media screen and (max-width: 575px) {
	.ul-header-2 .ul-header-top-left .address::before {
		display: none;
	}
}

.ul-header-2 .ul-header-top-social {
	display: flex;
	align-items: center;
	gap: clamp(14px, 1.05vw, 20px);
	padding: clamp(12px, 0.79vw, 15px) 0;
}

.ul-header-2 .ul-header-top-social .links {
	display: flex;
	align-items: center;
	gap: clamp(8px, 0.79vw, 15px);
}

.ul-header-2 .ul-header-top-social a {
	color: var(--white);
}

.ul-header-2 .ul-header-bottom {
	position: static;
}

.ul-header-2 .ul-header-bottom.sticky {
	background-color: var(--white);
	position: fixed;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.ul-header-2 .logo-container::before,
.ul-header-2 .logo-container::after {
	display: none;
}

.ul-header-2 .ul-header-actions button {
	color: var(--ul-black);
}

.ul-header-2 .ul-header-nav a,
.ul-header-2 .ul-header-nav a:not([href]):not([class]) {
	color: var(--ul-black);
}

.ul-header-2 .ul-header-nav a:hover,
.ul-header-2 .ul-header-nav a:not([href]):not([class]):hover {
	color: var(--ul-primary);
}

.ul-sidebar.active .ul-header-nav {
	display: flex;
}

.ul-banner {
	position: relative;
	background-color: var(--ul-black);
	overflow: hidden;
	color: var(--white);
	z-index: 1;
}

.ul-banner::before {
	content: "";
	position: absolute;
	inset: 0;
	background: url(../img/banner-bg-shape.svg) no-repeat center center/cover;
	mix-blend-mode: multiply;
	pointer-events: none;
	z-index: -1;
}

.ul-banner-container {
	max-width: clamp(922px, 90.38vw, 1720px);
	width: 100%;
	margin: auto;
}

@media screen and (max-width: 991px) {
	.ul-banner-container {
		max-width: calc(100% - 30px);
	}
}

.ul-banner-txt {
	padding: clamp(150px, 16.03vw, 305px) 0;
	z-index: 1;
}

@media screen and (max-width: 991px) {
	.ul-banner-txt {
		padding-top: 0;
	}
}

.ul-banner-txt-vector {
	position: absolute;
	z-index: 1;
	bottom: 0;
	z-index: 0;
	pointer-events: none;
	left: clamp(15px, 4.2vw, 80px);
	max-width: clamp(284px, 29.64vw, 564px);
}

.ul-banner-sub-title {
	font-weight: 600;
	letter-spacing: 0.25em;
	margin-bottom: clamp(6px, 0.63vw, 12px);
}

.ul-banner-title {
	font-weight: 700;
	font-size: clamp(30px, 4.2vw, 80px);
	font-family: var(--font-quicksand);
	line-height: 100%;
	letter-spacing: -0.02em;
	margin-bottom: clamp(17px, 1.42vw, 27px);
	margin-left: -5px;
}

.ul-banner-descr {
	font-size: clamp(15px, 0.95vw, 18px);
	font-weight: 500;
	margin-bottom: clamp(21px, 2.15vw, 41px);
}

.ul-banner-btns {
	display: flex;
	gap: clamp(20px, 2.1vw, 40px);
	align-items: center;
	flex-wrap: wrap;
}

.ul-banner-stat {
	display: flex;
	gap: clamp(7px, 0.53vw, 10px);
	align-items: center;
}

.ul-banner-stat .imgs {
	display: flex;
	align-items: center;
}

.ul-banner-stat .imgs>* {
	width: clamp(40px, 2.63vw, 50px);
	aspect-ratio: 1/1;
	margin-left: calc(0% - clamp(12px, 0.79vw, 15px));
	border: 3px solid var(--white);
	border-radius: 999px;
	background-color: var(--ul-black);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: clamp(11px, 0.74vw, 14px);
	font-weight: 800;
	color: var(--ul-primary);
}

.ul-banner-stat .imgs>*:first-child {
	margin-left: 0;
}

.ul-banner-stat .txt {
	font-size: clamp(11px, 0.74vw, 14px);
	font-weight: 600;
}

.ul-banner-img {
	position: relative;
	width: max-content;
	z-index: 1;
}

@media screen and (max-width: 991px) {
	.ul-banner-img {
		margin-left: auto;
		margin-right: -15px;
	}
}

.ul-banner-img .img-wrapper {
	background: linear-gradient(180deg, var(--ul-primary) 0%, rgba(235, 83, 16, 0) 51%, var(--ul-primary) 100%);
	padding-left: 10px;
	clip-path: polygon(20.444% 6.836%, 20.444% 6.836%, 21.079% 1.445%, 21.969% -3.298%, 23.149% -7.442%, 24.655% -11.037%, 26.521% -14.129%, 28.783% -16.769%, 31.475% -19.005%, 34.633% -20.885%, 38.291% -22.458%, 42.485% -23.773%, 42.485% -23.773%, 51.821% -25.092%, 61.13% -24.265%, 70.354% -21.642%, 79.44% -17.571%, 88.329% -12.403%, 96.968% -6.486%, 105.299% -0.169%, 113.267% 6.199%, 120.817% 12.269%, 127.892% 17.691%, 127.892% 17.691%, 133.187% 21.665%, 138.424% 25.901%, 143.431% 30.413%, 148.036% 35.215%, 152.067% 40.322%, 155.351% 45.748%, 157.717% 51.507%, 158.992% 57.614%, 159.004% 64.083%, 157.581% 70.928%, 157.581% 70.928%, 154.251% 78.396%, 149.391% 84.901%, 143.283% 90.358%, 136.208% 94.679%, 128.447% 97.778%, 120.283% 99.568%, 111.997% 99.963%, 103.871% 98.874%, 96.186% 96.217%, 89.224% 91.904%, 89.224% 91.904%, 84.824% 88.551%, 80.861% 85.901%, 77.197% 83.943%, 73.692% 82.666%, 70.205% 82.06%, 66.599% 82.113%, 62.733% 82.815%, 58.469% 84.155%, 53.665% 86.122%, 48.184% 88.705%, 48.184% 88.705%, 41.958% 91.563%, 36.284% 93.719%, 31.115% 95.169%, 26.403% 95.908%, 22.102% 95.934%, 18.165% 95.243%, 14.544% 93.83%, 11.192% 91.692%, 8.062% 88.825%, 5.108% 85.226%, 5.108% 85.226%, 3.102% 82.034%, 1.619% 78.74%, 0.63% 75.368%, 0.106% 71.943%, 0.017% 68.487%, 0.333% 65.024%, 1.025% 61.58%, 2.062% 58.177%, 3.417% 54.84%, 5.058% 51.592%, 5.058% 51.592%, 8.7% 45.01%, 11.636% 39.594%, 13.954% 35.08%, 15.745% 31.209%, 17.099% 27.718%, 18.105% 24.347%, 18.852% 20.834%, 19.431% 16.919%, 19.932% 12.34%, 20.444% 6.836%);
}

@media screen and (max-width: 991px) {
	.ul-banner-img .img-wrapper {
		padding-left: 0;
	}
}

.ul-banner-img .img-wrapper img {
	max-height: clamp(0px, 65.74vw, 1251px);
	width: 100%;
	max-width: clamp(300px, 50.45vw, 960px);
	aspect-ratio: 960/1000;
	clip-path: polygon(20.444% 6.836%, 20.444% 6.836%, 21.079% 1.445%, 21.969% -3.298%, 23.149% -7.442%, 24.655% -11.037%, 26.521% -14.129%, 28.783% -16.769%, 31.475% -19.005%, 34.633% -20.885%, 38.291% -22.458%, 42.485% -23.773%, 42.485% -23.773%, 51.821% -25.092%, 61.13% -24.265%, 70.354% -21.642%, 79.44% -17.571%, 88.329% -12.403%, 96.968% -6.486%, 105.299% -0.169%, 113.267% 6.199%, 120.817% 12.269%, 127.892% 17.691%, 127.892% 17.691%, 133.187% 21.665%, 138.424% 25.901%, 143.431% 30.413%, 148.036% 35.215%, 152.067% 40.322%, 155.351% 45.748%, 157.717% 51.507%, 158.992% 57.614%, 159.004% 64.083%, 157.581% 70.928%, 157.581% 70.928%, 154.251% 78.396%, 149.391% 84.901%, 143.283% 90.358%, 136.208% 94.679%, 128.447% 97.778%, 120.283% 99.568%, 111.997% 99.963%, 103.871% 98.874%, 96.186% 96.217%, 89.224% 91.904%, 89.224% 91.904%, 84.824% 88.551%, 80.861% 85.901%, 77.197% 83.943%, 73.692% 82.666%, 70.205% 82.06%, 66.599% 82.113%, 62.733% 82.815%, 58.469% 84.155%, 53.665% 86.122%, 48.184% 88.705%, 48.184% 88.705%, 41.958% 91.563%, 36.284% 93.719%, 31.115% 95.169%, 26.403% 95.908%, 22.102% 95.934%, 18.165% 95.243%, 14.544% 93.83%, 11.192% 91.692%, 8.062% 88.825%, 5.108% 85.226%, 5.108% 85.226%, 3.102% 82.034%, 1.619% 78.74%, 0.63% 75.368%, 0.106% 71.943%, 0.017% 68.487%, 0.333% 65.024%, 1.025% 61.58%, 2.062% 58.177%, 3.417% 54.84%, 5.058% 51.592%, 5.058% 51.592%, 8.7% 45.01%, 11.636% 39.594%, 13.954% 35.08%, 15.745% 31.209%, 17.099% 27.718%, 18.105% 24.347%, 18.852% 20.834%, 19.431% 16.919%, 19.932% 12.34%, 20.444% 6.836%);
}

@media screen and (max-width: 767px) {
	.ul-banner-img .img-wrapper img {
		max-width: clamp(300px, 70.45vw, 990px);
		max-height: none;
	}
}

.ul-banner-img::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(180deg, #1E252F -5.34%, rgba(30, 37, 47, 0) 39.75%);
}

.ul-banner-img-vectors>* {
	position: absolute;
	z-index: -1;
}

.ul-banner-img-vectors .vector-1 {
	top: clamp(92px, 9.56vw, 182px);
	left: clamp(50px, 6.31vw, 120px);
}

.ul-banner-img-vectors .vector-2 {
	bottom: clamp(40px, 4.73vw, 90px);
	right: clamp(135px, 12.35vw, 235px);
}

.ul-banner-vectors>* {
	position: absolute;
}

.ul-banner-vectors .vector-1 {
	top: clamp(50px, 3.42vw, 65px);
	left: 0;
	max-width: clamp(72px, 5.83vw, 111px);
}

.ul-banner-vectors .vector-2 {
	left: 0;
	bottom: clamp(5px, 1.47vw, 28px);
	max-width: clamp(80px, 8.2vw, 156px);
}

@media screen and (max-width: 767px) {
	.ul-banner-vectors .vector-2 {
		left: auto;
		right: 0;
		transform: scale(-1);
		opacity: 0;
	}
}

.ul-banner-vectors .vector-3 {
	right: 0;
	top: clamp(16px, 1vw, 19px);
	max-width: clamp(106px, 9.93vw, 189px);
}

.ul-banner-2 {
	background-color: transparent;
	max-width: clamp(0px, 96.95vw, 1845px);
	margin: auto;
	border-radius: clamp(20px, 2.1vw, 40px);
}

@media screen and (max-width: 991px) {
	.ul-banner-2 {
		margin: 0 15px;
	}
}

.ul-banner-2::before {
	content: none;
}

.ul-banner-2-slider {
	clip-path: polygon(29.268% 100%, 2.168% 100%, 2.168% 100%, 1.816% 99.939%, 1.483% 99.763%, 1.172% 99.481%, 0.888% 99.103%, 0.635% 98.638%, 0.418% 98.096%, 0.242% 97.486%, 0.111% 96.819%, 0.028% 96.103%, 0% 95.349%, 0% 4.651%, 0% 4.651%, 0.028% 3.897%, 0.111% 3.181%, 0.242% 2.514%, 0.418% 1.904%, 0.635% 1.362%, 0.888% 0.897%, 1.172% 0.519%, 1.483% 0.237%, 1.816% 0.061%, 2.168% 0%, 97.832% 0%, 97.832% 0%, 98.184% 0.061%, 98.517% 0.237%, 98.828% 0.519%, 99.112% 0.897%, 99.365% 1.362%, 99.582% 1.904%, 99.758% 2.514%, 99.889% 3.181%, 99.972% 3.897%, 100% 4.651%, 100% 95.349%, 100% 95.349%, 99.972% 96.103%, 99.889% 96.819%, 99.758% 97.486%, 99.582% 98.096%, 99.365% 98.638%, 99.112% 99.103%, 98.828% 99.481%, 98.517% 99.763%, 98.184% 99.939%, 97.832% 100%, 71.614% 100%, 71.614% 100%, 71.262% 99.939%, 70.929% 99.763%, 70.618% 99.481%, 70.333% 99.103%, 70.081% 98.638%, 69.864% 98.096%, 69.688% 97.486%, 69.557% 96.819%, 69.474% 96.103%, 69.446% 95.349%, 69.446% 95.137%, 69.446% 95.137%, 69.418% 94.383%, 69.336% 93.667%, 69.204% 93%, 69.028% 92.39%, 68.811% 91.848%, 68.558% 91.383%, 68.274% 91.005%, 67.963% 90.723%, 67.63% 90.547%, 67.278% 90.486%, 33.604% 90.486%, 33.604% 90.486%, 33.252% 90.547%, 32.919% 90.723%, 32.607% 91.005%, 32.323% 91.383%, 32.071% 91.848%, 31.854% 92.39%, 31.678% 93%, 31.546% 93.667%, 31.464% 94.383%, 31.436% 95.137%, 31.436% 95.349%, 31.436% 95.349%, 31.407% 96.103%, 31.325% 96.819%, 31.194% 97.486%, 31.017% 98.096%, 30.801% 98.638%, 30.548% 99.103%, 30.264% 99.481%, 29.953% 99.763%, 29.619% 99.939%, 29.268% 100%);
	z-index: 1;
}

@media screen and (max-width: 767px) {
	.ul-banner-2-slider {
		clip-path: polygon(16.124% 100%, 7.168% 100%, 7.168% 100%, 6.006% 99.888%, 4.903% 99.562%, 3.874% 99.042%, 2.935% 98.344%, 2.1% 97.486%, 1.383% 96.486%, 0.8% 95.361%, 0.365% 94.129%, 0.094% 92.809%, 0% 91.416%, 0% 8.584%, 0% 8.584%, 0.094% 7.191%, 0.365% 5.871%, 0.8% 4.639%, 1.383% 3.514%, 2.1% 2.514%, 2.935% 1.656%, 3.874% 0.958%, 4.903% 0.438%, 6.006% 0.112%, 7.168% 0%, 92.832% 0%, 92.832% 0%, 93.994% 0.112%, 95.097% 0.438%, 96.126% 0.958%, 97.065% 1.656%, 97.9% 2.514%, 98.617% 3.514%, 99.2% 4.639%, 99.635% 5.871%, 99.906% 7.191%, 100% 8.584%, 100% 91.416%, 100% 91.416%, 99.906% 92.809%, 99.635% 94.129%, 99.2% 95.361%, 98.617% 96.486%, 97.9% 97.486%, 97.065% 98.344%, 96.126% 99.042%, 95.097% 99.562%, 93.994% 99.888%, 92.832% 100%, 83.787% 100%, 83.787% 100%, 83.117% 99.935%, 82.482% 99.748%, 81.89% 99.448%, 81.349% 99.047%, 80.868% 98.553%, 80.456% 97.977%, 80.12% 97.329%, 79.87% 96.62%, 79.714% 95.86%, 79.659% 95.058%, 79.659% 95.058%, 79.567% 93.684%, 79.299% 92.381%, 78.87% 91.166%, 78.295% 90.056%, 77.588% 89.069%, 76.763% 88.222%, 75.837% 87.533%, 74.822% 87.02%, 73.733% 86.699%, 72.586% 86.588%, 49.731% 86.588%, 27.325% 86.588%, 27.325% 86.588%, 26.177% 86.699%, 25.089% 87.02%, 24.074% 87.533%, 23.147% 88.222%, 22.323% 89.069%, 21.616% 90.056%, 21.04% 91.166%, 20.612% 92.381%, 20.343% 93.684%, 20.251% 95.058%, 20.251% 95.058%, 20.197% 95.86%, 20.041% 96.62%, 19.79% 97.329%, 19.455% 97.977%, 19.042% 98.553%, 18.561% 99.047%, 18.02% 99.448%, 17.428% 99.748%, 16.793% 99.935%, 16.124% 100%);
	}
}

@media screen and (max-width: 479px) {
	.ul-banner-2-slider {
		clip-path: polygon(6.622% 100%, 6.452% 100%, 6.452% 100%, 5.405% 99.954%, 4.412% 99.823%, 3.487% 99.612%, 2.641% 99.329%, 1.89% 98.981%, 1.245% 98.576%, 0.72% 98.12%, 0.329% 97.621%, 0.084% 97.086%, 0% 96.522%, 0% 2.609%, 0% 2.609%, 0.063% 2.186%, 0.247% 1.784%, 0.54% 1.41%, 0.934% 1.068%, 1.417% 0.764%, 1.981% 0.503%, 2.615% 0.291%, 3.309% 0.133%, 4.054% 0.034%, 4.839% 0%, 95.484% 0%, 95.484% 0%, 96.216% 0.032%, 96.911% 0.124%, 97.559% 0.272%, 98.151% 0.47%, 98.677% 0.713%, 99.129% 0.997%, 99.496% 1.316%, 99.77% 1.665%, 99.941% 2.04%, 100% 2.435%, 100% 96.522%, 100% 96.522%, 99.916% 97.086%, 99.671% 97.621%, 99.28% 98.12%, 98.755% 98.576%, 98.11% 98.981%, 97.359% 99.329%, 96.513% 99.612%, 95.588% 99.823%, 94.595% 99.954%, 93.548% 100%, 93.055% 100%, 93.055% 100%, 92.046% 99.958%, 91.085% 99.835%, 90.185% 99.637%, 89.358% 99.372%, 88.615% 99.045%, 87.971% 98.663%, 87.436% 98.231%, 87.023% 97.757%, 86.745% 97.246%, 86.613% 96.705%, 86.452% 95.058%, 86.435% 94.945%, 86.435% 94.945%, 86.282% 94.415%, 85.988% 93.917%, 85.566% 93.454%, 85.027% 93.035%, 84.383% 92.663%, 83.646% 92.346%, 82.828% 92.09%, 81.94% 91.899%, 80.994% 91.78%, 80.003% 91.739%, 49.032% 91.739%, 19.682% 91.739%, 19.682% 91.739%, 18.709% 91.779%, 17.779% 91.893%, 16.904% 92.077%, 16.096% 92.326%, 15.364% 92.633%, 14.721% 92.993%, 14.179% 93.401%, 13.748% 93.851%, 13.439% 94.337%, 13.265% 94.855%, 13.226% 95.058%, 13.065% 96.705%, 13.065% 96.705%, 12.933% 97.246%, 12.654% 97.757%, 12.242% 98.231%, 11.707% 98.663%, 11.062% 99.045%, 10.32% 99.372%, 9.492% 99.637%, 8.592% 99.835%, 7.631% 99.958%, 6.622% 100%);
		clip-path: polygon(8.152% 100%, 4.839% 100%, 4.839% 100%, 4.054% 99.966%, 3.309% 99.867%, 2.615% 99.709%, 1.981% 99.497%, 1.417% 99.236%, 0.934% 98.932%, 0.54% 98.59%, 0.247% 98.216%, 0.063% 97.814%, 0% 97.391%, 0% 2.609%, 0% 2.609%, 0.063% 2.186%, 0.247% 1.784%, 0.54% 1.41%, 0.934% 1.068%, 1.417% 0.764%, 1.981% 0.503%, 2.615% 0.291%, 3.309% 0.133%, 4.054% 0.034%, 4.839% 0%, 95.484% 0%, 95.484% 0%, 96.216% 0.032%, 96.911% 0.124%, 97.559% 0.272%, 98.151% 0.47%, 98.677% 0.713%, 99.129% 0.997%, 99.496% 1.316%, 99.77% 1.665%, 99.941% 2.04%, 100% 2.435%, 100% 97.391%, 100% 97.391%, 99.937% 97.814%, 99.753% 98.216%, 99.46% 98.59%, 99.066% 98.932%, 98.583% 99.236%, 98.019% 99.497%, 97.385% 99.709%, 96.691% 99.867%, 95.946% 99.966%, 95.161% 100%, 91.525% 100%, 91.525% 100%, 90.769% 99.968%, 90.048% 99.876%, 89.373% 99.728%, 88.752% 99.529%, 88.195% 99.284%, 87.712% 98.997%, 87.311% 98.674%, 87.001% 98.318%, 86.792% 97.935%, 86.694% 97.529%, 86.452% 95.058%, 86.318% 94.143%, 86.318% 94.143%, 86.203% 93.746%, 85.983% 93.372%, 85.666% 93.026%, 85.262% 92.711%, 84.779% 92.432%, 84.226% 92.195%, 83.613% 92.002%, 82.947% 91.859%, 82.238% 91.77%, 81.495% 91.739%, 49.032% 91.739%, 18.229% 91.739%, 18.229% 91.739%, 17.499% 91.769%, 16.802% 91.855%, 16.146% 91.993%, 15.539% 92.179%, 14.991% 92.409%, 14.509% 92.68%, 14.102% 92.985%, 13.779% 93.323%, 13.547% 93.688%, 13.417% 94.076%, 13.226% 95.058%, 12.984% 97.529%, 12.984% 97.529%, 12.885% 97.935%, 12.676% 98.318%, 12.367% 98.674%, 11.966% 98.997%, 11.482% 99.284%, 10.925% 99.529%, 10.305% 99.728%, 9.63% 99.876%, 8.909% 99.968%, 8.152% 100%);
	}
}

.ul-banner-2-slider-navigation {
	position: absolute;
	bottom: clamp(10px, 0.68vw, 13px);
	z-index: 1;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
}

@media screen and (max-width: 1399px) {
	.ul-banner-2-slider-navigation {
		bottom: 0;
	}
}

.ul-banner-2-slider-navigation button {
	padding: 0;
}

.ul-banner-2-thumb-slider {
	margin: 0 10px;
	width: 140px;
}

.ul-banner-2-thumb-slider img {
	width: clamp(35px, 2.1vw, 40px);
	aspect-ratio: 1/1;
	object-fit: cover;
	border-radius: 50%;
}

.ul-banner-2-slide {
	padding: clamp(100px, 12.35vw, 235px) clamp(15px, 3.15vw, 60px);
	position: relative;
	z-index: 1;
}

.ul-banner-2-slide::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: linear-gradient(101.64deg, rgba(235, 83, 16, 0.9) 1.87%, rgba(235, 83, 16, 0.1) 98.72%);
	pointer-events: none;
}

.ul-banner-2-slide-bg-img {
	position: absolute;
	inset: 0;
	z-index: -2;
	pointer-events: none;
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.ul-banner-2-slide .ul-banner-txt {
	padding: 0;
}

.ul-banner-2-slide .ul-banner-sub-title {
	color: var(--white);
}

.ul-banner-2-slide .ul-banner-sub-title::before {
	background-color: var(--white);
}

.ul-banner-2-slide .ul-banner-title {
	line-height: 1.2;
}

.ul-banner-2-slide .ul-btn {
	background-color: transparent;
	border-color: var(--white);
}

.ul-banner-2-slide .ul-btn:hover {
	background-color: var(--white);
	color: var(--ul-black);
}

.ul-about {
	position: relative;
}

.ul-about-row {
	--bs-gutter-x: clamp(30px, 3.15vw, 60px) !important;
	--bs-gutter-y: clamp(30px, 3.15vw, 60px) !important;
}

.ul-about-imgs {
	position: relative;
	z-index: 1;
}

.ul-about-imgs-vectors .vector-1 {
	position: absolute;
	bottom: 0;
	left: calc(0% - clamp(151px, 10.56vw, 201px));
	z-index: -1;
}

.ul-about-imgs-vectors .vector-2 {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: -1;
	max-width: clamp(0px, 34.21vw, 651px);
}

.ul-about .ul-section-title {
	margin-bottom: clamp(5px, 0.68vw, 13px);
}

.ul-about .ul-section-descr {
	margin-bottom: clamp(20px, 1.58vw, 30px);
}

.ul-about-block {
	display: flex;
	align-items: center;
	gap: 20px clamp(30px, 2.89vw, 55px);
	margin-bottom: clamp(25px, 2.36vw, 45px);
	flex-wrap: wrap;
}

.ul-about-block .block-left .icon {
	width: clamp(40px, 2.63vw, 50px);
	aspect-ratio: 50/50;
	background: url(../img/about-block-icon-bg.svg) no-repeat center center/contain;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: clamp(25px, 1.58vw, 30px);
	color: var(--white);
}

.ul-about-block .block-heading {
	display: flex;
	align-items: center;
	gap: clamp(10px, 0.79vw, 15px);
	margin-bottom: clamp(3px, 0.32vw, 6px);
}

.ul-about-block .block-title {
	font-size: clamp(18px, 1.16vw, 22px);
	font-weight: 700;
}

.ul-about-block .block-list {
	color: var(--ul-black);
}

.ul-about-block .block-list li {
	display: flex;
	align-items: center;
}

.ul-about-block .block-list li:before {
	content: "\f106";
	font-family: flaticon_charitics !important;
	font-style: normal;
	font-weight: normal !important;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: var(--ul-primary);
	margin-right: clamp(7px, 0.53vw, 10px);
	font-size: clamp(9px, 0.63vw, 12px);
}

.ul-about-block .block-right img {
	width: 100%;
	max-width: clamp(230px, 17.34vw, 330px);
	aspect-ratio: 330/73;
	border-radius: 999px;
}

.ul-about-bottom {
	display: flex;
	align-items: center;
	gap: clamp(15px, 2.1vw, 40px);
	flex-wrap: wrap;
}

.ul-about-call {
	display: flex;
	gap: clamp(12px, 0.79vw, 15px);
}

.ul-about-call .icon {
	width: clamp(42px, 2.73vw, 52px);
	aspect-ratio: 50/50;
	border: 1px solid var(--ul-black);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: clamp(17px, 1.05vw, 20px);
}

.ul-about-call .call-title {
	font-weight: 400;
	display: block;
	color: var(--ul-gray);
	margin-bottom: 5px;
}

.ul-about-call a {
	font-weight: 700;
	color: var(--ul-black);
}

.ul-about-call a:hover {
	color: var(--ul-primary);
}

.ul-about-vectors>* {
	position: absolute;
	pointer-events: none;
}

.ul-about-vectors .vector-1 {
	right: 0;
	bottom: clamp(154px, 15.45vw, 294px);
	max-width: clamp(75px, 11.82vw, 225px);
	animation: slide-top 12s ease infinite alternate;
}

@media screen and (max-width: 1199px) {
	.ul-about-vectors .vector-1 {
		display: none;
	}
}

.ul-about-2 {
	overflow: hidden;
}

.ul-about-2-img img {
	border-radius: 999px;
	border-bottom-left-radius: 0px;
}

.ul-about-2-stat {
	background-color: var(--ul-primary);
	color: var(--white);
	text-align: center;
	position: absolute;
	font-weight: 700;
	padding: clamp(23px, 2vw, 38px);
	bottom: clamp(16px, 1.89vw, 36px);
	right: 0;
	border-radius: clamp(15px, 1.05vw, 20px);
	min-width: clamp(0px, 17.34vw, 330px);
}

.ul-about-2-stat .number {
	font-size: clamp(45px, 3.15vw, 60px);
	font-family: var(--font-quicksand);
	font-weight: 700;
	line-height: 0.7;
	display: block;
	margin-bottom: clamp(10px, 0.79vw, 15px);
}

.ul-about-2-bottom {
	flex-wrap: nowrap;
	margin-bottom: clamp(20px, 2.63vw, 50px);
}

.ul-about-2-bottom-block {
	display: flex;
	align-items: center;
	gap: clamp(10px, 0.79vw, 15px);
}

@media screen and (max-width: 991px) {
	.ul-about-2-bottom-block {
		flex-wrap: wrap;
	}
}

@media screen and (max-width: 767px) {
	.ul-about-2-bottom-block {
		flex-wrap: nowrap;
	}
}

@media screen and (max-width: 575px) {
	.ul-about-2-bottom-block {
		flex-wrap: wrap;
	}
}

.ul-about-2-bottom-block-icon {
	background-color: #F5F0E1;
	border-radius: 50%;
	width: clamp(60px, 4.2vw, 80px);
	aspect-ratio: 1/1;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ul-about-2-bottom-block-title {
	font-size: clamp(19px, 1.16vw, 22px);
	font-weight: 700;
	color: var(--ul-black);
	margin-bottom: clamp(3px, 0.32vw, 6px);
	font-family: var(--font-quicksand);
}

.ul-about-2-bottom-block p {
	margin-bottom: 0;
	line-height: 1.6;
}

.ul-donations {
	background: url(../img/donations-bg.png) no-repeat center center/cover;
	position: relative;
	z-index: 1;
}

.ul-donations::before,
.ul-donations::after {
	content: "";
	position: absolute;
	z-index: -1;
	inset: 0;
	left: auto;
	border-radius: 999px 0 0 999px;
	background: url(../img/donations-bg-img.jpg) no-repeat center center/cover;
	width: clamp(0px, 46.56vw, 886px);
}

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

	.ul-donations::before,
	.ul-donations::after {
		top: 20%;
	}
}

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

	.ul-donations::before,
	.ul-donations::after {
		top: 35%;
	}
}

.ul-donations::after {
	background: var(--ul-black);
	opacity: 85%;
}

.ul-donations-heading .left {
	max-width: 660px;
	text-align: left;
}

@media screen and (max-width: 991px) {
	.ul-donations-heading {
		flex-direction: column;
		align-items: flex-start;
	}
}

@media screen and (max-width: 767px) {
	.ul-donations-heading .ul-banner-stat .txt {
		color: var(--ul-black) !important;
	}
}

.ul-donations-slider-nav {
	position: static;
	width: auto;
	transform: translate(0);
	gap: clamp(10px, 0.79vw, 15px);
}

.ul-donations-slider-nav button {
	background-color: var(--white);
	color: var(--ul-black);
}

.ul-donation {
	background-color: var(--white);
	border-radius: 20px;
	padding: clamp(15px, 1.26vw, 24px);
	padding-bottom: 0;
	border: 3px solid transparent;
	transition: 0.4s ease;
}

.ul-donation:hover {
	border-color: var(--ul-primary);
}

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

.ul-donation:hover .ul-donation-btn::before {
	background-color: var(--ul-primary);
}

.ul-donation-img {
	position: relative;
	margin-bottom: clamp(20px, 1.84vw, 35px);
}

.ul-donation-img img {
	border-radius: 16px;
	aspect-ratio: 282/188;
}

.ul-donation-img .tag {
	position: absolute;
	top: clamp(10px, 0.79vw, 15px);
	left: clamp(10px, 0.79vw, 15px);
	background-color: var(--ul-primary);
	color: var(--white);
	padding: 0px clamp(7px, 0.53vw, 10px) 1px;
	border-radius: 99px;
	font-size: clamp(12px, 0.74vw, 14px);
	font-weight: 500;
}

.ul-donation-progress {
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	margin-bottom: clamp(5px, 0.47vw, 9px);
	padding-bottom: clamp(8px, 0.79vw, 15px);
}

.ul-donation-progress-labels {
	padding-top: clamp(3px, 0.32vw, 6px);
	font-size: clamp(11px, 0.63vw, 12px);
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.ul-donation-title {
	font-weight: 700;
	font-family: var(--font-quicksand);
	font-size: clamp(17px, 1.05vw, 20px);
	margin: clamp(0px, 0.21vw, 4px);
}

.ul-donation-descr {
	color: var(--ul-p);
}

.ul-donation-btn {
	background-color: var(--ul-black);
	border-radius: clamp(12px, 1.05vw, 20px) clamp(12px, 1.05vw, 20px) 0 0;
	color: var(--white);
	font-weight: 700;
	font-size: clamp(15px, 0.95vw, 18px);
	display: inline-flex;
	gap: clamp(9px, 0.63vw, 12px);
	align-items: center;
	padding: clamp(5px, 0.47vw, 9px) clamp(14px, 1.05vw, 20px);
	position: relative;
	z-index: 1;
}

.ul-donation-btn:hover {
	color: var(--white);
}

.ul-donation-btn::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	bottom: -3px;
	border-radius: clamp(12px, 1.05vw, 20px) clamp(12px, 1.05vw, 20px) 0 0;
	background-color: var(--ul-black);
	transition: 0.4s ease;
}

.ul-donation--inner {
	background-color: var(--ul-gray3);
}

.ul-donate-form-section {
	position: relative;
	z-index: 1;
	background-color: var(--ul-primary);
	border-radius: 20px;
	padding: clamp(30px, 3.15vw, 60px) 0;
	box-shadow: 0px 4px 70px rgba(235, 83, 16, 0.2);
	overflow: hidden;
}

@media screen and (max-width: 991px) {
	.ul-donate-form-section {
		padding: clamp(15px, 3.15vw, 60px) 15px;
	}
}

.ul-donate-form-section::before {
	content: "";
	position: absolute;
	border-radius: 20px;
	mix-blend-mode: multiply;
	inset: 0;
	filter: drop-shadow(0px 4px 70px rgba(235, 83, 16, 0.2));
	background: url(../img/donate-form-wrapper-bg.png) no-repeat center center/cover;
	pointer-events: none;
	z-index: -1;
}

.ul-donate-form-section .ul-section-sub-title::before {
	background-color: var(--white);
}

.ul-donate-form-section .ul-section-title {
	margin-bottom: clamp(27px, 3vw, 57px);
	font-size: clamp(25px, 2.31vw, 44px);
}

.ul-donate-form-section-txt {
	padding-right: clamp(15px, 3.15vw, 60px);
}

.ul-donate-form-section-txt .ul-progress {
	border-bottom: none;
}

.ul-donate-form-section-txt .ul-progress-container {
	border-color: var(--white);
}

.ul-donate-form-section-txt .ul-progress-label {
	color: var(--white);
}

.ul-donate-form-section-txt .ul-progressbar {
	background-color: var(--white);
}

.ul-donate-form-section-txt .ul-progressbar::before {
	border: 4px solid var(--white);
	background-color: var(--ul-primary);
}

.ul-donate-form-section-txt .ul-donation-progress {
	border-bottom: none;
}

.ul-donate-form-section-txt .ul-donation-progress-labels {
	color: var(--white);
}

.ul-donate-form-wrapper {
	background-color: var(--ul-black);
	color: var(--white);
	border-radius: 0 20px 20px 0;
	position: relative;
	z-index: 1;
	padding: clamp(20px, 3.15vw, 60px);
	box-shadow: 0px 4px 70px rgba(235, 83, 16, 0.2);
}

@media screen and (max-width: 991px) {
	.ul-donate-form-wrapper {
		border-radius: 20px;
		margin-bottom: 15px;
	}
}

.ul-donate-form-wrapper::before {
	content: "";
	position: absolute;
	inset: 0;
	background: url(../img/donate-form-bg.jpg) no-repeat center center/cover;
	opacity: 40%;
	z-index: -1;
	border-radius: 0 20px 20px 0;
}

@media screen and (max-width: 991px) {
	.ul-donate-form-wrapper::before {
		border-radius: 20px;
	}
}

.ul-donate-form {
	display: flex;
	flex-wrap: wrap;
	gap: clamp(15px, 1.58vw, 30px) clamp(7px, 0.53vw, 10px);
	position: relative;
	z-index: 1;
}

.ul-donate-form-title {
	font-size: clamp(24px, 1.58vw, 30px);
	font-weight: 700;
	font-family: var(--font-quicksand);
	margin-bottom: clamp(20px, 1.84vw, 35px);
}

.ul-donate-form label {
	display: flex;
	align-items: center;
	justify-content: center;
	height: clamp(35px, 2.1vw, 40px);
	padding: 0 clamp(15px, 1.58vw, 30px);
	border-radius: 999px;
	font-weight: 700;
	background-color: var(--white);
	color: var(--ul-black);
}

.ul-donate-form input[type=radio]:checked+label {
	background-color: var(--ul-primary);
	color: var(--white);
}

.ul-donate-form input[type=radio]:checked+label .ul-donate-form-custom-input {
	pointer-events: all;
	color: var(--white);
}

.ul-donate-form input[type=radio]:checked+label .ul-donate-form-custom-input::placeholder {
	color: var(--white);
}

.ul-donate-form .ul-donate-form-custom-input {
	pointer-events: none;
	width: 100%;
}

.ul-donate-form .custom-amount-wrapper {
	position: relative;
}

.ul-donate-form .custom-amount-wrapper label {
	padding: 0;
	height: auto;
	position: absolute;
	top: 0;
	pointer-events: none;
}

.ul-donate-form .custom-amount-wrapper input {
	padding: 0 clamp(15px, 1.58vw, 30px);
	border-radius: 999px;
	font-weight: 700;
	border: none;
	height: clamp(45px, 2.94vw, 56px);
}

.ul-donate-form .custom-amount-wrapper input[type=radio] {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	width: clamp(212px, 12.09vw, 230px);
}

.ul-donate-form-vector {
	position: absolute;
	right: calc(0% - clamp(64px, 6.52vw, 124px));
	top: 50%;
	transform: translateY(-50%);
	z-index: -2;
	max-width: clamp(93px, 10.14vw, 193px);
}

.ul-stats {
	background-color: var(--ul-black);
	position: relative;
	z-index: 1;
}

.ul-stats::before {
	content: "";
	position: absolute;
	z-index: -1;
	inset: 0;
	background: url(../img/stats-events-bg-shape.svg) no-repeat center top/cover;
	mix-blend-mode: multiply;
	opacity: 40%;
}

.ul-stats-item {
	border: 1px solid rgba(255, 255, 255, 0.2);
	padding: 15px;
	aspect-ratio: 1/1;
	border-radius: 999px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	background: no-repeat center center/cover;
	background-image: url(../img/stat-bg.png);
	transition: 0.4s ease;
	position: relative;
	z-index: 1;
	color: var(--white);
}

.ul-stats-item::before {
	position: absolute;
	content: "";
	inset: 0;
	transition: 0.3s ease;
	z-index: -1;
	border-radius: 50%;
	background-color: var(--ul-black);
}

.ul-stats-item:hover {
	border-color: transparent;
}

.ul-stats-item:hover::before {
	opacity: 0.6;
}

.ul-stats-item i {
	font-size: clamp(50px, 3.15vw, 60px);
}

.ul-stats-item .number {
	font-weight: 700;
	font-size: clamp(30px, 2.1vw, 40px);
	line-height: 0.7;
	padding: clamp(20px, 1.58vw, 30px) 0;
	font-family: var(--font-quicksand);
}

@media screen and (max-width: 479px) {
	.ul-stats-item .number {
		padding: clamp(14px, 1.58vw, 30px) 0;
	}
}

.ul-stats-item .txt {
	font-weight: 500;
}

.ul-events {
	background-color: var(--ul-black);
	position: relative;
	z-index: 1;
}

.ul-events::after,
.ul-events::before {
	content: "";
	position: absolute;
	z-index: -1;
	inset: 0;
	background: url(../img/stats-events-bg-shape.svg) no-repeat center bottom/cover;
	mix-blend-mode: multiply;
	opacity: 40%;
}

.ul-events::after {
	top: -2px;
	z-index: -2;
	background: var(--ul-black);
	mix-blend-mode: normal;
	opacity: 1;
}

.ul-events .ul-section-heading .left {
	max-width: 40%;
}

@media screen and (max-width: 991px) {
	.ul-events .ul-section-heading .left {
		max-width: 50%;
	}
}

@media screen and (max-width: 575px) {
	.ul-events .ul-section-heading .left {
		max-width: 100%;
	}
}

.ul-events-vectors>* {
	position: absolute;
	z-index: -1;
}

.ul-events-vectors .vector-1 {
	top: 5%;
	left: 50%;
	transform: translateX(-50%);
	max-width: clamp(281px, 34.21vw, 651px);
}

.ul-events-vectors .vector-2 {
	right: 0;
	top: clamp(166px, 11.88vw, 226px);
	max-width: clamp(105px, 10.77vw, 205px);
}

@media screen and (max-width: 575px) {
	.ul-events-vectors .vector-2 {
		display: none;
	}
}

.ul-event {
	background-color: var(--white);
	padding: clamp(15px, 1.05vw, 20px);
	border-radius: 20px;
	display: flex;
	align-items: center;
	gap: clamp(15px, 1.58vw, 30px);
}

@media screen and (max-width: 479px) {
	.ul-event {
		flex-direction: column;
		align-items: flex-start;
	}
}

.ul-event-img {
	flex-shrink: 0;
	aspect-ratio: 272/286;
	border-radius: 15px;
	overflow: hidden;
	max-width: clamp(192px, 14.29vw, 272px);
	position: relative;
}

@media screen and (max-width: 479px) {
	.ul-event-img {
		max-width: 100%;
		width: 100%;
	}
}

.ul-event-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ul-event-img .date {
	position: absolute;
	background-color: var(--white);
	aspect-ratio: 1/1;
	color: var(--ul-primary);
	font-weight: 900;
	display: block;
	text-align: center;
	top: clamp(10px, 1.05vw, 20px);
	left: clamp(10px, 1.05vw, 20px);
	width: clamp(60px, 3.68vw, 70px);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
}

.ul-event-img .date span {
	display: block;
}

.ul-event-title {
	font-weight: 700;
	font-family: var(--font-quicksand);
	font-size: clamp(20px, 1.26vw, 24px);
	margin-bottom: clamp(10px, 0.89vw, 17px);
}

.ul-event-descr {
	color: var(--ul-p);
	margin-bottom: clamp(9px, 0.63vw, 12px);
}

.ul-event-info {
	border-top: 1px solid #D2D2D1;
	padding-top: clamp(11px, 0.74vw, 14px);
}

.ul-event-info-title {
	font-weight: 700;
	color: var(--ul-primary);
	margin-top: clamp(10px, 0.89vw, 17px);
}

.ul-event-info-descr {
	color: var(--ul-p);
}

.ul-event--inner {
	background: var(--white);
	box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.06);
	border-radius: 20px;
}

.ul-why-join-wrapper {
	background-color: var(--ul-gray3);
	border-radius: clamp(15px, 1.58vw, 30px);
	max-width: clamp(1185px, 91.38vw, 1739px);
	margin: auto;
	position: relative;
	z-index: 1;
}

.ul-why-join-wrapper::before {
	content: "";
	position: absolute;
	z-index: -1;
	inset: 0;
	background: url(../img/stats-events-bg-shape.svg) no-repeat center bottom/cover;
	mix-blend-mode: multiply;
	border-radius: clamp(15px, 1.58vw, 30px);
	opacity: 8%;
}

.ul-why-join-img {
	width: max-content;
	max-width: 100%;
	position: relative;
	z-index: 1;
}

@media screen and (max-width: 1599px) {
	.ul-why-join-img {
		margin: auto;
	}
}

.ul-why-join-img::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	border: clamp(2px, 0.26vw, 5px) solid var(--ul-primary);
	border-radius: clamp(15px, 1.58vw, 30px);
	bottom: calc(0% - clamp(15px, 1.58vw, 30px));
	left: calc(0% - clamp(15px, 1.58vw, 30px));
}

.ul-why-join-img img {
	border-radius: 30px;
	width: clamp(260px, 34.68vw, 660px);
	aspect-ratio: 660/632;
}

.ul-why-join-txt .ul-section-title {
	margin-bottom: clamp(13px, 1.21vw, 23px);
}

.ul-why-join-txt .ul-section-descr {
	color: var(--ul-p);
	margin-bottom: clamp(17px, 1.42vw, 27px);
}

.ul-team .ul-section-heading .left {
	max-width: 50%;
}

@media screen and (max-width: 767px) {
	.ul-team .ul-section-heading .left {
		max-width: 70%;
	}
}

@media screen and (max-width: 575px) {
	.ul-team .ul-section-heading .left {
		max-width: 100%;
	}
}

.ul-team-row {
	--bs-gutter-x: clamp(20px, 3.15vw, 60px);
	--bs-gutter-y: clamp(20px, 3.15vw, 60px);
}

.ul-team-row .col:nth-child(odd) .ul-team-member {
	margin-top: clamp(34px, 2.84vw, 54px);
}

@media screen and (max-width: 479px) {
	.ul-team-row .col:nth-child(odd) .ul-team-member {
		margin-top: 0;
	}
}

.ul-team-member {
	background-color: var(--ul-gray3);
	overflow: hidden;
	border-radius: clamp(15px, 1.05vw, 20px);
	text-align: center;
	transition: 0.4s ease;
}

.ul-team-member:hover {
	background-color: var(--ul-primary);
}

.ul-team-member:hover .ul-team-member-img::before {
	opacity: 1;
}

.ul-team-member:hover .ul-team-member-socials {
	opacity: 1;
	pointer-events: all;
	transform: translateX(-50%) translateY(0%);
}

.ul-team-member:hover .ul-team-member-name a,
.ul-team-member:hover .ul-team-member-designation {
	color: var(--white);
}

.ul-team-member-img {
	position: relative;
	z-index: 1;
}

.ul-team-member-img img {
	width: 100%;
	aspect-ratio: 308/320;
}

.ul-team-member-img::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	background: linear-gradient(180deg, rgba(30, 37, 47, 0) 0%, rgba(30, 37, 47, 0.6) 100%);
	opacity: 0;
	transition: 0.3s ease;
}

.ul-team-member-socials {
	display: flex;
	gap: clamp(7px, 0.53vw, 10px);
	position: absolute;
	bottom: clamp(15px, 1.58vw, 30px);
	left: 50%;
	transform: translateX(-50%) translateY(100%);
	opacity: 0;
	pointer-events: none;
	transition: all 0.3s ease;
}

.ul-team-member-socials a {
	width: clamp(26px, 1.68vw, 32px);
	aspect-ratio: 1/1;
	border: 1px solid var(--white);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--white);
	font-size: clamp(9px, 0.63vw, 12px);
}

.ul-team-member-socials a:hover {
	background-color: var(--ul-primary);
	border-color: var(--ul-primary);
}

.ul-team-member-info {
	padding: clamp(16px, 1.16vw, 22px) 0;
}

.ul-team-member-name {
	margin-bottom: 0;
	font-size: clamp(20px, 1.26vw, 24px);
	font-weight: 600;
	font-family: var(--font-quicksand);
}

.ul-team-member-designation {
	margin-bottom: 0;
	color: var(--ul-p);
}

.ul-inner-team .ul-team-row {
	--bs-gutter-x: clamp(15px, 1.58vw, 30px);
	--bs-gutter-y: clamp(15px, 1.58vw, 30px);
}

.ul-inner-team .ul-team-row .col:nth-child(even) .ul-team-member {
	margin-top: calc(0% - clamp(34px, 2.84vw, 54px));
}

@media screen and (max-width: 767px) {
	.ul-inner-team .ul-team-row .col:nth-child(even) .ul-team-member {
		margin-top: 0;
	}
}

.ul-inner-team .ul-team-row .col:nth-child(odd) .ul-team-member {
	margin-top: 0;
}

.ul-testimonial {
	background-color: var(--ul-gray3);
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.ul-testimonial-container {
	max-width: clamp(1652px, 98.37vw, 1872px);
	margin: auto;
}

@media screen and (max-width: 1599px) {
	.ul-testimonial-container {
		padding: 0 15px;
	}
}

.ul-testimonial .ul-section-heading {
	max-width: 35%;
	margin-inline: auto;
}

@media screen and (max-width: 991px) {
	.ul-testimonial .ul-section-heading {
		max-width: 45%;
	}
}

@media screen and (max-width: 767px) {
	.ul-testimonial .ul-section-heading {
		max-width: 65%;
	}
}

@media screen and (max-width: 575px) {
	.ul-testimonial .ul-section-heading {
		max-width: 100%;
	}
}

.ul-testimonial-slider {
	--shadow-space: 35px;
	padding: var(--shadow-space);
	margin: calc(0px - var(--shadow-space));
}

.ul-testimonial-slider-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: clamp(8px, 0.63vw, 12px);
	margin-top: clamp(30px, 3.15vw, 60px);
}

.ul-testimonial-slider-pagination .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	aspect-ratio: 1/1;
	background-color: var(--white);
	border-radius: 50%;
	opacity: 1;
	transition: 0.3s;
	margin: 0 !important;
	border-radius: 999px;
}

.ul-testimonial-slider-pagination .swiper-pagination-bullet-active {
	background-color: var(--ul-primary);
	padding: 0;
	width: clamp(25px, 1.58vw, 30px);
}

.ul-reviews {
	padding: clamp(40px, 4.2vw, 80px) 15px;
}

.ul-reviews-heading-descr {
	margin-bottom: 0;
	font-weight: 400;
	font-size: clamp(15px, 0.95vw, 18px);
	letter-spacing: -0.03em;
	color: #4F536C;
	margin-top: clamp(8px, 0.63vw, 12px);
}

.ul-review {
	background-color: var(--white);
	border-radius: 12px;
	box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.06);
	padding: clamp(30px, 2.63vw, 50px) clamp(15px, 1.84vw, 35px);
}

.ul-review-rating {
	display: flex;
	align-items: center;
	gap: clamp(4px, 0.37vw, 7px);
	font-size: var(--ul-primary);
	color: #FFA31A;
	margin-bottom: clamp(10px, 1.05vw, 20px);
}

.ul-review-descr {
	font-weight: 400;
	font-size: clamp(15px, 0.95vw, 18px);
	line-height: 167%;
	color: var(--ul-p);
	margin-bottom: clamp(16px, 1.63vw, 31px);
}

.ul-review-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.ul-review-reviewer {
	display: flex;
	align-items: center;
	gap: clamp(10px, 0.79vw, 15px);
}

.ul-review-reviewer .reviewer-image img {
	width: clamp(45px, 3.15vw, 60px);
	aspect-ratio: 1/1;
	object-fit: cover;
	border-radius: 50%;
}

.ul-review-reviewer .reviewer-name {
	font-weight: 700;
	font-size: clamp(17px, 1.05vw, 20px);
	color: var(--ul-black);
	margin-bottom: clamp(1px, 0.21vw, 4px);
	padding-top: 3px;
}

.ul-review-reviewer .reviewer-role {
	display: block;
	font-size: clamp(13px, 0.84vw, 16px);
	color: var(--ul-p);
}

.ul-review-icon {
	font-size: clamp(30px, 2.36vw, 45px);
	color: var(--ul-primary);
	display: inline-flex;
	line-height: 1;
}

.ul-testimonial-2-overview {
	background-color: #F5F0E2;
	text-align: center;
	padding: clamp(25px, 2.36vw, 45px) clamp(18px, 1.89vw, 36px);
	border-radius: clamp(15px, 1.58vw, 30px);
}

.ul-testimonial-2-overview .rating {
	display: block;
	font-size: clamp(55px, 4.2vw, 80px);
	font-weight: 700;
	font-family: var(--font-quicksand);
	line-height: 0.7;
	margin-bottom: clamp(15px, 1.58vw, 30px);
}

.ul-testimonial-2-overview-stars {
	font-size: clamp(20px, 1.31vw, 25px);
	color: #FFA31A;
	margin-bottom: clamp(1px, 0.21vw, 4px);
}

.ul-testimonial-2-overview-title {
	color: var(--ul-p);
	display: block;
	margin-bottom: clamp(15px, 1.16vw, 22px);
}

.ul-testimonial-2-overview-descr {
	color: var(--ul-p);
	margin-bottom: clamp(20px, 2.1vw, 40px);
}

.ul-testimonial-2-overview-reviewers img {
	width: clamp(60px, 3.68vw, 70px);
	aspect-ratio: 1/1;
	object-fit: cover;
	border-radius: 50%;
	margin-left: calc(0% - clamp(18px, 1.31vw, 25px));
}

.ul-testimonial-2-overview-reviewers img:first-child {
	margin-left: 0;
}

.ul-testimonial-2-slider {
	margin-left: clamp(16px, 2.94vw, 56px);
}

@media screen and (max-width: 1399px) {
	.ul-testimonial-2-slider {
		margin-left: 15px;
	}
}

@media screen and (max-width: 991px) {
	.ul-testimonial-2-slider {
		margin-left: 0;
	}
}

.ul-testimonial-2-slider-nav {
	display: flex;
	gap: clamp(14px, 1.26vw, 24px);
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1;
	background-color: var(--white);
}

@media screen and (max-width: 479px) {
	.ul-testimonial-2-slider-nav {
		display: none;
	}
}

.ul-testimonial-2-slider-nav button {
	width: clamp(40px, 2.63vw, 50px);
	aspect-ratio: 1/1;
	border: 1px solid var(--ul-black);
	border-radius: 50%;
	color: var(--ul-black);
	transition: 0.3s;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ul-testimonial-2-slider-nav button:hover {
	background-color: var(--ul-primary);
	border-color: var(--ul-primary);
	color: var(--white);
}

.ul-review-2 {
	box-shadow: none;
	padding: 0;
}

.ul-review-2 .icon {
	font-size: clamp(57px, 4.31vw, 82px);
	color: var(--ul-primary);
	display: flex;
	margin-bottom: clamp(2px, 0.26vw, 5px);
}

.ul-review-2 .icon i {
	transform: scaleX(-1) scaleY(-1);
}

.ul-review-2 .ul-review-descr {
	font-size: clamp(17px, 1.05vw, 20px);
	font-style: italic;
	font-weight: 600;
	line-height: 1.5;
	color: var(--ul-p);
	margin-bottom: clamp(22px, 1.94vw, 37px);
}

.ul-review-2 .ul-review-descr::before {
	content: open-quote;
}

.ul-review-2 .ul-review-descr::after {
	content: close-quote;
}

.ul-review-2 .ul-review-reviewer {
	gap: clamp(12px, 1.05vw, 20px);
}

.ul-review-2 .ul-review-reviewer .reviewer-image img {
	width: clamp(50px, 3.68vw, 70px);
}

.ul-review-2 .ul-review-reviewer .reviewer-name {
	font-family: var(--font-quicksand);
	font-weight: 700;
	font-size: clamp(22px, 1.68vw, 32px);
	padding-top: 0;
	margin-bottom: clamp(9px, 0.63vw, 12px);
}

.ul-blogs {
	position: relative;
	overflow: hidden;
	max-width: 1920px;
	margin: auto;
}

.ul-blogs-container {
	max-width: clamp(1170px, 86.6vw, 1648px);
	margin-left: auto;
}

@media screen and (max-width: 1199px) {
	.ul-blogs-container {
		margin: 0 15px;
	}
}

.ul-blogs .ul-section-heading {
	background-color: var(--white);
	position: relative;
	z-index: 2;
	height: 100%;
	align-items: flex-start;
}

.ul-blogs-slider {
	--shadow-space: clamp(15px, 1.22vw, 29px);
	--shadow-space-x: 20px;
	--shadow-space-y: 40px;
	padding: var(--shadow-space-y) var(--shadow-space-x);
	margin: calc(0% - var(--shadow-space-y)) calc(0% - var(--shadow-space-x));
}

.ul-blogs-slider-nav {
	position: static;
	width: auto;
	justify-content: flex-start;
	transform: translate(0, 0);
	gap: 10px;
	margin-top: clamp(20px, 1.84vw, 35px);
}

@media screen and (max-width: 575px) {
	.ul-blogs-slider-nav {
		justify-content: center;
	}
}

.ul-blogs-slider-nav button {
	background-color: var(--white);
	box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.06);
	color: var(--ul-black);
	border: 1px solid rgba(0, 0, 0, 0.2);
}

.ul-blog {
	background: var(--white);
	border-radius: 16px;
	border: 1px solid #f7f7f7;
}

.ul-blog:hover {
	border-color: transparent;
}

.ul-blog:hover .ul-blog-txt {
	box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.08);
}

.ul-blog-img {
	position: relative;
	border-radius: 16px 16px 0 0;
	overflow: hidden;
}

.ul-blog-img img {
	width: 100%;
	aspect-ratio: 370/265;
}

.ul-blog .date {
	position: absolute;
	top: clamp(15px, 1.05vw, 20px);
	left: clamp(15px, 1.05vw, 20px);
	background-color: var(--ul-primary);
	border-radius: 6px;
	display: inline-block;
	overflow: hidden;
	text-align: center;
	color: var(--white);
	padding: clamp(8px, 0.63vw, 12px) clamp(12px, 0.84vw, 16px);
}

.ul-blog .date .number {
	display: block;
	font-weight: 700;
	font-size: clamp(20px, 1.26vw, 24px);
	line-height: 0.8;
	margin-bottom: clamp(3px, 0.32vw, 6px);
}

.ul-blog .date .txt {
	line-height: 0.8;
	display: block;
	font-weight: 400;
	font-size: clamp(11px, 0.74vw, 14px);
}

.ul-blog-txt {
	box-shadow: 0px 4px 40px transparent;
	transition: 0.4s ease;
	border-radius: 0 0 16px 16px;
	padding: clamp(15px, 1.58vw, 30px);
	padding-top: 0;
}

.ul-blog-infos {
	display: flex;
	align-items: center;
	font-size: clamp(13px, 0.84vw, 16px);
	font-weight: 400;
	margin-bottom: clamp(8px, 0.53vw, 10px);
	color: var(--ul-gray);
	border-bottom: 1px solid rgba(67, 67, 67, 0.25);
}

.ul-blog-info {
	display: flex;
	align-items: center;
	gap: clamp(7px, 0.53vw, 10px);
	line-height: 1;
	border-right: 1px solid rgba(67, 67, 67, 0.25);
	width: 50%;
	flex-grow: 1;
	padding: clamp(12px, 1.05vw, 20px) 0 clamp(7px, 0.63vw, 12px);
}

.ul-blog-info:last-child {
	border-right: none;
	justify-content: flex-end;
}

.ul-blog-info i {
	font-size: clamp(15px, 0.95vw, 18px);
	color: var(--ul-primary);
}

.ul-blog-title {
	font-weight: 700;
	font-size: clamp(18px, 1.26vw, 24px);
	line-height: 1.2;
	font-family: var(--font-quicksand);
	border-bottom: 1px solid rgba(67, 67, 67, 0.25);
	margin-bottom: clamp(16px, 1.26vw, 24px);
	padding-top: clamp(7px, 0.63vw, 12px);
	padding-bottom: clamp(11px, 1.1vw, 21px);
}

@media screen and (max-width: 1399px) {
	.ul-blog-title {
		margin-bottom: 18px;
	}
}

.ul-blog-title a {
	color: var(--ul-black);
	display: inline-block;
}

.ul-blog-title a:hover {
	color: var(--ul-primary);
}

.ul-blog-btn {
	font-size: clamp(13px, 0.84vw, 16px);
	font-weight: 700;
	color: var(--ul-primary);
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	gap: 6px;
}

.ul-blog-btn .icon {
	display: inline-flex;
}

.ul-blog-btn .icon i {
	font-size: clamp(18px, 1.16vw, 22px);
}

.ul-blog-btn:hover {
	color: var(--ul-secondary);
}

.ul-blog-2 {
	background-color: var(--ul-gray3);
	border: none;
}

.ul-blog-2 .ul-blog-img .date {
	inset: auto;
	bottom: clamp(14px, 1.26vw, 24px);
	right: clamp(14px, 1.26vw, 24px);
}

.ul-blog-2 .ul-blog-txt {
	box-shadow: none !important;
	padding-top: clamp(18px, 1.47vw, 28px);
}

.ul-blog-2 .ul-blog-infos {
	border: none;
	margin-bottom: clamp(0px, 0.11vw, 2px);
	gap: clamp(15px, 1.58vw, 30px);
}

.ul-blog-2 .ul-blog-info {
	padding: 0;
	border: none;
	width: auto;
	flex-grow: 0;
}

.ul-blog-2 .ul-blog-btn {
	color: var(--ul-black);
}

.ul-blog-2 .ul-blog-btn i {
	color: var(--ul-primary);
}

.ul-blog-2 .ul-blog-btn:hover {
	color: var(--ul-primary);
}

.ul-blog-inner {
	background-color: transparent;
	border-radius: 0;
	margin-bottom: clamp(30px, 3.15vw, 60px);
}

.ul-blog-inner .ul-blog-img {
	border-radius: 30px;
	margin-bottom: clamp(15px, 1.58vw, 30px);
}

.ul-blog-inner .ul-blog-img img {
	aspect-ratio: 890/600;
	width: 100%;
	object-fit: cover;
}

.ul-blog-inner .ul-blog-title {
	font-size: clamp(22px, 2.63vw, 50px);
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: clamp(5px, 0.53vw, 10px);
}

.ul-blog-inner .ul-blog-txt {
	padding: 0;
}

.ul-blog-inner .ul-blog-excerpt {
	margin-bottom: clamp(12px, 2.21vw, 42px);
}

.ul-gallery-item {
	position: relative;
	overflow: hidden;
	border-radius: 999px;
	transition: 0.4s ease;
}

.ul-gallery-item:hover .ul-gallery-item-btn-wrapper {
	opacity: 1;
}

.ul-gallery-item img {
	width: 100%;
	aspect-ratio: 1/1;
	object-fit: cover;
}

.ul-gallery-item-btn-wrapper {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
	opacity: 0;
	transition: 0.3s ease;
}

.ul-gallery-item-btn-wrapper::before {
	content: "";
	position: absolute;
	inset: 0;
	background: var(--ul-gradient);
	background: var(--ul-primary);
	opacity: 70%;
	z-index: -1;
}

.ul-gallery-item-btn-wrapper a {
	font-size: clamp(34px, 2.1vw, 40px);
	color: var(--white);
	display: inline-flex;
}

.ul-gallery-item-btn-wrapper a:hover {
	color: var(--black);
}

.ul-cta {
	background: url(../img/cta-bg.jpg) no-repeat center center/cover;
	position: relative;
	z-index: 1;
	text-align: center;
	padding: clamp(60px, 10.51vw, 200px) 0;
}

.ul-cta::after {
	content: "";
	position: absolute;
	inset: 0;
	background-color: rgba(30, 37, 47, 0.6);
	z-index: -2;
}

.ul-cta::before {
	content: "";
	position: absolute;
	inset: 0;
	top: auto;
	bottom: -1px;
	background-color: var(--white);
	height: clamp(18px, 1.26vw, 24px);
	clip-path: polygon(2.072% 58.88%, 0.663% 8.583%, 0.663% 8.583%, 0.599% 6.547%, 0.532% 4.961%, 0.464% 3.824%, 0.395% 3.138%, 0.326% 2.901%, 0.256% 3.115%, 0.187% 3.779%, 0.119% 4.894%, 0.052% 6.459%, -0.012% 8.474%, -0.012% 8.474%, -0.186% 16.768%, -0.307% 27.049%, -0.377% 38.645%, -0.4% 50.88%, -0.378% 63.081%, -0.313% 74.575%, -0.208% 84.688%, -0.065% 92.745%, 0.113% 98.074%, 0.324% 100%, 99.958% 100%, 99.958% 100%, 100.041% 99.172%, 100.107% 96.909%, 100.157% 93.544%, 100.189% 89.411%, 100.204% 84.843%, 100.201% 80.173%, 100.179% 75.734%, 100.139% 71.859%, 100.079% 68.881%, 100% 67.134%, 100% 67.134%, 99.992% 67.05%, 99.984% 66.985%, 99.975% 66.938%, 99.967% 66.909%, 99.959% 66.899%, 99.951% 66.907%, 99.943% 66.934%, 99.934% 66.979%, 99.926% 67.042%, 99.918% 67.124%, 97.8% 90.796%, 97.8% 90.796%, 97.64% 92.232%, 97.479% 92.959%, 97.318% 92.983%, 97.158% 92.31%, 96.999% 90.945%, 96.841% 88.893%, 96.686% 86.16%, 96.534% 82.751%, 96.384% 78.672%, 96.239% 73.928%, 95.2% 37.278%, 95.2% 37.278%, 94.979% 30.391%, 94.752% 25.034%, 94.519% 21.208%, 94.283% 18.913%, 94.045% 18.147%, 93.808% 18.913%, 93.572% 21.208%, 93.339% 25.034%, 93.112% 30.391%, 92.891% 37.278%, 92.261% 59.493%, 92.261% 59.493%, 92.042% 66.349%, 91.815% 71.69%, 91.584% 75.516%, 91.349% 77.827%, 91.113% 78.623%, 90.876% 77.903%, 90.641% 75.666%, 90.409% 71.914%, 90.183% 66.645%, 89.963% 59.859%, 89.319% 37.402%, 89.319% 37.402%, 89.095% 30.521%, 88.865% 25.206%, 88.629% 21.456%, 88.391% 19.269%, 88.15% 18.646%, 87.911% 19.584%, 87.673% 22.083%, 87.438% 26.14%, 87.21% 31.756%, 86.988% 38.93%, 86.47% 57.845%, 86.47% 57.845%, 86.25% 64.986%, 86.022% 70.586%, 85.789% 74.644%, 85.553% 77.157%, 85.314% 78.124%, 85.075% 77.544%, 84.837% 75.417%, 84.603% 71.739%, 84.373% 66.51%, 84.15% 59.728%, 83.465% 36.091%, 83.465% 36.091%, 83.245% 29.404%, 83.019% 24.221%, 82.789% 20.54%, 82.555% 18.362%, 82.319% 17.685%, 82.084% 18.51%, 81.85% 20.836%, 81.62% 24.662%, 81.395% 29.988%, 81.177% 36.814%, 80.541% 59.258%, 80.541% 59.258%, 80.32% 66.145%, 80.092% 71.502%, 79.86% 75.328%, 79.624% 77.624%, 79.386% 78.389%, 79.148% 77.624%, 78.912% 75.328%, 78.68% 71.502%, 78.452% 66.145%, 78.231% 59.258%, 77.622% 37.762%, 77.622% 37.762%, 77.399% 30.811%, 77.169% 25.423%, 76.934% 21.598%, 76.695% 19.335%, 76.455% 18.633%, 76.216% 19.492%, 75.978% 21.912%, 75.743% 25.89%, 75.514% 31.428%, 75.292% 38.525%, 74.746% 58.251%, 74.746% 58.251%, 74.525% 65.316%, 74.297% 70.838%, 74.063% 74.817%, 73.827% 77.251%, 73.588% 78.141%, 73.349% 77.484%, 73.112% 75.28%, 72.877% 71.529%, 72.648% 66.23%, 72.426% 59.381%, 71.782% 36.914%, 71.782% 36.914%, 71.561% 30.097%, 71.333% 24.813%, 71.1% 21.061%, 70.864% 18.84%, 70.626% 18.151%, 70.388% 18.993%, 70.152% 21.365%, 69.92% 25.267%, 69.693% 30.697%, 69.472% 37.656%, 68.878% 58.88%, 68.878% 58.88%, 68.658% 65.839%, 68.431% 71.27%, 68.198% 75.171%, 67.962% 77.543%, 67.725% 78.385%, 67.487% 77.696%, 67.251% 75.476%, 67.018% 71.724%, 66.79% 66.439%, 66.569% 59.622%, 65.904% 36.446%, 65.904% 36.446%, 65.685% 29.691%, 65.46% 24.436%, 65.229% 20.684%, 64.995% 18.432%, 64.76% 17.681%, 64.525% 18.432%, 64.291% 20.684%, 64.061% 24.436%, 63.835% 29.69%, 63.616% 36.446%, 62.949% 59.722%, 62.949% 59.722%, 62.728% 66.526%, 62.501% 71.804%, 62.268% 75.556%, 62.033% 77.783%, 61.795% 78.485%, 61.558% 77.663%, 61.323% 75.317%, 61.091% 71.447%, 60.864% 66.054%, 60.644% 59.138%, 60.023% 37.07%, 60.023% 37.07%, 59.801% 30.104%, 59.572% 24.687%, 59.339% 20.817%, 59.101% 18.495%, 58.862% 17.722%, 58.623% 18.495%, 58.386% 20.817%, 58.152% 24.687%, 57.923% 30.104%, 57.702% 37.07%, 57.091% 58.763%, 57.091% 58.763%, 56.869% 65.728%, 56.64% 71.146%, 56.407% 75.015%, 56.169% 77.337%, 55.93% 78.111%, 55.691% 77.337%, 55.454% 75.015%, 55.22% 71.146%, 54.992% 65.728%, 54.77% 58.763%, 54.166% 37.312%, 54.166% 37.312%, 53.943% 30.315%, 53.713% 24.882%, 53.478% 21.012%, 53.239% 18.707%, 52.999% 17.964%, 52.759% 18.785%, 52.521% 21.168%, 52.286% 25.114%, 52.056% 30.622%, 51.834% 37.692%, 51.265% 58.141%, 51.265% 58.141%, 51.043% 65.211%, 50.813% 70.719%, 50.578% 74.664%, 50.34% 77.048%, 50.1% 77.868%, 49.86% 77.126%, 49.621% 74.82%, 49.386% 70.951%, 49.156% 65.518%, 48.933% 58.521%, 48.323% 36.832%, 48.323% 36.832%, 48.102% 29.898%, 47.874% 24.496%, 47.642% 20.627%, 47.406% 18.289%, 47.168% 17.485%, 46.93% 18.213%, 46.694% 20.475%, 46.461% 24.27%, 46.233% 29.599%, 46.012% 36.463%, 45.362% 59.269%, 45.362% 59.269%, 45.141% 66.146%, 44.912% 71.481%, 44.679% 75.276%, 44.442% 77.532%, 44.204% 78.247%, 43.965% 77.423%, 43.729% 75.06%, 43.496% 71.158%, 43.268% 65.718%, 43.047% 58.741%, 42.456% 37.657%, 42.456% 37.657%, 42.236% 30.697%, 42.009% 25.267%, 41.777% 21.365%, 41.541% 18.993%, 41.303% 18.152%, 41.065% 18.84%, 40.829% 21.061%, 40.596% 24.813%, 40.369% 30.097%, 40.147% 36.914%, 39.489% 59.859%, 39.489% 59.859%, 39.269% 66.645%, 39.043% 71.914%, 38.811% 75.666%, 38.576% 77.903%, 38.339% 78.623%, 38.103% 77.827%, 37.868% 75.516%, 37.637% 71.69%, 37.41% 66.349%, 37.191% 59.493%, 36.568% 37.517%, 36.568% 37.517%, 36.346% 30.599%, 36.117% 25.227%, 35.884% 21.401%, 35.646% 19.121%, 35.408% 18.387%, 35.169% 19.199%, 34.932% 21.555%, 34.698% 25.457%, 34.47% 30.903%, 34.248% 37.894%, 33.654% 59.112%, 33.654% 59.112%, 33.435% 66.04%, 33.209% 71.456%, 32.978% 75.357%, 32.743% 77.744%, 32.507% 78.615%, 32.27% 77.97%, 32.035% 75.808%, 31.803% 72.128%, 31.576% 66.929%, 31.355% 60.211%, 30.67% 36.564%, 30.67% 36.564%, 30.448% 29.815%, 30.219% 24.601%, 29.986% 20.922%, 29.75% 18.777%, 29.512% 18.164%, 29.274% 19.082%, 29.039% 21.531%, 28.807% 25.51%, 28.58% 31.016%, 28.36% 38.05%, 27.807% 58.011%, 27.807% 58.011%, 27.585% 65.108%, 27.356% 70.646%, 27.122% 74.625%, 26.883% 77.044%, 26.643% 77.903%, 26.403% 77.201%, 26.165% 74.938%, 25.93% 71.113%, 25.7% 65.725%, 25.477% 58.775%, 24.874% 37.517%, 24.874% 37.517%, 24.653% 30.599%, 24.424% 25.227%, 24.19% 21.401%, 23.953% 19.121%, 23.714% 18.387%, 23.475% 19.199%, 23.238% 21.555%, 23.005% 25.457%, 22.776% 30.903%, 22.555% 37.894%, 21.954% 59.34%, 21.954% 59.34%, 21.736% 66.238%, 21.511% 71.638%, 21.281% 75.539%, 21.048% 77.94%, 20.812% 78.839%, 20.577% 78.237%, 20.343% 76.132%, 20.112% 72.522%, 19.885% 67.407%, 19.665% 60.786%, 18.931% 35.751%, 18.931% 35.751%, 18.711% 29.129%, 18.485% 24.014%, 18.254% 20.405%, 18.02% 18.299%, 17.784% 17.697%, 17.549% 18.597%, 17.315% 20.998%, 17.085% 24.899%, 16.86% 30.299%, 16.642% 37.197%, 16.042% 58.643%, 16.042% 58.643%, 15.82% 65.633%, 15.592% 71.079%, 15.358% 74.981%, 15.121% 77.338%, 14.883% 78.149%, 14.644% 77.415%, 14.406% 75.135%, 14.173% 71.31%, 13.944% 65.938%, 13.722% 59.019%, 13.127% 38.011%, 13.127% 38.011%, 12.902% 31.028%, 12.671% 25.624%, 12.435% 21.8%, 12.195% 19.554%, 11.954% 18.885%, 11.713% 19.793%, 11.474% 22.277%, 11.238% 26.335%, 11.008% 31.967%, 10.785% 39.172%, 10.288% 57.364%, 10.288% 57.364%, 10.065% 64.569%, 9.835% 70.201%, 9.6% 74.259%, 9.36% 76.743%, 9.119% 77.651%, 8.878% 76.982%, 8.638% 74.736%, 8.402% 70.912%, 8.171% 65.508%, 7.946% 58.525%, 7.338% 37.044%, 7.338% 37.044%, 7.118% 30.188%, 6.892% 24.846%, 6.66% 21.02%, 6.426% 18.709%, 6.189% 17.913%, 5.952% 18.634%, 5.718% 20.87%, 5.486% 24.622%, 5.259% 29.891%, 5.039% 36.677%, 4.381% 59.622%, 4.381% 59.622%, 4.16% 66.439%, 3.932% 71.724%, 3.699% 75.476%, 3.463% 77.696%, 3.225% 78.385%, 2.988% 77.543%, 2.752% 75.171%, 2.52% 71.27%, 2.292% 65.839%, 2.072% 58.88%);
}

.ul-cta-title {
	font-size: clamp(35px, 4.2vw, 80px);
	color: var(--white);
	font-weight: 700;
	font-family: var(--font-quicksand);
	margin-bottom: clamp(16px, 1.73vw, 33px);
}

@media screen and (max-width: 767px) {
	.ul-cta-title {
		font-size: clamp(30px, 3.2vw, 80px);
	}
}

.ul-cta-vector {
	position: absolute;
	top: calc(0% - clamp(100px, 5.2vw, 0px));
	top: 0;
	left: 0;
	z-index: -1;
	pointer-events: none;
	max-width: clamp(175px, 19.71vw, 375px);
}

.ul-footer {
	position: relative;
	z-index: 1;
}

.ul-footer-container {
	max-width: clamp(1010px, 61.59vw, 1172px);
	margin: auto;
}

@media screen and (max-width: 1199px) {
	.ul-footer-container {
		padding: 0 15px;
	}
}

.ul-footer-top {
	background: linear-gradient(0deg, var(--ul-black) 50%, rgba(0, 0, 0, 0) 0);
}

.ul-footer-top-contact-infos {
	background-color: var(--ul-primary);
	padding: clamp(20px, 1.84vw, 35px) clamp(25px, 2.63vw, 50px);
	border-radius: 20px;
	overflow: hidden;
	position: relative;
	z-index: 1;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
}

.ul-footer-top-contact-infos,
.ul-footer-top-contact-infos a {
	color: var(--white);
}

.ul-footer-top-contact-infos a:hover {
	color: var(--ul-black);
}

@media screen and (max-width: 991px) {
	.ul-footer-top-contact-infos {
		flex-wrap: wrap;
		justify-content: center;
	}
}

@media screen and (max-width: 767px) {
	.ul-footer-top-contact-infos {
		justify-content: flex-start;
	}
}

.ul-footer-top-contact-info {
	display: flex;
	align-items: center;
	gap: clamp(10px, 0.79vw, 15px);
}

.ul-footer-top-contact-info-icon {
	border: 1px solid rgba(255, 255, 255, 0.15);
	border-radius: 50%;
	width: clamp(48px, 3.31vw, 63px);
	aspect-ratio: 1/1;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--ul-primary);
}

.ul-footer-top-contact-info-icon-inner {
	width: clamp(35px, 2.1vw, 40px);
	aspect-ratio: 1/1;
	background-color: var(--white);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ul-footer-top-contact-info-txt {
	display: flex;
	flex-direction: column;
}

.ul-footer-top-contact-info-label {
	font-size: clamp(12px, 0.74vw, 14px);
	font-weight: 500;
	margin-bottom: clamp(3px, 0.32vw, 6px);
}

.ul-footer-top-contact-info-address {
	font-size: clamp(17px, 1.05vw, 20px);
	font-weight: 700;
}

.ul-footer-middle {
	padding: clamp(50px, 4.2vw, 80px) 0 clamp(50px, 5.25vw, 100px);
	position: relative;
	background-color: var(--ul-black);
}

.ul-footer-middle::before {
	content: "";
	position: absolute;
	inset: 0;
	background-color: var(--ul-black);
	z-index: -1;
	top: -2px;
}

.ul-footer-middle-wrapper {
	display: flex;
	justify-content: space-between;
	gap: 35px;
}

@media screen and (max-width: 1199px) {
	.ul-footer-middle-wrapper {
		flex-wrap: wrap;
	}
}

.ul-footer-about {
	max-width: clamp(267px, 14.19vw, 270px);
}

.ul-footer-about>* {
	margin-bottom: clamp(20px, 1.94vw, 37px);
}

.ul-footer-about>*:last-child {
	margin-bottom: 0;
}

.ul-footer-about .logo {
	max-width: clamp(130px, 9.46vw, 180px);
}

.ul-footer-about-txt {
	font-size: clamp(13px, 0.84vw, 16px);
	color: var(--ul-gray2);
}

.ul-footer-socials {
	display: flex;
	align-items: center;
	gap: clamp(6px, 0.47vw, 9px);
	font-size: clamp(15px, 0.95vw, 18px);
}

.ul-footer-socials a {
	color: rgba(255, 255, 255, 0.8);
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 5px;
	width: clamp(33px, 1.89vw, 36px);
	aspect-ratio: 1/1;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: clamp(12px, 0.79vw, 15px);
}

.ul-footer-socials a:hover {
	color: var(--white);
	background-color: var(--ul-primary);
	border-color: var(--ul-primary);
}

.ul-footer-widget {
	min-width: clamp(110px, 10.51vw, 200px);
}

@media screen and (max-width: 1199px) {
	.ul-footer-widget {
		max-width: 290px;
		flex-grow: 1;
	}
}

.ul-footer-widget-title {
	font-weight: 700;
	font-size: clamp(20px, 1.26vw, 24px);
	color: var(--white);
	margin-bottom: clamp(13px, 1.37vw, 26px);
	padding-bottom: clamp(8px, 0.68vw, 13px);
	position: relative;
}

.ul-footer-widget-title::before,
.ul-footer-widget-title::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	height: 2px;
	width: 18px;
	background-color: var(--ul-primary);
}

.ul-footer-widget-title::after {
	left: 24px;
	width: 63px;
}

.ul-footer-widget-links {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: clamp(15px, 0.95vw, 18px);
}

.ul-footer-widget-links>* {
	display: inline-flex;
	align-items: center;
	color: var(--ul-gray2);
	font-size: clamp(13px, 0.84vw, 16px);
	position: relative;
}

.ul-footer-widget-links>*::before {
	content: "\f104";
	font-family: flaticon_charitics !important;
	font-style: normal;
	font-weight: normal !important;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding-right: 10px;
}

.ul-footer-widget-links>*:hover {
	color: var(--ul-primary);
}

.ul-footer-post {
	display: flex;
	gap: clamp(13px, 0.84vw, 16px);
	margin-bottom: 0;
	border-bottom: none;
	padding-bottom: 0;
	padding-top: clamp(12px, 1.26vw, 24px);
}

.ul-footer-post .img {
	flex-shrink: 0;
	max-width: clamp(70px, 5.26vw, 80px);
	border-radius: 8px;
	overflow: hidden;
}

.ul-footer-post .img img {
	aspect-ratio: 1/1;
	width: 100%;
}

.ul-footer-post .title a {
	color: var(--white);
	font-family: var(--font-quicksand);
	font-size: clamp(13px, 0.84vw, 16px);
	font-weight: 600;
}

.ul-footer-post .title a:hover {
	color: var(--ul-primary);
}

.ul-footer-post .date {
	color: rgba(255, 255, 255, 0.8);
	font-size: clamp(12px, 0.74vw, 14px);
	display: flex;
	align-items: center;
	gap: clamp(6px, 0.47vw, 9px);
	margin-bottom: clamp(7px, 0.53vw, 10px);
}

.ul-footer-post .date .icon {
	color: var(--white);
	font-size: clamp(13px, 0.84vw, 16px);
}

.ul-footer-contact-links a {
	color: var(--white);
	gap: clamp(5px, 0.42vw, 8px);
}

.ul-footer-contact-links a:hover {
	color: var(--ul-primary);
}

.ul-footer-contact-links a::before {
	content: none;
}

.ul-footer .ul-nwsltr-form {
	margin-top: clamp(15px, 1.58vw, 30px);
}

.ul-footer .ul-nwsltr-form .top {
	background-color: var(--white);
	padding: clamp(2px, 0.26vw, 5px);
	border-radius: 8px;
	height: clamp(45px, 2.94vw, 56px);
	display: flex;
}

.ul-footer .ul-nwsltr-form .top input {
	border: none;
	padding: 0 clamp(7px, 0.53vw, 10px);
	font-size: clamp(13px, 0.84vw, 16px);
	width: 100%;
}

.ul-footer .ul-nwsltr-form .top button {
	background-color: var(--ul-c5);
	color: var(--white);
	aspect-ratio: 1/1;
	flex-shrink: 0;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ul-footer .ul-nwsltr-form .top button:hover {
	background-color: var(--ul-primary);
}

.ul-footer .ul-nwsltr-form .agreement {
	font-size: clamp(13px, 0.84vw, 16px);
	color: rgba(255, 255, 255, 0.6);
	margin-top: clamp(12px, 1.26vw, 24px);
}

.ul-footer .ul-nwsltr-form .agreement a {
	color: var(--white);
	text-decoration: underline;
}

.ul-footer .ul-nwsltr-form .agreement a:hover {
	color: var(--ul-primary);
}

.ul-footer-bottom {
	padding: clamp(14px, 1.16vw, 22px) 0;
	background-color: var(--ul-primary);
}

.ul-footer-bottom-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 15px;
}

.ul-footer-bottom .copyright-txt {
	margin-bottom: 0;
	font-size: clamp(13px, 0.84vw, 16px);
	color: rgba(255, 255, 255, 0.9);
}

.ul-footer-bottom .copyright-txt a {
	color: var(--white);
}

.ul-footer-bottom .copyright-txt a:hover {
	color: var(--ul-black);
}

.ul-footer-bottom a {
	color: rgba(255, 255, 255, 0.9);
	font-size: clamp(13px, 0.84vw, 16px);
}

.ul-footer-bottom a:hover {
	color: var(--ul-black);
}

.ul-footer-bottom-nav {
	display: flex;
	gap: clamp(15px, 1.58vw, 30px);
}

.ul-footer-recent-posts {
	max-width: clamp(240px, 15.76vw, 300px);
}

.ul-footer-vectors>* {
	position: absolute;
	z-index: -1;
}

.ul-footer-vector-1 {
	bottom: clamp(18px, 2.52vw, 48px);
	left: 0;
}

.ul-feature {
	background-color: var(--ul-gray3);
	border-radius: 10px;
	padding: clamp(15px, 1.58vw, 30px);
}

.ul-feature-icon {
	margin-bottom: clamp(0px, 0.16vw, 3px);
}

.ul-feature-icon svg {
	width: clamp(30px, 1.89vw, 36px);
}

.ul-feature-icon svg path {
	fill: var(--ul-primary);
}

.ul-feature-title {
	font-size: clamp(20px, 1.26vw, 24px);
	font-weight: 700;
	color: var(--ul-black);
	margin-bottom: 0;
	font-family: var(--font-quicksand);
}

.ul-volunteer-block {
	background: url(../img/volunteer-bg-1.jpg) no-repeat center center/cover;
	position: relative;
	z-index: 1;
	padding: clamp(25px, 2.1vw, 40px) clamp(15px, 8.41vw, 160px);
	color: var(--white);
	height: 100%;
}

@media screen and (max-width: 1199px) {
	.ul-volunteer-block {
		padding: clamp(25px, 2.1vw, 40px) clamp(15px, 3.41vw, 160px);
	}
}

.ul-volunteer-block::before {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(255, 87, 40, 0.9);
	z-index: -1;
}

.ul-volunteer-block .ul-btn {
	background-color: var(--white);
	color: var(--black);
}

.ul-volunteer-block .ul-btn:hover {
	background-color: transparent;
	color: var(--white);
	border-color: var(--white);
}

.ul-volunteer-block .ul-btn:hover i {
	background-color: var(--white);
	color: var(--ul-primary);
}

.ul-volunteer-block .ul-btn i {
	background-color: var(--ul-primary);
	color: var(--white);
}

.ul-volunteer-title {
	font-family: var(--font-caveat);
	font-weight: 400;
	font-size: clamp(30px, 2.1vw, 40px);
}

.ul-volunteer-list {
	display: flex;
	flex-wrap: wrap;
	gap: 10px clamp(30px, 2.1vw, 40px);
	margin-bottom: clamp(15px, 1.31vw, 25px);
}

.ul-volunteer-list li {
	display: flex;
	align-items: center;
	gap: clamp(7px, 0.53vw, 10px);
}

.ul-volunteer-list li::before {
	content: "\f106";
	font-family: flaticon_charitics !important;
	font-style: normal;
	font-weight: normal !important;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: clamp(9px, 0.63vw, 12px);
}

.ul-donate-form-wrapper-2 {
	background-image: url(../img/donate-form-2-bg.jpg);
}

.ul-donate-form-wrapper-2::before {
	background-color: var(--ul-black);
	opacity: 80%;
}

.ul-donate-form-2 label {
	color: var(--white);
	background-color: transparent;
	border: 1px solid var(--white);
}

.ul-donate-form-2 input:checked+label {
	border-color: var(--ul-primary);
}

.ul-donate-form-2 input::placeholder {
	color: var(--white);
}

.ul-donate-form-2 .custom-amount-wrapper input {
	color: var(--white);
}

.ul-services {
	background: url(../img/service-bg.png) #F5F0E2 no-repeat center center/cover;
}

.ul-services-slider-nav {
	transform: none;
	max-width: 50%;
	justify-content: flex-end;
	gap: 15px;
}

@media screen and (max-width: 767px) {
	.ul-services-slider-nav {
		max-width: max-content;
	}
}

@media screen and (max-width: 575px) {
	.ul-services-slider-nav {
		justify-content: center;
	}
}

.ul-services-slider-nav button {
	background-color: var(--white);
	color: var(--ul-black);
	box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.06);
}

.ul-service {
	background-color: var(--white);
	padding: clamp(15px, 1.58vw, 30px);
	border-radius: clamp(7px, 0.53vw, 10px);
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.ul-service:hover::before {
	background-color: var(--ul-primary);
}

.ul-service::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: calc(0% - clamp(50px, 3.68vw, 70px));
	left: calc(0% - clamp(47px, 3.52vw, 67px));
	width: clamp(202px, 13.77vw, 262px);
	aspect-ratio: 1/1;
	border-radius: 50%;
	background-color: #D9D9D9;
	transition: 0.4s ease;
}

.ul-service-img {
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: clamp(16px, 1.26vw, 24px);
}

.ul-service-img img {
	aspect-ratio: 390/253;
}

.ul-service-title {
	font-size: clamp(18px, 1.26vw, 24px);
	font-weight: 700;
	letter-spacing: -1px;
	font-family: var(--font-quicksand);
	margin-bottom: clamp(8px, 0.84vw, 16px);
}

.ul-service-descr {
	color: var(--ul-p);
	margin-bottom: clamp(10px, 1.05vw, 20px);
}

.ul-service-btn {
	display: inline-flex;
	align-items: center;
	font-weight: 700;
	color: var(--ul-primary);
	gap: clamp(10px, 0.79vw, 15px);
}

.ul-service-btn i {
	font-size: clamp(11px, 0.74vw, 14px);
}

.ul-service-btn:hover {
	color: var(--ul-black);
}

.ul-service--inner {
	background-color: var(--ul-gray3);
}

.ul-project {
	border-radius: clamp(15px, 1.58vw, 30px);
	overflow: hidden;
	position: relative;
}

.ul-project--sm .ul-project-img img {
	aspect-ratio: 450/480;
}

@media screen and (max-width: 767px) {
	.ul-project--sm .ul-project-img img {
		aspect-ratio: 930/480;
	}
}

@media screen and (max-width: 479px) {
	.ul-project--sm .ul-project-img img {
		aspect-ratio: 450/480;
	}
}

.ul-project--sm .ul-project-txt {
	bottom: clamp(15px, 1.58vw, 30px);
	left: clamp(15px, 1.58vw, 30px);
	margin-right: clamp(15px, 1.58vw, 30px);
}

.ul-project:hover .ul-project-img img {
	transform: scale(1.1);
}

.ul-project:hover .ul-project-txt {
	transform: translateY(0);
	opacity: 1;
}

.ul-project-img img {
	aspect-ratio: 930/480;
	width: 100%;
	object-fit: cover;
}

@media screen and (max-width: 991px) {
	.ul-project-img img {
		aspect-ratio: 450/480;
		height: 100%;
	}
}

@media screen and (max-width: 767px) {
	.ul-project-img img {
		aspect-ratio: 930/480;
	}
}

@media screen and (max-width: 479px) {
	.ul-project-img img {
		aspect-ratio: 450/480;
	}
}

.ul-project-txt {
	background-color: var(--ul-primary);
	color: var(--white);
	position: absolute;
	bottom: clamp(15px, 2.1vw, 40px);
	left: clamp(15px, 2.1vw, 40px);
	border-radius: clamp(7px, 0.53vw, 10px);
	padding: clamp(15px, 1.58vw, 30px);
	display: flex;
	gap: clamp(15px, 1.58vw, 30px);
	align-items: center;
	max-width: 100%;
	margin-right: clamp(15px, 2.1vw, 40px);
	transform: translateY(50%);
	opacity: 0;
	transition: 0.4s ease;
}

.ul-project-title {
	font-family: var(--font-quicksand);
	font-weight: 700;
	font-size: clamp(26px, 1.68vw, 32px);
}

.ul-project-title a {
	color: var(--white);
}

.ul-project-title a:hover {
	color: var(--ul-black);
}

.ul-project-descr {
	margin-bottom: 0;
}

.ul-project-btn {
	flex-shrink: 0;
	width: clamp(40px, 3.15vw, 60px);
	aspect-ratio: 1/1;
	background-color: #D9D9D9;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
}

.ul-contact {
	background-color: var(--ul-gray3);
}

.ul-contact-img {
	display: flex;
	justify-content: flex-end;
}

.ul-contact-img img {
	max-width: clamp(575px, 44.93vw, 855px);
}

@media screen and (max-width: 1199px) {
	.ul-contact-img img {
		max-width: clamp(535px, 44.93vw, 855px);
	}
}

@media screen and (max-width: 991px) {
	.ul-contact-img img {
		max-width: 100%;
		aspect-ratio: 2/1;
		object-fit: cover;
	}
}

.ul-contact-form-wrapper {
	padding: clamp(30px, 6.31vw, 120px);
	background-color: var(--ul-primary);
	height: 100%;
}

.ul-contact-form-wrapper .ul-section-sub-title,
.ul-contact-form-wrapper .ul-section-title {
	color: var(--white);
}

.ul-contact-form-wrapper .ul-section-sub-title::before,
.ul-contact-form-wrapper .ul-section-title::before {
	background-color: var(--white);
}

.ul-contact-form-wrapper .ul-section-title {
	margin-bottom: clamp(18px, 1.47vw, 28px);
}

.ul-contact-form input,
.ul-contact-form textarea {
	width: 100%;
	background-color: var(--white);
	border-radius: 6px;
	height: clamp(50px, 3.15vw, 60px);
	border: 1px solid var(--white);
	padding: 0 clamp(10px, 0.79vw, 15px);
}

.ul-contact-form input:focus,
.ul-contact-form input:focus-visible,
.ul-contact-form input:focus-within,
.ul-contact-form textarea:focus,
.ul-contact-form textarea:focus-visible,
.ul-contact-form textarea:focus-within {
	outline: none;
}

.ul-contact-form textarea {
	padding: clamp(10px, 0.79vw, 15px);
	height: clamp(148px, 9.35vw, 178px);
}

.ul-contact-form .ul-btn {
	background-color: var(--ul-black);
	border-color: var(--ul-black);
}

.ul-contact-form .ul-btn i {
	background-color: var(--white);
	color: var(--ul-black);
}

.ul-contact-form .ul-btn:hover {
	background-color: transparent;
	color: var(--ul-black);
}

.ul-contact-form .ul-btn:hover i {
	color: var(--white);
	background-color: var(--ul-black);
}

.ul-about-tabs-nav {
	display: flex;
	margin-top: clamp(44px, 4.41vw, 84px);
	gap: 15px 0;
}

@media screen and (max-width: 575px) {
	.ul-about-tabs-nav {
		flex-wrap: wrap;
	}
}

.ul-about-tabs-nav button {
	color: var(--white);
	padding: 0;
	flex-grow: 1;
	text-align: center;
	font-size: clamp(18px, 1.26vw, 24px);
	font-weight: 900;
	font-family: var(--font-quicksand);
	padding-bottom: clamp(12px, 1.68vw, 32px);
	border-bottom: 1px solid var(--white);
}

@media screen and (max-width: 575px) {
	.ul-about-tabs-nav button {
		padding-inline: 10px;
	}
}

.ul-about-tabs-nav button.active {
	border-color: var(--ul-primary);
	color: var(--ul-primary);
}

.ul-about-tabs-nav button:first-child {
	text-align: left;
}

@media screen and (max-width: 575px) {
	.ul-about-tabs-nav button:first-child {
		text-align: center;
	}
}

.ul-about-tabs-nav button:last-child {
	text-align: right;
}

@media screen and (max-width: 575px) {
	.ul-about-tabs-nav button:last-child {
		text-align: center;
	}
}

.ul-about-tabs-wrapper {
	background-color: var(--white);
	border-radius: 20px;
	padding: clamp(15px, 1.26vw, 24px);
}

.ul-about-tab {
	display: flex;
	align-items: center;
	gap: clamp(15px, 2.63vw, 50px);
}

@media screen and (max-width: 1399px) {
	.ul-about-tab {
		gap: clamp(15px, 1.63vw, 50px);
	}
}

@media screen and (max-width: 991px) {
	.ul-about-tab {
		flex-direction: column;
	}
}

.ul-about-tab-img {
	flex-shrink: 0;
	max-width: clamp(339px, 28.32vw, 539px);
	border-radius: clamp(15px, 1.05vw, 20px);
	overflow: hidden;
}

@media screen and (max-width: 991px) {
	.ul-about-tab-img {
		max-width: 100%;
		width: 100%;
	}
}

.ul-about-tab-img img {
	width: 100%;
	aspect-ratio: 539/476;
	object-fit: cover;
}

.ul-about-tab-txt>* {
	margin-bottom: clamp(13px, 0.84vw, 16px);
}

.ul-about-tab-txt>*:last-child {
	margin-bottom: 0;
}

.ul-about-tab-title,
.ul-about-tab h3 {
	font-family: var(--font-quicksand);
	font-size: clamp(20px, 1.26vw, 24px);
	font-weight: 700;
}

.ul-about-tab-descr,
.ul-about-tab p {
	font-size: clamp(13px, 0.84vw, 16px);
	font-weight: 400;
	color: var(--ul-p);
}

.ul-about-tab-list li,
.ul-about-tab ul li {
	font-weight: 500;
	font-size: clamp(13px, 0.84vw, 16px);
	color: var(--ul-black);
	display: flex;
	align-items: center;
	gap: clamp(7px, 0.53vw, 10px);
	margin-bottom: clamp(7px, 0.58vw, 11px);
}

.ul-about-tab-list li::before,
.ul-about-tab ul li::before {
	content: "";
	display: inline-block;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: var(--ul-black);
}

.ul-inner-sidebar {
	position: sticky;
	top: 15px;
}

.ul-inner-sidebar-widget {
	padding: clamp(25px, 2.1vw, 40px) clamp(14px, 1.89vw, 36px);
	background-color: var(--ul-gray3);
	border-radius: clamp(15px, 1.58vw, 30px);
	margin-bottom: clamp(20px, 2.1vw, 40px);
}

.ul-inner-sidebar-widget:last-child {
	margin-bottom: 0;
}

.ul-inner-sidebar-widget-title {
	font-family: var(--font-quicksand);
	font-size: clamp(18px, 1.26vw, 24px);
	color: var(--black);
	font-weight: 700;
	position: relative;
	margin-bottom: clamp(8px, 0.95vw, 18px);
}

.ul-inner-sidebar-search form {
	background-color: var(--white);
	height: clamp(45px, 3.15vw, 60px);
	border-radius: 999px;
	overflow: hidden;
	display: flex;
}

.ul-inner-sidebar-search form input {
	padding: 0 clamp(12px, 1.05vw, 20px);
	height: 100%;
	width: 100%;
	border: none;
}

.ul-inner-sidebar-search form button {
	background-color: var(--ul-primary);
	flex-shrink: 0;
	aspect-ratio: 1/1;
	color: var(--white);
}

.ul-inner-sidebar-search form button:hover {
	background-color: var(--ul-black);
}

.ul-inner-sidebar-categories a {
	border-radius: 999px;
	padding: clamp(10px, 0.84vw, 16px) clamp(16px, 1.26vw, 24px);
	background-color: var(--white);
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: clamp(15px, 0.95vw, 18px);
	color: var(--ul-gray);
	margin-bottom: clamp(8px, 0.84vw, 16px);
}

.ul-inner-sidebar-categories a:hover {
	background-color: var(--ul-primary);
	color: var(--white);
}

.ul-inner-sidebar-categories a:last-child {
	margin-bottom: 0;
}

.ul-inner-sidebar-post {
	display: flex;
	border-bottom: 1px solid #E6E5E5;
	align-items: center;
	gap: clamp(10px, 1.05vw, 20px);
	padding: clamp(12px, 1.05vw, 20px) 0;
}

.ul-inner-sidebar-post:first-child {
	padding-top: 0;
}

.ul-inner-sidebar-post:last-child {
	padding-bottom: 0;
	border-bottom: none;
}

.ul-inner-sidebar-post .img {
	flex-shrink: 0;
	overflow: hidden;
	border-radius: 10px;
}

.ul-inner-sidebar-post .img img {
	width: clamp(70px, 5.25vw, 100px);
	aspect-ratio: 1/1;
	object-fit: cover;
}

.ul-inner-sidebar-post .date {
	font-size: clamp(13px, 0.84vw, 16px);
	color: var(--ul-gray);
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: clamp(5px, 0.42vw, 8px);
}

.ul-inner-sidebar-post .date .icon {
	display: inline-flex;
	font-size: 16px;
}

.ul-inner-sidebar-post .title a {
	font-weight: 600;
	font-family: var(--font-quicksand);
	font-size: clamp(15px, 0.95vw, 18px);
	line-height: 1.4;
	margin-bottom: 0;
	color: var(--black);
}

.ul-inner-sidebar-post .title a:hover {
	color: var(--ul-primary);
}

.ul-inner-sidebar-tags {
	display: flex;
	flex-wrap: wrap;
	gap: clamp(8px, 0.63vw, 12px);
}

.ul-inner-sidebar-tags a {
	height: clamp(30px, 1.89vw, 36px);
	border: 1px solid rgba(86, 86, 86, 0.3);
	padding: 0 clamp(12px, 0.95vw, 18px) 2px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	color: var(--black);
	font-size: clamp(13px, 0.84vw, 16px);
}

.ul-inner-sidebar-tags a:hover {
	background-color: var(--ul-primary);
	border-color: var(--ul-primary);
	color: var(--white);
}

.ul-service-details-img {
	border-radius: 20px;
	overflow: hidden;
	margin-bottom: clamp(27px, 3.52vw, 67px);
}

.ul-service-details-img img {
	aspect-ratio: 1410/700;
}

.ul-service-details-txt {
	max-width: clamp(750px, 48.87vw, 930px);
	margin: auto;
}

.ul-service-details-title,
.ul-service-details h2 {
	font-weight: 700;
	font-size: clamp(25px, 2.63vw, 50px);
	font-family: var(--font-quicksand);
	color: var(--ul-black);
	margin-bottom: clamp(10px, 1.05vw, 20px);
}

.ul-service-details-descr,
.ul-service-details p {
	font-size: clamp(13px, 0.84vw, 16px);
	color: var(--ul-p);
}

.ul-service-details-inner-block {
	margin-top: clamp(24px, 2.31vw, 44px);
}

.ul-service-details-inner-title,
.ul-service-details h3 {
	font-weight: 700;
	font-size: clamp(22px, 1.68vw, 32px);
	font-family: var(--font-quicksand);
	margin-bottom: clamp(10px, 1.05vw, 20px);
}

.ul-service-details ul {
	margin-top: clamp(15px, 1.58vw, 30px);
}

.ul-service-details ul li {
	margin-bottom: clamp(10px, 1.05vw, 20px);
	font-weight: 500;
	font-size: clamp(15px, 0.95vw, 18px);
	display: flex;
	align-items: baseline;
	gap: clamp(7px, 0.53vw, 10px);
}

.ul-service-details ul li::before {
	content: "\f139";
	font-family: flaticon_charitics !important;
	font-style: normal;
	font-weight: normal !important;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: block;
}

.ul-service-details-video-cover {
	position: relative;
	margin: clamp(25px, 3.94vw, 75px) 0;
}

.ul-service-details-video-cover img {
	width: 100%;
	aspect-ratio: 1410/700;
	object-fit: cover;
	border-radius: 20px;
}

.ul-service-details-video-cover a {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: var(--white);
	aspect-ratio: 1/1;
	padding: clamp(15px, 2.1vw, 40px);
	font-weight: 800;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ul-service-details-video-cover a:hover {
	background-color: var(--ul-black);
	color: var(--white);
}

.ul-donation-details {
	margin-left: clamp(20px, 2.63vw, 50px);
}

@media screen and (max-width: 991px) {
	.ul-donation-details {
		margin-left: 0;
	}
}

.ul-donation-details-img {
	margin-bottom: clamp(22px, 2.47vw, 47px);
}

.ul-donation-details-img img {
	border-radius: 30px;
	width: 100%;
	aspect-ratio: 890/600;
}

.ul-donation-details-raised {
	font-weight: 700;
	font-size: clamp(25px, 2.63vw, 50px);
	font-family: var(--font-quicksand);
	color: var(--ul-black);
	margin-bottom: clamp(18px, 1.47vw, 28px);
}

.ul-donation-details-raised .target {
	color: var(--ul-gray);
	font-weight: 500;
	font-size: clamp(15px, 0.95vw, 18px);
}

.ul-donation-details .ul-donation-progress {
	border-bottom: none;
	padding-bottom: 5px;
	margin-bottom: clamp(20px, 2.1vw, 40px);
}

.ul-donation-details-notice {
	background-color: var(--ul-gray3);
	padding: clamp(15px, 1.26vw, 24px);
	border-radius: 999px;
	display: flex;
	align-items: center;
	gap: clamp(13px, 0.84vw, 16px);
}

.ul-donation-details-notice p {
	margin-bottom: 0;
	color: var(--ul-p);
}

.ul-donation-details-notice p strong {
	color: var(--ul-black);
}

.ul-donation-details-donate-form-wrapper {
	padding: clamp(37px, 2.1vw, 40px) 0 clamp(52px, 2.89vw, 55px);
}

.ul-donation-details-donate-form-wrapper .selected-amount {
	background-color: var(--ul-gray3);
	border-radius: 999px;
	height: 50px;
	padding: 5px;
	padding-right: clamp(10px, 0.63vw, 12px);
	width: max-content;
	max-width: 100%;
	display: flex;
	align-items: center;
	gap: clamp(8px, 0.63vw, 12px);
	margin-bottom: clamp(12px, 1.26vw, 24px);
	font-weight: 700;
	display: none;
}

.ul-donation-details-donate-form-wrapper .selected-amount .currency {
	display: flex;
	align-items: center;
	justify-content: center;
	width: clamp(35px, 2.1vw, 40px);
	aspect-ratio: 1/1;
	background-color: var(--ul-primary);
	color: var(--white);
	border-radius: 50%;
}

.ul-donation-details .ul-donate-form .custom-amount-wrapper input,
.ul-donation-details .ul-donate-form label {
	background-color: var(--ul-gray3);
	height: clamp(30px, 1.73vw, 33px);
	font-weight: 700;
	font-size: 12px;
	padding-top: 1px;
}

.ul-donation-details .ul-donate-form .custom-amount-wrapper input {
	background-color: transparent;
}

.ul-donation-details .ul-donate-form .custom-amount-wrapper input::placeholder {
	color: var(--ul-black);
}

.ul-donation-details-payment-methods {
	margin-bottom: clamp(25px, 2.89vw, 55px);
}

.ul-donation-details-payment-methods-title {
	font-family: var(--font-quicksand);
	font-weight: 700;
	font-size: clamp(16px, 1.05vw, 20px);
	color: var(--ul-black);
	margin-bottom: clamp(5px, 0.42vw, 8px);
	letter-spacing: -0.04em;
	border-bottom: 1px solid rgba(30, 37, 47, 0.3);
	padding-bottom: clamp(15px, 1.31vw, 25px);
	margin-bottom: clamp(14px, 1.05vw, 20px);
}

.ul-donation-details-payment-methods-form {
	display: flex;
	gap: clamp(14px, 1.26vw, 24px);
	flex-wrap: wrap;
}

.ul-donation-details-payment-methods-form label {
	font-weight: 800;
}

.ul-donation-details-personal-info-title {
	font-family: var(--font-quicksand);
	font-weight: 700;
	color: var(--ul-black);
	font-size: clamp(22px, 1.68vw, 32px);
	margin-bottom: 5px;
}

.ul-donation-details-personal-info-sub-title {
	margin-bottom: clamp(12px, 1.16vw, 22px);
}

.ul-donation-details-personal-info-form input {
	height: clamp(46px, 3.36vw, 64px);
	width: 100%;
	border: 1px solid var(--ul-gray3);
	background-color: var(--ul-gray3);
	border-radius: 8px;
	padding: clamp(14px, 1.05vw, 20px);
}

.ul-donation-details-form-bottom {
	margin-top: clamp(25px, 2.63vw, 50px);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.ul-donation-details-form-bottom .donation-total {
	font-family: var(--font-quicksand);
	font-weight: 700;
	font-size: clamp(15px, 1.05vw, 20px);
}

.ul-donation-details-form-bottom .donation-total .number {
	color: var(--ul-primary);
}

.ul-donation-details-summary {
	margin-top: clamp(30px, 3.68vw, 70px);
}

.ul-donation-details-summary-title {
	font-family: var(--font-quicksand);
	font-weight: 700;
	font-size: clamp(25px, 1.68vw, 32px);
	margin-bottom: clamp(10px, 1.05vw, 20px);
}

.ul-donation-details-summary-txt p {
	color: var(--ul-p);
	font-size: clamp(13px, 0.84vw, 16px);
}

.ul-donation-details-summary-txt ul {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: clamp(10px, 1.05vw, 20px) 10px;
	margin: clamp(18px, 1.84vw, 35px) 0;
}

@media screen and (max-width: 767px) {
	.ul-donation-details-summary-txt ul {
		grid-template-columns: repeat(1, 1fr);
	}
}

.ul-donation-details-summary-txt ul li {
	font-weight: 500;
	font-size: clamp(15px, 0.95vw, 18px);
	display: flex;
	align-items: baseline;
	gap: clamp(7px, 0.53vw, 10px);
	margin-bottom: 0;
}

.ul-donation-details-summary-txt ul li::before {
	content: "\f139";
	font-family: flaticon_charitics !important;
	font-style: normal;
	font-weight: normal !important;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: block;
}

.ul-donation-details-summary-txt blockquote {
	background-color: var(--ul-gray3);
	margin: clamp(18px, 1.84vw, 35px) 0;
	font-size: clamp(13px, 0.84vw, 16px);
	padding: clamp(18px, 1.84vw, 35px);
	border-radius: 10px;
	display: flex;
	align-items: center;
	gap: clamp(15px, 1.58vw, 30px);
}

.ul-donation-details-summary-txt blockquote::before {
	content: "";
	display: inline-block;
	background: url(../img/quote-icon.svg) no-repeat center center;
	background-size: 100% 100%;
	width: clamp(45px, 2.63vw, 50px);
	aspect-ratio: 50/40;
	flex-shrink: 0;
}

.ul-donation-details-summary-imgs {
	display: flex;
	gap: clamp(15px, 1.58vw, 30px);
	margin: clamp(20px, 2.1vw, 40px) 0;
	max-width: 100%;
}

.ul-donation-details-summary-imgs>* {
	max-width: calc((100% - clamp(15px, 1.58vw, 30px)) / 2);
}

.ul-donation-details-summary-imgs img {
	width: 100%;
	aspect-ratio: 430/350;
	border-radius: 20px;
}

.ul-donation-progress-2 {
	padding-top: 20px;
}

.ul-event-details-img {
	border-radius: clamp(15px, 1.58vw, 30px);
	overflow: hidden;
	margin-bottom: clamp(15px, 1.58vw, 30px);
}

.ul-event-details-infos {
	display: flex;
	align-items: center;
	gap: clamp(15px, 1.58vw, 30px);
	font-size: clamp(13px, 0.84vw, 16px);
	font-weight: 500;
	color: var(--ul-gray);
	margin-bottom: clamp(6px, 0.47vw, 9px);
}

.ul-event-details-info {
	display: flex;
	align-items: center;
	gap: 10px;
	line-height: 1;
}

.ul-event-details-info i {
	font-size: clamp(15px, 0.95vw, 18px);
	color: var(--ul-primary);
}

.ul-event-details-title,
.ul-event-details h2 {
	font-family: var(--font-quicksand);
	font-weight: 700;
	font-size: clamp(26px, 2.63vw, 50px);
	line-height: 120%;
	letter-spacing: -0.04em;
	color: var(--ul-black);
	margin-bottom: clamp(11px, 1.1vw, 21px);
}

.ul-event-details-inner-title,
.ul-event-details h3 {
	font-weight: 700;
	font-size: clamp(26px, 1.68vw, 32px);
	font-family: var(--font-quicksand);
	margin-bottom: clamp(10px, 1.05vw, 20px);
	margin-top: clamp(23px, 2.26vw, 43px);
}

.ul-event-details-descr,
.ul-event-details p {
	font-size: clamp(13px, 0.84vw, 16px);
	line-height: 167%;
	color: var(--ul-p);
	margin-bottom: clamp(8px, 0.79vw, 15px);
}

.ul-event-details-list li,
.ul-event-details ul li {
	font-size: clamp(15px, 0.95vw, 18px);
	color: var(--ul-black);
	font-weight: 500;
	display: flex;
	align-items: baseline;
	gap: clamp(7px, 0.53vw, 10px);
	margin-bottom: clamp(10px, 1.05vw, 20px);
}

.ul-event-details-list li::before,
.ul-event-details ul li::before {
	content: "\f139";
	font-family: flaticon_charitics !important;
	font-style: normal;
	font-weight: normal !important;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: block;
}

.ul-event-details-map iframe {
	width: 100%;
	aspect-ratio: 890/524;
	border-radius: clamp(15px, 1.58vw, 30px);
}

.ul-form input,
.ul-form textarea {
	background-color: var(--ul-gray3);
	border-color: var(--ul-gray3);
}

.ul-project-details-img-slider {
	border-radius: clamp(15px, 1.58vw, 30px);
	margin-bottom: clamp(30px, 3.15vw, 60px);
}

.ul-project-details-img-slider .ul-slider-nav {
	left: clamp(15px, 1.58vw, 30px);
	right: clamp(15px, 1.58vw, 30px);
	width: auto;
}

.ul-project-details-img-slider .ul-slider-nav button {
	background-color: var(--white);
	color: var(--ul-black);
}

.ul-project-details-img-slider .ul-slider-nav button:hover {
	background-color: var(--ul-primary);
	color: var(--white);
}

.ul-project-details-infos {
	background-color: var(--ul-black);
	color: var(--white);
	padding: clamp(20px, 2.1vw, 40px);
	border-radius: 18px;
}

.ul-project-details-infos-title {
	font-family: var(--font-quicksand);
	font-weight: 700;
	font-size: clamp(24px, 1.68vw, 32px);
	line-height: 120%;
	color: var(--white);
	margin-bottom: clamp(15px, 1.31vw, 25px);
}

.ul-project-details-infos-list {
	margin-bottom: clamp(17px, 1.94vw, 37px);
}

.ul-project-details-infos-list li {
	margin-bottom: 10px;
	display: flex;
	--gap-beween: clamp(5px, 1.84vw, 35px);
	gap: var(--gap-beween);
	margin-bottom: clamp(8px, 0.95vw, 18px);
}

.ul-project-details-infos-list li .key {
	min-width: clamp(80px, 4.36vw, 83px);
	display: block;
	width: calc(30% - var(--gap-beween));
}

.ul-project-details-infos-list li .value {
	width: calc(70% - var(--gap-beween));
	margin-left: auto;
}

.ul-project-details-infos-shares a {
	border-radius: 50%;
}

.ul-project-details-nav {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border: 1px solid rgba(67, 67, 67, 0.3);
	border-width: 1px 0;
	padding: clamp(20px, 3.15vw, 60px) 0;
	margin-top: clamp(30px, 5.25vw, 100px);
}

.ul-project-details-nav button,
.ul-project-details-nav a {
	display: flex;
	align-items: center;
	visibility: hidden;
	font-weight: 700;
	gap: clamp(5px, 0.42vw, 8px);
	color: var(--ul-black);
}

.ul-project-details-nav button:hover,
.ul-project-details-nav a:hover {
	color: var(--ul-primary);
}

.ul-project-details-nav button:hover i,
.ul-project-details-nav a:hover i {
	background-color: var(--ul-primary);
}

.ul-project-details-nav button>*,
.ul-project-details-nav a>* {
	visibility: visible;
}

.ul-project-details-nav button i,
.ul-project-details-nav a i {
	width: clamp(35px, 2.1vw, 40px);
	aspect-ratio: 1/1;
	border-radius: 999px;
	background-color: var(--ul-black);
	color: var(--white);
	align-items: center;
	justify-content: center;
	font-size: clamp(13px, 0.84vw, 16px);
	transition: 0.4s ease;
}

.ul-project-details-nav button:last-child,
.ul-project-details-nav a:last-child {
	flex-direction: row-reverse;
}

.ul-blog-details-txt blockquote {
	background-color: var(--ul-primary);
	color: var(--white);
}

.ul-blog-details-txt blockquote::before {
	background-image: url(../img/quote-icon-white.svg);
}

.ul-blog-details-actions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 10px;
}

.ul-blog-details-actions .actions-title {
	font-size: clamp(13px, 0.84vw, 16px);
	font-weight: 600;
	margin-bottom: 0;
	text-transform: uppercase;
}

.ul-blog-details-actions .tags-wrapper,
.ul-blog-details-actions .shares-wrapper {
	display: flex;
	align-items: center;
	gap: 10px;
}

.ul-blog-details-actions .tags-wrapper a,
.ul-blog-details-actions .tags-wrapper button {
	border-left: 1px solid var(--ul-gray);
	line-height: 0.7;
	padding-left: clamp(9px, 0.63vw, 12px);
	margin-left: clamp(9px, 0.63vw, 12px);
}

.ul-blog-details-actions .tags-wrapper a:first-child,
.ul-blog-details-actions .tags-wrapper button:first-child {
	border-left: none;
	padding-left: 0;
	margin-left: 0;
}

.ul-blog-details-actions .tags-wrapper a:hover,
.ul-blog-details-actions .tags-wrapper button:hover {
	border-color: var(--ul-primary);
}

.ul-blog-details-actions .share-options {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: clamp(7px, 0.53vw, 10px);
}

.ul-blog-details-actions .share-options a {
	color: var(--black);
	display: flex;
	width: clamp(25px, 1.47vw, 28px);
	aspect-ratio: 1/1;
	border-radius: 50%;
	background-color: var(--ul-black);
	color: var(--white);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
}

.ul-blog-details-actions .share-options a:hover {
	background-color: var(--ul-primary);
}

.ul-blog-details-reviews {
	margin-top: clamp(22px, 1.84vw, 35px);
}

.ul-blog-details-review .main-comment {
	display: flex;
	align-items: flex-start;
	gap: clamp(12px, 1.26vw, 24px);
}

@media screen and (max-width: 479px) {
	.ul-blog-details-review {
		flex-direction: column;
	}
}

.ul-blog-details-review-reviewer-img {
	flex-shrink: 0;
}

.ul-blog-details-review-reviewer-img img {
	width: clamp(70px, 4.73vw, 90px);
	aspect-ratio: 1/1;
	border-radius: 10px;
	object-fit: cover;
}

.ul-blog-details-review-txt {
	flex-grow: 1;
}

.ul-blog-details-review-txt .reviewer-name {
	font-weight: 700;
	font-size: clamp(18px, 1.26vw, 24px);
	line-height: 110%;
	color: var(--ul-black);
	font-family: var(--font-quicksand);
}

.ul-blog-details-review-txt .review-date {
	font-size: clamp(13px, 0.84vw, 16px);
	font-weight: 400;
	margin-bottom: 0;
	color: var(--ul-gray);
}

.ul-blog-details-review p {
	font-weight: 400;
	margin-bottom: clamp(7px, 0.53vw, 10px);
	color: var(--ul-gray);
}

.ul-blog-details-review-reply-btn {
	font-weight: 700;
	font-size: clamp(13px, 0.84vw, 16px);
	display: inline-flex;
	align-items: center;
	gap: 5px;
	margin-top: clamp(8px, 0.68vw, 13px);
}

.ul-blog-details-review-reply-btn i {
	color: var(--ul-primary);
}

.ul-blog-details-review-reply-btn:hover {
	color: var(--ul-primary);
}

.ul-blog-details-review-replies {
	margin-left: clamp(20px, 6.04vw, 115px);
}

.ul-blog-details-review-reply {
	margin-top: clamp(15px, 1.84vw, 35px);
}

.ul-blog-details-review-form-wrapper {
	margin-top: clamp(35px, 3.68vw, 70px);
}

.ul-blog-details-review-form-wrapper .ul-btn:hover {
	color: var(--ul-black);
}

.ul-contact-info {
	background-color: var(--ul-gray3);
	border-radius: 20px;
	padding: clamp(20px, 2.1vw, 40px) clamp(15px, 1.84vw, 35px);
}

.ul-contact-info .icon {
	background-color: var(--ul-primary);
	width: clamp(60px, 4.2vw, 80px);
	aspect-ratio: 1/1;
	border-radius: 999px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--white);
	font-size: clamp(26px, 2.1vw, 40px);
	margin-bottom: clamp(25px, 2.89vw, 55px);
}

.ul-contact-info .title {
	display: block;
	font-size: clamp(15px, 0.95vw, 18px);
	color: var(--ul-gray);
	margin-bottom: 4px;
}

.ul-contact-info a,
.ul-contact-info .descr {
	font-family: var(--font-quicksand);
	font-weight: 700;
	font-size: clamp(18px, 1.26vw, 24px);
}

.ul-contact-info a:hover {
	color: var(--ul-primary);
}

.ul-contact-map iframe {
	width: 100%;
	aspect-ratio: 1920/800;
	vertical-align: top;
}

.ul-inner-contact-container {
	max-width: clamp(587px, 48.87vw, 930px);
	margin: auto;
}

@media screen and (max-width: 767px) {
	.ul-inner-contact-container {
		margin: 0 15px;
	}
}

.ul-404-container {
	max-width: 750px;
	margin: auto;
}

.ul-404-img {
	margin-bottom: clamp(10px, 0.79vw, 15px);
}

.ul-404 p {
	margin-top: clamp(8px, 0.63vw, 12px);
	font-size: clamp(13px, 0.84vw, 16px);
	margin-bottom: clamp(16px, 1.37vw, 26px);
}

.ul-404 .ul-btn {
	background-color: var(--ul-black);
	border-color: var(--ul-black);
}

.ul-404 .ul-btn i {
	color: var(--ul-black);
}

.ul-404 .ul-btn:hover {
	background-color: transparent;
	color: var(--ul-black);
}

.ul-404 .ul-btn:hover i {
	color: var(--white);
}

.ul-team-details-img {
	flex-shrink: 0;
	border-radius: 20px;
	overflow: hidden;
	position: sticky;
	top: clamp(20px, 2.1vw, 40px);
}

.ul-team-details-img img {
	width: 100%;
	aspect-ratio: 1/1;
	object-fit: cover;
}

.ul-team-details-name {
	margin-bottom: clamp(5px, 0.42vw, 8px);
}

.ul-team-details-role {
	font-weight: 600;
	font-size: clamp(16px, 1.05vw, 20px);
	color: var(--ul-black);
	margin-bottom: clamp(15px, 1.52vw, 29px);
}

.ul-team-details-descr {
	font-size: clamp(13px, 0.84vw, 16px);
	line-height: 1.5;
	color: var(--ul-gray);
	margin-bottom: clamp(15px, 0.95vw, 18px);
}

.ul-team-details-infos {
	margin-bottom: clamp(15px, 1.58vw, 30px);
}

.ul-team-details-info {
	margin-bottom: clamp(7px, 0.63vw, 12px);
}

.ul-team-details-info,
.ul-team-details-info a {
	font-size: clamp(13px, 0.84vw, 16px);
	font-weight: 600;
	color: var(--ul-black);
	display: flex;
	align-items: center;
	gap: 10px;
}

.ul-team-details-info a:hover {
	color: var(--ul-primary);
}

.ul-team-details-socials {
	display: flex;
	gap: clamp(5px, 0.42vw, 8px);
	font-weight: 500;
	margin-bottom: clamp(30px, 3.42vw, 65px);
}

.ul-team-details-socials a {
	color: var(--ul-black);
	font-size: clamp(13px, 0.84vw, 16px);
	background-color: var(--ul-gray3);
	width: clamp(36px, 2.31vw, 44px);
	aspect-ratio: 1/1;
	border-radius: 999px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ul-team-details-socials a:hover {
	color: var(--white);
	background-color: var(--ul-primary);
}

.ul-team-details-experiences {
	margin-bottom: clamp(30px, 3.42vw, 65px);
}

.ul-team-details-experience {
	margin-bottom: clamp(15px, 1.31vw, 25px);
}

.ul-team-details-experience:last-child {
	margin-bottom: 0;
}

.ul-team-details-experience .experience-title {
	font-weight: 700;
	color: var(--ul-black);
	margin-bottom: 0;
}

.ul-team-details-experience .ul-progress-container {
	background-color: rgba(235, 82, 16, 0.5);
	border: none;
}

.ul-team-details-experience .ul-progressbar {
	height: clamp(7px, 0.53vw, 10px);
	border-radius: 999px;
}

.ul-team-details-experience .ul-progressbar::before {
	content: none;
}

.ul-team-details-experience .ul-progress-label {
	font-weight: 700;
	color: var(--ul-black);
	font-size: clamp(13px, 0.84vw, 16px);
}

.ul-pricing-packages {
	display: flex;
	gap: clamp(15px, 1.58vw, 30px);
}

@media screen and (max-width: 479px) {
	.ul-pricing-packages {
		flex-direction: column;
	}
}

.ul-pricing-packages>* {
	flex: auto;
}

.ul-pricing-package {
	border-radius: clamp(22px, 1.68vw, 32px);
	background-color: var(--ul-gray3);
	padding: clamp(20px, 2.1vw, 40px) clamp(15px, 1.84vw, 35px);
}

.ul-pricing-package-heading {
	position: relative;
	margin-bottom: clamp(15px, 1.58vw, 30px);
}

.ul-pricing-package-heading .tag {
	position: absolute;
	top: clamp(-14px, -0.74vw, -11px);
	right: clamp(20px, 1.37vw, 26px);
	background-color: var(--ul-secondary);
	font-size: clamp(13px, 0.84vw, 16px);
	border-radius: 5px;
	padding: clamp(1.5px, 0.24vw, 4.5px) clamp(8px, 0.58vw, 11px);
}

.ul-pricing-package-name {
	font-weight: 700;
	font-size: clamp(18px, 1.26vw, 24px);
	font-family: var(--font-quicksand);
	margin-bottom: clamp(10px, 0.95vw, 18px);
	display: inline-block;
}

.ul-pricing-package-heading-bottom {
	display: flex;
	align-items: flex-end;
	margin-bottom: clamp(10px, 1.05vw, 20px);
}

.ul-pricing-package-price {
	font-weight: 700;
	font-size: clamp(40px, 4.2vw, 80px);
	line-height: 0.7;
	font-family: var(--font-quicksand);
}

.ul-pricing-package-duration {
	font-size: clamp(17px, 1.05vw, 20px);
	display: block;
	font-weight: 500;
}

.ul-pricing-package-duration .divider {
	line-height: 1.2;
}

.ul-pricing-package-descr {
	font-size: clamp(13px, 0.84vw, 16px);
	line-height: 167%;
	color: var(--ul-p);
	margin-bottom: 0;
}

.ul-pricing-package-body {
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.ul-pricing-package-body-list {
	margin-bottom: clamp(20px, 2.36vw, 45px);
}

.ul-pricing-package-body-list li {
	display: flex;
	align-items: baseline;
	gap: clamp(5px, 0.42vw, 8px);
	color: var(--ul-black);
	margin-bottom: clamp(12px, 0.79vw, 15px);
}

.ul-pricing-package-body-list li::before {
	content: "\f139";
	font-family: flaticon_charitics !important;
	font-style: normal;
	font-weight: normal !important;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: block;
}

.ul-pricing-package-body-list li:last-child {
	margin-bottom: 0;
}

.ul-pricing-package-btn {
	height: clamp(42px, 2.63vw, 50px);
	background-color: var(--ul-black);
	color: var(--white);
	border-radius: 999px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
}

.ul-pricing-package-btn:hover {
	background-color: var(--ul-primary);
	color: var(--white);
}

/*# sourceMappingURL=style.css.map */

/*new css for home page*/

*,
*::before,
*::after {
	box-sizing: border-box;
}

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

body {
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	position: relative !important;
	width: 100%;
}

.sv-menu-checkbox {
	display: none !important;
}

.sv-header-site {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10000;
    transition: transform 0.3s ease-in-out;
    background: #ffffff; /* Taki scroll karte waqt background transparent na ho */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.07);
}

.sv-topstrip {
	background-color: #7b1416;
	padding: 6px 0;
	width: 100%;
}

.sv-topstrip-wrap {
	width: 100%;
	padding: 0 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.sv-topstrip-left {
	display: flex;
	align-items: center;
	gap: 6px;
	color: #e8c8c8;
	font-size: 12.5px;
}

.sv-topstrip-left i {
	font-size: 11px;
	color: #ffaaaa;
	padding-left: 54px;
}

.sv-topstrip-right {
	display: flex;
	align-items: center;
	gap: 18px;
}

.sv-top-contact {
	display: flex;
	align-items: center;
	gap: 6px;
	color: #e8c8c8;
	font-size: 12.5px;
	text-decoration: none;
	transition: color 0.2s;
}

.sv-top-contact i {
	font-size: 11px;
	color: #ffaaaa;
}

.sv-top-contact:hover {
	color: #fff;
}

.sv-top-sep {
	color: rgba(255, 255, 255, 0.35);
	font-size: 13px;
}

.sv-top-socials {
	display: flex;
	align-items: center;
	gap: 10px;
}

.sv-soc-link {
	color: #e8c8c8;
	font-size: 12px;
	text-decoration: none;
	width: 23px;
	height: 23px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	transition: background 0.2s, color 0.2s;
}

.sv-soc-link:hover {
	background: rgba(255, 255, 255, 0.18);
	color: #fff;
}

.sv-mainhead {
    background: #ffffff;
    border-bottom: 1px solid #e5e5e5;
    width: 100%;
    position: relative;
}
.header-hidden {
    transform: translateY(-100%);
}

.sv-head-inner {
	width: 100%;
	padding: 0 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 74px;
}

.sv-brand {
	display: flex;
	align-items: center;
	gap: 10px;
	text-decoration: none;
	flex-shrink: 0;
}

.logo-ngo {
	height: 75px;
	margin-left: 30px;
	object-fit: contain;
}

.sv-brand-texts {
	display: flex;
	flex-direction: column;
}

.sv-brand-name {
	font-size: 19px;
	font-weight: 700;
	color: #7b1416;
	line-height: 1.2;
	letter-spacing: 0.2px;
}

.sv-brand-tagline {
	font-size: 11px;
	color: #888;
	font-weight: 400;
	letter-spacing: 0.4px;
	margin-top: 1px;
}

.sv-navmenu {
	display: flex;
	align-items: center;
	flex: 1;
	justify-content: flex-end;
}

.sv-navlist {
	list-style: none;
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0;
}

.sv-navitem {
	position: relative;
	list-style: none;
}

.sv-navlink {
	display: flex;
	align-items: center;
	gap: 4px;
	padding: 26px 13px;
	color: #2d2d2d;
	text-decoration: none;
	font-size: 13.5px;
	font-weight: 600;
	white-space: nowrap;
	transition: color 0.2s;
	position: relative;
}

.sv-navlink::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 2.5px;
	background: #7b1416;
	transition: width 0.25s ease;
}

.sv-navitem:hover>.sv-navlink::after {
	width: 100%;
}

.sv-navlink i {
	font-size: 9px;
	transition: transform 0.2s;
}

.sv-navitem:hover>.sv-navlink i {
	transform: rotate(180deg);
}

.sv-navitem:hover>.sv-navlink {
	color: #7b1416;
}

.sv-subnav {
	position: absolute;
	top: 100%;
	left: 0;
	background: #ffffff;
	min-width: 220px;
	list-style: none;
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.13);
	border-top: 3px solid #7b1416;
	padding: 4px 0;
	margin: 0;
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);
	transition: opacity 0.2s ease, transform 0.2s ease, visibility 0s 0.2s;
	z-index: 99999;
}

.sv-navitem:hover>.sv-subnav {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	transition: opacity 0.2s ease, transform 0.2s ease, visibility 0s 0s;
}

.sv-subitem {
	display: block;
	width: 100%;
}

.sv-subitem a {
	display: block;
	padding: 11px 20px;
	font-size: 13.5px;
	color: #333;
	text-decoration: none;
	border-bottom: 1px solid #f5f5f5;
	transition: all 0.18s ease;
	background: #ffffff;
}

.sv-subitem a:hover {
	background: #fdf5f5;
	color: #7b1416;
	padding-left: 26px;
}

.sv-subitem:last-child a {
	border-bottom: none;
}

.sv-applybtn {
	background: #c0321b;
	color: #fff;
	padding: 10px 24px;
	border-radius: 4px;
	text-decoration: none;
	font-size: 14px;
	font-weight: 600;
	flex-shrink: 0;
	white-space: nowrap;
	margin-left: 18px;
	display: inline-block;
	transition: background 0.2s;
}

.sv-applybtn:hover {
	background: #a8280e;
	color: #fff;
}

.sv-hamwrap {
	display: none;
	flex-direction: column;
	gap: 5px;
	cursor: pointer;
	padding: 5px;
	margin-left: auto;
	margin-right: 10px;
}

.sv-hambar {
	width: 25px;
	height: 2.5px;
	background: #333;
	border-radius: 2px;
	transition: all 0.3s ease;
}

.sv-overlay {
	display: none;
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 9998;
	opacity: 0;
	transition: opacity 0.3s;
	pointer-events: none;
}

@media (max-width: 1100px) {
	.sv-navlink {
		padding: 26px 10px;
		font-size: 13px;
	}
}

@media (max-width: 900px) {
	.sv-hamwrap {
		display: flex;
	}

	.sv-overlay {
		display: block;
	}

	.sv-navmenu {
		position: fixed;
		top: 0;
		right: -290px;
		width: 290px;
		height: 100vh;
		background: #ffffff;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		padding-top: 72px;
		box-shadow: -3px 0 18px rgba(0, 0, 0, 0.14);
		transition: right 0.32s ease;
		z-index: 9999;
		overflow-y: auto;
	}

	.sv-menu-checkbox:checked~header .sv-navmenu {
		right: 0;
	}

	.sv-menu-checkbox:checked~.sv-overlay {
		opacity: 1;
		pointer-events: auto;
	}

	.sv-menu-checkbox:checked~header .sv-hamwrap .sv-hambar:nth-child(1) {
		transform: translateY(7.5px) rotate(45deg);
	}

	.sv-menu-checkbox:checked~header .sv-hamwrap .sv-hambar:nth-child(2) {
		opacity: 0;
	}

	.sv-menu-checkbox:checked~header .sv-hamwrap .sv-hambar:nth-child(3) {
		transform: translateY(-7.5px) rotate(-45deg);
	}

	.sv-navlist {
		flex-direction: column;
		width: 100%;
	}

	.sv-navitem {
		width: 100%;
		border-bottom: 1px solid #efefef;
	}

	.sv-navlink {
		padding: 14px 20px;
		font-size: 14px;
		justify-content: space-between;
		width: 100%;
	}

	.sv-navlink::after {
		display: none;
	}

	.sv-subnav {
		position: static;
		opacity: 0;
		visibility: hidden;
		max-height: 0;
		transform: none;
		box-shadow: none;
		border-top: none;
		border-left: 3px solid #7b1416;
		min-width: 100%;
		background: #fafafa;
		padding-left: 10px;
		overflow: hidden;
		transition: max-height 0.3s ease, opacity 0.3s ease, visibility 0s 0.3s;
	}

	.sv-navitem.has-dropdown:focus-within>.sv-subnav {
		opacity: 1;
		visibility: visible;
		max-height: 400px;
		transition: max-height 0.3s ease, opacity 0.3s ease, visibility 0s 0s;
	}

	.sv-navitem.has-dropdown:focus-within>.sv-navlink {
		color: #7b1416;
	}

	.sv-navitem.has-dropdown:focus-within>.sv-navlink i {
		transform: rotate(180deg);
	}

	.sv-subitem a {
		background: #fafafa;
		border-bottom: 1px solid #f0f0f0;
	}

	.sv-applybtn {
		margin: 20px;
	}

	.sv-head-inner {
		padding: 0 16px;
	}

	.sv-topstrip-wrap {
		padding: 0 16px;
	}
}

@media (max-width: 600px) {
	.sv-topstrip-left {
		display: none;
	}

	.sv-topstrip-right {
		width: 100%;
		justify-content: center;
		flex-wrap: wrap;
		gap: 10px;
	}

	.sv-top-sep {
		display: none;
	}

	.logo-ngo {
		height: 55px;
		margin-left: 10px;
	}

	.sv-brand-name {
		font-size: 15px;
	}

	.sv-brand-tagline {
		font-size: 10px;
	}

	.sv-head-inner {
		height: 64px;
	}
}

@media (max-width: 400px) {
	.sv-brand-tagline {
		display: none;
	}

	.sv-brand-name {
		font-size: 14px;
	}

	.sv-top-contact span {
		display: none;
	}
}

/* Hero Section Styles */
.hero-section {
	position: relative;
	width: 100%;
	min-height: 100vh;
	background: url("../img/ngo-background.jpg") no-repeat center center/cover;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 80px 8% 40px 8%;
	overflow: hidden;
	margin-top: 110px;
}

/* TUMHARE CODE ME PROBLEM HAI */

/* Ye pehla overlay */
.hero-section::before {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.45);
	z-index: 1;
}

/* Fir ye dusra overlay */
.hero-section::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg,
			rgba(255, 255, 255, 0.4) 0%,
			rgba(255, 255, 255, 0.1) 60%,
			transparent 100%);
	z-index: 1;
}

/* CSS me same selector 2 baar hai.
   Isliye niche wala pehle wale ko overwrite kar raha hai.
   Dark overlay lag hi nahi raha. */

/* ISKO REPLACE KARO */

.hero-section::before {
	content: '';
	position: absolute;
	inset: 0;
	background:
		linear-gradient(rgba(0, 0, 0, 0.65),
			rgba(0, 0, 0, 0.65));
	z-index: 1;
}

/* Hero Content Above Overlay */
.hero-container {
	position: relative;
	z-index: 2;
	max-width: 600px;
}

/* Typography Styles */
.sub-title {
	font-family: 'Marcellus', serif;
	color: #D4A33B;
	font-size: 1.1rem;
	font-weight: 600;
	letter-spacing: 0.5px;
	display: inline-block;
	margin-bottom: 15px;
}

.main-title {
	font-family: 'Marcellus', serif;
	font-size: 3.5rem;
	line-height: 1.2;
	color: #ffffff;
	/* White for visibility */
	margin-bottom: 20px;
}

.main-title .highlight {
	color: #D4A33B;
}

.description {
	font-size: 1.05rem;
	line-height: 1.6;
	color: rgba(255, 255, 255, 0.9);
	margin-bottom: 35px;
}

/* Buttons */
.cta-buttons {
	display: flex;
	gap: 20px;
}

.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 15px 30px;
	font-size: 0.9rem;
	font-weight: 600;
	text-decoration: none;
	letter-spacing: 1px;
	border-radius: 6px;
	transition: all 0.3s ease;
}

.btn-donate {
	background-color: #801424;
	color: #ffffff;
	border: 2px solid #801424;
}

.btn-donate:hover {
	background-color: #bd9134;
	border-color: #bd9134;
	color: white;
}

.btn-projects {
	background-color: transparent;
	color: #ffffff;
	border: 2px solid #ffffff;
}

.btn-projects:hover {
	background-color: #ffffff;
	color: #1a1a1a;
}

/* ==========================================================================
   UPDATED FEATURES BAR - WITH FLOATING OVERLAP EFFECT
   ========================================================================== */
.features-bar {
	width: 92%;
	max-width: 1250px;

	/* 1. LAYER CONTROL: Isse capsule piche waali image ke upar float karega */
	position: relative;
	z-index: 99;

	/* 2. NEGATIVE MARGIN: Isse yeh bar aadha apne upar waale section par chadh jayega */
	margin: -80px auto 40px auto;

	/* Baki saari design properties same hain jaisa aapko chahiye tha */
	background-color: #7A1221;
	border-radius: 16px;
	padding: 50px 40px;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	overflow: hidden;
	box-shadow: 0 20px 45px rgba(122, 18, 33, 0.25), 0 10px 20px rgba(0, 0, 0, 0.15);
}

/* === CORNER DECORATIVE MANDALA PATTERNS === */
.mandala-pattern {
	position: absolute;
	width: 160px;
	height: 160px;
	opacity: 0.12;
	pointer-events: none;
	background-size: contain;
	background-repeat: no-repeat;
}

.left-mandala {
	top: -30px;
	left: -30px;
	background-image: url('https://www.transparentpng.com/download/mandala/YmU7XW-gold-mandala-transparent-image.png');
}

.right-mandala {
	bottom: -30px;
	right: -30px;
	background-image: url('https://www.transparentpng.com/download/mandala/YmU7XW-gold-mandala-transparent-image.png');
	transform: rotate(180deg);
}

/* === FEATURE SINGLE COLUMNS & DIVIDERS === */
.feature-item {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding: 10px 25px;
	position: relative;
	z-index: 2;
	transition: transform 0.3s ease;
}

/* Thin Faint Vertical Divider Lines between items */
.feature-item:not(:last-child) {
	border-right: 1px solid rgba(255, 255, 255, 0.15);
}

/* === ICON CIRCLES (GOLD & OUTLINE COMBO) === */
.icon-circle {
	width: 58px;
	height: 58px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.04);
	border: 1px solid #D4A33B;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 18px;
	box-shadow: 0 0 0 4px rgba(214, 163, 59, 0.1);
	transition: all 0.3s ease;
}

.icon-circle i {
	font-size: 1.3rem;
	color: #D4A33B;
	transition: transform 0.3s ease;
}

/* === TYPOGRAPHY === */
.feature-title {
	font-size: 1.15rem;
	font-weight: 600;
	color: #ffffff;
	margin-bottom: 12px;
	letter-spacing: 0.3px;
	font-family: 'Plus Jakarta Sans', sans-serif;
}

.feature-text {
	font-size: 0.86rem;
	color: #FAF6F0;
	line-height: 1.55;
	font-weight: 400;
	opacity: 0.85;
	margin: 0;
	font-family: 'Plus Jakarta Sans', sans-serif;
}

/* === MICRO HOVER ANIMATION === */
.feature-item:hover {
	transform: translateY(-4px);
}

.feature-item:hover .icon-circle {
	background-color: #D4A33B;
	box-shadow: 0 0 15px rgba(214, 163, 59, 0.4);
}

.feature-item:hover .icon-circle i {
	color: #7A1221;
	transform: scale(1.1);
}

/* ==========================================================================
   100% RESPONSIVE ADAPTATION (UPDATED FOR OVERLAP)
   ========================================================================== */
@media (max-width: 1024px) {
	.features-bar {
		padding: 40px 20px;
		/* Tablets par overlap thoda kam kar diya taaki layout clean lage */
		margin-top: -60px;
	}

	.feature-item {
		padding: 10px 15px;
	}

	.feature-title {
		font-size: 1.05rem;
	}

	.feature-text {
		font-size: 0.82rem;
	}
}

@media (max-width: 920px) {
	.features-bar {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 30px 10px;
		padding: 50px 30px;
		margin-top: -60px;
	}

	.feature-item:not(:last-child) {
		border-right: none;
	}

	.feature-item:nth-child(odd) {
		border-right: 1px solid rgba(255, 255, 255, 0.12);
	}
}

@media (max-width: 600px) {
	.features-bar {
		grid-template-columns: 1fr;
		width: 94%;
		padding: 45px 20px;
		gap: 35px;
		/* Mobile par overlap ko handle karne ke liye perfect scale */
		margin-top: -50px;
	}

	.feature-item:nth-child(odd) {
		border-right: none;
	}

	.feature-item:not(:last-child) {
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
		padding-bottom: 25px;
	}

	.feature-text {
		max-width: 300px;
	}
}

.rsf-main-projects-section {
	width: 100%;
	position: relative;
	padding: 100px 7% 120px 7%;
	background-image: linear-gradient(rgba(0, 0, 0, 0.78), rgba(0, 0, 0, 0.78)),
		url('https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?q=80&w=1600');
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	overflow: hidden;
}

/* Projects Top Header */
.rsf-projects-top-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 50px;
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
}

.rsf-tagline-gold {
	font-size: 0.85rem;
	font-weight: 700;
	color: var(--rsf-gold, #d4a33b);
	letter-spacing: 1px;
	display: block;
	margin-bottom: 8px;
}

.rsf-heading-title {
	font-family: 'Marcellus', serif;
	font-size: 2.8rem;
	font-weight: 500;
	color: var(--text-white, #ffffff);
	margin-bottom: 0;
}

.rsf-text-maroon {
	color: var(--rsf-gold, #d4a33b);
}

/* Shimmer Buttons Styling */
.rsf-loading-btn {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.rsf-btn-outline-maroon {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	padding: 14px 32px;
	border: 1px solid var(--text-white, #ffffff);
	border-radius: 4px;
	color: var(--text-white, #ffffff);
	text-decoration: none;
	font-size: 0.85rem;
	font-weight: 700;
	letter-spacing: 0.5px;
	transition: color 0.4s ease, border-color 0.4s ease;
}

.rsf-loading-btn::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
	background-color: var(--text-white, #ffffff);
	border-radius: 50%;
	transform: translate(-50%, -50%);
	transition: width 0.6s cubic-bezier(0.1, 0.8, 0.3, 1), height 0.6s cubic-bezier(0.1, 0.8, 0.3, 1);
	z-index: -1;
}

.rsf-btn-outline-maroon:hover::before {
	width: 300%;
	height: 400%;
}

.rsf-btn-outline-maroon:hover {
	color: var(--rsf-maroon-dark, #540c16);
	border-color: var(--text-white, #ffffff);
}

.rsf-btn-shimmer-text {
	position: relative;
	background: linear-gradient(to right, currentColor 0%, rgba(255, 220, 150, 0.8) 50%, currentColor 100%);
	background-size: 200% auto;
	-webkit-background-clip: text;
	background-clip: text;
	animation: rsf-text-shimmer-run 3s linear infinite;
}

@keyframes rsf-text-shimmer-run {
	0% {
		background-position: 0% center;
	}

	100% {
		background-position: -200% center;
	}
}

/* === CAROUSEL WRAPPER === */
.rsf-carousel-wrapper {
	overflow: hidden;
	max-width: 1400px;
	margin: 0 auto;
	padding: 25px 0;
}

.rsf-projects-carousel-track {
	display: flex;
	gap: 20px;
	will-change: transform;
}

/* === CARD LOOK AND FEEL === */
.rsf-single-project-card {
	flex: 0 0 calc(25% - 15px);
	/* Desktop Grid Layout Matrix */
	min-width: 285px;
	background-color: #ffffff;
	border-radius: 12px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);
	position: relative;
	z-index: 2;
	transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.rsf-single-project-card:hover {
	transform: translateY(-10px);
	box-shadow: 0 22px 40px rgba(0, 0, 0, 0.3);
}

.rsf-card-img-holder {
	width: 100%;
	height: 185px;
	position: relative;
	overflow: hidden;
}

.rsf-card-img-holder img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.rsf-single-project-card:hover .rsf-card-img-holder img {
	transform: scale(1.1);
}

.rsf-card-floating-badge {
	position: absolute;
	bottom: 0px;
	left: 20px;
	width: 44px;
	height: 44px;
	background: #d4a33b !important;
	color: #7a1221 !important;
	border-radius: 50%;
	border: 3px solid #ffffff;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 5;
	animation: rsf-badge-pulse 2.5s infinite;
}

@keyframes rsf-badge-pulse {
	0% {
		transform: scale(1);
		box-shadow: 0 0 0 0px rgba(212, 163, 59, 0.6);
	}

	70% {
		transform: scale(1.05);
		box-shadow: 0 0 0 10px rgba(212, 163, 59, 0);
	}

	100% {
		transform: scale(1);
		box-shadow: 0 0 0 0px rgba(212, 163, 59, 0);
	}
}

.rsf-card-body-details {
	padding: 30px 20px 24px 20px;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.rsf-card-body-details h3 {
	font-size: 1.18rem;
	font-weight: 700;
	color: #111111;
	margin-bottom: 12px;
}

.rsf-card-body-details p {
	font-size: 0.88rem;
	color: #666666;
	line-height: 1.6;
	margin-bottom: 22px;
	flex-grow: 1;
}

.rsf-link-readmore {
	font-size: 0.82rem;
	font-weight: 700;
	color: #7a1221;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.rsf-link-readmore:hover i {
	transform: translateX(5px);
	transition: transform 0.2s ease;
}

/* === REAL TIME PROGRESS DOTS === */
.rsf-carousel-pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 12px;
	margin-top: 50px;
}

.rsf-dot-loader {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.25);
	cursor: pointer;
	position: relative;
	overflow: hidden;
	transition: width 0.4s cubic-bezier(0.25, 1, 0.3, 1.2), border-radius 0.4s ease;
}

/* Smooth expansion layout */
.rsf-dot-loader.active {
	background-color: rgba(255, 255, 255, 0.15);
	width: 44px;
	border-radius: 20px;
}

/* Smooth linear filling tracking child bar */
.rsf-progress-line {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 0%;
	background-color: #d4a33b;
	border-radius: 20px;
}

/* Responsive Overrides */
@media (max-width: 1200px) {
	.rsf-single-project-card {
		flex: 0 0 calc(33.333% - 14px);
	}
}

@media (max-width: 992px) {
	.rsf-single-project-card {
		flex: 0 0 calc(50% - 10px);
	}
}

@media (max-width: 768px) {
	.rsf-single-project-card {
		flex: 0 0 100%;
	}

	.rsf-projects-top-header {
		flex-direction: column;
		align-items: flex-start;
		gap: 15px;
	}

	.rsf-btn-outline-maroon {
		width: 100%;
		justify-content: center;
	}
}

/* ==========================================================================
   SECTION 3: UNIQUE IMPACT & STATS COUNTER LAYOUT
/* ==========================================================================
   HIGH-END NGO IMPACT SECTION - ULTRA ATTRACTIVE REDESIGN
   ========================================================================== */
.rsf-impact-wrapper-section {
	width: 100%;
	background: radial-gradient(circle at top right, #FAF6F0 0%, #F5EFE6 100%);
	/* Rich blended background canvas */
	padding: 120px 6%;
	display: flex;
	justify-content: center;
	position: relative;
	overflow: hidden;
}

.rsf-impact-container-inner {
	width: 100%;
	max-width: 1250px;
	display: flex;
	align-items: center;
	gap: 70px;
	/* Enhanced spatial padding */
}

/* === LEFT SIDE: GALLERY STYLE PICTURE FRAME === */
.rsf-impact-media-left {
	flex: 1.1;
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

/* Luxury Offset Border Element behind image container */
.rsf-impact-media-left::before {
	content: '';
	position: absolute;
	width: 90%;
	height: 102%;
	border: 2px solid #D4A33B;
	/* Brand Premium Gold Frame */
	border-radius: 16px;
	left: -20px;
	top: -15px;
	z-index: 1;
	pointer-events: none;
}

.rsf-impact-img-card-wrapper {
	width: 100%;
	height: 520px;
	border-radius: 16px;
	overflow: hidden;
	position: relative;
	z-index: 2;
	box-shadow: 0 25px 55px rgba(0, 0, 0, 0.15);
}

.rsf-impact-img-card-wrapper img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.rsf-impact-image-fade-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, transparent 75%, rgba(250, 246, 240, 0.4) 100%);
	pointer-events: none;
}

/* Image Column Interactivity */
.rsf-impact-media-left:hover .rsf-impact-img-card-wrapper img {
	transform: scale(1.05);
	/* Soft premium lens zoom */
}

/* === RIGHT SIDE: STORY TYPOGRAPHY === */
.rsf-impact-content-right {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.rsf-impact-mini-tagline {
	font-size: 0.85rem;
	font-weight: 700;
	color: #D4A33B;
	/* Crisp Gold */
	letter-spacing: 2px;
	margin-bottom: 12px;
	display: block;
	font-family: 'Plus Jakarta Sans', sans-serif;
}

.rsf-impact-main-heading {
	font-family: 'Marcellus', serif;
	font-size: 2.8rem;
	color: #1A1A1A;
	font-weight: 500;
	line-height: 1.25;
	margin-bottom: 22px;
}

.rsf-impact-text-red {
	color: #7A1221;
	/* Signature Royal Burgundy Maroon */
	font-weight: 600;
	position: relative;
	display: inline-block;
}

.rsf-impact-paragraph-desc {
	font-size: 1rem;
	color: #5A5A5A;
	line-height: 1.7;
	margin-bottom: 40px;
	font-family: 'Plus Jakarta Sans', sans-serif;
}

/* === PREMIUM INTERACTIVE STATS MATRIX === */
.rsf-impact-stats-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 18px;
	margin-bottom: 40px;
}

.rsf-impact-stat-box {
	background-color: #ffffff;
	border-radius: 12px;
	padding: 30px 15px;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(0, 0, 0, 0.02);

	/* Elegant Subtle Aura Drop Shadow */
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.03), 0 3px 10px rgba(122, 18, 33, 0.01);

	position: relative;
	transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1),
		box-shadow 0.4s ease,
		border-color 0.4s ease;
}

.rsf-impact-state-box {
	background-color: #ffffff;
	border-radius: 12px;
	padding: 30px 15px;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(0, 0, 0, 0.02);

	/* Elegant Subtle Aura Drop Shadow */
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.03), 0 3px 10px rgba(122, 18, 33, 0.01);

	position: relative;
	transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1),
		box-shadow 0.4s ease,
		border-color 0.4s ease;
}

.rsf-impact-stat-icon-wrapper {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #FAF6F0;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 15px;
	transition: all 0.4s ease;
}

.rsf-impact-stat-icon-wrapper i {
	color: #7A1221;
	font-size: 1.3rem;
	transition: transform 0.4s ease;
}

.rsf-impact-stat-number {
	font-size: 20px;
	font-weight: 700;
	color: #1A1A1A;
	margin-bottom: 6px;
	letter-spacing: -0.5px;
	font-family: 'Plus Jakarta Sans', sans-serif;
}

.rsf-impact-stat-numbers {
	font-size: 19px;
	font-weight: 700;
	color: #1A1A1A;
	margin-bottom: 6px;
	letter-spacing: -0.5px;
	font-family: 'Plus Jakarta Sans', sans-serif;
}

.rsf-impact-stat-label {
	font-size: 0.82rem;
	color: #666666;
	line-height: 1.4;
	font-weight: 500;
	font-family: 'Plus Jakarta Sans', sans-serif;
}

/* === BOX STATS HOVER STATES === */
.rsf-impact-stat-box:hover {
	transform: translateY(-8px);
	/* Shifts up higher for an active feel */
	border-color: rgba(122, 18, 33, 0.08);
	box-shadow: 0 20px 40px rgba(122, 18, 33, 0.08), 0 5px 15px rgba(0, 0, 0, 0.03);
}

.rsf-impact-stat-box:hover .rsf-impact-stat-icon-wrapper {
	background-color: #7A1221;
	/* Switches background layout to rich Maroon */
}

.rsf-impact-stat-box:hover .rsf-impact-stat-icon-wrapper i {
	color: #ffffff;
	/* Icon shifts to pure crisp white */
	transform: rotateY(180deg);
	/* Fine-grain elegant structural rotation */
}

/* === THE LUXURY CALL TO ACTION BUTTON === */
.rsf-impact-action-btn-row {
	display: flex;
}

.rsf-impact-btn-submit-maroon {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	background-color: #7A1221;
	color: #ffffff;
	padding: 16px 36px;
	font-size: 0.88rem;
	font-weight: 700;
	text-decoration: none;
	letter-spacing: 0.8px;
	border-radius: 6px;
	box-shadow: 0 8px 24px rgba(122, 18, 33, 0.25);
	font-family: 'Plus Jakarta Sans', sans-serif;
	transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.rsf-impact-btn-submit-maroon i {
	font-size: 0.92rem;
	transition: transform 0.3s ease;
}

/* Hover switch: Maroon to Golden Shimmer */
.rsf-impact-btn-submit-maroon:hover {
	background-color: #D4A33B;
	color: #1A0407;
	box-shadow: 0 10px 28px rgba(214, 163, 59, 0.4);
	transform: translateY(-2px);
}

.rsf-impact-btn-submit-maroon:hover i {
	transform: scale(1.25);
	/* Pulsing heart icon micro-animation */
}

/* ==========================================================================
   100% RESPONSIVE ADAPTATION CROSS-DEVICE MATRIX
   ========================================================================== */
@media (max-width: 1200px) {
	.rsf-impact-container-inner {
		gap: 40px;
	}

	.rsf-impact-main-heading {
		font-size: 2.4rem;
	}

	.rsf-impact-img-card-wrapper {
		height: 460px;
	}

	.rsf-impact-stats-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}

	/* Re-aligns into neat 2x2 grid */
}

@media (max-width: 992px) {
	.rsf-impact-wrapper-section {
		padding: 90px 5%;
	}

	.rsf-impact-container-inner {
		flex-direction: column;
		gap: 60px;
	}

	/* Stacks layout vertically */
	.rsf-impact-media-left {
		width: 100%;
		max-width: 550px;
	}

	.rsf-impact-media-left::before {
		left: -15px;
		top: -12px;
	}

	.rsf-impact-content-right {
		width: 100%;
		text-align: center;
		align-items: center;
	}

	.rsf-impact-action-btn-row {
		justify-content: center;
		width: 100%;
	}
}

@media (max-width: 550px) {
	.rsf-impact-wrapper-section {
		padding: 70px 4%;
	}

	.rsf-impact-main-heading {
		font-size: 2rem;
	}

	.rsf-impact-paragraph-desc {
		font-size: 0.95rem;
		margin-bottom: 30px;
	}

	.rsf-impact-img-card-wrapper {
		height: 320px;
	}

	.rsf-impact-stats-grid {
		grid-template-columns: 1fr;
		width: 100%;
		gap: 15px;
	}

	/* Flat single row matrix for phones */
	.rsf-impact-stat-box {
		padding: 25px 15px;
	}

	.rsf-impact-btn-submit-maroon {
		width: 100%;
		justify-content: center;
	}

	/* Finger-friendly full width mobile CTA button */
}

/* ==========================================================================
   RESPONSIVE LAYOUT OPTIMIZATIONS
   ========================================================================== */
@media (max-width: 992px) {
	.rsf-impact-container-inner {
		flex-direction: column;
		gap: 40px;
	}

	.rsf-impact-media-left {
		width: 100%;
		height: 350px;
		flex: none;
	}

	.rsf-impact-image-fade-overlay {
		background: linear-gradient(180deg, transparent 70%, #FAF6F0 100%);
	}

	.rsf-impact-stats-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 15px;
	}
}

@media (max-width: 480px) {
	.rsf-impact-stats-grid {
		grid-template-columns: 1fr;
	}

	.rsf-impact-main-heading {
		font-size: 2rem;
	}

	.rsf-impact-btn-submit-maroon {
		width: 100%;
		justify-content: center;
	}
}

/* ==========================================================================
   SECTION 4: LATEST UPDATES (NEWS & ACTIVITIES) UNIQUE CSS
   ========================================================================== */
/* ==========================================================================
   EXCLUSIVE DESIGN: LUXURY JOURNAL & NGO NEWS SECTION
   ========================================================================== */
.rsf-news-updates-section {
	width: 90%;
	max-width: 1250px;
	margin: 50px auto;
	position: relative;
}

/* === TOP HEADER STYLES === */
.rsf-news-top-header {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	padding-bottom: 40px;
}

.rsf-news-text-left {
	position: relative;
}

.rsf-news-tagline-gold {
	font-size: 0.82rem;
	font-weight: 700;
	color: #D4A33B;
	/* Elite Gold Accent */
	letter-spacing: 2.5px;
	display: block;
	margin-bottom: 10px;
	font-family: 'Plus Jakarta Sans', sans-serif;
}

.rsf-news-heading-title {
	font-family: 'Marcellus', serif;
	font-size: 2.8rem;
	color: #1A1A1A;
	font-weight: 500;
	line-height: 1.15;
	margin: 0;
}

.rsf-news-text-maroon {
	color: #7A1221;
	/* Royal Burgundy Maroon */
	font-weight: 600;
}

/* Unique structural underline accent below title */
.rsf-news-decorative-line {
	width: 60px;
	height: 3px;
	background-color: #D4A33B;
	margin-top: 15px;
	border-radius: 2px;
}

/* Premium Capsule Outlined Action Button */
.rsf-news-btn-viewall {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	padding: 14px 30px;
	color: #7A1221;
	border: 1.5px solid #7A1221;
	border-radius: 30px;
	/* Fully curved architectural look */
	font-size: 0.82rem;
	font-weight: 700;
	text-decoration: none;
	letter-spacing: 1px;
	transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	font-family: 'Plus Jakarta Sans', sans-serif;
	background-color: transparent;
}

.rsf-news-btn-viewall i {
	font-size: 0.85rem;
	transition: transform 0.3s ease;
}

.rsf-news-btn-viewall:hover {
	background-color: #7A1221;
	color: #ffffff;
	box-shadow: 0 10px 20px rgba(122, 18, 33, 0.15);
	transform: translateY(-2px);
}

.rsf-news-btn-viewall:hover i {
	transform: translateX(5px);
	/* Arrow shoots slightly right on hover */
}

/* === NEWS CARDS ENGINE PLATFORM === */
.rsf-news-cards-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 35px;
	/* Deep breathing margins between elements */
}

.rsf-news-single-card {
	background-color: #ffffff;
	display: flex;
	flex-direction: column;
	border-radius: 16px;
	overflow: hidden;
	/* Clips all elements internally */
	position: relative;

	/* Luxury Floating Shadow Aura */
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.04), 0 5px 15px rgba(122, 18, 33, 0.01);

	border: 1px solid rgba(0, 0, 0, 0.02);
	transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1),
		box-shadow 0.4s ease;
}

/* === CARD IMAGE HOUSING AND WINDOW ZOOM EFFECTS === */
.rsf-news-img-holder {
	position: relative;
	width: 100%;
	height: 230px;
	overflow: hidden;
}

.rsf-news-img-holder img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* Subtle dark shade mesh over image for high depth contrast */
.rsf-news-img-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.2));
	pointer-events: none;
}

/* === UNIQUE COIN-STYLE FLOATING DATE BADGE === */
.rsf-news-date-badge {
	position: absolute;
	bottom: 3px;
	/* Floats half on image and half on white container body */
	right: 25px;
	background-color: #7A1221;
	/* Solid Maroon Coin Backdrop */
	width: 64px;
	height: 64px;
	border-radius: 50%;
	/* Perfect Circular Shape */
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	box-shadow: 0 8px 20px rgba(122, 18, 33, 0.3);
	border: 2px solid #ffffff;
	/* Sharp crisp white edge split line */
	z-index: 10;
	transition: all 0.4s ease;
}

.rsf-news-day {
	font-size: 1.2rem;
	font-weight: 800;
	color: #ffffff;
	line-height: 1;
	font-family: 'Plus Jakarta Sans', sans-serif;
}

.rsf-news-month {
	font-size: 0.68rem;
	font-weight: 600;
	color: #D4A33B;
	/* Crisp Golden text color */
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-top: 1px;
	font-family: 'Plus Jakarta Sans', sans-serif;
}

/* === CARD TEXT CORPUS DETAILS === */
.rsf-news-body-details {
	padding: 35px 28px 28px 28px;
	/* Extra breathing padding at top for date badge clearance */
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	position: relative;
	z-index: 2;
	background-color: #ffffff;
}

.rsf-news-body-details h3 {
	font-family: 'Marcellus', serif;
	/* Royal serif heading */
	font-size: 1.25rem;
	font-weight: 500;
	color: #1A1A1A;
	line-height: 1.45;
	margin: 0 0 12px 0;
	transition: color 0.3s ease;
}

.rsf-news-body-details p {
	font-size: 0.9rem;
	color: #555555;
	line-height: 1.65;
	margin-bottom: 25px;
	flex-grow: 1;
	font-family: 'Plus Jakarta Sans', sans-serif;
}

/* READ MORE TRIMMINGS & ANIMATION */
.rsf-news-link-readmore {
	font-size: 0.8rem;
	font-weight: 700;
	color: #7A1221;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	letter-spacing: 1px;
	font-family: 'Plus Jakarta Sans', sans-serif;
	width: max-content;
}

.rsf-news-link-readmore i {
	font-size: 0.8rem;
	transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* Invisible thin line under each card that expands on hover */
.rsf-news-card-bottom-bar {
	width: 100%;
	height: 4px;
	background-color: #D4A33B;
	/* Golden structural foundation bar line */
	position: absolute;
	bottom: 0;
	left: 0;
	transform: scaleX(0);
	/* Completely hidden by default scale */
	transform-origin: left;
	transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	z-index: 5;
}

/* === THE ULTIMATE CARD HOVER SYSTEM STATES === */
.rsf-news-single-card:hover {
	transform: translateY(-8px);
	/* Elevates the total card neatly */
	box-shadow: 0 25px 50px rgba(122, 18, 33, 0.08), 0 8px 20px rgba(0, 0, 0, 0.02);
}

/* Trigger image structural scale zoom window inside holder box */
.rsf-news-single-card:hover .rsf-news-img-holder img {
	transform: scale(1.08);
}

/* Gold background switch on Coin Badge during hover state */
.rsf-news-single-card:hover .rsf-news-date-badge {
	background-color: #D4A33B;
	box-shadow: 0 8px 20px rgba(214, 163, 59, 0.3);
}

.rsf-news-single-card:hover .rsf-news-day {
	color: #1A0407;
}

.rsf-news-single-card:hover .rsf-news-month {
	color: #7A1221;
}

/* Card Heading Text Color shifts to Deep Maroon elegantly */
.rsf-news-single-card:hover .rsf-news-body-details h3 {
	color: #7A1221;
}

/* Micro Arrow push on Link element */
.rsf-news-single-card:hover .rsf-news-link-readmore i {
	transform: translateX(6px);
}

/* Bottom Gold accent bar expands dynamically across the card width */
.rsf-news-single-card:hover .rsf-news-card-bottom-bar {
	transform: scaleX(1);
}

/* ==========================================================================
   CROSS-DEVICE RESPONSIVE FLUID SYSTEM MATRIX
   ========================================================================== */
@media (max-width: 1100px) {
	.rsf-news-cards-grid {
		gap: 20px;
	}

	.rsf-news-heading-title {
		font-size: 2.3rem;
	}

	.rsf-news-body-details {
		padding: 30px 20px 24px 20px;
	}
}

@media (max-width: 950px) {

	/* Grid switches cleanly from 3 Columns into a balanced 2 Columns block */
	.rsf-news-cards-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 25px;
	}
}

@media (max-width: 650px) {

	/* Header layout wraps nicely into a center stack design for phones */
	.rsf-news-top-header {
		flex-direction: column;
		align-items: center;
		text-align: center;
		gap: 25px;
	}

	.rsf-news-decorative-line {
		margin: 12px auto 0 auto;
	}

	/* 1 Column stack matrix for flawless portrait phone scrolls */
	.rsf-news-cards-grid {
		grid-template-columns: 1fr;
		gap: 35px;
	}

	.rsf-news-img-holder {
		height: 210px;
	}

	.rsf-news-btn-viewall {
		width: 100%;
		justify-content: center;
	}

	/* Full span responsive touch button target */
}

/* Responsive Breakpoints */
@media (max-width: 992px) {
	.rsf-news-cards-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 768px) {
	.rsf-news-cards-grid {
		grid-template-columns: 1fr;
		gap: 25px;
	}

	.rsf-news-top-header {
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
	}

	.rsf-news-btn-viewall {
		width: 100%;
		justify-content: center;
	}
}

/* ==========================================================================
   SECTION 5: FOOTER CSS (PERFECT MATCH)
   ========================================================================== */
.rsf-site-footer {
	width: 100%;
	background-color: #ffeaed;
	/* Dark Maroon Brand Color */
	color: #ffffff;
	font-family: 'Plus Jakarta Sans', sans-serif;
}

/* 5 Column Grid Layout */
.rsf-footer-top-container {
	width: 92%;
	max-width: 1250px;
	margin: 0 auto;
	padding: 100px 0;
	display: grid;
	grid-template-columns: 2.2fr 1fr 1.3fr 1.8fr 1.5fr;
	gap: 30px;
}

.rsf-footer-col {
	display: flex;
	flex-direction: column;
}

/* Brand Column Setup */
.rsf-footer-logo-box {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 20px;
}

.rsf-footer-logo-img {
	width: 50%;
	height: auto;
	object-fit: cover;
	border: 1px solid rgba(255, 255, 255, 0.2);
}

.rsf-footer-logo-text {
	display: flex;
	flex-direction: column;
}

.rsf-logo-title {
	font-family: 'Marcellus', serif;
	font-size: 1.3rem;
	font-weight: 500;
	line-height: 1.2;
}

.rsf-logo-subtitle {
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.5px;
}

.rsf-footer-desc {
	font-size: 0.82rem;
	line-height: 1.6;
	color: black;
	margin-bottom: 24px;
	max-width: 280px;
}

/* Social Media Icons */
.rsf-footer-social-links {
	display: flex;
	gap: 10px;
}

.rsf-social-icon {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #ffffff;
	text-decoration: none;
	font-size: 0.9rem;
	transition: transform 0.3s ease;
}

.rsf-social-icon:hover {
	transform: translateY(-3px);
	color: black;
}

/* Original Brand Colors for Socials */
.rsf-social-fb {
	background-color: #1877F2;
}

.rsf-social-ig {
	background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}

.rsf-social-yt {
	background-color: #FF0000;
}

.rsf-social-wa {
	background-color: #25D366;
}

/* Links & Typography Lists */
.rsf-footer-heading {
	font-size: 1rem;
	font-weight: 600;
	margin-bottom: 20px;
	color: #7b1416;
}

.rsf-footer-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.rsf-footer-list li a {
	color: black;
	text-decoration: none;
	font-size: 0.85rem;
	transition: color 0.3s ease;
}

.rsf-footer-list li a:hover {
	color: #7b1416;
	/* Gold on hover */
}

/* Contact Info Specifics */
.rsf-contact-info-list li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-size: 0.82rem;
	color: black;
	line-height: 1.5;
}

.rsf-contact-info-list li i {
	margin-top: 3px;
	font-size: 0.85rem;
}

/* Bank Details Specifics */
.rsf-bank-info-list li {
	font-size: 0.82rem;
	color: black;
	line-height: 1.6;
}

.rsf-bank-info-list li strong {
	font-weight: 600;
	color: #b5780e;
}

/* Bottom Bar With Pattern */
.rsf-footer-bottom-bar {
	background-color: #610E1A;
	/* Slightly darker shade for bottom bar */
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	position: relative;

	/* Subtle decorative dotted pattern like the original */
	background-image: radial-gradient(rgba(255, 255, 255, 0.1) 1px, transparent 1px);
	background-size: 10px 10px;
}

.rsf-footer-bottom-content {
	width: 92%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 16px 0;
	text-align: center;
	background-color: rgba(97, 14, 26, 0.85);
	/* Overlay to make text readable */
}

.rsf-footer-bottom-content p {
	margin: 0;
	font-size: 0.82rem;
	color: #E2E8F0;
	letter-spacing: 0.5px;
}

/* ==========================================================================
   RESPONSIVE DESIGN
   ========================================================================== */
@media (max-width: 1100px) {
	.rsf-footer-top-container {
		grid-template-columns: repeat(3, 1fr);
		gap: 40px;
	}

	.rsf-footer-brand-col,
	.rsf-footer-bank-col {
		grid-column: span 3;
		/* Brand and Bank details take full width on tablets to balance */
	}
}

@media (max-width: 768px) {
	.rsf-footer-top-container {
		grid-template-columns: repeat(2, 1fr);
	}

	.rsf-footer-brand-col,
	.rsf-footer-bank-col {
		grid-column: span 2;
	}
}

@media (max-width: 500px) {
	.rsf-footer-top-container {
		grid-template-columns: 1fr;
	}

	.rsf-footer-brand-col,
	.rsf-footer-bank-col {
		grid-column: span 1;
	}

	.rsf-footer-top-container {
		padding: 40px 0;
	}
}

.heart {
	margin-left: 10px;
}

@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

.nw-section {
	padding: 100px 0;
	background: #fdfcf9;
	position: relative;
	overflow: hidden;
}

/* --- Smooth Pulsing Animated Background Elements --- */
.nw-bg-blob {
	position: absolute;
	border-radius: 50%;
	filter: blur(130px);
	opacity: 0.45;
	z-index: 0;
	animation: blobPulse 12s infinite alternate ease-in-out;
}

.blob-1 {
	width: 450px;
	height: 450px;
	background: #f5e6d3;
	top: -10%;
	left: -5%;
}

.blob-2 {
	width: 500px;
	height: 500px;
	background: #e3effa;
	bottom: -10%;
	right: -5%;
	animation-delay: 3s;
}

@keyframes blobPulse {
	0% {
		transform: scale(1) translate(0, 0);
	}

	100% {
		transform: scale(1.18) translate(35px, 45px);
	}
}

.nw-wrap {
	max-width: 1240px;
	margin: 0 auto;
	padding: 0 30px;
	position: relative;
	z-index: 2;
}

/* Heading & Custom Linework */
.Our-Initiatives {
	margin-bottom: 45px;
	text-align: center;
}

.Our-Initiatives h3 {
	font-family: 'Quicksand', sans-serif;
	font-size: 36px;
	color: #111;
	font-weight: 700;
	margin-bottom: 12px;
}

.heading-line {
	width: 70px;
	height: 4px;
	background: #7b1416;
	margin: 0 auto;
	border-radius: 2px;
}

/* --- Carousel structural wrapper --- */
.nw-carousel-container {
	overflow: hidden;
	padding: 25px 5px;
	position: relative;
	width: 100%;
}

.nw-slider-track {
	display: flex;
	gap: 28px;
	width: 100%;
	will-change: transform;
}

/* Base Card Styles */
.nw-card {
	background: #fff;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
	border: 1px solid #ede9e5;
	display: flex;
	flex-direction: column;
	transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.4s ease;

	/* Desktop Layout: 3 cards mathematically responsive split */
	flex: 0 0 calc((100% - 56px) / 3);
}

/* Interactive Hover States */
.nw-card:hover {
	transform: translateY(-12px) scale(1.01);
	box-shadow: 0 25px 55px rgba(123, 20, 22, 0.12);
}

/* Responsive Adaptive Cards Adjustments */
@media (max-width: 920px) {
	.nw-card {
		flex: 0 0 calc((100% - 28px) / 2);
		/* 2 Cards Layout */
	}
}

@media (max-width: 580px) {
	.nw-card {
		flex: 0 0 100%;
		/* 1 Card Layout */
	}
}

/* Image Scaling Tweaks */
.nw-card-img {
	position: relative;
	overflow: hidden;
}

.nw-card-img img {
	width: 100%;
	height: 230px;
	object-fit: cover;
	display: block;
	transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.nw-card:hover .nw-card-img img {
	transform: scale(1.09);
}

.nw-card-img::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.35) 0%, transparent 60%);
	pointer-events: none;
}

/* Dynamic Colorful Tags Rules */
.nw-tag {
	position: absolute;
	top: 18px;
	left: 18px;
	z-index: 1;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 1.4px;
	text-transform: uppercase;
	padding: 6px 16px;
	border-radius: 30px;
	font-family: 'Manrope', sans-serif;
	color: #fff;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.nw-tag--health {
	background: #7b1416;
}

.nw-tag--edu {
	background: #1a4e8c;
}

.nw-tag--env {
	background: #1a6632;
}

.nw-tag--culture {
	background: #e67e22;
}

/* Ochre color matching the temple theme */

/* Dynamic Border Coding per Card Category */
.nw-card-body {
	padding: 28px;
	flex: 1;
	display: flex;
	flex-direction: column;
	border-top: 4px solid #7b1416;
}

.nw-card:nth-child(2) .nw-card-body,
.nw-card:nth-child(6) .nw-card-body {
	border-top-color: #1a4e8c;
}

.nw-card:nth-child(3) .nw-card-body,
.nw-card:nth-child(1) .nw-card-body {
	border-top-color: #1a6632;
}

.nw-card:nth-child(4) .nw-card-body,
.nw-card:nth-child(5) .nw-card-body {
	border-top-color: #e67e22;
}

.nw-title {
	font-family: 'Quicksand', sans-serif;
	font-size: 19px;
	font-weight: 700;
	color: #111;
	line-height: 1.4;
	margin: 0 0 14px;
}

.nw-desc {
	font-family: 'Manrope', sans-serif;
	font-size: 14px;
	color: #555;
	line-height: 1.75;
	margin: 0;
	flex: 1;
}

/* Read More Links Styles */
.nw-more {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.9px;
	text-decoration: none;
	font-family: 'Manrope', sans-serif;
	margin-top: 24px;
	width: fit-content;
	padding-bottom: 2px;
	border-bottom: 1.5px solid transparent;
	transition: gap 0.25s ease, border-color 0.25s ease;
	color: #7b1416;
}

.nw-card:nth-child(2) .nw-more,
.nw-card:nth-child(6) .nw-more {
	color: #1a4e8c;
}

.nw-card:nth-child(3) .nw-more,
.nw-card:nth-child(1) .nw-more {
	color: #1a6632;
}

.nw-card:nth-child(4) .nw-more,
.nw-card:nth-child(5) .nw-more {
	color: #e67e22;
}

.nw-more:hover {
	gap: 14px;
	border-bottom-color: currentColor;
}

/* --- Expanding Progress Pagination Dots --- */
.nw-dots-container {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 14px;
	margin-top: 40px;
	margin-bottom: -50px;
}

.nw-dot {
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.nw-dot span {
	width: 8px;
	height: 8px;
	background-color: #cbd5e1;
	border-radius: 50%;
	display: block;
	transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.25);
}

.nw-dot.active span {
	width: 24px;
	height: 8px;
	border-radius: 4px;
	background-color: #7b1416;
	box-shadow: 0 2px 10px rgba(123, 20, 22, 0.3);
}

/* Small adjustments for responsive structures */
@media (max-width: 580px) {
	.nw-section {
		padding: 60px 0;
	}

	.nw-wrap {
		padding: 0 20px;
	}

	.nw-card-img img {
		height: 210px;
	}
}

.Our-Initiatives h3 {
	margin-left: 90px;
	margin-top: -50px;
	margin-bottom: 30px;
	color: #7a1221;
}

/* =========================
   RESPONSIVE FIXES
   ISSE CSS KE BILKUL END ME PASTE KARO
   ========================= */
/* =========================
   LARGE TABLET
   ========================= */

@media (max-width: 1024px) {

	.hero-section {
		padding: 90px 30px 60px;
	}

	.main-title {
		font-size: 3rem;
	}

	.features-bar,
	.rsf-features-overlap-bar {
		flex-wrap: wrap;
		gap: 30px;
		transform: none;
		width: 95%;
		padding: 40px 20px;
	}

	.feature-item,
	.rsf-feature-column {
		flex: 0 0 calc(50% - 15px);
	}

	.feature-item::after,
	.rsf-feature-column::after {
		display: none !important;
	}

	.rsf-main-projects-section {
		margin-top: 40px;
	}

	.rsf-impact-media-left {
		margin-left: 0;
	}

	.rsf-impact-stats-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.rsf-news-cards-grid,
	.nw-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.rsf-footer-top-container {
		grid-template-columns: repeat(3, 1fr);
	}
}

/* =========================
   TABLET
   ========================= */

@media (max-width: 768px) {

	.sv-head-inner {
		height: 70px;
		padding: 0 15px;
	}

	.sv-topstrip-wrap {
		padding: 0 15px;
	}

	.logo-ngo {
		height: 55px;
		margin-left: 0;
	}

	.hero-section {
		min-height: auto;
		padding: 90px 20px 60px;
	}

	.hero-container {
		max-width: 100%;
	}

	.main-title {
		font-size: 2.4rem;
		line-height: 1.25;
	}

	.description {
		font-size: 15px;
	}

	.cta-buttons {
		flex-direction: column;
		gap: 12px;
	}

	.btn {
		width: 100%;
	}

	.features-bar,
	.rsf-features-overlap-bar {
		flex-direction: column;
		gap: 35px;
		width: calc(100% - 30px);
		padding: 35px 20px;
	}

	.feature-item,
	.rsf-feature-column {
		flex: 100%;
		width: 100%;
	}

	.projects-header-container,
	.rsf-projects-top-header,
	.rsf-news-top-header {
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
	}

	.section-heading,
	.rsf-heading-title,
	.rsf-news-heading-title,
	.rsf-impact-main-heading {
		font-size: 2rem;
	}

	.rsf-projects-cards-grid,
	.rsf-news-cards-grid,
	.nw-grid {
		grid-template-columns: 1fr;
	}

	.nw-card:last-child {
		max-width: 100%;
	}

	.rsf-impact-container-inner {
		flex-direction: column;
	}

	.rsf-impact-media-left {
		width: 100%;
		height: 320px;
		margin-left: 0;
	}

	.rsf-impact-stats-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.rsf-footer-top-container {
		grid-template-columns: repeat(2, 1fr);
		gap: 30px;
	}

	.rsf-footer-brand-col,
	.rsf-footer-bank-col {
		grid-column: span 2;
	}

	.Our-Initiatives h3 {
		margin-left: 20px !important;
		margin-top: 0 !important;
		font-size: 32px;
	}
}

/* =========================
   MOBILE
   ========================= */

@media (max-width: 576px) {

	.sv-topstrip-left {
		display: none;
	}

	.sv-topstrip-right {
		width: 100%;
		justify-content: center;
		flex-wrap: wrap;
	}

	.logo-ngo {
		height: 48px;
	}

	.sv-brand-name {
		font-size: 14px;
	}

	.sv-brand-tagline {
		display: none;
	}

	.main-title {
		font-size: 2rem;
	}

	.sub-title {
		font-size: 14px;
	}

	.description {
		font-size: 14px;
	}

	.section-heading,
	.rsf-heading-title,
	.rsf-news-heading-title,
	.rsf-impact-main-heading {
		font-size: 1.8rem;
	}

	.rsf-card-img-holder,
	.rsf-news-img-holder,
	.nw-card-img img {
		height: 220px;
	}

	.rsf-impact-media-left {
		height: 250px;
	}

	.rsf-impact-stats-grid {
		grid-template-columns: 1fr;
	}

	.rsf-btn-outline-maroon,
	.rsf-news-btn-viewall,
	.rsf-impact-btn-submit-maroon,
	.btn-view-all {
		width: 100%;
		justify-content: center;
	}

	.rsf-footer-top-container {
		grid-template-columns: 1fr;
	}

	.rsf-footer-brand-col,
	.rsf-footer-bank-col {
		grid-column: span 1;
	}

	.rsf-footer-logo-img {
		width: 120px;
	}

	.Our-Initiatives h3 {
		margin-left: 15px !important;
		font-size: 26px;
	}
}

/* =========================
   SMALL MOBILE
   ========================= */

@media (max-width: 360px) {

	.main-title {
		font-size: 1.7rem;
	}

	.section-heading,
	.rsf-heading-title,
	.rsf-news-heading-title,
	.rsf-impact-main-heading {
		font-size: 1.5rem;
	}

	.sv-navmenu {
		width: 260px;
	}
}

/*new eduction page*/

.edu-impact-section {
	padding: 100px 5%;
	background: #f8f5f1;
}

.edu-impact-container {
	max-width: 1200px;
	margin: auto;
	display: flex;
	align-items: center;
	gap: 60px;
}

.edu-impact-left {
	flex: 1;
}

.edu-tag {
	display: inline-block;
	color: #D4A33B;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 1px;
	margin-bottom: 15px;
}

.edu-impact-left h2 {
	font-size: 48px;
	line-height: 1.2;
	color: #111;
	margin-bottom: 20px;
	font-family: 'Marcellus', serif;
}

.edu-impact-left h2 span {
	color: #7A1221;
}

.edu-impact-left p {
	color: #666;
	line-height: 1.8;
	margin-bottom: 35px;
}

.edu-stats {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 18px;
	margin-bottom: 35px;
}

.edu-stat-card {
	background: #fff;
	padding: 25px;
	border-radius: 12px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, .06);
}

.edu-stat-card h3 {
	color: #7A1221;
	font-size: 30px;
	margin-bottom: 8px;
}

.edu-stat-card p {
	margin: 0;
	color: #666;
}

.edu-btn {
	display: inline-block;
	background: #7A1221;
	color: #fff;
	text-decoration: none;
	padding: 14px 28px;
	border-radius: 6px;
	font-weight: 600;
	transition: .3s;
}

.edu-btn:hover {
	background: #5f0e19;
}

.edu-impact-right {
	flex: 1;
}

.edu-impact-right img {
	width: 100%;
	height: 550px;
	object-fit: cover;
	border-radius: 20px;
	display: block;
}

@media(max-width:992px) {

	.edu-impact-container {
		flex-direction: column;
	}

	.edu-impact-left h2 {
		font-size: 38px;
	}

	.edu-impact-right img {
		height: 450px;
	}
}

@media(max-width:768px) {

	.edu-impact-section {
		padding: 70px 20px;
	}

	.edu-impact-left h2 {
		font-size: 32px;
	}

	.edu-stats {
		grid-template-columns: 1fr;
	}

	.edu-impact-right img {
		height: 320px;
	}

	.edu-btn {
		width: 100%;
		text-align: center;
	}
}

/* ==========================================================================
   EDUCATION INITIATIVE SECTION CSS
   ========================================================================== */
.rsf-edu-wrapper-section {
	width: 100%;
	background-color: #FAF6F0;
	/* Matching your theme's soft background */
	padding: 80px 4%;
	display: flex;
	justify-content: center;
}

.rsf-edu-container-inner {
	width: 100%;
	max-width: 1200px;
	display: flex;
	align-items: center;
	gap: 60px;
}

/* --- Left Image Column --- */
.rsf-edu-image-column {
	flex: 1;
	position: relative;
}

.rsf-edu-img-frame {
	position: relative;
	border-radius: 12px;
	padding-bottom: 20px;
	/* Space for the floating badge */
	padding-right: 20px;
}

.rsf-edu-img-frame img {
	width: 100%;
	height: 450px;
	object-fit: cover;
	border-radius: 12px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

/* Floating Stat Badge with Premium Glow */
.rsf-edu-floating-stat {
	position: absolute;
	bottom: 0;
	right: 0;
	background-color: #ffffff;
	padding: 20px 25px;
	border-radius: 12px;
	display: flex;
	align-items: center;
	gap: 15px;

	/* Aapka pasandida Soft Glow Box Shadow */
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08), 0 5px 15px rgba(122, 18, 33, 0.05) !important;
	border: 1px solid rgba(0, 0, 0, 0.03);
	z-index: 5;
}

.rsf-edu-stat-icon {
	width: 50px;
	height: 50px;
	background-color: #7A1221;
	color: #ffffff;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.3rem;
}

.rsf-edu-stat-text h4 {
	font-size: 1.5rem;
	font-weight: 800;
	color: #1A1A1A;
	margin: 0 0 2px 0;
	font-family: 'Plus Jakarta Sans', sans-serif;
}

.rsf-edu-stat-text p {
	font-size: 0.8rem;
	color: #666666;
	margin: 0;
	font-weight: 600;
	font-family: 'Plus Jakarta Sans', sans-serif;
}

/* --- Right Content Column --- */
.rsf-edu-content-column {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.rsf-edu-tagline {
	font-size: 0.85rem;
	font-weight: 700;
	color: #D4A33B;
	/* Gold */
	letter-spacing: 1.2px;
	margin-bottom: 12px;
	font-family: 'Plus Jakarta Sans', sans-serif;
}

.rsf-edu-heading {
	font-family: 'Marcellus', serif;
	font-size: 2.5rem;
	color: #1A1A1A;
	font-weight: 500;
	line-height: 1.2;
	margin-bottom: 20px;
}

.rsf-edu-highlight {
	color: #7A1221;
	/* Maroon */
	font-weight: 600;
}

.rsf-edu-description {
	font-size: 0.95rem;
	color: #555555;
	line-height: 1.7;
	margin-bottom: 30px;
	font-family: 'Plus Jakarta Sans', sans-serif;
}

/* Features List */
.rsf-edu-feature-list {
	list-style: none;
	padding: 0;
	margin: 0 0 35px 0;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.rsf-edu-feature-list li {
	display: flex;
	align-items: flex-start;
	gap: 15px;
}

.rsf-edu-list-icon {
	color: #D4A33B;
	/* Gold Icon */
	font-size: 1.2rem;
	margin-top: 4px;
}

.rsf-edu-feature-list li div {
	display: flex;
	flex-direction: column;
}

.rsf-edu-feature-list li strong {
	font-size: 1rem;
	color: #1A1A1A;
	margin-bottom: 4px;
	font-family: 'Plus Jakarta Sans', sans-serif;
}

.rsf-edu-feature-list li span {
	font-size: 0.85rem;
	color: #666666;
	font-family: 'Plus Jakarta Sans', sans-serif;
}

/* Button */
.rsf-edu-btn-primary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	background-color: #7A1221;
	color: #ffffff;
	padding: 14px 30px;
	font-size: 0.85rem;
	font-weight: 700;
	text-decoration: none;
	letter-spacing: 0.8px;
	border-radius: 6px;
	align-self: flex-start;
	transition: all 0.3s ease;
	font-family: 'Plus Jakarta Sans', sans-serif;
	box-shadow: 0 4px 15px rgba(122, 18, 33, 0.2);
}

.rsf-edu-btn-primary:hover {
	background-color: #5F0E19;
	transform: translateY(-2px);
}

/* --- Responsive Adjustments --- */
@media (max-width: 992px) {
	.rsf-edu-container-inner {
		flex-direction: column;
		gap: 40px;
	}

	.rsf-edu-img-frame img {
		height: 350px;
	}

	.rsf-edu-btn-primary {
		align-self: stretch;
		/* Full width button on mobile */
	}
}

@media (max-width: 480px) {
	.rsf-edu-heading {
		font-size: 2rem;
	}

	.rsf-edu-floating-stat {
		bottom: -15px;
		right: 10px;
		padding: 15px 20px;
	}
}

/* ==========================================================================
   EXCLUSIVE DESIGN: FIXED CRISP BORDERS & VISIBILITY ENGINE
   ========================================================================== */
.rsf-edugrid-section-wrapper {
	width: 100%;
	background: linear-gradient(rgba(20, 3, 5, 0.93), rgba(20, 3, 5, 0.89)),
		url('https://images.unsplash.com/photo-1548013146-72479768bada?q=80&w=1600');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	padding: 110px 4%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.rsf-edugrid-header {
	text-align: center;
	max-width: 680px;
	margin-bottom: 65px;
}

.rsf-edugrid-tagline {
	font-size: 0.82rem;
	font-weight: 700;
	color: #D4A33B;
	letter-spacing: 3px;
	display: block;
	margin-bottom: 12px;
	font-family: 'Plus Jakarta Sans', sans-serif;
}

.rsf-edugrid-main-title {
	font-family: 'Marcellus', serif;
	font-size: 2.8rem;
	color: #ffffff !important;
	font-weight: 500;
	margin-bottom: 18px;
	letter-spacing: 0.5px;
}

.rsf-edugrid-maroon {
	color: #e23c52;
	font-weight: 600;
}

.rsf-edugrid-subtitle {
	font-size: 0.95rem;
	color: white;
	line-height: 1.65;
	font-family: 'Plus Jakarta Sans', sans-serif;
	opacity: 0.85;
}

.rsf-edugrid-cards-container {
	width: 100%;
	max-width: 1200px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 35px;
}

/* --- THE CARD FIX ENGINE --- */
.rsf-edugrid-single-card {
	border-radius: 20px;
	padding: 45px 35px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	position: relative;
	overflow: hidden;
	min-height: 410px;

	/* REMOVED physical border to fix browser corner rendering bugs */
	border: none !important;
	background-clip: padding-box;

	/* CRITICAL FIX: Outer shadow combined with an INSET precise white glass border line */
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4),
		inset 0 0 0 1px rgba(255, 255, 255, 0.15) !important;

	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),
		box-shadow 0.5s ease;
}

/* Individual Card Photos */
.rsf-edu-card-bg-1 {
	background-image: url('https://images.unsplash.com/photo-1504618223053-559bdef9dd5a?q=80&w=600');
}

.rsf-edu-card-bg-2 {
	background-image: url('https://images.unsplash.com/photo-1590050752117-238cb0fb12b1?q=80&w=600');
}

.rsf-edu-card-bg-3 {
	background-image: url('https://images.unsplash.com/photo-1577896851231-70ef18881754?q=80&w=600');
}

/* Dark Overlay Tint Layer */
.rsf-card-dark-gradient-mesh {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom,
			rgba(20, 3, 5, 0.45) 0%,
			rgba(20, 3, 5, 0.96) 100%);
	z-index: 1;
	transition: background 0.5s ease;
}

.rsf-card-content-relative {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	height: 100%;
	width: 100%;
	flex-grow: 1;
}

/* White & Gold Icon Boxes */
.rsf-edugrid-icon-box {
	width: 58px;
	height: 58px;
	background-color: #ffffff !important;
	/* Perfect crisp white fill matching your image */
	border-radius: 14px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 30px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
	transition: all 0.4s ease;
}

.rsf-edugrid-icon-box i {
	color: #7A1221 !important;
	/* Classic Maroon icon inside */
	font-size: 1.4rem;
	transition: transform 0.3s ease;
}

/* CRITICAL FIX: Explicitly forcing text to be visible, preventing global theme overrides */
.rsf-card-force-white-title {
	font-family: 'Marcellus', serif !important;
	font-size: 1.4rem !important;
	font-weight: 500 !important;
	color: #ffffff !important;
	margin: 0 0 14px 0 !important;
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

.rsf-card-force-white-text {
	font-size: 0.9rem !important;
	color: #f2ede4 !important;
	/* Premium soft ivory text */
	line-height: 1.6 !important;
	margin-bottom: 30px !important;
	flex-grow: 1;
	font-family: 'Plus Jakarta Sans', sans-serif !important;
	opacity: 0.95 !important;
}

/* Action Links */
.rsf-edugrid-link {
	font-size: 0.85rem;
	font-weight: 700;
	color: #ffffff !important;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-family: 'Plus Jakarta Sans', sans-serif;
	transition: all 0.3s ease;
}

.rsf-edugrid-link i {
	font-size: 0.8rem;
	color: #D4A33B !important;
	/* Bright Gold Arrow */
	transition: transform 0.3s ease;
}

/* === HOVER EFFECTS === */
.rsf-edugrid-single-card:hover {
	transform: translateY(-8px);
	/* Soft maroon aura on hover, inset border adapts perfectly without gaps */
	box-shadow: 0 25px 55px rgba(122, 18, 33, 0.35),
		inset 0 0 0 1px rgba(214, 163, 59, 0.4) !important;
}

.rsf-edugrid-single-card:hover .rsf-card-dark-gradient-mesh {
	background: linear-gradient(to bottom,
			rgba(122, 18, 33, 0.35) 0%,
			rgba(20, 3, 5, 0.98) 100%);
}

.rsf-edugrid-single-card:hover .rsf-edugrid-link {
	color: #D4A33B !important;
}

.rsf-edugrid-single-card:hover .rsf-edugrid-link i {
	transform: translateX(6px);
}

/* === RESPONSIVE LAYOUT MATRIX === */
@media (max-width: 1024px) {
	.rsf-edugrid-cards-container {
		grid-template-columns: repeat(2, 1fr);
		gap: 25px;
	}
}

@media (max-width: 768px) {
	.rsf-edugrid-section-wrapper {
		background-attachment: scroll;
		padding: 80px 4%;
	}

	.rsf-edugrid-cards-container {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	.rsf-edugrid-main-title {
		font-size: 2.1rem;
	}

	.rsf-edugrid-single-card {
		min-height: auto;
		padding: 35px 25px;
	}
}

/* ==========================================================================
   EXCLUSIVE DESIGN: PARALLAX SCROLL BACKGROUND - CORRECTED BRIGHTNESS
   ========================================================================== */
.rsf-edugrid-section-wrapper {
	width: 100%;

	/* === MAIN BG PARALLAX ENGINE - LIGHTER OVERLAY === */
	/* Himalayan Serene Landscape Backdrop with reduced dark overlay */
	background: linear-gradient(rgba(20, 3, 5, 0.65), rgba(20, 3, 5, 0.50)),
		url('https://images.unsplash.com/photo-1548013146-72479768bada?q=80&w=1600');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	/* Creates premium parallax sliding depth scroll */

	padding: 110px 4%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

/* Center Header Styling */
.rsf-edugrid-header {
	text-align: center;
	max-width: 650px;
	margin-bottom: 50px;
	position: relative;
	z-index: 2;
}

.rsf-edugrid-tagline {
	font-size: 0.85rem;
	font-weight: 700;
	color: #D4A33B;
	/* Elegant Gold */
	letter-spacing: 1.5px;
	display: block;
	margin-bottom: 10px;
	font-family: 'Plus Jakarta Sans', sans-serif;
}

.rsf-edugrid-main-title {
	font-family: 'Marcellus', serif;
	font-size: 2.4rem;
	color: #1A1A1A;
	font-weight: 500;
	margin-bottom: 15px;
}

.rsf-edugrid-maroon {
	color: #7A1221;
	/* Signature Maroon */
	font-weight: 600;
}

.rsf-edugrid-subtitle {
	font-size: 0.95rem;
	color: white;
	line-height: 1.6;
	font-family: 'Plus Jakarta Sans', sans-serif;
}

/* 3-Card Grid System */
.rsf-edugrid-cards-container {
	width: 100%;
	max-width: 1200px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
	position: relative;
	z-index: 2;
}

/* === SINGLE CARD UPDATED FOR VISIBILITY & HALKA GLOW === */
.rsf-edugrid-single-card {
	background-color: #ffffff;
	/* Card remains white internally */
	border-radius: 16px;
	padding: 40px 30px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	border: 1px solid rgba(0, 0, 0, 0.04);
	/* Soft definite border */
	position: relative;
	z-index: 3;

	/* =========================================================
       >>> FINAL SUPER GLOW SHADOW (Halka glow added) <<<
       Yeh shadow depth deti hai aur maroon/gold ka soft blend.
       ========================================================= */
	box-shadow: 0 12px 35px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(122, 18, 33, 0.04) !important;

	/* Smooth transitions for hover animations */
	transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.4s ease, border-color 0.4s ease;
}

/* Icon Design Inside Card */
.rsf-edugrid-icon-box {
	width: 60px;
	height: 60px;
	background-color: #FAF6F0;
	/* Light cream tone background */
	border-radius: 12px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 25px;
	transition: background-color 0.3s ease;
}

.rsf-edugrid-icon-box i {
	color: #7A1221;
	/* Maroon icons */
	font-size: 1.5rem;
	transition: color 0.3s ease;
}

.rsf-edugrid-single-card h3 {
	font-size: 1.25rem;
	font-weight: 700;
	color: #1A1A1A;
	margin-bottom: 12px;
	font-family: 'Plus Jakarta Sans', sans-serif;
}

.rsf-edugrid-single-card p {
	font-size: 0.9rem;
	color: #555555;
	line-height: 1.6;
	margin-bottom: 25px;
	flex-grow: 1;
	font-family: 'Plus Jakarta Sans', sans-serif;
}

/* Action Links */
.rsf-edugrid-footer-action {
	width: 100%;
	margin-top: auto;
	/* Ensures link stays at bottom */
}

.rsf-edugrid-link {
	font-size: 0.85rem;
	font-weight: 700;
	color: #7A1221;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-family: 'Plus Jakarta Sans', sans-serif;
	transition: gap 0.3s ease, color 0.3s ease;
}

/* === HOVER EFFECTS: STRONGER GLOW & POP UP === */
.rsf-edugrid-single-card:hover {
	transform: translateY(-8px);
	/* Card lifts up gently */

	/* Super premium intense glow mixed with theme colors on hover */
	box-shadow: 0 25px 50px rgba(122, 18, 33, 0.12), 0 5px 15px rgba(212, 163, 59, 0.08) !important;
	border-color: rgba(122, 18, 33, 0.1);
}

/* Icon colors flip on card hover */
.rsf-edugrid-single-card:hover .rsf-edugrid-icon-box {
	background-color: #7A1221;
}

.rsf-edugrid-single-card:hover .rsf-edugrid-icon-box i {
	color: #ffffff;
}

/* Arrow shifts slightly on link hover */
.rsf-edugrid-single-card:hover .rsf-edugrid-link {
	gap: 12px;
	color: #D4A33B;
	/* Turns Gold on interaction */
}

/* ==========================================================================
   RESPONSIVE OPTIMIZATION
   ========================================================================== */
@media (max-width: 992px) {
	.rsf-edugrid-cards-container {
		grid-template-columns: repeat(2, 1fr);
		gap: 25px;
	}
}

@media (max-width: 768px) {
	.rsf-edugrid-cards-container {
		grid-template-columns: 1fr;
	}

	.rsf-edugrid-main-title {
		font-size: 2rem;
	}

	.rsf-edugrid-single-card {
		padding: 30px 24px;
	}
}

/*healthcare css*/
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

.hc-section {
	font-family: 'Manrope', sans-serif;
	width: 100%;
	overflow: hidden;
}

.hc-top-area {
	background: #faf8f5;
	padding: 90px 0 80px;
}

.hc-top-inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 30px;
	display: flex;
	align-items: center;
	gap: 60px;
}

.hc-top-left {
	flex: 1;
	min-width: 0;
}

.hc-eyebrow {
	display: inline-block;
	font-size: 11.5px;
	font-weight: 800;
	letter-spacing: 2.5px;
	color: #c9a030;
	margin-bottom: 16px;
}

.hc-heading {
	font-family: 'Quicksand', sans-serif;
	font-size: 44px;
	font-weight: 700;
	color: #1a1a1a;
	line-height: 1.15;
	margin: 0 0 20px;
	letter-spacing: -0.5px;
}

.hc-heading span {
	color: #7b1416;
}

.hc-lead {
	font-size: 15px;
	color: #666;
	line-height: 1.78;
	margin: 0 0 34px;
	max-width: 460px;
}

.hc-primary-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	background: #7b1416;
	color: #fff;
	padding: 14px 30px;
	border-radius: 6px;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0.6px;
	text-decoration: none;
	transition: background 0.25s ease;
}

.hc-primary-btn:hover {
	background: #5c0e10;
	color: #fff;
}

.hc-top-right {
	flex: 1;
	min-width: 0;
}

.hc-img-wrapper {
	position: relative;
	border-radius: 20px;
	overflow: hidden;
}

.hc-img-wrapper img {
	width: 100%;
	height: 400px;
	object-fit: cover;
	display: block;
	border-radius: 20px;
}

.hc-img-badge {
	position: absolute;
	bottom: 24px;
	left: 24px;
	background: #7b1416;
	color: #fff;
	padding: 16px 24px;
	border-radius: 12px;
	text-align: center;
	backdrop-filter: blur(4px);
	box-shadow: 0 8px 30px rgba(123, 20, 22, 0.4);
}

.hc-badge-num {
	display: block;
	font-family: 'Quicksand', sans-serif;
	font-size: 32px;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 4px;
}

.hc-badge-txt {
	display: block;
	font-size: 12px;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.85);
	letter-spacing: 0.4px;
}

.hc-cards-area {
	background: #fff;
	padding: 70px 0 80px;
}

.hc-cards-inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 30px;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 22px;
}

.hc-card {
	background: #faf8f5;
	border-radius: 16px;
	padding: 32px 24px 28px;
	display: flex;
	flex-direction: column;
	border: 1px solid #f0ece5;
	transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
	position: relative;
	overflow: hidden;
}

.hc-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(90deg, #7b1416, #c9a030);
	opacity: 0;
	transition: opacity 0.3s ease;
}

.hc-card:hover {
	transform: translateY(-7px);
	box-shadow: 0 20px 50px rgba(123, 20, 22, 0.12);
	background: #fff;
}

.hc-card:hover::before {
	opacity: 1;
}

.hc-card-icon-wrap {
	width: 58px;
	height: 58px;
	background: linear-gradient(135deg, #7b1416 0%, #4d0c0f 100%);
	border-radius: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 22px;
	flex-shrink: 0;
	box-shadow: 0 6px 20px rgba(123, 20, 22, 0.3);
	transition: transform 0.3s ease;
}

.hc-card:hover .hc-card-icon-wrap {
	transform: scale(1.08);
}

.hc-card-icon-wrap i {
	font-size: 22px;
	color: #fff;
}

.hc-card h3 {
	font-family: 'Quicksand', sans-serif;
	font-size: 17px;
	font-weight: 700;
	color: #1a1a1a;
	margin: 0 0 12px;
}

.hc-card p {
	font-size: 13.5px;
	color: #666;
	line-height: 1.72;
	margin: 0;
	flex: 1;
}

.hc-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: 20px;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.7px;
	color: #7b1416;
	text-decoration: none;
	width: fit-content;
	transition: gap 0.22s ease;
}

.hc-link:hover {
	gap: 10px;
	color: #5c0e10;
}

.hc-stats-band {
	background: linear-gradient(135deg, #7b1416 0%, #4d0c0f 100%);
	padding: 0;
	position: relative;
	overflow: hidden;
}

.hc-stats-band::before {
	content: '';
	position: absolute;
	inset: 0;
	background-image: radial-gradient(rgba(255, 255, 255, 0.055) 1px, transparent 1px);
	background-size: 22px 22px;
	pointer-events: none;
}

.hc-stats-inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 30px;
	display: flex;
	align-items: stretch;
}

.hc-stat-item {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 50px 20px;
	text-align: center;
	position: relative;
	z-index: 1;
}

.hc-stat-sep {
	width: 1px;
	background: rgba(255, 255, 255, 0.15);
	margin: 30px 0;
	flex-shrink: 0;
}

.hc-stat-icon {
	font-size: 22px;
	color: #c9a030;
	margin-bottom: 14px;
	display: block;
}

.hc-stat-num {
	display: block;
	font-family: 'Quicksand', sans-serif;
	font-size: 48px;
	font-weight: 700;
	color: #fff;
	line-height: 1;
	margin-bottom: 10px;
	letter-spacing: -1px;
}

.hc-stat-lbl {
	display: block;
	font-size: 13px;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.7);
	letter-spacing: 0.4px;
}

.hc-cta-area {
	background: #faf8f5;
	padding: 90px 30px;
}

.hc-cta-inner {
	max-width: 580px;
	margin: 0 auto;
	text-align: center;
}

.hc-cta-icon-ring {
	width: 76px;
	height: 76px;
	border-radius: 50%;
	border: 2px solid #7b1416;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 24px;
	color: #7b1416;
	font-size: 28px;
	background: rgba(123, 20, 22, 0.06);
}

.hc-cta-inner h3 {
	font-family: 'Quicksand', sans-serif;
	font-size: 30px;
	font-weight: 700;
	color: #1a1a1a;
	margin: 0 0 14px;
}

.hc-cta-inner p {
	font-size: 15px;
	color: #666;
	line-height: 1.7;
	margin: 0 0 34px;
}

.hc-cta-btns {
	display: flex;
	gap: 14px;
	justify-content: center;
	flex-wrap: wrap;
}

.hc-cta-btn-fill {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	background: #7b1416;
	color: #fff;
	padding: 14px 28px;
	border-radius: 6px;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0.5px;
	text-decoration: none;
	transition: background 0.25s ease;
}

.hc-cta-btn-fill:hover {
	background: #5c0e10;
	color: #fff;
}

.hc-cta-btn-out {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	background: transparent;
	color: #7b1416;
	padding: 14px 28px;
	border-radius: 6px;
	border: 2px solid #7b1416;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0.5px;
	text-decoration: none;
	transition: all 0.25s ease;
}

.hc-cta-btn-out:hover {
	background: #7b1416;
	color: #fff;
}

@media (max-width: 1024px) {
	.hc-cards-inner {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}
}

@media (max-width: 900px) {
	.hc-top-inner {
		flex-direction: column;
		gap: 40px;
	}

	.hc-top-left {
		width: 100%;
	}

	.hc-lead {
		max-width: 100%;
	}

	.hc-top-right {
		width: 100%;
	}

	.hc-img-wrapper img {
		height: 300px;
	}

	.hc-heading {
		font-size: 36px;
	}
}

@media (max-width: 700px) {
	.hc-top-area {
		padding: 60px 0 50px;
	}

	.hc-top-inner {
		padding: 0 20px;
	}

	.hc-heading {
		font-size: 30px;
	}

	.hc-cards-inner {
		grid-template-columns: 1fr;
		padding: 0 20px;
		gap: 16px;
	}

	.hc-cards-area {
		padding: 50px 0 60px;
	}

	.hc-stats-inner {
		flex-direction: column;
		padding: 0 20px;
	}

	.hc-stat-sep {
		width: 60%;
		height: 1px;
		margin: 0 auto;
	}

	.hc-stat-item {
		padding: 30px 20px;
	}

	.hc-stat-num {
		font-size: 40px;
	}

	.hc-cta-area {
		padding: 60px 20px;
	}

	.hc-cta-inner h3 {
		font-size: 24px;
	}

	.hc-cta-btns {
		flex-direction: column;
		align-items: stretch;
	}

	.hc-cta-btn-fill,
	.hc-cta-btn-out {
		justify-content: center;
	}
}

@media (max-width: 420px) {
	.hc-heading {
		font-size: 26px;
	}

	.hc-card {
		padding: 24px 18px 22px;
	}
}

/* ==========================================================================
   EXCLUSIVE DESIGN: HEALTHCARE GRID WITH CRISP BORDERS & ADJUSTED BRIGHTNESS
   ========================================================================== */
.rsf-healthgrid-section-wrapper {
	width: 100%;

	/* === MAIN BG PARALLAX ENGINE - LIGHTER OVERLAY === */
	/* Beautiful serene mountain image with balanced dark protection overlay */
	background: linear-gradient(rgba(20, 3, 5, 0.65), rgba(20, 3, 5, 0.50)),
		url('https://images.unsplash.com/photo-1464822759023-fed622ff2c3b?q=80&w=1600');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	/* Creates premium parallax sliding depth scroll */

	padding: 110px 4%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

/* Center Header Styling */
.rsf-healthgrid-header {
	text-align: center;
	max-width: 680px;
	margin-bottom: 65px;
}

.rsf-healthgrid-tagline {
	font-size: 0.82rem;
	font-weight: 700;
	color: #D4A33B;
	/* Radiant Gold */
	letter-spacing: 3px;
	display: block;
	margin-bottom: 12px;
	font-family: 'Plus Jakarta Sans', sans-serif;
}

.rsf-healthgrid-main-title {
	font-family: 'Marcellus', serif;
	font-size: 2.8rem;
	color: #ffffff !important;
	font-weight: 500;
	margin-bottom: 18px;
	letter-spacing: 0.5px;
}

.rsf-healthgrid-maroon {
	color: #e23c52;
	/* High visibility maroon on dark background */
	font-weight: 600;
}

.rsf-healthgrid-subtitle {
	font-size: 0.95rem;
	color: #E2DDD5;
	line-height: 1.65;
	font-family: 'Plus Jakarta Sans', sans-serif;
	opacity: 0.85;
}

/* 3-Card Grid Setup */
.rsf-healthgrid-cards-container {
	width: 100%;
	max-width: 1200px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 35px;
}

/* --- THE CARD FIX ENGINE --- */
.rsf-healthgrid-single-card {
	border-radius: 20px;
	padding: 45px 35px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	position: relative;
	overflow: hidden;
	min-height: 410px;

	/* REMOVED physical border to fix double outline browser corner rendering bugs */
	border: none !important;
	background-clip: padding-box;

	/* CRITICAL FIX: Outer shadow combined with an INSET precise white glass border line */
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4),
		inset 0 0 0 1px rgba(255, 255, 255, 0.15) !important;

	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),
		box-shadow 0.5s ease;
}

/* Individual Card Photos (Healthcare & Medical Theme) */
.rsf-health-card-bg-1 {
	background-image: url('https://images.unsplash.com/photo-1584515979956-d9f6e5d09982?q=80&w=600');
}

.rsf-health-card-bg-2 {
	background-image: url('https://images.unsplash.com/photo-1516574187841-cb9cc2ca948b?q=80&w=600');
}

.rsf-health-card-bg-3 {
	background-image: url('https://images.unsplash.com/photo-1532938911079-1b06ac7ceec7?q=80&w=600');
}

/* Dark Overlay Tint Layer Inside Cards */
.rsf-card-dark-gradient-mesh {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom,
			rgba(20, 3, 5, 0.45) 0%,
			rgba(20, 3, 5, 0.96) 100%);
	z-index: 1;
	transition: background 0.5s ease;
}

.rsf-card-content-relative {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	height: 100%;
	width: 100%;
	flex-grow: 1;
}

/* Premium Crisp White Icon Boxes */
.rsf-healthgrid-icon-box {
	width: 58px;
	height: 58px;
	background-color: #ffffff !important;
	border-radius: 14px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 30px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
	transition: all 0.4s ease;
}

.rsf-healthgrid-icon-box i {
	color: #7A1221 !important;
	/* Classic Maroon icon inside */
	font-size: 1.4rem;
	transition: transform 0.3s ease;
}

/* Forced White Typographic Visibility */
.rsf-card-force-white-title {
	font-family: 'Marcellus', serif !important;
	font-size: 1.4rem !important;
	font-weight: 500 !important;
	color: #ffffff !important;
	margin: 0 0 14px 0 !important;
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

.rsf-card-force-white-text {
	font-size: 0.9rem !important;
	color: #f2ede4 !important;
	/* Premium soft ivory text */
	line-height: 1.6 !important;
	margin-bottom: 30px !important;
	flex-grow: 1;
	font-family: 'Plus Jakarta Sans', sans-serif !important;
	opacity: 0.95 !important;
}

/* Action Links */
.rsf-healthgrid-link {
	font-size: 0.85rem;
	font-weight: 700;
	color: #ffffff !important;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-family: 'Plus Jakarta Sans', sans-serif;
	transition: all 0.3s ease;
}

.rsf-healthgrid-link i {
	font-size: 0.8rem;
	color: #D4A33B !important;
	/* Bright Gold Arrow */
	transition: transform 0.3s ease;
}

/* === THE INTERACTIVE HOVER EFFECTS === */
.rsf-healthgrid-single-card:hover {
	transform: translateY(-8px);
	/* Inset border changes to rich gold tint on hover smoothly */
	box-shadow: 0 25px 55px rgba(122, 18, 33, 0.35),
		inset 0 0 0 1px rgba(214, 163, 59, 0.4) !important;
	cursor: pointer;
}

.rsf-healthgrid-single-card:hover .rsf-card-dark-gradient-mesh {
	background: linear-gradient(to bottom,
			rgba(122, 18, 33, 0.35) 0%,
			rgba(20, 3, 5, 0.98) 100%);
}

.rsf-healthgrid-single-card:hover .rsf-healthgrid-link {
	color: #D4A33B !important;
}

.rsf-healthgrid-single-card:hover .rsf-healthgrid-link i {
	transform: translateX(6px);
}

/* === RESPONSIVE LAYOUT ENGINE === */
@media (max-width: 1024px) {
	.rsf-healthgrid-cards-container {
		grid-template-columns: repeat(2, 1fr);
		gap: 25px;
	}
}

@media (max-width: 768px) {
	.rsf-healthgrid-section-wrapper {
		background-attachment: scroll;
		/* Disables parallax on small mobiles for performance smoothness */
		padding: 80px 4%;
	}

	.rsf-healthgrid-cards-container {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	.rsf-healthgrid-main-title {
		font-size: 2.1rem;
	}

	.rsf-healthgrid-single-card {
		min-height: auto;
		padding: 35px 25px;
	}
}

/*new css of enviornment*/
/* ==========================================================================
   ENVIRONMENTAL CONSERVATION SECTION - GLOW DESIGN
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

.env-premium-section {
	font-family: 'Manrope', sans-serif;
	width: 100%;
	background-color: var(--env-bg);
	position: relative;
	overflow: hidden;
	padding: 80px 0 100px;
	margin-top: -70px;
}

/* ==========================================================================
   MAX DENSITY FLOATING LEAVES ENGINE (Blizzard Variant)
   ========================================================================== */
.env-particle {
	position: absolute;
	color: var(--env-primary);
	opacity: 0;
	pointer-events: none;
	z-index: 1;
	/* Leaves swing wider and travel higher up the viewport */
	animation: floatBlizzardEngine 9s infinite linear;
}

@keyframes floatBlizzardEngine {
	0% {
		transform: translateY(0) rotate(0deg) translateX(0);
		opacity: 0;
	}

	10% {
		opacity: 0.35;
	}

	/* Higher opacity for sharp visibility */
	90% {
		opacity: 0.35;
	}

	100% {
		transform: translateY(-320px) rotate(360deg) translateX(70px);
		opacity: 0;
	}
}

/* 20-LEAF POSITIONING MATRIX
   Carefully staggered coordinates to guarantee non-stop screen coverage
*/
.env-leaf-1 {
	font-size: 28px;
	top: 10%;
	left: 4%;
	animation-delay: 0s;
	animation-duration: 9s;
}

.env-leaf-2 {
	font-size: 22px;
	top: 18%;
	left: 12%;
	animation-delay: 2.5s;
	animation-duration: 7s;
}

.env-leaf-3 {
	font-size: 34px;
	top: 32%;
	left: 7%;
	animation-delay: 1.2s;
	animation-duration: 10s;
}

.env-leaf-4 {
	font-size: 20px;
	top: 48%;
	left: 3%;
	animation-delay: 4s;
	animation-duration: 8s;
}

.env-leaf-5 {
	font-size: 30px;
	top: 62%;
	left: 14%;
	animation-delay: 0.5s;
	animation-duration: 11s;
}

.env-leaf-6 {
	font-size: 25px;
	top: 78%;
	left: 6%;
	animation-delay: 3.2s;
	animation-duration: 9s;
}

.env-leaf-7 {
	font-size: 32px;
	top: 90%;
	left: 11%;
	animation-delay: 5.5s;
	animation-duration: 10s;
}

.env-leaf-8 {
	font-size: 24px;
	top: 15%;
	left: 32%;
	animation-delay: 1.8s;
	animation-duration: 8s;
}

.env-leaf-9 {
	font-size: 28px;
	top: 28%;
	left: 48%;
	animation-delay: 3.5s;
	animation-duration: 11s;
}

.env-leaf-10 {
	font-size: 20px;
	top: 45%;
	left: 28%;
	animation-delay: 0.8s;
	animation-duration: 7s;
}

.env-leaf-11 {
	font-size: 35px;
	top: 58%;
	left: 52%;
	animation-delay: 5s;
	animation-duration: 12s;
}

.env-leaf-12 {
	font-size: 22px;
	top: 72%;
	left: 38%;
	animation-delay: 2.2s;
	animation-duration: 9s;
}

.env-leaf-13 {
	font-size: 27px;
	top: 88%;
	left: 45%;
	animation-delay: 4.3s;
	animation-duration: 10s;
}

.env-leaf-14 {
	font-size: 30px;
	top: 12%;
	right: 5%;
	animation-delay: 0.3s;
	animation-duration: 10s;
}

.env-leaf-15 {
	font-size: 22px;
	top: 25%;
	right: 13%;
	animation-delay: 2.8s;
	animation-duration: 8s;
}

.env-leaf-16 {
	font-size: 36px;
	top: 40%;
	right: 3%;
	animation-delay: 1.5s;
	animation-duration: 11s;
}

.env-leaf-17 {
	font-size: 25px;
	top: 52%;
	right: 11%;
	animation-delay: 4.5s;
	animation-duration: 9s;
}

.env-leaf-18 {
	font-size: 31px;
	top: 68%;
	right: 6%;
	animation-delay: 2s;
	animation-duration: 10s;
}

.env-leaf-19 {
	font-size: 20px;
	top: 82%;
	right: 15%;
	animation-delay: 6s;
	animation-duration: 7s;
}

.env-leaf-20 {
	font-size: 33px;
	top: 92%;
	right: 8%;
	animation-delay: 3.8s;
	animation-duration: 12s;
}

/* Ambient Backdrops */
.env-ambient-glow-1 {
	position: absolute;
	width: 600px;
	height: 600px;
	background: radial-gradient(circle, rgba(56, 142, 60, 0.08) 0%, transparent 70%);
	top: -100px;
	left: -100px;
	pointer-events: none;
}

.env-ambient-glow-2 {
	position: absolute;
	width: 700px;
	height: 700px;
	background: radial-gradient(circle, rgba(160, 48, 48, 0.05) 0%, transparent 70%);
	bottom: -150px;
	right: -100px;
	pointer-events: none;
}

/* ==========================================================================
   HEADER DESIGN
   ========================================================================== */
.env-header {
	text-align: center;
	max-width: 750px;
	margin: 0 auto 55px;
	position: relative;
	z-index: 2;
}

.env-header-bg-leaf {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 220px;
	color: var(--env-primary);
	opacity: 0.03;
	pointer-events: none;
	line-height: 1;
}

.env-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 14px;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 4px;
	color: var(--env-primary);
	margin-bottom: 16px;
}

.env-eyebrow-line {
	display: block;
	width: 35px;
	height: 1.5px;
	background: linear-gradient(90deg, transparent, var(--env-primary));
}

.env-eyebrow-line:last-child {
	background: linear-gradient(-90deg, transparent, var(--env-primary));
}

.env-heading {
	font-family: 'Quicksand', sans-serif;
	font-size: 42px;
	font-weight: 700;
	color: #7b1416;
	line-height: 1.2;
	margin-bottom: 16px;
	letter-spacing: -0.5px;
}

.env-heading span {
	color: var(--env-accent-crimson);
	text-shadow: 0 0 30px rgba(160, 48, 48, 0.3);
}

.env-subtext {
	font-size: 15px;
	color: var(--env-text-muted);
	line-height: 1.75;
	margin: 0;
}

/* ==========================================================================
   CINEMATIC GRID & CARDS MACHINE
   ========================================================================== */
.env-cards-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
	margin-bottom: 65px;
	position: relative;
	z-index: 5;
}

.env-card {
	background: var(--env-surface);
	border-radius: 18px;
	overflow: hidden;
	backdrop-filter: blur(12px);
	border: 1px solid rgba(255, 255, 255, 0.06);
	display: flex;
	flex-direction: column;
	transition: transform 0.4s cubic-bezier(0.25, 1, 0.2, 1),
		box-shadow 0.4s cubic-bezier(0.25, 1, 0.2, 1),
		border-color 0.4s ease;
}

.env-card-img-wrap {
	position: relative;
	height: 170px;
	overflow: hidden;
	border-radius: 0 0 24px 24px;
}

.env-card-bg-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.6s cubic-bezier(0.25, 1, 0.2, 1);
}

.env-card-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(to bottom, rgba(9, 18, 10, 0.2), rgba(9, 18, 10, 0.85));
}

.env-card-top-content {
	position: absolute;
	inset: 0;
	padding: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.env-icon-ring {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, 0.3);
	background: rgba(9, 18, 10, 0.4);
	backdrop-filter: blur(6px);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 12px;
	transition: transform 0.5s ease, border-color 0.4s ease, background 0.4s ease;
}

.env-icon-ring i {
	font-size: 22px;
	color: #fff;
	transition: transform 0.5s ease;
}

.env-badge {
	background: rgba(56, 142, 60, 0.25);
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	padding: 4px 12px;
	border-radius: 20px;
	letter-spacing: 0.5px;
	border: 1px solid rgba(56, 142, 60, 0.5);
	backdrop-filter: blur(4px);
}

/* Hover Physics */
.env-card:hover {
	transform: translateY(-8px);
	border-color: rgba(56, 142, 60, 0.35);
	box-shadow: 0 20px 40px var(--env-primary-glow), 0 5px 15px rgba(0, 0, 0, 0.5);
	background: var(--env-surface-hover);
}

.env-card:hover .env-card-bg-img {
	transform: scale(1.15) rotate(1deg);
}

.env-card:hover .env-icon-ring {
	transform: scale(1.08);
	border-color: var(--env-primary);
	background: rgba(56, 142, 60, 0.2);
}

.env-card:hover .env-icon-ring i {
	transform: rotate(360deg);
	color: var(--env-primary);
}

/* Card Body */
.env-card-body {
	padding: 24px;
	flex: 1;
	display: flex;
	flex-direction: column;
}

.env-card-body h3 {
	font-family: 'Quicksand', sans-serif;
	font-size: 18px;
	font-weight: 700;
	color: #7b1416;
	margin: 0 0 10px;
}

.env-card-body p {
	font-size: 13px;
	color: var(--env-text-muted);
	line-height: 1.7;
	margin: 0;
	flex: 1;
}

.env-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 20px;
	font-size: 12px;
	font-weight: 700;
	color: var(--env-primary);
	text-decoration: none;
	width: fit-content;
	transition: color 0.3s ease;
}

.env-link i {
	transition: transform 0.3s ease;
}

.env-card:hover .env-link {
	color: rgb(123, 20, 22);
}

.env-card:hover .env-link i {
	transform: translateX(6px);
	color: var(--env-primary);
}

/* ==========================================================================
   MATTE STATS STRIP
   ========================================================================== */
.env-stats-strip {
	background: linear-gradient(135deg, rgba(123, 20, 22, 0.85) 0%, rgba(77, 12, 15, 0.95) 100%);
	border-radius: 16px;
	border: 1px solid rgba(255, 255, 255, 0.05);
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4);
	position: relative;
	overflow: hidden;
	margin-bottom: 60px;
	z-index: 5;
}

.env-stats-strip::before {
	content: '';
	position: absolute;
	inset: 0;
	background-image: radial-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px);
	background-size: 18px 18px;
}

.env-stats-wrap {
	display: flex;
	align-items: stretch;
	padding: 0 15px;
}

.env-stat {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 35px 15px;
	text-align: center;
	position: relative;
	z-index: 2;
	transition: transform 0.3s ease;
}

.env-stat:hover {
	transform: translateY(-4px);
}

.env-stat-ico-box {
	font-size: 18px;
	color: #ffca00;
	margin-bottom: 8px;
	opacity: 0.8;
}

.env-stat-num {
	display: block;
	font-family: 'Quicksand', sans-serif;
	font-size: 38px;
	font-weight: 700;
	color: #fff;
	line-height: 1;
	margin-bottom: 6px;
	letter-spacing: -0.5px;
}

.env-stat-lbl {
	display: block;
	font-size: 12px;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.65);
	letter-spacing: 0.5px;
}

.env-stat-sep {
	width: 1px;
	background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.12), transparent);
	margin: 25px 0;
	flex-shrink: 0;
}

/* ==========================================================================
   GLASMORPHIC CTA ZONE
   ========================================================================== */
.env-cta-zone {
	background: #7b1416;
	border: 1px solid rgba(255, 255, 255, 0.04);
	border-radius: 24px;
	padding: 55px 30px;
	text-align: center;
	position: relative;
	overflow: hidden;
	box-shadow: 0 30px 60px rgba(0, 0, 0, 0.6);
	z-index: 5;
}

.env-cta-blur-bg {
	position: absolute;
	inset: 0;
	background: radial-gradient(circle at center, rgba(56, 142, 60, 0.08) 0%, transparent 65%);
	pointer-events: none;
}

.env-cta-deco-l,
.env-cta-deco-r {
	position: absolute;
	font-size: 140px;
	color: var(--env-primary);
	opacity: 0.025;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none;
}

.env-cta-deco-l {
	left: 4%;
}

.env-cta-deco-r {
	right: 4%;
	transform: translateY(-50%) scaleX(-1);
}

.env-cta-ico-ring {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	border: 1px solid #D4AF37;
	background: rgba(56, 142, 60, 0.06);
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 18px;
	font-size: 24px;
    color: #D4AF37;
}
.env-cta-ico-ring i {
    color: #D4AF37;
}

.env-cta-heading {
	font-family: 'Quicksand', sans-serif;
	font-size: 28px;
	font-weight: 700;
	color: #b5780e;
	margin: 0 0 12px;
}

.env-cta-para {
	font-size: 14.5px;
	color:white;
	line-height: 1.65;
	margin: 0 auto 30px;
	max-width: 580px;
}

.env-cta-btns {
	display: flex;
	gap: 16px;
	justify-content: center;
	flex-wrap: wrap;
}

.env-cta-fill {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: white;
	color: black;
	;
	padding: 12px 26px;
	border-radius: 8px;
	font-size: 13px;
	font-weight: 700;
	text-decoration: none;
	box-shadow: 0 4px 15px rgba(160, 48, 48, 0.3);
	transition: all 0.3s ease;
}

.env-cta-fill:hover {
	background: rgb(123, 20, 22);
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(160, 48, 48, 0.5);
	color: #fff;
}

.env-cta-out {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: white;
	color: var(--env-primary);
	padding: 12px 26px;
	border-radius: 8px;
	border: 1px solid var(--env-primary);
	font-size: 13px;
	font-weight: 700;
	text-decoration: none;
	transition: all 0.3s ease;
}

.env-cta-out:hover {
	background: white;
	color:#b5780e;
	transform: translateY(-2px);
	box-shadow: 0 6px 20px var(--env-primary-glow);
}

/* ==========================================================================
   RESPONSIVE DESIGN (BREATHING ROOMS)
   ========================================================================== */
@media (max-width: 1200px) {
	.env-cards-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}
}

@media (max-width: 768px) {
	.env-premium-section {
		padding: 60px 0;
	}

	.env-heading {
		font-size: 32px;
	}

	.env-subtext {
		font-size: 14px;
	}

	.env-header-bg-leaf {
		font-size: 140px;
	}

	.env-stats-wrap {
		flex-direction: column;
	}

	.env-stat-sep {
		width: 50%;
		height: 1px;
		margin: 0 auto;
		background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
	}

	.env-stat {
		padding: 22px 10px;
	}

	.env-stat-num {
		font-size: 34px;
	}

	.env-cta-zone {
		padding: 40px 20px;
	}

	.env-cta-heading {
		font-size: 24px;
	}
}

@media (max-width: 576px) {
	.env-cards-grid {
		grid-template-columns: 1fr;
	}

	.env-cta-btns {
		flex-direction: column;
		align-items: stretch;
	}

	.env-cta-fill,
	.env-cta-out {
		justify-content: center;
	}

	/* Mobile performance safety toggle */
	.env-particle {
		display: none;
	}
}

/* ==========================================================================
   WAYS TO GET INVOLVED SECTION - PREMIUM GLOW DESIGN
   ========================================================================== */
.rsf-join-section-wrapper {
	width: 100%;
	background-color: #FAF6F0;
	/* Soft theme background to break monotony */
	padding: 95px 4%;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	z-index: 1;
	margin-top: -100px;
}

/* Header Centering & Typography */
.rsf-join-header {
	text-align: center;
	max-width: 650px;
	margin-bottom: 60px;
}

.rsf-join-tagline {
	font-size: 0.85rem;
	font-weight: 700;
	color: #D4A33B;
	/* Elegant Brand Gold */
	letter-spacing: 1.5px;
	display: block;
	margin-bottom: 12px;
	font-family: 'Plus Jakarta Sans', sans-serif;
}

.rsf-join-main-title {
	font-family: 'Marcellus', serif;
	font-size: 2.4rem;
	color: #1A1A1A;
	font-weight: 500;
	margin-bottom: 15px;
}

.rsf-join-maroon {
	color: #7A1221;
	/* Signature Maroon */
	font-weight: 600;
}

.rsf-join-subtitle {
	font-size: 0.95rem;
	color: #666666;
	line-height: 1.6;
	font-family: 'Plus Jakarta Sans', sans-serif;
}

/* Responsive Grid Engine */
.rsf-join-cards-container {
	width: 100%;
	max-width: 1200px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
	align-items: stretch;
}

/* === SINGLE INTERACTIVE CARD WITH GOLDEN GLOW SHADOW === */
.rsf-join-single-card {
	background-color: #ffffff;
	border-radius: 16px;
	padding: 45px 30px;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	border: 1px solid rgba(0, 0, 0, 0.03);
	position: relative;

	/* =========================================================
       >>> DEFINE GOLDEN-WARM GLOW SHADOW SETTINGS <<<
       Cards background se ekdam alag chamkenge bina hover kiye bhi
       ========================================================= */
	box-shadow: 0 12px 35px rgba(0, 0, 0, 0.06), 0 3px 12px rgba(212, 163, 59, 0.04) !important;

	transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.4s ease, border-color 0.4s ease;
}

/* Center Highlighted Card Specific Layout adjustment */
.rsf-join-highlighted-card {
	border: 1px solid rgba(122, 18, 33, 0.1);
	box-shadow: 0 15px 40px rgba(122, 18, 33, 0.06), 0 3px 15px rgba(212, 163, 59, 0.05) !important;
}

/* Popular Top Badge */
.rsf-join-popular-badge {
	position: absolute;
	top: -12px;
	background-color: #D4A33B;
	/* Gold Badge */
	color: #1A0407;
	font-size: 0.72rem;
	font-weight: 800;
	padding: 4px 14px;
	border-radius: 20px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	font-family: 'Plus Jakarta Sans', sans-serif;
	box-shadow: 0 4px 10px rgba(214, 163, 59, 0.3);
}

/* Custom Icon Frame Box */
.rsf-join-icon-box {
	width: 65px;
	height: 65px;
	background-color: #FAF6F0;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 25px;
	transition: all 0.3s ease;
}

.rsf-join-icon-box i {
	color: #7A1221;
	/* Maroon icons */
	font-size: 1.6rem;
	transition: color 0.3s ease;
}

.rsf-join-single-card h3 {
	font-size: 1.3rem;
	font-weight: 700;
	color: #1A1A1A;
	margin-bottom: 14px;
	font-family: 'Plus Jakarta Sans', sans-serif;
}

.rsf-join-single-card p {
	font-size: 0.9rem;
	color: #555555;
	line-height: 1.6;
	margin-bottom: 30px;
	flex-grow: 1;
	font-family: 'Plus Jakarta Sans', sans-serif;
}

/* Card CTA Action Buttons */
.rsf-join-footer-action {
	width: 100%;
}

.rsf-join-btn-card {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	padding: 13px 20px;
	border: 1px solid #7A1221;
	color: #7A1221;
	font-size: 0.85rem;
	font-weight: 700;
	text-decoration: none;
	border-radius: 6px;
	letter-spacing: 0.5px;
	font-family: 'Plus Jakarta Sans', sans-serif;
	transition: all 0.3s ease;
}

/* Central Middle Button Filled Style */
.rsf-join-btn-card.core-btn {
	background-color: #7A1221;
	color: #ffffff;
}

/* === CARD HOVER ACTIONS: INTENSE GLOW RESCUE === */
.rsf-join-single-card:hover {
	transform: translateY(-8px);

	/* Super premium intense golden-maroon aura glow on mouse hover */
	box-shadow: 0 25px 50px rgba(122, 18, 33, 0.12), 0 5px 20px rgba(212, 163, 59, 0.08) !important;
	border-color: rgba(122, 18, 33, 0.15);
}

.rsf-join-single-card:hover .rsf-join-icon-box {
	background-color: #7A1221;
	transform: rotateY(180deg);
	/* Modern flip rotation trick */
}

.rsf-join-single-card:hover .rsf-join-icon-box i {
	color: #ffffff;
}

.rsf-join-single-card:hover .rsf-join-btn-card {
	background-color: #7A1221;
	color: #ffffff;
	box-shadow: 0 4px 15px rgba(122, 18, 33, 0.2);
}

.rsf-join-single-card:hover .rsf-join-btn-card.core-btn {
	background-color: #D4A33B;
	border-color: #D4A33B;
	color: #1A0407;
	box-shadow: 0 4px 15px rgba(214, 163, 59, 0.3);
}

/* ==========================================================================
   100% MOBILE & TABLET RESPONSIVE QUERIES
   ========================================================================== */
@media (max-width: 992px) {
	.rsf-join-cards-container {
		grid-template-columns: repeat(2, 1fr);
		/* 2 Cards per line on tablets */
		gap: 25px;
	}

	.rsf-join-highlighted-card {
		grid-column: span 2;
		/* Middle card takes full space on tablet if uneven */
	}
}

@media (max-width: 768px) {
	.rsf-join-cards-container {
		grid-template-columns: 1fr;
		/* Pure single column stack on mobile phones */
		gap: 30px;
	}

	.rsf-join-highlighted-card {
		grid-column: span 1;
	}

	.rsf-join-main-title {
		font-size: 2rem;
		/* Smooth text compression */
	}

	.rsf-join-single-card {
		padding: 35px 24px;
	}
}

/* ==========================================================================
   STORIES OF CHANGE SECTION - PREMIUM GLOW DESIGN
   ========================================================================== */
/* ==========================================================================
   EXCLUSIVE MAGAZINE SPLIT DESIGN - ULTRA ATTRACTIVE & UNIQUE
   ========================================================================== */
/* --- Global Setup --- */
.rsf-xp-section {
	padding: 100px 0;
	background-color: #ffffff;
	/* Clean White Background */
	font-family: 'Plus Jakarta Sans', sans-serif;
}

.rsf-xp-container {
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 20px;
}

/* --- Header --- */
.rsf-xp-header {
	text-align: center;
	margin-bottom: 50px;
}

.rsf-xp-title {
	font-family: 'Marcellus', serif;
	font-size: 3.5rem;
	color: #1a1a1a;
	/* Dark Text */
	margin: 0 0 10px 0;
	font-weight: 400;
	letter-spacing: 1px;
}

.rsf-xp-gold {
	color: #D4AF37;
	/* Royal Gold */
	font-style: italic;
}

.rsf-xp-subtitle {
	color: #800020;
	/* Maroon Subtitle */
	font-size: 1rem;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: 600;
}

/* --- The Accordion Magic --- */
.rsf-xp-accordion {
	display: flex;
	width: 100%;
	height: 600px;
	/* Fixed height for the gallery */
	gap: 15px;
}

.rsf-xp-panel {
	position: relative;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 20px;
	cursor: pointer;
	overflow: hidden;
	flex: 1;
	transition: all 0.7s cubic-bezier(0.25, 1, 0.5, 1);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
	/* Softer shadow for light background */
	filter: grayscale(80%);
	/* Collapsed panels are greyed out */
	border: 1px solid rgba(128, 0, 32, 0.1);
	/* Subtle Maroon Border */
}

/* Hover State - Expanding the Panel */
.rsf-xp-panel:hover {
	flex: 5;
	/* Expands 5 times wider than others */
	filter: grayscale(0%);
	/* Brings color back */
	border-color: #D4AF37;
	/* Gold border on hover */
}

/* Make the first one active by default for desktop */
@media (min-width: 769px) {
	.rsf-xp-panel:first-child {
		flex: 5;
		filter: grayscale(0%);
		border-color: #D4AF37;
	}

	/* When ANY panel is hovered, remove the default flex: 5 from the first child */
	.rsf-xp-accordion:hover .rsf-xp-panel:first-child:not(:hover) {
		flex: 1;
		filter: grayscale(80%);
		border-color: rgba(128, 0, 32, 0.1);
	}
}

/* Gradient Overlay for Text Readability */
.rsf-xp-overlay {
	position: absolute;
	inset: 0;
	/* Rich Maroon Gradient Overlay on expand */
	background: linear-gradient(to top, rgba(128, 0, 32, 0.95) 0%, rgba(128, 0, 32, 0.4) 40%, transparent 100%);
	opacity: 0.8;
	transition: opacity 0.5s ease;
}

.rsf-xp-panel:hover .rsf-xp-overlay {
	opacity: 1;
}

/* --- Collapsed Vertical Info --- */
.rsf-xp-collapsed-info {
	position: absolute;
	bottom: 30px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 15px;
	transition: opacity 0.3s ease;
	width: max-content;
	background-color: rgba(255, 255, 255, 0.8);
	/* Slight light background for collapsed state */
	padding: 15px 10px;
	border-radius: 10px;
}

.rsf-xp-panel:hover .rsf-xp-collapsed-info {
	opacity: 0;
	/* Hides when expanded */
	pointer-events: none;
}

.rsf-xp-vertical-date {
	writing-mode: vertical-rl;
	transform: rotate(180deg);
	color: #D4AF37;
	/* Royal Gold */
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 2px;
}

.rsf-xp-vertical-title {
	writing-mode: vertical-rl;
	transform: rotate(180deg);
	color: #800020;
	/* Maroon Title */
	font-family: 'Marcellus', serif;
	font-size: 1.5rem;
	margin: 0;
	white-space: nowrap;
}

/* --- Expanded Content (Keep White Text on Dark Gradient) --- */
.rsf-xp-expanded-content {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 40px;
	opacity: 0;
	transform: translateY(30px);
	transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
	transition-delay: 0s;
	pointer-events: none;
}

.rsf-xp-panel:hover .rsf-xp-expanded-content {
	opacity: 1;
	transform: translateY(0);
	transition-delay: 0.3s;
	pointer-events: auto;
}

.rsf-xp-tag {
	display: inline-block;
	background-color: rgba(212, 175, 55, 0.2);
	/* Golden background with transparency */
	border: 1px solid #D4AF37;
	color: #ffffff;
	/* White Text */
	padding: 5px 15px;
	border-radius: 30px;
	font-size: 0.75rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 15px;
}

.rsf-xp-heading {
	font-family: 'Marcellus', serif;
	font-size: 2.5rem;
	color: #ffffff;
	/* White Text */
	margin: 0 0 15px 0;
	line-height: 1.1;
	max-width: 80%;
}

.rsf-xp-desc {
	color: rgba(255, 255, 255, 0.8);
	/* Lighter White Text */
	font-size: 1rem;
	line-height: 1.6;
	margin-bottom: 25px;
	max-width: 70%;
}

.rsf-xp-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	color: #ffffff;
	/* White Text */
	text-decoration: none;
	font-weight: 700;
	font-size: 0.9rem;
	border-bottom: 2px solid #D4AF37;
	/* Gold border */
	padding-bottom: 5px;
	transition: all 0.3s ease;
}

.rsf-xp-btn i {
	color: #D4AF37;
	/* Gold Icon */
	transition: transform 0.3s ease;
}

.rsf-xp-btn:hover {
	color: #D4AF37;
	/* Gold text on hover */
}

.rsf-xp-btn:hover i {
	transform: translateX(8px);
}

/* --- Responsive Behavior --- */
@media (max-width: 1024px) {
	.rsf-xp-heading {
		font-size: 2rem;
		max-width: 100%;
	}

	.rsf-xp-desc {
		max-width: 100%;
	}
}

@media (max-width: 768px) {
	.rsf-xp-accordion {
		flex-direction: column;
		/* Stack them vertically */
		height: 800px;
	}

	.rsf-xp-title {
		font-size: 2.5rem;
	}

	.rsf-xp-collapsed-info {
		flex-direction: row;
		/* Horizontal text for vertical panels */
		bottom: 50%;
		left: 20px;
		transform: translateY(50%);
		writing-mode: horizontal-tb;
	}

	.rsf-xp-vertical-date,
	.rsf-xp-vertical-title {
		writing-mode: horizontal-tb;
		transform: none;
	}

	.rsf-xp-expanded-content {
		padding: 25px 20px;
	}

	.rsf-xp-heading {
		font-size: 1.5rem;
	}
}

/* ==========================================================================
   EXCLUSIVE MAGAZINE SPLIT DESIGN - ULTRA ATTRACTIVE (3 STRIPS BALANCED)
   ========================================================================== */
.rsf-editorial-news-section {
	width: 90%;
	max-width: 1250px;
	margin: 120px auto;
	font-family: 'Plus Jakarta Sans', sans-serif;
}

/* === ASYMMETRIC TOP HEADER === */
.rsf-news-modern-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 55px;
	gap: 30px;
}

.rsf-tagline-gold-glow {
	font-size: 0.8rem;
	font-weight: 700;
	color: #D4A33B;
	letter-spacing: 3px;
	display: block;
	margin-bottom: 8px;
}

.rsf-main-headline-serif {
	font-family: 'Marcellus', serif;
	font-size: 2.8rem;
	color: #1A1A1A;
	font-weight: 500;
	margin: 0;
}

.rsf-text-maroon-bold {
	color: #7A1221;
	font-weight: 600;
}

.rsf-header-line-spacer {
	flex-grow: 1;
	height: 1px;
	background: linear-gradient(90deg, rgba(214, 163, 59, 0.4) 0%, rgba(0, 0, 0, 0.02) 100%);
}

.rsf-btn-viewall-pill {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 12px 28px;
	border: 1px solid rgba(122, 18, 33, 0.2);
	background-color: #ffffff;
	border-radius: 50px;
	font-size: 0.82rem;
	font-weight: 700;
	color: #7A1221;
	text-decoration: none;
	letter-spacing: 0.8px;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
	transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.rsf-btn-viewall-pill i {
	transition: transform 0.3s ease;
}

.rsf-btn-viewall-pill:hover {
	background-color: #7A1221;
	color: #ffffff;
	border-color: #7A1221;
	box-shadow: 0 10px 25px rgba(122, 18, 33, 0.2);
	transform: translateY(-2px);
}

.rsf-btn-viewall-pill:hover i {
	transform: translateX(6px);
}

/* === SPLIT MATRIX GRID CONTAINER === */
.rsf-news-split-matrix {
	display: grid;
	grid-template-columns: 1.1fr 1fr;
	/* Optimized proportion to fit 3 strips gracefully */
	gap: 40px;
	align-items: stretch;
}

/* === LEFT SIDE: CINEMATIC HERO BLOCK DESIGN === */
.rsf-news-hero-block {
	position: relative;
	border-radius: 20px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 45px;
	min-height: 630px;
	/* Increased height to flawlessly align with 3 cards on the right */
	box-shadow: 0 25px 55px rgba(0, 0, 0, 0.12);
	border: 1px solid rgba(0, 0, 0, 0.05);
	background-color: #1A0407;
}

.rsf-hero-img-cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.rsf-hero-img-cover img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.rsf-hero-gradient-mesh {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom,
			rgba(26, 4, 7, 0) 15%,
			rgba(26, 4, 7, 0.3) 45%,
			rgba(26, 4, 7, 0.95) 100%);
	z-index: 2;
}

.rsf-hero-badge-ribbon {
	position: absolute;
	top: 25px;
	left: 25px;
	background: linear-gradient(135deg, #D4A33B 0%, #B38423 100%);
	color: #ffffff;
	font-size: 0.7rem;
	font-weight: 800;
	padding: 6px 14px;
	border-radius: 4px;
	letter-spacing: 1.5px;
	z-index: 3;
	box-shadow: 0 4px 12px rgba(179, 132, 35, 0.3);
}

.rsf-hero-content-holder {
	position: relative;
	z-index: 3;
}

.rsf-hero-meta-row {
	display: flex;
	gap: 20px;
	margin-bottom: 15px;
}

.rsf-hero-date,
.rsf-hero-category {
	font-size: 0.78rem;
	font-weight: 600;
	color: #D4A33B;
	letter-spacing: 0.5px;
}

.rsf-hero-date i {
	margin-right: 5px;
	opacity: 0.8;
}

.rsf-hero-category {
	background-color: rgba(255, 255, 255, 0.1);
	color: #ffffff;
	padding: 2px 10px;
	border-radius: 3px;
	font-size: 0.72rem;
}

.rsf-hero-title {
	font-family: 'Marcellus', serif;
	font-size: 2.3rem;
	color: #ffffff;
	line-height: 1.25;
	margin: 0 0 15px 0;
}

.rsf-hero-excerpt {
	font-size: 0.95rem;
	color: #FAF6F0;
	opacity: 0.85;
	line-height: 1.65;
	margin-bottom: 30px;
	max-width: 95%;
}

.rsf-hero-action-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #D4A33B;
	font-weight: 700;
	font-size: 0.85rem;
	text-decoration: none;
	letter-spacing: 1px;
	transition: color 0.3s ease;
}

.rsf-hero-action-link i {
	transition: transform 0.3s ease;
}

.rsf-hero-action-link:hover {
	color: #ffffff;
}

.rsf-news-hero-block:hover .rsf-hero-img-cover img {
	transform: scale(1.06);
}

.rsf-news-hero-block:hover .rsf-hero-action-link i {
	transform: translateX(6px);
}

/* === RIGHT SIDE: 3 STACKED COMPACT STRIPS === */
.rsf-news-list-block {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	/* Ensures 3 blocks distribute evenly matching the hero block's height */
	gap: 18px;
}

.rsf-activity-strip-row {
	background-color: #ffffff;
	border-radius: 16px;
	padding: 16px 20px;
	/* Refined compact spacing for 3 items */
	display: flex;
	gap: 22px;
	align-items: center;
	border: 1px solid rgba(0, 0, 0, 0.03);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02);
	transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	position: relative;
}

/* Side Thumbnail Layout */
.rsf-strip-thumb {
	width: 125px;
	/* Scaled down slightly so 3 blocks fit perfectly on desktop viewport */
	height: 125px;
	border-radius: 12px;
	overflow: hidden;
	position: relative;
	flex-shrink: 0;
}

.rsf-strip-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.6s ease;
}

.rsf-strip-date-capsule {
	position: absolute;
	bottom: 6px;
	right: 6px;
	background-color: #7A1221;
	color: #ffffff;
	font-size: 0.65rem;
	font-weight: 700;
	padding: 4px 8px;
	border-radius: 4px;
	box-shadow: 0 4px 10px rgba(122, 18, 33, 0.25);
}

.rsf-strip-body {
	display: flex;
	flex-direction: column;
}

.rsf-strip-tag {
	font-size: 0.7rem;
	font-weight: 700;
	color: #D4A33B;
	letter-spacing: 1px;
	margin-bottom: 4px;
}

.rsf-strip-title {
	font-family: 'Marcellus', serif;
	font-size: 1.15rem;
	color: #1A1A1A;
	margin: 0 0 4px 0;
	line-height: 1.35;
	transition: color 0.3s ease;
}

.rsf-strip-text {
	font-size: 0.85rem;
	color: #666666;
	line-height: 1.45;
	margin: 0 0 8px 0;
}

.rsf-strip-mini-link {
	font-size: 0.75rem;
	font-weight: 700;
	color: #7A1221;
	text-decoration: none;
	transition: color 0.3s ease;
}

/* === HOVER EFFECTS FOR STRIPS === */
.rsf-activity-strip-row:hover {
	transform: translateY(-4px);
	box-shadow: 0 20px 45px rgba(122, 18, 33, 0.06), 0 5px 15px rgba(0, 0, 0, 0.01);
	border-color: rgba(122, 18, 33, 0.1);
}

.rsf-activity-strip-row:hover .rsf-strip-thumb img {
	transform: scale(1.08);
}

.rsf-activity-strip-row:hover .rsf-strip-title {
	color: #7A1221;
}

/* === 100% RESPONSIVE TRANSFORMATION LAYOUT === */
@media (max-width: 1024px) {
	.rsf-news-split-matrix {
		grid-template-columns: 1fr;
		/* Stacks vertically on tablets */
		gap: 30px;
	}

	.rsf-news-hero-block {
		min-height: 460px;
		padding: 35px;
	}
}

@media (max-width: 650px) {
	.rsf-news-modern-header {
		flex-direction: column;
		text-align: center;
		gap: 15px;
	}

	.rsf-header-line-spacer {
		display: none;
	}

	.rsf-main-headline-serif {
		font-size: 2.2rem;
	}

	.rsf-news-hero-block {
		padding: 25px 20px;
		min-height: 400px;
	}

	.rsf-hero-title {
		font-size: 1.5rem;
	}

	.rsf-hero-excerpt {
		font-size: 0.88rem;
		max-width: 100%;
	}

	/* Converts rows into single-column layout on tiny screens */
	.rsf-activity-strip-row {
		flex-direction: column;
		align-items: flex-start;
		gap: 15px;
		padding: 15px;
	}

	.rsf-strip-thumb {
		width: 100%;
		height: 180px;
	}

	.rsf-btn-viewall-pill {
		width: 100%;
		justify-content: center;
	}
}


/*about us new css oof vision and mission*/

/* ================================================================
   RATNA SHRI FOUNDATION NEPAL — About Us Section Styles
   Palette: Saffron Gold | Deep Maroon | Forest Green | Warm Cream
   Fonts  : Playfair Display (display) | Noto Sans (body)
   ================================================================ */

/* ---------- CSS Variables ---------- */
:root {
	--gold: #B5780E;
	--gold-light: #D4940A;
	--maroon: #6B1D1D;
	--maroon-light: #8C2626;
	--green: #4A6741;
	--cream: #FFFDF5;
	--card-bg: #FFF8E8;
	--card-bg-2: #FFF1F1;
	--text-dark: #2C1A0E;
	--text-mid: #5A3E28;
	--text-light: #8B6E52;
	--border-gold: rgba(181, 120, 14, 0.30);
	--shadow: 0 8px 40px rgba(107, 29, 29, 0.10);
}

/* ---------- Base ---------- */
body {
	background-color: var(--cream);
	font-family: 'Noto Sans', sans-serif;
	color: var(--text-dark);
}

/* ---------- Section Main Root ---------- */
.about-section {
	background-color: var(--cream);
	padding: 0 0 100px 0;
	/* Top padding is 0 to make it stick to navbar header */
	position: relative;
	overflow: hidden;
}

/* Background watermark mesh positioned safely under the layout cards grid */
.about-section::before {
	content: '✦';
	position: absolute;
	font-size: 420px;
	color: rgba(181, 120, 14, 0.04);
	bottom: 10%;
	left: 50%;
	transform: translateX(-50%);
	pointer-events: none;
	line-height: 1;
	user-select: none;
	z-index: 1;
}

/* FIX: 100% Full-Width Wrapper Container 
   Yeh layer space bounds to dke bina edge-to-edge expand hoti h
*/
.about-hero-banner-wrapper {
	position: relative;
	width: 100%;
	padding: 100px 0;
	/* Internal breathing text padding padding */
	overflow: hidden;
	margin-bottom: 70px;
	/* Space control leading down to vision/mission cards */
}

/* Parallax Infinite Scrolling Backdrop Layer */
.about-banner-parallax-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 140%;
	/* Buffer height for smooth parallax scroll */
	background-image: url('https://images.unsplash.com/photo-1548013146-72479768bada?q=80&w=1600');
	/* Paste image path here */
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	/* Creates premium parallax shift */
	z-index: 1;
}

/* Deep Solid Shading Tint Core over Image Background */
.about-banner-tint-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* Opacity ko kam karke 0.75 aur 0.70 kiya hai taaki image piche se soft opacity me jhalake */
	background: linear-gradient(135deg,
			rgba(25, 8, 8, 0.75) 0%,
			rgba(40, 10, 10, 0.70) 100%);
	z-index: 2;
}

/* Structural stacking bypass helper */
.z-index-above {
	position: relative;
	z-index: 3;
}

/* ---------- Banner typography elements alignment modifications ---------- */
.about-hero-banner-wrapper .section-eyebrow {
	display: inline-block;
	font-family: 'Noto Sans', sans-serif;
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: #ffffff;
	background: rgba(255, 255, 255, 0.12);
	border: 1px solid rgba(255, 255, 255, 0.30);
	padding: 5px 18px;
	border-radius: 2px;
	margin-bottom: 22px;
}

.about-hero-banner-wrapper .about-title {
	font-family: 'Playfair Display', serif;
	font-size: clamp(2.4rem, 5.5vw, 3.8rem);
	font-weight: 700;
	color: var(--gold);
	/* Swapped to crisp royal gold signature tone */
	line-height: 1.15;
	margin-bottom: 20px;
}

/* ---------- Lotus Divider ---------- */
.lotus-divider {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin: 0 auto 28px;
	width: 220px;
}

.lotus-left,
.lotus-right {
	display: block;
	flex: 1;
	height: 1.5px;
	background: linear-gradient(to var(--dir, right), transparent, var(--gold));
}

.lotus-left {
	--dir: right;
}

.lotus-right {
	--dir: left;
}

.lotus-gem {
	font-size: 1.1rem;
	color: var(--gold);
	line-height: 1;
}

.about-hero-banner-wrapper .about-description {
	font-size: 1.05rem;
	font-weight: 300;
	color: #f7f3ed;
	/* Highly comfortable clean bright tint text */
	line-height: 1.9;
	max-width: 720px;
	margin: 0 auto;
}

/* Lower Area safe wrapper padding */
.about-cards-spacing {
	position: relative;
	z-index: 4;
}

/* ---------- Vision & Mission Cards Structure (Unchanged/Untouched) ---------- */
.vm-card {
	border-radius: 4px;
	padding: 44px 38px 40px;
	position: relative;
	transition: transform 0.28s ease, box-shadow 0.28s ease;
}

.vm-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 18px 56px rgba(107, 29, 29, 0.14);
}

.vision-card {
	background-color: var(--card-bg);
	border: 1px solid rgba(181, 120, 14, 0.20);
	box-shadow: var(--shadow);
}

.mission-card {
	background-color: var(--card-bg-2);
	border: 1px solid rgba(107, 29, 29, 0.15);
	box-shadow: var(--shadow);
}

.vm-icon-wrap {
	width: 72px;
	height: 72px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 24px;
}

.vision-icon-wrap {
	background: rgba(181, 120, 14, 0.12);
	border: 1.5px solid rgba(181, 120, 14, 0.35);
	color: var(--gold);
}

.mission-icon-wrap {
	background: rgba(107, 29, 29, 0.10);
	border: 1.5px solid rgba(107, 29, 29, 0.28);
	color: var(--maroon);
}

.vm-svg {
	width: 38px;
	height: 38px;
}

.vm-title {
	font-family: 'Playfair Display', serif;
	font-size: 1.55rem;
	font-weight: 700;
	text-align: center;
	margin-bottom: 14px;
	color: var(--text-dark);
}

.vm-underline {
	width: 48px;
	height: 3px;
	border-radius: 2px;
	margin: 0 auto 22px;
}

.vision-card .vm-underline {
	background: var(--gold);
}

.mission-card .vm-underline {
	background: var(--maroon);
}

.vm-text {
	font-size: 0.97rem;
	font-weight: 300;
	color: var(--text-mid);
	line-height: 1.85;
	text-align: center;
	margin-bottom: 24px;
}

.vm-quote {
	font-family: 'Playfair Display', serif;
	font-style: italic;
	font-size: 0.92rem;
	color: var(--gold);
	text-align: center;
	padding: 14px 20px;
	border-top: 1px solid var(--border-gold);
	line-height: 1.6;
}

.quote-mark {
	font-size: 1.3rem;
	line-height: 0;
	vertical-align: -4px;
	margin: 0 3px;
	opacity: 0.7;
}

.vm-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.vm-list li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-size: 0.96rem;
	font-weight: 300;
	color: var(--text-mid);
	line-height: 1.75;
	padding: 10px 0;
	border-bottom: 1px dashed rgba(107, 29, 29, 0.12);
}

.vm-list li:last-child {
	border-bottom: none;
}

.list-gem {
	color: var(--maroon);
	font-size: 0.75rem;
	flex-shrink: 0;
	margin-top: 6px;
}

/* ---------- RESPONSIVE GRID HANDLERS ---------- */
@media (max-width: 991.98px) {
	.about-hero-banner-wrapper {
		padding: 75px 0;
		margin-bottom: 50px;
	}
}

@media (max-width: 767.98px) {
	.about-section {
		padding-bottom: 60px;
	}

	.about-hero-banner-wrapper {
		padding: 60px 0;
		margin-bottom: 40px;
	}

	.about-banner-parallax-bg {
		background-attachment: scroll;
	}

	/* Mobile runtime scroll acceleration tracking */
	.vm-card {
		padding: 36px 24px 32px;
	}
}

@media (max-width: 575.98px) {
	.vm-card {
		padding: 30px 18px 28px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.vm-card {
		transition: none;
	}
}

/* ================================================================
   RATNA SHRI FOUNDATION — Leadership Section Styles
   Theme  : Dark altar / Tibetan night
   Fonts  : Cormorant Garamond (display) | Noto Sans (body)
   Palette: Deep night-black · Saffron · Maroon · Forest · Ink-blue
   ================================================================ */

/* ---------- CSS Variables ---------- */
/* ---------- Section ---------- */
.ls-section {
	background-color: var(--ls-bg);
	position: relative;
	overflow: hidden;
	/* FIXED: Heavily reduced padding to eliminate top/bottom huge empty space */
	padding: 60px 0 110px;
}

/* ==========================================================================
   BACKGROUND TEXTURES & EFFECTS
   ========================================================================== */

/* Sharp Geometric Matrix lines */
.ls-bg-grid-texture {
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(rgba(212, 175, 55, 0.03) 1.5px, transparent 1.5px),
		linear-gradient(90deg, rgba(212, 175, 55, 0.03) 1.5px, transparent 1.5px);
	background-size: 60px 60px;
	pointer-events: none;
	z-index: 1;
}

/* Rotating Cosmic Spiritual Wheel */
.ls-cosmic-wheel {
	position: absolute;
	width: 700px;
	height: 700px;
	right: -100px;
	top: 50%;
	transform: translateY(-50%);
	border: 1px double rgba(212, 175, 55, 0.05);
	border-radius: 50%;
	pointer-events: none;
	z-index: 1;
	animation: cosmicRotate 40s linear infinite;
}

.ls-cosmic-wheel::before {
	content: '';
	position: absolute;
	inset: 60px;
	border: 2px dashed rgba(212, 175, 55, 0.03);
	border-radius: 50%;
}

.ls-cosmic-wheel::after {
	content: '';
	position: absolute;
	inset: 180px;
	border: 1px solid rgba(160, 48, 48, 0.04);
	background: repeating-conic-gradient(from 0deg, transparent 0deg, transparent 30deg, rgba(212, 175, 55, 0.02) 31deg, rgba(212, 175, 55, 0.02) 33deg);
	border-radius: 50%;
}

@keyframes cosmicRotate {
	from {
		transform: translateY(-50%) rotate(0deg);
	}

	to {
		transform: translateY(-50%) rotate(360deg);
	}
}

/* Top & Bottom Accent Lines */
.ls-top-border-accent,
.ls-bottom-border-accent {
	position: absolute;
	left: 4%;
	right: 4%;
	height: 2px;
	background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.3), transparent);
	z-index: 2;
}

.ls-top-border-accent {
	top: 0;
}

.ls-bottom-border-accent {
	bottom: 0;
}

/* Atmospheric Ambient Glows */
.ls-glow-tl {
	position: absolute;
	width: 800px;
	height: 800px;
	background: radial-gradient(circle, rgba(201, 149, 10, 0.14) 0%, transparent 70%);
	top: -300px;
	left: -250px;
	z-index: 1;
}

.ls-glow-br {
	position: absolute;
	width: 800px;
	height: 800px;
	background: radial-gradient(circle, rgba(160, 48, 48, 0.12) 0%, transparent 70%);
	bottom: -300px;
	right: -200px;
	z-index: 1;
}

/* ==========================================================================
   COMPACT ZIG-ZAG ARCHITECTURE (No Overlapping / No Excess Space)
   ========================================================================== */

/* Left column smooth float */
.lc-zigzag-left {
	animation: elegantFloatLeft 6s ease-in-out infinite alternate;
}

/* FIXED: Right column shifted down perfectly by 45px (Tighter layout) */
.lc-zigzag-right {
	margin-top: 45px;
	animation: elegantFloatRight 6s ease-in-out infinite alternate;
}

@keyframes elegantFloatLeft {
	0% {
		transform: translateY(0);
	}

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

@keyframes elegantFloatRight {
	0% {
		transform: translateY(0);
	}

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

/* ---------- LEFT PANEL (TIGHTENED) ---------- */
.ls-left-panel {
	padding: 0;
	z-index: 5;
}

.ls-eyebrow {
	display: inline-block;
	font-family: 'Noto Sans', sans-serif;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.35em;
	text-transform: uppercase;
	color: var(--ls-gold);
	margin-bottom: 14px;
	/* Reduced */
}

.ls-title {
	font-family: 'Cormorant Garamond', serif;
	font-size: clamp(2.4rem, 4vw, 3.6rem);
	font-weight: 500;
	line-height: 1.15;
	color: var(--ls-white);
	margin-bottom: 16px;
	/* Reduced */
}

.ls-title em {
	font-style: italic;
	font-weight: 300;
	color: var(--ls-gold);
}

.ls-rule {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 20px;
}

.ls-rule-line {
	width: 80px;
	height: 1px;
	background: linear-gradient(90deg, rgba(201, 149, 10, 0.8), transparent);
}

.ls-rule .ls-rule-line:last-child {
	background: linear-gradient(-90deg, rgba(201, 149, 10, 0.8), transparent);
}

.ls-rule-gem {
	color: var(--ls-gold);
	font-size: 0.8rem;
}

.ls-tagline {
	font-family: 'Noto Sans', sans-serif;
	font-size: 0.92rem;
	color: var(--ls-muted);
	line-height: 1.85;
	margin-bottom: 25px;
	/* Reduced */
}

.ls-address-block {
	background: rgba(255, 255, 255, 0.02);
	padding: 20px;
	border-radius: 8px;
	border-left: 3px solid var(--ls-gold);
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4);
}

.ls-addr-label {
	display: block;
	font-size: 0.65rem;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: var(--ls-gold);
	margin-bottom: 6px;
	font-weight: 800;
}

.ls-addr-text {
	font-size: 0.85rem;
	color: var(--ls-white);
	line-height: 1.7;
	margin: 0;
	font-weight: 600;
}

.ls-left-footer-card {
	margin-top: 20px;
	background: rgba(212, 175, 55, 0.04);
	border: 1px solid rgba(212, 175, 55, 0.12);
	padding: 18px;
	border-radius: 8px;
	backdrop-filter: blur(12px);
}

.ls-footer-card-text {
	font-size: 0.82rem;
	color: var(--ls-muted);
	margin: 0;
	line-height: 1.5;
}

/* ---------- RIGHT PANEL ---------- */
.ls-right-panel {
	padding-left: 10px;
}

/* ==========================================================================
   ULTRA-LUXURY LEADER CARDS
   ========================================================================== */
.lc-card {
	background: var(--ls-card-bg);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 14px;
	overflow: hidden;
	position: relative;
	backdrop-filter: blur(16px);
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5);
	transition: all 0.5s cubic-bezier(0.2, 1, 0.2, 1);
	z-index: 2;
}

/* Royal Corner Brackets */
.lc-corner {
	position: absolute;
	width: 10px;
	height: 10px;
	border: 1.5px solid transparent;
	z-index: 5;
	transition: all 0.4s ease;
}

.lc-corner.tl {
	top: 10px;
	left: 10px;
	border-top-color: rgba(212, 175, 55, 0.3);
	border-left-color: rgba(212, 175, 55, 0.3);
}

.lc-corner.tr {
	top: 10px;
	right: 10px;
	border-top-color: rgba(212, 175, 55, 0.3);
	border-right-color: rgba(212, 175, 55, 0.3);
}

.lc-corner.bl {
	bottom: 10px;
	left: 10px;
	border-bottom-color: rgba(212, 175, 55, 0.3);
	border-left-color: rgba(212, 175, 55, 0.3);
}

.lc-corner.br {
	bottom: 10px;
	right: 10px;
	border-bottom-color: rgba(212, 175, 55, 0.3);
	border-right-color: rgba(212, 175, 55, 0.3);
}

/* Shimmer Sweep Effect */
.lc-shimmer {
	position: absolute;
	inset: 0;
	background: linear-gradient(120deg, transparent 30%, rgba(255, 255, 255, 0.05) 40%, rgba(255, 255, 255, 0.08) 50%, rgba(255, 255, 255, 0.05) 60%, transparent 70%);
	transform: translateX(-100%);
	animation: sweepShimmer 7s infinite linear;
}

@keyframes sweepShimmer {
	0% {
		transform: translateX(-100%);
	}

	30%,
	100% {
		transform: translateX(100%);
	}
}

/* Hover Enhancements */
.lc-card:hover {
	background: var(--ls-card-hover);
	transform: scale(1.02);
	border-color: rgba(212, 175, 55, 0.25);
}

.lc-card:hover .lc-corner {
	width: 16px;
	height: 16px;
	border-color: var(--ls-gold);
}

.lc-gold:hover {
	box-shadow: 0 25px 50px rgba(201, 149, 10, 0.3);
}

.lc-maroon:hover {
	box-shadow: 0 25px 50px rgba(160, 48, 48, 0.3);
}

.lc-green:hover {
	box-shadow: 0 25px 50px rgba(61, 112, 51, 0.3);
}

.lc-blue:hover {
	box-shadow: 0 25px 50px rgba(46, 84, 144, 0.3);
}

.lc-top-stripe {
	height: 4px;
	width: 100%;
}

.lc-gold .lc-top-stripe {
	background: linear-gradient(90deg, var(--ls-gold), #fff, var(--ls-gold));
}

.lc-maroon .lc-top-stripe {
	background: linear-gradient(90deg, var(--ls-maroon), #ff7b7b, var(--ls-maroon));
}

.lc-green .lc-top-stripe {
	background: linear-gradient(90deg, var(--ls-green), #99e5a2, var(--ls-green));
}

.lc-blue .lc-top-stripe {
	background: linear-gradient(90deg, var(--ls-blue), #8cd0ff, var(--ls-blue));
}

.lc-body {
	padding: 30px 24px;
	display: flex;
	align-items: center;
	gap: 20px;
}

.lc-avatar-wrap {
	position: relative;
	flex-shrink: 0;
	width: 84px;
	height: 84px;
}

/* Faint OM watermark */
.lc-om {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 64px;
	color: rgba(255, 255, 255, 0.02);
	pointer-events: none;
	z-index: 0;
	font-family: serif;
}

.lc-avatar {
	position: absolute;
	inset: 4px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	z-index: 2;
	background: #1e0e11;
}

.lc-gold .lc-avatar {
	border: 2px solid rgba(201, 149, 10, 0.85);
}

.lc-maroon .lc-avatar {
	border: 2px solid rgba(160, 48, 48, 0.85);
}

.lc-green .lc-avatar {
	border: 2px solid rgba(61, 112, 51, 0.85);
}

.lc-blue .lc-avatar {
	border: 2px solid rgba(46, 84, 144, 0.85);
}

.lc-leader-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.lc-card:hover .lc-leader-img {
	transform: scale(1.15);
}

/* Dashed Spinning Rings */
.lc-ring {
	position: absolute;
	inset: 0;
	border-radius: 50%;
	border: 2px dashed rgba(255, 255, 255, 0.08);
	z-index: 1;
}

.lc-card:hover .lc-ring {
	animation: lc-spin 4s linear infinite;
}

.lc-gold:hover .lc-ring {
	border-color: rgba(201, 149, 10, 0.7);
}

.lc-maroon:hover .lc-ring {
	border-color: rgba(160, 48, 48, 0.7);
}

.lc-green:hover .lc-ring {
	border-color: rgba(61, 112, 51, 0.7);
}

.lc-blue:hover .lc-ring {
	border-color: rgba(46, 84, 144, 0.7);
}

@keyframes lc-spin {
	from {
		transform: rotate(0deg);
	}

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

/* Typography Elements */
.lc-info {
	flex: 1;
	min-width: 0;
	z-index: 2;
}

.lc-role-badge {
	display: inline-block;
	font-family: 'Noto Sans', sans-serif;
	font-size: 0.62rem;
	font-weight: 700;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	margin-bottom: 8px;
	padding: 2px 8px;
	border-radius: 4px;
}

.lc-gold .lc-role-badge {
	color: var(--ls-gold);
	background: rgba(201, 149, 10, 0.1);
}

.lc-maroon .lc-role-badge {
	color: #ff7b7b;
	background: rgba(160, 48, 48, 0.12);
}

.lc-green .lc-role-badge {
	color: #99e5a2;
	background: rgba(61, 112, 51, 0.12);
}

.lc-blue .lc-role-badge {
	color: #8cd0ff;
	background: rgba(46, 84, 144, 0.12);
}

.lc-name {
	font-family: 'Cormorant Garamond', serif;
	font-size: 1.25rem;
	font-weight: 600;
	color: var(--ls-white);
	line-height: 1.3;
	margin: 0;
}

/* ==========================================================================
   RESPONSIVE LAYOUT FINETUNING (Safe Mobile Fallback)
   ========================================================================== */
@media (max-width: 991.98px) {

	/* FIXED: Reduced section padding on smaller screens too */
	.ls-section {
		padding: 50px 0;
	}

	.lc-zigzag-right {
		margin-top: 0 !important;
	}

	.lc-zigzag-left,
	.lc-zigzag-right {
		animation: none !important;
	}

	.ls-left-panel {
		text-align: center;
		align-items: center;
		margin-bottom: 30px;
	}

	.ls-right-panel {
		padding-left: 0;
	}
}

@media (max-width: 575.98px) {
	.lc-body {
		flex-direction: column;
		text-align: center;
		gap: 15px;
		padding: 30px 20px;
	}

	.lc-avatar-wrap {
		margin: 0 auto;
	}
}

/* ---------- SANCTUARY & HERITAGE SECTION ---------- */
.sh-section {
	position: relative;
	overflow: hidden;
	padding: 100px 0;
	background-color: #0b0f17;
	/* Base dark fallback color matching --ls-bg */
}

/* Parallax Scrolling Effect */
.sh-parallax-bg {
	position: absolute;
	inset: 0;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	transform: scale(1.05);
	/* Slight zoom for smoother parallax look */
	z-index: 0;
}

/* Dark Tint Overlay to ensure text visibility */
.sh-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(to bottom,
			rgba(11, 15, 23, 0.92) 0%,
			rgba(11, 15, 23, 0.85) 50%,
			rgba(11, 15, 23, 0.95) 100);
	z-index: 0;
}

/* ---------- NEW SANCTUARY PREFIX MATRIX ---------- */

.rsf-sanctuary-section-wrapper {
	width: 100%;
	background: linear-gradient(
    rgba(187, 187, 187, 0.45),
    rgba(116, 116, 116, 0.35)
),
		url('https://images.unsplash.com/photo-1548013146-72479768bada?q=80&w=1600');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	padding: 110px 4%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.rsf-sanctuary-header {
	text-align: center;
	max-width: 680px;
	margin-bottom: 65px;
}

.rsf-sanctuary-tagline {
	font-size: 0.82rem;
	font-weight: 700;
	color: #D4A33B;
	letter-spacing: 3px;
	display: block;
	margin-bottom: 12px;
	font-family: 'Plus Jakarta Sans', sans-serif;
}

.rsf-sanctuary-main-title {
	font-family: 'Marcellus', serif;
	font-size: 2.8rem;
	color: #ffffff !important;
	font-weight: 500;
	margin-bottom: 18px;
	letter-spacing: 0.5px;
}

.rsf-sanctuary-maroon {
	color: #e23c52;
	font-weight: 600;
}

.rsf-sanctuary-subtitle {
	font-size: 0.95rem;
	color: white;
	line-height: 1.65;
	font-family: 'Plus Jakarta Sans', sans-serif;
	opacity: 0.85;
}

.rsf-sanctuary-cards-container {
	width: 100%;
	max-width: 1200px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 35px;
}

/* --- THE CARD ENGINE --- */
.rsf-sanctuary-single-card {
	border-radius: 20px;
	padding: 45px 35px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	position: relative;
	overflow: hidden;
	min-height: 410px;
	border: none !important;
	background-clip: padding-box;
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4),
		inset 0 0 0 1px rgba(255, 255, 255, 0.15) !important;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.5s ease;
}

/* Individual Card Photos */
.rsf-sanctuary-card-bg-1 {
	background-image: url('../images/educational5.jfif');
}

.rsf-sanctuary-card-bg-2 {
	background-image: url('../images/educational1.jfif');
}

.rsf-sanctuary-card-bg-3 {
	background-image: url('../images/educational.jfif');
}

/* Dark Overlay Tint Layer */
.rsf-sanctuary-card-dark-gradient-mesh {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(
    to bottom,
    rgba(20, 20, 20, 0.20) 0%,
    rgba(20, 20, 20, 0.75) 100%
);
	z-index: 1;
	transition: background 0.5s ease;
}

.rsf-sanctuary-card-content-relative {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	height: 100%;
	width: 100%;
	flex-grow: 1;
}

/* White & Gold Icon Boxes */
.rsf-sanctuary-icon-box {
	width: 58px;
	height: 58px;
	background-color: #ffffff !important;
	border-radius: 14px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 30px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
	transition: all 0.4s ease;
}

.rsf-sanctuary-icon-box i {
	color: #7A1221 !important;
	font-size: 1.4rem;
	transition: transform 0.3s ease;
}

/* Typography Overrides */
.rsf-sanctuary-card-force-white-title {
	font-family: 'Marcellus', serif !important;
	font-size: 1.4rem !important;
	font-weight: 500 !important;
	color: #ffffff !important;
	margin: 0 0 14px 0 !important;
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

.rsf-sanctuary-card-force-white-text {
	font-size: 0.9rem !important;
	color: #f2ede4 !important;
	line-height: 1.6 !important;
	margin-bottom: 30px !important;
	flex-grow: 1;
	font-family: 'Plus Jakarta Sans', sans-serif !important;
	opacity: 0.95 !important;
}

/* Action Links */
.rsf-sanctuary-link {
	font-size: 0.85rem;
	font-weight: 700;
	color: #ffffff !important;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-family: 'Plus Jakarta Sans', sans-serif;
	transition: all 0.3s ease;
}

.rsf-sanctuary-link i {
	font-size: 0.8rem;
	color: #D4A33B !important;
	transition: transform 0.3s ease;
}

/* === HOVER EFFECTS === */
.rsf-sanctuary-single-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 25px 55px rgba(122, 18, 33, 0.35),
		inset 0 0 0 1px rgba(214, 163, 59, 0.4) !important;
}

.rsf-sanctuary-single-card:hover .rsf-sanctuary-card-dark-gradient-mesh {
	background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.08) 0%,
    rgba(122, 18, 33, 0.35) 50%,
    rgba(0, 0, 0, 0.75) 100%
);
}

.rsf-sanctuary-single-card:hover .rsf-sanctuary-link {
	color: #D4A33B !important;
}

.rsf-sanctuary-single-card:hover .rsf-sanctuary-link i {
	transform: translateX(6px);
}

/* === RESPONSIVE LAYOUT MATRIX === */
@media (max-width: 1024px) {
	.rsf-sanctuary-cards-container {
		grid-template-columns: repeat(2, 1fr);
		gap: 25px;
	}
}

@media (max-width: 768px) {
	.rsf-sanctuary-section-wrapper {
		background-attachment: scroll;
		padding: 80px 4%;
	}

	.rsf-sanctuary-cards-container {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	.rsf-sanctuary-main-title {
		font-size: 2.1rem;
	}

	.rsf-sanctuary-single-card {
		min-height: auto;
		padding: 35px 25px;
	}
}

/* ---------- SECTION 1: TOP SECTION ---------- */
.portal-vertical-section-top {
	background-color: var(--cream-bg);
	padding: 90px 0 140px 0;
	position: relative;
}

/* Section Divider Wave Geometry */
.section-wave-divider {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 90px;
	overflow: hidden;
	line-height: 0;
}

.section-wave-divider svg {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}

/* ---------- SECTION 2: BOTTOM SECTION (50-50 MERGED LOOK) ---------- */
.portal-vertical-section-bottom {
	background-color: #fffdfa;
	/* Layered subtle change */
	padding: 80px 0 100px 0;
}

/* ---------- UNIVERSAL FLUID CARDS ---------- */
.portal-fluid-card {
	background: #ffffff;
	border: 1px solid rgba(181, 120, 14, 0.15);
	border-radius: 12px;
	padding: 40px;
	box-shadow: 0 10px 35px rgba(107, 29, 29, 0.02);
	display: flex;
	flex-direction: column;
	transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.4s ease, border-color 0.3s ease;
}

.portal-fluid-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 18px 45px rgba(107, 29, 29, 0.07);
	border-color: var(--gold);
}

/* Entry Animation Logic */
.animate-slide-up {
	animation: slideUpIn 0.75s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

.delay-1 {
	animation-delay: 0.15s;
}

@keyframes slideUpIn {
	from {
		opacity: 0;
		transform: translateY(30px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Typography Elements */
.portal-eyebrow {
	display: block;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--gold);
	margin-bottom: 6px;
}

.text-gold-light {
	color: #dcb36c;
}

.portal-title {
	font-family: 'Playfair Display', serif;
	font-size: 1.95rem;
	font-weight: 700;
	color: var(--maroon);
}

.portal-sub-title {
	font-family: 'Playfair Display', serif;
	font-size: 1.65rem;
	font-weight: 700;
	color: var(--maroon);
}

/* Traditional Lotus Mini Divider Design */
.lotus-mini-divider {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 10px 0 0 0;
}

.lotus-mini-divider .l-line {
	height: 1px;
	width: 45px;
	background: linear-gradient(to right, var(--gold), transparent);
}

.lotus-mini-divider .l-line:last-child {
	background: linear-gradient(to left, var(--gold), transparent);
}

.lotus-mini-divider .l-gem {
	color: var(--gold);
	font-size: 0.8rem;
}

/* ---------- LEADERSHIP MATRIX GRID ROWS WITH CHOICE A IMAGE SUPPORT ---------- */
.management-interactive-grid {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.member-row-card {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 12px 20px;
	background: #fffdf9;
	border: 1px solid rgba(181, 120, 14, 0.08);
	border-radius: 8px;
	transition: all 0.25s ease;
}

.member-row-card:hover {
	background: #ffffff;
	border-color: var(--gold);
	transform: translateX(5px);
	box-shadow: 0 4px 15px rgba(181, 120, 14, 0.06);
}

/* Premium Image Circle Outer Ring (Choice A) */
.member-avatar-image-wrap {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	overflow: hidden;
	border: 2px solid var(--maroon);
	background-color: #eee;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* Image Fit Logic to prevent distortion */
.member-img-fluid {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* Hover glow interaction for image frames */
.member-row-card:hover .member-avatar-image-wrap {
	border-color: var(--gold);
	transform: scale(1.08);
	box-shadow: 0 0 0 5px rgba(181, 120, 14, 0.15);
}

.member-name {
	display: block;
	font-weight: 600;
	font-size: 0.98rem;
	color: var(--text-dark);
}

.member-role {
	display: block;
	font-size: 0.8rem;
	color: #777777;
}

/* ---------- RIGHT SIDE DARK LOOK PANEL ---------- */
.layout-dark-panel {
	background: linear-gradient(145deg, #421111 0%, #220505 100%);
	border: none;
}

.contact-pitch {
	font-size: 0.9rem;
	line-height: 1.6;
	color: rgba(255, 255, 255, 0.7);
}

.contact-links-stack {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.vertical-contact-strip {
	display: flex;
	align-items: center;
	gap: 15px;
	padding: 14px 18px;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	text-decoration: none;
	transition: all 0.25s ease;
}

.vertical-contact-strip:hover {
	background: rgba(255, 255, 255, 0.09);
	border-color: var(--gold);
	transform: translateY(-2px);
}

.strip-icon {
	font-size: 1.25rem;
}

.strip-txt label {
	display: block;
	font-size: 0.7rem;
	text-transform: uppercase;
	color: #dcb36c;
	font-weight: 600;
	margin: 0;
}

.strip-txt span {
	font-size: 0.88rem;
	color: #ffffff;
	font-weight: 500;
}

/* Fixed Inner Address Widget */
.address-animated-widget {
	background: rgba(181, 120, 14, 0.08);
	border-left: 3px solid var(--gold);
	padding: 15px 18px;
	border-radius: 4px;
	margin-top: 25px;
}

.widget-sublabel {
	display: block;
	font-size: 0.75rem;
	text-transform: uppercase;
	font-weight: 700;
	color: var(--gold);
	margin-bottom: 5px;
}

.address-details {
	font-size: 0.86rem;
	color: rgba(255, 255, 255, 0.85);
	margin-bottom: 0;
	line-height: 1.5;
}

/* ---------- SECTION 2: THE APPEAL DESIGN WITH ANIMATIONS ---------- */
.appeal-split-card {
	border-top: 4px solid var(--gold);
}

.appeal-split-card:hover {
	border-top-color: var(--maroon);
}

.appeal-pulse-avatar {
	width: 58px;
	height: 58px;
	background: rgba(181, 120, 14, 0.12);
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 1.6rem;
	box-shadow: 0 0 0 0 rgba(181, 120, 14, 0.4);
	animation: slowPulse 2.2s infinite ease-in-out;
}

@keyframes slowPulse {
	0% {
		transform: scale(1);
		box-shadow: 0 0 0 0 rgba(181, 120, 14, 0.3);
	}

	50% {
		transform: scale(1.06);
		box-shadow: 0 0 0 10px rgba(181, 120, 14, 0);
	}

	100% {
		transform: scale(1);
		box-shadow: 0 0 0 0 rgba(181, 120, 14, 0);
	}
}

.appeal-editorial-text {
	font-family: 'Playfair Display', serif;
	font-style: italic;
	font-size: 1.15rem;
	color: var(--maroon);
	line-height: 1.65;
	font-weight: 600;
}

.appeal-sub-text {
	font-size: 0.92rem;
	color: #555555;
	line-height: 1.7;
	margin-bottom: 0;
}

/* ---------- BANK DETAILS INTERACTIVE LAYOUT ---------- */
.banking-wide-card {
	background: #ffffff;
	border: 1px solid #ebdcb9;
	border-top: 4px solid var(--maroon);
}

.banking-wide-card:hover {
	border-color: var(--gold);
}

.text-maroon {
	color: var(--maroon);
}

.font-playfair {
	font-family: 'Playfair Display', serif;
}

.bank-icon-badge {
	font-size: 1.5rem;
}

.bank-data-vertical-stack {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.bank-meta-item {
	padding: 10px 0;
	border-bottom: 1px dashed rgba(181, 120, 14, 0.15);
	transition: all 0.2s ease;
}

.bank-meta-item:last-child {
	border-bottom: none;
}

/* Click to Copy Interactive Row Styles */
.interact-copy-row {
	cursor: pointer;
	position: relative;
}

.interact-copy-row:hover {
	background: rgba(181, 120, 14, 0.03);
	padding-left: 5px;
}

.action-hint-tag {
	font-size: 0.65rem;
	background: var(--gold);
	color: #ffffff;
	padding: 1px 6px;
	border-radius: 3px;
	opacity: 0;
	transform: translateY(3px);
	transition: all 0.2s ease;
	text-transform: uppercase;
	font-weight: bold;
}

.interact-copy-row:hover .action-hint-tag {
	opacity: 1;
	transform: translateY(0);
}

.bank-meta-item label {
	display: block;
	font-size: 0.72rem;
	text-transform: uppercase;
	color: #777777;
	font-weight: 700;
	margin-bottom: 3px;
	letter-spacing: 0.05em;
}

.bank-meta-item .meta-val {
	font-size: 0.95rem;
	color: #333333;
}

.copy-code-tag {
	font-family: monospace;
	font-size: 0.95rem;
	background: #fdf8ee;
	padding: 3px 10px;
	border: 1px solid #ebdcb9;
	border-radius: 4px;
	color: #000000;
	font-weight: bold;
	display: inline-block;
	transition: all 0.2s ease;
}

.interact-copy-row:hover .copy-code-tag {
	border-color: var(--maroon);
	background: #fffdf7;
}

/* ---------- PARALLAX SCROLLING BANNER ---------- */
.parallax-donate-section {
	position: relative;
	background-image: url(https://images.unsplash.com/photo-1548013146-72479768bada?q=80&w=1600);
	background-attachment: fixed;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 120px 0;
	min-height: 450px;
	display: flex;
	align-items: center;
	overflow: hidden;
}

.parallax-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, rgba(34, 5, 5, 0.82) 0%, rgba(107, 29, 29, 0.75) 100%);
	z-index: 1;
}

.parallax-content-box {
	position: relative;
	z-index: 2;
	color: #ffffff;
}

.parallax-eyebrow {
	display: block;
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.25em;
	text-transform: uppercase;
	color: #ebdcb9;
	margin-bottom: 10px;
}

.parallax-heading {
	font-family: 'Playfair Display', serif;
	font-size: 3rem;
	font-weight: 700;
	color: #ffffff;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
	margin-bottom: 5px;
}

.lotus-gold-divider {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	margin: 15px 0 25px 0;
}

.lotus-gold-divider .l-line {
	height: 1px;
	width: 60px;
	background: linear-gradient(to right, transparent, #b5780e, transparent);
}

.lotus-gold-divider .l-gem {
	color: #ebdcb9;
	font-size: 0.9rem;
}

.parallax-paragraph {
	font-size: 1.05rem;
	line-height: 1.75;
	color: rgba(255, 255, 255, 0.9);
	max-width: 750px;
	margin: 0 auto 35px auto;
	font-weight: 400;
	text-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

.btn-parallax-donate {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	background-color: #b5780e;
	color: #ffffff;
	text-decoration: none;
	padding: 14px 32px;
	border-radius: 30px;
	font-weight: 600;
	font-size: 0.95rem;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	box-shadow: 0 5px 20px rgba(181, 120, 14, 0.3);
	transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.btn-parallax-donate:hover {
	background-color: #ffffff;
	color: #6b1d1d;
	transform: translateY(-3px);
	box-shadow: 0 8px 25px rgba(255, 255, 255, 0.25);
}

.btn-parallax-donate .btn-icon {
	transition: transform 0.3s ease;
}

.btn-parallax-donate:hover .btn-icon {
	transform: rotate(15deg) scale(1.1);
}

/* ---------- RESPONSIVE MEDIA HOOKS ---------- */
@media(max-width: 991.98px) {
	.portal-vertical-section-top {
		padding-bottom: 100px;
	}
}

@media(max-width: 767.98px) {
	.portal-vertical-section-bottom {
		padding: 50px 0;
	}

	.portal-fluid-card {
		padding: 30px 20px;
	}

	.appeal-editorial-text {
		font-size: 1rem;
	}

	.portal-title {
		font-size: 1.6rem;
	}

	.portal-sub-title {
		font-size: 1.45rem;
	}

	.parallax-donate-section {
		padding: 80px 0;
		background-attachment: scroll;
	}

	.parallax-heading {
		font-size: 2.2rem;
	}

	.parallax-paragraph {
		font-size: 0.95rem;
		line-height: 1.65;
	}
}

/* ---------- PARALLAX SCROLLING BANNER ---------- */
.parallax-donate-section {
	position: relative;
	/* Yahan aap apni pasand ki koi bhi scrolling image ka URL daal sakte hain */
	background-image: url('https://images.unsplash.com/photo-1518241353330-0f7941c2d9b5?q=80&w=1600');

	/* Yeh properties background ko ek jagah fix karke smooth scrolling effect deti hain */
	background-attachment: fixed;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;

	padding: 120px 0;
	min-height: 450px;
	display: flex;
	align-items: center;
	overflow: hidden;
}

.parallax-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* Maroon aur Dark overlay jo text ko clear dikhayega */
	background: linear-gradient(135deg, rgba(34, 5, 5, 0.85) 0%, rgba(107, 29, 29, 0.78) 100%);
	z-index: 1;
}

.parallax-content-box {
	position: relative;
	z-index: 2;
	color: #ffffff;
}

.parallax-eyebrow {
	display: block;
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.25em;
	text-transform: uppercase;
	color: #ebdcb9;
	margin-bottom: 10px;
}

.parallax-heading {
	font-family: 'Playfair Display', serif;
	font-size: 3rem;
	font-weight: 700;
	color: #ffffff;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
	margin-bottom: 5px;
}

.lotus-gold-divider {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	margin: 15px 0 25px 0;
}

.lotus-gold-divider .l-line {
	height: 1px;
	width: 60px;
	background: linear-gradient(to right, transparent, #b5780e, transparent);
}

.lotus-gold-divider .l-gem {
	color: #ebdcb9;
	font-size: 0.9rem;
}

.parallax-paragraph {
	font-size: 1.05rem;
	line-height: 1.75;
	color: rgba(255, 255, 255, 0.9);
	max-width: 750px;
	margin: 0 auto 35px auto;
	font-weight: 400;
	text-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

.btn-parallax-donate {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	background-color: #b5780e;
	color: #ffffff;
	text-decoration: none;
	padding: 14px 32px;
	border-radius: 30px;
	font-weight: 600;
	font-size: 0.95rem;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	box-shadow: 0 5px 20px rgba(181, 120, 14, 0.3);
	transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.btn-parallax-donate:hover {
	background-color: #ffffff;
	color: #6b1d1d;
	transform: translateY(-3px);
	box-shadow: 0 8px 25px rgba(255, 255, 255, 0.25);
}

.btn-parallax-donate .btn-icon {
	transition: transform 0.3s ease;
}

.btn-parallax-donate:hover .btn-icon {
	transform: rotate(15deg) scale(1.1);
}

/* Main Section Wrapper */
.hospital-section {
	position: relative;
	padding: 80px 20px;
	background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
	color: #2d3748;
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.container {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	z-index: 10;
	position: relative;
}

/* --- Floating Background Animations --- */
.bg-circle {
	position: absolute;
	border-radius: 50%;
	filter: blur(80px);
	z-index: 1;
	opacity: 0.08;
	animation: floatAnimation 8s infinite alternate ease-in-out;
}

.circle-1 {
	width: 400px;
	height: 400px;
	background: #800020;
	/* Maroon */
	top: -10%;
	left: -10%;
}

.circle-2 {
	width: 500px;
	height: 500px;
	background: #d4af37;
	/* Golden */
	bottom: -10%;
	right: -10%;
	animation-delay: 2s;
}

.circle-3 {
	width: 300px;
	height: 300px;
	background: #800020;
	top: 40%;
	left: 50%;
	animation-delay: 4s;
}

@keyframes floatAnimation {
	0% {
		transform: translateY(0) scale(1);
	}

	100% {
		transform: translateY(40px) scale(1.1);
	}
}

/* --- Header & Intro Elements --- */
.hospital-header {
	text-align: center;
	margin-bottom: 60px;
	animation: fadeInUp 1s ease-out;
}

.badge {
	background: linear-gradient(90deg, #800020, #a31d3d);
	padding: 6px 16px;
	border-radius: 50px;
	font-size: 0.85rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	display: inline-block;
	margin-bottom: 20px;
	color: #ffffff;
	box-shadow: 0 4px 15px rgba(128, 0, 32, 0.2);
}

.hospital-header h1 {
    font-size: 3rem;
    font-weight: 700;
    background: linear-gradient(to right, #800020, #4a0012);

    /* Standard */
    background-clip: text;
    color: transparent;

    /* Webkit Support */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    margin-bottom: 20px;
}

.intro-text {
	font-size: 1.1rem;
	line-height: 1.8;
	color: #4a5568;
	max-width: 850px;
	margin: 0 auto 35px auto;
}

/* Info Tags / Badges Style */
.meta-info {
	display: flex;
	justify-content: center;
	gap: 20px;
	flex-wrap: wrap;
	margin-bottom: 40px;
}

.info-tag {
	background: rgba(128, 0, 32, 0.03);
	backdrop-filter: blur(10px);
	border: 1px solid rgba(128, 0, 32, 0.1);
	padding: 12px 24px;
	border-radius: 12px;
	display: flex;
	align-items: center;
	gap: 10px;
	transition: all 0.3s ease;
	color: #4a5568;
}

.info-tag i {
	color: #800020;
	font-size: 1.2rem;
}

.info-tag.project-status {
	border-color: rgba(212, 175, 55, 0.4);
	background: rgba(212, 175, 55, 0.08);
	color: #b89014;
}

.info-tag.project-status i {
	color: #b89014;
}

.info-tag:hover {
	transform: translateY(-5px);
	background: #ffffff;
	border-color: #d4af37;
	/* Golden Hover Border */
	box-shadow: 0 10px 20px rgba(212, 175, 55, 0.15);
}

/* Main Institute Title Box */
.main-title-box {
	background: rgba(128, 0, 32, 0.03);
	border-left: 5px solid #800020;
	padding: 20px;
	border-radius: 0 16px 16px 0;
	display: inline-block;
	max-width: 90%;
	margin-top: 10px;
	box-shadow: 0 8px 32px rgba(128, 0, 32, 0.05);
	animation: pulseGlow 3s infinite alternate;
}

.main-title-box h3 {
	font-size: 1rem;
	color: #800020;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.main-title-box h2 {
	font-size: 1.8rem;
	color: #2d3748;
	margin-top: 5px;
}

@keyframes pulseGlow {
	0% {
		box-shadow: 0 8px 32px rgba(128, 0, 32, 0.05);
	}

	100% {
		box-shadow: 0 8px 32px rgba(212, 175, 55, 0.2);
	}
}

/* --- Facilities Section Heading --- */
.facilities-heading {
	font-size: 2rem;
	margin-bottom: 30px;
	display: flex;
	align-items: center;
	gap: 15px;
	border-bottom: 2px solid rgba(128, 0, 32, 0.1);
	padding-bottom: 15px;
	animation: fadeInUp 1.2s ease-out;
	color: #800020;
}

.facilities-heading i {
	color: #d4af37;
}

/* --- Facilities Dynamic Grid --- */
.facilities-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
	gap: 25px;
	perspective: 1000px;
}

/* Individual Glassmorphic Cards */
.facility-card {
	background: #ffffff;
	backdrop-filter: blur(12px);
	border: 1px solid rgba(128, 0, 32, 0.08);
	border-radius: 20px;
	padding: 30px;
	position: relative;
	transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	cursor: pointer;
	overflow: hidden;
	animation: fadeInUp 1.5s ease-out;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
}

/* Card Hover Effects */
.facility-card:hover {
	transform: translateY(-12px) scale(1.02);
	background: #ffffff;
	border-color: #d4af37;
	/* Golden hover */
	box-shadow: 0 20px 40px rgba(128, 0, 32, 0.05), 0 0 25px rgba(212, 175, 55, 0.2);
}

/* Card Shine Overlay Effect */
.facility-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 50%;
	height: 100%;
	background: linear-gradient(to right, transparent, rgba(212, 175, 55, 0.05), transparent);
	transition: 0.5s;
}

.facility-card:hover::before {
	left: 150%;
}

/* Card Icons with pulse micro-animation */
.card-icon {
	width: 60px;
	height: 60px;
	background: rgba(128, 0, 32, 0.05);
	border-radius: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.6rem;
	color: #800020;
	margin-bottom: 20px;
	transition: all 0.3s ease;
}

.facility-card:hover .card-icon {
	background: #d4af37;
	/* Golden background on hover */
	color: #fff;
	transform: rotate(15deg);
}

.facility-card h3 {
	font-size: 1.3rem;
	font-weight: 600;
	margin-bottom: 12px;
	color: #2d3748;
}

.facility-card p {
	font-size: 0.95rem;
	color: #718096;
	line-height: 1.6;
}

/* Special Inner Card Badges */
.card-badge {
	position: absolute;
	top: 20px;
	right: 20px;
	background: rgba(128, 0, 32, 0.05);
	color: #800020;
	padding: 4px 12px;
	border-radius: 30px;
	font-size: 0.75rem;
	font-weight: 600;
	border: 1px solid rgba(128, 0, 32, 0.15);
}

.card-badge.premium {
	background: rgba(212, 175, 55, 0.1);
	color: #b89014;
	border-color: rgba(212, 175, 55, 0.3);
}

/* Highlighted Big Card Style */
.feature-highlight {
	grid-column: span 1;
	border: 1px solid rgba(128, 0, 32, 0.15);
	background: linear-gradient(145deg, #ffffff 0%, rgba(128, 0, 32, 0.02) 100%);
}

.feature-highlight .card-icon {
	color: #800020;
	background: rgba(128, 0, 32, 0.08);
}

.feature-highlight:hover {
	border-color: #d4af37;
	box-shadow: 0 20px 40px rgba(128, 0, 32, 0.05), 0 0 25px rgba(212, 175, 55, 0.25);
}

/* --- Entry Animations Keyframes --- */
@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(40px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* --- Responsive Adjustments --- */
@media (max-width: 768px) {
	.hospital-header h1 {
		font-size: 2.2rem;
	}

	.intro-text {
		font-size: 1rem;
	}

	.meta-info {
		flex-direction: column;
		align-items: center;
	}

	.info-tag {
		width: 100%;
		max-width: 350px;
		justify-content: center;
	}

	.facilities-grid {
		grid-template-columns: 1fr;
	}
}

/*neww css of hospital*/
/* Master Wrapper */
.hp-section {
	position: relative;
	padding: 100px 20px;
	background: #ffffff;
	/* Absolute Clean White */
	color: #2d3748;
	/* Dark Charcoal Text */
	min-height: 100vh;
	overflow: hidden;
	margin-top: -70px;
}

.hp-container {
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
	z-index: 5;
}

/* --- Dynamic Background Matrix & Animations --- */
.hp-grid-lines {
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(rgba(128, 0, 32, 0.02) 1px, transparent 1px),
		linear-gradient(90deg, rgba(128, 0, 32, 0.02) 1px, transparent 1px);
	background-size: 40px 40px;
	z-index: 1;
	pointer-events: none;
	opacity: 0.7;
}

.hp-orb {
	position: absolute;
	border-radius: 50%;
	filter: blur(140px);
	z-index: 2;
	opacity: 0.07;
	/* Softest opacity for elegant premium feel */
	animation: dynamicOrbMovement 15s infinite alternate ease-in-out;
}

.orb-1 {
	width: 500px;
	height: 500px;
	background: #800020;
	top: -10%;
	left: -10%;
}

/* Maroon */
.orb-2 {
	width: 600px;
	height: 600px;
	background: #d4af37;
	bottom: -10%;
	right: -10%;
	animation-delay: -4s;
}

/* Golden */
.orb-3 {
	width: 350px;
	height: 350px;
	background: #800020;
	top: 40%;
	left: 40%;
	animation-delay: -8s;
}

@keyframes dynamicOrbMovement {
	0% {
		transform: scale(1) translate(0px, 0px);
	}

	50% {
		transform: scale(1.2) translate(50px, -60px);
	}

	100% {
		transform: scale(0.9) translate(-30px, 40px);
	}
}

/* --- Hero Header Block Animations --- */
.hp-header {
	text-align: center;
	max-width: 800px;
	margin: 0 auto 60px auto;
	animation: fadeInUp 1s cubic-bezier(0.16, 1, 0.3, 1);
}

.hp-badge {
	background: rgba(128, 0, 32, 0.06);
	border: 1px solid rgba(128, 0, 32, 0.15);
	color: #800020;
	/* Maroon text */
	padding: 6px 18px;
	border-radius: 50px;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 0.85rem;
	font-weight: 600;
	letter-spacing: 0.5px;
	margin-bottom: 24px;
	box-shadow: 0 4px 15px rgba(128, 0, 32, 0.05);
}

.hp-sub {
	display: block;
	font-family: 'Quicksand', sans-serif;
	color: #d4af37;
	/* Premium Golden Subheading */
	font-size: 1.1rem;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-bottom: 8px;
}

.hp-main-title {
    font-size: 3.5rem;
    font-weight: 800;
    background: linear-gradient(135deg, #800020 30%, #4a0012 100%);

    /* fallback */
    color: #800020;

    /* standard */
    background-clip: text;
    color: transparent;

    /* webkit */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    margin-bottom: 25px;
}

/* Floating Institute Box */
.hp-institute-card {
	background: linear-gradient(135deg, #ffffff, #fffcf7);
	border: 1px solid rgba(128, 0, 32, 0.08);
	border-left: 4px solid #800020;
	/* Maroon accent line */
	padding: 20px 40px;
	border-radius: 4px 20px 20px 4px;
	display: inline-block;
	margin-bottom: 30px;
	box-shadow: 0 15px 35px rgba(128, 0, 32, 0.04);
	animation: floatingGlowCard 4s infinite alternate ease-in-out;
}

.hp-institute-card h3 {
	font-size: 0.75rem;
	letter-spacing: 3px;
	color: #718096;
	margin-bottom: 4px;
}

.hp-institute-card h2 {
	font-size: 1.6rem;
	font-weight: 700;
	color: #800020;
	/* Maroon Title */
}

@keyframes floatingGlowCard {
	0% {
		transform: translateY(0);
		box-shadow: 0 15px 35px rgba(128, 0, 32, 0.04);
	}

	100% {
		transform: translateY(-8px);
		box-shadow: 0 20px 40px rgba(128, 0, 32, 0.08), 0 0 15px rgba(212, 175, 55, 0.1);
	}
}

.hp-intro {
	font-size: 1.1rem;
	line-height: 1.8;
	color: #4a5568;
}

/* --- Stats Grid Area --- */
.hp-stats-grid {
	display: flex;
	justify-content: center;
	gap: 30px;
	margin-bottom: 70px;
}

.hp-stat-card {
	background: #ffffff;
	border: 1px solid rgba(128, 0, 32, 0.06);
	backdrop-filter: blur(10px);
	padding: 20px 35px;
	border-radius: 16px;
	display: flex;
	align-items: center;
	gap: 20px;
	min-width: 280px;
	transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.01);
	animation: fadeInUp 1.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.hp-stat-card:hover {
	transform: translateY(-5px);
	background: #ffffff;
	border-color: #d4af37;
	/* Golden Border on hover */
	box-shadow: 0 15px 30px rgba(212, 175, 55, 0.15);
}

.stat-icon {
	font-size: 2rem;
	color: #800020;
	/* Maroon Stat Icons */
}

.stat-info span {
	display: block;
	font-size: 0.75rem;
	color: #718096;
	letter-spacing: 1.5px;
}

.stat-info strong {
	font-size: 1.2rem;
	color: #2d3748;
}

/* --- Dynamic Divider --- */
.hp-section-divider {
	text-align: left;
	margin-bottom: 35px;
	border-bottom: 1px solid rgba(128, 0, 32, 0.12);
	padding-bottom: 15px;
	animation: fadeInUp 1.4s ease-out;
}

.hp-section-divider span {
	font-family: 'Quicksand', sans-serif;
	font-size: 1.8rem;
	font-weight: 700;
	color: #800020;
	/* Maroon Header */
	display: flex;
	align-items: center;
	gap: 12px;
}

.hp-section-divider span i {
	color: #d4af37;
}

/* Golden Accent Icon */

/* --- Center Facilities Grid & Hover Waves --- */
.hp-facilities-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
	gap: 30px;
	margin-bottom: 70px;
}

.hp-facility-item {
	background: #ffffff;
	border: 1px solid rgba(128, 0, 32, 0.06);
	padding: 35px;
	border-radius: 24px;
	position: relative;
	overflow: hidden;
	transition: all 0.4s ease;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.01);
	animation: fadeInUp 1.6s cubic-bezier(0.16, 1, 0.3, 1);
	cursor: pointer;
}

.item-glow {
	position: absolute;
	width: 120px;
	height: 120px;
	background: radial-gradient(circle, rgba(212, 175, 55, 0.06) 0%, transparent 70%);
	top: -60px;
	right: -60px;
	transition: all 0.5s ease;
}

.facility-icon {
	width: 55px;
	height: 55px;
	background: rgba(128, 0, 32, 0.03);
	border: 1px solid rgba(128, 0, 32, 0.06);
	border-radius: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.5rem;
	color: #800020;
	/* Maroon Icons */
	margin-bottom: 25px;
	transition: all 0.4s ease;
}

.hp-facility-item h3 {
	font-size: 1.3rem;
	font-weight: 600;
	margin-bottom: 12px;
	color: #2d3748;
}

.hp-facility-item p {
	font-size: 0.95rem;
	color: #4a5568;
	line-height: 1.6;
	transition: color 0.3s ease;
}

.facility-tag {
	position: absolute;
	top: 25px;
	right: 25px;
	font-size: 0.7rem;
	font-weight: 700;
	text-transform: uppercase;
	background: rgba(128, 0, 32, 0.06);
	color: #800020;
	padding: 4px 12px;
	border-radius: 30px;
	border: 1px solid rgba(128, 0, 32, 0.12);
}

/* Active Facility Hover Micro-Animations */
.hp-facility-item:hover {
	transform: translateY(-10px);
	background: #ffffff;
	border-color: #d4af37;
	/* Golden border on hover */
	box-shadow: 0 25px 50px rgba(128, 0, 32, 0.05), 0 0 20px rgba(212, 175, 55, 0.1);
}

.hp-facility-item:hover .facility-icon {
	background: #d4af37;
	/* Golden Background on hover */
	color: #ffffff;
	transform: scale(1.1) rotate(8deg);
	box-shadow: 0 10px 20px rgba(212, 175, 55, 0.2);
}

.hp-facility-item:hover p {
	color: #1a202c;
}

.hp-facility-item:hover .item-glow {
	transform: scale(2.5);
}

/* Premium Highlight Specific Card */
.premium-highlight {
	background: linear-gradient(145deg, #ffffff 0%, rgba(212, 175, 55, 0.02) 100%);
	border-color: rgba(212, 175, 55, 0.2);
}

.premium-highlight .facility-icon {
	color: #d4af37;
	background: rgba(212, 175, 55, 0.05);
}

.premium-highlight .facility-tag.core {
	background: rgba(212, 175, 55, 0.08);
	color: #b89014;
	border-color: rgba(212, 175, 55, 0.2);
}

.premium-highlight:hover {
	border-color: #800020;
	/* Swapped to maroon accent on hover for premium contrast */
	box-shadow: 0 25px 50px rgba(128, 0, 32, 0.05), 0 0 30px rgba(128, 0, 32, 0.08);
}

.premium-highlight:hover .facility-icon {
	background: #800020;
	color: #fff;
	box-shadow: 0 10px 20px rgba(128, 0, 32, 0.2);
}

/* --- Core Keyframe Animations Setup --- */
@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(50px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* --- Responsive Adjustments --- */
@media (max-width: 768px) {
	.hp-main-title {
		font-size: 2.3rem;
	}

	.hp-stats-grid {
		flex-direction: column;
		align-items: center;
	}

	.hp-stat-card {
		width: 100%;
		max-width: 400px;
	}

	.hp-facilities-grid {
		grid-template-columns: 1fr;
	}
}

/* ==========================================================================
   Bento Section - Light Premium Vibe
   ========================================================================== */
.hp-bento-section {
	position: relative;
	padding: 100px 20px;
	background-color: #f1f5f9;
	/* Soft Light Gray Slate */
	min-height: 100vh;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* --- Background Orbs --- */
.hp-bg-shape {
	position: absolute;
	border-radius: 50%;
	filter: blur(120px);
	z-index: 1;
	opacity: 0.4;
	animation: floatOrbs 12s infinite alternate ease-in-out;
}

.shape-blue {
	width: 500px;
	height: 500px;
	background: #bfdbfe;
	top: -10%;
	left: -5%;
}

.shape-gold {
	width: 400px;
	height: 400px;
	background: #fef3c7;
	bottom: -5%;
	right: -10%;
	animation-delay: -5s;
}

.shape-emerald {
	width: 350px;
	height: 350px;
	background: #d1fae5;
	top: 30%;
	right: 20%;
	animation-delay: -8s;
}

@keyframes floatOrbs {
	0% {
		transform: translate(0, 0) scale(1);
	}

	100% {
		transform: translate(60px, 80px) scale(1.1);
	}
}

/* --- Bento Grid Layout --- */
.hp-bento-container {
	position: relative;
	z-index: 10;
	max-width: 1200px;
	width: 100%;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-auto-rows: minmax(180px, auto);
	gap: 24px;
}

/* --- Glassmorphism Light Styles --- */
.hp-glass-box {
	background: rgba(255, 255, 255, 0.75);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	border: 1px solid rgba(15, 23, 42, 0.08);
	border-radius: 28px;
	padding: 35px;
	color: #1e293b;
	position: relative;
	overflow: hidden;
	transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease;
	box-shadow: 0 10px 30px rgba(15, 23, 42, 0.03);
	animation: cardEntrance 1s cubic-bezier(0.2, 0.8, 0.2, 1) backwards;
}

.hp-glass-box:hover {
	transform: translateY(-8px);
	border-color: rgba(15, 23, 42, 0.15);
	box-shadow: 0 20px 40px rgba(15, 23, 42, 0.08);
}

/* Glass Shine Effect on Hover */
.glass-shine {
	position: absolute;
	top: 0;
	left: -100%;
	width: 50%;
	height: 100%;
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);
	transform: skewX(-20deg);
	transition: left 0.7s ease;
}

.hp-glass-box:hover .glass-shine {
	left: 150%;
}

/* --- Grid Positioning --- */
.bento-hero {
	grid-column: span 2;
	grid-row: span 2;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background: linear-gradient(135deg, #ffffff, rgba(59, 130, 246, 0.03));
}

.bento-stat {
	grid-column: span 1;
	grid-row: span 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 15px;
	background: #ffffff;
	animation-delay: 0.2s;
}

.bento-future {
	grid-column: span 2;
	grid-row: span 2;
	background: linear-gradient(135deg, rgba(217, 119, 6, 0.03), #ffffff);
	border-top: 3px solid rgba(217, 119, 6, 0.4);
	animation-delay: 0.4s;
}

.bento-facilities {
	grid-column: span 2;
	grid-row: span 3;
	background: #ffffff;
	animation-delay: 0.6s;
}

/* --- Inner Elements Styling --- */
.hp-status {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: rgba(5, 150, 105, 0.08);
	color: #047857;
	padding: 6px 16px;
	border-radius: 30px;
	font-size: 0.85rem;
	font-weight: 600;
	width: fit-content;
	margin-bottom: 25px;
	border: 1px solid rgba(5, 150, 105, 0.2);
}

.live-dot {
	width: 8px;
	height: 8px;
	background: #059669;
	border-radius: 50%;
	animation: pulseDot 1.5s infinite;
}

@keyframes pulseDot {
	0% {
		box-shadow: 0 0 0 0 rgba(5, 150, 105, 0.4);
	}

	70% {
		box-shadow: 0 0 0 10px rgba(5, 150, 105, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(5, 150, 105, 0);
	}
}

.hp-title {
    font-size: 2.8rem;
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 20px;
    background: linear-gradient(to right, #0f172a, #1d4ed8);

    /* fallback */
    color: #0f172a;

    /* standard */
    background-clip: text;
    color: transparent;

    /* webkit */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.hp-desc {
	font-size: 1.05rem;
	color: #475569;
	line-height: 1.7;
}

/* Stats Cards */
.stat-icon-glow {
	font-size: 2.5rem;
	color: #0284c7;
	filter: drop-shadow(0 2px 8px rgba(2, 132, 199, 0.2));
}

.bento-stat h4 {
	font-size: 0.9rem;
	color: #64748b;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 5px;
}

.bento-stat h3 {
	font-size: 1.5rem;
	font-weight: 600;
	color: #0f172a;
}

/* Future Plans Card */
.future-badge {
	color: #b45309;
	font-size: 0.85rem;
	font-weight: 600;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	gap: 8px;
}

.bento-future h2 {
	font-size: 1.8rem;
	margin-bottom: 15px;
	color: #0f172a;
}

.bento-future p {
	color: #475569;
	line-height: 1.8;
	font-size: 15px;
}

/* Facilities List */
.bento-facilities h3 {
	font-size: 1.5rem;
	margin-bottom: 25px;
	color: #0f172a;
	display: flex;
	align-items: center;
	gap: 12px;
}

.bento-facilities h3 i {
	color: #059669;
}

.facilities-list {
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.bento-support {
	grid-column: span 2;
	grid-row: span 2;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background: linear-gradient(135deg, rgba(2, 132, 199, 0.04), #ffffff);
	border-top: 3px solid rgba(2, 132, 199, 0.4);
	animation-delay: 0.8s;
}

.support-badge {
	color: #0369a1;
	font-size: 0.85rem;
	font-weight: 600;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	gap: 8px;
}

.bento-support h2 {
	font-size: 1.8rem;
	margin-bottom: 15px;
	color: #0f172a;
}

.bento-support p {
	color: #475569;
	line-height: 1.8;
	margin-bottom: 25px;
}

.support-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	background: #0284c7;
	color: #fff;
	padding: 12px 28px;
	border-radius: 14px;
	font-weight: 600;
	font-size: 0.95rem;
	text-decoration: none;
	width: fit-content;
	transition: all 0.3s ease;
}

.support-btn:hover {
	background: #0369a1;
	transform: translateX(4px);
}

.facilities-list li {
	display: flex;
	align-items: center;
	gap: 15px;
	background: #f8fafc;
	padding: 12px 20px;
	border-radius: 16px;
	border: 1px solid rgba(15, 23, 42, 0.05);
	transition: all 0.3s ease;
}

.facilities-list li:hover {
	background: #f1f5f9;
	transform: translateX(10px);
	border-color: rgba(15, 23, 42, 0.1);
}

.fac-icon {
	width: 40px;
	height: 40px;
	background: rgba(15, 23, 42, 0.04);
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #475569;
	font-size: 1.1rem;
}

.facilities-list li span {
	font-size: 1.05rem;
	color: #334155;
}

.special-fac {
	background: linear-gradient(90deg, rgba(5, 150, 105, 0.06), transparent) !important;
	border-left: 3px solid #059669 !important;
}

.special-fac .fac-icon {
	background: #059669;
	color: #fff;
}

/* Entrance Animation */
@keyframes cardEntrance {
	0% {
		opacity: 0;
		transform: translateY(40px) scale(0.95);
	}

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

/* --- Responsive Layout Adjustments --- */
@media (max-width: 1024px) {
	.hp-bento-container {
		grid-template-columns: repeat(2, 1fr);
	}

	.bento-hero,
	.bento-future,
	.bento-facilities {
		grid-column: span 2;
	}

	.bento-stat {
		grid-column: span 1;
	}
}

@media (max-width: 600px) {
	.hp-bento-container {
		grid-template-columns: 1fr;
	}

	.bento-hero,
	.bento-stat,
	.bento-future,
	.bento-facilities {
		grid-column: span 1;
	}

	.hp-title {
		font-size: 2.2rem;
	}
}

@media (max-width: 1024px) {
	.hp-bento-container {
		grid-template-columns: repeat(2, 1fr);
	}

	.bento-hero,
	.bento-future,
	.bento-facilities,
	.bento-support {
		grid-column: span 2;
	}

	.bento-stat {
		grid-column: span 1;
	}
}

@media (max-width: 600px) {
	.hp-bento-container {
		grid-template-columns: 1fr;
	}

	.bento-hero,
	.bento-stat,
	.bento-future,
	.bento-facilities,
	.bento-support {
		grid-column: span 1;
	}

	.hp-title {
		font-size: 2.2rem;
	}
}

/* ==========================================================================
   Cinematic Section - Light Literary Academy Vibe
   ========================================================================== */
.hp-cinematic-section {
	position: relative;
	background-color: #fdfbf7;
	/* Elegant Light Ivory/Stone */
	color: #292524;
	/* Deep Stone Charcoal */
	padding: 120px 20px;
	margin-bottom: -60px;
	min-height: 100vh;
	overflow: hidden;
	font-family: 'Raleway', sans-serif;
}

/* Cinematic Vignette (Soft spotlight for light mode) */
.cinematic-vignette {
	position: absolute;
	inset: 0;
	background: radial-gradient(circle at center, transparent 40%, rgba(212, 163, 89, 0.05) 95%);
	z-index: 1;
	pointer-events: none;
}

/* Faint Blueprint Texture Lines */
.blueprint-texture {
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(rgba(205, 164, 82, 0.05) 1px, transparent 1px),
		linear-gradient(90deg, rgba(205, 164, 82, 0.05) 1px, transparent 1px);
	background-size: 50px 50px;
	z-index: 0;
	opacity: 0.8;
}

.hp-academy-container {
	max-width: 1100px;
	margin: 0 auto;
	position: relative;
	z-index: 10;
}

/* --- Elegant Header --- */
.academy-header {
	text-align: center;
	max-width: 800px;
	margin: 0 auto 60px;
}

.academy-subtitle {
	font-size: 0.9rem;
	text-transform: uppercase;
	letter-spacing: 3px;
	color: #78716c;
	display: block;
	margin-bottom: 15px;
	margin-top: -60px;
}

.academy-title {
	font-family: 'Playfair Display', serif;
	font-size: 3.5rem;
	font-weight: 800;
	color: #1c1917;
	margin-bottom: 10px;
	letter-spacing: 1px;
}

.academy-institute {
	font-family: 'Playfair Display', serif;
	font-size: 2rem;
	font-style: italic;
	color: #b48a42;
	/* Premium Matte Gold */
	margin-bottom: 30px;
}

.academy-intro {
	font-size: 1.1rem;
	line-height: 1.8;
	color: #44403c;
	font-weight: 400;
}

/* --- Geographic Plaque --- */
.academy-geo-plaque {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 40px;
	background: #ffffff;
	border: 1px solid rgba(180, 138, 66, 0.3);
	padding: 25px 50px;
	border-radius: 4px;
	width: fit-content;
	margin: 0 auto 80px;
	box-shadow: 0 10px 30px rgba(180, 138, 66, 0.06), inset 0 0 15px rgba(180, 138, 66, 0.02);
}

.geo-item {
	display: flex;
	align-items: center;
	gap: 15px;
}

.geo-item i {
	font-size: 1.8rem;
	color: #b48a42;
}

.geo-label {
	display: block;
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #87817d;
	margin-bottom: 4px;
}

.geo-value {
	font-family: 'Playfair Display', serif;
	font-size: 1.3rem;
	font-weight: 600;
	color: #292524;
}

.geo-divider {
	width: 1px;
	height: 40px;
	background: rgba(180, 138, 66, 0.3);
}

/* --- Facilities Grid --- */
.academy-facilities-wrapper {
	margin-bottom: 80px;
}

.section-heading {
	font-family: 'Playfair Display', serif;
	font-size: 2rem;
	text-align: center;
	color: #1c1917;
	margin-bottom: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
}

.section-heading i {
	color: #b48a42;
}

.academy-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 25px;
}

/* Elegant Light Academy Cards */
.academy-card {
	position: relative;
	background: #ffffff;
	padding: 40px 30px;
	text-align: center;
	overflow: hidden;
	transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
	border: 1px solid rgba(180, 138, 66, 0.12);
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.01);
}

.card-border {
	position: absolute;
	inset: 5px;
	border: 1px solid rgba(180, 138, 66, 0.15);
	transition: all 0.5s ease;
	pointer-events: none;
}

.card-icon {
	font-size: 2.2rem;
	color: #a8a29e;
	margin-bottom: 20px;
	transition: all 0.5s ease;
}

.academy-card h4 {
	font-family: 'Playfair Display', serif;
	font-size: 1.3rem;
	color: #1c1917;
	margin-bottom: 15px;
	letter-spacing: 0.5px;
}

.academy-card p {
	font-size: 0.95rem;
	line-height: 1.6;
	color: #57534e;
	transition: all 0.5s ease;
}

/* Hover Effects */
.academy-card:hover {
	background: #faf8f5;
	transform: translateY(-5px);
	box-shadow: 0 15px 35px rgba(180, 138, 66, 0.08);
}

.academy-card:hover .card-border {
	inset: 10px;
	border-color: rgba(180, 138, 66, 0.5);
}

.academy-card:hover .card-icon {
	color: #b48a42;
	transform: scale(1.1);
}

.academy-card:hover p {
	color: #292524;
}

/* Special Focus Card */
.highlight-card {
	background: linear-gradient(180deg, #ffffff, rgba(180, 138, 66, 0.03));
}

.highlight-card .card-border {
	border-color: rgba(180, 138, 66, 0.3);
}

.highlight-card .card-icon {
	color: #b48a42;
}

/* --- Epilogue / Future Vision --- */
.academy-epilogue {
	background: url('data:image/svg+xml;utf8,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><rect width="100" height="100" fill="none" stroke="%23b48a42" stroke-width="0.5" stroke-opacity="0.15"/></svg>'), #fdfcf9;
	border-top: 1px solid rgba(180, 138, 66, 0.3);
	border-bottom: 1px solid rgba(180, 138, 66, 0.3);
	padding: 60px;
	text-align: center;
	position: relative;
}

.epilogue-tag {
	font-size: 0.8rem;
	letter-spacing: 4px;
	text-transform: uppercase;
	color: #b48a42;
	display: block;
	margin-bottom: 20px;
}

.academy-epilogue h3 {
	font-family: 'Playfair Display', serif;
	font-size: 2.2rem;
	color: #1c1917;
	margin-bottom: 25px;
}

.academy-epilogue p {
	font-size: 1.1rem;
	line-height: 1.8;
	color: #57534e;
	max-width: 800px;
	margin: 0 auto 40px;
}

.blueprint-btn {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	padding: 12px 30px;
	border: 1px solid #b48a42;
	color: #b48a42;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 0.85rem;
	transition: all 0.4s ease;
}

.blueprint-btn:hover {
	background: #b48a42;
	color: #ffffff;
	gap: 20px;
}

/* --- Entry Animations --- */
.animate-slow-fade {
	animation: cinematicFadeIn 2s ease-out backwards;
}

.animate-slide-up {
	animation: cinematicSlideUp 1.5s cubic-bezier(0.2, 0.8, 0.2, 1) backwards;
	animation-delay: 0.5s;
}

@keyframes cinematicFadeIn {
	0% {
		opacity: 0;
		filter: blur(5px);
	}

	100% {
		opacity: 1;
		filter: blur(0);
	}
}

@keyframes cinematicSlideUp {
	0% {
		opacity: 0;
		transform: translateY(40px);
	}

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

/* --- Responsive Layout --- */
@media (max-width: 768px) {
	.academy-title {
		font-size: 2.5rem;
	}

	.academy-institute {
		font-size: 1.5rem;
	}

	.academy-geo-plaque {
		flex-direction: column;
		gap: 20px;
		padding: 25px;
		text-align: center;
	}

	.geo-divider {
		width: 40px;
		height: 1px;
	}

	.academy-epilogue {
		padding: 40px 20px;
	}

	.academy-epilogue h3 {
		font-size: 1.8rem;
	}
}

/*our founder new css*/
.founder-section {
	background: #0F2722;
	padding: 90px 20px;
	display: flex;
	justify-content: center;
}

.founder-shell {
	max-width: 1100px;
	width: 100%;
	display: grid;
	grid-template-columns: 0.85fr 1.15fr;
	border-radius: 28px;
	overflow: hidden;
	box-shadow: 0 40px 80px -30px rgba(0, 0, 0, 0.55);
}

.founder-visual {
	background: #800020;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 60px 40px;
	overflow: hidden;
}

.visual-blob {
	position: absolute;
	width: 320px;
	height: 320px;
	background: radial-gradient(circle at 35% 35%, #ffc107, #B5482A 70%);
	border-radius: 62% 38% 55% 45% / 60% 45% 55% 40%;
	filter: blur(6px);
	opacity: 0.55;
	animation: blobPulse 7s ease-in-out infinite;
}

.photo-frame {
	position: relative;
	width: 260px;
	height: 320px;
	border-radius: 60% 40% 52% 48% / 55% 50% 50% 45%;
	overflow: hidden;
	border: 5px solid #FBF6EC;
	box-shadow: 0 25px 40px -15px rgba(0, 0, 0, 0.5);
}

.founder-photo {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.orbit-wrap {
	position: absolute;
	inset: -18px;
	animation: orbitSpin 9s linear infinite;
}

.orbit-dot {
	position: absolute;
	top: 0;
	left: 50%;
	width: 14px;
	height: 14px;
	background: #E8A33D;
	border-radius: 50%;
	box-shadow: 0 0 12px #E8A33D;
}

.est-badge {
	position: absolute;
	left: 24px;
	bottom: 30px;
	background: #FBF6EC;
	padding: 14px 18px;
	border-radius: 14px;
	text-align: left;
	display: flex;
	flex-direction: column;
	gap: 2px;
	box-shadow: 0 18px 30px -12px rgba(0, 0, 0, 0.4);
	transform: rotate(-3deg);
	animation: floatBadge 4.5s ease-in-out infinite;
}

.est-num {
	font-family: 'Fraunces', serif;
	font-size: 22px;
	font-weight: 700;
	color: #800020;
}

.est-text {
	font-family: 'Space Mono', monospace;
	font-size: 10.5px;
	letter-spacing: 0.4px;
	color: #b5780e;
	max-width: 120px;
}

.founder-content {
	background: #FBF6EC;
	padding: 64px 56px;
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.founder-eyebrow {
	font-family: 'Space Mono', monospace;
	font-size: 12px;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: #b5780e;
	margin: 0;
}

.founder-name {
	font-family: 'Fraunces', serif;
	font-size: clamp(2.2rem, 4vw, 3rem);
	font-weight: 700;
	color: #800020;
	margin: 0;
	line-height: 1.05;
}

.thread-line {
	width: 200px;
	height: 16px;
	margin-top: -6px;
}

.thread-line path {
	stroke-dasharray: 400;
	stroke-dashoffset: 400;
	transition: stroke-dashoffset 1.4s ease;
}

.founder-shell.in-view .thread-line path {
	stroke-dashoffset: 0;
}

.founder-role {
	font-family: 'Space Mono', monospace;
	font-size: 13.5px;
	color: #b5780e;
	margin: 0;
}

.founder-quote {
	font-family: 'Fraunces', serif;
	font-style: italic;
	font-size: 19px;
	line-height: 1.5;
	color: #800020;
	border-left: 3px solid #E8A33D;
	padding-left: 18px;
	margin: 6px 0;
}

.founder-bio {
	font-family: 'Inter', sans-serif;
	font-size: 15px;
	line-height: 1.75;
	margin: 0;
}

.founder-stats {
	display: flex;
	gap: 30px;
	margin-top: 8px;
	padding-top: 22px;
	border-top: 1px solid rgba(22, 56, 50, 0.12);
}

.stat-block {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.stat-num {
	font-family: 'Fraunces', serif;
	font-size: 30px;
	font-weight: 700;
	color: #800020;
}

.stat-suffix {
	font-family: 'Fraunces', serif;
	font-size: 22px;
	font-weight: 700;
	color: #800020;
}

.stat-label {
	font-family: 'Space Mono', monospace;
	font-size: 10.5px;
	letter-spacing: 0.4px;
	text-transform: uppercase;
	color: #b5780e;
}

.founder-social {
	display: flex;
	gap: 12px;
	margin-top: 6px;
}

.social-pill {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	border: 1.5px solid #800020;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #800020;
	transition: all 0.3s ease;
}

.social-pill:hover {
	background: #E8A33D;
	border-color: #E8A33D;
	color: #800020;
	transform: translateY(-3px);
}

.founder-sign {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 10px;
}

.sign-svg {
	width: 140px;
	height: 38px;
}

.sign-svg path {
	stroke-dasharray: 500;
	stroke-dashoffset: 500;
	transition: stroke-dashoffset 2s ease;
}

.founder-shell.in-view .sign-svg path {
	stroke-dashoffset: 0;
}

.sign-caption {
	font-family: 'Space Mono', monospace;
	font-style: italic;
	font-size: 12px;
	color: #b5780e;
}

.founder-visual,
.founder-content {
	opacity: 0;
	transform: translateY(24px);
	transition: opacity 0.8s ease, transform 0.8s ease;
}

.founder-shell.in-view .founder-visual {
	opacity: 1;
	transform: translateY(0);
}

.founder-shell.in-view .founder-content {
	opacity: 1;
	transform: translateY(0);
	transition-delay: 0.15s;
}

@keyframes blobPulse {

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

	50% {
		transform: scale(1.08);
	}
}

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

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

@keyframes floatBadge {

	0%,
	100% {
		transform: rotate(-3deg) translateY(0);
	}

	50% {
		transform: rotate(-3deg) translateY(-8px);
	}
}

@media(max-width:880px) {
	.founder-shell {
		grid-template-columns: 1fr;
	}

	.founder-visual {
		padding: 50px 30px;
	}

	.founder-content {
		padding: 46px 30px;
	}

	.founder-stats {
		flex-wrap: wrap;
		gap: 22px;
	}
}

@media(prefers-reduced-motion:reduce) {

	.visual-blob,
	.orbit-wrap,
	.est-badge {
		animation: none;
	}

	.founder-visual,
	.founder-content {
		transition: none;
		opacity: 1;
		transform: none;
	}
}

/* --- Founder Section Base --- */
.rsf-founder-section {
	margin-top: -70px;
	padding: 120px 0;
	background-color: #ffffff;
	/* Premium Clean White Background */
	font-family: 'Plus Jakarta Sans', sans-serif;
	overflow: hidden;
}

.rsf-founder-container {
	max-width: 1300px;
	margin: 0 auto;
	padding: 0 24px;
}

/* --- Asymmetric Layout Grid --- */
.rsf-founder-grid {
	display: grid;
	grid-template-columns: 1.1fr 0.9fr;
	gap: 80px;
	align-items: center;
}

/* --- Left Column: Content Styling --- */
.rsf-founder-kicker {
	display: block;
	font-size: 0.85rem;
	font-weight: 700;
	color: #800020;
	/* Maroon */
	text-transform: uppercase;
	letter-spacing: 3px;
	margin-bottom: 12px;
}

.rsf-founder-title {
	font-family: 'Marcellus', serif;
	font-size: 3.8rem;
	color: #1a1a1a;
	margin: 0 0 10px 0;
	font-weight: 400;
	line-height: 1.1;
}

.rsf-text-gold {
	color: #D4AF37;
	/* Royal Gold */
	font-style: italic;
}

.rsf-founder-role {
	font-size: 1.1rem;
	color: #555555;
	font-weight: 500;
	margin: 0 0 25px 0;
	letter-spacing: 0.5px;
}

/* Luxury Divider Element */
.rsf-founder-divider {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 35px;
}

.rsf-line-maroon {
	width: 80px;
	height: 2px;
	background-color: #800020;
}

.rsf-dot-gold {
	width: 10px;
	height: 10px;
	background-color: #D4AF37;
	border-radius: 50%;
	box-shadow: 0 0 10px #D4AF37;
}

.rsf-founder-bio {
	font-size: 15px;
	color: #444444;
	line-height: 1.75;
	margin-bottom: 35px;
}

/* Editorial Blockquote Box */
.rsf-founder-quote-box {
	position: relative;
	background-color: rgba(128, 0, 32, 0.03);
	/* Extremely soft maroon tint */
	border-left: 4px solid #800020;
	/* Solid Maroon Line */
	padding: 30px 40px;
	margin-bottom: 45px;
	border-radius: 0 16px 16px 0;
}

.rsf-quote-icon {
	position: absolute;
	top: -15px;
	left: 25px;
	font-size: 2.5rem;
	color: rgba(212, 175, 55, 0.3);
	/* Transparent Gold */
}

.rsf-quote-text {
	font-family: 'Marcellus', serif;
	font-size: 1.25rem;
	color: #800020;
	/* Maroon text for impactful quote */
	line-height: 1.6;
	font-style: italic;
	margin: 0;
}

/* Foundation Core Pillars Row */
.rsf-founder-pillars {
	display: flex;
	gap: 40px;
	border-top: 1px solid rgba(0, 0, 0, 0.06);
	padding-top: 30px;
}

.rsf-pillar-item {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.rsf-pillar-num {
	font-size: 0.85rem;
	font-weight: 800;
	color: #D4AF37;
	/* Gold */
	letter-spacing: 1px;
}

.rsf-pillar-title {
	font-size: 0.95rem;
	font-weight: 700;
	color: #1a1a1a;
}

/* --- Right Column: 3D Interactive Visual Canvas --- */
.rsf-image-stack {
	position: relative;
	width: 100%;
	max-width: 450px;
	height: 580px;
	margin: 0 auto;
}

/* Layer 1: Solid Maroon Block */
.rsf-layer-backdrop-maroon {
	position: absolute;
	bottom: -20px;
	left: -20px;
	width: 100%;
	height: 100%;
	background-color: #800020;
	/* Maroon */
	border-radius: 24px;
	z-index: 1;
	transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

/* Layer 2: Intersecting Thin Golden Line Frame */
.rsf-layer-frame-gold {
	position: absolute;
	top: -20px;
	right: -20px;
	width: 100%;
	height: 100%;
	border: 2px solid #D4AF37;
	/* Royal Gold */
	border-radius: 24px;
	z-index: 2;
	transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
	pointer-events: none;
}

/* Layer 3: Main Photo Container */
.rsf-layer-image {
	position: relative;
	width: 100%;
	height: 100%;
	border-radius: 24px;
	overflow: hidden;
	z-index: 3;
	box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15);
	transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.rsf-layer-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 1.2s cubic-bezier(0.25, 1, 0.5, 1);
}

/* Layer 4: Premium Floating Badge */
.rsf-signature-badge {
	position: absolute;
	bottom: 30px;
	right: -40px;
	background: #ffffff;
	padding: 25px 35px;
	border-radius: 16px;
	box-shadow: 0 20px 50px rgba(128, 0, 32, 0.12);
	/* Soft Maroon shadow */
	z-index: 4;
	border-top: 4px solid #D4AF37;
	/* Gold accent on badge */
	transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.rsf-badge-tag {
	display: block;
	font-size: 0.68rem;
	font-weight: 800;
	color: #800020;
	letter-spacing: 2px;
	margin-bottom: 5px;
}

.rsf-badge-name {
	font-family: 'Marcellus', serif;
	font-size: 1.3rem;
	color: #1a1a1a;
	margin: 0 0 10px 0;
}

/* Simulated Stylized Handwritten Signature Font style */
.rsf-badge-signature {
	font-family: 'Mrs Saint Delafield', 'Alex Brush', cursive, sans-serif;
	font-size: 2.2rem;
	color: #D4AF37;
	/* Golden Signature */
	line-height: 1;
	margin-top: 5px;
}

/* --- Dynamic Interaction Transitions (Hover Physics) --- */
.rsf-image-stack:hover .rsf-layer-image {
	transform: translateY(-8px) scale(1.02);
}

.rsf-image-stack:hover .rsf-layer-image img {
	transform: scale(1.06);
}

.rsf-image-stack:hover .rsf-layer-backdrop-maroon {
	transform: translate(-12px, 12px);
	/* Maroon shifts down-left */
}

.rsf-image-stack:hover .rsf-layer-frame-gold {
	transform: translate(12px, -12px);
	/* Gold shifts up-right */
}

.rsf-image-stack:hover .rsf-signature-badge {
	transform: translateY(-15px) scale(1.05);
	/* Signature box floats higher */
}

/* --- Fluid Responsive Architecture --- */
@media (max-width: 1200px) {
	.rsf-founder-grid {
		gap: 50px;
	}

	.rsf-founder-title {
		font-size: 3.2rem;
	}

	.rsf-signature-badge {
		right: -20px;
		padding: 20px 25px;
	}
}

@media (max-width: 992px) {
	.rsf-founder-grid {
		grid-template-columns: 1fr;
		/* Stacks panels seamlessly */
		gap: 70px;
	}
}

	@media (max-width: 992px) {
	.rsf-founder-content {
		order: 2;
		text-align: center;
	}

	.rsf-founder-divider {
		justify-content: center;
	}

	.rsf-founder-quote-box {
		border-left: none;
		border-top: 3px solid #800020;
		border-radius: 0 0 16px 16px;
		padding: 30px 20px;
	}

	.rsf-quote-icon {
		left: 50%;
		transform: translateX(-50%);
	}

	.rsf-founder-pillars {
		justify-content: center;
	}

	.rsf-founder-visual {
		order: 1;
		margin-bottom: 20px;
	}

	.rsf-signature-badge {
		right: 50%;
		transform: translateX(50%);
		bottom: -30px;
		text-align: center;
	}

	.rsf-image-stack:hover .rsf-signature-badge {
		transform: translateX(50%) translateY(-10px) scale(1.05);
	}
}

@media (max-width: 576px) {
	.rsf-founder-title {
		font-size: 2.5rem;
	}

	.rsf-image-stack {
		height: 450px;
	}

	.rsf-founder-pillars {
		flex-direction: column;
		gap: 20px;
		align-items: center;
	}
}

/* --- Base Section Setup --- */
.founder-section {
	padding: 80px 20px;
	background: #fcfaf7;
	display: flex;
	justify-content: center;
}

.founder-card-modern {
	width: 100%;
	max-width: 900px;
	background: #4a0404;
	padding: 50px;
	border-radius: 30px;
	position: relative;
	color: #fff;
}

.founder-content-grid {
	display: grid;
	grid-template-columns: 300px 1fr;
	/* Profile aur Details ka balance */
	gap: 50px;
	align-items: center;
}

/* Responsive Grid */
@media (max-width: 768px) {
	.founder-content-grid {
		grid-template-columns: 1fr;
		text-align: center;
	}

	.founder-card-modern {
		padding: 30px;
	}
}

/* Styling */
.image-container img {
	width: 200px;
	height: 200px;
	border-radius: 20px;
	border: 5px solid #d4af37;
}

.stat-box span {
	display: block;
	font-size: 28px;
	font-weight: bold;
	color: #d4af37;
}

.stats-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
	margin: 20px 0;
}

.mission-brief {
	border-top: 1px solid rgba(212, 175, 55, 0.3);
	padding-top: 20px;
}

.social-bar {
	display: flex;
	gap: 15px;
	justify-content: center;
	margin-top: 15px;
}

.social-bar a {
	color: #d4af37;
	font-size: 18px;
}

/* --- Base Section Setup --- */
.rsf-fc-section {
	padding: 120px 0;
	background-color: #ffffff;
	/* Crisp white background */
	font-family: 'Plus Jakarta Sans', sans-serif;
	position: relative;
	overflow: hidden;
}

.rsf-fc-container {
	max-width: 1300px;
	margin: 0 auto;
	padding: 0 24px;
}

/* --- Asymmetric Structural Split Grid --- */
.rsf-fc-wrapper {
	display: grid;
	grid-template-columns: 1.1fr 0.9fr;
	gap: 80px;
	align-items: center;
}

/* --- Left Side: Content Density Styling --- */
.rsf-fc-badge {
	display: inline-block;
	font-size: 0.75rem;
	font-weight: 800;
	color: #D4AF37;
	/* Gold Badge */
	text-transform: uppercase;
	letter-spacing: 2px;
	border: 1px solid rgba(212, 175, 55, 0.4);
	padding: 5px 14px;
	border-radius: 4px;
	margin-bottom: 20px;
}

.rsf-fc-main-title {
	font-family: 'Marcellus', serif;
	font-size: 3.5rem;
	color: #1a1a1a;
	margin: 0 0 20px 0;
	font-weight: 400;
	line-height: 1.15;
}

.rsf-fc-maroon-text {
	color: #800020;
	/* Maroon Emphasis */
	font-style: italic;
}

.rsf-fc-description {
	font-size: 1.05rem;
	color: #555555;
	line-height: 1.7;
	margin-bottom: 30px;
}

/* Executive Directive Box */
.rsf-fc-directive-box {
	display: flex;
	gap: 20px;
	background-color: rgba(128, 0, 32, 0.03);
	/* Soft Maroon overlay tint */
	padding: 25px;
	border-radius: 12px;
	margin-bottom: 40px;
}

.rsf-fc-gold-pillar {
	width: 4px;
	background-color: #D4AF37;
	/* Gold Accent Bar */
	border-radius: 2px;
	flex-shrink: 0;
}

.rsf-fc-directive-text {
	font-size: 0.95rem;
	color: #800020;
	/* Deep Maroon Statement text */
	line-height: 1.6;
	margin: 0;
}

/* 2x2 Content-Dense Micro-Grid */
.rsf-fc-micro-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px;
	border-top: 1px solid rgba(0, 0, 0, 0.06);
	padding-top: 35px;
}

.rsf-fc-grid-item {
	display: flex;
	flex-direction: column;
}

.rsf-fc-item-num {
	font-size: 0.8rem;
	font-weight: 700;
	color: #D4AF37;
	/* Gold Counter */
	margin-bottom: 5px;
}

.rsf-fc-grid-item h5 {
	font-size: 1.1rem;
	color: #1a1a1a;
	margin: 0 0 8px 0;
	font-weight: 700;
}

.rsf-fc-grid-item p {
	font-size: 0.9rem;
	color: #666666;
	line-height: 1.5;
	margin: 0;
}

/* --- Right Side: Overlapping Facade Engineering --- */
.rsf-fc-facade-canvas {
	position: relative;
	width: 100%;
	height: 580px;
	/* Rigid canvas height to lock structural alignment */
}

/* Base properties for overlapping sheets */
.rsf-fc-layer {
	position: absolute;
	width: 85%;
	padding: 40px;
	border-radius: 24px;
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.05);
	transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* Layer 1: Solid Maroon Box (Bottom Left Anchor) */
.layer-maroon-base {
	background-color: #800020;
	/* Full Deep Maroon */
	color: #ffffff;
	top: 30px;
	left: 0;
	z-index: 1;
}

.layer-maroon-base h3 {
	font-family: 'Marcellus', serif;
	font-size: 1.5rem;
	color: #D4AF37;
	/* Gold Headings inside Maroon card */
	margin: 0 0 12px 0;
	font-weight: 400;
}

.layer-maroon-base p {
	font-size: 0.95rem;
	color: rgba(255, 255, 255, 0.8);
	line-height: 1.6;
	margin: 0;
}

.rsf-fc-layer-tag {
	display: inline-block;
	font-size: 0.7rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	color: #ffffff;
	background-color: rgba(255, 255, 255, 0.12);
	padding: 4px 10px;
	border-radius: 4px;
	margin-bottom: 20px;
}

/* Layer 2: White/Gold Box (Top Right Overlay) */
.layer-white-gold {
	background-color: #ffffff;
	border: 1px solid rgba(128, 0, 32, 0.08);
	bottom: 30px;
	right: 0;
	z-index: 2;
	box-shadow: 0 30px 60px rgba(128, 0, 32, 0.08);
	/* Soft maroon accent shadow */
}

.rsf-fc-top-gold-bar {
	position: absolute;
	top: 0;
	left: 40px;
	width: 50px;
	height: 4px;
	background-color: #D4AF37;
	/* Top Gold Accent Ring strip */
}

.layer-white-gold h3 {
	font-family: 'Marcellus', serif;
	font-size: 1.5rem;
	color: #1a1a1a;
	margin: 0 0 12px 0;
	font-weight: 400;
}

.layer-white-gold p {
	font-size: 0.95rem;
	color: #555555;
	line-height: 1.6;
	margin: 0;
}

.rsf-fc-layer-tag-maroon {
	display: inline-block;
	font-size: 0.7rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	color: #800020;
	background-color: rgba(128, 0, 32, 0.06);
	padding: 4px 10px;
	border-radius: 4px;
	margin-bottom: 20px;
}

/* Interactive Floating Arrows */
.rsf-fc-layer-arrow {
	position: absolute;
	right: 30px;
	top: 30px;
	font-size: 1.1rem;
	color: rgba(255, 255, 255, 0.4);
	transition: transform 0.3s ease, color 0.3s ease;
}

.maroon-arrow {
	color: rgba(128, 0, 32, 0.3);
}

/* Layer 3: Floating Golden Wireframe Block (Decorative Edge Piece) */
.rsf-fc-wireframe-gold {
	position: absolute;
	bottom: -10px;
	left: 40px;
	width: 220px;
	border: 1px solid #D4AF37;
	/* Gold Frame Wire */
	background: #ffffff;
	padding: 12px 20px;
	border-radius: 8px;
	z-index: 3;
	box-shadow: 0 10px 30px rgba(212, 175, 55, 0.15);
}

.rsf-fc-wireframe-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.rsf-fc-wireframe-title {
	font-size: 0.65rem;
	font-weight: 800;
	color: #1a1a1a;
	letter-spacing: 1.5px;
}

.rsf-fc-pulse-dot {
	width: 6px;
	height: 6px;
	background-color: #800020;
	/* Maroon pulse indicator */
	border-radius: 50%;
	position: relative;
}

/* --- Hover Physics & Dynamics --- */
.layer-maroon-base:hover {
	transform: translate(-10px, -10px) scale(1.02);
	z-index: 4;
	/* Temporarily comes over layer 2 on hover */
}

.layer-white-gold:hover {
	transform: translate(10px, 10px) scale(1.02);
	border-color: #D4AF37;
}

.rsf-fc-layer:hover .rsf-fc-layer-arrow {
	transform: translate(3px, -3px);
	color: #D4AF37;
}

/* --- Fluid Responsive Adaptability --- */
@media (max-width: 1200px) {
	.rsf-fc-wrapper {
		gap: 50px;
	}

	.rsf-fc-main-title {
		font-size: 2.8rem;
	}

	.rsf-fc-facade-canvas {
		height: 530px;
	}
}

@media (max-width: 992px) {
	.rsf-fc-wrapper {
		grid-template-columns: 1fr;
		/* Stacks column grids logically on tablet */
		gap: 60px;
	}

	.rsf-fc-facade-canvas {
		max-width: 550px;
		margin: 0 auto;
	}
}

@media (max-width: 576px) {
	.rsf-fc-main-title {
		font-size: 2.3rem;
	}

	.rsf-fc-micro-grid {
		grid-template-columns: 1fr;
		gap: 25px;
	}

	.rsf-fc-facade-canvas {
		height: auto;
		display: flex;
		flex-direction: column;
		gap: 20px;
	}

	.rsf-fc-layer {
		position: relative;
		width: 100%;
		top: 0 !important;
		left: 0 !important;
		bottom: 0 !important;
		right: 0 !important;
	}

	.rsf-fc-wireframe-gold {
		display: none;
	}

	/* Drop wireframe component on small mobiles */
}

/*our-owners neww css */

/* --- Base Section Setup --- */
.shahi-section {
	position: relative;
	min-height: 75vh;
	background: radial-gradient(circle at 50% 0%, #7A1F2B, #3D0E15 70%);
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	padding: 90px 20px 70px;
	margin-top: -70px;
}

.shahi-particles {
	position: absolute;
	inset: 0;
	pointer-events: none;
}

.shahi-flake {
	position: absolute;
	top: -20px;
	left: var(--x);
	width: var(--size);
	height: var(--size);
	background: #D4AF37;
	border-radius: 2px;
	opacity: 0;
	animation: shahiFall var(--dur) linear var(--delay) infinite;
}

.shahi-corner {
	position: absolute;
	width: 110px;
	height: 110px;
	opacity: 0.5;
}

.shahi-corner-left {
	top: 24px;
	left: 24px;
}

.shahi-corner-right {
	top: 24px;
	right: 24px;
	transform: scaleX(-1);
}

.shahi-inner {
	position: relative;
	z-index: 2;
	text-align: center;
	max-width: 680px;
}

.shahi-flourish {
	width: 160px;
	height: 32px;
	margin: 0 auto 22px;
	display: block;
}

.shahi-eyebrow {
	font-family: 'Space Mono', monospace;
	font-size: 12px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #D4AF37;
	margin: 0 0 16px;
}

.shahi-heading {
	font-family: 'Fraunces', serif;
	font-weight: 700;
	font-size: clamp(2.6rem, 5.5vw, 4rem);
	line-height: 1.08;
	margin: 0 0 22px;
	background: linear-gradient(100deg, #FBF6EC 20%, #D4AF37 45%, #FBF6EC 65%, #D4AF37 85%);
	background-size: 250% auto;
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	animation: shahiShimmer 6s linear infinite;
}

.shahi-sub {
	font-family: 'Inter', sans-serif;
	font-size: 16px;
	line-height: 1.8;
	color: #EFE0CE;
	margin: 0 0 34px;
}

.shahi-divider {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
}

.shahi-line {
	width: 60px;
	height: 1px;
	background: linear-gradient(to right, transparent, #D4AF37);
}

.shahi-divider .shahi-line:last-child {
	background: linear-gradient(to left, transparent, #D4AF37);
}

.shahi-diamond {
	width: 9px;
	height: 9px;
	background: #D4AF37;
	transform: rotate(45deg);
	box-shadow: 0 0 10px #D4AF37;
}

.shahi-scroll-cue {
	position: absolute;
	bottom: 28px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	background: none;
	border: none;
	cursor: pointer;
	z-index: 2;
}

.shahi-cue-line {
	width: 1px;
	height: 32px;
	background: linear-gradient(to bottom, transparent, #D4AF37);
}

.shahi-cue-arrow {
	width: 10px;
	height: 10px;
	border-right: 2px solid #D4AF37;
	border-bottom: 2px solid #D4AF37;
	transform: rotate(45deg);
	animation: shahiBounce 1.6s ease-in-out infinite;
}

.shahi-cue-text {
	font-family: 'Space Mono', monospace;
	font-size: 10.5px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #EFE0CE;
}

@keyframes shahiFall {
	0% {
		transform: translateY(0) rotate(0deg);
		opacity: 0;
	}

	10% {
		opacity: 0.9;
	}

	85% {
		opacity: 0.4;
	}

	100% {
		transform: translateY(90vh) rotate(180deg);
		opacity: 0;
	}
}

@keyframes shahiShimmer {
	0% {
		background-position: 0% 50%;
	}

	100% {
		background-position: 250% 50%;
	}
}

@keyframes shahiBounce {

	0%,
	100% {
		transform: translateY(0) rotate(45deg);
	}

	50% {
		transform: translateY(6px) rotate(45deg);
	}
}

@media(max-width:600px) {
	.shahi-section {
		min-height: 62vh;
		padding: 70px 20px 56px;
	}

	.shahi-heading {
		font-size: clamp(2.1rem, 7vw, 2.8rem);
	}

	.shahi-corner {
		width: 70px;
		height: 70px;
	}
}

@media(prefers-reduced-motion:reduce) {

	.shahi-flake,
	.shahi-cue-arrow,
	.shahi-heading {
		animation: none;
	}
}

/* --- Base Section Framework --- */
.rsf-quad-section {
	padding: 100px 0;
	background-color: #fbfaf8;
	font-family: 'Plus Jakarta Sans', sans-serif;
	margin-top: -70px;
}

.rsf-quad-container {
	max-width: 1300px;
	margin: 0 auto;
	padding: 0 24px;
}

.rsf-quad-header {
	text-align: center;
	max-width: 780px;
	margin: 0 auto 70px auto;
}

.rsf-quad-kicker {
	display: block;
	font-size: 0.85rem;
	font-weight: 700;
	color: #800020;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin-bottom: 15px;
}

.rsf-quad-title {
	font-family: 'Marcellus', serif;
	font-size: 3.5rem;
	color: #1a1a1a;
	margin: 0 0 18px 0;
	font-weight: 400;
	line-height: 1.2;
}

.rsf-quad-gold {
	color: #D4AF37;
	font-style: italic;
}

.rsf-quad-subtitle {
	font-size: 1.05rem;
	color: #555555;
	line-height: 1.6;
}

.rsf-quad-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 40px;
}

.rsf-quad-card {
	background: #ffffff;
	border: 1px solid rgba(0, 0, 0, 0.05);
	border-radius: 24px;
	padding: 35px;
	position: relative;
	overflow: hidden;
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.02);
	transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

.rsf-quad-card:hover {
	transform: translateY(-6px);
	border-color: rgba(212, 175, 55, 0.4);
	box-shadow: 0 25px 50px rgba(128, 0, 32, 0.06);
}

.rsf-quad-watermark {
	position: absolute;
	right: 20px;
	top: -10px;
	font-family: 'Marcellus', serif;
	font-size: 8rem;
	font-weight: 900;
	color: rgba(128, 0, 32, 0.02);
	z-index: 1;
	pointer-events: none;
}

.rsf-quad-top-flex {
	display: flex;
	align-items: center;
	gap: 25px;
	margin-bottom: 25px;
	position: relative;
	z-index: 2;
}

.rsf-quad-img-wrapper {
	position: relative;
	width: 100px;
	height: 120px;
	flex-shrink: 0;
}

.rsf-quad-img-wrapper img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 12px;
	position: relative;
	z-index: 2;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}

.rsf-quad-maroon-bg {
	position: absolute;
	bottom: -6px;
	left: -6px;
	width: 100%;
	height: 100%;
	background-color: #800020;
	border-radius: 12px;
	z-index: 1;
	transition: transform 0.3s ease;
}

.rsf-quad-card:hover .rsf-quad-maroon-bg {
	transform: translate(-3px, 3px);
}

.rsf-quad-meta h3 {
	font-family: 'Marcellus', serif;
	font-size: 1.6rem;
	color: #1a1a1a;
	margin: 0 0 4px 0;
	font-weight: 400;
}

.rsf-quad-meta h4 {
	font-size: 0.92rem;
	font-weight: 700;
	color: #800020;
	margin: 0;
}

.rsf-quad-badge {
	display: inline-block;
	font-size: 0.65rem;
	font-weight: 800;
	color: #D4AF37;
	border: 1px solid rgba(212, 175, 55, 0.4);
	padding: 3px 10px;
	border-radius: 4px;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 8px;
}

.rsf-quad-bio {
	font-size: 0.95rem;
	color: #555555;
	line-height: 1.6;
	margin: 0 0 25px 0;
	position: relative;
	z-index: 2;
}

.rsf-quad-dash {
	background-color: rgba(0, 0, 0, 0.02);
	border-radius: 12px;
	padding: 5px 15px;
	border-left: 3px solid #D4AF37;
}

.rsf-dash-row {
	display: flex;
	justify-content: space-between;
	padding: 10px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}

.rsf-dash-row:last-child {
	border-bottom: none;
}

.rsf-dash-row span {
	font-size: 0.78rem;
	font-weight: 700;
	color: #800020;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.rsf-dash-row strong {
	font-size: 0.88rem;
	color: #222222;
	font-weight: 600;
}

.rsf-quad-founder-card {
	grid-column: 1 / -1;
}

.rsf-quad-founder-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 30px;
	margin-bottom: 25px;
	position: relative;
	z-index: 2;
}

.rsf-quad-founder-top .rsf-quad-top-flex {
	margin-bottom: 0;
	flex: 1;
	min-width: 260px;
}

.rsf-quad-img-wrapper-lg {
	width: 110px;
	height: 135px;
}

.rsf-quad-dash-founder {
	flex: 1;
	min-width: 280px;
	max-width: 340px;
}

.rsf-quad-founder-bio {
	border-top: 1px dashed rgba(212, 175, 55, 0.35);
	padding-top: 25px;
	position: relative;
	z-index: 2;
}

.rsf-quad-readmore-input {
	display: none;
}

.rsf-quad-bio-wrap {
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	transition: max-height 0.6s ease, opacity 0.5s ease;
}

.rsf-quad-bio-wrap p {
	font-size: 0.95rem;
	color: #555555;
	line-height: 1.7;
	margin: 0 0 16px 0;
}

.rsf-quad-readmore-input:checked ~ .rsf-quad-bio-wrap {
	max-height: 3000px;
	opacity: 1;
	margin-bottom: 20px;
}

.rsf-quad-readmore-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	cursor: pointer;
	font-size: 0.82rem;
	font-weight: 800;
	color: #800020;
	border: 1px solid rgba(212, 175, 55, 0.5);
	padding: 9px 20px;
	border-radius: 30px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	transition: all 0.3s ease;
}

.rsf-quad-readmore-btn:hover {
	background-color: #800020;
	color: #ffffff;
	border-color: #800020;
}

.rsf-quad-readmore-btn::after {
	content: "→";
	font-size: 0.95rem;
	transition: transform 0.3s ease;
}

.rsf-quad-readmore-input:checked ~ .rsf-quad-readmore-btn::after {
	transform: rotate(90deg);
}

.rsf-quad-less-text {
	display: none;
}

.rsf-quad-readmore-input:checked ~ .rsf-quad-readmore-btn .rsf-quad-more-text {
	display: none;
}

.rsf-quad-readmore-input:checked ~ .rsf-quad-readmore-btn .rsf-quad-less-text {
	display: inline;
}

@media (max-width: 1024px) {
	.rsf-quad-grid {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	.rsf-quad-title {
		font-size: 2.8rem;
	}
}

@media (max-width: 768px) {
	.rsf-quad-founder-top {
		flex-direction: column;
		align-items: flex-start;
	}

	.rsf-quad-dash-founder {
		max-width: 100%;
		width: 100%;
	}
}

@media (max-width: 576px) {
	.rsf-quad-title {
		font-size: 2.3rem;
	}

	.rsf-quad-top-flex {
		flex-direction: column;
		align-items: flex-start;
		gap: 15px;
	}

	.rsf-quad-card {
		padding: 25px;
	}

	.rsf-dash-row {
		flex-direction: column;
		gap: 2px;
	}
}
/* press release for gallery new css */

.rsf-news-section {
	padding: 100px 0;
	background: #fff;
}

.rsf-news-container {
	max-width: 1100px;
	margin: 0 auto;
	padding: 0 24px;
}

.rsf-news-header {
	text-align: center;
	margin-bottom: 60px;
}

.rsf-news-title {
	font-family: 'Marcellus', serif;
	font-size: 3rem;
}

/* Grid Layout */
.rsf-news-grid {
	display: grid;
	grid-template-columns: 1.5fr 1fr;
	gap: 60px;
}

/* Featured Card */
.rsf-news-featured {
	border: 1px solid #eee;
	border-radius: 20px;
	overflow: hidden;
}

.rsf-news-img-box {
	position: relative;
	height: 300px;
}

.rsf-news-img-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.rsf-news-badge {
	position: absolute;
	top: 20px;
	left: 20px;
	background: #800020;
	color: #fff;
	padding: 5px 15px;
	font-size: 0.7rem;
	text-transform: uppercase;
}

.rsf-news-content {
	padding: 30px;
}

.rsf-news-meta {
	color: #D4AF37;
	font-size: 0.8rem;
	margin-bottom: 10px;
}

/* News List */
.rsf-news-item {
	border-bottom: 1px solid #eee;
	padding: 25px 0;
}

.rsf-news-date {
	font-weight: 800;
	color: #800020;
	font-size: 0.75rem;
	margin-bottom: 5px;
}

.rsf-news-item h4 {
	margin: 0 0 10px 0;
	font-family: 'Marcellus', serif;
}

.rsf-news-link {
	color: #800020;
	font-weight: 700;
	text-decoration: none;
}

@media (max-width: 800px) {
	.rsf-news-grid {
		grid-template-columns: 1fr;
	}
}

/* --- Base Section --- */
.rsf-news-section {
	padding: 100px 0;
	background: #fff;
	overflow: hidden;
	/* For smooth animations */
}

/* --- Entrance Animation (Fade-in-Up) --- */
@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(40px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.rsf-news-featured,
.rsf-news-item {
	animation: fadeInUp 0.8s ease-out forwards;
}

/* --- Card Hover Effects --- */
.rsf-news-featured {
	border: 1px solid #eee;
	border-radius: 20px;
	overflow: hidden;
	transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.4s ease;
}

.rsf-news-featured:hover {
	transform: translateY(-10px);
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

.rsf-news-img-box img {
	transition: transform 0.6s ease;
}

.rsf-news-featured:hover .rsf-news-img-box img {
	transform: scale(1.05);
	/* Smooth zoom effect */
}

/* --- Interactive Links --- */
.rsf-news-link {
	display: inline-block;
	color: #800020;
	font-weight: 700;
	text-decoration: none;
	position: relative;
	transition: color 0.3s;
}

.rsf-news-link::after {
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 0;
	height: 2px;
	background: #D4AF37;
	transition: width 0.3s ease;
}

.rsf-news-link:hover::after {
	width: 100%;
}

/* --- News List Hover Effect --- */
.rsf-news-item {
	border-bottom: 1px solid #eee;
	padding: 25px 0;
	transition: padding-left 0.3s ease;
}

.rsf-news-item:hover {
	padding-left: 15px;
	/* Subtle slide effect on hover */
	background: rgba(212, 175, 55, 0.02);
}

.rsf-new-press-section {
	padding: 120px 0;
	background: #fbfaf8;
}

.rsf-new-press-container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 24px;
}

.rsf-new-press-header {
	text-align: center;
	margin-bottom: 70px;
}

.rsf-new-title {
	font-family: 'Marcellus', serif;
	font-size: 3.5rem;
	color: #1a1a1a;
}

.rsf-new-title span {
	color: #800020;
	font-style: italic;
}

.rsf-new-press-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
	gap: 30px;
}

.rsf-press-card {
	background: #ffffff;
	padding: 40px;
	border-radius: 20px;
	border: 1px solid rgba(0, 0, 0, 0.05);
	transition: all 0.4s ease;
	position: relative;
	overflow: hidden;
}

/* Hover Effect - Glow Border */
.rsf-press-card:hover {
	transform: translateY(-15px);
	border-color: #D4AF37;
	box-shadow: 0 30px 60px rgba(128, 0, 32, 0.1);
}

.rsf-card-date {
	color: #800020;
	font-weight: 700;
	font-size: 0.75rem;
	text-transform: uppercase;
	margin-bottom: 15px;
}

.rsf-press-card h3 {
	font-family: 'Marcellus', serif;
	font-size: 1.5rem;
	margin-bottom: 20px;
	line-height: 1.3;
}

.rsf-press-card p {
	font-size: 0.95rem;
	color: #666;
	margin-bottom: 30px;
}

.rsf-card-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top: 1px solid #eee;
	padding-top: 20px;
}

.rsf-card-footer span {
	font-weight: 800;
	font-size: 0.7rem;
	letter-spacing: 1px;
	color: #bbb;
}

.rsf-card-footer a {
	color: #800020;
	font-weight: 600;
	text-decoration: none;
	font-size: 0.9rem;
}

/* Global Buttons */
.rsf-btn {
	background: var(--maroon);
	color: var(--white);
	padding: 12px 25px;
	border-radius: 8px;
	text-decoration: none;
	display: inline-block;
	transition: 0.3s;
	font-weight: 600;
}

.rsf-btn:hover {
	background: var(--gold);
	transform: translateY(-2px);
}

/* =========================================================
   1. FOUNDER SPOTLIGHT
   ========================================================= */
.rsf-founder-card {
	display: grid;
	grid-template-columns: 1fr 400px;
	gap: 60px;
	align-items: center;
	background: var(--white);
	padding: 60px;
	border-radius: 30px;
	border-left: 6px solid var(--maroon);
	box-shadow: var(--shadow);
}

.rsf-founder-title {
	color: var(--gold);
	text-transform: uppercase;
	letter-spacing: 2px;
}

/* =========================================================
   2. PRESS RELEASE SECTION (Unique & Animated)
   ========================================================= */
.rsf-press-section {
	padding: 100px 0;
	background: var(--off-white);
}

.rsf-press-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
	gap: 30px;
	max-width: 1200px;
	margin: auto;
}

.rsf-press-card {
	background: var(--white);
	padding: 40px;
	border-radius: 20px;
	border-bottom: 5px solid var(--maroon);
	transition: 0.4s;
}

.rsf-press-card:hover {
	transform: translateY(-15px);
	border-bottom-color: var(--gold);
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

.rsf-card-date {
	color: var(--maroon);
	font-weight: 800;
	font-size: 0.75rem;
	text-transform: uppercase;
}

/* =========================================================
   3. ARCHIVE / IMPACT SECTION (Interactive)
   ========================================================= */
.rsf-archive-section {
	background: var(--dark-text);
	color: var(--white);
	padding: 100px 0;
}

.rsf-archive-gold {
	color: var(--gold);
}

.rsf-archive-grid {
	display: flex;
	gap: 20px;
	height: 450px;
	overflow: hidden;
}

.rsf-archive-card {
	flex: 1;
	position: relative;
	border-radius: 20px;
	overflow: hidden;
	transition: 0.6s;
}

.rsf-archive-card:hover {
	flex: 2;
}

.rsf-archive-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 40px;
	background: linear-gradient(transparent, var(--maroon));
}

/* Responsive */
@media (max-width: 900px) {
	.rsf-founder-card {
		grid-template-columns: 1fr;
	}

	.rsf-archive-grid {
		flex-direction: column;
		height: auto;
	}
}

.rsf-media-section {
	padding: 80px 20px;
	background: #fbfaf8;
}

.rsf-media-container {
	max-width: 1100px;
	margin: 0 auto;
}

.rsf-media-title {
	font-family: 'Marcellus', serif;
	font-size: 3rem;
	text-align: center;
	margin-bottom: 40px;
}

.rsf-media-title span {
	color: var(--maroon);
}

.rsf-media-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
	gap: 40px;
}

.rsf-press-card {
	background: var(--white);
	border-radius: 20px;
	overflow: hidden;
	border-bottom: 6px solid var(--maroon);
	transition: 0.4s ease;
}

.rsf-press-card:hover {
	transform: translateY(-10px);
	border-bottom-color: var(--gold);
}

.rsf-card-image {
	position: relative;
	height: 250px;
	overflow: hidden;
}

.rsf-card-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: 0.5s;
}

.rsf-press-card:hover img {
	transform: scale(1.1);
}

.rsf-card-date {
	position: absolute;
	top: 20px;
	left: 20px;
	background: var(--maroon);
	color: var(--white);
	padding: 5px 15px;
	font-size: 0.75rem;
	font-weight: 700;
}

.rsf-card-content {
	padding: 30px;
}

.rsf-btn-link {
	color: var(--maroon);
	font-weight: 700;
	text-decoration: none;
	display: inline-block;
	margin-top: 15px;
}

/*new css of contact page */

.contact-page-wrapper {
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fcfaf7;
	padding: 50px 20px;
}

.contact-container {
	display: flex;
	width: 100%;
	max-width: 1100px;
	background-color: #ffffff;
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);
	border-radius: 20px;
	overflow: hidden;
	animation: fadeIn 1s ease-in;
}

/* Left Panel - Maroon Theme */
.left-panel {
	flex: 1.2;
	background-color: #4a0404;
	padding: 60px;
	color: #ffffff;
}

.main-title {
	font-size: 40px;
	margin-bottom: 20px;
	color: #ffffff;
}

.accent-title {
	color: #d4af37;
}

.description {
	color: #e0e0e0;
	margin-bottom: 40px;
	line-height: 1.6;
}

.info-item {
	display: flex;
	align-items: flex-start;
	margin-bottom: 25px;
}

.info-icon {
	color: #d4af37;
	font-size: 20px;
	margin-right: 15px;
	margin-top: 5px;
}

.info-item h4 {
	margin-bottom: 5px;
	color: #d4af37;
}

.info-item p {
	font-size: 14px;
	color: #ffffff;
}

/* Right Panel - Form */
.right-panel {
	flex: 1;
	padding: 60px;
	background: #ffffff;
}

.form-header h2 {
	color: #4a0404;
	margin-bottom: 30px;
}

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

.form-group input,
.form-group textarea {
	width: 100%;
	padding: 15px;
	border: 1px solid #d4af37;
	border-radius: 8px;
	outline: none;
	transition: 0.3s;
}

.form-group input:focus {
	border-color: #4a0404;
	box-shadow: 0 0 5px rgba(74, 4, 4, 0.3);
}

.submit-btn {
	width: 100%;
	padding: 15px;
	background-color: #4a0404;
	color: #d4af37;
	border: none;
	border-radius: 8px;
	font-weight: bold;
	cursor: pointer;
	transition: 0.4s;
}

.submit-btn:hover {
	background-color: #d4af37;
	color: #4a0404;
	transform: scale(1.02);
}

/* Animations */
@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@media (max-width: 900px) {
	.contact-container {
		flex-direction: column;
	}
}

.parallax-section {
	/* Background Image */
	background-image: url('https://images.unsplash.com/photo-1509062522246-3755977927d7?q=80&w=1200');
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: 110px;
	height: 60vh;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: white;
	position: relative;
	overflow: hidden;
}

/* The Overlay Logic */
.parallax-section::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	/* Darkening + Golden Tint Gradient */
	background: linear-gradient(135deg, rgba(25, 8, 8, 0.75) 0%, rgba(40, 10, 10, 0.70) 100%);
	z-index: 1;
}

.parallax-content {
	position: relative;
	z-index: 2;
	/* Content stays on top of the golden overlay */
	padding: 20px;
}

.parallax-content h1 {
	color: #b5780e;
}

.parallax-content p {
	font-size: 18px;
	padding: 0px 250px;
}

.ldr-section {
	position: relative;
	min-height: 78vh;
	background: radial-gradient(circle at 50% 20%, #800020, #22040c 75%);
	;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	padding: 80px 20px 60px;
}

.ldr-particles {
	position: absolute;
	inset: 0;
	pointer-events: none;
}

.ldr-ember {
	position: absolute;
	bottom: -20px;
	left: var(--x);
	width: var(--size);
	height: var(--size);
	background: #E8A33D;
	border-radius: 50%;
	box-shadow: 0 0 10px 2px rgba(232, 163, 61, 0.8);
	opacity: 0;
	animation: ldrRise var(--dur) ease-in var(--delay) infinite;
}

.ldr-inner {
	position: relative;
	z-index: 2;
	text-align: center;
	max-width: 640px;
}

.ldr-eyebrow {
	font-family: 'Space Mono', monospace;
	font-size: 12px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #E8A33D;
	margin: 0 0 18px;
}

.ldr-heading {
	font-family: 'Fraunces', serif;
	font-weight: 700;
	font-size: clamp(2.4rem, 5vw, 3.6rem);
	line-height: 1.1;
	color: #FBF6EC;
	margin: 0 0 22px;
}

.ldr-sub {
	font-family: 'Inter', sans-serif;
	font-size: 16px;
	line-height: 1.75;
	color: #b5780e;
	margin: 0 0 36px;
}

.ldr-divider {
	display: flex;
	justify-content: center;
	gap: 10px;
}

.ldr-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #E8A33D;
	opacity: 0.3;
	animation: ldrPulse 1.8s ease-in-out infinite;
}

.ldr-dot:nth-child(2) {
	animation-delay: 0.3s;
}

.ldr-dot:nth-child(3) {
	animation-delay: 0.6s;
}

.ldr-scroll-cue {
	position: absolute;
	bottom: 30px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	background: none;
	border: none;
	cursor: pointer;
	z-index: 2;
}

.ldr-cue-line {
	width: 1px;
	height: 34px;
	background: linear-gradient(to bottom, transparent, #E8A33D);
}

.ldr-cue-arrow {
	width: 10px;
	height: 10px;
	border-right: 2px solid #E8A33D;
	border-bottom: 2px solid #E8A33D;
	transform: rotate(45deg);
	animation: ldrBounce 1.6s ease-in-out infinite;
}

.ldr-cue-text {
	font-family: 'Space Mono', monospace;
	font-size: 10.5px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #A9BDB4;
}

@keyframes ldrRise {
	0% {
		transform: translateY(0) translateX(0);
		opacity: 0;
	}

	10% {
		opacity: 0.9;
	}

	50% {
		transform: translateY(-50vh) translateX(10px);
	}

	90% {
		opacity: 0.2;
	}

	100% {
		transform: translateY(-90vh) translateX(-6px);
		opacity: 0;
	}
}

@keyframes ldrPulse {

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

	50% {
		opacity: 1;
		transform: scale(1.4);
	}
}

@keyframes ldrBounce {

	0%,
	100% {
		transform: translateY(0) rotate(45deg);
	}

	50% {
		transform: translateY(6px) rotate(45deg);
	}
}

@media(max-width:600px) {
	.ldr-section {
		min-height: 64vh;
		padding: 60px 20px 50px;
	}

	.ldr-heading {
		font-size: clamp(2rem, 7vw, 2.6rem);
	}
}

@media(prefers-reduced-motion:reduce) {

	.ldr-ember,
	.ldr-dot,
	.ldr-cue-arrow {
		animation: none;
	}
}

.rsf-origin {
	position: relative;
	background: #ffffff;
	padding: 110px 20px;
	overflow: hidden;
	margin-top: -70px;
}

.rsf-origin::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 5px;
	background: linear-gradient(90deg, #6e1423, #c9a227, #6e1423);
}

.rsf-origin-inner {
	max-width: 1180px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1fr 1.1fr;
	gap: 70px;
	align-items: center;
}

.rsf-origin-intro {
	position: relative;
}

.rsf-origin-tag {
	display: inline-block;
	font-family: 'Manrope', sans-serif;
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 1.6px;
	text-transform: uppercase;
	color: #6e1423;
	border: 1px solid rgba(110, 20, 35, 0.3);
	background: rgba(201, 162, 39, 0.08);
	padding: 7px 16px;
	border-radius: 999px;
	margin-bottom: 28px;
}

.rsf-origin-heading {
	font-family: 'Spectral', Georgia, serif;
	font-weight: 600;
	font-size: 2.6rem;
	line-height: 1.18;
	color: #4a0e18;
	margin-bottom: 24px;
}

.rsf-origin-text {
	font-family: 'Manrope', sans-serif;
	font-size: 1.02rem;
	line-height: 25px;
	margin-top: -40px;
	color: #7a5158;
	max-width: 520px;
	margin-bottom: -70px;
}

.rsf-seal {
	position: absolute;
	top: -50px;
	right: 30px;
}

.rsf-seal-ring {
	width: 108px;
	height: 108px;
	border: 2px dashed #c9a227;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	transform: rotate(-10deg);
	font-family: 'Manrope', sans-serif;
	color: #6e1423;
	background: rgba(201, 162, 39, 0.06);
}

.rsf-seal-ring span {
	font-size: 0.62rem;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.rsf-seal-ring strong {
	font-family: 'Spectral', serif;
	font-size: 1.3rem;
	font-weight: 700;
	margin: 2px 0;
	color: #c9a227;
}

.rsf-pillars {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 22px;
}

.rsf-pillar {
	background: #fffaf6;
	border: 1px solid rgba(110, 20, 35, 0.12);
	border-radius: 18px;
	padding: 30px 26px;
	transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;
}

.rsf-pillar:hover {
	transform: translateY(-6px);
	border-color: #c9a227;
	box-shadow: 0 16px 30px rgba(110, 20, 35, 0.08);
}

.rsf-pillar i {
	font-size: 1.5rem;
	color: #6e1423;
	margin-bottom: 18px;
	display: block;
}

.rsf-pillar h3 {
	font-family: 'Spectral', serif;
	font-size: 1.12rem;
	font-weight: 600;
	color: #4a0e18;
	margin-bottom: 10px;
}

.rsf-pillar p {
	font-family: 'Manrope', sans-serif;
	font-size: 0.92rem;
	line-height: 1.65;
	color: #8c6066;
}

.rsf-founder {
	max-width: 1180px;
	margin: -60px auto 70px;
	display: grid;
	grid-template-columns: 220px 1fr;
	gap: 50px;
	align-items: center;
	padding-bottom: 30px;
	border-bottom: 1px solid rgba(110, 20, 35, 0.12);
}

.rsf-founder-image {
	position: relative;
	width: 220px;
	height: 220px;
}

.rsf-founder-image::before {
	content: '';
	position: absolute;
	top: -8px;
	left: -8px;
	right: -8px;
	bottom: -8px;
	border: 2px dashed #c9a227;
	border-radius: 50%;
}

.rsf-founder-image img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	object-fit: cover;
	border: 4px solid #fffaf6;
	box-shadow: 0 14px 30px rgba(110, 20, 35, 0.15);
}

.rsf-founder-quote-icon {
	font-size: 1.6rem;
	color: #c9a227;
	margin-bottom: 16px;
	display: block;
}

.rsf-founder-message {
	font-family: 'Spectral', Georgia, serif;
	font-size: 1.25rem;
	font-style: italic;
	line-height: 1.7;
	color: #4a0e18;
	margin-bottom: 22px;
}

.rsf-founder-name h4 {
	font-family: 'Manrope', sans-serif;
	font-size: 1.02rem;
	font-weight: 700;
	color: #6e1423;
	margin-bottom: 4px;
}

.rsf-founder-name span {
	font-family: 'Manrope', sans-serif;
	font-size: 0.85rem;
	color: #a3777d;
	text-transform: uppercase;
	letter-spacing: 1px;
}

@media (max-width: 980px) {
	.rsf-origin-inner {
		grid-template-columns: 1fr;
		gap: 50px;
	}

	.rsf-seal {
		position: static;
		margin-bottom: 24px;
	}

	.rsf-origin-text {
		max-width: 100%;
	}
}

@media (max-width: 760px) {
	.rsf-founder {
		grid-template-columns: 1fr;
		text-align: center;
		gap: 30px;
	}

	.rsf-founder-image {
		margin: 0 auto;
	}
}

@media (max-width: 560px) {
	.rsf-founder {
		margin-bottom: 50px;
		padding-bottom: 50px;
	}
}

@media (max-width: 560px) {
	.rsf-origin {
		padding: 80px 18px;
	}

	.rsf-origin-heading {
		font-size: 2.05rem;
	}

	.rsf-pillars {
		grid-template-columns: 1fr;
	}

	.rsf-founder {
		margin-top: 60px;
		padding-top: 50px;
	}

	.rsf-founder-message {
		font-size: 1.1rem;
	}
}

.rsf-dolpo {
	position: relative;
	background: linear-gradient(to bottom, #eef6fa, #ffffff);
	padding-bottom: 100px;
	overflow: hidden;
}

.rsf-dolpo-hero {
	position: relative;
	height: 560px;
	overflow: hidden;
}

.rsf-dolpo-hero-img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.rsf-dolpo-clouds {
	position: absolute;
	inset: 0;
	z-index: 2;
	overflow: hidden;
	pointer-events: none;
}

.rsf-dolpo-cloud {
	position: absolute;
	background: rgba(255, 255, 255, 0.55);
	border-radius: 50%;
	filter: blur(40px);
	animation: rsfCloudDrift linear infinite;
}

.cloud-1 {
	width: 280px;
	height: 90px;
	top: 16%;
	left: -25%;
	animation-duration: 55s;
}

.cloud-2 {
	width: 220px;
	height: 70px;
	top: 42%;
	left: -35%;
	animation-duration: 75s;
	animation-delay: -15s;
}

.cloud-3 {
	width: 180px;
	height: 60px;
	top: 8%;
	left: -30%;
	animation-duration: 65s;
	animation-delay: -30s;
}

@keyframes rsfCloudDrift {
	from {
		transform: translateX(0);
	}

	to {
		transform: translateX(170vw);
	}
}

.rsf-dolpo-hero-overlay {
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(180deg, rgba(8, 20, 28, 0.78) 0%, rgba(8, 20, 28, 0.5) 45%, rgba(8, 20, 28, 0.88) 100%);
}

.rsf-dolpo-hero-content {
	position: relative;
	z-index: 3;
	max-width: 760px;
	margin: 0 auto;
	padding: 130px 24px 0;
	text-align: center;
}

.rsf-dolpo-tag {
	display: inline-block;
	font-family: 'Manrope', sans-serif;
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 1.6px;
	text-transform: uppercase;
	color: #e8c468;
	margin-bottom: 22px;
}

.rsf-dolpo-heading {
	font-family: 'Spectral', Georgia, serif;
	font-weight: 600;
	font-size: 2.6rem;
	line-height: 1.2;
	color: #ffffff;
	margin-bottom: 22px;
}

.rsf-dolpo-lead {
	font-family: 'Manrope', sans-serif;
	font-size: 1.05rem;
	line-height: 1.85;
	color: rgba(255, 255, 255, 0.82);
	max-width: 680px;
	margin: 0 auto;
}

.rsf-dolpo-wave {
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	height: 90px;
	z-index: 4;
	fill: #eef6fa;
}

.rsf-dolpo-inner {
	position: relative;
	z-index: 2;
	max-width: 1000px;
	margin: 0 auto;
	padding: 70px 20px 0;
}

.rsf-dolpo-split {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	gap: 26px;
	text-align: left;
	margin-bottom: 60px;
}

.rsf-dolpo-card {
	background: #ffffff;
	border: 1px solid rgba(22, 49, 63, 0.08);
	border-radius: 20px;
	padding: 32px;
	box-shadow: 0 14px 30px rgba(22, 49, 63, 0.06);
	transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.rsf-dolpo-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 20px 40px rgba(22, 49, 63, 0.1);
}

.rsf-dolpo-card-icon {
	width: 52px;
	height: 52px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(181, 83, 46, 0.1);
	color: #b5532e;
	font-size: 1.2rem;
	margin-bottom: 18px;
}

.rsf-dolpo-card-alt .rsf-dolpo-card-icon {
	background: rgba(2, 132, 199, 0.1);
	color: #0284c7;
}

.rsf-dolpo-card-label {
	display: block;
	font-family: 'Manrope', sans-serif;
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #93401f;
	margin-bottom: 14px;
}

.rsf-dolpo-card-alt .rsf-dolpo-card-label {
	color: #0284c7;
}

.rsf-dolpo-card p {
	font-family: 'Manrope', sans-serif;
	font-size: 0.96rem;
	line-height: 1.7;
	color: #2c4a59;
}

.rsf-dolpo-connector {
	position: relative;
	width: 70px;
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.rsf-dolpo-connector::before,
.rsf-dolpo-connector::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	height: 2px;
	background: repeating-linear-gradient(to right, #c9a227 0, #c9a227 8px, transparent 8px, transparent 16px);
}

.rsf-dolpo-connector::before {
	top: 14px;
}

.rsf-dolpo-connector::after {
	bottom: 14px;
}

.rsf-dolpo-connector-icon {
	position: relative;
	z-index: 2;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: #16313f;
	color: #e8c468;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1rem;
	box-shadow: 0 8px 18px rgba(22, 49, 63, 0.25);
}

.rsf-dolpo-cta {
	position: relative;
	border-radius: 28px;
	overflow: hidden;
	padding: 70px 40px;
	text-align: center;
	isolation: isolate;
}

.rsf-dolpo-cta-bg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -2;
}

.rsf-dolpo-cta-overlay {
	position: absolute;
	inset: 0;
	z-index: -1;
	background: linear-gradient(160deg, rgba(22, 49, 63, 0.93), rgba(181, 83, 46, 0.85));
}

.rsf-dolpo-cta-content {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
	max-width: 620px;
	margin: 0 auto;
}

.rsf-dolpo-cta-icon {
	font-size: 1.5rem;
	color: #e8c468;
}

.rsf-dolpo-cta-content p {
	font-family: 'Spectral', serif;
	font-size: 1.2rem;
	font-style: italic;
	color: #ffffff;
	line-height: 1.7;
}

.rsf-dolpo-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	background: #e8c468;
	color: #16313f;
	font-family: 'Manrope', sans-serif;
	font-weight: 700;
	font-size: 0.95rem;
	padding: 15px 34px;
	border-radius: 14px;
	text-decoration: none;
	transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}

.rsf-dolpo-btn:hover {
	background: #ffffff;
	transform: translateY(-3px);
	box-shadow: 0 14px 30px rgba(0, 0, 0, 0.25);
}

.rsf-dolpo-btn:focus-visible {
	outline: 2px solid #e8c468;
	outline-offset: 3px;
}

.rsf-dolpo-prayer {
	margin-top: 4px;
	font-family: 'Manrope', sans-serif;
	font-size: 0.85rem;
	font-style: normal;
	color: rgba(255, 255, 255, 0.65);
	max-width: 560px;
}

@media (max-width: 760px) {
	.rsf-dolpo-hero {
		height: 480px;
	}

	.rsf-dolpo-hero-content {
		padding-top: 100px;
	}

	.rsf-dolpo-split {
		grid-template-columns: 1fr;
	}

	.rsf-dolpo-connector {
		width: 100%;
		height: 70px;
		margin: 0 auto;
	}

	.rsf-dolpo-connector::before,
	.rsf-dolpo-connector::after {
		left: 50%;
		right: auto;
		top: 0;
		bottom: 0;
		width: 2px;
		height: auto;
		background: repeating-linear-gradient(to bottom, #c9a227 0, #c9a227 8px, transparent 8px, transparent 16px);
	}

	.rsf-dolpo-connector::before {
		transform: translateX(-15px);
	}

	.rsf-dolpo-connector::after {
		transform: translateX(15px);
	}
}

@media (max-width: 560px) {
	.rsf-dolpo-hero {
		height: 420px;
	}

	.rsf-dolpo-hero-content {
		padding-top: 80px;
	}

	.rsf-dolpo-heading {
		font-size: 2rem;
	}

	.rsf-dolpo-inner {
		padding-top: 50px;
	}

	.rsf-dolpo-cta {
		padding: 50px 24px;
	}
}

.rsf-gallery {
	position: relative;
	background: #fffefb;
	padding: 110px 20px;
	overflow: hidden;
	margin-top: -70px;
}

.rsf-gallery::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 5px;
	background: linear-gradient(90deg, #6e1423, #c9a227, #6e1423);
}

.rsf-gallery-inner {
	max-width: 1200px;
	margin: 0 auto;
}

.rsf-gallery-head {
	text-align: center;
	max-width: 640px;
	margin: 0 auto 40px;
}

.rsf-gallery-tag {
	display: inline-block;
	font-family: 'Manrope', sans-serif;
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 1.6px;
	text-transform: uppercase;
	color: #6e1423;
	border: 1px solid rgba(110, 20, 35, 0.3);
	background: rgba(201, 162, 39, 0.08);
	padding: 7px 16px;
	border-radius: 999px;
	margin-bottom: 22px;
}

.rsf-gallery-heading {
	font-family: 'Spectral', Georgia, serif;
	font-weight: 600;
	font-size: 2.4rem;
	color: #4a0e18;
	margin-bottom: 16px;
}

.rsf-gallery-sub {
	font-family: 'Manrope', sans-serif;
	font-size: 1rem;
	line-height: 1.8;
	color: #7a5158;
}

.rsf-gallery-filters {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
	margin-bottom: 50px;
}

.rsf-gallery-filter {
	font-family: 'Manrope', sans-serif;
	font-size: 0.85rem;
	font-weight: 600;
	padding: 10px 22px;
	border-radius: 999px;
	border: 1px solid rgba(110, 20, 35, 0.25);
	background: #fff;
	color: #6e1423;
	cursor: pointer;
	transition: all 0.3s ease;
}

.rsf-gallery-filter:hover {
	border-color: #c9a227;
}

.rsf-gallery-filter.active {
	background: #6e1423;
	color: #fff;
	border-color: #6e1423;
}

.rsf-gallery-filter:focus-visible {
	outline: 2px solid #c9a227;
	outline-offset: 2px;
}

.rsf-gallery-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-auto-rows: 220px;
	grid-auto-flow: dense;
	gap: 18px;
}

.rsf-gallery-item {
	position: relative;
	border-radius: 18px;
	overflow: hidden;
	cursor: pointer;
}

.rsf-gallery-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.6s ease;
}

.rsf-gallery-item:hover img {
	transform: scale(1.08);
}

.rsf-gallery-item-tall {
	grid-row: span 2;
}

.rsf-gallery-item-wide {
	grid-column: span 2;
}

.rsf-gallery-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(74, 14, 24, 0) 40%, rgba(74, 14, 24, 0.85) 100%);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end;
	padding: 20px;
	opacity: 0;
	transition: opacity 0.35s ease;
}

.rsf-gallery-item:hover .rsf-gallery-overlay {
	opacity: 1;
}

.rsf-gallery-overlay i {
	color: #c9a227;
	font-size: 1.2rem;
	margin-bottom: 8px;
}

.rsf-gallery-overlay span {
	font-family: 'Manrope', sans-serif;
	font-weight: 700;
	font-size: 0.92rem;
	color: #fff;
}

.rsf-gallery-item.rsf-hidden {
	display: none;
}

.rsf-gallery-lightbox {
	position: fixed;
	inset: 0;
	background: rgba(20, 8, 10, 0.92);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 999;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease;
}

.rsf-gallery-lightbox.active {
	opacity: 1;
	visibility: visible;
}

.rsf-gallery-lightbox img {
	max-width: 88vw;
	max-height: 85vh;
	border-radius: 12px;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
}

.rsf-gallery-lightbox-close {
	position: absolute;
	top: 28px;
	right: 34px;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.3);
	color: #fff;
	font-size: 1.1rem;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.3s ease;
}

.rsf-gallery-lightbox-close:hover {
	background: #c9a227;
	color: #4a0e18;
	border-color: #c9a227;
}

.rsf-gallery-lightbox-close:focus-visible {
	outline: 2px solid #c9a227;
	outline-offset: 3px;
}

@media (max-width: 980px) {
	.rsf-gallery-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 560px) {
	.rsf-gallery {
		padding: 80px 18px;
	}

	.rsf-gallery-heading {
		font-size: 1.9rem;
	}

	.rsf-gallery-grid {
		grid-template-columns: 1fr;
		grid-auto-rows: 240px;
	}

	.rsf-gallery-item-wide,
	.rsf-gallery-item-tall {
		grid-column: span 1;
		grid-row: span 1;
	}
}

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Source+Serif+4:opsz,wght@8..60,400&family=Inter:wght@500;600;700&display=swap');

#team-dawa {
	--maroon: #7a1f2b;
	--maroon-deep: #4f1420;
	--gold: #d4af37;
	--gold-deep: #a9842c;
	--cream: #fdf8ee;
	--ink: #3a1a1f;
	background: #ffffff;
}

#team-dawa * {
	box-sizing: border-box;
}

#team-dawa .dkj-card-wrap {
	max-width: 100%;
	margin: 0 auto;
	margin-top: -70px;
}

#team-dawa .dkj-teacher {
	opacity: 1;
	transform: none;
	transition: opacity .8s ease, transform .8s ease;
}

#team-dawa.enhanced .dkj-teacher {
	opacity: 0;
	transform: translateY(24px);
}

#team-dawa.enhanced .dkj-teacher.dkj-visible {
	opacity: 1;
	transform: none;
}

#team-dawa .dkj-panel {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 2.2rem;
	align-items: flex-start;
	background: linear-gradient(150deg, var(--maroon), var(--maroon-deep));
	border: 3px solid var(--gold);
	padding: 2.2rem;
	overflow: hidden;
	box-shadow: 0 18px 38px rgba(79, 20, 32, .28);
}

#team-dawa .dkj-pattern {
	position: absolute;
	inset: 0;
	background-image: repeating-linear-gradient(45deg, rgba(212, 175, 55, .08) 0, rgba(212, 175, 55, .08) 2px, transparent 2px, transparent 14px);
	pointer-events: none;
}

#team-dawa .dkj-portrait-col {
	flex: 0 0 250px;
	position: relative;
	z-index: 1;
}

#team-dawa .dkj-portrait-frame {
	background: #fff;
	padding: 7px;
	border: 2px solid var(--gold);
	box-shadow: 0 10px 20px rgba(0, 0, 0, .3);
}

#team-dawa .dkj-portrait-frame img {
	display: block;
	width: 100%;
	aspect-ratio: 4/3.3;
	object-fit: cover;
}

#team-dawa .dkj-teacher-info {
	flex: 1;
	min-width: 0;
	position: relative;
	z-index: 1;
}

#team-dawa .dkj-eyebrow-tag {
	display: inline-block;
	font-family: Inter, sans-serif;
	font-size: .7rem;
	font-weight: 600;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, .6);
	margin-bottom: .7rem;
}

#team-dawa .dkj-ornament {
	width: 54px;
	height: 2px;
	background: var(--gold);
	margin: 0 0 1rem;
	position: relative;
}

#team-dawa .dkj-ornament::after {
	content: "";
	position: absolute;
	left: 50%;
	top: -3px;
	transform: translateX(-50%);
	width: 7px;
	height: 7px;
	background: var(--gold);
	border-radius: 50%;
}

#team-dawa .dkj-teacher-name {
	font-family: "Cormorant Garamond", serif;
	font-weight: 700;
	font-size: clamp(1.6rem, 2.4vw, 2.15rem);
	color: #ffffff;
	margin: 0 0 .35rem;
}

#team-dawa .dkj-teacher-role {
	font-family: Inter, sans-serif;
	font-size: .8rem;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--gold);
	margin: 0 0 .65rem;
}

#team-dawa .dkj-teacher-meta {
	font-family: Inter, sans-serif;
	font-size: .84rem;
	color: rgba(255, 255, 255, .72);
	display: flex;
	align-items: center;
	gap: .6rem;
	margin: 0 0 1.2rem;
}

#team-dawa .dkj-teacher-meta .dkj-dot {
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: var(--gold);
	flex: none;
}

#team-dawa .dkj-bio-panel {
	background: var(--cream);
	border-left: 4px solid var(--gold);
	border-radius: 6px;
	padding: 1.1rem 1.3rem .9rem;
}

#team-dawa .dkj-teacher-bio {
	position: relative;
	max-height: 8.6em;
	overflow: hidden;
	-webkit-mask-image: linear-gradient(to bottom, #000 65%, transparent 100%);
	mask-image: linear-gradient(to bottom, #000 65%, transparent 100%);
	transition: max-height .6s ease;
}

#team-dawa .dkj-teacher-bio.dkj-expanded {
	max-height: 3000px;
	-webkit-mask-image: none;
	mask-image: none;
}

#team-dawa .dkj-teacher-bio p {
	font-family: "Source Serif 4", serif;
	font-size: .98rem;
	line-height: 1.68;
	color: var(--ink);
	margin: 0 0 .8em;
}

#team-dawa .dkj-bio-toggle {
	display: inline-block;
	background: none;
	border: none;
	border-bottom: 1px solid transparent;
	color: var(--maroon);
	font-family: Inter, sans-serif;
	font-size: .8rem;
	font-weight: 700;
	letter-spacing: .02em;
	padding: .2rem 0;
	margin-top: .5rem;
	cursor: pointer;
	transition: color .25s ease, border-color .25s ease;
}

#team-dawa .dkj-bio-toggle:hover {
	color: var(--gold-deep);
	border-bottom-color: var(--gold-deep);
}

#team-dawa .dkj-bio-toggle:focus-visible {
	outline: 2px solid var(--maroon);
	outline-offset: 4px;
}

@media(max-width:780px) {
	#team-dawa .dkj-panel {
		flex-direction: column;
		padding: 1.6rem;
		gap: 1.4rem;
	}

	#team-dawa .dkj-portrait-col {
		flex: none;
		width: 100%;
		max-width: 260px;
		margin: 0 auto;
	}
}

@media(prefers-reduced-motion:reduce) {
	#team-dawa.enhanced .dkj-teacher {
		opacity: 1;
		transform: none;
		transition: none;
	}
}
.ourteam-component{
  --maroon:#7a1125;
  --maroon-dark:#460817;
  --maroon-light:#9c1f37;
  --gold:#cd9f3f;
  --gold-light:#f0d98f;
  --gold-dark:#9c7726;
  --cream:#fdfaf5;
  --ink:#2c1014;
  --ink-soft:#6e5a5c;
  font-family:'Jost',sans-serif;
  color:var(--ink);
}
.ourteam-component,.ourteam-component *{margin:0;padding:0;box-sizing:border-box;}
.team-wrap{
  background:var(--cream);
  padding:100px 24px 120px;
  position:relative;
  overflow:hidden;
  margin-top: -100px;

}
.team-wrap::before{
  content:"";
  position:absolute;
  top:-200px;right:-200px;
  width:500px;height:500px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(205,159,63,0.10),transparent 70%);
}
.team-head{
  text-align:center;
  max-width:680px;
  margin:0 auto 70px;
  position:relative;
  z-index:2;

}
.team-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:13px;
  letter-spacing:3px;
  text-transform:uppercase;
  color:var(--gold-dark);
  margin-bottom:18px;
}
.team-eyebrow::before,.team-eyebrow::after{
  content:"";
  width:28px;height:1px;
  background:var(--gold);
}
.team-head h2{
  font-family:'Cormorant Garamond',serif;
  font-weight:700;
  font-size:52px;
  color:var(--maroon-dark);
  line-height:1.1;
}
.team-head p{
  margin-top:16px;
  font-size:16px;
  font-weight:300;
  color:var(--ink-soft);
  line-height:1.7;
}
.team-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:46px 32px;
  max-width:1180px;
  margin:0 auto;
  position:relative;
  z-index:2;
}
.team-card{
  background:#fff;
  border-radius:6px;
  padding:34px 26px 28px;
  text-align:center;
  position:relative;
  box-shadow:0 14px 34px -18px rgba(70,8,23,0.35);
  border:1px solid rgba(205,159,63,0.25);
  transition:transform .4s ease,box-shadow .4s ease;
}
.team-card:hover{
  transform:translateY(-8px);
  box-shadow:0 26px 44px -20px rgba(70,8,23,0.45);
}
.team-photo-ring{
  width:128px;height:128px;
  margin:0 auto 20px;
  border-radius:50%;
  padding:5px;
  background:conic-gradient(from 180deg,var(--gold-light),var(--gold),var(--gold-dark),var(--gold),var(--gold-light));
  position:relative;
}
.team-photo-ring img{
  width:100%;height:100%;
  border-radius:50%;
  object-fit:cover;
  border:3px solid #fff;
  display:block;
}
.team-name{
  font-family:'Cormorant Garamond',serif;
  font-weight:700;
  font-size:25px;
  color:var(--maroon-dark);
}
.team-role-ribbon{
  display:inline-block;
  margin-top:8px;
  padding:5px 16px;
  background:var(--maroon);
  color:var(--gold-light);
  font-size:12px;
  letter-spacing:1.6px;
  text-transform:uppercase;
  border-radius:2px;
  position:relative;
}
.team-role-ribbon::before,.team-role-ribbon::after{
  content:"";
  position:absolute;
  top:100%;
  border-style:solid;
  width:0;height:0;
}
.team-role-ribbon::before{
  left:0;
  border-width:5px 5px 0 0;
  border-color:var(--maroon-dark) transparent transparent transparent;
}
.team-role-ribbon::after{
  right:0;
  border-width:5px 0 0 5px;
  border-color:var(--maroon-dark) transparent transparent transparent;
}
.team-snippet{
  margin-top:18px;
  font-size:14.5px;
  font-weight:300;
  color:var(--ink-soft);
  line-height:1.65;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.team-seal{
  margin-top:22px;
  width:46px;height:46px;
  border-radius:50%;
  border:none;
  cursor:pointer;
  background:radial-gradient(circle at 35% 30%,var(--gold-light),var(--gold) 55%,var(--gold-dark) 100%);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 6px 16px -4px rgba(156,119,38,0.6),inset 0 0 0 2px rgba(255,255,255,0.4);
  transition:transform .3s ease;
  position:relative;
}
.team-seal:hover{transform:scale(1.1) rotate(8deg);}
.team-seal svg{width:20px;height:20px;fill:var(--maroon-dark);}
.team-seal-label{
  display:block;
  margin-top:8px;
  font-size:11px;
  letter-spacing:1.5px;
  text-transform:uppercase;
  color:var(--gold-dark);
}
.team-modal-overlay{
  position:fixed;
  inset:0;
  background:rgba(44,16,20,0.72);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  opacity:0;
  visibility:hidden;
  transition:opacity .35s ease,visibility .35s ease;
  z-index:999;
}
.team-modal-overlay.active{opacity:1;visibility:visible;}
.team-modal{
  background:var(--cream);
  width:100%;
  max-width:760px;
  max-height:86vh;
  overflow-y:auto;
  border-radius:8px;
  position:relative;
  transform:scaleY(0.85) translateY(18px);
  opacity:0;
  transition:transform .4s cubic-bezier(.2,.8,.2,1),opacity .4s ease;
  box-shadow:0 30px 70px -10px rgba(0,0,0,0.4);
}
.team-modal-overlay.active .team-modal{
  transform:scaleY(1) translateY(0);
  opacity:1;
}
.team-modal-banner{
  background:linear-gradient(135deg,var(--maroon) 0%,var(--maroon-dark) 100%);
  padding:42px 40px 60px;
  position:relative;
  display:flex;
  align-items:center;
  gap:24px;
}
.team-modal-banner::after{
  content:"";
  position:absolute;
  bottom:-1px;left:0;right:0;
  height:30px;
  background:var(--cream);
  border-radius:50% 50% 0 0/100% 100% 0 0;
  transform:scaleX(1.4);
}
.team-modal-photo{
  width:96px;height:96px;
  border-radius:50%;
  flex-shrink:0;
  padding:4px;
  background:linear-gradient(135deg,var(--gold-light),var(--gold-dark));
}
.team-modal-photo img{
  width:100%;height:100%;
  border-radius:50%;
  object-fit:cover;
  border:2px solid var(--maroon-dark);
  display:block;
}
.team-modal-id h3{
  font-family:'Cormorant Garamond',serif;
  font-size:30px;
  color:#fff;
  font-weight:700;
}
.team-modal-id span{
  display:inline-block;
  margin-top:6px;
  font-size:12px;
  letter-spacing:1.8px;
  text-transform:uppercase;
  color:var(--gold-light);
}
.team-modal-close{
  position:absolute;
  top:18px;right:18px;
  width:34px;height:34px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,0.5);
  background:rgba(255,255,255,0.08);
  color:#fff;
  font-size:18px;
  line-height:1;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:background .25s ease;
}
.team-modal-close:hover{background:rgba(255,255,255,0.25);}
.team-modal-body{
  padding:10px 44px 44px;
  position:relative;
}
.team-modal-quote{
  font-family:'Cormorant Garamond',serif;
  font-style:italic;
  font-size:19px;
  color:var(--maroon);
  line-height:1.6;
  position:relative;
  padding-left:30px;
  margin-bottom:26px;
}
.team-modal-quote::before{
  content:"\201C";
  position:absolute;
  left:-6px;top:-12px;
  font-size:50px;
  color:var(--gold);
  font-family:Georgia,serif;
}
.team-modal-bio{
  font-size:15px;
  font-weight:300;
  line-height:1.85;
  color:var(--ink-soft);
  margin-bottom:14px;
}
.team-modal-bio-group{
	margin-bottom:30px;
}
.team-modal-bio:last-child{
	margin-bottom:0;
}
.team-modal-section-label{
  font-size:12px;
  letter-spacing:2px;
  text-transform:uppercase;
  color:var(--gold-dark);
  margin-bottom:14px;
  display:flex;
  align-items:center;
  gap:10px;
}
.team-modal-section-label::after{
  content:"";
  flex:1;
  height:1px;
  background:rgba(205,159,63,0.35);
}
.team-modal-achievements{
  list-style:none;
  margin-bottom:30px;
}
.team-modal-achievements li{
  display:flex;
  gap:12px;
  font-size:14.5px;
  color:var(--ink);
  padding:9px 0;
  border-bottom:1px dashed rgba(122,17,37,0.12);
}
.team-modal-achievements li:last-child{
	border-bottom:none;
}
.team-modal-achievements svg{
  width:17px;height:17px;
  flex-shrink:0;
  margin-top:2px;
  fill:var(--gold-dark);
}
.team-modal-contact{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.team-modal-contact a{
  width:38px;height:38px;
  border-radius:50%;
  background:var(--maroon);
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  transition:background .25s ease,transform .25s ease;
}
.team-modal-contact a:hover{
  background:var(--gold-dark);
  transform:translateY(-3px);
}
.team-modal-contact svg{
	width:16px;
	height:16px;
	fill:#fff;
}
@media(max-width:1024px){
  .team-wrap{
	padding:80px 22px 100px;
}
  .team-grid{
	gap:40px 26px;
}
}
@media(max-width:768px){
  .team-wrap{
	padding:70px 18px 90px;
	margin-top:-60px;
}
  .team-head{
	margin-bottom:50px;
}
  .team-head h2{
	font-size:42px;
}
  .team-head p{
	font-size:15px;
}
  .team-grid{
	grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
	gap:34px 22px;
}
  .team-card{
	padding:30px 22px 24px;
}
  .team-photo-ring{
	width:112px;height:112px;
}
  .team-modal{
	max-width:90%;
}
  .team-modal-banner{
	padding:36px 30px 54px;
}
  .team-modal-body{
	padding:10px 30px 38px;
}
}
@media(max-width:600px){
  .team-head h2{
	font-size:36px;
}
  .team-grid{
	grid-template-columns:1fr;
	max-width:380px;
	gap:28px;
}
  .team-modal-banner{
	flex-direction:column;
	text-align:center;
	padding:36px 24px 60px;
}
  .team-modal-body{
	padding:10px 24px 36px;
}
  .team-modal-id h3{
	font-size:26px;
}
}
@media(max-width:420px){
  .team-wrap{
	padding:56px 14px 70px;
}
  .team-head h2{
	font-size:30px;
}
  .team-eyebrow{
	font-size:11px;
	letter-spacing:2px;
}
  .team-card{
	padding:26px 18px 20px;
}
  .team-photo-ring{
	width:100px;height:100px;
}
  .team-name{
	font-size:22px;
}
  .team-modal{
	max-width:100%;
	border-radius:6px;
}
  .team-modal-banner{
	padding:30px 18px 50px;
}
  .team-modal-photo{
	width:84px;height:84px;
}
  .team-modal-id h3{
	font-size:23px;
}
  .team-modal-body{
	padding:10px 18px 30px;
}
  .team-modal-quote{
	font-size:17px;
	padding-left:24px;
}
  .team-modal-bio{
	font-size:14px;
}
}
.guru-tribute{
  --g-maroon:#7a1125;
  --g-maroon-dark:#460817;
  --g-gold:#cd9f3f;
  --g-gold-light:#f0d98f;
  --g-gold-dark:#9c7726;
  --g-cream:#fdfaf5;
  --g-ink:#2c1014;
  --g-ink-soft:#6e5a5c;
  font-family:'Jost',sans-serif;
  color:var(--g-ink);
}
.guru-tribute,.guru-tribute *{margin:0;padding:0;box-sizing:border-box;}
.guru-section{
	margin-top: -100px;
  background:var(--g-cream);
  padding:110px 24px;
  position:relative;
  overflow:hidden;
}
.guru-glow{
  position:absolute;
  top:50%;left:18%;
  width:420px;height:420px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(circle,rgba(205,159,63,0.18),transparent 70%);
}
.guru-container{
  max-width:1180px;
  margin:0 auto;
  display:grid;
  grid-template-columns:320px 1fr;
  gap:80px;
  align-items:center;
  position:relative;
  z-index:2;
}
.guru-photo-col{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:22px;
}
.guru-frame{
  width:280px;
  height:360px;
  position:relative;
  padding:10px;
  background:
    linear-gradient(125deg, rgba(255,255,255,0.55) 0%, rgba(255,255,255,0) 22%),
    linear-gradient(160deg,var(--g-gold-light),var(--g-gold) 50%,var(--g-gold-dark));
  border-radius:140px 140px 10px 10px;
  box-shadow:
    0 35px 80px -20px rgba(70,8,23,0.55),
    0 0 0 1px rgba(205,159,63,0.7),
    inset 0 0 0 1px rgba(255,255,255,0.5);
}
.guru-frame::before{
  content:"";
  position:absolute;
  top:-20px;left:-20px;right:-20px;bottom:-20px;
  border-radius:160px 160px 30px 30px;
  background:radial-gradient(circle,rgba(205,159,63,0.35),transparent 70%);
  filter:blur(18px);
  z-index:-1;
}
.guru-frame::after{
  content:"";
  position:absolute;
  top:-24px;
  left:50%;
  width:14px;height:14px;
  transform:translateX(-50%) rotate(45deg);
  background:linear-gradient(135deg,var(--g-gold-light),var(--g-gold-dark));
  box-shadow:0 6px 14px -4px rgba(70,8,23,0.45);
}
.guru-frame img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:130px 130px 4px 4px;
  border:2px solid var(--g-cream);
  display:block;
}
.guru-frame-corner{
  position:absolute;
  width:30px;height:30px;
  border:3px solid var(--g-maroon);
}
.guru-frame-base span:first-child{
	flex:1;
	height:1px;
	background:linear-gradient(90deg,transparent,rgba(205,159,63,0.65));
}

.guru-frame-base span:last-child{
	flex:1;
	height:1px;
	background:linear-gradient(90deg,rgba(205,159,63,0.65),transparent);
}
.guru-frame-dot{
  width:14px;height:14px;
  border-radius:50%;
  background:radial-gradient(circle at 35% 30%,var(--g-gold-light),var(--g-gold) 60%,var(--g-gold-dark));
  box-shadow:0 0 0 3px rgba(205,159,63,0.18),0 3px 8px -2px rgba(156,119,38,0.6);
  flex-shrink:0;
}

.guru-frame-base{
  display:flex;
  align-items:center;
  gap:12px;
  width:200px;
}
.guru-frame-corner.tl{
	top:-12px;
	left:90px;
	border-right:none;
	border-bottom:none;
}
.guru-frame-corner.tr{
	top:-12px;
	right:90px;
	border-left:none;
	border-bottom:none;
}
.guru-frame-corner.bl{
	bottom:-12px;
	left:-12px;
	border-right:none;
	border-top:none;
}
.guru-frame-corner.br{
	bottom:-12px;
	right:-12px;
	border-left:none;
	border-top:none;
}
.guru-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:13px;
  letter-spacing:3px;
  text-transform:uppercase;
  color:var(--g-gold-dark);
}
.guru-eyebrow::before{
	content:"";
	width:28px;
	height:1px;
	background:var(--g-gold);
}
.guru-heading{
  font-family:'Cormorant Garamond',serif;
  font-weight:700;
  font-size:46px;
  color:var(--g-maroon-dark);
  margin-top:14px;
  line-height:1.1;
}
.guru-divider{
  display:flex;
  align-items:center;
  gap:14px;
  margin:22px 0 26px;
  max-width:220px;
}
.guru-divider span{
	flex:1;
	height:1px;
	background:rgba(205,159,63,0.5);
}
.guru-divider-dot{
  width:8px;height:8px;
  background:var(--g-gold);
  transform:rotate(45deg);
  flex-shrink:0;
}
.guru-name{
  font-family:'Cormorant Garamond',serif;
  font-weight:700;
  font-size:30px;
  color:var(--g-maroon);
}
.guru-honorific{
  margin-top:6px;
  font-size:13px;
  font-style:italic;
  letter-spacing:0.5px;
  color:var(--g-gold-dark);
}
.guru-quote{
  font-family:'Cormorant Garamond',serif;
  font-style:italic;
  font-size:20px;
  line-height:1.6;
  color:var(--g-maroon-dark);
  position:relative;
  padding-left:34px;
  margin:30px 0 28px;
}
.guru-quote::before{
  content:"\201C";
  position:absolute;
  left:-4px;top:-18px;
  font-size:60px;
  color:var(--g-gold);
  font-family:Georgia,serif;
}
.guru-bio p{
  font-size:15px;
  font-weight:300;
  line-height:1.85;
  color:var(--g-ink-soft);
  margin-bottom:16px;
}
.guru-bio p:last-child{
	margin-bottom:0;
}
.guru-gratitude{
  margin-top:26px;
  font-size:14px;
  font-style:italic;
  color:var(--g-gold-dark);
}
@media(max-width:860px){
  .guru-container{
	grid-template-columns:1fr;
	text-align:center;
	gap:46px;
}
  .guru-divider{
	margin-left:auto;
	margin-right:auto;
}
  .guru-quote{
	padding-left:0;
	text-align:left;
}
}
@media(max-width:560px){
  .guru-heading{
	font-size:34px;
}
  .guru-frame{
	width:230px;
	height:300px;
}
}
.rsf-elder-section {
    padding: 100px 0;
    background-color: #FBF4EC;
    font-family: 'Plus Jakarta Sans', sans-serif;
	margin-top: -70px;

}

.rsf-elder-container {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 24px;
}

.rsf-elder-header {
    text-align: center;
    max-width: 780px;
    margin: 0 auto 30px auto;
}

.rsf-elder-kicker {
    display: block;
    font-size: 0.85rem;
    font-weight: 700;
    color: #800020;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: 15px;
}

.rsf-elder-title {
    font-family: 'Marcellus', serif;
    font-size: 3.4rem;
    color: #1a1a1a;
    margin: 0 0 18px 0;
    font-weight: 400;
    line-height: 1.2;
}

.rsf-elder-gold {
    color: #D4AF37;
    font-style: italic;
}

.rsf-elder-subtitle {
    font-size: 1.05rem;
    color: #555555;
    line-height: 1.6;
}

.rsf-elder-main {
    display: grid;
    grid-template-columns: 380px 1fr;
    gap: 70px;
    align-items: center;
    margin-top: 60px;
}

.rsf-elder-photo-col {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.rsf-elder-photo-wrapper {
    position: relative;
    width: 380px;
    height: 500px;
}

.rsf-elder-photo-glow {
    position: absolute;
    top: -30px;
    left: -30px;
    right: -30px;
    bottom: -30px;
    background: radial-gradient(circle at 50% 40%, rgba(212, 175, 55, 0.35), rgba(201, 124, 61, 0.1) 60%, transparent 75%);
    filter: blur(25px);
    z-index: 0;
    border-radius: 30px;
}

.rsf-elder-photo-shadow {
    position: absolute;
    bottom: -10px;
    left: 15px;
    width: 100%;
    height: 100%;
    background-color: #800020;
    border-radius: 20px;
    z-index: 1;
}

.rsf-elder-photo-wrapper img {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.12);
}

.rsf-elder-photo-caption {
    margin-top: 18px;
    font-size: 0.85rem;
    color: #777777;
    font-style: italic;
    text-align: center;
    max-width: 320px;
}

.rsf-elder-lead {
    font-size: 1.05rem;
    color: #444444;
    line-height: 1.75;
    margin: 0 0 50px 0;
}

.rsf-elder-mandala {
    position: relative;
    width: 460px;
    height: 460px;
    margin: 0 auto;
}

.rsf-elder-line {
    position: absolute;
    background-color: #D4AF37;
    opacity: 0.45;
}

.rsf-elder-line-top {
    width: 2px;
    height: 42px;
    left: 50%;
    top: 118px;
    transform: translateX(-50%);
}

.rsf-elder-line-bottom {
    width: 2px;
    height: 42px;
    left: 50%;
    top: 300px;
    transform: translateX(-50%);
}

.rsf-elder-line-left {
    width: 42px;
    height: 2px;
    top: 50%;
    left: 118px;
    transform: translateY(-50%);
}

.rsf-elder-line-right {
    width: 42px;
    height: 2px;
    top: 50%;
    left: 300px;
    transform: translateY(-50%);
}

.rsf-elder-node {
    position: absolute;
    border-radius: 50%;
    background-color: #ffffff;
    border: 1px solid rgba(128, 0, 32, 0.1);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 14px;
    transition: transform 0.35s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.35s ease;
}

.rsf-elder-node svg {
    width: 30px;
    height: 30px;
    margin-bottom: 6px;
}

.rsf-elder-node span {
    font-size: 0.66rem;
    font-weight: 700;
    color: #800020;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    line-height: 1.2;
}

.rsf-elder-node-center {
    width: 140px;
    height: 140px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #800020;
    border: none;
    box-shadow: 0 15px 35px rgba(128, 0, 32, 0.25);
}

.rsf-elder-node-center svg {
    width: 46px;
    height: 46px;
}

.rsf-elder-node-center span {
    color: #ffffff;
    font-size: 0.72rem;
}

.rsf-elder-node-top {
    width: 118px;
    height: 118px;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
}

.rsf-elder-node-bottom {
    width: 118px;
    height: 118px;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
}

.rsf-elder-node-left {
    width: 118px;
    height: 118px;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
}

.rsf-elder-node-right {
    width: 118px;
    height: 118px;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
}

.rsf-elder-node:not(.rsf-elder-node-center):hover {
    box-shadow: 0 18px 35px rgba(128, 0, 32, 0.12);
}

.rsf-elder-node-top:hover {
    transform: translate(-50%, -10px) scale(1.08);
}

.rsf-elder-node-bottom:hover {
    transform: translate(-50%, 10px) scale(1.08);
}

.rsf-elder-node-left:hover {
    transform: translate(-10px, -50%) scale(1.08);
}

.rsf-elder-node-right:hover {
    transform: translate(10px, -50%) scale(1.08);
}

.rsf-elder-mandala-caption {
    text-align: center;
    font-size: 0.9rem;
    color: #777777;
    font-style: italic;
    margin: 24px auto 0;
    max-width: 360px;
}

.rsf-elder-quote {
    position: relative;
    max-width: 760px;
    margin: 90px auto 70px;
    text-align: center;
    padding: 0 40px;
}

.rsf-elder-quote-mark {
    display: block;
    font-family: 'Marcellus', serif;
    font-size: 4rem;
    color: #D4AF37;
    line-height: 1;
    margin-bottom: 10px;
}

.rsf-elder-quote p {
    font-family: 'Marcellus', serif;
    font-size: 1.6rem;
    font-style: italic;
    color: #1a1a1a;
    line-height: 1.5;
    margin: 0;
}

.rsf-elder-cta {
    background-color: #800020;
    border-radius: 24px;
    padding: 45px 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    flex-wrap: wrap;
    border: 1px solid rgba(128, 0, 32, 0.08);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.03);
}

.rsf-elder-cta-text h3 {
    font-family: 'Marcellus', serif;
    font-size: 1.7rem;
    color: #d4af37;
    margin: 0 0 8px 0;
    font-weight: 400;
	margin-top: -18px;

}

.rsf-elder-cta-text p {
    font-size: 0.95rem;
    color: white;
    margin: 0;
    max-width: 360px;
    line-height: 1.55;
}

.rsf-elder-stats {
    display: flex;
    gap: 30px;
}

.rsf-elder-stat {
    text-align: center;
}

.rsf-elder-stat strong {
    display: block;
    font-family: 'Marcellus', serif;
    font-size: 1.9rem;
    color: white;
}

.rsf-elder-stat span {
    font-size: 0.72rem;
    color: #d4af37;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
/*
.rsf-elder-btn {
    background-color: #800020;
    color: #ffffff;
    padding: 15px 32px;
    border-radius: 50px;
    border: 1px solid #800020;
    font-weight: 700;
    font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.3s ease;
	margin-top: -20px;
    margin-bottom: -20px;
}
*/
.rsf-elder-btn:hover {
    background-color: transparent;
    color: #800020;
}

.rsf-elder-btn:focus-visible {
    outline: 2px solid #D4AF37;
    outline-offset: 3px;
}

@media (max-width: 991px) {
    .rsf-elder-main {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .rsf-elder-title {
        font-size: 2.8rem;
    }

    .rsf-elder-cta {
        justify-content: center;
        text-align: center;
    }

    .rsf-elder-cta-text p {
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .rsf-elder-mandala {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 16px;
    }

    .rsf-elder-line {
        display: none;
    }

    .rsf-elder-node,
    .rsf-elder-node-center,
    .rsf-elder-node-top,
    .rsf-elder-node-bottom,
    .rsf-elder-node-left,
    .rsf-elder-node-right {
        position: static;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        transform: none;
        width: 100%;
        max-width: 320px;
        height: auto;
        border-radius: 18px;
        flex-direction: row;
        justify-content: flex-start;
        text-align: left;
        padding: 16px 22px;
        gap: 16px;
    }

    .rsf-elder-node svg {
        margin-bottom: 0;
        flex-shrink: 0;
    }

    .rsf-elder-node:hover,
    .rsf-elder-node-top:hover,
    .rsf-elder-node-bottom:hover,
    .rsf-elder-node-left:hover,
    .rsf-elder-node-right:hover {
        transform: none;
    }
}

@media (max-width: 576px) {
    .rsf-elder-title {
        font-size: 2.3rem;
    }

    .rsf-elder-photo-wrapper {
        width: 100%;
        max-width: 300px;
        height: 360px;
    }

    .rsf-elder-quote {
        padding: 0 15px;
    }

    .rsf-elder-quote p {
        font-size: 1.3rem;
    }

    .rsf-elder-cta {
        padding: 35px 25px;
    }

    .rsf-elder-stats {
        gap: 18px;
        flex-wrap: wrap;
        justify-content: center;
    }
}

@media (prefers-reduced-motion: reduce) {
    .rsf-elder-section * {
        transition: none !important;
    }
}
.rsf-day-section {
    padding: 100px 0;
    background-color: #ffffff;
    font-family: 'Plus Jakarta Sans', sans-serif;
}

.rsf-day-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
}

.rsf-day-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 50px;
    margin-bottom: 30px;
}

.rsf-day-header-text {
    max-width: 620px;
	margin-left: 30px;
}

.rsf-day-header-emblem {
	margin-right: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
    width: 270px;
    background-color: #FBF4EC;
    border: 1px solid rgba(212, 175, 55, 0.4);
    border-radius: 20px;
    padding: 26px 24px 18px;
    box-shadow: 0 15px 35px rgba(128, 0, 32, 0.05);
}

.rsf-day-header-emblem svg {
    width: 100%;
    max-width: 220px;
    height: auto;
}
.rsf-day-emblem-label {
    font-family: 'Marcellus', serif;
    font-style: italic;
    font-size: 0.95rem;
    color: #800020;
    margin-bottom: 10px;
}
.rsf-day-header-emblem span {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #800020;
}

.rsf-day-kicker {
    display: flex;
    align-items: center;
    font-size: 0.85rem;
    font-weight: 700;
    color: #800020;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: 15px;
}

.rsf-day-kicker::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #D4AF37;
    margin-right: 10px;
    flex-shrink: 0;
}

.rsf-day-title {
    font-family: 'Marcellus', serif;
    font-size: 3.2rem;
    color: #1a1a1a;
    margin: 0 0 18px 0;
    font-weight: 400;
    line-height: 1.2;
}

.rsf-day-gold {
    color: #D4AF37;
    font-style: italic;
}

.rsf-day-subtitle {
    font-size: 1.05rem;
    color: #555555;
    line-height: 1.65;
}

.rsf-day-timeline {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-top: 80px;
}

.rsf-day-horizon {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 128px;
    height: 1px;
    background: linear-gradient(to right, transparent, rgba(212, 175, 55, 0.6) 15%, rgba(212, 175, 55, 0.6) 85%, transparent);
    z-index: 0;
}

.rsf-day-stop {
    position: relative;
    z-index: 1;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.rsf-day-icon {
    width: 74px;
    height: 74px;
    border-radius: 50%;
    background-color: #ffffff;
    border: 1px solid rgba(128, 0, 32, 0.1);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.rsf-day-icon svg {
    width: 30px;
    height: 30px;
}

.rsf-day-stop:hover .rsf-day-icon {
    transform: translateY(-6px);
    box-shadow: 0 18px 35px rgba(128, 0, 32, 0.1);
}

.rsf-day-stop-1 .rsf-day-icon {
    margin-top: 35px;
}

.rsf-day-stop-2 .rsf-day-icon {
    margin-top: 70px;
}

.rsf-day-stop-3 .rsf-day-icon {
    margin-top: 35px;
}

.rsf-day-stop-4 .rsf-day-icon {
    margin-top: 0;
}

.rsf-day-stop h4 {
    font-family: 'Marcellus', serif;
    font-size: 1.2rem;
    font-weight: 400;
    color: #800020;
    margin: 0 0 10px 0;
}

.rsf-day-stop p {
    font-size: 0.9rem;
    color: #666666;
    line-height: 1.6;
    max-width: 220px;
}

.rsf-day-closing {
    font-family: 'Marcellus', serif;
    font-style: italic;
    font-size: 1.5rem;
    color: #1a1a1a;
    text-align: center;
    max-width: 600px;
    margin: 90px auto 20px;
    line-height: 1.5;
}

.rsf-day-link {
    display: block;
    text-align: center;
    color: #800020;
    font-size: 0.92rem;
    font-weight: 700;
    text-decoration: none;
    border-bottom: 1px solid rgba(128, 0, 32, 0.3);
    width: fit-content;
    margin: 0 auto;
    padding-bottom: 2px;
    transition: border-color 0.3s ease;
}

.rsf-day-link:hover {
    border-color: #D4AF37;
    color: #5c0017;
}

@media (max-width: 991px) {
    .rsf-day-title {
        font-size: 2.6rem;
    }
}

@media (max-width: 768px) {
    .rsf-day-timeline {
        flex-direction: column;
        align-items: center;
        gap: 40px;
        margin-top: 60px;
    }

	.rsf-day-header-emblem {
    display: none;
}

    .rsf-day-horizon {
        display: none;
    }

    .rsf-day-stop {
        width: 100%;
        max-width: 380px;
    }

    .rsf-day-stop-1 .rsf-day-icon,
    .rsf-day-stop-2 .rsf-day-icon,
    .rsf-day-stop-3 .rsf-day-icon,
    .rsf-day-stop-4 .rsf-day-icon {
        margin-top: 0;
    }

    .rsf-day-stop p {
        max-width: 320px;
    }
}

@media (max-width: 576px) {
    .rsf-day-title {
        font-size: 2.2rem;
    }

    .rsf-day-closing {
        font-size: 1.25rem;
        margin: 60px auto 18px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .rsf-day-section * {
        transition: none !important;
    }
}
.over{
	margin-top: 110px;
}